:root {
    /*  Declaration van de variabelen.
        aangezien deze app op maat is ontwikkeld voor bbb hoeft die niet vanuit de backend dynamisch ingesteld te worden.
    */
    --ivx-brandcolor: rgb(105,85,140);
    --ivx-topcontrolforeground: rgb(0,0,153);
    --ivx-bordercolor: #d8edf8;
    /* fontsizes */
    --ivx-fontsize-default: 14px;
    --ivx-fontsize-large: 22px;
    --ivx-fontcolor: #224270;
    --ivx-boxcolor: #e6e6e5;
    --ivx-captions-color: #224270;
    --ivx-lineheight-cards: 1.4;
    /* tabpage properties*/
    --ivx-tabpage-bordercolor: #257874;
    --ivx-tabitem-active-backgroundcolor: #e38e33; /*gelijk aan de widget background.*/
    --ivx-tabitem-active-color: white;
    --ivx-tabitem-active-bordercolor: #257874;
    --ivx-tabitem-inactive-backgroundcolor: white;
    --ivx-tabitem-inactive-color: black;
    --ivx-tabitem-inactive-bordercolor: rgba(37,120,116,0.5);
    /* widget */
    --ivx-widget-background: #e8e6ff;
    --ivx-widget-hover-background: #9e98cd;
    /* Menuitems properties. */
    --ivx-mainmenu-background: #33383e;
    --ivx-menuitem-background: #33383e;
    --ivx-menuitem-hover: #3e454c;
    --ivx-menuitem-active-bordercolor: rgb(105,85,140);
}