:root {
	--bordColor:#e7e7e7;
	--shadCol:gray;
	--btnBackCol:#36a9ef;
	--btnTextCol:snow;
	--btnBackColHover:#0073ea;
	--btnTextColHover:snow;
	--backCol:#fff;
	--textCol:#000;
	--headBackCol:#333;
	--headTextCol:snow;
	--fontSize:16px;
	--fontSizeSec:14px;
	--alertColor:snow;
	--alertBackColor:#ce3030;
	--errColor:#000;
	--errBackColor:#ececec;
	--dialogBgCol:#fff;
	--dialogFgCol:#111;
	--menuBackCol:#f7f7f7;
	--wheelColMaj:rgba(0, 115, 234, 0.2);
	--wheelColMin:rgba(0, 115, 234, 0.9);
	--disabledTextCol:#aaa;
	--disabledBackCol:#e7e7e7;
	--disabledBtnBackCol:#fff;
	--disabledBtnTextCol:#d0d0d0;
	--disabledBtnBordCol:#d7d7d7;
	--homeIconSize:24px;
	--backColTrans:rgba(255, 255, 255, 0.9);
	--backColCode: wheat;
}

html, body {margin:0; padding:0; height:auto; color:var(--textCol); font-size:var(--fontSize); font-family:sans-serif;}
html {background-color:var(--headBackCol);}
body {background-color:var(--backCol);}

#page {position:relative; height:auto;}
#page div.page-overlay {position:absolute; display:none; top:0; right:0; bottom:0; left:0; z-index:1000;}
#page #page-overlay {background-color:rgba(255,255,255,0.5); z-index:5000;}
#page #page-overlay #alert-dlg,
#page #page-overlay #confirm-dlg,
#page #page-overlay #yesno-dlg {position:absolute; top:25%; left:0px; right:0px; text-align:center; display:none;}
#page.alert #page-overlay, #page.alert #page-overlay #alert-dlg,
#page.confirm #page-overlay, #page.confirm #page-overlay #confirm-dlg,
#page.yesno #page-overlay, #page.yesno #page-overlay #yesno-dlg {display:block;}
#page div.frame-dlg {position:relative; text-align:left; background-color:var(--dialogBgCol); color:var(--dialogFgCol); border:1px solid #ddd; box-shadow:10px 10px 30px gray; min-width:300px; min-height:160px; display:inline-block; max-width:50%; border-radius:8px;}
#page div.frame-dlg div.panel-dlg-main {padding:0 32px; margin:32px 0 60px; overflow:hidden auto; max-height:160px;}
#page div.frame-dlg div.panel-dlg-main div.msg {line-height:150%; white-space:pre-line;}
#page div.frame-dlg div.panel-dlg-btns {position:absolute; left:0px; bottom:0px; right:0px; text-align:right; padding:12px;}
#page div.frame-dlg div.panel-dlg-btns button {margin-left:8px;}
#page div.frame-dlg div.btn-close {position:absolute; top:12px; right:12px; opacity:0.75; transition:0.2s ease opacity;}
#page div.frame-dlg div.btn-close:hover {cursor:pointer; opacity:1;}

#page #content-overlay.active {display:flex; align-items: center;}

#head_bar {position:fixed; background-color:var(--headBackCol); color:var(--headTextCol); width:100%; height:28px; padding:8px; font-size:22px; z-index:1;}
#head_bar .head_logo {background-image:url("../img/Ajaris-stats.png"); background-repeat:no-repeat; width:24px; height:24px; display:inline-block; background-size:contain; margin-right:10px; vertical-align:text-top;}
#head_bar .head_menu_btn {position:absolute; top:10px; right:32px; width:16px; height:16px; background-color:var(--backCol); border-radius:3px; background-image:url('../img/3-dots.svg'); padding:4px; background-size:16px; background-position:center; background-repeat:no-repeat;}
#head_bar .head_menu_btn .head_menu {position:absolute; top:0px; right:0px; width:240px; height:auto; background-color:var(--backCol); border-radius:3px; display:none; overflow:hidden; border:2px solid var(--bordColor); font-size:var(--fontSize);}
#head_bar .head_menu_btn:hover .head_menu {display:block;}
#head_bar .head_menu_btn .head_menu .menu_item {padding:8px 8px 8px 36px; color:var(--textCol); transition-duration:0.25s; transition-property:color,background-color; position:relative;}
#head_bar .head_menu_btn .head_menu .menu_item .menu_item_icon {position:absolute; width:16px; height:16px; top:6px; left:6px; border:4px solid var(--backCol); background-repeat:no-repeat; background-color:var(--backCol); border-radius:3px;}
#head_bar .head_menu_btn .head_menu .menu_item:hover {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#head_bar .head_menu_btn .head_menu .menu_item .menu_item_hint {font-size:0.8em;}
#head_bar .head_menu_btn .head_menu .menu_item.menu_item_separator {border-top:1px solid var(--bordColor);}
#head_bar .head_company {position:absolute; top:8px; right:25px;}
html.mac #head_bar .head_menu_btn .head_menu .menu_item {padding:10px 8px 6px 36px;}

#content {padding:64px 32px;}
#content .path_pages {font-weight:bold;}
#content .path_pages .path_sep_icon {display:inline-block; width:12px; height:12px; padding:1px; background-image:url("../img/chevron-right.svg"); background-repeat:no-repeat; vertical-align:text-top;}
#content .path_pages .path_sep_icon:last-child {margin-right:6px;}
#content .path_pages a {text-decoration:none; color:var(--textCol); padding:2px 4px;}
#content .path_pages > a:hover {color:var(--btnTextColHover); background-color: var(--btnBackColHover); border-radius:3px;}
#content .path_pages > div.icon.icon_home {background-size:var(--homeIconSize); background-position:left center; vertical-align:bottom;}
#content .path_pages > div.icon.icon_home a {display:block; width:var(--homeIconSize); height:var(--homeIconSize); padding:0 2px 0 0;}
#content .main_panel {border:2px solid var(--bordColor); border-radius:5px; padding:12px;}
#content .main_panel div.main_panel_icon {text-align:center;}
#content .main_panel.panel_clickable:hover {border-color:var(--btnBackColHover); cursor:pointer;}
html.mac #content .path_pages a {padding:4px 6px 2px;}

#content .main_panel.multi_panel {position:relative;}
#content .main_panel.multi_panel div.frame_panel {display:none;}
#content .main_panel.multi_panel div.frame_panel.active {display:block;}
#content .main_panel.multi_panel div.frame_panel div.frame_path {font-weight:bold; padding:2px;}
#content .main_panel.multi_panel div.frame_panel div.frame_panel_text {margin:12px 12px 12px 24px; line-height:125%; text-align:justify;}
#content .main_panel.multi_panel div.frame_panel div.frame_panel_SQL {padding: 8px;font-family: monospace;background-color: var(--backColCode); font-size: 0.9em;}
#content .main_panel.multi_panel div.frame_btns {text-align:center; border-top:1px solid var(--bordColor); padding:20px 0 8px;}
#content .main_panel.multi_panel div.frame_btns div.button {display:inline-block; width:132px; margin:0 4px;}
#content .main_panel.multi_panel div.overlay {position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; background-color:var(--backColTrans); display:none;}
#content .main_panel.multi_panel div.overlay.active {display:flex; align-items:center;}

#content .home_grid {margin-top:32px;}
#content .home_grid div.main_panel {margin-bottom:24px; float:left; margin-right:32px; background-color:var(--menuBackCol);}
#content .home_grid div.main_panel_long {width:640px;}
#content .home_grid div.main_panel_short {width:300px;}
#content .home_grid div.main_panel_mini {width:210px;}
#content .home_grid div.main_panel_mini div.descr {font-weight:bold; padding:8px 24px;}
#content .home_grid div.main_panel div.main_panel_content {padding:8px 24px; height:102px; overflow:hidden auto; font-size:var(--fontSizeSec);}
#content .home_grid div.main_panel div.main_panel_content ul {margin:0px;}
#content .home_grid ~ * {clear:both}
#content .home_grid div.home_grid_title {font-weight:bold; padding:8px 0px}
#content .home_grid div.main_panel_long input {width:435px; padding:4px;}

#content .home_grid div.grid_panel {display:grid; gap:32px; grid-template-columns:repeat(3, 1fr);}
#content .home_grid div.grid_panel.grid_panel_mini {grid-template-columns:repeat(4, 1fr);}
#content .home_grid div.grid_panel div.grid_cell {border:2px solid var(--bordColor); border-radius:5px; padding:12px; background-color:var(--menuBackCol);}
#content .home_grid div.grid_panel div.grid_cell div.descr {font-weight:bold; padding:8px 24px;}
#content .home_grid div.grid_panel div.grid_cell div.grid_cell_panel {padding:8px 24px; height:102px; overflow:hidden auto; font-size:var(--fontSizeSec);}
#content .home_grid div.grid_panel div.grid_cell div.grid_cell_panel ul {margin:0px;}

#content.page-menu .home_grid {margin:32px auto 0; max-width:1080px;}
#content.page-table div.table_container {margin:32px auto 0; max-width:1000px;}
#content.page-table div.table_container table {width:100%; border-collapse:collapse;}
#content.page-table div.table_container table tr:hover {background-color:aliceblue;}
#content.page-table div.table_container table tr th,
#content.page-table div.table_container table tr.totals td {background-color:var(--bordColor); font-weight:bold;}
#content.page-table div.table_container table tr th,
#content.page-table div.table_container table tr td {border:1px solid var(--bordColor); padding:8px;}
#content.page-table div.table_container table tr td.date,
#content.page-table div.table_container table tr td.number {text-align:right;}
#content.page-table div.table_container table tr td.edit {text-align:center; cursor:pointer;}
#content.page-table div.table_container table tr td.edit a {text-decoration:none; display:block; height:100%;}
#content.page-table div.table_container table tr td.key {}
#content.page-table div.table_container table tr td.name {}
#content.page-table div.table_container table tr td.name.clickable {}
#content.page-table div.table_container table tr td.name.clickable:hover {cursor:pointer; background-color:var(--btnBackColHover); color:var(--btnTextColHover);}
#content.page-table div.table_container table tr td.name:empty {background-color:#f4f4f4;}
#content.page-table div.table_container table tr td.status {text-align:center;}
#content.page-table div.table_container div.msg_error {color:var(--errColor); background-color:var(--errBackColor); padding:16px; max-width:640px; margin:32px auto; border-radius:5px;}
#content.page-table div.table_container div.table_total {margin-top:8px; font-size:0.9em;}
#content.page-table div.table_container table tr td.edit .edit_icon,
#content.page-table div.table_container table tr td.edit .open_icon {width:18px; height:18px; background-repeat:no-repeat; display:inline-block;}
#content.page-table div.table_container table tr td.edit .edit_icon {background-image:url("../img/pencil.svg");}
#content.page-table div.table_container table tr td.edit .open_icon {background-image:url("../img/chevron-right.svg");}
#content.page-table div.table_container div.msg_panel_error {padding:16px; max-width:80%; margin:32px auto; color:var(--errColor); background-color:var(--errBackColor); font-weight:bold; line-height:150%;}

#content.page-logs div.logs_container {white-space:pre; margin:24px auto 0; max-width:960px; border:1px solid var(--bordColor); border-radius:3px; padding:16px;}

#content div.btn_switch_menu {font-weight:bold;}
#content div.btn_switch_menu div {color:var(--btnTextCol); background-color:var(--btnBackCol); border:1px solid var(--btnBackCol); display:inline-block; text-align:center; min-width:100px; padding:6px 8px; vertical-align:text-top;}
#content div.btn_switch_menu div.selected {color:var(--btnTextColHover); background-color:var(--btnBackColHover);}
#content div.btn_switch_menu div:not(.selected):hover {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#content div.btn_switch_menu div:first-child {border-radius:5px 0 0 5px;}
#content div.btn_switch_menu div:last-child {border-radius:0 5px 5px 0;}
#content div.btn_switch_menu div.asterisk {line-height:114%;}
html.mac #content div.btn_switch_menu div {padding:7px 8px 5px;}
html.mac #content div.btn_switch_menu div.asterisk {line-height:104%;}

#content #btn_switch_menus {margin-top:16px;}
#content #btn_switch_menus div.btn_switch_menu_cont {display:none;}
#content #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu_backer {display:inline-block; margin-right:4px; vertical-align:bottom; border:1px solid var(--textCol); border-radius:5px; padding:7px 12px 5px 6px; min-width:92px;}
#content #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu_backer div.btn_back {width:16px; height:16px; background-image:url("../img/chevron-right.svg"); background-repeat:no-repeat; display:inline-block; cursor:pointer; margin-right:6px; transform:scaleX(-1); vertical-align:text-top;}
#content #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu_backer div.label_btn {display:inline-block;}
#content #btn_switch_menus div.btn_switch_menu_cont.selected {display:block;}
#content #btn_switch_menus div.btn_switch_menu_cont.selected div.btn_switch_menu {display:inline-block;}
#content #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu.btn_switch_menu_opt {margin-left:24px;}
#content #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu.btn_switch_menu_opt div {min-width:50px;}
html.mac #btn_switch_menus div.btn_switch_menu_cont div.btn_switch_menu_backer {padding:8px 12px 4px 6px !important;}

#page .form_panel {margin:12px auto;}
#content .form_panel .form_panel_info {border:2px solid var(--bordColor); border-radius:3px; margin:0 12px; position:relative;}
#content .form_panel .form_panel_info.form_panel_info_secondary {margin:16px 12px 0 32px;}
#content .form_panel .form_panel_info.form_panel_info_highlighted {background-color:var(--menuBackCol);}
#content .form_panel .form_panel_info > div.icon.icon_form_panel_info {position:absolute; top:4px; left:8px; opacity:0.25;}
#content .form_panel .form_panel_info > div.icon.icon_form_panel_menu {position:absolute; top:8px; right:8px; opacity:0.75; cursor:pointer; z-index:1;}
#content .form_panel .form_panel_info.form_panel_info_secondary div.form_panel_button {padding:8px; position:relative; font-weight:bold;}
#content .form_panel .form_panel_info.form_panel_info_secondary div.form_panel_button div.icon {position:absolute; top:9px; right:9px;}
#content .form_panel .form_panel_info.form_panel_info_secondary div.form_panel_button:hover {cursor:pointer; color:var(--btnTextColHover); background-color:var(--btnBackColHover);}
#content .form_panel .form_panel_info.form_panel_info_secondary div.form_panel_button:hover div.icon {filter:invert(100%);}
#page .form_panel .form_line {padding:8px 12px; display:flex; align-items:baseline;}
#page .form_panel .form_line.form_line_separator {margin-bottom: 8px;border-bottom: 2px solid var(--bordColor);padding-bottom: 16px;}
#page .form_panel .form_line .form_label {text-align:right; display:inline-block; padding-right:8px; flex:1;}
#page .form_panel .form_line .form_label:after {content:" :";}
#page .form_panel .form_line .form_value {flex:4; position:relative;}
#page .form_panel .form_line .form_value .form_value_msg {position:absolute; display:none; top:-42px; left:8px; font-size:0.8em;}
#page .form_panel .form_line .form_value .form_value_msg .form_value_msg_text {padding:8px; color:var(--alertColor); background-color:var(--alertBackColor); font-weight:bold; border-radius:3px;}
#page .form_panel .form_line .form_value .form_value_msg .form_value_msg_arrow {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:10px solid var(--alertBackColor); margin:0 0 0 16px;}
#page div.main_panel.login_form input,
#page div.form_panel.dlg_form input {width:258px; padding:4px;}
#page div.form_panel.std_form input {width:435px; padding:4px;}
#page div.form_panel.std_form input.numeric,
#page div.form_panel.std_form input.short {width:100px !important;}
#content .form_panel .radio_line {padding:12px; display:flex; align-items:center; border:2px solid var(--bordColor); border-radius:5px;}
#content .form_panel .radio_line .radio_item {display:inline-block; flex:1;}
#content .form_panel .radio_line .radio_label {flex:12; font-weight:bold;}
#content .form_panel .radio_line.active {color:var(--btnTextColHover); background-color:var(--btnBackCol); border-color:var(--btnBackCol);}
#content .form_panel .radio_line:not(.active):not(.disable):hover {cursor:pointer; color:var(--btnTextColHover); background-color:var(--btnBackColHover); border-color:var(--backCol);}
#content .form_panel .radio_line:not(.active):not(.disable):hover .radio_item .radio_item_ctrl {border-color: var(--btnBackColHover);}
#content .form_panel .radio_notes {padding:8px 16px 32px 64px; line-height:150%; text-align:justify;}
#content .form_panel .radio_line .radio_item .radio_item_ctrl {width:1em; height:1em; border:3px solid var(--textCol); border-radius:100%; background-color:var(--backCol);}
#content .form_panel .radio_line.active .radio_item .radio_item_ctrl {border-color:var(--backCol); background-color:var(--btnBackCol);}
#content .form_panel .radio_line.disable {background-color:var(--disabledBackCol); color:var(--disabledTextCol); }
#content .form_panel .radio_line.disable .radio_item .radio_item_ctrl {border-color:var(--disabledBtnBordCol); background-color:var(--disabledBackCol);}

#content div.open_doc_form input.numeric {width:60px;}
#content .form_panel .form_panel_info input {width:412px !important;}

#page input, #content select {border:2px solid var(--bordColor);}
#page input {padding:2px;}
#page input.numeric {text-align:right;}
#page select {padding:4px; background-color:var(--backCol);}
#page div.input_ctrl {border:2px solid var(--bordColor); position:relative;}
#page div.input_ctrl input {border:none; border-right:2px solid var(--bordColor);}
#page div.input_ctrl div.input_ctrl_btn {position:absolute; top:0px; right:0px; bottom:0px; width:18px; padding:4px 8px 0px 10px; cursor:pointer; background-color:var(--backCol);}
#page div.input_ctrl div.input_ctrl_btn div.icon {width:14px; height:14px;}
#page div.input_ctrl div.input_ctrl_btn.active {background-color:var(--btnBackCol); border-color:var(btnBackCol); outline:2px solid var(--btnBackCol);}
#page div.input_ctrl div.input_ctrl_btn:hover {background-color:var(--btnBackColHover); border-color:var(--btnBackColHover); outline:2px solid var(--btnBackColHover);}
#page div.input_ctrl div.input_ctrl_btn.active div.icon,
#page div.input_ctrl div.input_ctrl_btn:hover div.icon {filter:invert(100%);}
#page div.input_ctrl textarea.copy_exec {width:0; height:0; position:absolute; top:-10px; left:-10px; border:none; padding:0px; margin:0px;}
#page div.input_ctrl div.input_ctrl_btn input {width:412px !important;}

#content div.chart_panel {position:relative;}
#content div.chart_panel div.chart_container {margin:10px auto 0;}
#content div.chart_panel div.chart_container > div.chart_menu {width:100%; height:114px; outline:2px solid var(--bordColor); border-radius:5px; position:relative; background-color:var(--menuBackCol);}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_slider {height:inherit; overflow:auto hidden;}
#content div.chart_panel div.chart_container > div.chart_menu.tight div.chart_menu_slider {white-space:nowrap;}
#content div.chart_panel div.chart_container > div.chart_menu.chart_menu_bottom {margin-top:8px;}
#content div.chart_panel div.chart_container > div.chart_menu.chart_menu_top {margin-bottom:8px;}
#content div.chart_panel div.chart_container > div.chart_menu.large.chart_menu_bottom {margin:8px auto 0;}
#content div.chart_panel div.chart_container > div.chart_menu.large.chart_menu_top {margin:0 auto 8px;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item {height:100%; display:inline-block; border-left:1px solid var(--bordColor); padding:4px 8px; vertical-align:top; box-sizing:border-box;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item div.chart_menu_item_title {font-weight:bold;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item:first-child {border-left:none;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_unit {position:absolute; top:0px; right:0px; background-color:var(--menuBackCol);}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item div.chart_menu_item_cont {}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item div.chart_menu_item_cont span.label_fromto {text-align:right; width:42px; display:inline-block;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item div.chart_menu_item_cont label:hover {cursor:pointer; color:var(--btnBackColHover);}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item div.chart_menu_item_cont.chart_menu_item_cont_sub {}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period {}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period div.chart_menu_item_cont {display:none;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period div.chart_menu_item_cont.chart_menu_item_cont_sub,
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period.dates div.chart_menu_item_cont.chart_menu_item_cont_dates,
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period.scheme div.chart_menu_item_cont.chart_menu_item_cont_scheme {display:block;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period.dates div.chart_menu_item_cont.chart_menu_item_cont_dates,
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period.scheme div.chart_menu_item_cont.chart_menu_item_cont_scheme {height:44px; padding-top:6px;}
#content div.chart_panel div.chart_container > div.chart_menu div.chart_menu_item.form_item_period.scheme div.chart_menu_item_cont.chart_menu_item_cont_scheme {padding-left:12px;}

#content div.chart_panel div.chart_container div.chart_frame {position:relative;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu {position:absolute; background-color:#ececec; top:-1px; width:120px; overflow:hidden auto;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu div.chart_menu_title {padding:4px; margin:4px; font-size:var(--fontSizeSec); cursor:default; font-weight:bold;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu div.chart_menu_item {padding:4px; background-color:var(--backCol); border-radius:3px; margin:4px; font-size:var(--fontSizeSec); cursor:default;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu div.chart_menu_item.selected {color:var(--btnTextCol); background-color:var(--btnBackCol);}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu div.chart_menu_item:hover:not(.selected) {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu.chart_menu_left {left:-134px;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu.chart_menu_left div.chart_menu_item {text-align:right;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu.chart_menu_right {right:-134px;}
#content div.chart_panel div.chart_container div.chart_frame div.chart_menu.chart_menu_right div.chart_menu_item {text-align:left;}
#content div.chart_panel div.chart_container div.chart_overlay {position:absolute; top:0px; right:0px; bottom:0px; left:0px; display:none; background-color:rgba(255, 255, 255, 0.8);}
#content div.chart_panel div.chart_container div.chart_overlay div.chart_overlay_frame {height:100%; display:none;}
#content div.chart_panel div.chart_container div.chart_overlay.loader,
#content div.chart_panel div.chart_container div.chart_overlay.message {display:block;}
#content div.chart_panel div.chart_container div.chart_overlay.loader div.chart_overlay_loader {display:flex; align-items:center;}
#content div.chart_panel div.chart_container div.chart_overlay div.chart_overlay_loader span.wheel-spinner {margin:0 auto;}
#content div.chart_panel div.chart_container div.chart_overlay.message div.chart_overlay_msg {display:block;}
#content div.chart_panel div.chart_container div.chart_overlay div.chart_overlay_msg {padding: 16px;width: 80%;margin: 64px auto 0;border-radius: 5px;background-color: var(--alertBackColor);color: var(--alertColor);height: auto; font-weight:bold;}

#content div.table_panel {position:relative;}
#content div.table_panel div.table_container {margin:10px auto 0;}
#content div.table_panel div.table_container div.table_frame {position:relative;}
#content div.table_panel div.table_container div.table_frame div.table_menu {position:absolute; background-color:#ececec; top:-1px; width:120px; overflow:hidden auto;}
#content div.table_panel div.table_container div.table_frame div.table_menu div.table_menu_title {padding:4px; margin:4px; font-size:var(--fontSizeSec); cursor:default; font-weight:bold;}
#content div.table_panel div.table_container div.table_frame div.table_menu div.table_menu_item {padding:4px; background-color:var(--backCol); border-radius:3px; margin:4px; font-size:var(--fontSizeSec); cursor:default;}
#content div.table_panel div.table_container div.table_frame div.table_menu div.table_menu_item.selected {color:var(--btnTextCol); background-color:var(--btnBackCol);}
#content div.table_panel div.table_container div.table_frame div.table_menu div.table_menu_item:hover:not(.selected) {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#content div.table_panel div.table_container div.table_frame div.table_menu.table_menu_left {left:-134px;}
#content div.table_panel div.table_container div.table_frame div.table_menu.table_menu_left div.table_menu_item {text-align:right;}
#content div.table_panel div.table_container div.table_frame div.table_menu.table_menu_right {right:-134px;}
#content div.table_panel div.table_container div.table_frame div.table_menu.table_menu_right div.table_menu_item {text-align:left;}
#content div.table_panel div.table_container div.table_frame div.table_title {white-space:nowrap; text-overflow:ellipsis; overflow: hidden; text-align:center; padding:2px 4px;}
#content div.table_panel div.table_container div.table_frame div.table_list {overflow: hidden auto;}
#content div.table_panel div.table_container div.table_frame div.table_list div.table_msg {margin:32px auto; padding:16px; width:180px; border-radius:5px; text-align: center; color:var(--btnTextCol); background-color:var(--btnBackCol);}
#content div.table_panel div.table_container div.table_frame table {width: 100%; border-collapse: collapse;}
#content div.table_panel div.table_container div.table_frame table td {border: 1px solid var(--bordColor);padding: 2px 4px}
#content div.table_panel div.table_container div.table_frame table td.cell_id {width: 160px; text-align: center}
#content div.table_panel div.table_container div.table_frame table td.cell_id div.poster {width: 120px; height: 80px; background-color: bisque; margin: 4px auto 2px}
#content div.table_panel div.table_container div.table_frame table td.cell_id div.poster:hover {background-color: #36a9ef;cursor: pointer}
#content div.table_panel div.table_container div.table_frame table td.cell_labels div {margin-bottom: 4px}
#content div.table_panel div.table_container div.table_frame table td.cell_value {text-align: right}
#content div.table_panel div.table_container div.table_overlay {position:absolute; top:0px; right:0px; bottom:0px; left:0px; display:none; background-color:rgba(255, 255, 255, 0.8);}
#content div.table_panel div.table_container div.table_overlay div.table_overlay_frame {height:100%; display:none;}
#content div.table_panel div.table_container div.table_overlay.loader {display:block;}
#content div.table_panel div.table_container div.table_overlay.loader div.table_overlay_loader {display:flex; align-items:center;}
#content div.table_panel div.table_container div.table_overlay.loader div.table_overlay_loader span.wheel-spinner {margin:0 auto;}

#content div.simple_panel {margin: 12px auto 0; max-width: 80%;}
#content div.msg_panel {border-radius:5px; padding:12px; border:2px solid var(--bordColor);}
#content div.msg_panel.msg_panel_error {padding:16px; max-width:80%; margin:32px auto; color:var(--errColor); background-color:var(--errBackColor); font-weight:bold; line-height:150%;}

#page button, #page div.button {border:1px solid transparent;}
#page button, #page div.button {color:var(--btnTextCol); background-color:var(--btnBackCol); text-align:center; padding:5px; border-radius:5px; transition-duration:0.25s; transition-property:color,background-color; min-width:80px; font-weight:bold;}
#page button:not(.disabled):hover, #page div.button:not(.disabled):hover {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#page button.fill_width, #page div.button.fill_width {width:75%; margin:0 auto 8px;}
#page button.disabled, #page div.button.disabled {color:var(--disabledBtnTextCol); background-color:var(--disabledBtnBackCol); pointer-events:none; border-color:var(--disabledBtnBordCol);}
html.mac #page button, html.mac #page div.button {padding: 7px 5px 6px;}
#page .icon_ajacat,
#page .icon_tomcat,
#page .icon_webapp {background-image:url('../img/tomcat.svg');}
#page .icon_ajaris {background-image:url('../img/ajaris.svg');}
#page .icon_bug,
#page .icon_error {background-image:url("../img/bug.svg");}
#page .icon_camera,
#page .icon_capture {background-image:url('../img/camera.svg');}
#page .icon_check {background-image:url('../img/tick.svg');}
#page .icon_close {background-image:url("../img/remove.svg");}
#page .icon_copy {background-image:url("../img/copy.svg");}
#page .icon_chevron-right {background-image:url("../img/chevron-right.svg");}
#page .icon_edit {background-image:url("../img/pencil.svg");}
#page .icon_eye {background-image:url("../img/eye.svg");}
#page .icon_exit {background-image:url("../img/exit.svg");}
#page .icon_logout {background-image:url("../img/quit.svg");}
#page .icon_home {background-image:url('../img/home.svg');}
#page .icon_locked {background-image:url('../img/locker.svg');}
#page .icon_menu {background-image:url('../img/3-dots.svg');}
#page .icon_move {background-image:url('../img/move.svg');}
#page .icon_plus {background-image:url('../img/plus.svg');}
#page .icon_plus-rounded {background-image:url('../img/plus-rounded.svg');}
#page .icon_plus-rounded-filled {background-image:url('../img/plus-rounded-filled.svg');}
#page .icon_remove {background-image:url('../img/remove-rounded-filled.svg');}
#page .icon_trash {background-image:url('../img/trash.svg');}
#page .icon_upcase {background-image:url('../img/uppercase.svg');}
#page .icon_user {background-image:url('../img/user.svg');}
#page .icon_repair,
#page .icon_wrench {background-image:url('../img/wrench.svg');}
#page .icon_tick-rounded {background-image:url('../img/tick-rounded.svg');}
#page .icon_tick-rounded-filled {background-image:url('../img/tick-rounded-filled.svg');}

#page .icon {background-repeat:no-repeat; display:inline-block; background-size:cover;}
#page .icon.icon_12 {width:12px; height:12px;}
#page .icon.icon_16 {width:16px; height:16px;}
#page .icon.icon_24 {width:24px; height:24px;}
#page .icon.icon_32 {width:32px; height:32px;}
#page .icon.icon_as-popup-btn {position:relative;}
#page .icon.icon_as-popup-btn div.popup-menu {position:absolute; display:none; background-color:var(--backCol); text-align:left; min-width:180px; border:2px solid var(--bordColor); box-shadow: 0px 0px 20px var(--shadCol);}
#page .icon.icon_as-popup-btn div.popup-menu.popup-menu-ne {bottom:0px; left:0px;}
#page .icon.icon_as-popup-btn div.popup-menu.popup-menu-nw {bottom:0px; right:0px;}
#page .icon.icon_as-popup-btn div.popup-menu.popup-menu-sw {top:0px; right:0px;}
#page .icon.icon_as-popup-btn div.popup-menu div.popup-menu-item {padding:4px;}
#page .icon.icon_as-popup-btn div.popup-menu div.popup-menu-item div.icon {background-color:var(--backCol); border-radius:3px; margin:2px 8px 2px 2px; vertical-align:bottom; background-size:12px 12px;background-position:center;}
#page .icon.icon_as-popup-btn div.popup-menu div.popup-menu-item.disable {color:var(--disabledTextCol);}
#page .icon.icon_as-popup-btn div.popup-menu div.popup-menu-item.disable div.icon {opacity:0.5;}
#page .icon.icon_as-popup-btn div.popup-menu div.popup-menu-item:not(.disable):hover {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
#page .icon.icon_as-popup-btn:hover div.popup-menu {display:block;}

#content.page-table div.table_container table td.iconizable .icon {vertical-align:text-top; margin-right:4px;}

#foot_bar {position:absolute; left:0px; bottom:0px; right:0px; padding:8px; text-align:center; margin-top:12px; border-top:1px solid var(--bordColor); background:linear-gradient(to bottom, var(--backCol), var(--menuBackCol));}

 .wheel-spinner {
	border:2px solid var(--wheelColMaj);
	border-top-color:var(--wheelColMin);
	border-radius:100%;
	width:8px;
	height:8px;
	animation:ws-rotate .6s infinite linear;
	display:inline-block;
 }
 .wheel-spinner.small {width:16px; height:16px;}
 .wheel-spinner.large {width:48px; height:48px; border-width:4px;}
 .wheel-spinner.easing {animation-timing-function:ease;}
 @keyframes ws-rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(359deg);}
 }

/* experimental stuff */
 .selectlist {position:relative; border:2px solid var(--bordColor); height:20px;}
 .selectlist .selectlist_select {position:absolute; top:0; right:0; bottom:0; left:0; display:none;}
 .selectlist .selectlist_select .selectlist_item {position:absolute; top:0; right:20px; bottom:0; left:0;}
 .selectlist .selectlist_select .selectlist_select_icon {position:absolute; top:1px; right:4px; width:12px; height:12px;}
 .selectlist .selectlist_select:hover {cursor:pointer;}
 .selectlist .selectlist_select:hover .selectlist_select_icon svg {fill:var(--btnBackColHover);}
 .selectlist:not(.selection) .selectlist_select {display:block;}
 .selectlist .selectlist_frame {position:absolute; right:0; bottom:20px; height:180px; width:380px; display:none; background-color: var(--backCol); overflow:auto; border:2px solid var(--bordColor); box-shadow: 0 0 34px silver;}
 .selectlist .selectlist_frame .selectlist_frame_grid {column-count:2; column-gap:12px; position: absolute;top: 28px;right: 0;bottom: 0;left: 0;}
 .selectlist .selectlist_frame .selectlist_frame_grid .selectlist_frame_grid_item {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:140px; padding:2px 4px 2px 20px; margin-left:4px;}
 .selectlist .selectlist_frame .selectlist_frame_grid .selectlist_frame_grid_item:not(.selected):hover {color:var(--btnTextColHover); background-color:var(--btnBackColHover); cursor:pointer;}
 .selectlist .selectlist_frame .selectlist_frame_grid .selectlist_frame_grid_item.selected {background-repeat:no-repeat; background-position:left center; background-size:16px 16px; background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+PHBhdGggZmlsbD0iIzAwNzNlYSIgZD0iTTUwMCwxMEMyMjkuNCwxMCwxMCwyMjkuNCwxMCw1MDBjMCwyNzAuNiwyMTkuNCw0OTAsNDkwLDQ5MGMyNzAuNiwwLDQ5MC0yMTkuNCw0OTAtNDkwQzk5MCwyMjkuNCw3NzAuNiwxMCw1MDAsMTB6IE00NTYuNyw2NTUuM2wtNDMuMyw0My4zTDI0MC4xLDUyNS40bDQzLjMtNDMuM0w0MTMuNCw2MTJsMzAzLjItMzAzLjJsNDMuMyw0My4zTDQ1Ni43LDY1NS4zeiIvPjwvZz4NCjwvc3ZnPg==)}
 .selectlist.selection .selectlist_frame {display:block;}

#page.premium #content {background-image:url("../img/Ajaris-stats.png"); background-repeat:no-repeat; background-position: center;}
#page.premium #content div.main_panel.login_form {background-color:var(--backColTrans); box-shadow:10px 10px 40px var(--backCol);}