body, html{height: 100%;}

body{font-family:Arial; color:#333; font-size:14px;}

/*font-family: 'Ubuntu', sans-serif;*/

a { color: #016097; text-decoration: none; cursor: pointer;}
a img { border: 0; }


/* .top-pannel{ background: #fafafa; height:75px; box-shadow:0 0 5px #999; }
.logo {width: 195px; float:left; font-size:18px; margin:5px 0 0; } */

.LoginSection{height:auto;  margin:auto; width:60%;  background:#fff; padding:0; border-radius:30px; -webkit-border-radius:30px; border:1px solid #ccc; box-shadow:0px 0px 28px #3636367d;  left:0; right:0; top:0; bottom:0; overflow:hidden;}
.login_left_bg{background: #084c61; height:auto; position:relative;}
.login_logo{margin:auto; width:260px; left:17px; right:0; bottom:30px; top:0; position:absolute;}
.login_text{color: #084c61; text-align:center; font-size:30px; font-weight:bold; margin:0 0 30px;}

.forgot_password_section{min-height: 47vh;}
.ForgotPassword_Section{height:300px; margin:auto; width:400px;  background:#fff; padding:30px; border-radius:30px; -webkit-border-radius:30px; border:1px solid #ccc; box-shadow:0px 0px 28px #3636367d; position:relative; left:0; right:0; top:10px; bottom:10px;}

.form-label{margin:0;}

.SignIn_btn{background: #56A3A6; color:#fff; font-size:18px; padding:8px 0; border-radius:5px; border:1px solid #56A3A6; cursor:pointer; width:100%; font-weight:bold; display:block; text-align:center;}
.SignIn_btn:hover{color:#fff; }

.Checkbox{display:inline-block; position:relative; padding-left:30px; margin-bottom:11px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none;   -ms-user-select:none; user-select:none;	color:#555;	font-weight:normal; line-height:22px;}
.Checkbox input {position:absolute; opacity:0; cursor:pointer; margin:1px 0 0 -24px;}
.CheckboxCheckMark{position:absolute; top:0; left:0; height:18px; width:18px; background-color:#737373; border:1px solid #737373; border-radius:3px;}
/*.Checkbox:hover input ~ .checkmark {background-color:#ccc;}*/
.Checkbox input:checked ~ .CheckboxCheckMark{background-color: #737373;}
.CheckboxCheckMark:after{content: ""; position:absolute; display:none;}
.Checkbox input:checked ~ .CheckboxCheckMark:after{display:block;}
.Checkbox .CheckboxCheckMark:after{left:5px; top:1px; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.forgotpassword{font-size:14px; }
.forgotpassword a{color: #56A3A6; text-decoration:none;}

.Privacy_Policy{font-size:14px; margin:20px 0 0;}
.Privacy_Policy a{color:#56A3A6; text-decoration:underline;}

.Remember_Section{margin:0;}

.footer{width:100%;  position:absolute; padding:15px 0; color:#fff; }


.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:0;}
.mandatory{color:#cd1414;}


.validation {
    color: #f00;
    font-size: 12px;
    position: absolute;
    margin: 0;
    top: inherit !important;
    left: inherit !important;
}

@media (max-width: 767px) {
.LoginSection{margin:40px auto 15px; width:95%; height: 570px;}
.login_left_bg{height:120px;}
.ForgotPassword_Section{height:300px; margin:auto; width:90%;  background:#fff; padding:30px; border-radius:30px; -webkit-border-radius:30px; border:1px solid #ccc; box-shadow:0px 0px 28px #3636367d; position:absolute; left:0; right:0; top:0; bottom:0;}
}
@media (max-width: 768px) {
    .LoginSection {
        width: 95%;
        top: 0;

    }
}

@media (max-width: 640px) {
    .LoginSection
{
   
    width: 95%;
    height: auto;
}
    .forgot_password_section{min-height:60vh;}

}
.p-5 {
    padding: 2rem !important;
}


@media only screen and ( min-width: 320px) and ( max-width: 640px ) {
    .LoginSection {
       
        width: 95%;
        height: auto;
    }
    .login_logo {
        width: 153px;
        bottom: 14px;
    }
    .Privacy_Policy {
         margin: 7px 0 0; 
    }
.login_left_bg{height:120px;}
.footer{position:relative;}
.d-flex{width:100%; display:block !important;}
.LoginSection .loginBg input[type="text"]{width:72%;}
.LoginSection .loginBg input[type="password"]{width:72%;}
}