/*Info style alert*/
.myalert_info_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(100,100,100,0.5);
	z-index: 99999;
}
.myalert_info_container table{
	width:100%;
	height: 100%;
}
.myalert_info_container td{
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.myalert_info_body{
	position: relative;
	background: white;
	font-weight: bold;
	padding: 30px;
	border: #CCC 3px solid;
	border-radius: 5px;
	display: inline-block;
	color: #222;
}
.myalert_info_body_close{
	display: block;
	position: absolute;
	background: white;
	border: #CCC 3px solid;
	border-radius: 5px;
	line-height: 20px;
	width: 26px;
	text-align: center;
	font-family: Arial;
	top:-20px;
	right:-20px;
	cursor: pointer;
	font-size: 16px;
}

/*Warning style alert*/
.myalert_warning_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(50,10,0,0.5);
	z-index: 99999;
}
.myalert_warning_container table{
	width:100%;
	height: 100%;
}
.myalert_warning_container td{
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.myalert_warning_body{
	position: relative;
	background: white;
	font-size: 24px;
	font-weight: bold;
	padding: 30px;
	border: #FFC906 3px solid;
	border-radius: 5px;
	display: inline-block;
	color: #AF7906;
	font-family: Arial;
}
.myalert_warning_body_close{
	display: block;
	position: absolute;
	background: white;
	border: #FFC906 3px solid;
	border-radius: 5px;
	line-height: 20px;
	width: 20px;
	text-align: center;
	font-family: Arial;
	top:-20px;
	right:-20px;
	cursor: pointer;
	font-size: 16px;
}

/*Danger style alert*/
.myalert_danger_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(50,0,0,0.5);
	z-index: 99999;
}
.myalert_danger_container table{
	width:100%;
	height: 100%;
}
.myalert_danger_container td{
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.myalert_danger_body{
	position: relative;
	background: white;
	font-size: 24px;
	font-weight: bold;
	padding: 30px;
	border: #AA0000 3px solid;
	border-radius: 5px;
	display: inline-block;
	font-family: Arial;
	color:#600;
}
.myalert_danger_body_close{
	display: block;
	position: absolute;
	background: white;
	border: #AA0000 3px solid;
	border-radius: 5px;
	line-height: 20px;
	width: 20px;
	text-align: center;
	font-family: Arial;
	top:-20px;
	right:-20px;
	cursor: pointer;
	font-size: 16px;
}

/*Success style alert*/
.myalert_success_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,143,71,0.5);
	z-index: 99999;
}
.myalert_success_container table{
	width:100%;
	height: 100%;
}
.myalert_success_container td{
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.myalert_success_body{
	position: relative;
	background: white;
	font-size: 18px;
	display: inline-block;
}
.myalert_success_body_close{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background:url(/img/exit.svg) center no-repeat; 
	top:0px;
	right:0px;
	cursor: pointer;
	font-size: 0px;
}

/*Notify style*/
#myalert_notify_container{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99998;
	text-align: right;
}
.myalert_notify_info{
	margin-top:10px;
	position: relative;
	background: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border: #CCC 3px solid;
	border-radius: 5px;
	display: inline-block;	
	color: #222;
}
.myalert_notify_success{
	margin-top:10px;
	position: relative;
	background: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border: #008f4d 3px solid;
	border-radius: 5px;
	display: inline-block;	
	color: #008f4d;	
}
.myalert_notify_warning{
	margin-top:10px;
	position: relative;
	background: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border: #ff6600 3px solid;
	border-radius: 5px;
	display: inline-block;	
	color: #ff6600;
}
.myalert_notify_danger{
	margin-top:10px;
	position: relative;
	background: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border: #A00 3px solid;
	border-radius: 5px;
	display: inline-block;	
	color: #600;
}
@media (max-width: 350px) {
	.myalert_info_body{
		width: 200px;
		height: 350px;
	}
	.myalert_info_body input {
		width: 200px;
	}
	.myalert_info_body h2 {
		font-size: 24px;
	}
	#banner_form_btn {
		width: 190px;
		position: relative;
	}
	#banner_form_btn_text {
		text-align: center;
		top: 20px;
		right: 10px;
		left: 0px;
		width: 100%;
	}
	#data_cont {
		width: 100%;
	}
}