:root {
	--color-bg: #FFFFFF;
	--color-bg_black: #333333;
	--color-bg_green: #4CAF50;
	--color-bg_red: #ff5050;
	--color-bg-tabs: #CCCCCC;
	--color-bg-alert: #EEFBFC;
	--color-bg-black: #333333;
	--color-bg-table-hover: #e9e9e9;
	--color-bg-btn: #F5F5F5;
	--color-bg-form: #FFFFFF;
	--color-bg-hover: #5e438a;
	--color-bg-eggplant: #5e438a;
	--color-bg-volga: #00c9a7;
	--color-bg-volga-rgba: rgba(168, 184, 158, 0.5);
	--color-bg-box: #FFF;
	
	--color-box-shadow: 0 3px 6px #e0e0e6;
	--color-box-shadow-eggplant: 0 3px 6px #5e438a;
	--color-shadow-box: 0 3px 6px #e0e0e6;
	
	--color-pattern: #00c9a7;
	--color-pattern-low: #f0f5ec;
	--color-border: 1px solid #e0e0e0;
	--color-border-eggplant: 1px solid #5e438a;
	--color-border-volga: #00c9a7;
	--color-border-bottom-volga: 5px solid #00c9a7;
	--color-border-bottom-eggplant: 5px solid #5e438a;
	--color-pattern-border: 1px solid #f0f5ec;
	--color-border-tabs: 5px solid #5e438a;	
	
	--color-border-color-active: 1px solid #5e438a;	
	--color-border-color-active-two: 2px solid #5e438a;	
	--color-border-color-deactive: 1px solid #e0e0e0;
	
	--color-font-black: #333;
	--color-font-white: #FFFFFF;
	--color-font-red: #C00;
	--color-font-volga: #00c9a7;
	--color-font-eggplant: #5e438a;
	--color-font-low: #ccc;
	--color-font-medium: #999;
	--color-font-a: #5e438a;
	--color-hint-object-error: #d32f2f;
	
	--colo-status-green: #1C9722;
	--colo-status-red: #FF1A34;
	--colo-status-orange: #f39c12;
	
	--color-svg-black: invert(18%) sepia(6%) saturate(16%) hue-rotate(6deg) brightness(91%) contrast(89%);
	--color-svg-white: invert(100%) sepia(100%) saturate(2%) hue-rotate(20deg) brightness(106%) contrast(101%);
	--color-svg-eggplant: invert(60%) sepia(22%) saturate(3871%) hue-rotate(220deg) brightness(85%) contrast(98%);
	--color-svg-volga: invert(84%) sepia(11%) saturate(439%) hue-rotate(53deg) brightness(84%) contrast(89%);
	--color-svg-cancel: invert(90%) sepia(100%) saturate(0%) hue-rotate(183deg) brightness(86%) contrast(85%);
	--color-svg-red: invert(12%) sepia(80%) saturate(7482%) hue-rotate(15deg) brightness(82%) contrast(121%);
	
	--color-svg-star: invert(93%) sepia(12%) saturate(10%) hue-rotate(32deg) brightness(92%) contrast(80%);
	--color-svg-star-o: invert(67%) sepia(87%) saturate(977%) hue-rotate(338deg) brightness(109%) contrast(95%);
	
	--color-line-ok: #4CAF50;
	--color-line-pending: #F9A825;
	--color-line-clancel: #D32F2F;	
	
}	
:root body.dark {
	--color-border: 1px solid #444;
	--color-bg-table-hover: #555;
	--color-font-black: #fff;
}