/*** CUSTOM VARIABLES ***/
:root {
    /*** MAIN COLORS ***/
    /* primary color 1*/
    --primary-color-1: #0f5fa5;

    /* primary color 2*/
    --primary-color-2: #a7d5f4;

    /* secondary color 1*/
    --secondary-color-1: #ffffff;

    /* secondary color 2*/
    --secondary-color-2: #0b345b;

    /* secondary color 3*/
    --secondary-color-3: #333333;

    /* content background*/
    --main-background: var(--secondary-color-1);
    --dark-background: var(--primary-color-1);

    /* main border*/
    --main-border: #acacac;
    --highlight-border: var(--primary-color-1);

    /* default icon color*/
    --default-icon: var(--primary-color-1);

    /*** MAIN COMPONENTS COLOR CUSTOMISATION ***/
    /* CTA BUTTON */
    --cta-btn-text: var(--secondary-color-1);
    --cta-btn-bg: var(--primary-color-1);
    --cta-btn-hover-text: var(--secondary-color-1);
    --cta-btn-hover-bg: var(--primary-color-1);

    /* SECONDARY BUTTON */
    --secondary-btn-text: var(--primary-color-1);
    --secondary-btn-bg: var(--secondary-color-1);
    --secondary-btn-border-color: var(--primary-color-1);
    --secondary-btn-hover-text: var(--primary-color-1);
    --secondary-btn-hover-bg: var(--secondary-color-1);
    --secondary-btn-hover-border-color: var(--primary-color-1);

    /* DISABLED BUTTON */
    --disabled-btn-text: var(--secondary-color-3);
    --disabled-btn-bg: #d4d4d4;
    --disabled-btn-border-color: #d4d4d4;

    /* TEXTS */
    --s-big-header: var(--secondary-color-3);
    --s-page-heading: var(--secondary-color-3);
    --s-title: var(--secondary-color-3);
    --s-subtitle: var(--secondary-color-3);
    --s-field-caption: var(--secondary-color-3);
    --s-logo-text: var(--secondary-color-3);
    --s-caption-or-link: var(--secondary-color-3);
    --s-normal-text: var(--secondary-color-3);
    --s-text-button-text: var(--secondary-color-3);
    --s-menu-text: var(--secondary-color-3);
    --s-small-text: var(--secondary-color-3);
    --placeholder-text: #acacac;
    --s-link-hover: var(--secondary-color-2);
    --s-link-hover-no-underline: var(--secondary-color-2);

    --highlight-text: var(--primary-color-1);
    --light-text: var(--secondary-color-1);
    --info-text: var(--secondary-color-3);

    /* MENU */
    --menu-text: var(--secondary-color-1);
    --menu-bg: var(--primary-color-1);
    --menu-hover-text: var(--primary-color-1);
    --menu-hover-bg: var(--secondary-color-1);

    /* DROPDOWN */
    --dropdown-hover-text: var(--secondary-color-3);
    --dropdown-hover-bg: var(--primary-color-2);

    /* OTHERS */
    --tab-highlight: var(--primary-color-1);
    --list-table-header-text: var(--secondary-color-1);
    --list-table-header-bg: var(--primary-color-1);
    --import-file-border: var(--primary-color-1);
    --selected-file-border: var(--primary-color-1);
    --info-bar-bg: #add0ea;
    --info-bar-text: var(--secondary-color-3);

    /* BORDER RADIUS */
    --border-radius-xs: 0px;
    --border-radius-small: 0px;
    --border-radius-medium: 0px;
    --border-radius-big: 0px;
}

body {
    background: #f4f4f4;
}

/*** ADDITIONAL STYLES ***/
/* make login logo slightly smaller */
.s-logo-big {
    height: 4.8rem;
}
/* update default color for links */
.s-link-hover,
.s-link-hover-no-underline * {
    color: var(--primary-color-1);
}