:root {
    --mnu-color: #ffffff;
    --txt-color: #1d1a5c;
    --txt2-color: #b1b1b1;
    --txtLink-color: #267BC6;
    --txtR-color: #b31d36;
    --txtG-color: #36b31d;
    --txtY_color: #d0a04e;
    --txtS-width: 200px;
    --txt-shadow: 3px 4px 10px rgba(0, 0, 0, 0.4);
    --lbl-color: #515151;
    --cnt-font-size: small;
    --cnt-height: 30px;
    --cnt-height2: 32px;
    --cnt-widthb: 342px;
    --cnt-width: 330px;
    --cnt-width50: 50%;
    --cnt-widthd: 680px;
    --cnt-widthh: 150px;
    --cnt-widthhq: 100px;
    --cnt-widthq: 70px;
    --cb-height: 8px;
    --cb-width: 14px;
    --btn-height: 24px;
    --chb-height: 20px;
    --big-btn-height:32px;
    --big2-btn-height:34px;
    --cnt-select-color: #555;
    --cnt-disable-color: #dfdfdf;
    --head-background-color: #323d4a;
    --head-background-color2: #2d3946;
    --head-background: linear-gradient(top,var(--head-background-color) 0%,var(--head-background-color) 100%);
    --base-background-color: #E6E6E6;
    --base-background-color1: #c3c3c3;
    --msg-backgroud-color: #f9f9f9;
    --ddl-backgroud-color: #f9f9f9;
    --line-color: #ccc;
    --hover-backcolor: #f8f1db;
    --hover-backcolor2: #f4d66f;
    --hover-background: linear-gradient(to bottom,var(--hover-backcolor) 0%,var(--hover-backcolor2) 100%);
    --str-backgroud: linear-gradient(to bottom, #F1F1F1 0%,#ABABAB 100%);
    --select-backcolor: #d71614;
    --select-backcolor2: #8d1717;
    --select-backcolor3: #fe4e4c;
    --select-backgroud: linear-gradient(to top,var(--select-backcolor2) 0%,var(--select-backcolor) 100%);
    --btn-select-backgroud: linear-gradient(to top,var(--select-backcolor) 0%,var(--select-backcolor3) 100%);
    --base-border: 1px solid var(--line-color);
    --line-border: 1px solid var(--txt-color);
    --select-border: 1px solid var(--cnt-select-color);
    --requared-border: #c01311 -3px 0px inset;
    --black-border: 1px solid #000;
    --msg-border: 2px solid var(--head-background-color);
    --select-shadow: 0 0px 3px var(--cnt-select-color);
    --btn-shadow: 3px 3px 3px var(--line-color);
    --box-shadow: 1px 1px 8px var(--cnt-select-color);
}

/* g controls */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
* { margin: 0px;padding: 0px;border: 0px; outline: 0px;font-family: Arial;}
body {color: var(--lbl-color);font-family: Arial;background-color:var(--base-background-color);-webkit-print-color-adjust: exact;}

/* g var */
.w100p {width:100%;} .w5 {width:8px;} .w10 {width:10px;} .w20 {width:20px;} .w30 {width:30px;} .w50 {width:50px;} .w60 {width:60px;} .w80 {width:80px;} .w100 {width:100px;} .w150 {width:150px;} .w180 {width:180px;} .w250 {width:250px;} .w300 {width:300px;} 
.mw100 {max-width:100%;}
.mw_g{overflow-y: hidden;overflow-x: hidden;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.mw_w{overflow-y: hidden;overflow-x: hidden;white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;}
.mw_s{white-space:pre-wrap;}
.mw_h{overflow-y: hidden;overflow-x: hidden;white-space: pre;}
.h100p {height:100%;} .h12 {height: 12px;} .h150 {height:150px;}
.row_h {height:var(--btn-height);}
.t-2 {top:-2px;} .t-3 {top:-3px;}
.m2 {margin:4px;} .m5 {margin:8px;} .m10 {margin:10px;}
.mb2 {margin-bottom:4px;} .mt2 {margin-top:4px;} .ml2 {margin-left:4px;}  .mr2 {margin-right:4px;} .mtb2 {margin:4px 0px 4px 0px;}
.mb5 {margin-bottom:8px;} .mt5 {margin-top:8px;} .ml5 {margin-left:8px;}  .mr5 {margin-right:8px;} .mtb5 {margin-bottom:8px;margin-top:8px;}
.mb10 {margin-bottom:10px;} .mt10 {margin-top:10px;} .ml10 {margin-left:10px;}  .mr10 {margin-right:10px;}  .mr12 {margin-right:12px;} .mr22 {margin-right:22px;}
.p2 {padding:4px;} .p5 {padding:8px;} .p10 {padding:10px;}
.pb2 {padding-bottom:4px;} .pt2 {padding-top:4px;} .pl2 {padding-left:4px;} .pr2 {padding-right:4px;}
.pb5 {padding-bottom:8px;} .pt5 {padding-top:8px;} .pl5 {padding-left:8px;} .pr5 {padding-right:8px;}
.pb10 {padding-bottom:10px;} .pt10 {padding-top:10px;} .pl10 {padding-left:10px;} .pr10 {padding-right:10px;}

/*borders*/
.ba {border:var(--base-border);}
.bb_l {border:var(--line-border);}
.bb_r {border:1px solid var(--txtR-color);}
.bb {height: 1px; border-bottom: var(--line-border);}
.bb_y {height: 1px; border-bottom:1px solid var(--txtY_color);}
.bb_g {height: 1px; border-bottom:1px solid var(--lbl-color);}
.br4 {border-radius:4px;}
.sline {border-bottom: var(--line-border);}
.bline {border-bottom: var(--base-border);}
.o_a {overflow:auto;}
.o_h {overflow:hidden;}
.o_s {overflow:scroll;}
.table_bl {border-collapse: collapse;}
.table_bl tr {border-bottom: solid #ccc 1px;}

/*font txt lbl*/
p {font-size:small;}
.fz_m {font-size:medium;} .fz_l {font-size:large;}
.fs20 {font-size: 24px;}
.fw_b {font-weight:bold;}
.link {color:var(--txtLink-color);cursor: pointer;text-decoration:underline;}
.sort_l {cursor: pointer;text-decoration:underline;text-wrap:none;}
.txt_r, .txtright {text-align:right;} .txt_c {text-align:center;} .txt_l {text-align:left;}
.tS {text-shadow:var(--txt-shadow);}
.txt_ul {text-decoration:underline;}
.us_n {user-select:none;}
.c_p {cursor:pointer;}
.s_tit {font-size:large;font-weight:bold;color:var(--txt-color);margin:0px 0px 4px 0px;}
.s_tit2 {font-size:medium;font-weight:bold;color:var(--txt-color);text-wrap:normal;margin:4px 0px 4px 0px;}
.s_txt {color:var(--txt-color);margin:4px 0px 4px 0px;}
.s_lbl {color:var(--lbl-color);margin:4px 0px 4px 0px;}
.s_lbl_xl {font-size:large;color:var(--lbl-color);margin:4px 0px 4px 0px;}
.u_tit2 {font-weight:bold;color:var(--txt-color);}
.Flattd {white-space: nowrap;}
.notFlattd {white-space: pre-wrap;}

/*colors*/
.lbl_r, .txtReq { color: var(--txtR-color);}
.lbl_w {color:white;}
.lbl_y {color:var(--txtY_color);}
.lbl2 {color:var(--txt2-color);}
.lbl_g {color:var(--txtG-color);}
.bg_w {background-color:white;}
.bg_r {background-color:var(--cnt-select-color);}
.bg_y {background-color:var(--hover-backcolor2);}
.bg_y1 {background-color:var(--hover-backcolor);}
.bg_g {background-color: var(--head-background-color);}
.dis {background-color:var(--cnt-disable-color);}
.lbl_green {color:#1db336;}
.lbl_yellow {color:#d0a04e;}

/*templats visibility: hidden;*/
.d_none {display: none;}
.d_block {display: block;}
.d_line {display:inline-block;}
.back_none {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2;cursor:pointer;}
.back_none2 {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:139;cursor:pointer;}
.cnt_fr {display:flex; flex-flow:row;}
.cnt_fc {display:flex; flex-flow:column;}
.fw_w {flex-wrap:wrap;}
.fw_nw {flex-wrap:nowrap;}
.tw_n {text-wrap:none;}
.tw_w {text-wrap:normal;}
.ws_pw { white-space: pre-wrap;}

.f_ai {align-items: center;} .f_aie {align-items: end;} .f_ass {align-self:start;} .f_asfe {align-self: flex-end;}
.f_jc {justify-content:center;} .f_jce {justify-content:end;} .f_js {justify-content: stretch;}
.f_jss {justify-self:start;}.f_jse {justify-self:end;} .f_jsc {justify-self:center;}
.g_col {display:grid; grid-template-columns:1fr ;align-items:center;grid-row:auto;grid-row-gap:8px;}
.g_col2 {display:grid;grid-template-columns: 1fr auto;grid-row:auto;align-items: center;}
.g_col3 {display:grid;grid-template-columns: auto 1fr;grid-row:auto;align-items: center;}
.g_colaaa {display:grid;grid-template-columns: auto auto auto ;grid-row:auto;align-items: center;}
.g_col4 {display:grid;grid-template-columns: max-content 1fr;grid-row:auto;}
.g_colA {display:grid; grid-template-columns:max-content max-content max-content max-content max-content;align-items:center;grid-row:auto;grid-gap:8px;}
.g_colC {display:grid; grid-template-columns:auto auto auto 1fr;grid-row:auto;grid-gap:8px;}
.g_colATP_t {display:grid; grid-template-columns:auto 1fr auto auto;align-items:center;grid-row:auto;}
.subtabscontent {padding:8px;background:var(--msg-backgroud-color);border:var(--base-border);}

/* u controls */
.cnt_forT {display:none;}
.cnt_forD {display:block;}
.cnt_notMo {display:normal;}

.txtF {width:var(--txtS-width);height:var(--cnt-height); margin:4px;display: grid; grid-template-columns:1fr auto auto; grid-auto-rows:auto;align-items: center; border:var(--base-border);background-color:#fff;border-radius: 4px;}
.inputF {font-size: medium;border:0px; outline: 0px;background-color:#fff;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;cursor:pointer;}
.divFilter {position:relative;}
.ddlFilter {position: absolute;z-index:100;background: var(--msg-backgroud-color);top:var(--cnt-height2);left:8px;width:auto;height:auto; border:var(--base-border);box-shadow:var(--box-shadow);cursor:pointer;overflow:hidden;user-select:none;}
.ddlFilter .row {color:var(--lbl-color);height:var(--cnt-height);}
.ddlFilter p {padding:8px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ddlFilter p:hover {cursor:pointer;background:var(--hover-backcolor2);color:Black;}
.txtS {width:var(--txtS-width);height:var(--cnt-height); margin:4px;display: grid; grid-template-columns:1fr auto auto; grid-auto-rows:auto; align-items:center; border:var(--base-border);background-color: #fff;border-radius:4px;}
.inputS {width:100%; font-size: medium;border:0px; outline: 0px;background-color: #fff;margin-left:8px;}
.txtS:focus-within {border:var(--select-border);outline: 0px;}

.cnt_h {height:var(--cnt-height);}
.cnt_mh {min-height:var(--cnt-height);}
.cnt_fd {position:relative;width:var(--cnt-widthd);height:var(--cnt-height);padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_f {position:relative;width:var(--cnt-width);height:var(--cnt-height);padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_fs {position:relative;max-width:var(--cnt-width);height:var(--cnt-height);padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_fw {position:relative;height:var(--cnt-height);padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_fq {position:relative;width:var(--cnt-widthq);height:var(--cnt-height);padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_d {width:100%;}
.cnt_d input {width:100%;color:var(--txt-color);background-color:transparent; font-size:var(--cnt-font-size);border:0px; outline: 0px;text-overflow:ellipsis;white-space:nowrap;}
.cnt_d input:focus {border:0px; outline: 0px;}
.cnt_b {display: grid; grid-template-columns:auto auto auto; grid-auto-rows:auto;align-items: center;}
.cnt_l {position: absolute;z-index:100;background: var(--msg-backgroud-color);top:var(--cnt-height2);width:var(--cnt-width);height:auto;border:var(--base-border);box-shadow:var(--box-shadow);cursor:pointer;overflow:hidden;}
.cnt_l_h {position: absolute;z-index:100;background: var(--msg-backgroud-color);top:var(--cnt-height2);width:var(--cnt-width);height:200px;border:var(--base-border);box-shadow:var(--box-shadow);cursor:pointer;overflow-x:hidden;overflow-y:auto;}
.cnt_l_d {width:auto;max-height:400px;overflow-y:auto;}
.cnt_r {height:var(--cnt-height);font-size:var(--cnt-font-size);}
.cnt_r:hover  {background:var(--hover-backcolor2);color:Black;}
.cnt_r:active {animation: bntClick 300ms;}
.cnt_f:focus-within, .cnt_fq:focus-within, .cnt_fd:focus-within {border:var(--select-border);outline: 0px;}
.cnt_txt {height:var(--cnt-height);color:var(--txt-color);font-size:var(--cnt-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cnt_fi {width:var(--cnt-width);height:auto;padding:0px 8px 0px 8px; display: grid; grid-template-columns:1fr auto; grid-auto-rows:auto;align-items:center;border:var(--base-border);border-radius: 4px;}
.cnt_img {width:var(--cnt-width);height:auto; grid-column: 1 / span 3; }
.cnt_full_img {width:80%; max-width:600px;  height:auto;}

.ddl {height:var(--cnt-height2);color:var(--txt-color);padding-left:8px;font-size:var(--cnt-font-size);border:var(--base-border);border-radius: 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.txt_req {box-shadow:var(--requared-border);}
.txt_s {width:var(--txtS-width);}
.txt_ws {width:var(--cnt-width);}
.txt_w50 {width:var(--cnt-width50);}
.txt_wd {width:var(--cnt-widthd);}
.txt_wh {width:var(--cnt-widthh);}
.txt_whq {width:var(--cnt-widthhq);}
.txt_wq {width:var(--cnt-widthq);}
.txt_c {line-height:var(--btn-height);}
.txt_a {width:var(--cnt-widthd); height:calc(2 * var(--cnt-height));color:var(--txt-color);padding:0px 8px 0px 8px;font-size:var(--cnt-font-size);border:var(--base-border);border-radius: 4px;white-space: pre-wrap;outline:0px;}
.txt_a1 { height:calc(2 * var(--cnt-height));color:var(--txt-color);padding-left:8px;font-size:var(--cnt-font-size);border:var(--base-border);border-radius: 4px;white-space:normal;outline:0px;}
.txt {height:var(--cnt-height);color:var(--txt-color);padding:0px 8px 0px 8px; font-size:var(--cnt-font-size);border:var(--base-border);border-radius: 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.txt option:hover {background-color: var(--hover-backcolor); background: var(--hover-background);}
.txt:disabled, .cb:disabled, .ddl:disabled  {background-color: var(--cnt-disable-color);}
.cnt_dis {pointer-events:none;background-color: var(--cnt-disable-color);}
.btn_e {height:var(--btn-height);width:var(--btn-height);border-radius:4px;padding:3px;cursor:pointer;overflow:hidden;user-select:none;font-size:larger; font-weight:bold;border: 1px solid transparent; }
.btn {color:var(--lbl-color);background-color:#fff; font-size:larger; font-weight:bold; border-radius:4px;border:var(--base-border);padding:3px;cursor:pointer;overflow:hidden;user-select:none;}
.btn_b {height:var(--btn-height);width:var(--btn-height);}
.btn_nh {height:var(--btn-height);}
.btn_bh {height:var(--big-btn-height);}
.btn_l {height:var(--big2-btn-height);background:var(--select-backgroud);color:#fff;font-size:medium; font-weight:bold; border-radius:4px;border:var(--base-border);padding:3px;cursor:pointer;overflow:hidden;user-select:none;}
.btn_lg {height:var(--big2-btn-height);background:#fff;color:var(--lbl-color);font-size:medium; font-weight:bold; border-radius:4px;border:var(--base-border);padding:3px;cursor:pointer;overflow:hidden;user-select:none;}
.btn_s {background:var(--btn-select-backgroud);}
.btn_f {height:var(--btn-height);width:var(--btn-height);background-color:#fff; padding:2px;cursor:pointer;border-radius: 4px;}
.btn_dis, .btn.disabled, .btn_b.disabled,.btn.disabled:hover {color:white;opacity: 0.3;}
.btn_h {height:35px;}
.btn_lw {width:var(--cnt-widthb);}
#btmTop {display:none;z-index: 101;position: fixed; bottom:30px;right:30px;}
.txt:focus, .btn:focus, .txt_a:focus, .ddl:focus  {border: var(--select-border);outline:0px;}
.btn:active, .btn_e:active, .btn_f:active, .s_frm:active {animation: bntClick 300ms;}
 @keyframes bntClick {
    0% {background: radial-gradient(circle at center, rgba( 244, 214 , 111, 0 ) 0%, #fff 0%, #fff 100%);}
    20% {background: radial-gradient(circle at center, rgba( 244, 214 , 111, 0.2 ) 20%, #fff 20%, #fff 100%);}
    40% {background: radial-gradient(circle at center, rgba( 244, 214 , 111, 0.4 ) 40%, #fff 40%, #fff 100%);}
    60% {background: radial-gradient(circle at center, rgba( 244, 214 , 111, 0.6 ) 60%, #fff 60%, #fff 100%);}
    80% {background: radial-gradient(circle at center, rgba( 244, 214 , 111, 0.8 ) 80%, #fff 80%, #fff 100%);}
    100% {background: radial-gradient(circle at center, var(--hover-backcolor) 99%, #fff 100%, #fff 100%);color: #fff;border:var(--black-border);}
}
.btn_l:active, .btn_lg:active {animation: bntClick1 300ms;}
@keyframes bntClick1 {
    0% {background: radial-gradient(circle at center, rgba( 230, 45 , 45, 1 ) 0%, #F3F3F3 0%, #F3F3F3 100%);}
    20% {background: radial-gradient(circle at center, rgba( 230, 45 , 45, 0.2 ) 20%, #F3F3F3 20%, #F3F3F3 100%);}
    40% {background: radial-gradient(circle at center, rgba( 230, 45 , 54, 0.4 ) 40%, #F3F3F3 40%, #F3F3F3 100%);}
    60% {background: radial-gradient(circle at center, rgba( 230, 45 , 45, 0.6 ) 60%, #F3F3F3 60%, #F3F3F3 100%);}
    80% {background: radial-gradient(circle at center, rgba( 230, 45 , 45, 0.8 ) 80%, #F3F3F3 80%, #F3F3F3 100%);}
    100% {background: radial-gradient(circle at center, #d71614 99%, #F3F3F3 100%, #F3F3F3 100%);
          color: #fff;border:var(--black-border);}
}
.btn_l:hover, .btn_lg:hover {border:var(--select-border);box-shadow:var(--btn-shadow);}
.btn_f:hover {background-color: var(--hover-backcolor);background: var(--hover-background);}
.btn:hover {background-color: var(--hover-backcolor);background: var(--hover-background);border:var(--select-border);box-shadow:var(--btn-shadow);}
.btn_e:hover {background-color: var(--head-background-color);background: var(--head-background-color);}
.cb_divd {height:var(--cnt-height);width:var(--cnt-height); position: relative;border:var(--base-border);border-radius:4px;background:var(--cnt-disable-color);}
.cb_divd label {height:var(--btn-height);width:var(--btn-height);cursor: pointer;position: absolute;left:4px;top:4px;background:var(--cnt-disable-color);}
.cb_divd label:after {content: '';
    width:var(--cb-width);height:var(--cb-height);
    position: absolute;top:3px;left:3px;border:4px solid var(--cnt-select-color);
    border-top: none;border-right: none;background: transparent;opacity:0;transform: rotate(-45deg);
}
.cb_divd input {outline: 0px;border:0px;margin:4px; height:var(--chb-height);width:var(--chb-height);}
.cb_divd input:checked + label:after {opacity:1;}
.cb_divd input:hover {border:var(--select-border);}
.cb_divd:focus-within {border:var(--select-border);}

.cb_div {height:var(--cnt-height);width:var(--cnt-height); position: relative;border:var(--base-border);border-radius:4px;background: #fff;}
.cb_div label {height:var(--btn-height);width:var(--btn-height);cursor: pointer;position: absolute;left:4px;top:4px;background: #fff;}
.cb_div label:after {content: '';
    width:var(--cb-width);height:var(--cb-height);
    position: absolute;top:3px;left:3px;border:4px solid var(--cnt-select-color);
    border-top: none;border-right: none;background: transparent;opacity:0;transform: rotate(-45deg);
}
.cb_div input {outline: 0px;border:0px;margin:4px; height:var(--chb-height);width:var(--chb-height);}
.cb_div input:checked + label:after {opacity:1;}
.cb_div input:hover {border:var(--select-border);}
.cb_div:focus-within {border:var(--select-border);}

.mLogo, .mLogo1 {height:50px;border-bottom: 1px solid rgba(200,200,200,0.7);}
.Loading {position: absolute;width: 100px;height: 18px;left: 50%;top: 10px;text-align: center;}
.Loading p {color: #b31d36;font-size: medium;} 

.picNote {width:var(--cnt-widthd);max-width: min-content; height:auto;margin: 8px 0px 8px 0px;}
.youtNote {width:var(--cnt-width); height:300px;margin: 8px 0px 8px 0px;}

/* Login */
.imgL {width: 250px;height:auto;align-self: center;justify-self: center;}
.boxL {
    width: 300px;
    margin: 10px;
    padding: 20px;
    background: var(--msg-backgroud-color);
    border:var(--base-border);
    vertical-align: top;
    box-shadow: 0 15px 10px #777;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    border-radius: 14px;
}

/*Tables*/
.tbl_flat {font-size:12px;width: 100%;background: #fff;border-spacing: 0;}
.tbl_flat td {border:var(--base-border);}
.tbl_flat p {padding:0px 8px 0px 8px;}

.table_flow {font-size :12px;color:var(--lbl-color);}
.table_flow p {margin:0px 4px 0px 4px;}
.table_flow span, spnd {font-weight:bold;margin-top:4px;color:#1d1a5c;}
.tf_act {background: #ffffff;}
.tf_dis {background: #f5f5f5;}

.table_data {font-size:12px;color:var(--lbl-color);}
.table_simple {font-size:12px;color:#515151;background: #f5f5f5;
    border-spacing: 0;text-align:left ;
    border-radius: 4px;
    border-collapse:separate;}
.table_simple td, .table_simple th {border:var(--base-border);padding:4px;}
.table_data td {vertical-align:middle;}
.table_data p {margin:0px 4px 0px 4px;}
.table_data span, spnd {font-weight:bold;margin-top:4px;color:#1d1a5c;}
.table_r tr {border:var(--base-border);}
.table_r p, .table_simple p {font-size:12px;}
.table_top td {vertical-align:top;}
.table_s
{	font-size :12px;margin:4px;
    background: #f5f5f5;
    border-spacing: 0;
    border-radius: 4px;
    border-collapse:separate;
}
.table_list 
{	font-size:12px;
    width: 100%;
    background-color: #ffffff;
    border-spacing: 0;
    border-radius: 4px;
    border-collapse:separate;
}
.table_list th, .table_list thead tr th {font-size:14px;}
.table_list th, .table_s td, .table_s th {font-size:14px;}
.table_list td, .table_list th, .table_list thead tr th {padding:4px;}
.table_list td, .table_list th, .table_s td, .table_s th {border:var(--base-border);}
.table_list th, .table_s th {text-align: left;}
.table_list p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding:4px;}
.table_list th:first-child, .table_s th:first-child {-moz-border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;border-radius: 4px 0 0 0;}
.table_list th:last-child, .table_s th:last-child {-moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0;border-radius: 0 4px 0 0;}
.table_list th:only-child, .table_s th:only-child{-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.table_list tr:last-child td:first-child, .table_s tr:last-child td:first-child {-moz-border-radius: 0 0 0 4px;-webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}
.table_list tr:last-child td:last-child, .table_s tr:last-child td:last-child {-moz-border-radius: 0 0 4px 0;-webkit-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0;}
.table_list th, .table_s th {padding: 3px;text-align: left;}
.table_list tr:hover td, .table_s tr:hover td {cursor:pointer;background:#f4d66f;}
.header_blue {background-color: #ebebeb ;background:linear-gradient(to top , #ebebeb 0%,#fafafa 100%);}
.header_gblue {background-color: var(--head-background-color);color:#ffffff;background:var(--head-background);}
.header_gblue h3 {color:#ffffff;}
.header_y {background-color: var(--hover-backcolor);}
.table_tr_select {background: var(--select-backcolor);color:white;}
.ExpColl:hover{cursor: pointer;text-decoration:underline;}
.sUp {background-image: url('Images/sUp.png');width:12px;height:12px;background-repeat:no-repeat;background-position:center;padding:4px;}
.sDown {background-image: url('Images/sDown.png');width:12px;height:12px;background-repeat:no-repeat;background-position:center;padding:4px;}
.sqE {background-image: url('Images/sqE.png');width:16px;height:16px;background-repeat:no-repeat;background-position:center; }
.sqS {background-image: url('Images/sqS.png');width:16px;height:16px;background-repeat:no-repeat;background-position:center; }
.btn_rup {background-image: url('Images/rUp.png');width:16px;height:16px;background-repeat:no-repeat;background-position:center;float:left ;}
.btn_rdown {background-image: url('Images/rDown.png');width:16px;height:16px;background-repeat:no-repeat;background-position:center;float:left ;}

/*cabinet*/
.cabWidth {width:200px;}
.cabHMaxi {width:190px;}
.cabHMini {width:150px;}
.cabHeaderRecycle {background-image: url('Images/Cabinet/Recycle.png');width:188px;height:250px;background-repeat:no-repeat;}
.cabHeaderTP8D {background-image: url('Images/Cabinet/tTP8D.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP4D {background-image: url('Images/Cabinet/tTP4D.png');width:150px;height:214px;background-repeat:no-repeat;}
.cabHeaderTP8D_3 {background-image: url('Images/Cabinet/tTP8D_3.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP4D_3 {background-image: url('Images/Cabinet/tTP4D_3.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP4x4_3 {background-image: url('Images/Cabinet/tTP4x4_3.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP8D_3t {background-image: url('Images/Cabinet/tTP8D_3t.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP4D_3t {background-image: url('Images/Cabinet/tTP4D_3t.png');width:150px;height:214px;background-repeat:no-repeat;}
.cabHeaderTP4x4_3t {background-image: url('Images/Cabinet/tTP4x4_3t.png');width:150px;height:338px;background-repeat:no-repeat;}
.cabHeaderTP {background-image: url('Images/Cabinet/tTP.png');width:200px;height:51px;background-repeat:no-repeat;}
.cabButtomTP {background-image: url('Images/Cabinet/bTP.png');width:200px;height:46px;background-repeat:no-repeat;}
.cabHeaderDLS2 {background-image: url('Images/Cabinet/DLS2.png');width:200px;height:180px;background-repeat:no-repeat;}
.cabHeaderDLSV {background-image: url('Images/Cabinet/DLSV.png');width:200px;height:180px;background-repeat:no-repeat;}
.cabMatrix360p {background-image: url('Images/Cabinet/Matrix360p.png');width:200px;height:367px;background-repeat:no-repeat;}
.cabMatrix360t {background-image: url('Images/Cabinet/Matrix360t.png');width:200px;height:367px;background-repeat:no-repeat;}
.cabHeaderDLS1p {background-image: url('Images/Cabinet/DLS.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderDLS1t {background-image: url('Images/Cabinet/DLSt.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderDLS1t21 {background-image: url('Images/Cabinet/DLSt21.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderDLS1t24 {background-image: url('Images/Cabinet/DLSt24.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderDLS13 {background-image: url('Images/Cabinet/DLS13D.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderDLS13t24 {background-image: url('Images/Cabinet/DLS13t24.png');width:200px;height:318px;background-repeat:no-repeat;}
.cabHeaderOldMaster {background-image: url('Images/Cabinet/Master.png');width:94px;height:153px;background-repeat:no-repeat;}
.cabHeaderOldAddon {background-image: url('Images/Cabinet/Addon.png');width:94px;height:153px;background-repeat:no-repeat;}
.cabHeaderPodMaxi {background-image: url('Images/Cabinet/cMaxiPod.png');width:190px;height:62px;background-repeat:no-repeat;}
.cabHeaderPodMini {background-image: url('Images/Cabinet/cMiniPod.png');width:150px;height:49px;background-repeat:no-repeat;}
.cabHeaderTouchMaxi {background-image: url('Images/Cabinet/cMaxiTouch.png');width:190px;height:62px;background-repeat:no-repeat;}
.cabHeaderTouchMini {background-image: url('Images/Cabinet/cMiniTouch.png');width:150px;height:49px;background-repeat:no-repeat;}
.cabHeaderPodMaxi6 {background-image: url('Images/Cabinet/cMaxiPod6.png');width:190px;height:68px;background-repeat:no-repeat;}
.cabHeaderPodMini6 {background-image: url('Images/Cabinet/cMiniPod6.png');width:150px;height:64px;background-repeat:no-repeat;}
.cabHeaderTouchMaxi6 {background-image: url('Images/Cabinet/cMaxiTouch6.png');width:190px;height:68px;background-repeat:no-repeat;}
.cabHeaderTouchPlusMaxi6 {background-image: url('Images/Cabinet/cMaxiTouchPlus6.png');width: 190px;height: 68px;background-repeat: no-repeat;}
.cabHeaderTouchMini6 {background-image: url('Images/Cabinet/cMiniTouch6.png');width:150px;height:64px;background-repeat:no-repeat;}
.cabLMaxi {background-image: url('Images/Cabinet/cMaxiLeft.png');width:13px;height:163px;background-repeat:no-repeat;}
.cabLMini {background-image: url('Images/Cabinet/cMiniLeft.png');width:12px;height:76px;background-repeat:no-repeat;}
.cabRMaxi {background-image: url('Images/Cabinet/cMaxiRight.png');width:13px;height:163px;background-repeat:no-repeat;}
.cabRMini {background-image: url('Images/Cabinet/cMiniRight.png');width:12px;height:76px;background-repeat:no-repeat;}
.cabMaxiEmpty {width:163px;background-color:Black;}
.cabMiniEmpty {width:124px;background-color:Black;}
.cabMiniEmpty div, .cabMaxiEmpty div{vertical-align:top;}
.cabMini25 {background-image: url('Images/Cabinet/cMini25.png');width:124px;height:4px;background-repeat:no-repeat;}
.cabMini75 {background-image: url('Images/Cabinet/cMini50.png');width:124px;height:14px;background-repeat:no-repeat;}
.cabMini100 {background-image: url('Images/Cabinet/cMini75.png');width:124px;height:19px;background-repeat:no-repeat;}
.cabMini125 {background-image: url('Images/Cabinet/cMini100.png');width:124px;height:23px;background-repeat:no-repeat;}
.cabMaxi25 {background-image: url('Images/Cabinet/cMaxi25.png');width:164px;height:4px;background-repeat:no-repeat;}
.cabMaxi75 {background-image: url('Images/Cabinet/cMaxi50.png');width:164px;height:13px;background-repeat:no-repeat;}
.cabMaxi100 {background-image: url('Images/Cabinet/cMaxi75.png');width:164px;height:18px;background-repeat:no-repeat;}
.cabMaxi125 {background-image: url('Images/Cabinet/cMaxi100.png');width:164px;height:22px;background-repeat:no-repeat;}
.cabMaxi150 {background-image: url('Images/Cabinet/cMaxi125.png');width:164px;height:26px;background-repeat:no-repeat;}
.cabTP300 {background-image: url('Images/Cabinet/TPDouble.png');width:200px;height:91px;background-repeat:no-repeat;}
.cabTP150 {background-image: url('Images/Cabinet/TPSingle.png');width:200px;height:47px;background-repeat:no-repeat;}
.addmini {width:40px;}

.cabTrolMini {background-image: url('Images/Cabinet/trolley.png');width:150px;height:130px;background-repeat:no-repeat;}
.cabWheels {background-image: url('Images/Cabinet/Wheels.png');width:190px;height:19px;background-repeat:no-repeat;}

/*Report*/
.ReportRTL {direction: rtl;}
.R_blank {width:660px;}
.R_page {width:660px;color :Black ;
    padding:10px 10px 25px;
    background: #ffffff;
    border:var(--base-border);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
}
.Rycolor, .RTitle {color:#d0a04e;}
.Rbold {font-weight:bold;}
.Ritalic {font-style:italic;}
.RTitle {font-size:22px;font-weight:bold;text-align:center ;}
.RsubTitle {color:#d0a04e;font-size:14px;text-decoration:underline;font-weight:bold;margin-top:10px;}
.RsmplTitle {color:#3d4b5d;font-size:14px;font-weight:bold;}
.report_list 
{	font-size :12px;
    width: 100%;
    color:var(--lbl-color);
    background-color:White;
    border-spacing: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-collapse:separate;
}
.report_list td {padding: 1px;text-align: left;border:var(--base-border);}
.report_list th {padding: 3px;text-align: left;border:var(--base-border);}
.imgReport {width:130px;height:auto;float:right;margin-right:1px;}

/*Popup*/
.popupSaving {
    display: none;
    position: fixed;
    padding: 10px;
    top: 40%;
    left:50%;
    height: auto;
    margin-left:-150px;
    width: 300px;
    border: var(--msg-border);
    z-index: 118;
    background-color: #ffffff;
}
.popup_msg {
    display: none;
    position: fixed;
    max-height: 500px;
    width: 300px;
    top: 40%;
    left: 30%;
    border: var(--msg-border);
    padding: 3px;
    z-index: 140;
    background-color: #ffffff;
}
.popup_msgXL {
    display: none;
    max-height: 500px;
    position: fixed;
    top: 150px;
    left: 35%;
    border: var(--msg-border);
    width: 450px;
    padding: 3px;
    z-index: 109;
    background-color: #ffffff;
}
.popup_msgXLtop {
    display: none;
    max-height: 500px;
    position: fixed;
    top: 50px;
    left: 30%;
    border: var(--msg-border);
    width: 550px;
    padding: 3px;
    z-index: 110;
    background-color: #ffffff;
}
.popup_msgXXLtop {
    display: none;
    max-height: 500px;
    position: fixed;
    top: 50px;
    left: 10%;
    right: 10%;
    border: var(--msg-border);
    width: 80%;
    padding: 3px;
    z-index: 110;
    background-color: #ffffff;
}
.popupList2 {
    display: none;
    position: fixed;
    height: 85%;
    width: 80%;
    top: 7%;
    left: 10%;
    margin: auto;
    border: var(--msg-border);
    padding: 3px;
    z-index: 140;
    background-color: #ffffff;
}
.loader {border: 10px solid var(--base-background-color);border-radius: 50%;border-top: 10px solid var(--select-backcolor);width: 15px; height: 15px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.popup_msgG {position:fixed;display:none;height:85%;width:80%;top:0px;left:0px; margin:auto;z-index:110;background-color:#fff;border: var(--msg-border);}
.ppmaxheight {max-height: 420px;}
.popup_f {display:grid;grid-template-columns: 1fr;grid-template-rows:auto auto 1fr;height:100%;background-color:var(--base-background-color);}
.popup_b {display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto;margin:8px 10px 0px 10px;}
.popup_b_ar {grid-column: 1/4;padding-top:8px;}
.popup_List {overflow-y: scroll; vertical-align: top;margin:8px;}
.popup_dWin {height: 100%;overflow-y: scroll;vertical-align: top;}
.divMsg {display: grid;grid-template-columns: 1fr;align-items: normal;margin:8px;grid-gap:10px;}
.popup_msg_header {display: grid;grid-template-columns: 1fr auto;grid-row:auto;align-items: center;background-color:white;border-bottom:var(--base-border);}
.popup_msg_header .sline {grid-column: 1/3;}
.popup_msg_header h3 {margin-left:8px;}
.popup_msg_text {padding: 4px;color: var(--lbl-color);height:80px;}
.popup_close {position: relative;width:var(--big-btn-height);height:var(--big-btn-height);border-radius:4px;cursor:pointer;overflow:hidden;user-select:none;}
.popup_close:hover {color: #d71614;background-color:#ccc;}
.popup_close:active {box-shadow: 0px 0px 0px #ccc;animation: bntClick 300ms;}
.popup_close:before, .popup_close:after {position:absolute;top:7px;left:15px;content: ' ';height:20px;width:4px;background-color: #515151;}
.popup_close:before {transform: rotate(45deg);}
.popup_close:after {transform: rotate(-45deg);}

.g_close {position:relative;width:var(--big-btn-height);height:var(--big-btn-height);border-radius:4px;cursor:pointer;overflow:hidden;user-select:none;}
.g_close:hover {color: #d71614;background-color:#ccc;}
.g_close:active {box-shadow: 0px 0px 0px #ccc;animation: bntClick 300ms;}
.g_close:before, .g_close:after {position:absolute;top:7px;left:15px;content: ' ';height:20px;width:4px;background-color:#fff;}
.g_close:before {transform: rotate(45deg);}
.g_close:after {transform: rotate(-45deg);}

.btn_m {position:relative;width:var(--big-btn-height);height:var(--big-btn-height);border-radius:4px;cursor:pointer;overflow:hidden;user-select:none;}
.btn_m:hover {color: #d71614;background-color:#ccc;}
.btn_m:after {background-color: #fff; margin:8px 4px 4px 4px;height:2px; content:'';display:block;}
.btn_m:before{background-color: #fff; margin:4px 4px 4px 4px;height:2px;content:'';display:block;}
.btn_m:before {box-shadow: 0 20px 0 #fff;}
.btn_m:active {box-shadow: 0px 0px 0px #fff;animation: bntClick 300ms;}

.dimgR {padding:4px;height:80px;width:100%;display:flex;}
.imgR {margin: auto; max-width: 100%;max-height: 100%;}
.imgOnRow {border: solid #ccc 1px;padding:1px;width: auto;height:50px;}

/*Menu*/
.UserN, .crt_new { cursor: pointer; height: 25px;margin-left: 20px;color: white;}
.UserN:hover > .submenu, .crt_new:hover > .submenuN {display: block;z-index: 100;margin-top:8px;}
.UserN:hover > samp, .crt_new:hover > samp, .submenu:hover > samp, .submenuN:hover > samp {text-decoration: underline;}
.submenu:hover, .submenuN:hover {display: block;}
.submenu p, .submenuN p {text-decoration: none;font-size: medium;padding:10px;color: var(--lbl-color);}
.submenu p:hover, .submenuN p:hover {cursor: pointer;background: var(--hover-backcolor2);color: Black;}
.submenu, .submenuN {position: absolute;display: none;top: 30px;width: auto;background: var(--msg-backgroud-color);border:var(--base-border);box-shadow: var(--box-shadow);}

.g_All {
    display:grid;
    height: 100vh;
    grid-template-columns: max-content 1fr;
    grid-template-rows:auto 1fr;
    /*grid-gap:8px;*/
    justify-content: stretch;
    grid-template-areas: "header header"  "sidebar main";
}
.g_Top {
    user-select: none;
    grid-area: header;
    display: grid;
    grid-template-columns: max-content auto max-content max-content;
    grid-column-gap: 10px;
    align-items: center;
    padding: 4px 10px 4px 10px;
    background-color: var(--head-background-color);
    color: white;
}
.g_Sidebar {grid-area:sidebar;user-select: none;overflow-y:auto;overflow-x: hidden;white-space: nowrap; border-right: 1px solid var(--line-color);}
.g_Main {grid-area:main;overflow:scroll;margin:4px;}
.crt_new {justify-items: end;}
.nav_side {
    user-select: none;
    height:100vh;
    width: 300px;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #F3F3F3;
    transition: 0.5s;
    transform: translateX(-100%);
}
.navS {display:flex;flex-flow:column;background-color:var(--head-background-color);height:100vh;}
.navS_t {color: #ffffff;display:grid; grid-template-columns: 1fr auto;grid-auto-rows:auto ;padding:3px 3px 10px 3px; }
.navS_p {justify-self:center;margin-left :var(--btn-height);}
.navS_c {justify-self:end;}
.navS_so {text-decoration-line:underline;}
.navS_so:hover {text-decoration-line:underline;color:#ccc;}
.d_tran {transform:translateX(0);display:block ;}
.lBar {width:180px; height:auto ;overflow:hidden; background-color:var(--head-background-color2); display:flex; flex-flow:column; font-size: medium; user-select: none;}
.lBar_Row {height:var(--big-btn-height);display:grid;grid-template-columns:1fr auto;grid-row:auto;align-items: center;}
.lBar p {margin-left:8px;font-size:medium;color:var(--mnu-color);}
.lBar_li {width:var(--btn-height);height:var(--btn-height);margin-left:8px;}
.lBar_ri {width:var(--cb-width);height:var(--cb-width);margin-right:8px;}
.lBar_Row:hover {background-color: var(--hover-backcolor2);font-weight: bold;cursor: pointer;border-bottom-right-radius:24px;border-top-right-radius:24px;}
.lBar_Row:hover .lBar_ri {display:block;}
.lBar_s p {color:var(--mnu-color);}
.lBar_s {background-color: var(--select-backcolor);border-left:8px solid #810100;color:var(--mnu-color);border-bottom-right-radius:24px;border-top-right-radius:24px;}
.lBar_ri {display:none;justify-self:end; padding-left:8px;padding-right:10px;}
/*left menu*/
.lm_row {margin:0px 0px 0px 4px;background-color:var(--head-background-color2);height:var(--big-btn-height);display:grid;grid-template-columns:1fr auto auto ;grid-template-areas:"lm_t lm_n lm_p";grid-row:auto;align-items:center; grid-gap:1px;padding:0px 3px 0px 3px; border-bottom-left-radius:12px;border-top-left-radius:12px;}
.lm_row_s {background-color: var(--select-backcolor);color:var(--mnu-color);}
.lm_row:hover {background-color:var(--hover-backcolor2);cursor: pointer;}
.lm_t {grid-area:lm_t;}
.lm_n {grid-area:lm_n;}
.lm_p {grid-area:lm_p;}

.g_sm {display:grid;grid-template-columns:auto auto auto auto 1fr auto ;grid-template-areas:"btn_o filter search btn_a str_paging btn_paging";grid-row:auto;align-items: center;}
.sm_btn_o {grid-area:btn_o; display:flex;flex-direction:row;}
.sm_btn_f {display:none;}
.sm_filter {grid-area:filter;}
.sm_search {grid-area:search;}
.sm_btn_a {grid-area:btn_a; display:flex; flex-direction:row;}
.sm_str_paging {grid-area:str_paging;justify-self:end;}
.sm_btn_paging {grid-area:btn_paging;justify-self:end;display:flex; flex-direction:row;}
/*filter*/
.cfFilterRow {display:grid;grid-template-columns:auto auto 1fr auto;grid-row:auto;grid-column-gap:8px;}
.g_um {display:grid;grid-template-columns:auto auto 1fr;grid-row:auto;align-items: center;}
.g_um_np {display:grid;grid-template-columns: 1fr auto auto;grid-row:auto;align-items:center;justify-self:end;}
.g_u_tbtn {display:grid;grid-template-columns: 120px auto min-content min-content 1fr;align-items:center;grid-column-gap:8px;}
.g_u_data {display:flex;flex-direction:column; margin-right:12px;}
.g_u_block {display:flex;flex-direction:row;flex-wrap:wrap;}
.g_u_data p {margin-top:10px;}

.tab_div {display:flex; flex-flow:row;padding-top:4px}
.tab_l {height:var(--btn-height); margin:0px 1px 0px 1px;padding:4px 10px 4px 10px;user-select:none; border-radius:4px 4px 0px 0px;font-weight:bold;text-align: center; 
        display:grid;align-items: center; grid-template-columns:max-content; background: #ABABAB;background: linear-gradient(to top, #ABABAB 0%,#F1F1F1 100%);border-top: solid #ccc 1px;border-left: solid #ccc 1px;border-right: solid #ccc 1px;}
.tab_l:hover, .tabActiveHeader  {cursor:pointer;color:#ffffff;background-color: var(--select-backcolor);background:var(--select-backgroud);}
/*.tab_l:hover {cursor:pointer;color:var(--lbl-color);background-color: var(--hover-backcolor); background: var(--hover-background);}*/
.tab_title {display:none;padding-left:10px;padding-right:10px;font-weight:bold;line-height: var(--btn-height);}
.tab_menu:after {content:'\2807';font-size:22px;}

/*Dashboard*/
.db_1col {grid-template-columns: 1fr;}
.db_2col {grid-template-columns: 1fr 1fr;}
.db_3col {grid-template-columns: 1fr 1fr 1fr;}
.dashboard {display:grid;grid-row:auto;grid-gap:8px;justify-content: stretch;margin-right:8px;}
.db_t {display:grid;grid-template-columns:1fr auto ;align-items:center; grid-auto-rows:auto;margin:0px 1px 0px 8px;}

/*calendar*/
.for_dd {z-index: 100;}
.for_dd1 {z-index: 1012;}
#ddControls {border-collapse: collapse;width: 100%;font-size: medium;}
#ddControls td {border-collapse: collapse;width:var(--cnt-height);height:var(--cnt-height);background-position: 50% 50%;background-repeat: no-repeat;cursor: pointer;}
#ddControls th {border-collapse: collapse;line-height:var(--cnt-height);height:var(--cnt-height);text-align: center;font-weight: bold;white-space: nowrap;}
#ddPrevYear { background-image: url('Images/prev_year.png'); }
#ddPrevMonth { background-image: url('Images/prev_mon.png'); }
#ddNextMonth { background-image: url('Images/next_mon.png'); }
#ddNextYear { background-image: url('Images/next_year.png'); }
#ddGrid {border-collapse: collapse;border:var(--base-border);width: 100%;}
#ddGrid th {height:var(--cnt-height2);border:var(--base-border);border-collapse: collapse;padding: 3px 0;text-align: center;font-size:medium;background-color: var(--head-background-color);color: white;}
#ddGrid td {height:var(--cnt-height);border-collapse: collapse;padding: 4px 0;text-align: center;width: 14%;font-size:medium;cursor: pointer;}		
#ddGrid td.ddOtherMonth { color: #ccc; }
#ddGrid td.ddWeekend { background-color: var(--hover-backcolor2); }
#ddGrid td.ddToday { border: 1px solid var(--txtR-color); }
#ddGrid td.ddSelected { background-color: var(--select-backcolor); }	

/*Graph Color*/
.sqa15 {width:15px;height:15px;}
.gc1 {background:#6fb0df;}
.gc2 {background:#91d180;}
.gc3 {background:#fbba70;}
.gc4 {background:#f56f77;}
.gc5 {background:#b27dbd;}
.gc6 {background:#da866b;}
.gc7 {background:#00afb0;}
.gc8 {background:#dbaf3f;}
.gc9 {background:#db7b01;}
.gc10 {background:#e195c5;}
.gc11 {background:#3f7bb0;}
.gc12 {background:#ffdb00;}
.gc13 {background:#3eaf78;}
.gc14 {background:#b03d01;}
.gc15 {background:#b0afb1;}
.gc16 {background:#424fdb;}
.gc17 {background:#b7dc20;}
.gc18 {background:#3cf1a3;}
.gr19 {background:#91d180;}
.gr20 {background:#fbba70;}
.gr21 {background:#da2d2d;}

/*ATP*/
.atp_w {
    max-width: 800px;
}

/*Touch - Tab, Mobile*/
@media (pointer: coarse) {
    :root {
        --cnt-height: 40px;
        --cnt-height2: 42px;
        --btn-height: 34px;
        --cb-height: 14px;
        --cb-width: 22px;
        --big-btn-height: 48px;
        --cnt-font-size: larger;
    }
    .cb_div label:after {left:4px;}
    .inputS, .submenu, .submenuN {font-size:large;}
    .table_simple, .table_simple p {font-size:medium;}
    .table_simple td, .table_simple th {margin:2px;height:25px}
    .sqa15 {height:40px;width:40px;}
    .popup_close:before, .popup_close:after {position:absolute;top:11px;left:22px;content: ' ';height:25px;}
    .g_close:before, .g_close:after {position:absolute;top:11px;left:22px;content: ' ';height:25px;}

    .btn_m:after {margin:8px 8px 5px 8px;height:3px;}
    .btn_m:before{margin:11px 8px 5px 8px;height:3px;}
    .btn_m:before{box-shadow: 0 22px 0 #fff;}

    .lBar {width:auto;height:auto;overflow-y:auto; }
    .lm_row {margin:0px 5px 0px 0px;height:var(--big-btn-height);background-color:var(--head-background-color); display:grid;grid-template-columns:1fr auto auto ;grid-template-areas:"lm_t lm_n lm_p";grid-row:auto;align-items:center; grid-gap:1px;padding:0px 3px 0px 3px;border-bottom-left-radius:0px;border-top-left-radius:0px; border-bottom-right-radius:12px;border-top-right-radius:12px;}
    .lm_row_s {background-color: var(--select-backcolor);color: #ffffff;}
    .lm_row:hover {background-color: #f4d66f;cursor: pointer;}
    .p2 {padding:2px;} .p5 {padding:4px;} .p10 {padding:8px;}
    .g_Main {grid-area:main;overflow:scroll;margin:2px;}
    .db_t {display:grid;grid-template-columns:1fr auto ;align-items:center; grid-auto-rows:auto;margin:2px;}
}

/*by resolution*/
@media screen and (max-width:440px) {
    :root {
        --cnt-width: 90%;
        --cnt-width50: 90%;
        --cnt-widthd: 90%;
        --cnt-widthh: 90%;
        --cnt-widthhq: 90%;
        --cnt-widthq: 90%;
        --cnt-widthb: 90%;
        --txtS-width: 80%;
    }
    .g_u_block {display:flex;flex-direction:column ;flex-wrap:nowrap;}
    .cnt_notMo {display:none;}
    .popup_msg {
        display: none;
        position: fixed;
        max-height: 500px;
        width: 300px;
        top: 10%;
        left: 10%;
        border: var(--msg-border);
        padding: 3px;
        z-index: 140;
        background-color: #ffffff;
    }
}
@media screen and  (max-width:500px) {
    .cnt_notMo {display:none;}
}
@media screen and  (max-width:600px) {
    .g_sm {display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"btn_o search btn_paging" "str_paging str_paging str_paging";grid-template-rows:auto auto;}
}
@media screen and (max-width:720px) and (min-width:441px) {
    :root {
        --cnt-width: 350px;
        --cnt-width50: 50%;
        --cnt-widthd: 350px;
        --cnt-widthh: 150px;
        --cnt-widthhq: 100px;
        --cnt-widthq: 70px;
        --cnt-widthb: 362px;
    }
}

@media screen and (max-width:1024px) {
    .cnt_forT {display:block;}
    .cnt_forD {display:none;}

    .imgLogin {width: 150px;}
    .g_um {grid-template-columns:auto auto max-content 1fr;}
    .tab_title {display:block;}
    .tab_div {flex-flow:column;display:none;} .tab_l {border:4px;border-radius:0px;padding:8px; background:#ABABAB;}

    .g_Top {grid-template-columns: max-content 1fr;}
    .g_Sidebar, .mLogo, .crt_new, .UserN  {display:none;}
    .g_All {grid-template-areas: "header header"  "main main";}
    .g_col {grid-row-gap:10px;}
    .lBar {width:auto;height:auto;overflow-y:auto;}
    .lm_row {margin:1px 8px 0px 0px;height:var(--big-btn-height);background-color:var(--head-background-color); display:grid;grid-template-columns:1fr auto auto ;grid-template-areas:"lm_t lm_n lm_p";grid-row:auto;align-items:center; grid-gap:1px;padding:0px 3px 0px 3px;border-bottom-left-radius:0px;border-top-left-radius:0px; border-bottom-right-radius:12px;border-top-right-radius:12px;}
    .lm_row_s {background-color: var(--select-backcolor);color: #ffffff;}
    .lm_row:hover {background-color: #f4d66f;cursor: pointer;}
    /*
    .lBar_Row p, .lBar_li{margin-left:10px;}
    .lBar_ri {display:block;margin-right:10px;}*/
    .popup_msgXL, .popup_msgXLtop, .popup_msgXXLtop, .popupList2, .popup_msgG {top:0px;left:0px;right:0px;height:95%;width:95%;margin:auto;}
    .txtF {display:none;}
    .sm_btn_f {display:block;}
    .dashboard {grid-template-columns: 1fr;}
}
/*@media screen and (max-width:1024px) {
    .dashboard {grid-template-columns: 1fr;}
    
}*/
    /*
@media screen and (min-width:1024px) {
    :root {
        --cnt-width: 100%;
        --cnt-widthd:100%;
    }
    .g_u_block {display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;}
}

@media print {
}
*/