#login-main{width:1024px;height:520px; padding-top:100px;margin-left: auto;margin-right: auto;}
#login_cont {width:460px;border: solid 15px #def;margin:auto;min-height:195px; background-color:White;opacity:.7;}
#login_cont img {width:120px;float:right}
#login_cont div{width:300px;float:left;}
#login_cont div div{width:300px;border:1px solid #eee;height:30px;margin:3px;background-color:#efe;padding-top:2px;float:left}
#login_cont div label{font-size:medium;float:left;width:130px;font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;}
#login_cont div input , select{float:right;width:160px;}
#login{background-image: url(../images/bgdate.png);margin-right: 0px;border: 1px solid #bbb;font-size: small;height: 30px;padding-top: 0px;width: 165px!important;}
body {height: 100%;width: 100%;overflow: hidden;}
#main_phdr {background-size: cover;width:initial!important ;  height:100%}
#master_body {height:100%}
#main_body {height:100%}
#RESULT {display:none}
#user_name, #password, #locationTxT {
    height: 25px;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
    font-size: large;
}
#perm_groups {height: 30px;width: 165px; font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size: large;}
.login-modal {
    display: none;
    position: fixed;
    z-index: 2001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    padding-top: 60px;
}
.clr {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.login-modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; 
  border: 1px solid #888;
  width: 25%; 
  height:390px;
  float:none!important;
}
.otp-modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    border: 1px solid #888;
    width: 25%;
    height: 230px;
    float: none !important;
}
#Verify, #VerifyOTP {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
.cancelbtn {
  width: 100%;
  padding: 14px 20px;
  background-color: #f44336;
  color: white;
  margin: 8px 0;
  border: none;
  cursor: pointer;
}
.ShortLogin {  
    width: 100%;  
    background-color: #dc3545;  
    height: 2px;  
    color: #dc3545;  
    font-weight: 500;  
    font-size: 14px;
    float:right;
    margin-bottom: 15px;
    text-align: end
}  
.WeakLogin {  
    width: 100%;  
    background-color: #ffc107;  
    height: 2px;  
    color: #ffc107;  
    font-weight: 500;  
    font-size: 14px;
    float:right;
    margin-bottom: 15px;
    text-align: end
}  
.GoodLogin {  
    width: 100%;  
    background-color: #28a745;  
    height: 2px;  
    color: #28a745;  
    font-weight: 500;  
    font-size: 14px;
    float:right;
    margin-bottom: 15px;
    text-align: end
}  
.StrongLogin {  
    width: 100%;  
    background-color: #0000FF;  
    height: 2px;  
    color: #0000FF;  
    font-weight: 500;  
    font-size: 14px;
    float:right;
    margin-bottom: 15px;
    text-align: end
}