﻿/*********** GLOBAL STYLES **********/
:root {
    --main-color-50: #0d1d3e !important; /*50% Principal color*/
    /*--main-color-35: #167d9c !important;*/ /*35% Principal hover darker*/
    /*--main-color-75: #8fd9ef !important;*/ /*35% Principal hover lighter*/
    --main-color-inverted: #ffb000 !important;
    /*--main-color-text-light: #666 !important;
    --main-color-text-dark: #000 !important;*/
    --main-hover-color-50: #ffb000 !important; /*50% Principal color*/
    /*--main-hover-color-75: #d8e0f3 !important;*/
    --main-hover-color-inverted: #0d1d3e !important;
    /*--main-hover-color-light: #666 !important;
    --main-hover-color-dark: #000 !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: #666 !important;
    --text-grey-color-90: #dfe6ec !important;
    --text-grey-color-95: #eff2f5 !important;
    --text-grey-color-100: #eee !important;
    --text-main-grey-color: #777 !important;
    --vital-parameter-main-color: #b23850 !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;*/
    --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;
}