:root {
	--clickable-default: #4A90E2;
	--clickable-alt: #00A000;
	--clickable-cancel: #C00000;
	--background-popup: #D5E5F5;
	--border-popup: #0071A2;
	--status-on: #00A000;
	--status-pending: #DDD000;
	--status-notify: #C00000;
	--status-canceled: #888888;
	--status-closed: #888888;
	--status-expired: #C00000;
	--text: #333333;
	--text-pale: #888888;
	--textbox: #FFFFFF;
	--background-pale: #F3F3F3;
	--background-medium: #DDDDDD;
	--background: #FFFFFF;
	--background-app: #DDDDDD;
	--gradient: #E8E8E8;
	--status-off: var(--clickable-default);
	--button-color: var(--clickable-default);
	--button-color-alt: var(--clickable-alt);
	--button-color-back: var(--status-pending);
	--button-color-cancel: var(--clickable-cancel);
	--checkbox21-color: var(--clickable-default);
	--checkbox21-label-color: var(--text);
	--checkbox21-disabled: var(--text-pale);
	--error-color: var(--status-notify);
	--notify-color: var(--status-notify);
	--notify-color-on: var(--status-on);
	--radio21-color: var(--text);
	--radio21-disabled: var(--text);
	--input-border: var(--text-pale);
	--focus-color: #FFAA00;
	--focus-indicator: drop-shadow(0 0 4px #FFAA00);
	--tab-size: 2.35rem;
	--tab-size-list: 1.39rem;
	--tab-size-min: 60px;
	--tab-size-min-list: 24px;
	--box-padding: 0.75rem 0.75rem;
	/*--box-shadow-base: rgb(0,0,0) 0px 2px 10px 0px, 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
	/*--box-shadow-base-notify: rgb(192,0,0) 0px 2px 10px 0px, 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
	--box-shadow-button: rgba(255,255,255,0.3) 0px 1px 0px 0px inset,rgba(255,255,255,0.2) 0px 16px 0px 0px inset,rgba(255,255,255,0.25) 0px 10px 20px 0px inset,rgba(0,0,0,0.3) 0px -15px 30px 0px inset;
	/*--box-shadow-normal: 0px 25px 34px -9px rgba(50,50,93,0.25), 0px 44px 60px -32px rgba(0,0,0,0.3), 0px -2px 7px 0px rgba(51,51,51,1) inset;*/
	--box-shadow-normal: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	/*--box-shadow-active: 0px 25px 34px -9px rgba(50,50,93,0.25), 0px 44px 60px -32px rgba(0,0,0,0.3), 0px -2px 7px 0px rgba(74,144,226,1) inset;*/
	/*--box-shadow-active: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);*/
	--box-shadow-active: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px rgba(74,144,226,1);
	/*--box-shadow-complete: 0px 25px 34px -9px rgba(50,50,93,0.25), 0px 44px 60px -32px rgba(0,0,0,0.3), 0px -2px 7px 0px rgba(0,160,0,1) inset;*/
	--box-shadow-complete: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px rgba(0,160,0,1);
	/*--box-shadow-notify: 0px 25px 34px -9px rgba(50,50,93,0.25), 0px 44px 60px -32px rgba(0,0,0,0.3), 0px -2px 7px 0px rgba(192,0,0,1) inset;*/
	--box-shadow-notify: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px rgba(192,0,0,1);
	--box-shadow-edit: 0 0 6px 0 rgba(51,51,51,0.45) inset;
	--box-shadow-invalid: 0 0 6px 0 rgba(192,0,0,0.45) inset;
	/*--box-shadow-invalid: drop-shadow(0 0 4px var(--notify-color));*/
	/*--box-shadow-edit: 3px 3px 7px 0px rgba(51,51,51,0.5) inset;
	--box-shadow-invalid: 3px 3px 7px 0px rgba(192,0,0,0.5) inset;*/
}