/* Styleing Rules for Authentication pages for metrov5_4 themes */
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
	color: #333;
	background: #fff;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control::placeholder{
	color: #333;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control{
	color: #333;
}
input:-webkit-autofill {
	-webkit-text-fill-color: #333 !important;
	background-color: white !important;
	-webkit-box-shadow: inset 0 0 0px 9999px white;
}
.m-login__container {
    width: 530px !important;
    padding: 60px 84px;
    height: auto;
    border: #231f20 1px solid;
}
.m-login__logo img {
    width: 190px;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control, .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.m-login__form-input--last {
    border-radius: 0px;
    padding: 10px;
    border-bottom: #9d9d9d 2px solid;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control:focus, .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.m-login__form-input--last:focus {
    border-radius: 0px;
    padding: 10px;
    border-bottom: #231f20 2px solid;
}
.m-checkbox.m-checkbox--light>span {
    border: 2px solid #231f20 !important;
    border-radius: 0px !important;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-checkbox {
    color: #333;
    font-weight: 600;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link:hover {
    color: #231f20;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link {
    color: #231f20;
    font-weight: 600;
}
button#submitLoginBtn {
    display: block;
    width: 100%;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: #231f20;
    border: none !important;
    font-size: 1.2rem;
    padding: 1.1rem 4rem;
}
button#submitLoginBtn:hover {
    background: #9d9d9d;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__title {
    color: #333;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub, .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .col {
    padding: 0 !important;
}
 .m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__desc {
     color: #333;
 }
 button#mLoginForgetPasswordSubmit, button#m_login_forget_password_cancel, button#reset_submit {
     background: #231f20;
     border: none;
     padding: 1rem 3rem;
     display: block;
     width: 100%;
     border-radius: 0px;
 }
 
 button#m_login_forget_password_cancel {
     background: #9d9d9d;
     color: #fff;
 }
.btn-success:hover, .btn-success:focus, button#m_login_forget_password_cancel:hover {
     background-color: #565656;
     border-color: #565656;
 }
.btn-accent:hover, button#mLoginForgetPasswordSubmit:hover {
     color: #fff;
     background-color: #231f20;
     border-color: #231f20;
}
.m-checkbox.m-checkbox--light>span:after {
     border: solid #231f20;
 }
 .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control:focus::placeholder {
    color: #ccc !important;
}
button.colored-big-button{
    display: block;
    width: 100%;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: #2a8df0 !important;
    border: none !important;
    font-size: 1.2rem;
    padding: 1.1rem 4rem;
}
.custom-link{
    color: #666 !important;
    font-size: 15px !important;
    cursor: pointer;
    text-decoration: underline;
}
.portal-account-mgs {
    color: #666!important;
}
.item-data {
    border: rgba(215, 215, 215, 1) 1px solid;
    border-radius: 10px;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .m-login__container {
        width: auto !important;
        padding: 30px;
    }

}