/*********** GLOBAL STYLES **********/
:root {
    --main-color-50: #134C78 !important; /*50% Principal color*/
    --main-color-35: #167d9c !important; /*35% Principal hover darker - codul de culoare existent si in Telemedica*/
    --main-color-75: #8fd9ef !important; /*35% Principal hover lighter - codul de culoare existent si in Telemedica*/
    --main-color-inverted: #53A6D3 !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: #53A6D3 !important; /*50% Principal color*/
    --main-hover-color-75: #d8e0f3 !important; /*codul de culoare existent si in Telemedica*/
    --main-hover-color-inverted: #134C78 !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: #2c3f4e !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: #aad8ed; /*codul de culoare existent si in Telemedica*/
    --main-second-dasboard-notification: #d1e1ec; /*codul de culoare existent si in Telemedica*/
    --navigation-arrow-table: url(../images/../images/top-navigation-blue.png);
    --review-stars: url("/Themes/GrandNodeTheme/Content/images/stars.png");
    --main-font-title: 'Flama-Bold';
    --main-font-subtitle: 'Flama-Semibold';
    --main-font-bodytext: 'Flama-Light';
}

@font-face {
    font-family: 'Flama-Bold';
    src: url('../font/flama/Flama-Bold.ttf');
    src: url('../font/flama/Flama-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flama-Semibold';
    src: url('../font/flama/Flama-Semibold.ttf');
    src: url('../font/flama/Flama-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flama-Light';
    src: url('../font/flama/Flama-Light.ttf');
    src: url('../font/flama//Flama-Light.ttf') format('truetype');
    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;
}