[data-theme="dark"] {
	/* main */
	--mainBg: var(--colorDarkGray);
	--mainColor: var(--colorGrayLight);
	--a: var(--colorBlue);
	--lines: var(--colorGrayDark);
	--tabsBg: var(--colorAlmostBlack);
	--mainBgBody: var(--colorAlmostBlack);

	/* logo color*/
	--logoColor: var(--colorWhite);

	/* header */
	--headerColor: var(--colorGrayLight);
	--themepopupBg: var(--colorDarkGray);
	--themepopupBorder: var(--colorDarkGray);

	/* tab icons */
	--mainTabsBg: var(--colorDarkGray);
	--tabsActive: var(--colorBlue);
	--helpButtonToolTips: var(--colorBlue);
	--tabsToolTipBg: var(--colorBlue);
	--toolTipColor: var(--colorWhite);

	/* Refresh button */
	--refreshButtonHover: var(--colorPurple);
	--refreshButtonToolTipBg: var(--colorPurple);
	--refreshButtonBg: var(--colorDarkGray);

	/* bulk processing button */
	--btnBulkProcessingHover: var(--colorNiceGreen);
	--btnBulkProcessingTollTipBg: var(--colorNiceGreen);
	--btnBulkProcessingBg: var(--colorDarkGray);


	/* help, db_switch_btn */
	--indexBar: var(--colorGrayLight);
	--topButtons: var(--colorAlmostBlack);

	/* left menu */
	--leftMenuBg: var(--colorDarkGray);
	--linesMenu: var(--colorGrayDark);
	--leftMenuActive: var(--colorBlue);
	--leftMenuActiveColor: var(--colorWhite);
	--leftMenuInactive: var(--colorBlueTransparent10);
	--leftMenuColor: var(--colorGrayLight);
	--leftMenuInactiveColor: var(--colorGrayLight);
	--menuItemHighlighted: var(--colorBlueTransparent30);
	--menuItemHighlightedColor: var(--colorGrayLight);
	--menuitem: var(--colorDarkGray);
	--menuItemColor: var(--colorGrayLight);
	--menuItemHover: var(--colorBlueTransparent15);
	--menuItemColorHover: var(--colorGrayLight);
	--count: var(--colorBlue);
	--countOver: var(--colorBlue);
	--countBorder: var(--colorBlue);
	--menuItemBold: var(--colorBlue);
	--menuItemBorder: none;
	--menuItemBoldBorder: none;
	--corners: 6px;

	/* navigation */
	--linesNav: var(--colorGrayDark);
	--navBg: var(--colorDarkGray);
	--navLi: var(--colorBlue);
	--navBoxHoverBg: var(--transparent);

	/* tbl_menu */
	--tblMenu: var(--colorGrayDark);
	--tblMenuItemBg: var(--colorBlue);
	--tblMenuBorder: var(--colorAlmostBlack);
	--cmItemBg: var(--colorPurple);
	--cmItemColor: var(--colorWhite);
	--cmItemBgHover: var(--colorBlue);
	--cmItemColorHover: var(--colorWhite);

	/* buttonset */
	--buttonsetBorder: var(--colorGrayLight);
	--buttonsetColor: var(--colorDarkGray);
	--buttonsetBg: var(--colorGrayLight);
	--buttonsetBgHover: var(--colorBlueDark);
	--buttonsetColorHover: var(--colorWhite);
	--buttonsetBorderHover: var(--colorBlueDark);
	--buttonsetColorActive: var(--colorWhite);
	/* layout active color */

	/* datatable */
	--dataTableBg: var(--colorAlmostBlack);
	--dataTableBetweenRows: var(--colorAlmostBlack);
	--dataTable: var(--colorDarkGray);
	--dataTableFooter: var(--colorDarkGray);
	--dataTableHighlighted: var(--colorBlueTransparent30);
	--dataTablesHighlightOver: var(--colorBlueTransparent60);
	--dataTablesHighlightOverColor: var(--colorGrayLight);
	--dataTablesHighlightOverColorGrayRow: var(--colorGray);
	--dataTablesOver: var(--colorDarkGray);
	--dataTableRows: var(--colorGrayDark);
	--datatableRowShadow: 0px 0px 3px var(--colorWhite);
	--grayRow: var(--colorDavysGray);

	--dataTableMultiselect: var(--colorAlmostBlack);
	--dataTableMultiselectLi: var(--colorDarkGray);
	--dataTableInputBg: var(--colorWhite);
	--dataTableInputColor: var(--colorGrayLight);
	--dataTableInputBorder: var(--colorVeryLightCyanBlue);

	/* datepicker */
	--datePickerColor: var(--colorGrayLight);
	--datePickerAColor: var(--colorBlue);
	--datePickerHover: var(--colorGreen);
	--datePickerHoverColor: var(--colorWhite);
	--datePickerHighlighted: var(--colorBlue);
	--datePickerHighlightedColor: var(--colorWhite);
	--datePickerHighlightedHover: var(--colorBlueDark);

	/* autocomplete */
	--autocompleteBg: var(--colorCyanBlue);
	--autocompleteBorder: var(--colorAlabaster);
	--atcItemColor: var(--colorGrayDark);
	--atcItemHoverColor: var(--colorWhite);
	--atcItemHoverBg: var(--colorBlue);

	/* document detail */
	--detailMenu: var(--colorGrayDark);
	--detailMenuBorder: var(--colorGrayDark);
	--tabDocumentLeftBg: var(--colorDarkGray);
	--documentLeftBottomMenuBg: var(--colorDarkGray);
	--documentLeftMenuBg: var(--colorDarkGray);
	--documentLeftMenuColor: var(--colorGrayLight);
	--documentLeftNumberColor: var(--colorGrayLight);
	--completionBtn: var(--colorBlue);
	--completionBtnBorder: var(--colorBlue);
	--completionBtnColor: var(--colorWhite);
	--completionBtnOver: var(--colorBlueDark);
	--completionBtnBorderHover: var(--colorBlueDark);
	--completionBtnOverColor: var(--colorGrayMiddle);
	--detailMenuDetails: var(--colorDarkGray);
	--documentDetailColor: var(--colorBlue);
	--documentDetail2nColor: var(--colorGrayLight);

	--submenuBtnBg: var(--colorViolet);
	--submenuBtnBorder: var(--colorWhite);
	--submenuBtnBgHover: var(--colorVioletDark);
	--submenuBtnBorderHover: var(--colorWhite);
	--submenuPopupBg: var(--colorVioletDark);
	--submenuPopupColor: var(--colorWhite);

	/* settings tab*/
	--settingsBg: var(--colorDarkGray);
	--submenuitem: var(--colorDarkGray);
	--submenuitemOver: var(--colorBlueTransparent30);
	--submenuitemColor: var(--colorGrayLight);
	--submenuItemHoverColor: var(--colorGrayLight);

	/* dialog */
	--uiDialogHeader: var(--colorBlue);
	--uiDialogHeaderColor: var(--colorWhite);
	--dialogBg: var(--colorDarkGray);
	--dialogColor: var(--colorBlack);
	--uiDialogFooterColor: var(--colorGrayDark);

	/* error/urgent dialog */
	--urgentDialogBg: var(--colorBlack);
	--urgentDialogHeader: var(--colorFireEngineRed);
	--urgentDialogColor: var(--colorWhite);
	--urgentDialogClose: url('../images/close-white_8.svg');
	--urgentDialogCloseHover: url('../images/close-white_16.svg');
	--urgentDialogButtonBg: var(--colorBlack);
	--urgentDialogButtonBorder: var(--colorWhite);
	--urgentDialogButtonColor: var(--colorWhite);
	--urgentDialogButtonBgHover: var(--colorDavysGray);
	--urgentDialogButtonBorderHover: var(--colorWhite);
	--urgentDialogButtonColorHover: var(--colorWhite);

	/* buttons */
	--buttonBorder: var(--colorBlueDark);
	--buttonBg: var(--colorBlueLight);
	--buttonColor: var(--colorBlueDark);
	--buttonBgHover: var(--colorBlueDark);
	--buttonColorHover: var(--colorWhite);
	--fieldsetBorder: var(--lines);

	/* buttons set 2 (close, lock etc)*/
	--buttonBorder2: var(--colorBlueDark);
	--buttonBg2: var(--colorBlueDark);
	--buttonColor2: var(--colorWhite);
	--buttonBgHover2: var(--colorBlueLight);
	--buttonColorHover2: var(--colorBlueDark);

	/* searching tab */
	--searchDetailBg: var(--colorAlmostBlack);
	--searchDetailDataBg: var(--colorDarkGray);
	--searchDetailLegend: var(--colorGrayLight);
	--searchDetailBgNdChild: var(--colorBlueTransparent15);
	--searchDetailColorNdChild: var(--colorGrayLight);
	--searchDetailColor: var(--colorGrayLight);
	--selectColor: var(--colorBlack);


	--userHeaderIcon: url('../images/user-w.svg');
	--helpIcon: url('../images/help_blue.svg');
	--logo45: url('../images/LOGO-BASIC-45.svg');
	--logo80: url('../images/LOGO-BASIC-80.svg');
	--logoText: url('../images/CENTRIS-BASIC.svg');


	--mainMenu01: url('../images/icons/topmenu/topmenu_01_white.svg');
	--mainMenu02: url('../images/icons/topmenu/topmenu_02_white.svg');
	--mainMenu03: url('../images/icons/topmenu/topmenu_03_white.svg');
	--mainMenu04: url('../images/icons/topmenu/topmenu_04_white.svg');
	--mainMenu05: url('../images/icons/topmenu/topmenu_05_white.svg');
	--mainMenu06: url('../images/icons/topmenu/topmenu_06_white.svg');
	--mainMenu07: url('../images/icons/topmenu/topmenu_07_white.svg');
	--mainMenu08: url('../images/icons/topmenu/topmenu_08_white.svg');
	--mainMenu09: url('../images/icons/topmenu/topmenu_09_white.svg');
	--mainMenu10: url('../images/icons/topmenu/topmenu_10_white.svg');
	--mainMenu11: url('../images/icons/topmenu/topmenu_11_white.svg');

	--headerFatLinkABg: var(--colorBlue);
	--headerFatLinkABgOver: var(--colorBlueDark);
	--headerFatLinkAColor: var(--colorWhite);
	--moduleIcon: url('../images/module_icon_white.svg');

	--userLogoffIcon: url('../images/off_grey.svg');


	/* navigace */
	--navHamburger: url('../images/icons/navigation/hamburger_grey.svg');
	--navHamburgerHover: url('../images/icons/navigation/hamburger_blue.svg');

	--navBox0Bg: url('../images/icons/navigation/home_grey.svg');
	--navBox0BgOver: url('../images/icons/navigation/home_white.svg');
	--navBox0BgHover: url('../images/icons/navigation/home_grey.svg');

	--navBox1Bg: url('../images/icons/navigation/01_grey_35x35.svg');
	--navBox1BgOver: url('../images/icons/navigation/01_white.svg');
	--navBox1BgHover: url('../images/icons/navigation/01_grey_35x35.svg');

	--navBox2Bg: url('../images/icons/navigation/02_grey_35x35.svg');
	--navBox2BgOver: url('../images/icons/navigation/02_white.svg');
	--navBox2BgHover: url('../images/icons/navigation/02_grey_35x35.svg');

	--navBox3Bg: url('../images/icons/navigation/03_grey_35x35.svg');
	--navBox3BgOver: url('../images/icons/navigation/03_white.svg');
	--navBox3BgHover: url('../images/icons/navigation/03_grey_35x35.svg');

	--navBox4Bg: url('../images/icons/navigation/04_grey_35x35.svg');
	--navBox4BgOver: url('../images/icons/navigation/04_white.svg');
	--navBox4BgHover: url('../images/icons/navigation/04_grey_35x35.svg');

	--navBox5Bg: url('../images/icons/navigation/05_grey_35x35.svg');
	--navBox5BgOver: url('../images/icons/navigation/05_white.svg');
	--navBox5BgHover: url('../images/icons/navigation/05_grey_35x35.svg');

	--navBox6Bg: url('../images/icons/navigation/06_grey_35x35.svg');
	--navBox6BgOver: url('../images/icons/navigation/06_white.svg');
	--navBox6BgHover: url('../images/icons/navigation/06_grey_35x35.svg');

	--navBox7Bg: url('../images/icons/navigation/07_grey_35x35.svg');
	--navBox7BgOver: url('../images/icons/navigation/07_white.svg');
	--navBox7BgHover: url('../images/icons/navigation/07_grey_35x35.svg');

	--navBox8Bg: url('../images/icons/navigation/08_grey_35x35.svg');
	--navBox8BgOver: url('../images/icons/navigation/08_white.svg');
	--navBox8BgHover: url('../images/icons/navigation/08_grey_35x35.svg');

	--navBox9Bg: url('../images/icons/navigation/09_grey_35x35.svg');
	--navBox9BgOver: url('../images/icons/navigation/09_white.svg');
	--navBox9BgHover: url('../images/icons/navigation/09_grey_35x35.svg');

	--navBox10Bg: url('../images/icons/navigation/10_grey_35x35.svg');
	--navBox10BgOver: url('../images/icons/navigation/10_white.svg');
	--navBox10BgHover: url('../images/icons/navigation/10_grey_35x35.svg');

	--navBox11Bg: url('../images/icons/navigation/11_grey_35x35.svg');
	--navBox11BgOver: url('../images/icons/navigation/11_white.svg');
	--navBox11BgHover: url('../images/icons/navigation/11_grey_35x35.svg');

	--navBox12Bg: url('../images/icons/navigation/12_grey_35x35.svg');
	--navBox12BgOver: url('../images/icons/navigation/12_white.svg');
	--navBox12BgHover: url('../images/icons/navigation/12_grey_35x35.svg');

	--navBox13Bg: url('../images/icons/navigation/13_grey_35x35.svg');
	--navBox13BgOver: url('../images/icons/navigation/13_white.svg');
	--navBox13BgHover: url('../images/icons/navigation/13_grey_35x35.svg');

	/* menu */
	--my_contractsBg: url('../images/icons/menu/my_contracts-white.svg');
	--my_contractsBgInv: url('../images/icons/menu/my_contracts-white.svg');

	--sign_offBg: url('../images/icons/menu/sign_off-white.svg');
	--sign_offBgInv: url('../images/icons/menu/sign_off-white.svg');

	--signingBg: url('../images/icons/menu/signing-white.svg');
	--signingBgInv: url('../images/icons/menu/signing-white.svg');

	--releasedBg: url('../images/icons/menu/released-white.svg');
	--releasedBgInv: url('../images/icons/menu/released-white.svg');

	--otherBg: url('../images/icons/menu/other-white.svg');
	--otherBgInv: url('../images/icons/menu/other-white.svg');

	--reportsBg: url('../images/icons/menu/reports-white.svg');
	--reportsBgInv: url('../images/icons/menu/reports-white.svg');

	--personal_settingsBg: url('../images/icons/menu/personalsettings-white.svg');
	--personal_settingsBgInv: url('../images/icons/menu/personalsettings-white.svg');


	--ui-iconset-image: var(--iconsBlack);
	--closeIcon: url('../images/close-white_8.svg');
	--closeIconHover: url('../images/close-blue_16.svg');
	--icons: var(--iconsWhite);
	--iconsHover: var(--iconsBlue);
	--multiselectIcon: var(--iconsBlue);

	--widgetContent: var(--iconsWhite);
	--widgetHeader: var(--iconsWhite);
	--widgetButtonHover: var(--iconsBlue);
	--widgetButtonActive: var(--iconsBlack);
	--widgetButtonHighLight: var(--iconsGreen);
	--trashBtn: url('../images/icons/contextmenu/trash-white.svg');
	--trashBtn2: url('../images/icons/contextmenu/trash-white.svg');
	--trashBtn3: url('../images/icons/contextmenu/trash-black.svg');
	--diskBtn: url('../images/icons/contextmenu/disk-blue.svg');
	--diskBtnHover: url('../images/icons/contextmenu/disk-white.svg');
	--diskBtn2: url('../images/icons/contextmenu/disk-white.svg');
	--identityBtn: url('../images/icons/contextmenu/identity_color.svg');
	--pencilBtn: url('../images/icons/contextmenu/pencil-white.svg');
	--pencilBtn2: url('../images/icons/contextmenu/pencil-white.svg');
	--lock: url('../images/icons/contextmenu/lock-white-basic.svg');
	--unlock: url('../images/icons/contextmenu/unlock-white-basic.svg');
	--plus: url('../images/icons/contextmenu/plus-black.svg');
	
	--trashIcon: url('../images/icons/trash-white.svg');
	--trashIconHover: url('../images/icons/trash-gray.svg');

	--eyeOpen: url('../images/pass-show.svg');
	--eyeClosed: url('../images/pass-hide.svg');

	/* login */
	--loginbg: var(--colorGrayDark);
	--loginBoxBg: var(--colorDarkGray);
	--loginColor: var(--colorGrayLight);
	--loginColor2: var(--colorGrayLight);
	/* for dialog window text */
	--loginLines: var(--themepopupBg);
	--loginButtonBg: var(--colorBlue);
	--loginButtonColor: var(--colorWhite);
	--loginButtonHover: var(--colorBlueDark);
	--loginButtonHoverColor: var(--colorWhite);
	--inputBg: var(--colorVeryLightBlue);
	--inputColor: var(--colorGrayBlue2);
	--inputBorder: var(--colorGrayMiddle);
	--copyright: var(--colorAlmostBlack);

	/* flags */
	--arrowDown: url('../images/arr-down-full-blue.svg');
	--arrowUp: url('../images/arr-up-full-blue.svg');
	--flagsBg: var(--themepopupBg);
}