@charset "utf-8";
/* CSS Document for only the login presentation layer */

#logout_div{
   position: fixed;
   top: 0em;
   width: 100%;
   height: 100%;
   margin-left:auto;
   margin-right:auto;
   padding: 0px;
   z-index: 12000 !important;
   left:0px;
   right:0px;	
   display:none;
   transition: 0.8s;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0, 0.4);
}


#logout_label:hover{
   cursor: pointer;
}


#logout_form_element_table{
   width:40%;
   background:#FFFFFF;
}

.log_out_item_cell{
   display:inline-block; 
   width:25%; 
   height:100%; 
   background:#333333; 
   color:#FFFFFF;
}

.log_out_item{
   width: 100%; 
   height:100%; 
   margin: 0%;
}

#log_out_button_1, #log_out_button_2{
   width: 100%; 
   height:100%; 
   margin: 0%;
}

.log_out_image{
   width: 50px; 
   height: 50px;
   margin-top: 7px;
}
	
@media only screen and (max-width: 992px){
	#logout_form_element_table{
	   width:100%;
	   height:auto;
	   font-size:56px;
	}
	
	#log_out_items_row_1, #log_out_items_row_2{
	   height: 25vh;
	}
	
	.log_out_item_cell{
	   display:inline-block; 
	   width:42%; 
	   height:20vh; 
	   background:#333333; 
	   color:#FFFFFF;
	   vertical-align:middle;
	}
	
	.log_out_item{
	   width: 20vh; 
	   height:20vh; 
	   margin: 0%;
	   padding:0%;
	   font-size:56px;
	}
	
	#log_out_button_1, #log_out_button_2{
	   width: 100%; 
	   height:20vh; 
	   margin: 0%;
	   font-size:56px;
	}

	.log_out_image{
	   width: 140px; 
	   height: 140px;
	   margin-top: 3vh;
	}
}