:root {
    --MAIN_THEME : white;
    --MAIN_THEME_G_FROM : white;
    --MAIN_THEME_TEXT : black;
    --MAIN_THEME_G_TO : white;
    --MAIN_THEME_HOVER : white;
    --MENU_ACTIVE_COLOR : white;
    --MENU_HEADER_COLOR : white;
    --MENU_HEADER_TEXT : black;
    --MENU_HOVER_COLOR : white;
    --MENU_HOVER_TEXT : black;
    --MENU_SUB_COLOR : white;
    --MENU_SUB_TEXT : black;
    --SECONDARY_THEME : white;
    --SECONDARY_THEME_TEXT : black;
    --SECONDARY_THEME_G_FROM : white;
    --BUTTON_ADD_COLOR : white;
    --BUTTON_DELETE_COLOR : white;
    --BUTTON_EDIT_COLOR : white;
    --BUTTON_FILTER_COLOR : white;
    --BUTTON_SETTING_COLOR : white;
    --BUTTON_TEXT_COLOR : white;
    --CONTENT_BACKGROUND : white;
    --CONTENT_BACKGROUND_TEXT : black;
    --CONTENT_BREADCRUMB : white;
    --CONTENT_BREADCRUMB_TEXT : black;
    --CONTENT_SEPARATOR : white;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: var(--MAIN_THEME_TEXT) !important;
    cursor: default;
    background-color: var(--MAIN_THEME) !important;
    border-color: var(--MAIN_THEME) !important;
}
.progress-bar {
    background-color : var(--MAIN_THEME) !important;
}

.main-theme-border {
    border-color : var(--MAIN_THEME) !important; }
.main-theme-button,
.main-theme-background {
    color : var(--MAIN_THEME_TEXT) !important;
    border-color : var(--MAIN_THEME) !important;
    background-color : var(--MAIN_THEME) !important; }
.main-theme-button:hover,
.main-theme-button:active,
.main-theme-button:focus,
.main-theme-button:focus-within,
.main-theme-button-active {
    color : var(--MAIN_THEME_TEXT) !important;
    border-color : var(--MAIN_THEME_HOVER) !important;
    background-color : var(--MAIN_THEME_HOVER) !important; }

.content-separator {
    border-top-color : var(--CONTENT_SEPARATOR) !important; }