@import url('reset.css');

:root {
    /* Global color variables */

    --login-bg: #2f3693;
    --accent-color-1: #2f3693;

    --accent-bg-color-1: #2f3693;
    --accent-bg-color-2: #9498d0;
    --accent-bg-color-3: #f9f9f9;

    --input-border-color: #b0c9dd;
    --divider-color: #b0c9dd;

    --content-row-background-color: #2f36930d;
    --content-row-border-color: #ffffff;

    --tabs-background-color: #9498d08d;
    --tabs-selected-background-color: #2f3693;
    --tabs-selected-text-color: #ffffff;
    --tabs-border-color: #ffffff;
    --tabs-text-color: #fff;

    --checkbox-color: #2f3693;
    --input-invalid-border-color: #fe3f3f;
    --input-invalid-bg-color: #ff000011;

    --page-not-found-bg-color: #005ba54f;
    --page-not-found-code-color: tomato;
    --page-not-found-text-color: rgb(50, 50, 50);

    --error-color: rgb(255, 99, 71);
    --error-color-hover: rgb(250, 78, 47);
    --warning-color: rgb(255, 165, 0);
    --warning-color-hover: rgb(251, 175, 34);
    --success-color: rgb(36 173 36);
    --success-color-hover: rgb(46, 189, 46);

    /* Table variables */
    --table-bg-color: #ffffff;
    --table-border-color: trasparent;
    --table-header-bg-color: #2f3693;
    --table-header-hover-bg-color: #056fc7;
    --table-header-text-color: #ffffff;
    --table-header-padding: 10px;

    --table-cell-padding: 8px;
    --table-row-hover-bg-color: #f9f9f9;

    --table-row-selected-bg-color: #e1eef9;
    --table-row-hover-selected-bg-color: #cfe4f4;

    /* Select2 variables */
    --select2-single-height: 40px;

    /* Accordion variables */
    --accordion-header-bg-color: #fff;
    --accordion-header-text-color: #000;
    --accordion-header-hover-bg-color: #eaf5ff;
    --accordion-header-hover-text-color: #000;
    --accordion-header-border-color: #b0c9dd;
    --accordion-body-color: #d7e3ec;

    /* Global layout varibles */
    --block-padding: 35px;
    --left-menu-width: 280px;

    /* Side nav variables */
    --sidenav-bg-color: #2f3693;
    --sidenav-hover-bg-color: #2f3693;
    --sidenav-text-color: #ffffff;
    --sidenav-link-border-bottom: #4e90d2;

    --sidenav-scrollbar-bg: #4e90d2;
    --sidenav-scrollbar-color: #4e90d2;

    /* Button variables */
    --button-bg-color: #2f3693;
    --button-bg-color-hover: #5057c3;
    --button-bg-color-active: #90cdff;
    --button-text-color-active: #000000;
    --button-text-color: #ffffff;
    --button-text-color-hover: #ffffff;

    /* Sortable variables */
    --sortable-bg-color: #2f36930d;
    --sortable-bg-color-hover: #2f3693;
    --sortable-border-color: #fff;
    --sortable-border-color-hover: #2f3693;
    --sortable-text-color: #333;
    --sortable-text-color-hover: #ffffff;

    /* Page settings */
    --page-min-width: 1300px;

    /* Font variables */
    --font-family: 'Montserrat', sans-serif;
    --font-size-common: 14px;
}

* {
    font-family: var(--font-family);
    box-sizing: border-box;
}

@media (max-width: 1300px) {
    :root {
        --block-padding: 2%;
    }
}