/* ----- ALERT STYLING ----- */

 .alert {
	position: fixed;
	top: 80px;
	z-index: 9999;
	right: 15px;
	margin-bottom: 10px;
	width: 20%;
	overflow: hidden;
	animation-name: notify;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
	animation-duration: 10s;
	animation-fill-mode: both;
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	padding: 25px;
	font-size: 14px;
	background-color: #f1f1f1;
 }

 .alert-danger {
	animation-name: stick;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
	animation-duration: 10s;
	animation-fill-mode: both;
 }

 .alert:hover {
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
 }

 body.simplelogin .alert {
 	top: 15px;
 }

 @keyframes notify {
	0% {margin-right: -22%;}
	4% {margin-right: 0px; opacity: 1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 0; margin-right: -22%; display: none;}
 }

 @keyframes stick {
	0% {margin-right: -22%; background-color: #f1f1f1;}
	4% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	8% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	15% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	20% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	25% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	30% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 1; margin-right: 0px;}
 }


/* ----- GLOBAL STYLING FIXES ----- */
 .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
 }

 body.navbar-is-fixed-top {
 	margin-top: 70px;
 }

 a:focus,
 a:active {
 	box-shadow: none;
 	outline: none;
 }