﻿/*********** GLOBAL STYLES **********/
:root {
    --main-color-50: rgb(224, 169, 167) !important; /* 50% Principal color */
    --main-color-35: #854f4d !important; /* 35% Principal hover darker */
    --main-color-75: rgb(242, 218, 217) !important; /* 35% Principal hover lighter */
    --main-color-inverted: rgb(224, 169, 167) !important;
    --main-color-text-light: rgb(224, 169, 167) !important;
    --main-color-text-dark: rgb(224, 169, 167) !important;
    --main-hover-color-50: #854f4d !important; /* 50% Principal color */
    --main-hover-color-75: rgb(242, 218, 217) !important;
    --main-hover-color-inverted: #854f4d;
    --main-hover-color-light: #854f4d !important;
    --main-hover-color-dark: #854f4d !important;
    --important-green-color-50: #00C438 !important;
    --important-green-color-75: #80ffa4 !important;
    --text-grey-color: #AFC0D1 !important;
    --text-grey-color-10: #364147 !important;
    --text-grey-color-15: #2c3f4e !important;
    --text-grey-color-35: #415971 !important;
    --text-grey-color-90: #dfe6ec !important;
    --text-grey-color-95: #eff2f5 !important;
    --text-grey-color-100: #eee !important;
    --text-main-grey-color: #111 !important;
    --vital-parameter-main-color: #FF6600 !important;
    --error-red: #FF3918 !important;
    --button-red: #E31E24 !important;
    --scrollbar-track-color: #e0e0e0 !important;
    --scrollbar-thumb-color: #888 !important;
    --scrollbar-thumb-hover-color: #555 !important;
    --rectangle-background: #FFF;
    --main-first-dashboard-notification: rgb(242, 218, 217);
    --main-second-dasboard-notification: #d1e1ec;
    --navigation-arrow-table: url(../images/../images/top-navigation-blue.png);
    --review-stars: url("/Themes/GrandNodeTheme/Content/images/stars.png");
    --main-font-title: 'source_sanspro_bold';
    --main-font-subtitle: 'source_sanspro_semibold';
    --main-font-bodytext: 'source_sanspro_regular';
}

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

@font-face {
    font-family: 'source_sanspro_semibold';
    src: url('../font/sourcesanspro/SourceSansPro-SemiBold.ttf');
    src: url('../font/sourcesanspro/SourceSansPro-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sanspro_regular';
    src: url('../font/sourcesanspro/SourceSansPro-Regular.ttf');
    src: url('../font/sourcesanspro/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

