@import "../fonts/font.css";

:root {
    --box-shadow-modern: -10px 10px 30px rgba(255, 118, 67, 0.24);
    --orange: #FF7643;
    --orange-20: #FF9169;
    --peach: #6610f51a;
    --white: #fff;
    --text-orange: #FFA41D;
}

body, td, th {
    font-family: 'Gilroy', sans-serif !important;
    line-height: 1.2;
    font-size: 16px
}

.header {
    background: rgba(249, 249, 249, 0.65);
}

.btn-orange {
    color: var(--white);
    background: var(--orange);
    font-size: 1rem;
    font-weight: 600;
    border-radius: .5rem;
}

.btn-orange:hover {
    background-color: var(--orange-20);
    color: var(--white);
    text-decoration: none;
}

.btn-orange:focus {
    box-shadow: none;
}

.btn-orange.modern-shadow {
    box-shadow: var(--box-shadow-modern);
}

.text-orange {
    color: var(--orange);
}

.btn-peach {
    color: var(--white);
    background: var(--peach);
    font-size: 1rem;
    font-weight: 600;
    border-radius: .5rem;
}

.btn-peach:focus {
    box-shadow: none;
}

.btn-peach.text-orange {
    color: var(--orange);
}

.header .center .menu-user {
    min-width: auto;
}

.partner.auth {
    background: #F6F6F6;
}

.partner.auth #partner-auth {
    max-width: 385px;
}

.partner.auth #register {
    max-width: 800px;
    background-color: transparent;
}

.partner.auth #register form .form-control:focus {
    border-color: var(--orange);
}

.partner.auth #partner-auth .auth-body.login {
    margin-top: 110px;
}

.partner.auth #partner-auth .auth-body.login form input {
    background-color: #fff;
}

.partner.auth #register .auth-body > div > p {
    margin-top: 140px;
    margin-bottom: 80px;
    font-weight: 900;
}

.partner.auth #register form .form-control {
    border-color: var(--orange);
    border-radius: .5rem;
}

.partner.auth #register form button.btn-orange {
    width: 50%;
    text-transform: capitalize;
}

.partner.auth #register form label {
    font-size: 1rem;
    font-weight: normal;
}

.auth-body .register-success-container img {
    margin-top: 78px;
    margin-bottom: 40px;
}

.auth-body .register-success-container .text p {
    margin-bottom: 78px;
    word-break: break-word;
}

.auth-body .register-success-container .continue-button {
    width: 370px;
    text-transform: capitalize;
}

@media (max-width: 768px) {
    .auth-body .register-success-container > p {
        font-size: 25px;
    }

    .auth-body .register-success-container .text p {
        font-size: 18px;
    }
}

@media (max-width: 460px) {
    .auth-body .register-success-container img {
        width: 50%;
    }

    .auth-body .register-success-container .continue-button {
        width: 90%;
    }

    .partner.auth #register form button.btn-orange {
        width: 100%;
        text-transform: capitalize;
    }
}

.partner.auth .header {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.04);
    background-color: rgba(246, 246, 246, 0.65);
    backdrop-filter: blur(45px);
}

.header {
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.04);
}

.header .menu-locale .dropdown-toggle:after {
    content: none;
}

.panel.login #employee-auth {
    background: transparent;
    text-align: left;
    width: 385px;
    margin-top: 120px;
    font-size: 16px;
}