@CHARSET "UTF-8";
.mm-ml-alertbox {
	margin: 15px 0% 25px 0%;
	font-size: 18px;
	padding:5px;
	border-radius:5px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.25);
	text-align: center;
	padding:20px

}

.mm-ml-alertbox a,
.mm-ml-alertbox a:hover{
  color:white;
}
.mm-ml-alertbox a {
	text-decoration: underline;
}
.mm-ml-alertbox a:hover{
	text-decoration: none;
}

.mm-ml-alertbox.red {
	background:  #ff4444;
	color: #fff;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	border: 0px;
	border-radius: 0px;
	background: #CC0000;

	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;


}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.mm-ml-alertbox.gold {
	background:  #ff4444;
	color: #fff;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	border: 0px;
	border-radius: 0px;
	background: #FBAF11;

	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;

}

.mm-ml-alertbox.green {
	background:  #ff4444;
	color: #fff;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	border: 0px;
	border-radius: 0px;
	background: #007E33;

	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;

}

.mm-ml-alertbox h3 {
	margin: 10px 0px 10px 0px;
}

.mm-ml-alertbox .mm-field {
	width: 200px;
}

.ml-fancy-card {
    text-align: center;
    margin: 0px 0px 50px 0px;
    box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.ml-fancy-card-header {
    margin: 0px 0px 25px 0px;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 0px 0 rgb(0 0 0 / 0%) !important;
}

.mm-ml-update-button {
	font-size: 12px;
	margin-left: 5px;
	font-variant: small-caps;
//	background:#c2dbbb;
	background:#228dca;
	padding:2px 6px 4px 6px;
	border-radius:3px;
	text-decoration: none;
//	color: #171717;
	color: #fff;
}
.mm-ui-custom-button {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 3px 6px 0;
	border-radius: 4px;
	text-decoration: none;
	color: #066cd2;
	border: 1px solid #066cd2;
	font-weight: 700;
	cursor:pointer;
}
.mm-ui-custom-button.dead {
	background: #ccc;
	color: #fff;
	border-color: #ccc;
}