/* message Common */
#messages2 { position: fixed; bottom: 20px; left: 17.5%; width: 65%; z-index: 2000; }
#messages2 .message { 
	width: 100%;
	text-align: left;
	opacity: .9;
	padding: 14px 50px 14px 150px;
	background-color: #000;
	border-radius: 0;
	border: none;
	color: #FFF;
	margin-top: 2px;
	position: relative;
	font-size: 15px;
	box-shadow: 0 0 12px #999;
}
#messages2 .message:hover { opacity: 1; }
    #messages2 .message::before {
        position: absolute;
        left: 30px;
        padding-right: 15px;
        width: 120px;
        text-align: right;
        display: inline-block;
        font-weight: 900;
        font-family: 'Font Awesome\ 5 Free', Arial; } #messages2 .message.message-Success::before 	{ color: #3EE5C2; content: "\f00c  Success!"; }
#messages2 .message.message-Information::before { color: #81C2FF; content: "\f05a  Notice"; }
#messages2 .message.message-Warning::before 	{ color: #FFDB4A; content: "\f071  Warning"; }
#messages2 .message.message-Error::before 		{ color: #FF4D5F; content: "\f06a  Error"; }
#messages2 .message .clear { position: absolute; right: 18px; top: 9px; cursor: pointer; padding: 8px; opacity: .7; }
#messages2 .message .clear:hover { opacity: 1; }

@media (max-width: 991px){
	#messages2  { width: 100%; left: 0; }
	#messages2 .message { padding-left: 40px; }
	#messages2 .message::before { left: 15px; width: 25px;  }
	#messages2 .message.message-Success::before 	{ color: #3EE5C2; content: "\f00c"; }
	#messages2 .message.message-Information::before { color: #81C2FF; content: "\f05a"; }
	#messages2 .message.message-Warning::before 	{ color: #FFDB4A; content: "\f071"; }
	#messages2 .message.message-Error::before 		{ color: #FF4D5F; content: "\f06a"; }
}