@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');


body.login-bg {
    background:#fff; 
    margin: 0px;
    padding: 0px;
    overflow:hidden; 
    font-family: 'Roboto', sans-serif !important;
}
.login-form {
    width: 30%;  
    margin: 0px;
    background:#fff;
    padding: 0px;
    overflow: hidden; height:100vh; float:left; 
}  

.login_input-row input {
    width: auto;
    float: none;
    border: none;
    border-bottom: 2px #ddd solid;
    padding: 18px 10px 18px 49px; 
    display: block;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}
.login-form form {
    width: 90%;
    margin: 0px auto;
}


.login_input-row {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin: 10px 0 10px 0;
    padding: 0px;  position:relative; 
}

.login-logo img {
    width: 80%;
}

h4.welcome-login {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0 0 0;
    color: #000000; 
    padding: 0;
}

    h4.welcome-login span 
    {  color: #117a45;  }

    h4.welcome-login p span 
    { color:#000; 
    }

    i.login-user-icon {
        position: absolute;
        top: 8px;
        left: 8px;
    }

.login-logo {
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    margin-top: 15%;
}

i.login-user-icon img {
    width: 36px;
}   

.login_input-submit-row {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.login_input-row.login_input-checkbox-row input[type="checkbox"]
{ width:auto; float:left; }



.login_input-submit-row input.submit.login_input-submit {
    width: 100%;
    border: none;
    background: #117a45;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    margin-bottom: 20px;
}


input.send-email {
    width: 100%;
    border: none;
    background: #117a45;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    margin-bottom: 20px;
}


input.back-to-login {
    width: 100%;
    border: none;
    background: #666;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.login_forgot-row {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: right;
    margin-bottom: 10px;
}



.login_input-row input:focus {
    outline: none !important;
    border-color: #117a45;
}

 


h4.welcome-login.forget-pass {
    margin: 30px 0 30px 0; 
}


.login_input-submit-row.password-btn {
    margin-top: 20px;
}


.login-left-img {
    width: 70%;
    float: left; height:100vh; 
    margin: 0px;
    padding: 0px; 
}

    .login-left-img img {
        width: 100%; height:100%;
    }


h4.welcome-login p {
    float: none;
    display: inline-block;
    color: #177855;  margin:0px; padding:0px; 
}

.container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
}






.entarm-black .login-left-img 
{ display: none;}
.entarm-black .login-form 
{ width:100%; }
.entarm-black .login-logo img 
{ height: 70px;  margin-top: 0px !important; }
.entarm-black .login-logo  
{ margin-top: 0px !important; }
.entarm-black .login-logo img 
{ width: auto;}
.entarm-black .login-logo 
{ padding: 25px 0; text-align: center; background: #fff; border-bottom: 1px solid #e5e4e4;  box-shadow: 0 1px 0 #fff;}
.entarm-black i.login-user-icon img 
{ filter: grayscale(100%); width: 30px;  margin: 0 0 0 7px;}
:focus 
{ outline:0px !important; }
body.entarm-black 
{ background: #f7f7f7 !important;}
.entarm-black .login-form 
{ background: none; }
.entarm-black .login-form form 
{ width: 360px; margin: 0px auto; }
.entarm-black input:-webkit-autofill,
.entarm-black input:-webkit-autofill:hover,
.entarm-black input:-webkit-autofill:focus,
.entarm-black textarea:-webkit-autofill,
.entarm-black textarea:-webkit-autofill:hover,
.entarm-black textarea:-webkit-autofill:focus,
.entarm-black select:-webkit-autofill,
.entarm-black select:-webkit-autofill:hover,
.entarm-black select:-webkit-autofill:focus 
{ border: none !important; -webkit-text-fill-color: #000 !important; -webkit-box-shadow: none !important; transition: background-color 5000s ease-in-out 0s !important;}
.entarm-black h4.welcome-login 
{ margin: auto; line-height: 25px; width: 360px; padding: 40px 0 30px 0px; font-size: 30px;  font-weight: normal;  color: #666;  text-align: center; }
.entarm-black h4.welcome-login p 
{ float: none; display: inline-block; color: #000000; margin: 0px; padding: 0px; }
.entarm-black .login_input-row input 
{ padding: 0; float: left; width: 100%; margin: 0px 0; border: none; border-bottom: none; font-size: 14px;  height: 50px; background: #e3e0e0;  padding-left: 60px;    font-family: "Open Sans", Tahoma !important;    border-radius: 10px;    color: #000;}
.entarm-black .login_input-submit-row input.submit.login_input-submit 
{ background: #1c1e3a; }




.login_input-submit-row a.submit.login_input-submit {
    width: 100%;
    border: none;
    background: #117a45;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.login_input-submit-row a.submit.login_input-submit {
    width: 100%;
    border: none;
    background: rgb(255, 255, 255);
    padding: 13px 0;
    color: #1c1e3a;
    font-size: 18px;
    border-radius: 100px;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    text-decoration: none;
    border: 2px #1c1e3a solid;
    font-weight: bold;
    margin-top: 25px;
}