* {
	/* border:red 1px solid;
	*/
}
.alert_outbox {
	background:rgba(0,0,0,.3);
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
    bottom: 0;
    right: 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
    backdrop-filter: blur(1em);
}
.alert_inbox {
	min-width:380px;
    max-width: 450px;
	overflow:hidden;
	background:rgba(255,255,255,.5);
	display:flex;
	padding:1em 3em;
	align-items:center;
	flex-direction:column;
	border-radius:4px;
	box-shadow:gray 0 0 1em 0;
}
.alert_imgbox {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.alert_icon {
	fill:rgb(61, 148, 255);
	width:50%;
	height:50%;
}
.alert_textbox {
	padding:0;
	margin:0;
}
.alert_title {
	font-weight:bolder;
	font-size:1.5em;
	text-align:center;
}
.alert_text {
	text-align:center;
}
.alert_btnbox {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
}
.alert_btn {
    text-align: center;
    width: 160px;
	padding:.5em;
	margin:1em 1.5em;
	background:rgb(193,235,255);
	border-radius:.1em;
	-webkit-box-shadow:gray 0 0 .2em 0;
	box-shadow:gray 0 0 .2em 0;
	cursor:pointer;
	transition:all .1s linear;
}
.alert_btn:hover {
	background:rgb(0, 174, 255);
	border-radius:.1em;
	-webkit-box-shadow:gray 0 0 .5em 0;
	box-shadow:gray 0 0 .5em 0;
	cursor:pointer;
    color: white;
}
.alert_hide {
	display:none;
}
.alert_text a{
	color: rgb(0, 109, 152) !important;
	font-weight: bold;
}