: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-lineheight-cards: 1.5;
    --ivx-captions-color: #595959;
    --ivx-boxcolor: #e6e6e5;
    /* fontsizes */
    --ivx-fontsize-small: 13px;
    --ivx-fontsize-default: 13px;
    --ivx-fontsize-medium: 16px;
    --ivx-fontsize-large: 22px;
    --ivx-fontcolor-text: #002080;
    --ivx-fontcolor-labels: #595959;
    /* tabpage properties*/
    --ivx-tabpage-bordercolor: #e6e6e5;
    --ivx-tabitem-active-backgroundcolor: #0070b2;
    --ivx-tabitem-active-color: white;
    --ivx-tabitem-active-bordercolor: #0070b2;
    --ivx-tabitem-inactive-backgroundcolor: #e6f6ff;
    --ivx-tabitem-inactive-color: black;
    --ivx-tabitem-inactive-bordercolor: #e6f6ff;
    /* ivxdialog and browse*/
    --ivx-headers-background: #eeece1;
    --ivx-headers-bordercolor: #d0cbae;
    --ivx-currentrow-background: #dce8f8;
    --ivx-currentrow-bordercolor: #3f82d9;
    /* ivxbrowse */
    --ivx-sidemenu-background: white;
    --ivx-sidemenu-hover-background: #f0f0f5;
    --ivx-sidemenu-hover-border: #b3b3cc;
    --ivx-sidemenu-header-background: #f8f9fa; /*dezelfde kleur als syncfusion toolbar.*/
    --ivx-sidemenu-header-border: #dee2e6;
    /* widget */
    --ivx-widget-hover-background: #d9f2e6;
}