/*
* Project: Clearway FMS UI 2
* Author: Naimesh Rao
*/

/* =========== General =========== */
body, input, textarea, select{font-family: 'Poppins', sans-serif;}
*{box-sizing: border-box;}
img{max-width: 100%;}
body{background-color: #003c6c;color: #363636;overflow-x: hidden;}
p{font-size: 16px;margin-bottom: 16px;color: #616d72;}
li{font-size: 16px;}
a{color: #065fab;}

.btn{border-radius:8px;padding: 0 20px;line-height: 30px;font-size: 14px;text-transform: uppercase;letter-spacing: 0.04em;
font-weight: 600;line-height: 40px;}
.btn-primary {background-color: #095697;border-color: #095697;}
.btn-primary:hover {background-color: #1b72bb;border-color: #1b72bb;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: black !important;
}

/* =========== Login Page =========== */
body.login{background-image:url(../../../Images/login_bg.jpg);background-size: cover;
background-position: center;background-repeat: no-repeat;}
.login_container.login {
    background-image: url(../../../Images/login_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.general_error{text-align: center;margin-bottom: 25px;background: #F93D5C;border-radius: 50px;
padding: 6px;font-size: 13px;color: #fff;}

.login_container{display: flex;align-items: center;justify-content: center;width: 100%; min-height: 100vh;
background-color: transparent;padding:3rem 1rem;}

.login_wrapper{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;
height: auto; width: 380px;background-color: #fff;border-radius: 15px;border: 1px solid rgba(255,255,255,0.4);padding: 20px;}

.login_head{margin-bottom:25px;width: 100%;}
.login_head .login_logo{margin-bottom: 10px;}
.login_head .login_logo img{display: block;margin: auto;max-height: 60px;}
.login_head p{font-size: 12px;text-align: center;margin:0;}
.login_head h3{}

.login_body{width: 100%;}
.login_body .submit .btn{display: block;width: 100%;}

.form-group{margin-bottom: 25px;}
.form-group .controls{position: relative;}
.form-group .controls .icn_control{}
.form-group .controls .form-control{height: 46px;font-size: 14px;border-radius: 8px;
border-color: #b7c3cd;border-width: 1pt;padding: 0 36px 0 10px;width:100%;color: black;}
.form-group .controls label{position: absolute;top: -7px;font-size: 13px;padding: 2px 6px;
background: #fff;left: 10px;font-weight: 600;color: #0569be;line-height: 1;}
.form-group .controls label em{color:red;}
.form-group .controls .has-error{position: absolute;background: #F93D5C;color: #fff;font-size: 11px;padding: 1px 10px;
border-radius: 4px;line-height: 1.4;bottom: -8px;right: 10px;left: auto;}

.form-group .controls .fas{position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;height: 20px;
line-height: 20px;width: 24px;text-align: center;color: #96aab1;font-size: 18px;}

.forgotPassword{text-align: center;font-size: 14px;font-weight: 500;color: #095697;line-height: normal;}
.forgotPassword label{cursor:pointer;}

.btn_group .btn{margin:0 0 0 10px;}


footer{display:none;position:fixed;text-align:center;left:0;right:0;bottom:0;}


/* =========== Loader =========== */
.Login_Loader{display:block;top:0;z-index:11111;margin:0;position:fixed;left:0;right:0;bottom:0;}
.Login_Loader .loader_progress{position:fixed;left:0;right:0;bottom:0;}
.Login_Loader .loader_progress{top:0;margin:auto;width:186px;height:80px;border-radius:0;padding:5px;z-index:10500;
background:url(../../../Images/pleasewait.gif) center no-repeat #fff;border:3px solid #4298d0;
box-shadow:0 0 25px rgba(0,130,153,.07),0 0 25px rgba(66,152,208,.1) inset;background-size:auto 100%}
.Login_Loader .loader_progress{background-size: auto 90%;width: 80px;height: 80px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}



/* =========== Modal/Alert =========== */
.modal {background: rgba(0, 0, 0, 0.5);}
.modal-body{padding: 2rem 1rem 1.5rem;}

.alert {padding: 0.5rem 1rem;border-radius: 8px;font-size: 14px;}





/* =========== Responsive =========== */

@media (max-width: 1024px) {

    .login_container{padding:1rem 0.8rem;}

}/* Max - 1024px */