.admin_login_box {display:inline-block; margin-top:20px; padding:10px 0 20px 0; width: 95vw; max-width:400px; border: 2px solid black; border-radius:3px; font-size:1.7rem;}
.admin_login_box input, .admin_login_box button {background-color: #f0f0f0;border: 1px solid #cfcfcf;color: #444;font-family: arial;border-radius: 2px;resize: none;font-size: 14pt; margin-bottom: 4px;}
.admin_login_box input {width:150px;}

.admin_popup {position:fixed; left: 50%; transform: translateX(-50%); top:10px; text-align:left; background-color:white;  display:none; min-height:400px;  max-height:95vh;  border-radius:10px; overflow:hidden; z-index:10000; box-shadow:2px 2px 5px #000;}
.admin_popup_background {position:fixed; top:0; left:0px; width:100%; height:100vh; background-color:rgba(0,0,0,0.65); border:black 2px solid; z-index:9999; display:none; text-align:center;}
.admin_popup_close {position:absolute; right:25px; top:5px; font-size:14px; color:#888; cursor:pointer; width:22px; height:22px; border-radius:11px; background-color:#ddd; text-align: center;font-weight: bold;line-height: 17px;border: 2px solid #aaa;box-sizing: border-box; z-index:9;}
.admin_popup_content {margin-top:65px; overflow-y: auto; box-sizing: border-box;}


.admin_user_photo {width: auto; border-style:solid; border-width:2px; margin: 0 10px 0 5px;  border-radius: 4px;}



@media screen and (min-width : 701px)
{
.admin_popup_content {padding:0px 30px 10px 30px;}
.admin_popup {min-width:200px; max-width:90vw;}

} 

@media screen and (max-width : 700px)
{
.admin_popup_content {padding:0px 5px 5px 5px;}
.admin_popup {min-width:250px; width:95vw}

}