[data-theme=light] {
	color-scheme: light;
	--bg-color: #fff;
	--txt-color: #111;
	--grey-txt: #888;
	--light-bg: #EEE;
	--link-color: #0000CC;
	--link-active: #F00;
	--ws-connected-border:#0B0;
	--ws-disconnected-border:#D00;
	--error-msg-text:#F00;
	--error-msg-bg:#FFC;
	--error-msg-border:#A66;
	--error-msg-small:#A00;
	--success-msg-text:#030;
	--success-msg-bg:#AFA;
	--theme-shitcher-txt:#963;
	--theme-shitcher-hover:#CA8;
	--table-head-bg: #EEE;
	--table-border-color: #DDD;
	--button-color: #333;
	--button-border: #999;
	--button-bg: #CDD;
	--button-shadow: #D8D8D8;
	--button-activated:#AFA;
	--checkbox-bg:#EEF;
	--checkbox-border:#8AC;
	--checkbox-mark:#FFF;
	--checkbox-checked-bg:#6AA;
	--checkbox-checked-border:#488;
	--checkbox-checked-shadow:rgba(0, 122, 204, 0.3);
	--checkbox-focused-shadow:rgba(0, 122, 204, 0.2);
	--main_table_header_logo_opacity:1;
	--main_table_header_title-txt:#BBB;
	--main_table_header_title-shadow:#000;
	--main_table_header_clock:#CCC;
	--main_table_menu-border:#333;
	--main_table_menu-bg:#F8F8F8;
	--menu_title-bg:#DDD;
	--menu_title-txt:#111;
	--menu_item-txt:#00C;
	--menu_item-hover-txt:#F00;
	--menu_item-hover-bg:#EEE;
	--menu_item-selected-txt:#000;
	--menu_item-selected-bg:#CEC;
	--sortable_table_arrow_sort-txt:#000;
	--sortable_table_hover-bg:#DFD;
	--sortable_table_td_ok-bg:#DFD;
	--sortable_table_td_problem-bg:#FDD;
	--sortable_table_special-txt:#999;
	--page-numberator-current-bg:#EEE;
	--page-numberator-debug-1:#DEF;
	--page-numberator-debug-2:#FF9;
	--page-numberator-debug-3:#DFE;
	--page-numberator-info-txt:#999;
	--page-numberator-info-bg:#F4F4F4;
	--page-numberator-info-limit:#090;
	--game-icon-txt:#000;
	--game-icon-shadow:#FFB;
	--combo-preview-border:#666;
	--combo-preview-bg:#FFE;
	--combo-preview-txt:#111;
	--combo-preview-highlighted-line-txt:#000;
	--combo-preview-highlighted-line-bg:#BDB;
	--combo-preview-header-bg:#EED;
	--combo-preview-header-txt:#111;
	--combo-preview-title-link:#BBA;
	--combo-preview-title-close-txt:#A00;
	--combo-preview-title-page-number-bg:#DDA;
	--transaction-popup-bg:#FFE;
	--transaction-popup-txt:#111;
	--transaction-popup-border:#AAA;
	--transaction-popup-scrollbar:#FFE;
	--chart-tooltip-wnd-bg:#FFC;
	--chart-tooltip-wnd-txt:#000;
	--chart-tooltip-wnd-shadow:#CCC;
	--chart-tooltip-wnd-border:#AA6;
}

[data-theme=dark] {
	color-scheme: dark;
	--bg-color: #000;
	--txt-color: #ccc;
	--grey-txt: #999;
	--light-bg: #181818;
	--link-color: #6AD;
	--link-active: #FAA;
	--ws-connected-border:#090;
	--ws-disconnected-border:#A00;
	--error-msg-text:#FFF;
	--error-msg-bg:#800;
	--error-msg-border:#966;
	--error-msg-small:#FFF;
	--success-msg-text:#BDB;
	--success-msg-bg:#050;
	--theme-shitcher-txt:#AA8;
	--theme-shitcher-hover:#FF8;
	--table-head-bg: #222;
	--table-border-color: #444;
	--button-color: #EEE;
	--button-border: #666;
	--button-bg: #248;
	--button-shadow: #222;
	--button-activated:#262;
	--checkbox-bg:#024;
	--checkbox-border:#469;
	--checkbox-mark:#FFF;
	--checkbox-checked-bg:#06a;
	--checkbox-checked-border:#08c;
	--checkbox-checked-shadow:rgba(0, 122, 204, 0.3);
	--checkbox-focused-shadow:rgba(0, 122, 204, 0.2);
	--main_table_header_logo_opacity:0.6;
	--main_table_header_title-txt:#CCC;
	--main_table_header_title-shadow:#000;
	--main_table_header_clock:#DDD;
	--main_table_menu-border:#444;
	--main_table_menu-bg:#111;
	--menu_title-bg:#333;
	--menu_title-txt:#DDD;
	--menu_item-txt:#AAA;
	--menu_item-hover-txt:#FCC;
	--menu_item-hover-bg:#222;
	--menu_item-selected-txt:#EED;
	--menu_item-selected-bg:#353;
	--sortable_table_arrow_sort-txt:#CCC;
	--sortable_table_hover-bg:#232;
	--sortable_table_td_ok-bg:#131;
	--sortable_table_td_problem-bg:#412;
	--sortable_table_special-txt:#AAA;
	--page-numberator-current-bg:#333;
	--page-numberator-debug-1:#242;
	--page-numberator-debug-2:#422;
	--page-numberator-debug-3:#224;
	--page-numberator-info-txt:#AAA;
	--page-numberator-info-bg:#222;
	--page-numberator-info-limit:#282;
	--game-icon-txt:#000;
	--game-icon-shadow:#FFB;
	--combo-preview-border:#999;
	--combo-preview-bg:#333;
	--combo-preview-txt:#DDD;
	--combo-preview-highlighted-line-txt:#DDD;
	--combo-preview-highlighted-line-bg:#142;
	--combo-preview-header-bg:#453;
	--combo-preview-header-txt:#DDD;
	--combo-preview-title-link:#99A;
	--combo-preview-title-close-txt:#FFF;
	--combo-preview-title-page-number-bg:#664;
	--transaction-popup-bg:#222;
	--transaction-popup-txt:#DDD;
	--transaction-popup-border:#666;
	--transaction-popup-scrollbar:#777;
	--chart-tooltip-wnd-bg:#330;
	--chart-tooltip-wnd-txt:#DDD;
	--chart-tooltip-wnd-shadow:#220;
	--chart-tooltip-wnd-border:#662;
}

body { border-top:2px var(--bg-color) solid; margin:0px; padding:0 5% 0 5%; color:var(--txt-color); background:#000;}
table {border-color:var(--table-border-color);}
/* buttons */
button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"] { border: 1px solid var(--button-border); border-radius:4px; background-color: var(--button-bg); color: var(--button-color); padding: 4px 8px; box-shadow: 2px 2px 1px var(--button-shadow); margin-top:4px;}
.button[aria-disabled="true"], input:disabled, textarea:disabled, select:disabled, button[disabled] { cursor: not-allowed;}
/* checkbox & radio*/
label { position:relative; display:inline-flex; align-items:center; cursor:pointer; margin:6px; user-select:none; font-size:16px; line-height:1.4; }
input[type="checkbox"], input[type="radio"] { opacity:0; position:absolute; width:0; height:0; }
label:has(input[type="checkbox"])::before,
input[type="checkbox"] + label::before { content:''; width:1.2em; height:1.2em; background-color:var(--checkbox-bg); border:2px solid var(--checkbox-border); border-radius:6px; margin-right:6px; position:relative; transition:all 0.3s ease; flex-shrink:0; display:inline-block; }
label:has(input[type="checkbox"])::after, input[type="checkbox"] + label::after { content:''; position:absolute; left:8px; top:3px; width:6px; height:12px; border:solid var(--checkbox-mark); border-width:0 2px 2px 0; transform:rotate(45deg); opacity:0; transition:opacity 0.2s ease; pointer-events:none; }
label:has(input[type="radio"])::before, input[type="radio"] + label::before { content:''; width:18px; height:18px; background-color:var(--checkbox-bg); border:2px solid var(--checkbox-border); border-radius:50%; margin-right:6px; position:relative; transition:all 0.3s ease; flex-shrink:0; display:inline-block; }
label:has(input[type="radio"])::after, input[type="radio"] + label::after { content:''; position:absolute; left:6px; top:6px; width:10px; height:10px; background-color:var(--checkbox-mark); border-radius:50%; opacity:0; transition:all 0.2s ease; transform:scale(0); pointer-events: none; }
label:hover::before {transform: scale(1.1);}
label:has(input[type="checkbox"]:checked)::before, input[type="checkbox"]:checked + label::before { background-color:var(--checkbox-checked-bg); border-color:var(--checkbox-checked-border); box-shadow:0 0 10px var(--checkbox-checked-shadow); }
label:has(input[type="checkbox"]:checked)::after, input[type="checkbox"]:checked + label::after { opacity: 1; }
label:has(input[type="radio"]:checked)::before, input[type="radio"]:checked + label::before { background-color:var(--checkbox-checked-bg); border-color:var(--checkbox-checked-border); box-shadow:0 0 10px var(--checkbox-checked-shadow); }
label:has(input[type="radio"]:checked)::after, input[type="radio"]:checked + label::after { opacity: 1; transform: scale(1); }
input[type="checkbox"]:focus + label::before,
input[type="radio"]:focus + label::before,
label:has(input:focus)::before { outline:none; box-shadow:0 0 0 3px var(--checkbox-focused-shadow); }
/* other */
.theme-shitcher-icon { text-decoration:none; font-size:1.4em; font-weight:bold; padding:0 8px 0 32px; color:var(--theme-shitcher-txt); cursor:pointer; }
.theme-shitcher-icon:hover { color:var(--theme-shitcher-hover); }
.error {background:var(--error-msg-bg); color:var(--error-msg-text);}
.success {background:var(--success-msg-bg); color:var(--success-msg-text);}
.authentication-table-container { color:var(--txt-color); background:var(--bg-color); }
#main_table {background:var(--bg-color); border-left:1px var(--main_table_menu-border) solid; border-right:1px var(--main_table_menu-border) dotted; }
#main_table_header {background-image:url(/projects/jgame/backoffice/gfx/top.jpg); height:60px; opacity:var(--main_table_header_logo_opacity); }
#main_table_menu_main {border-top:1px var(--main_table_menu-border) dotted; border-right:1px var(--main_table_menu-border) dashed; }
#main_table_header_logo {min-width:140px; cursor:pointer; vertical-align:top;}
#main_table_header_title {color:var(--main_table_header_title-txt); font-size:2em; padding-left:20px; text-shadow: 2px 2px 5px var(--main_table_header_title-shadow); vertical-align:middle;}
#main_table_header_error {width:30%; margin:12px; }
#main_table_header_error div { color:var(--error-msg-text); background:var(--error-msg-bg); padding:3px 8px 3px 8px; font-weight:bold; border:1px color(--error-msg-border) solid; border-radius:6px; }
#main_table_header_error div span { color:var(--error-msg-small); }
#main_table_header_theme_switch {width:80px; text-align:left;}
#main_table_header_clock { width:120px; color:var(--main_table_header_clock); font-size:2em; margin-right:16px; text-align:center; }
#main_table_header_right2 {vertical-align:middle;}
#main_table_menu {padding:0 6px 0 6px; margin-bottom:240px; background:var(--main_table_menu-bg); }
.menu_title {font-weight:bold; background:var(--menu_title-bg); color:var(--menu_title-txt); }
.menu_title td {padding:4px; }
.menu_item_regular td {padding-left:4px; }
.menu_item_regular:hover {background:var(--menu_item-hover-bg);}
.menu_item {color:var(--menu_item-txt); cursor:pointer; margin-left:2px; }
.menu_item:hover {color:var(--menu_item-hover-txt); text-decoration:none;}
.sortable_table_header {font-weight:bold; background:var(--table-head-bg);}
.sortable_table_arrow_sort {margin-left:2px; color:var(--sortable_table_arrow_sort-txt);}
.sortable_table_header_td {cursor:pointer;}
.sortable_table_td_ok {background:var(--sortable_table_td_ok-bg);}
.sortable_table_td_problem {background:var(--sortable_table_td_problem-bg);}
.sortable_table_special {color:var(--sortable_table_special-txt); text-decoration:italic;}
.sortable_table td {white-space: pre;}
.filter_table {margin-bottom:10px;}
a, .L { color: var(--link-color); text-decoration: none; cursor:pointer; }
a:hover, .L:hover { color:var(--link-active); text-decoration: underline; }
.b {font-weight:bold;}
.th { font-weight:bold; background:var(--table-head-bg); }
.narrow {width:2px; height:32px; display:inline-block;}
#placeholder_main {padding:8px; border-top:1px var(--main_table_menu-border) dotted; }
#placeholder_game_list {padding:8px; background-color:var(--light-bg);}
#placeholder_server_version { font-size:0.9em; color:var(--button-bg); text-align:center; margin-top:40px; }
.game_icon {background:var(--table-head-color); overflow:hidden; text-align:center; font-weight:bold; display:inline-block;}
.game_icon span {position:relative; top:7px; font-size:1.1em; text-shadow: -2px -2px 0 var(--game-icon-shadow), 2px -2px 0 var(--game-icon-shadow), -2px 2px 0 var(--game-icon-shadow), 2px 2px 0 var(--game-icon-shadow); color:var(--game-icon-txt); }
.game_icon sup {font-size:1.1em; text-shadow: -2px -2px 0 var(--game-icon-shadow), 2px -2px 0 var(--game-icon-shadow), -2px 2px 0 var(--game-icon-shadow), 2px 2px 0 var(--game-icon-shadow); font-weight:bold; color:var(--game-icon-txt); }
.game_icon_none:hover {background:var(--light-bg); }
.combo-preview { border:2px var(--combo-preview-border) solid; background:var(--combo-preview-bg); color:var(--combo-preview-txt); } 
.combo-preview-title { background:var(--combo-preview-header-bg); color:var(--combo-preview-header-txt); text-align:center; padding:2px 2px 12px 2px; }
.combo-preview-title-link-left { color:var(--combo-preview-title-link); font-size:1.2em; float:left; padding:4px; cursor:pointer; }
.combo-preview-title-link-right { color:var(--combo-preview-title-link); font-size:1.2em; float:right; padding:4px; cursor:pointer; }
.combo-preview-title-close { color:var(--combo-preview-title-close-txt); cursor:pointer; }
.combo-preview-title-page-number { background:var(--combo-preview-title-page-number-bg); font-weight:bold; }
.transaction-popup { background:var(--transaction-popup-bg); color:var(--transaction-popup-txt); border:8px var(--transaction-popup-border) solid; scrollbar-color:var(--transaction-popup-scrollbar); padding:8px; overflow:scroll; position:absolute; display:block; width:300px; height:200px; }
#chart-tooltip-wnd { position:absolute; display:inline-block; background:var(--chart-tooltip-wnd-bg); color:var(--chart-tooltip-wnd-txt); border:1px var(--chart-tooltip-wnd-border) solid; border-radius:4px; padding:4px; font-size:0.7em; font-family:monospace; -webkit-filter:drop-shadow(4px 4px 4px var(--chart-tooltip-wnd-shadow)); filter: drop-shadow(4px 4px 4px var(--chart-tooltip-wnd-shadow)); }
#chart-debug-msg { background:var(--light-bg); border:1px var(--transaction-popup-border) solid; color:var(--txt-color); border-radius:8px; padding:4px; font-family:monospace; margin-bottom:10px; }
.ct-chart { background-color:var(--bg-color); color:var(--txt-color); }
.ct-grid { stroke:var(--grey-txt); }
.ct-label { color:var(--grey-txt); }