/*--------------------------*/
/*---- css-02-login.css ----*/
/*--------------------------*/

:root {
    --text-color: #353535;
    --secondary-text-color: #6c6751;
    --primary-color: #e87f2c;
    --secondary-color: #ffb61f;
    --white-color: #ffffff;
    --black-color: #000000;
    --secondary-background: #F2F2F2;
}

.login-page, .register-page{
    background: var(--white-color) !important;

}

.card-primary.card-outline {
    border: none !important;
}

.login-box, .register-box {
    border: none !important;
    border-radius: 8px;
    width: 603px !important;
    height: 644px !important;
}

.card {
    box-shadow: 0px 3px 20px #0000001A !important;
    border-radius: 12px !important;
}

.card-header {
    border: none !important;
    display: none;
}

.box-left-login {
    background-color: var(--secondary-background);
}

.box-right-login {
    background: var(--text-color) !important;
}

.login-card-body, .register-card-body{
    background: var(--text-color) !important;
    padding: 0px !important;
}

input.form-control,.form-control:focus {
    background: var(--white-color) !important;
    border-color: var(--secondary-text-color) !important;
}

.input-group-text {
    display: none !important;
}

a,h3.card-title.float-none.text-center {
    color: var(--white-color) !important;
}

.login-logo img {
    border-radius: 0px 0px 12px 12px;
}

.card-footer {
    background: white !important;
    border: none;
}

.login-logo{
    margin-bottom: 0px !important;
}

.btn-primary {
    background: var(--primary-color) !important;
    border-radius: 25px !important;
    border-color: var(--primary-color) !important;
    padding: 10px;
}

p.my-0.text-center {
    text-decoration-line: underline !important;
}

form {
    margin-bottom: 2px !important;
}

.box-body-login{
    width: 100%;
    justify-self: center;
}

.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text{
    border-color: var(--white-color) !important;
}

.card-body.login-card-body {
    width: 500px;
    justify-self: center;
    background: white !important;
}

input.form-control {
    border: solid 1px #C9C9C9 !important;
    border-radius: 6px !important;
    background: white !important;
    color: black !important;
}

a {
    color: black !important;
    text-decoration: underline !important;
}

.input-group.mb-3 {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: initial !important;
    border-image: initial !important;
    border-radius: 8px !important;
    background: white !important;
    margin-top: 30px;
}

.card-outline.card-primary {
    margin-top: 30px;
}

.btn.btn-flat {
    margin-top: 54px;
}

.form-control:placeholder-shown {
    background-color: #ffffff;
}

.form-control:not(:placeholder-shown) {
    background-color: #ffffff;
}



body.login-page {
    background: #F2F2F2 !important;
}
@media (max-width: 1200px) {
    .login-box, .register-box {
        align-content: center;
        width: 100% !important;
        height: 100% !important;
    }

    .login-box.box-left-login.text-center {
        display: none;
    }
}