@import "colors.css";


.bg-depth-blue {
    background-color: var(--depth-blue);
}

.color-depth-blue {
    color: var(--depth-blue);
}

body.isSpecialist {
    .bg-depth-blue {
        background-color: #003b4c;
    }

    .chatlio-title-bar.chatlio-title-bar-chip {
        background-color: #003b4c !important;
    }
}

.chatlio-title-bar.chatlio-title-bar-chip {
    background-color: var(--depth-blue) !important;
}

.text-depth-blue {
    color: var(--depth-blue);
}

body.isClient, body.isNotLogged {
    /* Button */

    .btn {
        padding: 0.5rem 2rem;
        border-radius: 2rem;
    }

    @media screen and (max-width: 1024px) {
        .btn {
            padding: 0.25rem 1rem !important;
        }
    }

    .btn-primary, .btn-dark-blue, .btn.btn-primary {
        background: var(--color-primary-default);
        color: #FFFFFF;
        border: 1px solid var(--color-primary-default);
        padding: 0.5rem 2rem;
    }

    .btn-primary:hover, .btn-dark-blue:hover {
        background: var(--color-primary-default-hover) !important;
        border: 1px solid var(--color-primary-default-hover) !important;
        color: #FFFFFF !important;
    }

    .btn-primary[disabled], .btn-dark-blue[disabled] {
        background: var(--btn-primary-disabled) !important;
        border: 1px solid var(--btn-primary-disabled) !important;
        color: #FFFFFF;
    }

    .btn-primary:active, .btn-primary:focus, .btn-primary::selection {
        background: var(--color-primary-default-hover) !important;
        border: 1px solid var(--color-primary-default-hover) !important;
    }

    .btn-secondary, .client_dashboard .btn.btn-secondary, .btn-outline-dark-blue {
        background: #FFFFFF;
        color: var(--color-primary-default) !important;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
        border: 1px solid var(--color-primary-default) !important;
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-outline-dark-blue:hover,
    .btn-outline-dark-blue:focus,
    .client_dashboard .btn.btn-secondary:hover,
    .client_dashboard .btn.btn-secondary:focus {
        background: #FFFFFF !important;
        color: var(--color-primary-default-hover) !important;
        border: 1px solid var(--color-primary-default-hover) !important;
    }

    .btn-secondary-grey {
        background: var(--secondary-btn-color);
        color: #FFFFFF;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
    }

    .btn-secondary.btn-secondary-survey {
        background: var(--secondary-btn-color);
        color: #FFFFFF !important;
        border-radius: 2rem;
        border: 1px solid var(--secondary-btn-color) !important;
    }

    .btn-secondary-grey:hover, .btn-secondary.btn-secondary-survey:hover {
        background: var(--secondary-btn-color-hover) !important;
        color: #FFFFFF !important;
        border: 1px solid var(--secondary-btn-color-hover) !important;

    }

    .btn-secondary-grey:active, .btn-secondary-survey:active, .btn-secondary-survey:focus {
        background: var(--secondary-btn-color-hover) !important;
        color: #FFFFFF !important;
        border: 1px solid var(--secondary-btn-color-hover) !important;
    }

    .btn-outline-primary, .btn.btn-outline-primary {
        background: #FFFFFF !important;
        color: var(--color-primary-default) !important;
        padding: 0.5rem 3rem;
        border: 1px solid var(--color-primary-default) !important;
    }

    .btn-outline-primary:hover {
        background-color: var(--color-primary-default-hover) !important;
        color: #FFFFFF !important;
        padding: 0.5rem 3rem;
        border: 1px solid var(--color-primary-default-hover) !important;
    }

    /* Link */

    a {
        color: var(--color-primary-default-hover);
    }

    a:hover {
        color: var(--color-primary-default-hover) !important;
    }

    a.text-dark-blue, a.link-color {
        color: var(--color-primary-default-hover) !important;
        text-decoration: underline;
    }

    a.text-dark-blue:hover, a.link-color:hover {
        color: var(--color-primary-default-hover) !important;
    }

    /* Sidebar */

    a.qa-link-dashboard {
        color: inherit !important;
    }

    section#none-of-the-above a {
        color: var(--color-primary-default-hover);
    }

    .qa-link-dashboard {
        color: var(--depth-blue) !important;
        background: #fff;
        border-top: 1px solid var(--depth-blue);
        border-bottom: 1px solid var(--depth-blue);
    }

    .qa-link-dashboard.active {
        color: #fff !important;
        background: var(--depth-blue) !important;
    }

    .qa-link-dashboard:hover {
        background: rgba(0, 59, 76, .1);
    }

    #modalPhoneValidation a.color-fa-blue, #modalPhoneValidation a.text-white {
        color: #fff !important;
    }

    #modalPhoneValidation a.color-fa-blue:hover, #modalPhoneValidation a.text-white:hover {
        color: var(--secondary-btn-color-hover) !important;
    }

    ol.steps-breadcrumbs:before {
        background: var(--accolade-green);
    }

    ol.steps-breadcrumbs li.current:before,
    ol.steps-breadcrumbs li:before {
        border-color: var(--accolade-green);
    }

    ol.big-numbers li:before {
        background-color: var(--accolade-green);
    }

    nav.headerbar.navbar .logo-image {
        display: none;
    }

    #modalPhoneValidation .modal-content {
        background: var(--depth-blue) !important;
    }

    div.nabvar-title-div {
        position: relative;

        .navbar-title-menu {
            position: absolute;
            right: 0;
        }

        @media screen and (max-width: 1599px) {
            padding-left: 175px !important;

            .navbar-title-menu {
                padding-right: 50px;
            }
        }

        @media screen and (min-width: 1600px) {
            padding-left: 250px !important;

            .navbar-title-menu {
                padding-right: 100px;
            }
        }
    }
}

#myConsults .request-id h2 {
    color: var(--color-primary-default);
    text-decoration: underline;
}

/* Rating */
ul.rating .rated_star:hover, ul.rating.user_rated .rated_star:last-child, ul.rating.user_rated .half_rated_star {
    background: var(--color-primary-default-hover) !important;
    border: 2px solid var(--color-primary-default-hover) !important;
    color: #fff !important;
}

ul.rating .rated_star_new {
    background-color: var(--color-primary-default-hover) !important;
    border: 2px solid var(--color-primary-default-hover) !important;
    color: #fff !important;
}

#showNextConsultDiv {
    background: var(--buff-yellow);
    border-bottom: 0;
}

/* Guest User */
#nav-desktop-guest {
    background: var(--depth-blue) !important;
    color: #fff;

    .btn.btn-sm.rounded-button {
        background: var(--color-primary-default) !important;
        color: #fff;
        padding: 0.5rem 2rem;
        border-radius: 2rem;
    }

    .btn.btn-sm.rounded-button:hover {
        background: var(--color-primary-default-hover) !important;
        border: 1px solid var(--color-primary-default-hover) !important;
        color: #FFFFFF !important;
    }
}