html,body,body>.container-fluid{height: 100%; overflow: hidden;}
body, .login-panel, .powered-by a {background-size: cover; background-position: center center; background-repeat: no-repeat}
.login-panel {
    margin: 0 auto;
    position: relative;
    /*width: 320px;*/
    min-width: 320px;
    z-index: 100;
    padding: 0 25px 15px;
    /*margin-left: 50%;*/
    /*transform: translateX(-50%);*/
    border-radius: 10px;
}
.login-panel .alert-message{text-align: center; line-height: 12px; color: #dc3545 !important; height: 24px;}
.login-panel form{position: relative; display: block; padding-top: 30px;}
.login-panel form:before { position: absolute; text-align: center;}
.login-panel form .md-form, .login-panel form .select-outline{height: 60px; margin-top: 12px;}
.login-panel .md-form label,.white-skin .login-panel .md-form.md-outline:focus label.active,.login-panel .md-form.md-outline label.active,.login-panel .md-form.md-outline input:focus.valid + label,.login-panel .select-wrapper.md-form.md-outline + label,.select-wrapper.md-form.md-outline input.select-dropdown{color: #fff !important;}
.login-panel form .form-control{padding-right: 40px !important; color: #fff;}
.login-panel form.needs-validation .form-control, .login-panel form.needs-validation .form-control:focus, .login-panel form.needs-validation .form-control.valid:focus, .login-panel form.was-validated .form-control.valid:focus{border-color: #fff !important; box-shadow: none !important;}
.login-panel form.needs-validation .form-control.error{background-image: none !important;}
.login-panel .fas {
    position: absolute;
    top: 4px;
    right: 6px;
    border: 1px solid #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    padding: 4px 0;
    border-radius: 50%;
    color: #fff;
}
.login-panel .btnLogin{width: 138px}
.login-panel .btnSignUp{width: 82px; padding: 4px;}
.login-footer, .login-header{position: absolute; background-repeat: no-repeat; background-position: left top; background-size: auto 100%;}
.login-header{top: 10px; left: 10px; width: 180px; height: 180px; background-size: 60%; background-position: center center; background-color: #ffffffd1; border-radius: 50%;}
.powered-by{position: absolute; right: 5px; bottom: 5px; display: flex}
.powered-by a{display: inline-block; width: 130px; height: 24px; background-image: url("../img/powered-by.svg"); background-color: #fff; background-size: auto 75%; border-left: 3px solid #2876BD;}
.contact-info{position: absolute; bottom: 10px; left: 0; width: 100%}
.contact-info-design{padding: 7px 10px; color: #fff; display: inline-block; position: relative;}
.contact-info-design:before,.contact-info-design:after{position: absolute; top: 0; border: 16.5px solid transparent; content: ""}

/*school specific css starts*/
/*Glacier*/
.login-417 .login-panel{min-height: 359px; min-width: 320px; border-radius: 70px;}
.login-417 .login-panel form{padding-top: 55px; color: #fff;}
.login-417 .login-header{display: none}
.login-417 form:before {
    content: "\"आरम्भ एक अर्थपूर्ण कदमको\"";
    color: #ff1b17;
    font-size: 16px;
    width: 210px;
    top: 25px;
    left: calc(50% - 105px);
    font-weight: 600;
}
.login-417 .login-footer{bottom: 0; left: 0; width: 100%; height: 25vw; background-image: url("../img/custom-login/footer-glacier.png"); background-size: auto 100%;}

/*Nist*/
.login-680 .login-header{background-image: url("../img/custom-login/logo-nist.png") !important; background-size: contain; background-color: transparent; border-radius: 0}
.login-680 .login-panel {min-width: 420px; min-height: 420px; border-radius: 50%; background-color: #0073b1; color: #fff;}
.login-680 .login-panel form {
    width: 280px;
    margin: 35px auto 0;
    padding-top: 45px;
}
.login-680 form:before{
    content: "Log in to your Account";
    color: #f8af41 !important;
    font-size: 15px;
    width: 180px;
    top: 0;
    left: calc(50% - 90px);
}
.login-680 .login-panel .btn{background: #fff; color: #0073b1}

/*Pentagon*/
.login-704 .login-header{top: 0; left: auto; right: 15px; width: 250px; min-height: 90px; border-radius: 0; background-size: contain; background-image: url("../img/custom-login/logo-pentagon.png") !important; background-position: right top; background-color: transparent !important;}
.login-704 .login-panel{background-image: url("../img/custom-login/login-panel-pentagon.png"); min-width: 492px; height: 487px; background-color:transparent; color: #fff;}
.login-704 .login-panel form{margin: 80px auto 0; width: 280px; padding-left: 10px; padding-top: 40px;}
.login-704 .login-panel .alert-message{padding: 0 35px;}
.login-704 .md-form.md-outline div.error{margin-left: 15px;}
.login-704 form:before{
    content: "Log in to your Account";
    color: #fff !important;
    font-size: 15px;
    width: 220px;
    top: 0;
    left: calc(50% - 100px);
}
.login-704 .login-panel .form-control:-webkit-autofill,
.login-704 .login-panel .form-control:-webkit-autofill:hover,
.login-704 .login-panel .form-control:-webkit-autofill:focus,
.login-704 .login-panel .form-control:-webkit-autofill:active,
.login-704 .login-panel form.needs-validation .form-control:-webkit-autofill,
.login-704 .login-panel form.needs-validation .form-control:focus:-webkit-autofill,
.login-704 .login-panel form.needs-validation .form-control.valid:focus:-webkit-autofill,
.login-704 .login-panel form.was-validated .form-control.valid:focus:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #212529;
}
.login-704 .login-panel .md-form label{color: #212529 !important;}
.login-704 .login-panel .md-form.md-outline label.active, .login-704 .login-panel .select-wrapper.md-form.md-outline+label, .login-704 .login-panel .md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label{color: #fff !important;}
.login-704 .login-panel .form-control{border-radius: 19px !important; color: #212529}
.login-704 .login-panel form.needs-validation .form-control, .login-704 .login-panel form.needs-validation .form-control:focus, .login-704 .login-panel form.needs-validation .form-control.valid:focus, .login-704 .login-panel form.was-validated .form-control.valid:focus{background: #fff !important; box-shadow: -10px 12px 5px 0 rgba(0,0,0,.2) !important;}
.login-704 .select-wrapper.md-form.md-outline input.select-dropdown{color: #212529 !important;}
.login-704 .login-panel .fas {border: 1px solid #374c9b; color: #374c9b;}
.login-704 .login-panel .btn{box-shadow: -10px 12px 5px 0 rgba(0,0,0,.2);}

/*BNKS*/
.login-613 .login-header{top: 0; left: 0; width: 467px; height: 200px; border-radius: 0; background-size: auto 100%; background-color: transparent; background-image: url("../img/custom-login/header-bnks.png") !important;}
.login-613 .login-panel{min-height: 359px; background: rgba(255,255,255,0.8); border-radius: 60px; border: 5px solid rgb(237 28 36 / 0.9); color: #ed1c24 !important;}
.login-613 .login-panel form{padding-top: 55px;}
.login-613 form:before {
    content: "\"Center of Excellence\"";
    color: #ed1c24 !important;
    font-size: 18px;
    width: 180px;
    top: 15px;
    left: calc(50% - 90px);
}
.login-613 .login-panel .form-control:-webkit-autofill,
.login-613 .login-panel .form-control:-webkit-autofill:hover,
.login-613 .login-panel .form-control:-webkit-autofill:focus,
.login-613 .login-panel .form-control:-webkit-autofill:active,
.login-613 .login-panel form.needs-validation .form-control:-webkit-autofill,
.login-613 .login-panel form.needs-validation .form-control:focus:-webkit-autofill,
.login-613 .login-panel form.needs-validation .form-control.valid:focus:-webkit-autofill,
.login-613 .login-panel form.was-validated .form-control.valid:focus:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #212529;
}
.login-613 .login-panel .md-form label,.white-skin.login-613 .login-panel .md-form.md-outline:focus label.active,.login-613 .login-panel .md-form.md-outline label.active,.login-613 .login-panel .md-form.md-outline input:focus.valid + label,.login-613 .login-panel .select-wrapper.md-form.md-outline + label,.login-613 .select-wrapper.md-form.md-outline input.select-dropdown{color: #212529 !important;}
.login-613 .login-panel .md-form.md-outline label.active, .login-613 .login-panel .select-wrapper.md-form.md-outline+label,.login-613 .login-panel .md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label{background: #fff !important;}
.login-613 .login-panel form .form-control{color: #212529;}
.login-613 .login-panel form.needs-validation .form-control, .login-613 .login-panel form.needs-validation .form-control:focus, .login-613 .login-panel form.needs-validation .form-control.valid:focus, .login-613 .login-panel form.was-validated .form-control.valid:focus{border-color: #ed1c24 !important;}
.login-613 .login-panel .fas {border: 1px solid #ed1c24; color: #ed1c24;}
.login-613 .login-panel .btn{background: #ed1c24; color: #fff}
/*school specific css ens*/


@media(max-width: 767.99px){
    .login-header {width: 120px; height: 120px;}
    .login-417 .login-footer{height: 38vw;}
    .login-613 .login-header{width: 327px; height: 140px;}
}