/*** CUSTOM VARIABLES ***/
:root {
    /*** MAIN COLORS ***/
    /* primary color 1*/
    --primary-color-1: #1076db;

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

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

    /* secondary color 2*/
    --secondary-color-2: #000000;

    /* secondary color 3*/
    --secondary-color-3: #2d2d2d;

    /* 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(--secondary-color-1);
    --secondary-btn-hover-bg: var(--primary-color-1);
    --secondary-btn-hover-border-color: var(--primary-color-1);

    /* DISABLED BUTTON */
    --disabled-btn-text: var(--secondary-color-2);
    --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(--primary-color-1);
    --s-link-hover-no-underline: var(--primary-color-1);

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

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

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

    /* OTHERS */
    --tab-highlight: var(--primary-color-1);
    --list-table-header-text: var(--secondary-color-1);
    --list-table-header-bg: var(--primary-color-2);
    --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: #f1f1f1;
}

/*** ADDITIONAL STYLES ***/
/* remove transition-duration, on hover/focus scale for sign buttons and dashboard buttons */
.sign-button,
.dashboard .panel .panel-body .actions-buttons .button-box-send,
.dashboard .panel .panel-body .actions-buttons .button-box-sign {
    transition-duration: 0s;
}
.sign-button:hover,
.sign-button:focus,
.dashboard .panel .panel-body .actions-buttons .button-box-send:hover,
.dashboard .panel .panel-body .actions-buttons .button-box-send:focus,
.dashboard .panel .panel-body .actions-buttons .button-box-sign:hover,
.dashboard .panel .panel-body .actions-buttons .button-box-sign:focus {
    transform: scale(1);
}
/* make login logo slightly smaller */
.s-logo-big {
    height: 3.8rem;
}
/* hide menu logo */
.s-main-menu .nav-header .nav-link .logo-image,
.s-main-menu-mobile .s-main-menu-mobile-title .logo-image,
.s-invitation-menu .s-invitation-menu-title .logo-image {
    visibility: hidden;
}