:root {
    --skin_color: #0066cc;
    --szurke: #808285;
    --mainHeaderBGColor: var(--skin_color);
    --mainBorderColor: var(--skin_color);
    --mainHover: color-mix(in srgb, var(--mainHeaderBGColor) 95%, transparent);
    /* Ha különböző színeket akarunk az eltérő elemeknek */
    --btnPrimaryBgColor: var(--mainHeaderBGColor);
    --btnPrimaryBorderColor: var(--mainBorderColor);
    --btnPrimaryHover: var(--mainHover);
    --panelHeaderBgColor: var(--mainHeaderBGColor);
    --panelHeaderBorder: var(--mainHeaderBGColor);
    --tabHeaderBgColor: var(--mainHeaderBGColor);
    --tabHeaderColor: var(--mainHeaderBGColor);
    --functionRowColor: var(--szurke);
    --functionRowBgColor: var(--mainHeaderBGColor);
    --functionRowBorderColor: var(--mainBorderColor);
    --functionRowHoverColor: var(--mainHover);
    /* Betűszín */
    --bodyFontColor: #77777a;
    /* Filter gombok */
    --activeFilterButtonBackgroundColor: var(--skin_color);
    --activeFilterButtonBorderColor: var(--skin_color);
    /* Multiselect */
    --multiSelectSelectedItemBgColor: var(--skin_color);
    --multiSelectSelectedItemBorderColor: var(--skin_color);
    /* Gombok */
    --btnInfoBgColor: var(--szurke);
    --btnInfoStateBgColor: color-mix(in srgb, var(--btnInfoBgColor) 80%, transparent);
    --btnDangerBgColor: #dc0032;
    --btnDangerStateBgColor: color-mix(in srgb, var(--btnDangerBgColor) 80%, transparent);
    --btnSuccessBgColor: var(--szurke);
    --btnSuccessBorderColor: var(--btnSuccessBgColor);
    --btnSuccessStateBgColor: color-mix(in srgb, var(--btnSuccessBgColor) 90%, transparent);
    --btnPrimaryDisabledBgColor: color-mix(in srgb, var(--btnPrimaryBgColor) 80%, transparent);
    --btnPrimaryDisabledBorderColor: color-mix(in srgb, var(--btnPrimaryBorderColor) 80%, transparent);
    /* Toggle switch */
    --toggleSwitchOnBackgroundColor: var(--skin_color);
    --toggleSwitchOffBgColor: var(--szurke);
    /* Colorok */
    --bgEvRedBgColor: var(--skin_color);
    --bgBlueBgColor: var(--szurke);
    /* Headerek */
    --accordionHeaderBgColor: var(--skin_color);
    --accordionHeaderTextColor: #fff;
    --modalHeaderBgColor: var(--szurke);
    /* Footer */
    --siteFooterBgColor: var(--szurke);
    /* Pagination */
    --paginationActiveItemBgColor: var(--skin_color);
    --paginationActiveItemBorderColor: var(--skin_color);
    /* Chosen */
    --chosenHighlightedBgColor: var(--szurke);
    /* Sidebar */
    --sidebarToggleBoxBgColor: var(--szurke);
    /* Részletes kereső */
    --advancedSearchGreyButtonBgColor: var(--szurke);
    /* Kötelező csillag */
    --redStarColor: #dc0032;
    /* Top-nav */
    --topNavBgColor: var(--PantoneCoolGrey6C);
    --topNavHoverBgColor: color-mix(in srgb, var(--topNavBgColor) 90%, transparent);
    /* Szervezeti egységek */
    --ccpElementActiveBgColor: var(--skin_color);
    /* @orgChartCardBodyBgColor: @szurke; */
    --orgChartCardContainerHoverBgColor: color-mix(in srgb, var(--orgChartCardBodyBgColor) 80%, transparent);
    --companyChartCardBodyBgColor: var(--skin_color);
    --companyChartCardContainerHoverBgColor: color-mix(in srgb, var(--companyChartCardBodyBgColor) 80%, transparent);
    /* evolution-btn-group */
    --evBtnGroupBgColor: var(--skin_color);
    --evBtnGroupHoverBgColor: color-mix(in srgb, var(--evBtnGroupBgColor) 90%, transparent);
    --evBtnGroupDropdownHoverBgColor: var(--chosenHighlightedBgColor);
    --evBtnGroupBorderColor: var(--evBtnGroupBgColor);
    --evBtnGroupHoverBorderColor: var(--evBtnGroupHoverBgColor);
    /* sp-box__header */
    --spBoxHeaderActiveBgColor: var(--skin_color);
    /* Character count */
    --characterCountErrorBgColor: var(--skin_color);
    --characterCountOkBgColor: var(--szurke);
    /* Jogviszony státusz színek */
    --activeRelationshipStatusBgColor: var(--Pantone346C);
    --inactiveRelationshipStatusBgColor: var(--PantoneCoolGrey9C);
    --closedRelationshipStatusBgColor: var(--PantoneWarmRedC100);
    --plannedRelationshipStatusBgColor: var(--Pantone660C);
    /* bg-main */
    --mainColor: var(--mainHeaderBGColor);
    /* Login ablak */
    --loginPanelHeaderSeparatorColor: var(--PantoneCoolGrey6C);
    --uiSelectActiveItemBgColor: var(--szurke);
    --scrollTopBtnBgColor: var(--skin_color);
    --commentModalActiveListItemBgColor: var(--skin_color);
    --slItemInnerSelectedBgColor: var(--szurke);
    --errorModalHeaderBgColor: #dc0032;
    --errorModalHeaderTextColor: #fff;
    --alertModalHeaderBgColor: var(--PantoneCoolGrey1C);
    --alertModalHeaderTextColor: var(--szurke);
    --countIndicatorCounterBgColor: var(--skin_color);
    --countIndicatorCounterTextColor: #fff;
    --changeViewBtnDefaultBgColor: #fff;
    --changeViewBtnDefaultTextColor: inherit;
    --changeViewBtnActiveBgColor: var(--skin_color);
    --changeViewBtnActiveTextColor: #fff;
    --allowanceButtonGroupPipeBgColor: var(--skin_color);
    --allowanceButtonGroupPipeTextColor: #fff;
    --allowanceButtonGroupCrossBgColor: var(--szurke);
    --allowanceButtonGroupCrossTextColor: #fff;
    --commentContentTextColor: white;
    --starColor: #ffd800;
}

.modal-footer .btn-success {
    background-color: var(--skin_color) !important;
    border-color: var(--skin_color) !important;
}

.modal-footer .btn-primary {
    background-color: var(--skin_color) !important;
    border-color: var(--skin_color) !important;
}

.modal-footer .btn-default {
    background-color: var(--szurke) !important;
    border-color: var(--szurke) !important;
    color: white;
}

.modal-footer .btn-success + .btn-primary {
    background-color: var(--szurke) !important;
    border-color: var(--szurke) !important;
}