:root {
    /* ------------------------------------------------ */
    /* ############## OVERRIDE BOOTSTRAP VARIABLES #### */
    /* ------------------------------------------------ */

    --font-family-sans-serif: "Roboto", "Helvetica Neue", Arial, sans-serif;
  /* ------------------------------------------------ */
  /* ############### SYSTAM VARIABLES ############### */
  /* ------------------------------------------------ */

    /******* Default **********/
    --systam-color: #007ba5;
    --pred-hover-color: #005f7e;
    --pred-bg-color: #004259;
    --pred-bg-color-analogous: #00a57d;
    --pred-light-tx-color: #FFF;
    --pred-light-bg-color: #FFF;
    --pred-dark-tx-color: #000;
    --pred-dark-bg-color: #000;
    --pred-font-size: 12px;
    --tab-font-size: 14px;
    --lightgrey-bg-color: #DEE2E6;
    --lightgrey-hover-bg-color: #bbbbbb;
    --darkgrey-tx-color: #555;
    --pred-disabled-bg-color: #e9ecef;
    --pred-disabled-tx-color: #aaa;
    --pred-font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;


    /*******************************/
    /********* LEFT MENU ***********/
    /*******************************/

    /**** background ********/
    --menu-bg-color: #004259;
    --submenu-bg-color: #00232f;
    --thirdmenu-bg-color: #003243;
    --logo-bg-color: #FFFFFF;
    --menu-selected-bg-color: #007ba5; /*67a1cf*/
    --submenu-selected-bg-color: #00688d;

    /******* Text **********/
    --logo-tx-color: #4c5659;
    --logo-tx-size: 18px;
    --menu-selected-tx-color: #FFFFFF;
    --menu-link-tx-color: #FFFFFF;
    --menu-link-hover-tx-color: #17a2b8;
    --menu-link-active-tx-color: #17a2b8;
    --menu-tx-family-font: "Roboto", "Helvetica Neue", Arial, sans-serif;

    /********* Measures *************/
    --menu-width: 230px;
    --menu-width-calc: 230;
    --menu-neg-width: -230px;
    --menu-collapsed-width: 60px;
    --menu-collapsed-width-calc: 60;
    --logo-height: 45px;
    --logo-expand-height: 55px;
    --logo-max-height: 75px;
    --logo-max-width: 170px;

    /******** Positions *************/
    --logo-collapsed-top: 45px;
    --logo-expand-top: 45px;


    /*******************************/
    /********* TOP MENU *************/
    /*******************************/

    /**** background ********/
    --topbar-bg-color: #4c5659;
    --topbar-selected-bg-color: #5e6a6e;
    --topbar-logo-bg-color: #FFFFFF;
    --topbar-dropdown-item-bg-color: #f8f9fa;

    /******* Text **********/
    --topbar-link-hover-tx-color: #FFFFFF;
    --topbar-tx-color: #FFFFFF;
    --topbar-dropdown-tx-color: #4c5659;
    --topbar-dropdown-link-tx-color: #007ba5;
    --topbar-tx-size: 20px;

    /******** Measures *******/
    --topbar-height: 45px;
    --topbar-logo-width: 100px;


    /*******************************/
    /******* CENTRAL CONTAINER *****/
    /*******************************/

    /**** background ********/
    --btn-disabled-bg-color: #f1f1f1;
    --problem-bg-color: #a3332c;
    --warning-bg-color: #d48e00;
    --correct-bg-color: green;
    --problem-tx-color: #a3332c;
    --warning-tx-color: #d48e00;
    --correct-tx-color: green;

    /******* Text **********/


    /******** Measures *******/
    --central-top-div: 55px;
    --pred-input-height: 28px;

    /*******************************/
    /******* DATATABLES *****/
    /*******************************/
    --systamselected-bg-color: #00506a6e;
    --systamselected-tx-color: white;
    --systamselected-sort-bg-color: #005f7e6e;
    --systamselected-sort-tx-color: white;
    --table-sort-bg-color: #f6f6f6;
    --table-sort-tx-color: #d1d1d1;
    --table-header-bg-color: #d1d1d1;
    --table-body-bd-b-color: 1px solid #dee2e6;
    --table-line-bg-color: white;
    --table-tx-color: #777777;
    --table-icon-color: var(--pred-bg-color);
    --table-font-size: 12px;
    --table-line-height: 26px;

    /*******************************/
    /******* TOPNAVBAR     *****/
    /*******************************/

    --dropdown-bg-color: white;
    --dropdown-tx-color:  var(--pred-bg-color);
    --dropdown-hover-bg-color: #deedf3;
    --dropdown-hover-tx-color:  var(--pred-bg-color);
    --dropdown-disabled-bg-color: white;
    --dropdown-disabled-tx-color: #ccc;

    /*******************************/
    /******* Central Content  *****/
    /*******************************/
    --tree-width : 350px;
    --tree-width-calc : 350;

    /*******************************/
    /*******    GRAPHICS       *****/
    /*******************************/

    --correct-graph-bg-color: #A4FB8A;
    --error-graph-bg-color: #FB8A8A;
    --warning-graph-bg-color: #FBC68A;
    --info-graph-bg-color: #8ADAFB;
}