/*** CUSTOM VARIABLES ***/
:root {
    /*** MAIN COLORS ***/
    /* primary color 1*/
    --primary-color-1: #377a6c;

    /* primary color 2*/
    --primary-color-2: #1f453d;

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

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

    /* 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-2);

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

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

    /* 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-3);
    --menu-bg: var(--secondary-color-1);
    --menu-hover-text: var(--secondary-color-3);
    --menu-hover-bg: #f2f2f2;

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

    /* 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: #325285;
    --selected-file-border: var(--primary-color-1);
    --info-bar-bg: #e4f1fa;
    --info-bar-text: var(--primary-color-1);

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

body {
    background: #f7f7f7;
}

/*** 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);
}
.s-login-area-wrapper .login .login-logo .s-logo-big,
.s-login-area-wrapper .password .password-logo .s-logo-big {
    height: initial;
    padding-top: 2rem;
}