#ui_notifIt { position: fixed; top: 10px; right: 10px; cursor: pointer; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); overflow: hidden; left: 0 !important; height:auto !important; z-index: 9999999; top:0 !important; width:100% !important; }
#ui_notifIt p{ text-align: center; font-family: sans-serif; font-size: 14px; padding: 0; margin: 0; }
#ui_notifIt li { text-align:center; list-style:none; font-size:16px; font-weight:bold; /*margin:10px 0;*/ float:left; width:100%; height:auto; position: relative; padding: 15px 0; }
#ui_notifIt.success li .fa-check,
#ui_notifIt.error li .fa-times-circle,
#ui_notifIt.notice li .fa-info-circle { margin-right: 5px; }
/* Color setup */
/* Configure this if you want */
.success { background-color: #b88c41; color: white; }
.error { background-color: rgba(255, 153, 102, 0.2); color: #ff0000; }
.warning { background-color: orange; color: white; }
.info { background-color: #f34f98; color: white; }
.default { background-color: #EEE; color: #444; }

#ui_notifIt.success { background:#b88c41; }
#ui_notifIt.error { background:#f26236; }
#ui_notifIt.notice { background:#f26236; }
/*#ui_notifIt .fa-times { float:right; margin-right:10px; margin-top:-5px; background:#fff; color:#b88c41; padding:6px 0 0 0; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; width:30px; height:30px; line-height:16px;}*/
#ui_notifIt .fa-times { background: #FFFFFF; color: #b88c41; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 10px; top: 50%; margin-top: -15px;  }
#ui_notifIt.error li .fa-times { color: #f26236; }
#ui_notifIt.notice li .fa-times { color: #f26236; }

@media only screen and (max-width: 599px) {
	#ui_notifIt li { padding-right: 50px; padding-left: 30px; text-align: left; font-size: 14px; }
	#ui_notifIt.success li .fa-check,
	#ui_notifIt.error li .fa-times-circle,
	#ui_notifIt.notice li .fa-info-circle { position: absolute; left: 0; top: 50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; text-align: center; }
}

/*@media only screen and (max-width: 375px) {

#ui_notifIt li { font-size:14px;}

#ui_notifIt.success { height:auto !important; float:left !important; width:100% !important; }
#ui_notifIt.success li { position: relative; }
#ui_notifIt.success li .fa-times-circle { float:left !important; margin-left:5px !important; }
#ui_notifIt.success li .fa-check { float:left !important; margin-left:5px !important; }
#ui_notifIt.success li .fa { margin-top:4px; margin-right: 7px;}
#ui_notifIt.success li span.top-common-msg { float:left !important; margin-right:10px !important; width:72%; text-align: left;}

#ui_notifIt.error { height:75px !important; float:left !important; width:100% !important; }
#ui_notifIt.error li .fa-times-circle { float:left !important; margin-left:5px !important; }
#ui_notifIt.error li .fa-check { float:left !important; margin-left:5px !important; }
#ui_notifIt.error li .fa { margin-top:10px;}
#ui_notifIt.error li span.top-common-msg { float:left !important; margin-right:10px !important; width:75%;}

#ui_notifIt.notice { height:75px !important; float:left !important; width:100% !important; }
#ui_notifIt.notice li .fa-info-circle { float:left !important; margin-left:5px !important; }
#ui_notifIt.notice li .fa-check { float:left !important; margin-left:5px !important; }
#ui_notifIt.notice li .fa { margin-top:10px;}
#ui_notifIt.notice li span.top-common-msg { float:left !important; margin-right:10px !important; width:75%;}
}*/