body { font-size: 14px; font-family: 'Inter', sans-serif;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #7c7c7c;
}
.top-margin { margin-top: 70px; }
.login-page { background: #FFFFFF; padding: 20px; border-radius: 0px 0px 4px 4px; opacity: .95;}
.login-page-header { background: #f3f3f3; padding: 10px; border-radius: 4px 4px 0px 0px; text-align: center; border-bottom: 1px solid #dadada; font-weight: 600; color: #5c6267; opacity: .95;}
.align-center { text-align: center; }
.decent-margin-top { margin-top: 30px; }
.decent-margin { margin-top: 20px; margin-bottom: 20px;  }

.center-block-e{
    float: none;
    margin: 0 auto;
}
.login-alert-area { background: #FFFFFF; padding: 10px; margin: 10px;  }
.social-icon { padding-right: 10px; border-right: 1px solid #EEE; margin-right: 5px;}
.white-form-bg { background: #FFF !important; }
.align-center { text-align: center; }

/* new */
.login-form { border-radius: 8px; background: #FFF; margin-top: 50px; }
.mt-15{margin-top: 15rem;}
.mt-25{margin-top: 25rem;}
/*.login-form-inner { padding: 30px 30px 0px 30px; }*/
.login-form h2 { margin-top: 0px; }
.login-welcome { font-size: 34px; color: #FFF; text-align: center; padding: 20px; margin-top: 20px;}
.login-form-intro { font-size: 14px; text-align: center; color: #7c7c7c; margin-bottom: 50px;}
.login-form-area { width: 100%; margin-top: 15px; margin-bottom: 0;}
.btn-flat-login { background: #00a4ff; color: #FFF; font-weight: 600; display: block; }
.btn-flat-login:hover { background: #00a4ff; color: #FFF; }
.login-icon-color, .bi { color: #cecbcb; }
.btn-flat-social { background: #f0f0f0; color: #000 !important;}
.btn-flat-social-twitter { background: #20a5e2; color: #FFF !important; }
.btn-flat-social-facebook { background: #3859a2; color: #FFF !important; }
.btn-flat-social-google { background: #e33500; color: #FFF !important; }
.small-text { font-size: 11px; }
.login-footer { color: #FFF; position: fixed; bottom: 20px; width: 100%; }

.has-feedback .form-control-feedback {
    top: 5px;
    left: 0;
    font-size: 18px;
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    left: 0px;
}
.form-group.has-feedback input, .form-group.has-feedback textarea { padding-left: 35px; }

.form-error { margin-top: 10px; margin-bottom: 10px; border: 1px solid #fc1b00; padding: 1px; background: #fcf5f0; color: #864143;}
.form-error-no-margin { padding: 2px; font-size: 13px; color: #fc1b00;}
.errorField { border: 1px solid #fc1b00 !important; }
.custom-field-register { margin-bottom: 10px; }

.nopadding {
    padding: 0;
}
.form-control {
    height: 42px;
    box-shadow: none !important;    
    border: 1px solid #ced4da;
    color: #212529;
    font-size: 16px;
}
.btn-flat-login{
    color: #fff;
}
.btn {
    color: #fff;
    font-weight: 600;
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 5px 30px;
    margin-top: 15px;
}
.btn:focus {
    outline: none;
    color: #fff;
}
a {
  color: #00a4ff;
}
.container.projects-wrap {
    padding: 0;
}

/* Form Live Validator */
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
}
.invalid-feedback {
    color: #dc3545;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.form-group i.bi-eye-slash {
    right: 12px;
    cursor: pointer;
    left: auto;
    z-index: 999999999;
    position: absolute;
    top: 10px;
    font-size: 18px;
    color: #000;
}
#loginTab{
    display: flex;
    border: none;
}
#loginTab li{
    width: 50%;
    text-align: center;

}
#loginTab li a{
    background: #eee;
    border: none;
    border-radius: 5px;
    color: #000;
}
#loginTab li.active a{
    background: #00a5ff;
    color: #fff;
}