body {
    background-color: #fff;
    overflow-y: hidden;
}
.btn-primary {
    background-color: var(--primary-color);
}

#login-operator a {
    color: var(--primary-color) !important;
}

.row-logo {
    margin-top: -31px
}

.input-operator {
    background-color: #C9DCDF !important;
    color: #656E6F !important;
    border-radius: 25px !important;
}

.input-operator::placeholder {
    color: #656E6F !important;
}

.operator #auth-left {
    background: url(../../images/bg/4853433.jpg),
    linear-gradient(180deg, var(--secondary-color), var(--primary-color));
}

.operator #auth-right {
    background: var(--path-img) no-repeat !important;
    background-size: cover !important;
}

#auth {
    height: 100vh;
    overflow-x: hidden;
}

#auth #auth-right {
    background: url(../../images/bg/4853433.jpg),
    linear-gradient(180deg, #4fb4af, #102e38);
    height: 100%;
    padding-top: 30%;
}

#auth #auth-left {
    padding: 5rem 8rem;
}

#auth #auth-left .auth-title {
    font-size: 3rem;
    margin-bottom: 1rem;
}

#auth #auth-left .auth-subtitle {
    color: #a8aebb;
    font-size: 1.7rem;
    line-height: 2.5rem;
}

#auth #auth-left .auth-logo {
    margin-bottom: 7rem;
}

#auth #auth-left .auth-logo img {
    height: 6rem;
}

#login-operator {
    border-radius: 20px !important;
    border: 5px solid var(--third-color) !important;
    top: 25% !important;
    left: 15% !important;
    width: 487px;
}

#login-operator i:before {
    color: var(--third-color) !important;
}

#login-operator h1 {
    color: var(--third-color) !important;
}

#login-operator hr {
    color: var(--third-color) !important;
    background-color: var(--third-color) !important;
}

#login-operator button {
    background-color: var(--third-color) !important;
}

#center-operator {
    border-radius: 20px !important;
    border: 5px solid var(--third-color) !important;
    top: 25% !important;
    left: 15% !important;
    width: 487px;
}

#center-operator i:before {
    color: var(--third-color) !important;
}

#center-operator h1 {
    color: var(--third-color) !important;
}

#center-operator hr {
    color: var(--third-color) !important;
    background-color: var(--third-color) !important;
}
#login-operator button {
    background-color: var(--third-color) !important;
}
.select-center {
    color: var(--third-color) !important;
    border-color: var(--third-color) !important;
    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    background: url('../../images/filter-arrow-down-16.png') !important;

    background-repeat: no-repeat !important;
    background-size: 12px !important;

    background-position-x: 95% !important;

    background-position-y: 45% !important;
}
/** iphone **/
@media screen and (max-device-width: 767px) {
    #auth #auth-left {
        padding: 5rem;
    }
    .row-logo {
        margin-top: 5%;
    }
    #login-operator, #center-operator {
        left: 5% !important;
        top: 30%!important;
        width: 95% !important;
    }
    #auth {
        height: 99vh;
        position: fixed !important;
    }
}

@media screen and (device-width : 375px) and (device-height : 812px){
    #auth #auth-left {
        padding: 5rem 3rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    #login-operator, #center-operator {
        left: 22% !important;
    }
}