.new_box, .login_box, .poster { position: fixed; display:none; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.55); }
.poster { display:block; }
.close_me { font-size:40px; float:right; color:red; cursor:pointer; position: absolute; top: 5%; left: 90%; z-index:99;
        -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.overlay_text_new, .login_box_contents {
    position: absolute; top: 50%; left: 50%; font-size: 20px; color: rgb(21, 34, 3); background-color: burlywood; padding: 2%;
    -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    border: blue solid 5px; border-radius: 20px; width: 50%; height:fit-content; min-height:350px; }

.login_setup, .login_setup form {margin-top: 20px; margin-left: 10px; margin-right: 10px; }
.back_row { margin-top:0;border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; font-size: 22px; }
.login_hd {background-color: #23d5ab; text-align: center; font-size: 19px; font-family: 'Times New Roman', Times, serif; 
    border-top-left-radius: 10px; border-top-right-radius: 10px; display:inline-flex; width: 100%; margin:0;margin-top:-10px; }
.login_hd .active { background-color:blue; color:white; font-weight:400; cursor:pointer;}
.login_hd .active i { background-color:blue; color:green;}
.login_hd .inactive { background-color:lightgrey; color:grey; font-weight:400; cursor:pointer; }
.login_hd .inactive i{ background-color:lightgrey; color:grey;}
.login_hd .active, .login_hd .inactive { padding: 2px 10px;}
#submit,#submit_mntr,#submit_emp {background-color:green;color:whitesmoke; font-size: 20px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande'; border-radius: 20px;padding: 5px 10px;}
.forget {color: #e73c7e;font-size: 16px; padding: 2px 4px;background-color: lightcyan; border-radius: 15px;cursor: pointer;
    bottom:4px; right:5px; position: fixed; }

.instants_msg_box { top: 1px; left: 0; width:98%; color:white; background-color:magenta; border:red 2px solid;}

/* overlay mobile */ 
@media screen and (max-width: 1200px){ .overlay_text_new, .login_box_contents{ width: 75%; } .left_nav_div {height:fit-content; overflow:hidden;} .poster { top:20px;}}

.poster { display:inline-flex; background-color: rgba(0, 0, 0, 0.1); margin-top:10%;}
.poster_img {width:70%;height:80%; max-width:90%; background-color:#fff; padding:10px; border:3px solid blue;border-radius:20px; margin-top:10%;}
.footer { position:fixed; width:100%; bottom:0; color:black; background-color:darkgrey; z-index: 99;}


.input-group-prepend span{width:160px; height:40px; }
.inputs {max-width: inherit; width: 160px; }