#logout{
	display:none;position:fixed;z-index:var(--i-logout);top:0;left:0;width:100%;height:100%;
}
#logout> .logout_backdrop{
	position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);
	*height: var(--body-h);
	-moz-opacity: 0;opacity: 0;
	-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
#logout> .logout_rectangle{
	position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;max-height:100%;
	*height: var(--body-h);
	-moz-opacity:0;opacity:0;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
#logout> .logout_rectangle> .logout_content{
	position:relative;margin:var(--header1-h) auto 0 auto;*margin:var(--header1-h) auto var(--footer-h) auto;
	width:100%;max-width:350px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
	text-align:center;background-color:rgba(255,255,255,0.65);
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 10px 60px 10px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
#logout> .logout_rectangle> .logout_content> .logout_loading{
	display:inline-block;width:30px;height:30px;
	background-repeat:no-repeat;background-size:contain;background-position:center center;
	background-image: url("../img/loading2.gif");
	-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);
}
#logout> .logout_rectangle> .logout_content> #logout_msg{
	display:inline-block;height:30px;
}
#logout> .logout_rectangle> .logout_content> #logout_msg.logout_msg_succes{ color:var(--text-color-succes); }
#logout> .logout_rectangle> .logout_content> #logout_msg.logout_msg_error{ color:var(--text-color-error); }


body.logout-open{ overflow-y:hidden; }
body.logout-open #logout{ display:block; }
body.logout-open #logout> .logout_backdrop{ -moz-opacity:1.0;opacity:1.0; }
body.logout-open #logout> .logout_rectangle{ -moz-opacity:1.0;opacity:1.0; }









/*

#logout_msg{
	color:var(--text-color-error);text-align:center;margin:5px 0 10px 0;
}
#logout_msg.logout_msg_succes{
	color:var(--text-color-succes);
}
form#logout{
	width: 100%;
	margin: 0 auto;
}
form#logout.logout_display_noactive{
	pointer-events:none;
	-moz-opacity:0.3;opacity:0.3;
}
form#logout table{
	margin: 0 auto;border:none;
}
form#logout table tr{
	border:none;background-color: transparent;
}
form#logout table tr td{
	border:none;background-color:transparent;padding:3px 3px !important;vertical-align:middle !important;text-align:center;
}
form#logout table tr td input{
	width:100%;text-align:center !important;
}
form#logout table tr td input[type="checkbox"]{
	width:auto !important;text-align:center !important;
}
form#logout input[type="submit"]{ background-position:right 2px center; }
form#logout.logout_noactive input[type="submit"]{
	pointer-events:none !important;
	cursor: not-allowed !important;
	-moz-opacity:0.5;opacity:0.5;
}
form#logout.logout_display_noactive input[type="submit"]{
	background-repeat:no-repeat;background-size:35px;background-position:right 2px center;
	background-image: url("../img/loading2.gif");
}
form#logout div.logout_isnotrobot_box{ display:block;text-align:right;cursor:pointer;min-height:20px;border:solid 1px rgba(0,0,0,0.05);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:6px 6px 9px 0;background-color:rgba(0,0,0,0.03); }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_loading{ cursor:not-allowed;pointer-events:none !important;color:rgba(0,0,0,0.3); }
form#logout div.logout_isnotrobot_box .logout_isnotrobot_loading_img{ display:block;float:right;width:25px;height:25px;margin-left:5px;background-size: contain;background-repeat: no-repeat;background-position: center center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 2px rgba(0,0,0,0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_loading .logout_isnotrobot_loading_img{ background-image: url("../img/loading2.gif") !important;border:none !important; }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_tik     .logout_isnotrobot_loading_img{ *background-image:none !important; }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_tik     .logout_isnotrobot_loading_img:before{ content:"\2714";font-size:24px;color:var(--text-color-succes); }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_tik.logout_isnotrobot_loading .logout_isnotrobot_loading_img:before{ -moz-opacity:0.2;opacity:0.2; }
form#logout div.logout_isnotrobot_box.logout_isnotrobot_tik.logout_isnotrobot_loading .logout_isnotrobot_loading_img{ border:none !important; }
form#logout label{ display:block;text-align:right;margin:0 0 5px 0;color:var(--text-color-warning); }
form#logout label input{ width:auto !important; }
*/