<style>
  #alert_popover
  {
   display:block;
   position:fixed;
   bottom:10px;
   right:30px;
  }
  .wrapper {
    display: table-cell;
    vertical-align: bottom;
    height:auto;
    width:300px;
  }
  .alert_default
  {
   color: white;
   background-color: #4f52ba;
   border-color: #cccccc;
	padding:30px;
	border-radius:5px;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  }

.alert_default p{
	font-family:'Roboto Condensed', sans-serif;
	color: white;
}

.close{
float:right;font-size:21px;font-weight:700;line-height:1;color:white;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.9
}
.close:focus,.close:hover{
color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5
}
button.close
{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}

  </style>

  <footer class="footer">
	<div class="container-fluid clearfix">
	  <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 2023 <a href="http://www./" target="_blank">Animal Conflict</a>. All rights reserved.</span>
	  
	</div>
	</footer>


<div id="alert_popover">
    <div class="wrapper">
     <div class="content">

     </div>
    </div>
   </div>

