#alert_backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-khtml-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);;display:none;}
#alert_dialog{position: fixed;top: 20%;left: 20%;right: 20%;min-width: 30em;padding: 20px;box-sizing: border-box;background: #FFF;box-shadow: 0px 0px 2px 2px #6B6B6B;display:none;}
#alert_title{color: #525252;padding: 0px 0px 5px 5px;font-weight: bold;font-size: 18px;}
#alert_actions{margin-top: 20px;text-align: center;}
#alert_actions button{padding: 10px 15px;box-sizing:border-box;border: 0;color: #FFFFFF;text-transform: uppercase;cursor: pointer;-khtml-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#alert_actions button.blue{background: #007aff;}
#alert_actions button.red{background: #FF0000;}
#alert_close{display:none;}

@media only screen and (max-width:40em){
	#alert_backdrop{background:transparent;}
	#alert_dialog{width: 100%;top: 0;height: 100%;background: rgba(255,255,255,0.80);left: 0;}
	#alert_title{margin:3em 1.5em 0em 1.5em;font-size:2em;text-align:center;}
	#alert_actions{position: absolute;right: 2em;bottom: 3em;left: 2em;}
	#alert_actions button{width:100%;font-size:1.2em;font-weight:normal;}
	#alert_close{display:block;position:absolute;top:0.5em; right:0.5em; width: 1.5em; height: 1.5em; background-image: url('images/close.png'); background-repeat:no-repeat; background-size:cover;}
}