@CHARSET "UTF-8";

:root {
	--BACKGROUND-SHADE-RGB: 0, 0, 0;
	--CONTRAST-SHADE-RGB: 255, 255, 255;
	--FOREGROUND-CONTRAST-SHADE-RGB: 0, 0, 0;
	--TEXT-COLOR-RGB: 50, 50, 50;
	--TEXT-COLOR: rgb( var( --TEXT-COLOR-RGB ) );
	--COLOR-TEXT-L: 30%;
	--COLOR-TEXT-S: 90%;
	--HIGHLIGHT-SHADE-RGB: 0, 120, 255;
	--HIGHLIGHT-SHADE: rgb( var( --HIGHLIGHT-SHADE-RGB ) );
	--HIGHLIGHT-SHADE-DECENT-RGB: 0, 80, 170;
	--HIGHLIGHT-SHADE-DECENT: rgb( var( --HIGHLIGHT-SHADE-DECENT-RGB ) );
	--HIGHLIGHT-CONTRAST-SHADE-RGB: var( --FOREGROUND-CONTRAST-SHADE-RGB );
	--HIGHLIGHT-SHADE-TEXT-COLOR-RGB: 255, 255, 255;
	--HIGHLIGHT-SHADE-TEXT-COLOR: rgb( var( --HIGHLIGHT-SHADE-TEXT-COLOR-RGB ) );
	--HIGHLIGHT-SHADE-HIGHLIGHT-RGB: 50, 170, 255;
	--HIGHLIGHT-SHADE-HIGHLIGHT: rgb( var( --HIGHLIGHT-SHADE-HIGHLIGHT-RGB ) );

	--SPECIAL-SHADE-LOW-RGB: var( --HIGHLIGHT-SHADE-DECENT-RGB );
	--SPECIAL-SHADE-DECENT-RGB: var( --HIGHLIGHT-SHADE-DECENT-RGB );
	--SPECIAL-SHADE-RGB: var( --HIGHLIGHT-SHADE-RGB );
	--SPECIAL-SHADE-HIGHLIGHT-RGB: var( --HIGHLIGHT-SHADE-RGB );

	--SUCCESS-COLOR-RGB: 50, 255, 50;
	--SUCCESS-COLOR: rgb( var( --SUCCESS-COLOR-RGB ) );
	--HIGHLIGHT-SUCCESS-SHADE-RGB: 0, 130, 0;

	--WARN-COLOR-RGB: 255, 100, 0;
	--WARN-COLOR: rgb( var( --WARN-COLOR-RGB ) );
	--HIGHLIGHT-WARN-SHADE-RGB: 255, 130, 0;
	--HIGHLIGHT-WARN-SHADE: rgb( var( --HIGHLIGHT-WARN-SHADE-RGB ) );
	--HIGHLIGHT-EXCEPTIONAL-VALUE-SHADE-RGB: 230, 100, 80;

	--ERROR-COLOR-RGB: 255, 0, 0;
	--ERROR-COLOR: rgb( var( --ERROR-COLOR-RGB ) );
	--HIGHLIGHT-ERROR-SHADE-RGB: 200, 0, 0;


	--PANEL-SHADE-RGB: 255, 255, 255;
	--PANEL-EMPHASIZE-SHADE-RGB: 0, 0, 0;
	--PANEL-EMPHASIZE-SHADE: rgba( var( --PANEL-EMPHASIZE-SHADE-RGB ), 0.1 );
	--PANEL-SHADE-IMPORTANT: rgba( var( --PANEL-SHADE-RGB ), 0.1 );
	--PANEL-SHADE-DEFAULT: rgba( var( --PANEL-SHADE-RGB ), 0.05 );
	--SECTION-TITLE-BORDER-BOTTOM-COLOR: rgba( var( --PANEL-EMPHASIZE-SHADE-RGB ), 0.3 );

	--BUTTON-TEXT-COLOR-RGB: var( --HIGHLIGHT-SHADE-TEXT-COLOR-RGB );
	--BUTTON-TEXT-COLOR: rgb( var( --BUTTON-TEXT-COLOR-RGB ) );
	--BUTTON-TEXT-DECENT-COLOR-RGB: var( --BUTTON-TEXT-COLOR-RGB );
	--BUTTON-TEXT-DECENT-COLOR: rgb( var( --BUTTON-TEXT-DECENT-COLOR-RGB ) );
	--BUTTON-SEPARATION-SHADE: rgba( var( --PANEL-EMPHASIZE-SHADE-RGB ), 0.3 );

	--ICON-BASE-RGB: var( --TEXT-COLOR-RGB );
	--ICON-BASE-ON-HIGHLIGHT-RGB: var( --FOREGROUND-CONTRAST-SHADE-RGB );
	--ICON-FUNCTION-SHAPE-RGB: var( --ICON-BASE-RGB );
	--ICON-BASE-SHAPE-RGB: var( --ICON-BASE-RGB );
	--ICON-HIGHLIGHT-SHAPE-RGB: var( --HIGHLIGHT-SHADE-RGB );
	--ICON-ON-HIGHLIGHT-BACKGROUND-FILTER: none;

	--ICON-CREATE-FUNCTION-SHAPE-RGB: 255, 217, 187;
	--ICON-OK-SHAPE-RGB: 70, 160, 70;
	--ICON-CANCEL-SHAPE-RGB: 255, 80, 0;
	--ICON-WARNING-SHAPE-RGB: 255, 80, 0;
	--ICON-DISABLED-SHAPE-OPACITY: 0.3;
	--ICON-DISABLED-SHAPE-SHADE-OPACITY: 0.1;

	--ICON-CONTRAST-RGB: var( --FOREGROUND-CONTRAST-SHADE-RGB );
	--ICON-CONTRAST-ON-HIGHLIGHT-RGB: var( --FOREGROUND-CONTRAST-SHADE-RGB );
	--ICON-FUNCTION-CONTRAST-RGB: var( --ICON-CONTRAST-RGB );
	--ICON-FUNCTION-CONTRAST-STROKE-ALPHA: 0.6;

	--ICON-SHAPE-L: 75%;
	--ICON-ON-HIGHLIGHT-SHAPE-L: 75%;
	--ICON-SHAPE-S: 100%;
	--ICON-ON-HIGHLIGHT-SHAPE-S: 100%;
	--ICON-DARK-SHAPE-L: 40%;
	--ICON-ON-HIGHLIGHT-DARK-SHAPE-L: 30%;
	--ICON-DARK-SHAPE-S: 50%;
	--ICON-ON-HIGHLIGHT-DARK-SHAPE-S: 30%;

	--ICON-RED-SHAPE-HUE: 0;
	--ICON-ORANGE-SHAPE-HUE: 30;
	--ICON-YELLOW-SHAPE-HUE: 60;
	--ICON-GREEN-SHAPE-HUE: 120;
	--ICON-CYAN-SHAPE-HUE: 180;
	--ICON-BLUE-SHAPE-HUE: 212;
	--ICON-PINK-SHAPE-HUE: 300;

	--OVERLAY-CURTAIN-BACKGROUND: rgba( 40, 40, 40, 0.90 );
	--OVERLAY-BACKGROUND: rgba( 80, 80, 80, 0.98 );
	--OVERLAY-HEADER-BACKGROUND: rgba( 0, 0, 0, 0.03 );
	--OVERLAY-HEAVY-BACKGROUND: rgba( 60, 60, 60, 0.98 );
	--OVERLAY-EDITOR-BACKGROUND: rgba( 40, 40, 40, 1 );
	--OVERLAY-BORDER: 1px solid rgba( 0, 0, 0, 0.3 );
	--OVERLAY-SEPARATION-BORDER: 4px solid rgba( 0, 0, 0, 0.3 );
	--OVERLAY-SHADOW:
			8px 3px 0px rgba(0, 0, 0, 0.03),
			3px 7px 0px rgba(0, 0, 0, 0.05),
			1px 1px 4px rgba(0, 0, 0, 0.20);
	--SEMI-MODAL-OVERLAY-BACKGROUND: rgba( 70, 70, 70, 0.98 );

	--EDITORS-TAB-HEAD-BACKGROUND: rgba( 0, 0, 0, 0.05 );
	--EDITORS-EXPANDED-TAB-BACKGROUND: rgba( var( --PANEL-SHADE-RGB ), 0.06 );
	--EDITORS-INACTIVE-TAB-BACKGROUND: rgba( var( --PANEL-SHADE-RGB ), 0.02 );

	--LAYOUT-PANE-RESIZER-BACKGROUND: rgba( 0, 0, 0, 0.2 );
	--LAYOUT-PANE-FLOATING-BACKGROUND: rgba( 45, 45, 45, 0.9 );

	--INPUT-ERROR-COLOR-RGB: 200, 0, 0;
	--INPUT-BORDER-COLOR: rgba( 255, 255, 255, 0.2 );
	--INPUT-SHADOW: 1px 1px 5px rgba( 0, 0, 0, 0.1 ) inset;
	--INPUT-BACKGROUND-RGB: var( --PANEL-EMPHASIZE-SHADE-RGB );
	--INPUT-BACKGROUND: rgba( var( --INPUT-BACKGROUND-RGB ), 0.20 );
	--INPUT-BACKGROUND-MODIFIED: rgba( var( --INPUT-BACKGROUND-RGB ), 0.20 );
	--INPUT-DISABLED-BACKGROUND: rgba( var( --INPUT-BACKGROUND-RGB ), 0.05 );
	--INPUT-FOCUS-OUTLINE: 2px solid rgba( var( --HIGHLIGHT-SHADE-RGB ), 0.9 );
	--INPUT-FOCUS-OUTLINE-OFFSET: -2px;
	--INPUT-FOCUS-ERROR-OUTLINE: 2px solid rgba( var( --INPUT-ERROR-COLOR-RGB ), 0.9 );
	--INPUT-FOCUS-SELECTED-OUTLINE: 1px dotted rgba( var( --TEXT-COLOR-RGB ), 0.9 );
	--INPUT-FOCUS-SELECTED-OUTLINE-OFFSET: -3px;

	--INPUT-DRAGGABLE-HOVERING-BACKGROUND: rgba(255, 130, 0, 0.3);

	--ATTRIBUTE-MODIFIED-BACKGROUND: rgba( var( --HIGHLIGHT-SHADE-DECENT-RGB ), 0.2 );
	--ATTRIBUTE-VALIDATION-WARNING-BACKGROUND: rgba( 200, 50, 0, 0.3 );
	--ATTRIBUTE-MODIFIED-DIRTY-BACKGROUND: rgba( 200, 50, 0, 0.1 );
	--ATTRIBUTE-COMPARING-BACKGROUND: rgba( var( --HIGHLIGHT-SUCCESS-SHADE-RGB ), 0.1 );
	--ATTRIBUTE-COMPARING-DIFFERENT-BACKGROUND: rgba( var( --HIGHLIGHT-EXCEPTIONAL-VALUE-SHADE-RGB ), 0.1 );
	--ATTRIBUTE-INITIAL-BACKGROUND: rgba( 80, 0, 0, 0.2 );
	--ATTRIBUTE-VALIDATION-ERROR-BACKGROUND: rgba( 100, 0, 0, 0.5 );

	--LOGIN-PANEL-BACKGROUND: rgba( 50, 60, 70, 0.9 );
	--LOGIN-PANEL-SHADOW:
			-7px 4px 0px rgba( 0, 0, 0, 0.07 ),
			10px 9px 0px rgba( 0, 0, 0, 0.07 ),
			2px 12px 0px rgba( 0, 0, 0, 0.07 );
	--LOGIN-BUTTON-SPINNER-SHADOW-RGB: 34, 76, 123;
	--LOGIN-PRIMARY-BUTTON-BACKGROUND: rgba( var( --HIGHLIGHT-SHADE-RGB ), 0.6 );
	--LOGIN-BUTTON-BACKGROUND: rgba( var( --HIGHLIGHT-SHADE-RGB ), 0.3 );
	--LOGIN-BUTTON-HOVER-BACKGROUND: var( --HIGHLIGHT-SHADE );
	--LOGIN-BUTTON-TEXT-COLOR: var( --HIGHLIGHT-SHADE-TEXT-COLOR );

	--CORPORATE-SHADOW:
			0px -17px 20px -20px rgba( 0, 0, 0, 0.3 ) inset,
			0px 20px 20px -20px rgba( 0, 0, 0, 0.3 ) inset;
	--CORPORATE-BACKGROUND: rgba( 20, 30, 40, 0.6 );

	--SPINNER-SHADE-BACKGROUND: rgba( 70, 70, 70, 0.3 );
	--SPINNER-SHADE-SHADOW: 0px 0px 8px 3px rgba( 70, 70, 70, 0.4 );
	--SPINNER-COLOR-RGB: 255, 255, 255;

	--OUTLINE-SHADOW: -1px -1px 0 rgba( var( --FOREGROUND-CONTRAST-SHADE-RGB ), 0.1 ) inset;
	--SEARCH-OUTLINE-SHADOW: -1px -1px 0px rgba( var( --PANEL-EMPHASIZE-SHADE-RGB ), 0.2 ) inset;

	--TABLE-SHADE-RGB: 0, 0, 0;
	--TABLE-HEADER-BACKGROUND: rgb( 80, 80, 80 );
	--TABLE-HEADER-BORDER-COLOR: rgba( var( --TABLE-SHADE-RGB ), 0.3 );
	--TABLE-HEADER-BORDER-RESIZE-COLOR: rgba( 255, 255, 255, 0.5 );
	--TABLE-ROW-BORDER-COLOR: rgba( var( --TABLE-SHADE-RGB ), 0.3 );
	--TABLE-ROW-EVEN-BACKGROUND: rgba( var( --TABLE-SHADE-RGB ), 0.08 );
	--TABLE-ROW-ODD-BACKGROUND: rgba( var( --TABLE-SHADE-RGB ), 0.16 );
	--TABLE-COLUMN-BORDER-COLOR: rgba( var( --TABLE-SHADE-RGB ), 0.15 );
	--TABLE-LINE-NUMBER-BORDER-COLOR: rgba( var( --TABLE-SHADE-RGB ), 0.4 );
	--TABLE-LINE-NUMBER-BACKGROUND: rgba( var( --PANEL-SHADE-RGB ), 0.1 );
	--TABLE-UNDEFINED-CELL-BACKGROUND-COLOR: rgba( var( --PANEL-EMPHASIZE-SHADE-RGB ), 0.2 );
	--TABLE-UNDEFINED-CELL-PATTERN-COLOR-RGB: 255, 255, 255;

	--ACTION-SPAN-BACKGROUND: rgba( var( --PANEL-SHADE-RGB ), 0.1 );
	--ACTION-SPAN-TEXT-COLOR-RGB: var( --TEXT-COLOR-RGB );
	--ACTION-SPAN-HOVER-BACKGROUND: rgba( 200, 0, 0, 1 );
	--ACTION-SPAN-HOVER-TEXT-COLOR-RGB: var( --HIGHLIGHT-SHADE-TEXT-COLOR-RGB );
	--ACTION-SPAN-HOVER-SHADOW: 0px 0px 4px rgba( 255, 0, 0, 0.4 );

	--NOTIFICATION-OVERLAY-BACKGROUND: var( --OVERLAY-BACKGROUND );
	--NOTIFICATION-OVERLAY-INFO-TITLE-COLOR: rgb( 0, 200, 0 );
	--NOTIFICATION-OVERLAY-INFO-BACKGROUND: rgba( 20, 50, 20, 0.98 );
	--NOTIFICATION-OVERLAY-WARNING-TITLE-COLOR: rgb( 255, 180, 0 );
	--NOTIFICATION-OVERLAY-WARNING-BACKGROUND: rgba( 50, 40, 20, 0.98 );
	--NOTIFICATION-OVERLAY-ERROR-TITLE-COLOR: rgb( 255, 100, 0 );
	--NOTIFICATION-OVERLAY-ERROR-BACKGROUND: rgba( 80, 50, 50, 0.98 );
	--NOTIFICATION-OVERLAY-EXCEPTION-TITLE-COLOR: rgb( 255, 0, 0 );
	--NOTIFICATION-OVERLAY-EXCEPTION-BACKGROUND: rgba( 80, 50, 50, 0.98 );

	--MENU-SEPARATION-BORDER-COLOR: rgba( 45, 45, 45, 0.8 );

}