:root {
    /* Site wide basic styling */
    /* brand colours */
    --axon-primary-colour-light: #cceaf8; /*lichtblauw*/
    --axon-primary-colour: #0096da; /*blauw*/
    --axon-primary-colour-dark: #039; /*donkerblauw*/

    /* Font styling */
    --axon-site-font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    --axon-site-font-size: 0.9rem;

    /* Borders */
    --axon-default-border-colour: #e6e6e6;
    --axon-default-border-radius: 2px;

    /* Subheaders */
    --axon-page-subheader-font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

    /* Anchor links */
    --axon-anchor-foreground-colour: var(--axon-primary-colour-dark);
    --axon-anchor-hover-foreground-colour: var(--axon-primary-colour-dark);

    /* Logon screen */
    --axon-log-on-background-image: '';
    --axon-log-on-title-colour: var(--axon-primary-colour-dark);
    --axon-log-on-title-text-shadow: none;


    /* Site header */
    /* logo div styling */
    --axon-header-logo-background-image: url('/webservice/themes/internet/default/images/logo-unigarant.svg');
    --axon-header-logo-width: 152px;
    --axon-header-logo-height: 56px;
    --axon-site-header-background: #fff;

    /* breadcrumb trail */
    --axon-breadcrumb-trail-background: #f2f2f2;
    --axon-breadcrumb-trail-foreground-colour: var(--axon-site-foreground-colour);


    /* Main and sub navigation */
    /* main navigation */
    --axon-main-menu-background-colour: var(--axon-primary-colour);
    --axon-main-menu-item-active-background-colour: rgba(0,51,153,0.3);
    --axon-main-menu-item-hover-background-colour: rgba(0,51,153,0.1);
    --axon-main-menu-item-opacity: 1.0;

    /* sub navigation */
    --axon-submenu-toggle-background-colour: #fff;

    /* footer */
    --axon-footer-foreground-colour: #fff;

    /* main container navigation tabs */
    --axon-nav-tabs-height: 28px;

    /* inputs and form elements */
    --axon-button-background-colour: #214ea6;

    /* Tables */
    --axon-row-odd-background-colour: #fff;

    /* Form elements */
    /* vertical steps/wizard */
    --axon-wizard-step-background-colour: #f2f2f2;

    /* entry groups */
    --axon-entry-group-header-font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    --axon-entry-group-header-font-size: 1.1rem;
    --axon-entry-group-header-foreground-colour: var(--axon-primary-colour-dark);
    --axon-entry-group-header-background-colour: #fff;

    /* entries */
    --axon-entry-height: 27px;

    /* infotexts */
    --axon-infotext-background-colour: #f2f2f2;
    --axon-infotoggle-background-colour: var(--axon-primary-colour-dark);

    /* Environment label */
    --axon-environment-label-width: 100%;
    --axon-environment-label-height: 20px;
    --axon-environment-label-padding: 5px 0px;
    /* Total height of the environment-label is 30 px ( label-height + (2x label-padding)) */
    --axon-environment-label-foreground-colour: rgb(162, 0, 0);
    --axon-environment-label-background-colour: #ffff00;
}