#BLACKOUT {
	display:none; 
	position:fixed;
	top:0;
	left:0%;	
	width:100%;
	height:100%;
	background-color:rgba(20,20,20,0.8);
	z-index:100;
}



#CONFIRM.IOS {
	font-size:150%;
	color:black;
	position:fixed; 
	display:none;
	top:50%; left:50%; 
	transform:translate(-50%,-50%);
	background-color:rgb(240,240,240);
	border-radius:0.3em;
	text-align:center;
	box-sizing: border-box;
	margin:0;
	z-index:200;
	min-width:12em;
}

#CONFIRM.show {
	display:block;
}

#CONFIRM.hide {
	display:none;
}


@media only screen and (min-width: 600px) {
  #CONFIRM.IOS {
	font-size:200%;
  }
}

#CONFIRM.IOS #CONFIRM_TITLE {
	padding-top:1em;
	font-weight:bold;
}

#CONFIRM.IOS #CONFIRM_TEXT {
	padding-top:0.2em;
	padding-bottom:1em;
	font-size:80%;
	border-bottom: 1px solid #cccccc;
}
#CONFIRM.IOS div.bb {
	padding-left:1em;
	padding-right:1em;
}


#CONFIRM.IOS #CONFIRM_YES  { width:50%;}
#CONFIRM.IOS #CONFIRM_GAP  { display:none;}
#CONFIRM.IOS #CONFIRM_NO   { width:50%;}

#CONFIRM.IOS input.bb[type="submit"] {
	cursor: pointer;
	color:#2997FF;
	padding:1em;
	border:none;
	font-size:100%;
	background-color:transparent !important;
	letter-spacing:normal;
	text-transform:none;
	border-radius:0;
}

#CONFIRM.IOS .yes_no input:last-child {
	border-left: 1px solid #cccccc;
}


#CONFIRM.IOS input:focus {
	font-weight:bold;
	outline:none;
}