/*********** GLOBAL STYLES **********/
:root {
    rgba(209, 77, 77, 0.85);
    --main-color-50: #F61610 !important; /*50% Principal color*/
    --main-color-35: rgba(209, 77, 77, 0.85) !important; /*35% Principal hover darker - codul de culoare existent si in Telemedica*/
    --main-color-75: rgba(209, 77, 77, 0.85) !important; /*35% Principal hover lighter - codul de culoare existent si in Telemedica*/
    --main-color-inverted: rgb(119, 119, 119) !important;
    --main-color-text-light: #666 !important; /*codul de culoare existent si in Telemedica*/
    --main-color-text-dark: #000 !important; /*codul de culoare existent si in Telemedica*/
    --main-hover-color-50: rgb(119, 119, 119) !important; /*50% Principal color*/
    --main-hover-color-75: #d8e0f3 !important; /*codul de culoare existent si in Telemedica*/
    --main-hover-color-inverted: #F61610 !important;
    --main-hover-color-light: #666 !important; /*codul de culoare existent si in Telemedica*/
    --main-hover-color-dark: #000 !important; /*codul de culoare existent si in Telemedica*/
    --important-green-color-50: #00C438 !important; /*codul de culoare existent si in Telemedica*/
    --important-green-color-75: #80ffa4 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color: #AFC0D1 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-10: #364147 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-15: #000 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-35: #666 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-90: #dfe6ec !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-95: #eff2f5 !important; /*codul de culoare existent si in Telemedica*/
    --text-grey-color-100: #eee !important; /*codul de culoare existent si in Telemedica*/
    --text-main-grey-color: #777 !important; /*codul de culoare existent si in Telemedica*/
    --vital-parameter-main-color: #e74067 !important; /*adaptat in functie de codul de la eroare*/
    --error-red: #e21947 !important; /*codul de culoare a fost luat de pe logoul Longevity*/
    --button-red: #f31b4e !important; /*adaptat in functie de codul de la eroare*/
    --scrollbar-track-color: #e0e0e0 !important; /*codul de culoare existent si in Telemedica*/
    --scrollbar-thumb-color: #888 !important; /*codul de culoare existent si in Telemedica*/
    --scrollbar-thumb-hover-color: #555 !important; /*codul de culoare existent si in Telemedica*/
    --main-first-dashboard-notification: #f9d1cf;
    --main-second-dasboard-notification: #e1cccb;
    --navigation-arrow-table: url(../images/../images/top-navigation-red.png);
    --review-stars: url("/Themes/GrandNodeTheme/Content/images/stars-red.png");
    --main-font-title: 'Roboto-Bold';
    --main-font-subtitle: 'Roboto-Semibold';
    --main-font-bodytext: 'Roboto-Light';
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../font/roboto/Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Semibold';
    src: url('../font/roboto/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../font/roboto/Roboto-Regular.ttf');
    font-weight:normal;
    font-style: normal;
}

.first-availability-text {
    font-size: 16px !important;
}

.dashboard-icon-text {
    font-size: 0.9rem !important;
}

.confirmAppointment .buttonConfirmAppointment {
    letter-spacing: 1.2px !important;
}

.header .header-container .header-container-logo a img {
    max-height: 70px !important;
}

.footerContainer, .footerContainer h1, .footerContainer h2, .footerContainer h3, .footerContainer h4, .footerContainer h5, .footerContainer h6 {
    color: var(--main-color-text-dark) !important;
}

.footerNopCommerce {
    color: var(--text-grey-color) !important;
}

.online-nutritionist .dropdownTitle {
    font-size: 16px !important;
}

.specialities-container .img-container img {
    max-height: 60% !important;
    max-width: 60% !important;
    width: auto !important;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    color: var(--main-color-inverted);
}

.specialities-container a {
    color: var(--main-color-text-light);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}

    .specialities-container a:hover {
        color: var(--main-hover-color-inverted);
    }