#alert{
        display:none;
        position:fixed;
        bottom:45px;
        left:0px;
        padding:10px;
	padding-left:15px;
        background:#eee;
	border:1px solid #333;
	border-left:0;
	outline:1px solid #eee;
	font-size:18px;
        font-weight:300;
        z-index:5;
}

#alert .icon{
	width:50px;
}

#alert .icon i{
	padding:12px;
	background:#ddd;
	border:1px solid #ccc;
}

#alert .message{
	padding:10px;
	white-space:nowrap;
}

#alert.success{
        background: -webkit-linear-gradient(90deg, #475e47, #639063);
        background:    -moz-linear-gradient(90deg, #475e47, #639063);
        background:      -o-linear-gradient(90deg, #475e47, #639063);
        background:         linear-gradient(90deg, #475e47, #639063);
	outline-color:#b5fcb5;
	color:#eee;
}

#alert.success.pulse{
	-webkit-animation:alert-success 2s ease-in-out;
	   -moz-animation:alert-success 2s ease-in-out;
	        animation:alert-success 2s ease-in-out;
}

#alert.success .icon i{
	background:#699569;
	border-color:#85be85;
}

@-moz-keyframes alert-success{
      0% { box-shadow:0px 0px -60px -40px #86ce86; }
     30% { box-shadow:0px 0px 250px  40px #86ce86; }
    100% { box-shadow:0px 0px 800px  40px transparent; }
}

@-webkit-keyframes alert-success{
      0% { box-shadow:0px 0px -60px -40px #86ce86; }
     30% { box-shadow:0px 0px 250px  40px #86ce86; }
    100% { box-shadow:0px 0px 800px  40px transparent; }
}

#alert.error{
        background: -webkit-linear-gradient(90deg, #612828, #c06e6e);
        background:    -moz-linear-gradient(90deg, #612828, #c06e6e);
        background:      -o-linear-gradient(90deg, #612828, #c06e6e);
        background:         linear-gradient(90deg, #612828, #c06e6e);
	outline-color:#d73a3a;
	color:#eee;
}

#alert.error.pulse{
	-webkit-animation:alert-error 2s ease-in-out;
	   -moz-animation:alert-error 2s ease-in-out;
	        animation:alert-error 2s ease-in-out;
}

#alert.error .icon i{
	background:#bf5959;
	border-color:#f07d7d;
}

@-moz-keyframes alert-error{
      0% { box-shadow:0px 0px -60px -40px #fa7d7d; }
     30% { box-shadow:0px 0px 250px  40px #fa7d7d; }
    100% { box-shadow:0px 0px 800px  40px transparent; }
}

@-webkit-keyframes alert-error{
      0% { box-shadow:0px 0px -60px -40px #fa7d7d; }
     30% { box-shadow:0px 0px 250px  40px #fa7d7d; }
    100% { box-shadow:0px 0px 800px  40px transparent; }
}