#page-login-index.pagelayout-login .navbar,#page-login-forgot_password.pagelayout-login .navbar{
    display: none;
}
#page-login-index.pagelayout-login #page,#page-login-forgot_password.pagelayout-login #page,.pagelayout-login #page #page-content{
    /* background: radial-gradient(1200px 600px at 50% 30%, #1A233B 0%, var(--color-dark-1) 55%, var(--color-dark-1) 100%); */
    background: var(--color-bg);
}
#page-login-index .custom-container,#page-login-forgot_password .custom-container{
    padding: 80px 160px;
}
#page-login-index .header,#page-login-forgot_password .header{
    width: 100%;
    background: #113f6a;
    padding: 40px 0;
    text-align: center;
}
#page-login-index .header h1,#page-login-forgot_password .header h1 {
    font-size: 48px;
    font-weight: 700;
    color: var(--color-bg);
}
#page-login-index .header p,#page-login-forgot_password .header p {
    margin-top: 5px;
    font-size: 16px;
    color: #eef1f4;
    margin-bottom: 0px;
}
#page-login-index .login-container,#page-login-forgot_password .login-container{
 /* background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(3px);
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  background: #EEF1F6;
  padding: 60px 44px;
  border-radius: 20px;*/

}
.main-area-bg.pagelayout-login .login-container{
    filter: none;
}
.pagelayout-login .login-container {
    max-width: 500px;
    width: 500px;
}
#page-login-index.pagelayout-login .login-welcome-wrapper h2{
    color: #133658;
    font-weight: 700;
    line-height: 0.8;
}
.custom-width{
    max-width: 100%;
    width: 100%;
}
#page-login-index.pagelayout-login .login-welcome-wrapper p {
    color: #4a5a7e;
    font-size: 15px!important;
    font-weight: 500;
}
#page-login-index.pagelayout-login .loginform .login-form-username label,#page-login-index.pagelayout-login .loginform .login-form-password label{
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 10px;
}
#page-login-index .login-form-username.form-group:not(:last-child){
    margin-bottom: 28px;
}
#page-login-index .logo-area.r-mb-16{
    margin-bottom: 40px;
}
#page-login-forgot_password .login-container{
    box-shadow: none;
}
#page-login-index .login_form_header h1{
    color: var(--color-bg);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}
#page-login-index .custom-label,#id_email_label,#login_pass_input{
    color: var(--color-bg);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#page-login-index input.form-control,#id_email,#login_pass_input{
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid  var(--color-text);
    background: rgba(42, 42, 48, 0.00);
    height: 54px;
    color:  var(--color-text);
    font-size: 14px;
}
#id_email{
    width: 100%;
}
.loginform input:-webkit-autofill,
.loginform input:-webkit-autofill:hover,
.loginform input:-webkit-autofill:focus,
#fitem_id_email input:-webkit-autofill,#fitem_id_email input:-webkit-autofill:hover,
#fitem_id_email input:-webkit-autofill:focus,.pass_wrap input:-webkit-autofill,.pass_wrap input:-webkit-autofill:hover,
.pass_wrap input:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--color-text) !important;
  caret-color: var(--color-text);
  /* Paint our bg over the yellow autofill */
  box-shadow: 0 0 0 1000px rgba(42, 42, 48, 0.00) inset !important;
  transition: background-color 99999s ease-in-out 0s; /* suppress flash */
}
.mb-30{
    margin-bottom: 30px;
}
.mt-30{
    margin-top: 30px;
}
.login_form_inp_wrap{
    position: relative;
}
.input-group-append,#page-login-index .password-field-eye .edw-icon{
    position: absolute;
    top: 32%;
    right: 5px;
    font-size: 18px !important;
    font-weight: 600;
    cursor: pointer;
    color: var(--color-dark-2);
}
#page-login-index .toggle-sensitive-btn.btn-secondary{
    border: 0px;
    background: transparent;
    color: var(--color-primary);
}
#page-login-index .toggle-sensitive-btn.btn-secondary .icon{
font-size: 10px;
}

#page-login-forgot_password .generalbox{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-dark-2);
    margin-bottom: 32px;
}
#page-login-forgot_password.pagelayout-login .r-mb-16{
    margin-bottom: 40px;
}
.mtb-20{
    margin: 20px 0;
}
.login-form{
    margin-top: 8px;
}
#page-login-forgot_password #fitem_id_submitbuttonemail .btn-primary,.login-form-submit .btn-primary,#page-login-forgot_password .continuebutton .btn-primary,.login_btn{
    border: 0;
    padding: 18px 24px;
    border-radius: 8px;
    background: var(--color-dark-2);
    font-weight: 600;
    font-size: 16px;
    color: var(--color-bg);
}
.title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0px;
}
.login-wrapper .btn-primary:hover,#page-login-forgot_password .continuebutton .btn-primary:hover{
    background: var(--color-accent-2);
    color: var(--color-bg);
}
.login-form-forgotpassword a{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
    opacity: 0.8;
}
#page-login-forgot_password.pagelayout-login .mform .fitem .col-md-9,#page-login-forgot_password.pagelayout-login .mform .fitem .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
}
#page-login-index.pagelayout-login.logincenter .login-container{
    margin: 0px;
}
@media (min-width: 1024px) and (max-width: 1599px) {
    #page-login-index .custom-container, #page-login-forgot_password .custom-container {
        padding: 80px 0;
        max-width: 80%;
    }
}
@media (min-width: 1024px) and (max-width: 1399px){
    #page-login-index .custom-container,#page-login-forgot_password .custom-container{
        max-width: 90%;
    }
    .custom-width {
        max-width: 90%;
    }
    #page-login-index #page-content,#page-login-forgot_password #page-content{
        align-items: center;
    }
}
@media(max-width:1024px){
    #page-login-index .custom-container,#page-login-forgot_password .custom-container{
        padding: 80px 24px;
    }
    #page-login-index.pagelayout-login .login-welcome-wrapper h2{
        font-size: 20px;
        line-height: 1.2;
    }
    .flex-gap-8 {
    gap: 10px;
    }
    .form-group:not(:last-child) {
    margin-bottom: 1rem;
    }
    #page-login-index input.form-control, #id_email, #login_pass_input {
    padding: 10px 18px;
    height: 48px;
    font-size: 14px;
    }
    .pagelayout-login #page #region-main-box{
        padding: 0px 14px;
    }
    #page-login-index #page-wrapper #page,#page-login-forgot_password #page-wrapper #page{
        justify-content: start;
    }
    #page-login-index #page-wrapper,#page-login-forgot_password #page-wrapper{
        min-height: 100%!important;
    }
}
@media(max-width:768px){
    #page-login-index .header,#page-login-forgot_password .header{
        padding: 24px 40px;
    }
    #page-login-index .header h1,#page-login-forgot_password .header h1{
        font-size: 30px!important;
    }
    .mobile-hide{
        display: none;
    }
    #page-login-forgot_password .login-wrapper{
        flex-direction: unset;
    }
    .login-wrapper .login-container,#page-login-forgot_password .login-wrapper .login-container{
        width: 100%;
        max-width: 100%;
    }
    .pagelayout-login .login-container{
        margin: 0px;
    }
}
@media (max-width: 576px){
    #page-login-index .header h1, #page-login-forgot_password .header h1 {
        font-size: 20px !important;
    }
    #page-login-index .header p, #page-login-forgot_password .header p{
        font-size: 14px;
    }
    #page-login-index .custom-container, #page-login-forgot_password .custom-container{
        max-width: 100%;
    }
}
@media (min-width: 576px) {
    .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation)>.input-group-append .toggle-sensitive-btn {
        display: flex;
    }
}