:root {
	/* Color palette */
	--palette-red: #F36164;
	--palette-red-h: 359;
	--palette-red-s: 86%;
	--palette-red-l: 67%;
	
	--palette-orange: #ee7249;
	--palette-orange-h: 15;
	--palette-orange-s: 83%;
	--palette-orange-l: 61%;

	--palette-yellow: #ffd163;
	--palette-yellow-h: 42;
	--palette-yellow-s: 100%;
	--palette-yellow-l: 69%;

	--palette-green: #369F85;
	--palette-green-h: 165;
	--palette-green-s: 49%;
	--palette-green-l: 42%;
	
	--palette-sky: #6588cd;
	--palette-sky-h: 220;
	--palette-sky-s: 51%;
	--palette-sky-l: 60%;
	
	--palette-blue: #0063B1;
	--palette-blue-h: 206;
	--palette-blue-s: 100%;
	--palette-blue-l: 35%;
	
	--palette-triple-right: #8A7ED3;
	--palette-triple-right-h: 248;
	--palette-triple-right-s: 49%;
	--palette-triple-right-l: 66%;
	
	--palette-triple-right-2: #E44984;
	--palette-triple-right-2-h: 337;
	--palette-triple-right-2-s: 74%;
	--palette-triple-right-2-l: 59%;
	
	/* Colors */
	--info-background: var(--palette-sky);
	--info-background-h: var(--palette-sky-h);
	--info-background-s: var(--palette-sky-s);
	--info-background-l: var(--palette-sky-l);
	--info-background-faded: hsla(var(--info-background-h), var(--info-background-s), calc(var(--info-background-l) + 20%), .25);
	--info-text: #fff;

	--help-background: var(--palette-sky);
	--help-background-h: var(--palette-sky-h);
	--help-background-s: var(--palette-sky-s);
	--help-background-l: var(--palette-sky-l);
	--help-background-faded: hsla(var(--help-background-h), var(--help-background-s), calc(var(--help-background-l) + 20%), .25);
	--help-text: #fff;
	
	--warning-background: var(--palette-orange);
	--warning-background-h: var(--palette-orange-h);
	--warning-background-s: var(--palette-orange-s);
	--warning-background-l: var(--palette-orange-l);
	--warning-background-faded: hsla(var(--warning-background-h), var(--warning-background-s), calc(var(--warning-background-l) + 16%), .25);
	--warning-text: #fff;
	
	--error-background: var(--palette-red);
	--error-background-h: var(--palette-red-h);
	--error-background-s: var(--palette-red-s);
	--error-background-l: var(--palette-red-l);
	--error-background-faded: hsla(var(--error-background-h), var(--error-background-s), calc(var(--error-background-l) + 16%), .25);
	--error-text: #fff;
	
	--success-background: var(--palette-green);
	--success-background-h: var(--palette-green-h);
	--success-background-s: var(--palette-green-s);
	--success-background-l: var(--palette-green-l);
	--success-background-faded: hsla(var(--success-background-h), var(--success-background-s), calc(var(--success-background-l) + 16%), .25);
	--success-text: #fff;
	
	/* Main */
	--font-main: 16px/1.4 MainSans, "open_sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-main-mono: 16px/1.4 MainMono, Consolas, Menlo, Monaco, Consolas, 'Courier New', monospace;
	--font-main-input: 14px/1.2 Helvetica, Arial, sans-serif;

	/* Layout */
	--z-index-messages: 1000;
	--z-index-loading: 900;
	--z-index-overlay: 800;
	--z-index-dialog: 700;
	--z-index-popup: 600;
	--padding-section: 40px;
	--header-size: 60px;
	--main-sidebar-font-size: 14px;
	--main-sidebar-group-toggle-size: var(--main-sidebar-font-size);
	--main-sidebar-overhead: 4px;
	--main-sidebar-padding-x: .75em;
	--main-sidebar-padding-y: .75em;
	--content-sidebar-padding-x: 15px;
	
	/* Transitions */
	--transition-hover-in: all 0.15s ease-in;
	--transition-hover-out: all 0.05s ease-out;
	--transition-background-color-in: background-color 0.15s ease-in;
	--transition-background-color-out: background-color 0.05s ease-out;
	--transition-border-in: border 0.15s ease-in;
	--transition-border-out: border 0.05s ease-out;

	/* Overlays */
	--blur-overlay: 5px;

	/* Dropdown */
	--dropdown-min-width: 200px;
	--dropdown-grid-width: 320px;
	--dropdown-arrow-size: 7px;
	--dropdown-border-radius: 6px;
	--dropdown-item-border-radius: 4px;
	--dropdown-content-padding: 10px;
	--dropdown-grid-content-padding: 10px;

	/* Cards */
	--card-border-radius: 0;

	/* Buttons */
	--button-border-radius: 4px;
	--button-font: var(--font-main-input);
	--button-font-size: 14px;
	--button-font-weight: normal;
	--button-big-font: var(--font-main-input);
	--button-big-font-size: 16px;
	--button-big-font-weight: 400;

	/* Dialogs */
	--dialog-border-radius: 6px;
	
	/* Tabs */
	--tab-active-top-borde-width: 3px;
	
	/* Popups */
	--popup-tab-active-top-borde-width: 3px;
	--popup-content-padding: 30px;

	/* Floating popups */
	--float-popup-font-size: 13px;
	--float-popup-position-offset: 10px;
	--float-popup-padding: 10px;
	
	/* Pagination */
	--pagination-button-width: 2em;
	--pagination-button-height: 1.8em;

	/* Table */
	--table-font-size: 14px;

	/* Forms */
	--form-control-disabled-opacity: 0.6;
	--form-field-max-width: 700px;
	--form-filed-small-width: 200px;
	--form-label-width: 230px;
	--form-control-padding-x: .5rem;
	--form-control-padding-y: .375rem;
	--form-control-padding: var(--form-control-padding-y) var(--form-control-padding-x);
}

html, html[data-skin-mode='skin-light'] {
	/* Hover */
	--hover-intensity: 10%;
	
	/* Colors */
	--default-background: #666;
	--default-background-h: 0;
	--default-background-s: 0%;
	--default-background-l: 40%;
	--default-background-hover: hsl(var(--default-background-h), var(--default-background-s), calc(var(--default-background-l) - var(--hover-intensity)));
	--default-text: #fff;
	
	--info-background-hover: hsl(var(--info-background-h), var(--info-background-s), calc(var(--info-background-l) - var(--hover-intensity)));
	--help-background-hover: hsl(var(--help-background-h), var(--help-background-s), calc(var(--help-background-l) - var(--hover-intensity)));
	--warning-background-hover: hsl(var(--warning-background-h), var(--warning-background-s), calc(var(--warning-background-l) - var(--hover-intensity)));
	--error-background-hover: hsl(var(--error-background-h), var(--error-background-s), calc(var(--error-background-l) - var(--hover-intensity)));
	--success-background-hover: hsl(var(--success-background-h), var(--success-background-s), calc(var(--success-background-l) - var(--hover-intensity)));
	
	/* Main */
	--base-color: #fff;
	--base-color-contrast: #000;
	--base-color-white: #fff;
	--base-color-black: #333;
	--background-color-main: #f3f3f3;
	--background-color-main-transparent: rgba(243, 243, 243, 0.3);
	--background-color-secondary: #f7f7f7;
	--highlight-color: var(--palette-triple-right);
	--highlight-color-contrast: #fff;
	--highlight-color-contrast-faded: hsl(var(--palette-triple-right-h), var(--palette-triple-right-s), 82%);
	--highlight-color-hover: hsl(var(--palette-triple-right-h), var(--palette-triple-right-s), calc(var(--palette-triple-right-l) - var(--hover-intensity)));
	--highlight-color-gradient: hsl(var(--palette-triple-right-h), calc(var(--palette-triple-right-s) - var(--hover-intensity)), calc(var(--palette-triple-right-l) - var(--hover-intensity)));
	--text-color-main: #333;
	--text-color-subtle: #666;
	--text-color-faded: #888;
	--text-color-light: #bbb;
	--text-color-white: #f5f5f5;
	--action-color-main: var(--palette-triple-right-2);
	--action-color-contrast-main: #fff;
	--action-color-faded: hsla(var(--palette-triple-right-2-h), calc(var(--palette-triple-right-2-s) + 100%), var(--palette-triple-right-2-l), 0.15);
	--action-color-hover: hsl(var(--palette-triple-right-2-h), var(--palette-triple-right-2-s), calc(var(--palette-triple-right-2-l) - var(--hover-intensity)));
	--border-color-main: #ccc;
	--border-color-faded: #eee;
	--icon-action-color: #999;
	--icon-action-color-hover: #333;
	--transparent: rgba(255, 255, 255, 0.3);
	--transparent-subtle: rgba(255, 255, 255, 0.04);
	--transparent-contrast: rgba(0, 0, 0, 0.3);
	--transparent-contrast-subtle: rgba(0, 0, 0, 0.04);
	--hover-clear-box-shadow: inset 0 0 0 999em transparent;
	--hover-box-shadow: inset 0 0 0 999em var(--transparent-contrast-subtle);
	
	/* Spinner */
	--spinner-color: rgba(0, 0, 0, 0.4);
	
	/* Layout */
	--sidebar-bkg-color: #fff;
	--sidebar-hover-bkg-color: rgba(0, 0, 0, 0.05);
	--sidebar-selected-bkg-color: var(--action-color-faded);
	--sidebar-text-color: var(--text-color-main);
	--sidebar-hover-text-color: var(--sidebar-text-color);
	--sidebar-selected-text-color: var(--action-color-main);
	--sidebar-icon-color: var(--icon-action-color);
	--sidebar-sub-bkg-color: #f5f5f5;
	--sidebar-sub-hover-bkg-color: var(--sidebar-hover-bkg-color);
	--sidebar-sub-selected-bkg-color: var(--sidebar-selected-bkg-color);
	--sidebar-sub-text-color: var(--sidebar-text-color);
	--sidebar-sub-hover-text-color: var(--sidebar-hover-text-color);
	--sidebar-sub-selected-text-color: var(--sidebar-selected-text-color);
	--sidebar-border-color: #d5d5d5;
	--sidebar-dotted-border-color: #a5a5a5;
	--sidebar-border: 1px solid var(--sidebar-border-color);
	--sidebar-selected-border-color: transparent;
	--sidebar-sub-selected-border-color: var(--sidebar-selected-border-color);
	--sidebar-box-shadow-rgba: rgba(0, 0, 0, 0.1);
	--sidebar-box-shadow: 0 0 4px var(--sidebar-box-shadow-rgba);

	--header-bkg-image: none;
	--header-bkg-color: #fff;
	--header-bkg-color-hover: #f3f3f3;
	--header-border-color: rgba(0, 0, 0, 0.15);
	--header-border: 1px solid var(--header-border-color);
	--header-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	--header-text-color-h: 0;
	--header-text-color-s: 0%;
	--header-text-color-l: 20%;
	--header-text-color: hsl(var(--header-text-color-h), var(--header-text-color-s), var(--header-text-color-l));
	--header-selected-text-color: var(--header-text-color);
	--header-dropdown-background: var(--header-bkg-color);
	
	--page-title-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	--page-title-border-color: #ccc;

	--content-sidebar-background: #fff;
	--content-sidebar-border: 1px solid #ccc;
	--content-sidebar-text-color: #333;
	--content-sidebar-text-faded: #999;

	--footer-background: #fff;
	--footer-text-color: #777;
	--footer-border-color: #ccc;
	--footer-box-shadow: none;

	/* Overlays */
	--background-overlay-transparent: rgba(255, 255, 255, 0.6);
	--background-overlay-opaque: var(--background-color-main);
	--text-color-overlay: #666;

	/* Cards */
	--card-background: #fff;
	--card-background-fade: #f3f3f3;
	--card-background-subtle: #fafafa;
	--card-border-color: #ccc;
	--card-border: 1px solid var(--card-border-color);
	--card-shadow-rgb: 0, 0, 0;
	--card-shadow: 0 2px 4px 0px rgba(var(--card-shadow-rgb), 0.2);
	--card-shadow-no-bottom: 0px -2px 2px 0px rgba(var(--card-shadow-rgb), 0.05);
	--card-text: #333;
	--card-transparent: rgba(255, 255, 255, 0.25);

	/* Toolbar */
	--toolbar-text-color: #666;
	--toolbar-backround: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
	--toolbar-backround-hover: rgba(0, 0, 0, .05);
	--toolbar-border-color: #bbb;
	--toolbar-separator-border-color: rgba(0, 0, 0, 0.2);
	--toolbar-separator-outline-color: rgba(255, 255, 255, 0.8);
	
	/* Dropdown */
	--dropdown-background: #fff;
	--dropdown-background-hover: #f0f0f0;
	--dropdown-border: 1px solid #ccc;
	--dropdown-shadow-rgb: 0, 0, 0;
	--dropdown-shadow: 0 2px 4px 0px rgba(var(--card-shadow-rgb), 0.2);
	--dropdown-text: #333;
	--dropdown-text-faded: #999;

	/* Buttons */
	--button-default-background: #666;
	--button-default-background-hover: #444;
	--button-default-text: #fff;
	--button-subtle-background: #ccc;
	--button-subtle-background-hover: #bbb;
	--button-subtle-solid-text: var(--button-default-background);
	--button-subtle-solid-text-hover: var(--button-default-background-hover);
	--button-shadow-rgb: 0, 0, 0;
	--button-shadow: 0 4px 6px 0px rgba(var(--button-shadow-rgb), 0.3);
	--button-focus-outline-color: #333;

	/* Dialogs */
	--dialog-background: #fff;
	--dialog-background-secondary: #eee;
	--dialog-border: 1px solid #ccc;
	--dialog-text: #333;
	--dialog-close-text: #666;
	--dialog-close-text-hover: #333;
	--dialog-box-shadow: 3px 3px 20px #333;
	
	/* Tabs */
	--tab-border: 1px solid #ccc;
	--tab-background: #fbfbfb;
	--tab-text: #666;
	--tab-active-top-borde-color: #333;
	--tab-active-background: #f3f3f3;
	--tab-active-text: #333;
	--tab-hover-background: #fff;
	--tab-hover-text: #333;
	
	/* Popups */
	--popup-background: #fff;
	--popup-background-fade: #f7f7f7;
	--popup-background-secondary: #eee;
	--popup-border: 1px solid #ccc;
	--popup-text: #333;
	--popup-close-text: #666;
	--popup-close-text-hover: #333;
	--popup-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.25);
	--popup-tab-text: #444;
	--popup-tab-text-active: #333;
	--popup-tab-active-top-borde-color: #333;
	--popup-tab-hover-background: #fbfbfb;
	--popup-tab-hover-text-color: #333;
	--popup-tab-content-toolbar-border: 0 4px 2px -2px rgba(0, 0, 0, .1);
	--popup-overlay-transparent: rgba(255, 255, 255, 0.9);

	/* Floating popups */
	--float-popup-background: #fff;
	--float-popup-border: 1px solid #ccc;
	--float-popup-text: #333;
	--float-popup-close-text: #666;
	--float-popup-close-text-hover: #333;
	--float-popup-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.75);
	--float-popup-button-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
	
	/* Table */
	--table-background: #fff;
	--table-border-color: rgba(0, 0, 0, 0.2);
	--table-inner-border-color: rgba(0, 0, 0, 0.075);
	--table-head-background: #fff;
	--table-head-text-color: #333;
	--table-head-sorted-text-color: var(--action-color-main);
	--table-row-even-background: transparent;
	--table-row-odd-background: transparent;
	--table-row-text-color: #666;
	--table-row-highlight-background: var(--transparent-contrast-subtle);
	
	/* Forms */
	--form-control-background: #fff;
	--form-control-text-rgb: 51, 51, 51;
	--form-control-text: rgb(var(--form-control-text-rgb));
	--form-control-border: 1px solid var(--border-color-main);
	--form-control-label-background: #f5f5f5;
	--form-control-label-text: #888;
	--form-control-placeholder-text: rgba(var(--form-control-text-rgb), 0.6);
	
	/* Calendar */
	--calendar-background: #fff;
	--calendar-selected-background: var(--action-color-main);
	--calendar-now-background: #eee;
	--calendar-hover: rgba(0, 0, 0, 0.25);
	--calendar-border: 1px solid var(--border-color-main);
	--calendar-shadow-rgb: 0, 0, 0;
	--calendar-shadow: 0 2px 4px 0px rgba(var(--card-shadow-rgb), 0.2);
	--calendar-text: #333;
	--calendar-text-weekend: var(--palette-red);
	
	/* Notice */
	--notice-background: rgba(0, 0, 0, 0.05);
	--notice-text: rgba(0, 0, 0, 0.65);
	
	/* Tag */
	--tag-background: rgba(0, 0, 0, 0.075);
}

html[data-skin-mode='skin-dark'] {
	/* Hover */
	--hover-intensity: 5%;
	
	/* Colors */
	--default-background: #666;
	--default-background-h: 0;
	--default-background-s: 0%;
	--default-background-l: 27%;
	--default-background-hover: hsl(var(--default-background-h), var(--default-background-s), calc(var(--default-background-l) + var(--hover-intensity)));
	--default-text: #fff;
	
	--info-background-hover: hsl(var(--info-background-h), var(--info-background-s), calc(var(--info-background-l) + var(--hover-intensity)));
	--help-background-hover: hsl(var(--help-background-h), var(--help-background-s), calc(var(--help-background-l) + var(--hover-intensity)));
	--warning-background-hover: hsl(var(--warning-background-h), var(--warning-background-s), calc(var(--warning-background-l) + var(--hover-intensity)));
	--error-background-hover: hsl(var(--error-background-h), var(--error-background-s), calc(var(--error-background-l) + var(--hover-intensity)));
	--success-background-hover: hsl(var(--success-background-h), var(--success-background-s), calc(var(--success-background-l) + var(--hover-intensity)));
	
	/* Main */
	--base-color: #000;
	--base-color-contrast: #fff;
	--base-color-white: #ddd;
	--base-color-black: #333;
	--background-color-main: #111;
	--background-color-main-transparent: rgba(17, 17, 17, 0.3);
	--background-color-secondary: #292929;
	--highlight-color: var(--palette-triple-right);
	--highlight-color-contrast: #fff;
	--highlight-color-contrast-faded: hsl(var(--palette-triple-right-h), var(--palette-triple-right-s), 82%);
	--highlight-color-hover: hsl(var(--palette-triple-right-h), var(--palette-triple-right-s), calc(var(--palette-triple-right-l) + var(--hover-intensity)));
	--highlight-color-gradient: hsl(var(--palette-triple-right-h), calc(var(--palette-triple-right-s) - (var(--hover-intensity) * 2)), calc(var(--palette-triple-right-l) - (var(--hover-intensity) * 2)));
	--text-color-main: #999;
	--text-color-subtle: #888;
	--text-color-faded: #666;
	--text-color-light: #555;
	--text-color-white: #ddd;
	--action-color-main: var(--palette-triple-right-2);
	--action-color-contrast-main: #fff;
	--action-color-faded: hsla(var(--palette-triple-right-2-h), calc(var(--palette-triple-right-2-s) - 25%), var(--palette-triple-right-2-l), 0.15);
	--action-color-hover: hsl(var(--palette-triple-right-2-h), var(--palette-triple-right-2-s), calc(var(--palette-triple-right-2-l) + var(--hover-intensity)));
	--border-color-main: #444;
	--border-color-faded: #414141;
	--icon-action-color: #666;
	--icon-action-color-hover: #ccc;
	--transparent: rgba(0, 0, 0, 0.3);
	--transparent-subtle: rgba(0, 0, 0, 0.04);
	--transparent-contrast: rgba(255, 255, 255, 0.3);
	--transparent-contrast-subtle: rgba(255, 255, 255, 0.1);
	--hover-clear-box-shadow: inset 0 0 0 999em transparent;
	--hover-box-shadow: inset 0 0 0 999em var(--transparent-contrast-subtle);

	/* Spinner */
	--spinner-color: rgba(255, 255, 255, 0.4);

	/* Layout */
	--sidebar-bkg-color: #333;
	--sidebar-hover-bkg-color: rgba(255, 255, 255, 0.05);
	--sidebar-selected-bkg-color: var(--action-color-faded);
	--sidebar-text-color: var(--text-color-main);
	--sidebar-hover-text-color: var(--sidebar-text-color);
	--sidebar-selected-text-color: var(--action-color-main);
	--sidebar-icon-color: var(--icon-action-color);
	--sidebar-sub-bkg-color: #272727;
	--sidebar-sub-hover-bkg-color: var(--sidebar-hover-bkg-color);
	--sidebar-sub-selected-bkg-color: var(--sidebar-selected-bkg-color);
	--sidebar-sub-text-color: var(--sidebar-text-color);
	--sidebar-sub-hover-text-color: var(--sidebar-hover-text-color);
	--sidebar-sub-selected-text-color: var(--sidebar-selected-text-color);
	--sidebar-border-color: #222;
	--sidebar-dotted-border-color: #777;
	--sidebar-border: 1px solid var(--sidebar-border-color);
	--sidebar-selected-border-color: transparent;
	--sidebar-sub-selected-border-color: var(--sidebar-selected-border-color);
	--sidebar-box-shadow-rgba: rgba(0, 0, 0, 1);
	--sidebar-box-shadow: 0 0 4px var(--sidebar-box-shadow-rgba);

	--header-bkg-image: none;
	--header-bkg-color: #000;
	--header-bkg-color-hover: #222;
	--header-border-color: rgba(255, 255, 255, 0.15);
	--header-border: 1px solid var(--header-border-color);
	--header-box-shadow: none;
	--header-text-color-h: 0;
	--header-text-color-s: 0%;
	--header-text-color-l: 67%;
	--header-text-color: hsl(var(--header-text-color-h), var(--header-text-color-s), var(--header-text-color-l));
	--header-selected-text-color: var(--header-text-color);
	--header-dropdown-background: var(--header-bkg-color);

	--page-title-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.85);
	--page-title-border-color: #444;

	--content-sidebar-background: #333;
	--content-sidebar-border: 1px solid rgba(255, 255, 255, 0.15);
	--content-sidebar-text-color: #ccc;
	--content-sidebar-text-faded: #666;

	--footer-background: #000;
	--footer-text-color: #666;
	--footer-border-color: rgba(255, 255, 255, 0.15);
	--footer-box-shadow: none;

	/* Overlays */
	--background-overlay-transparent: rgba(64, 64, 64, 0.6);
	--background-overlay-opaque: var(--background-color-main);
	--text-color-overlay: #999;

	/* Cards */
	--card-background: #333;
	--card-background-fade: #282828;
	--card-background-subtle: #303030;
	--card-border-color: rgba(255, 255, 255, 0.15);
	--card-border: 1px solid var(--card-border-color);
	--card-shadow-rgb: 0, 0, 0;
	--card-shadow: 0px 2px 4px 0px rgba(var(--card-shadow-rgb), 1);
	--card-shadow-no-bottom: 0px -2px 2px 0px rgba(var(--card-shadow-rgb), .5);
	--card-text: #ccc;
	--card-transparent: rgba(51, 51, 51, 0.25);

	/* Toolbar */
	--toolbar-text-color: #ccc;
	--toolbar-backround: linear-gradient(to bottom, #333, #242424);
	--toolbar-backround-hover: rgba(255, 255, 255, 0.035);
	--toolbar-border-color: rgba(255, 255, 255, 0.15);
	--toolbar-separator-border-color: rgba(0, 0, 0, 0.4);
	--toolbar-separator-outline-color: rgba(255, 255, 255, 0.1);

	/* Dropdown */
	--dropdown-background: #333;
	--dropdown-background-hover: #444;
	--dropdown-border: 1px solid rgba(255, 255, 255, 0.15);
	--dropdown-shadow-rgb: 0, 0, 0;
	--dropdown-shadow: 0px 2px 4px 0px rgba(var(--card-shadow-rgb), 1);
	--dropdown-text: #ccc;
	--dropdown-text-faded: #777;

	/* Buttons */
	--button-default-background: #888;
	--button-default-background-hover: #909090;
	--button-default-text: #fff;
	--button-subtle-background: #444;
	--button-subtle-background-hover: #555;
	--button-subtle-solid-text: var(--button-default-text);
	--button-subtle-solid-text-hover: var(--button-default-text);
	--button-shadow-rgb: 0, 0, 0;
	--button-shadow: 0 4px 6px 0px rgba(var(--button-shadow-rgb), 0.5);
	--button-focus-outline-color: #ccc;

	/* Dialogs */
	--dialog-background: #333;
	--dialog-background-secondary: #222;
	--dialog-border: 1px solid rgba(255, 255, 255, 0.15);
	--dialog-text: #ccc;
	--dialog-close-text: #666;
	--dialog-close-text-hover: #ccc;
	--dialog-box-shadow: 3px 3px 20px 10px #000, inset 0 0 0 1px rgba(255, 255, 255, 0.15);

	/* Tabs */
	--tab-border: 1px solid rgba(255, 255, 255, 0.1);
	--tab-background: #292929;
	--tab-text: #999;
	--tab-active-top-borde-color: #999;
	--tab-active-background: #111;
	--tab-active-text: #ccc;
	--tab-hover-background: #303030;
	--tab-hover-text: #aaa;
	
	/* Popups */
	--popup-background: #333;
	--popup-background-fade: #292929;
	--popup-background-secondary: #222;
	--popup-border: 1px solid rgba(255, 255, 255, 0.1);
	--popup-text: #ccc;
	--popup-close-text: #666;
	--popup-close-text-hover: #ccc;
	--popup-box-shadow: 0 0 30px 4px #000;
	--popup-tab-text: #aaa;
	--popup-tab-text-active: #ccc;
	--popup-tab-active-top-borde-color: #999;
	--popup-tab-hover-background: #303030;
	--popup-tab-hover-text-color: #aaa;
	--popup-tab-content-toolbar-border: 0 4px 2px -2px rgba(0, 0, 0, .25);
	--popup-overlay-transparent: rgba(0, 0, 0, 0.9);

	/* Floating popups */
	--float-popup-background: #333;
	--float-popup-border: 1px solid rgba(255, 255, 255, 0.1);
	--float-popup-text: #ccc;
	--float-popup-close-text: #666;
	--float-popup-close-text-hover: #ccc;
	--float-popup-box-shadow: 0 0 12px 0 #000;
	--float-popup-button-shadow: 4px 4px 8px 0 #000;

	/* Table */
	--table-background: #222;
	--table-border-color: rgba(255, 255, 255, 0.15);
	--table-inner-border-color: rgba(255, 255, 255, 0.075);
	--table-head-background: #333;
	--table-head-text-color: #ccc;
	--table-head-sorted-text-color: var(--action-color-main);
	--table-row-even-background: transparent;
	--table-row-odd-background: transparent;
	--table-row-text-color: #aaa;
	--table-row-highlight-background: var(--transparent-contrast-subtle);

	/* Forms */
	--form-control-background: #222;
	--form-control-text-rgb: 238, 238, 238;
	--form-control-text: rgb(var(--form-control-text-rgb));
	--form-control-border: 1px solid var(--border-color-main);
	--form-control-label-background: #141414;
	--form-control-label-text: #666;
	--form-control-placeholder-text: rgba(var(--form-control-text-rgb), 0.5);

	/* Calendar */
	--calendar-background: #222;
	--calendar-selected-background: var(--action-color-main);
	--calendar-now-background: #333;
	--calendar-hover: rgba(255, 255, 255, 0.15);
	--calendar-border: 1px solid var(--border-color-main);
	--calendar-shadow-rgb: 0, 0, 0;
	--calendar-shadow: 0 2px 4px 0px rgba(var(--card-shadow-rgb), 1);
	--calendar-text: #eee;
	--calendar-text-weekend: var(--palette-red);

	/* Notice */
	--notice-background: rgba(255, 255, 255, 0.05);
	--notice-text: rgba(255, 255, 255, 0.65);

	/* Tag */
	--tag-background: rgba(255, 255, 255, 0.075);
}