:root {
    /*========================================================================*/
    /*========================================================================*/
    /* vlastni promenne pouzivane pouze uvnitr tohoto souboru, mohou se menit */
    /*========================================================================*/
    /*========================================================================*/
    --base-dark-red: rgb(169, 34, 62);
    --base-text-color: white;
    --base-black-opacity: rgba(10, 10, 10, .8);
    --base-white-smoak-color: rgb(245, 245, 245);
    /*========================================================================*/
    /*========================================================================*/
    /* !!!! nazvy promennych nize se nesmi menit, odkazuji se na ne css !!!! */
    /*========================================================================*/
    /*========================================================================*/
    /* PAGE */
    --page-base-background: white;
    --page-base-color: var(--base-text-color);
    --page-shadow: rgb(204, 221, 253);
    --page-header-footer-background: var(--base-dark-red);
    --page-header-user-color: black;
    --page-header-user-separator: black;
    --page-header-user-login-color: green;
    --page-header-user-logout-color: red;
    --page-navbar-shadow: black;
    --page-navbar-active-color: rgba(255, 255, 255, .2);
    /* LOGINFORM */
    --loginform-fa-btn-border: green;
    --loginform-fa-btn-color: var(--loginform-fa-btn-border);
    --loginform-fa-btn-hover-color: var(--base-text-color);
    --loginform-fa-btn-hover-background: var(--loginform-fa-btn-border);
    --loginform-fa-btn-hover-shadow: black;
    /* GROUPBOX */
    --groupbox-title-color: var(--base-dark-red);
    --groupbox-background: white;
    --groupbox-toolbar-border: gray;
    --groupbox-toolbar-btn-background: var(--groupbox-background);
    --groupbox-toolbar-btn-hover-background: var(--groupbox-toolbar-border);
    --groupbox-toolbar-btn-hover-color: var(--base-text-color);
    /* FORM */
    --formbox-input-border: lightgray;
    --formbox-input-ro-background: rgb(240, 240, 240);
    --formbox-input-focus-outline: var(--base-dark-red);
    --formbox-submit-color: var(--base-text-color);
    --formbox-submit-background: var(--base-dark-red);
    /* TABLE */
    --table-thead-border: gray;
    --table-pager-border: lightgray;
    --table-pager-hover-active-color: var(--base-text-color);
    --table-pager-hover-active-background: var(--base-dark-red);
    /* DATATABLE */
    --datatable-tbody-tr-even-background: var(--base-white-smoak-color);
    --datatable-tbody-tr-hover-active-color: rgb(98, 176, 255);
    --datatable-tbody-tr-hover-active-shadow: gray;
    --datatable-tfoot-th-border: var(--datatable-tbody-tr-hover-active-shadow);
    --datatable-rows-select-border: rgb(210, 210, 210);
    /* ACTIONSTABLE */
    --actionstable-tbody-th-last-background: var(--base-white-smoak-color);
    --actionstable-tbody-th-last-border: gray;
    /* RESULTSTABLE */
    --resultstable-tbody-th-group-border: rgb(210, 210, 210);
    --resultstable-tbody-th-number-text-border: rgba(100, 100, 100, .4);
    /*--resultstable-tbody-th-range-N-color: black;
    --resultstable-tbody-th-range-L-N-color: blue;
    --resultstable-tbody-th-range-N-L-color: red;
    --resultstable-tbody-th-range-H-N-color: blue;
    --resultstable-tbody-th-range-N-H-color: red;*/
    --resultstable-tbody-th-range-S1-color: red;
    --resultstable-tbody-th-range-S1-S2-color: red;
    --resultstable-tbody-th-range-S2-S3-color: blue;
    --resultstable-tbody-th-range-S3-S4-color: blue;
    --resultstable-tbody-th-range-S4-S5-color: black;
    --resultstable-tbody-th-range-S5-S6-color: blue;
    --resultstable-tbody-th-range-S6-S7-color: blue;
    --resultstable-tbody-th-range-S7-S8-color: red;
    --resultstable-tbody-th-range-S8-color: red;
    /* MODAL */
    --modal-title-color: var(--base-text-color);
    --modal-title-background: var(--base-dark-red);
    --modal-background: white;
    --modal-content-background: var(--base-black-opacity);
    --modal-shadow: white;
    --modal-process-background: var(--base-black-opacity);
    --modal-process-color: var(--base-text-color);
    --error-box-background: rgb(254, 188, 188);
    --error-box-color: red;
    --error-box-icon-color: darkred;
    --error-box-li-color: var(--error-box-icon-color);
    --info-box-background: green;
    --info-box-color: var(--base-text-color);
    --info-box-icon-color: var(--base-text-color);
    --info-box-li-color: var(--info-box-icon-color);
    /* DROPDOWN MENU */
    --drop-down-menu-color: var(--base-text-color);
    --drop-down-menu-background: white;
    --drop-down-menu-shadow: gray;
    --drop-down-menu-hover-background: var(--base-dark-red);
    /* CAROUSEL */
    --carousel-btn-color: var(--base-text-color);
    --carousel-btn-background: var(--base-dark-red);
    /* DATEPICKER */
    --date-picker-background: gray;
    --date-picker-header-background: var(--base-dark-red);
    --date-picker-month-btn-color: var(--base-text-color);
    --date-picker-month-btn-background: transparent;
    --date-picker-month-btn-hover-color: orange;
    --date-picker-days-header-background: var(--base-dark-red);
    --date-picker-days-header-color: var(--base-text-color);
    --date-picker-days-background: rgba(255, 255, 255, .9);
    --date-picker-day-hover-active-color: brown;
    --date-picker-current-days-color: dodgerblue;
    --date-picker-other-days-color: lightgray;
    /* TOGGLEBAR */
    --toggle-bar-border: rgb(245, 245, 245);
    --toggle-bar-button-background: transparent;
    --toggle-bar-button-hover-active-border: var(--base-dark-red);
    /* TOOLBAR */
    --toolbar-btn-background: transparent;
    --toolbar-btn-shadow: gray;
    --toolbar-btn-hover-background: var(--toolbar-btn-shadow);
    --toolbar-btn-hover-color: var(--base-text-color);
    /* FA BUTTONS */
    --fa-btn-background: transparent;
    --fa-btn-border: #ccc;
    /* FA ACTIONS */
    --fa-action-color: gray;
    --fa-action-hover-color: darkred;
}