/*======================================
      COBRAGuard Login Stylesheet
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/
html{background:#f3f6f9;min-height:100%;height:100%;}
body{font-family:"Poppins", sans-serif;color:#111111;background:#f3f6f9;}
h1{margin-bottom:0;color:#0b3154;font-size:22px;font-weight:500;line-height:30px;padding:1rem;border-bottom:1px solid #e5e9ec;background:#fff;}
#login-container{width:412px;background:#fff;margin:0 auto;font-size:12px;line-height:22px;border-radius:.25rem;-moz-border-radius: .25rem;-webkit-border-radius:.25rem;box-shadow:0 1px 10px 1px rgb(115 108 203 / 10%);}
#login-container p{font-size:13px;}
#login-container p span{font-weight:600}
#login-page{}
#login-form{margin:0;padding:1rem;}
dl{margin:0;}
dl dt{margin:0;padding:0;}
dl dt label{font-weight:400;width:100%;font-size:14px;color:#212529;}
dl dt .req{color:#d12f19;}
dl dd{margin:0 0 12px 0;padding:0;}
input{font-size:13px;border:1px solid #e5e9ec;border-radius:0.25rem;color:#495057;padding:0.375rem 0.75rem;font-weight:400;background-color:#fff;line-height:2;width:100%;}
input:focus, input:focus-visible{border-color:#a768f3;box-shadow:none;outline:none;}
#submit-row{margin:20px 0 0 0;}
button{font-size:14px !important;padding:0.6rem 1.2rem !important;}
/*.ff3 button, .safari button{background:#18305c url('/resources/images/button_overlay.png') repeat-x;display:inline-block;margin:4px 0;font-size:13px;padding:5px 10px 6px;color:#fff !important;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);text-shadow:0 -1px 1px rgba(0,0,0,0.25);line-height:1;font-weight:bold;border:none !important; outline:none !important;border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;border-style: none !important;}*/
/*.ff3 button:hover, .safari button:hover{background-color:#294e7b;color:#fff;}*/
/*.ff3 button:active, .safari button:active{top:1px;}*/
#login-links{border-top:1px solid #ddd;margin:10px 0 0 0;padding:1rem;}
#login-links li{margin:0 0 5px 15px;font-size:14px}
#login-links li:last-child{margin:0 0 0 15px;}
#login-links li a{text-decoration:underline;color:#4b4c97;font-weight:600;}
.login-error{font-weight:500;color: #d12f19;}
/******Password Css****/
.strength_meter{
    /*height:23px;*/
    width:100%;
    background:silver;

}
.strength_meter div{
    /*height:23px;*/
    width:100%;
    /*height:23px;*/
    text-align:center;
    color:black;
    font-weight:bold;
    line-height:23px;
}
.veryweak{
    background-color: #FFA0A0;
    border-color: #F04040!important
}
.weak{
    background-color: #FFB78C;
    border-color: #FF853C!important;
}
.medium{
    background-color: #FFEC8B;
    border-color: #FC0!important;
}
.strong{
    background-color: #C3FF88;
    border-color: #8DFF1C!important;
}
.button_strength {width:100%; display: block;}
#login-container.updatepassword {width:660px}
.updatepassword .close {font-size:32px!important;}
@media (max-width: 412px) {
#login-container{width: 90%;top: 15px !important;}
}

/****New Css added on 20 May. 2022***/
#login-container.mfa-screens {
    max-width:800px; width: 100%; font-size:14px
}
#login-container.mfa-screens p {font-size:14px}
.timer-countdown {line-height: 1.2}