.alert{
	border-radius:0 !important;
	padding-left:3.0em !important;	
}
.alert button.close{
	position:absolute;
	top:0;
	right:0;
}
.alert-primary{
	color:#0d6efd;
	background-color:rgba(204, 229, 255,0.85) !important;
}
.alert-secondary{
	color:#6c757d;
	background-color:rgba(226, 227, 229,0.85) !important;
}
.alert-danger{
	color:#dc3545;
	background-color:rgba(248, 215, 218,0.85) !important;
}
.alert-success{
	color:#198754;
	background-color:rgba(212, 237, 218,0.85) !important;
}
.alert-warning{
	color:#ffc107;
	background-color:rgba(255, 243, 205,0.85) !important;
}
.alert-info{
	color:#0dcaf0;
	background-color:rgba(209, 236, 241,0.85) !important;
}
.alert-light{
	color:#f8f9fa;
	background-color:rgba(254, 254, 254,0.85) !important;
}
.alert-dark{
	color:#212529;
	background-color:rgba(0, 0, 0,0.85) !important;
}
.alert .alert-icon{
	position:absolute;
	top:50%;
	left:.15rem;
	transform:translate( 0%, -50%);
	font-size:24px;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
}
.alert.custom-alert{
	padding-left:3.5em !important;
}
.alert:before{
	content:"";
	width:0px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	min-height:100%;
	border-left:5px solid transparent;
}
.alert.custom-alert:before{
	border-left:45px solid transparent;
}
.alert-primary:before{
	border-left-color: #b8daff !important;
	background-color:rgba(204, 229, 255, 1);
}
.alert-secondary:before{
	border-left-color: #d6d8db !important;
	background-color:rgba(226, 227, 229, 1);
}
.alert-danger:before{
	border-left-color: #f5c6cb !important;
	background-color:rgba(248, 215, 218, 1);
}
.alert-success:before{
	border-left-color: #c3e6cb !important;
	background-color:rgba(212, 237, 218, 1);
}
.alert-warning:before{
	border-left-color: #ffeeba !important;
	background-color:rgba(255, 243, 205, 1);
}
.alert-info:before{
	border-left-color: #bee5eb !important;
	background-color:rgba(209, 236, 241, 1);
}
.alert-light:before{
	border-left-color: #fdfdfe !important;
	background-color:rgba(254, 254, 254, 1);
}
.alert-dark:before{
	border-left-color: #393937 !important;
	background-color:rgba(39, 39, 37, 1);
}
.messageBox{
	position:absolute;
	bottom:110%;
	box-shadow:0px 1px 3px rgba(0,0,0,1.0);
	border-radius:3px;
	width: calc(100vw - 25px);
	left: 5px;
	padding:0 0 0 0;
	background-color:rgba(255,255,255,1);
	
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	color:black;
}
.messageBox .messageContent{
	padding:5px 25px 5px 25px;
}

.messageBox .messageContent:before{
	content:"";
	position:absolute;
	top:0;
	left:0px;
	bottom:0;
	width:15px;
	box-shadow:2px 0 0 rgba(0,0,0,1);
	background-color:rgba(0,0,0,1);
}
.messageBox.warningBox .messageContent{
	background-color:rgba(255,255,125,0.25);
}
.messageBox.warningBox .messageContent:before{
	content:"";
	position:absolute;
	top:0;
	left:0px;
	bottom:0;
	width:15px;
	box-shadow:2px 0 0 rgba(0,0,0,1);
	background-color:rgba(255,255,0,1);
}
.messageBox.errorBox .messageContent{
	background-color:rgba(255,0,0,0.25);
}
.messageBox.errorBox .messageContent:before{
	content:"";
	position:absolute;
	top:0;
	left:0px;
	bottom:0;
	width:15px;
	box-shadow:2px 0 0 rgba(0,0,0,1);
	background-color:rgba(255,0,0,1);
}
.messageBox.successBox .messageContent{
	background-color:rgba(0,255,0,0.25);
}
.messageBox.successBox .messageContent:before{
	content:"";
	position:absolute;
	top:0;
	left:0px;
	bottom:0;
	width:15px;
	box-shadow:2px 0 0 rgba(0,0,0,1);
	background-color:rgba(0,255,0,1);
}
.hideMessage{
	position:absolute;
	bottom: 110%;
	top:auto;
	display: block;
	opacity: 0;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.showMessage{
	position:fixed;
	bottom:auto;
	opacity:1;
	top: 5px;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.closeMessage{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	height:100%;
	width:24px;
	text-align:center;
	line-height:100%;
	padding:0;
	margin:0;
	font-size:12px;
	cursor:pointer;
	
	border-radius:3px;
	background-color:red;
	color:white;
	
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.closeMessage:after{
	content:"\274c";
	position:absolute;
	top:50%;
	right:-5px;
	height:24px;
	width:24px;
	line-height:20px;
	margin:-12px 0px 0px 0px;
	color:white;
	border-radius:16px;
	text-align:center;
	font-size:14px;
	background-color:white;
	border:2px solid rgb(255,0,0,0.75);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.closeMessage:hover{
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}
.closeMessage:hover:after{
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.message-ignore{display: block !important; opacity: 1 !important; transform: translate3d(0px, 0px, 0px) !important; position:relative !important; z-index:auto !important;}
/*------------------------------------------------------------------

 Cookie Alert

 -------------------------------------------------------------------*/
 
 #message-modal-background{
	 position:fixed;
	 display:none;
	 opacity:0;
	 top:50%;
	 left:50%;
	 height:100%;
	 width:100%;
	 z-index:1050;
	 
	 transform:translate(-50%, -50%) !important;
	 
	 background:rgba(0,0,0,0.90);
 }
.message-alert {
    position: fixed;
	display:none;
	opacity:0;
    bottom: 0px;
    left: 0;
    min-width: calc(33% - 40px);
    max-width: calc(50% - 40px);
    margin: 20px;
    z-index: 1051;
    padding: 0px;
    background: rgba(255,255,255,0.95);
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}
.message-alert .float-right{
	float:right;	
}
.message-alert.full{
    min-width: calc(100% - 40px);
}
.message-alert:after{
	content:"";
	clear:both;
}
.message-alert .message-header{
	padding:5px 10px;
	font-weight:bold;
	font-size:24px;
	overflow:hidden;
	/*border-bottom:1px solid rgba(0,0,0,0.75);*/
}
.message-alert .message-body{
	padding:5px;
	display:block;
}
.message-alert .message-footer{
	/*height:50px;*/
	padding:5px;
	overflow:hidden;
	/*border-top:1px solid rgba(0,0,0,0.75);*/
}
.message-alert .message-footer button{
	margin-right:.251rem;
}
.message-alert .message-footer .float-right button{
	margin-left:.251rem;
	margin-right:auto;
}
.message-alert .message-alert-close {
    cursor: pointer;
	position:absolute;
	padding:0;
	top:5px;
	right:5px;
	height:15px;
	width:15px;
	line-height:12px;
	text-align:center;
}
.message-alert .message-close{
	position:absolute;
	display:inline-block;
	top:5px;
	right:10px;
}

.message-alert h1,
.message-alert h2,
.message-alert h3,
.message-alert h4,
.message-alert h5,
.message-alert h6{
	display:block;
	position:relative;
}

.message-alert .message-footer:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	clear:both;
}

.message-alert .alert-icon{
    z-index: 1009 !important;
}
@media screen and (max-width: 992px) {
	.message-alert{ min-width:calc(100% - 40px); max-width:calc(100% - 40px); }
}