:root {
    /*Light*/
    --light_cardBgColor: #f1f1f1f5;
    --light_cardBgColorHover: #e7e7e7f5;
    --light_cardBgColorSelected: #e0e0e0f5;
    --light_cardBgColorSelectedHover: #e7e7e7f5;
    --light_cardImgFilter: initial;
    --light_cardTextColor: initial;
    --light_cardTitleColor: var(--light_primaryTextColor);
    --light_cardBgColorAccent: #d4e5fdf2;
    --light_cardImgFilterAccent: invert(35%) sepia(600%) saturate(900%) hue-rotate(190deg);
    --light_cardTextColorAccent: black;
    --light_cardTitleColorAccent: var(--light_primaryTextColor);
    --light_docBgColor: #fdfdfded;
    --light_docBorderColor: #e9e9e9;
    --light_docCardBgColor: #f5f5f5f0;
    --light_docCardBgColorHover: #f0f0f0f0;
    --light_docCardBgColorSelected: #ecececf0;
    --light_docCardBorderColor: #00000000;
    --light_docCardTitleColor: var(--light_primaryBgColor);
    --light_docLeftMenuFocusedBdColor: #ededed;
    --light_docLeftMenuFocusedColor: var(--light_primaryTextColor);
    --light_docTextColor: #010101a9;
    --light_docPrimaryTextColor: var(--light_primaryBgColor);
    --light_dshbrdCardBgColor: #f8f8f8f0;
    --light_dshbrdTextColor: black;
    --light_dshbrdChartTextColor: white;
    --light_dshbrdBorderColor: #ffffff00;
    --light_filterPanelBgColor: #fdfdfde3;
    --light_filterPanelBorderRight: 1px solid #e3e3e3;
    --light_filterPanelCollapsedBgColor: var(--light_sideBarCollapsedColor);
    --light_filterPanelCollapsedTextColor: white;
    --light_filterPanelGrpTextColor: black;
    --light_filterPanelGrpBgColor: transparent;
    --light_filterPanelGrpBorderColor: #dcdcdc;
    --light_filterPanelGrpHeaderBgColor: transparent;
    --light_filterPanelGrpHeaderImgFilter: initial;
    --light_filterPanelGrpHeaderTextColor: initial;
    --light_gridBg: #ffffffed;
    --light_gridBorderColor: #d2d2d2;
    --light_gridColor: #303030;
    --light_gridFocusBg: #f2f2f2;
    --light_gridFocusColor: #303030;
    --light_gridHeaderColor: #505050;
    --light_gridLinkColor: var(--light_primaryTextColor);
    --light_imgColor: black;
    --light_imgColorAccent: #0d6efd;
    --light_imgFilter: initial;
    --light_kanbanBgColor: #f8f8f8e3;
    --light_kanbanBorderColor: #d1d1d1;
    --light_kanbanHeaderTextColor: var(--light_primaryTextColor);
    --light_kanbanCardBgColor: #ffffff;
    --light_kanbanCardBorderColor: #c7c7c7;
    --light_kanbanCardFocusedBgColor: #e4e4e4;
    --light_kanbanCardFocusedBorderColor: #bebebe;
    --light_kanbanCardHeaderTextColor: black;
    --light_kanbanCardTextColor: black;
    --light_mainContainerBgColor: #fdfdfd;
    --light_modalBgColor: #ffffff;
    --light_modalBorderColor: var(--bs-border-color-translucent);
    --light_modalBorderRadius: 0px;
    --light_modalBoxShadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    --light_modalHeaderBorderColor: transparent;
    --light_modalHeaderBgColor: #e9e9e9;
    --light_modalFooterBorderColor: transparent;
    --light_navBarColor: #0d4bfd;
    --light_navBarBtnPrimaryBgColor: #0d4bfd;
    --light_navBarBtnPrimaryHoverBgColor: #0d4bfd;
    --light_navTabBorder: 1px solid #dcdcdc;
    --light_navTabBorderColor: #dcdcdc;
    --light_navTabActiveBgColor: #fefefe;
    --light_navTabTextColor: black;
    --light_navTabTextColorActive: black;
    --light_lightColor: #f2f2f2;
    --light_lightColorHover: #fbfbfb;
    --light_lightTextColor: black;
    --light_navLinkColor: #ffffffbf;
    --light_navLinkColorActive: #ffffff;
    --light_navLinkColorHover: #ffffffdf;
    --light_primaryBgColor: #0d6efd;
    --light_primaryBgColorRgb: 13, 110, 253;
    --light_primaryBgColorHover: #0058da;
    --light_primaryBadgeColor: #0d6efd;
    --light_primaryColor: white;
    --light_primaryTextColor: #0d6efd;
    --light_roundedBadgePrimary: #0d6efd;
    --light_scrollbarThumb: #b6b6b6;
    --light_scrollbarTrack: #f5f5f5ee;
    --light_sideBarBgColor: #ececec;
    --light_sideBarBgColorActive: #fdfdfd;
    --light_sideBarTextColor: black;
    --light_sideBarTextActiveColor: var(--light_primaryTextColor);
    --light_sideBarCollapsedColor: #1b7ef3;
    --light_splitterPreviewPanel: #ffffffd4;
    --light_successBgColor: #80a70c;
    --light_successBgColorHover: #779c09;
    --light_textColor: black;
    --light_textColorAccent: var(--light_primaryBgColor);
    --light_textColorAccentRgb: 13, 110, 253;
    --light_textEditBgColor: white;
    --light_textEditBorderColor: #cccccc;
    --light_textEditFocusedBorderColor: #9fc6ff;
    --light_webFormBgColor: #fefefe;
    /*Dark*/
    --dark_cardBgColor: #2c2c2cfa;
    --dark_cardBgColorHover: #282828fa;
    --dark_cardBgColorSelected: #282828fa;
    --dark_cardBgColorSelectedHover: #282828fa;
    --dark_cardImgFilter: invert(95%) brightness(95%);
    --dark_cardTextColor: #ffffffbc;
    --dark_cardTitleColor: #fffffff7;
    --dark_cardBgColorAccent: #232323;
    --dark_cardImgFilterAccent: invert(95%) brightness(95%);
    --dark_cardTextColorAccent: #ffffff8f;
    --dark_cardTitleColorAccent: white;
    --dark_docBgColor: #434343fc;
    --dark_docBorderColor: #ffffff20;
    --dark_docCardBgColor: #2a2a2af0;
    --dark_docCardBgColorHover: #303030f5;
    --dark_docCardBgColorSelected: #2b2b2bf5;
    --dark_docCardBorderColor: #00000000;
    --dark_docCardTitleColor: #ffffff;
    --dark_docLeftMenuFocusedBdColor: #2d2d2d;
    --dark_docLeftMenuFocusedColor: #ffffffb8;
    --dark_docTextColor: #ffffffa3;
    --dark_docPrimaryTextColor: #fffffff0;
    --dark_dshbrdCardBgColor: #303030f0;
    --dark_dshbrdTextColor: #ffffffc7;
    --dark_dshbrdChartTextColor: white;
    --dark_dshbrdBorderColor: #eeeeee38;
    --dark_filterPanelBgColor: #2f2f2f96;
    --dark_filterPanelBorderRight: 0px solid #e8e8e8;
    --dark_filterPanelCollapsedBgColor: #353535;
    --dark_filterPanelCollapsedTextColor: white;
    --dark_filterPanelGrpTextColor: black;
    --dark_filterPanelGrpBgColor: #333232c9;
    --dark_filterPanelGrpBorderColor: transparent;
    --dark_filterPanelGrpHeaderBgColor: transparent;
    --dark_filterPanelGrpHeaderImgFilter: invert(95%) brightness(95%);
    --dark_filterPanelGrpHeaderTextColor: #fffffff0;
    --dark_gridBg: #303030fa;
    --dark_gridBorderColor: #ffffff40;
    --dark_gridColor: #f0f0f0;
    --dark_gridFocusBg: #373737;
    --dark_gridFocusColor: #9b9b9b;
    --dark_gridHeaderColor: #ffffffa1;
    --dark_gridLinkColor: #b8b8b8;
    --dark_imgColor: #ffffffb0;
    --dark_imgColorAccent: #ffffffb0;
    --dark_imgFilter: invert(95%) brightness(95%);
    --dark_kanbanBgColor: #252525ed;
    --dark_kanbanBorderColor: #ffffff3b;
    --dark_kanbanHeaderTextColor: #ffffffbf;
    --dark_kanbanCardBgColor: #343434fa;
    --dark_kanbanCardBorderColor: transparent;
    --dark_kanbanCardFocusedBgColor: #2c2c2cfa;
    --dark_kanbanCardFocusedBorderColor: transparent;
    --dark_kanbanCardHeaderTextColor: #a0a0a0;
    --dark_kanbanCardTextColor: #a0a0a0;
    --dark_mainContainerBgColor: #303030;
    --dark_navBarColor: #252525;
    --dark_navBarBtnPrimaryBgColor: #ffffff00;
    --dark_navBarBtnPrimaryHoverBgColor: #ffffff10;
    --dark_navTabBorder: 1px solid #4d4d4d;
    --dark_navTabBorderColor: #4d4d4d00;
    --dark_navTabActiveBgColor: #303030;
    --dark_navTabTextColor: lightgrey;
    --dark_navTabTextColorActive: #ababab;
    --dark_lightColor: transparent;
    --dark_lightColorHover: #3b3b3b;
    --dark_lightTextColor: white;
    --dark_modalBgColor: #ffffff;
    --dark_modalBorderColor: #3d3d3d;
    --dark_modalBorderRadius: 0px;
    --dark_modalBoxShadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    --dark_modalHeaderBorderColor: #615f6300;
    --dark_modalHeaderBgColor: #e9e9e9;
    --dark_modalFooterBorderColor: #615f6300;
    --dark_navLinkColor: #ffffff54;
    --dark_navLinkColorActive: #ffffff;
    --dark_navLinkColorHover: #ffffffa0;
    --dark_primaryBgColor: #107ed9;
    --dark_primaryBgColorRgb: 13, 110, 253;
    --dark_primaryBgColorHover: #0b70c4;
    --dark_primaryBadgeColor: #107ed9;
    --dark_primaryColor: white;
    --dark_primaryTextColor: #b9b9b9;
    --dark_roundedBadgePrimary: #7e7e7e;
    --dark_scrollbarThumb: #2d2d2d;
    --dark_scrollbarTrack: #565656;
    --dark_sideBarBgColor: #2b2b2b;
    --dark_sideBarBgColorActive: #2d2d2d;
    --dark_sideBarTextColor: #eeeeee;
    --dark_sideBarTextActiveColor: white;
    --dark_sideBarCollapsedColor: #252525;
    --dark_splitterPreviewPanel: #2f2f2fe6;
    --dark_successBgColor: #7c9513;
    --dark_successBgColorHover: #5b6d10;
    --dark_textColor: lightgrey;
    --dark_textColorAccent: #ababab;
    --dark_textColorAccentRgb: 219, 219, 219;
    --dark_textEditBgColor: #25252500;
    --dark_textEditBorderColor: #ffffff36;
    --dark_textEditFocusedBorderColor: #ffffff36;
    --dark_webFormBgColor: #e9e9e9;
    --bs-modal-border-color: #2b2b2b;
    /*defaut values*/
--light_cardBgColor: #f1f1f1f5;
    --cardBgColorHover: #e7e7e7f5;
    --cardBgColorSelected: #e0e0e0f5;
    --cardBgColorSelectedHover: #e7e7e7f5;
    --cardImgFilter: initial;
    --cardTextColor: initial;
    --cardTitleColor: var(--primaryTextColor);
    --cardBgColorAccent: #d4e5fdf2;
    --cardImgFilterAccent: invert(35%) sepia(600%) saturate(900%) hue-rotate(190deg);
    --cardTextColorAccent: black;
    --cardTitleColorAccent: var(--primaryTextColor);
    --docBgColor: #fdfdfded;
    --docBorderColor: #e9e9e9;
    --docCardBgColor: #f5f5f5f0;
    --docCardBgColorHover: #f0f0f0f0;
    --docCardBgColorSelected: #ecececf0;
    --docCardBorderColor: #00000000;
    --docCardTitleColor: var(--primaryBgColor);
    --docLeftMenuFocusedBdColor: #ededed;
    --docLeftMenuFocusedColor: var(--primaryTextColor);
    --docTextColor: #010101a9;
    --docPrimaryTextColor: var(--primaryBgColor);
    --dshbrdCardBgColor: #f8f8f8f0;
    --dshbrdTextColor: black;
    --dshbrdChartTextColor: white;
    --dshbrdBorderColor: #ffffff00;
    --filterPanelBgColor: #fdfdfde3;
    --filterPanelBorderRight: 1px solid #e3e3e3;
    --filterPanelCollapsedBgColor: var(--sideBarCollapsedColor);
    --filterPanelCollapsedTextColor: white;
    --filterPanelGrpTextColor: black;
    --filterPanelGrpBgColor: transparent;
    --filterPanelGrpBorderColor: #dcdcdc;
    --filterPanelGrpHeaderBgColor: transparent;
    --filterPanelGrpHeaderImgFilter: initial;
    --filterPanelGrpHeaderTextColor: initial;
    --gridBg: #ffffffed;
    --gridBorderColor: #d2d2d2;
    --gridColor: #303030;
    --gridFocusBg: #f2f2f2;
    --gridFocusColor: #303030;
    --gridHeaderColor: #505050;
    --gridLinkColor: var(--primaryTextColor);
    --imgColor: black;
    --imgColorAccent: #0d6efd;
    --imgFilter: initial;
    --kanbanBgColor: #f8f8f8e3;
    --kanbanBorderColor: #d1d1d1;
    --kanbanHeaderTextColor: var(--primaryTextColor);
    --kanbanCardBgColor: #ffffff;
    --kanbanCardBorderColor: #c7c7c7;
    --kanbanCardFocusedBgColor: #e4e4e4;
    --kanbanCardFocusedBorderColor: #bebebe;
    --kanbanCardHeaderTextColor: black;
    --kanbanCardTextColor: black;
    --mainContainerBgColor: #fdfdfd;
    --modalBgColor: #ffffff;
    --modalBorderColor: var(--bs-border-color-translucent);
    --modalBorderRadius: 0px;
    --modalBoxShadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    --modalHeaderBorderColor: transparent;
    --modalHeaderBgColor: #e9e9e9;
    --modalFooterBorderColor: transparent;
    --navBarColor: #0d4bfd;
    --navBarBtnPrimaryBgColor: #0d4bfd;
    --navBarBtnPrimaryHoverBgColor: #0d4bfd;
    --navTabBorder: 1px solid #dcdcdc;
    --navTabBorderColor: #dcdcdc;
    --navTabActiveBgColor: #fefefe;
    --navTabTextColor: black;
    --navTabTextColorActive: black;
    --lightColor: #f2f2f2;
    --lightColorHover: #fbfbfb;
    --lightTextColor: black;
    --navLinkColor: #ffffffbf;
    --navLinkColorActive: #ffffff;
    --navLinkColorHover: #ffffffdf;
    --primaryBgColor: #0d6efd;
    --primaryBgColorRgb: 13, 110, 253;
    --primaryBgColorHover: #0058da;
    --primaryBadgeColor: #0d6efd;
    --primaryColor: white;
    --primaryTextColor: #0d6efd;
    --roundedBadgePrimary: #0d6efd;
    --scrollbarThumb: #b6b6b6;
    --scrollbarTrack: #f5f5f5ee;
    --sideBarBgColor: #ececec;
    --sideBarBgColorActive: #fdfdfd;
    --sideBarTextColor: black;
    --sideBarTextActiveColor: var(--primaryTextColor);
    --sideBarCollapsedColor: #1b7ef3;
    --splitterPreviewPanel: #ffffffd4;
    --successBgColor: #80a70c;
    --successBgColorHover: #779c09;
    --textColor: black;
    --textColorAccent: var(--primaryBgColor);
    --textColorAccentRgb: 13, 110, 253;
    --textEditBgColor: white;
    --textEditBorderColor: #cccccc;
    --textEditFocusedBorderColor: #9fc6ff;
    --webFormBgColor: #fefefe;
    /*razor page*/
    --primaryRazorPageBgColor: var(--primaryBgColor);
    --primaryRazorPageBgColorHover: var(--primaryBgColorHover);
    --successRazorPageBgColor: var(--successBgColor);
    --successRazorPageBgColorHover: var(--successBgColorHover);
}