.eispoptitle .close {
    padding: 2px;
}
.eispoptitle {
    text-align: left;
    background-color: gray;
    color: white;
    padding: 2px;
}
input[type="checkbox"] { margin-left:4px!important; }
.todoonly .systitle, .todoonly .fu, .todoonly .funs, .todoonly .ohd, .todoonly .loginfo,
.todoonly .dashboard, .todoonly .dashboardmenu_golastbox {
    display: none;
}
.todoonly .itembody {
    max-height: initial!important;overflow: hidden!important;
}
/*====*/
select, textarea, input {
    border: solid 1px rgba(0,0,0,0.18);
    border-radius: 1px;
}
select { padding: 1px 0 2px; }
.btn.mini { padding: 1px 6px 2px; }
hr { margin-top:10px!important; margin-bottom:10px!important; }
.amExportButton {
  opacity: 0.32;
}
.amExportButton:hover {
  opacity: 0.5;
}
/*NV D3, charting vs amcharts, problem*/
.jsc svg text { font: none; }
a.colref, a.jsref { text-decoration:none; }
a.colref:hover, a.jsref:hover { /*text-decoration: underline;*/}

.floatleft { float:left;}
.floatright {float:right;}
.yno {}
.mno { max-width:64px; }
.byrange { max-width:70px; }
 .dbs { max-width:92px; }
 .ui-grid .dtm { font-size:0.95em; }
 .ui-grid .dt { white-space:nowrap; }
 .ui-grid .chk, .ui-grid .seqno, .ui-grid .itemno { text-align:center; }
 .center, td.ncol.center { text-align:center; }
 .left, td.ncol.left { text-align:left; }
 .right, td.ncol.right { text-align:right; }
 .xyc .xyc-center { text-align:center!important; }
 .xyc .xyc-left { text-align:left!important; }
 .xyc .xyc-right { text-align:right!important; }
 .ui-grid .cmt { max-width:200px; min-width:120px; } 
 .ui-grid .cmt a { white-space:normal; }
 .ui-grid .dsc { max-width:400px; min-width:200px; } 
 .ui-grid .dsc a { white-space:normal; }
 .ui-grid .elp { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
 .ui-grid .elp-sm { max-width: 100px; }
 .ui-grid .elp-md { max-width: 200px; }
 .ui-grid .elp-mx { max-width: 300px; }
 .ui-grid .emp, .ui-grid .name { min-width:80px; }
 .ui-grid .tel { min-width:120px; }
.ui-grid .footer {
    margin: 0;
}
 .ui-grid .footer  .text {
    color: #333;
}
#banner
{
	background-image: url('../pic/igms_space.bmp');
	background-repeat: repeat-x;
	height:70px;
}
#login {border: 1px dotted rgba(0,0,0,0.12);
padding: 4px;
border-radius: 2px;
box-shadow: 8px -6px 6px rgba(228, 225, 222, 0.45); }
#userinfobar {}
#maincontent { padding:0; }
#footer
{
    clear: both;
    font-size: small;
}
#Panel_data {
    background-repeat: no-repeat;
    background-position-y: bottom;
    margin-bottom: 1px;
    width: 100%;
    -ms-overflow: auto;
    overflow: auto;
}
.todotree { margin-left:10px;line-height: 1.36em; }
.aptree { line-height: 1.36em; }
.todo-grid .popup-panel {
    position: absolute;
    bottom: 0;
}
.aptree a {
    line-height: 1.45em;
}
.aptree img, .todotree img {
    width: 16px;
    padding: 0;
    margin-right: 2px;
    /* opacity: 0.68; */
}
.todoonly .todotree tr > td:first-child {
    display: none;
}
.uTV_node .todoonly {
    padding: 4px 0 4px 8px;
    background-color: whitesmoke;
}
/*.aptree td a, .todotree td a { font-size:13.6px; } */
.todotree td {
    padding-top: 2px;
    padding-bottom: 2px;
}
#workarea{}
.contentbody td
{
	padding: 0;
}
.tv_header_box {  }
img { border-width:0px; }
/*th { font-size: 0.92em; }*/
.ui-grid th { /*font-size: 0.95em;*/ }
.ui-grid th.ncol { /*font-size:0.96em;*/ text-align:right; }
.ui-grid th.extcol {
    text-align: right;
}
td { vertical-align:top; }
/* all
=======================================*/
.hide { display:none; }
.caption
{
    /*font-size: 15px;*/
    text-align: center;
    color: #222;
    background-color: lightskyblue;
}
.caption:hover
{
	color: #FFFFFF;
}
.ui-sqlid
{
	padding-left: 20px;
	background-image: url('/pic/setting.png');
	background-repeat:no-repeat;
	line-height:21px;
}
.ui-sqlid a
{
	text-decoration:none;
}
.ui-sqlid a:hover
{
	text-decoration:underline;
}

.printshow
{
	display: none;
}
.apstvlist { margin-bottom:26px; }
.apsfooter
{clear:both; z-index:9999;
    font-size:small; border:solid 1px #F0F0F0; padding:3px 10px 0 10px; background-color:#F6F6F6; 
    height:26px; position:fixed; bottom:0;width:100%;left:0;
}
.apsfooter a { text-decoration:none;}
.apsfooter .gotop
{
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 30%, rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 30%, rgba(0,0,0,0.12) 100%);
}
.apsfooter span, .apsfooter .igms {color:dimgray; }
.apsfooter .usersinfo
{
     float:right; margin:1px 4px;
}
#olus /*online users count*/
{
    font-size:small; color:#A0A0A0; border:solid 1px rgba(0,0,0,0.06); border-radius:3px; padding:1px 8px; 
}
/*stag keyword*/
.staga { background-color: #FFFFCC; }
.isearchmenubar {
    padding: 6px 0 0 0;
    background-color: rgba(0,0,0,0.036);
    border-bottom: solid 1px rgba(0,0,0,0.016);
    height: 32px;
}
.dashboardmenu_golast.eisaspx {
    margin-top: -26px;
    position: fixed;
}
/*uTagS*/
.lv .stable
{
    position: relative;/*popup*/
    border-bottom:solid 1px #F0F0F0;
    margin-top:-1px;
}
.lv .stable .guidpanel
{
    background-color: #F8F8F8; 
}
.lv .stable td.rbox {
    background-color: rgba(0,0,0,0.016);
    height: 100%;
}
.utags
{
     font-family: 微軟正黑體; background-color:#FAFAFA;
}
.utags .ews 
{font-size:small;    box-shadow: 1px 0px 2px rgba(0,0,0,0.05);
    padding:8px 5px; border-bottom: solid 1px rgba(0,0,0,0.05); background-color:#fcf8e3;margin: 1px 0 1px 22px;
}
.utags .ui-grid td {
    vertical-align: top;
    padding: 2px 4px;
}
.utags .spl
{
    min-height:28px;
    background-color: #F6F6F6;
    padding-top: 6px;
}
.utags .spl input
{
    margin-top: 0!important;
}
.utags .rptheader
{
     text-align:center;
}
.utags .rpttile
{
     background-color:#F0F0F0;
}
.utagschart {
    padding:0 8px;
}
/*.utags */
.ui-form .ui-grid { width:100%; }
/*RawS
============*/
.RawS_Filter
{
}
/*uiform
=====================================================================================*/
.ui-form
{
	empty-cells: show; 
}
.ui-form .caption
{
    color:White; padding:1px 10px 1px 10px;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
}
.ui-form .text:hover
{
    color:wheat;
}
.ui-form th
{
	font-size:14px;
	font-weight: lighter; color:#999999;
	text-align: right; vertical-align:top; background-color: #F6F6F6;
}
.ui-form th.th
{
    text-align:center; background-color:#F6F6F6; 
}
.ui-form .th
{
	color:#999999; font-size:14px; border-radius:2px; text-align:right; vertical-align:top; min-width:66px;
}

.ui-form td
{
	font-size:14px; padding:1px 2px 1px 2px;
}
.ui-form .rowfuns
{
	font-size:small; line-height:20px;
	float: left;
    padding: 2px 2px 0;
}
.ui-form .rowfuns a  
{
    font-size: 13px;
    font-weight: normal;     padding: 2px 8px 3px;
}
.form-bodyarea-box
{
    padding: 0 2px;
}
.outter-box
{
    width:100%; padding:1px;
}
.ui-form .rowfuns a.label:hover {
    color: rgba(255,255,255,0.5);
}
/*ui-grid
======================================================================================*/
/*#div_griddata { width: calc(100% - 1px); }*/
#div_griddata, #div_dsdata, .ui-grid, .userselect
{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
img.gyr { width:14px; opacity: 0.68; margin-top:2px; }
.xyc.cmp img.gyr { width:10px; margin-top:4px; margin-bottom:6px; }
#ui-table { width:100%;position: relative;  }
.dssql { /*margin-bottom: 6px;*/ min-height:168px; }
.dssql .footer { /*margin-top: 2px;*/ }
.dssql table
{
}
.ui-grid
{ 
    position: relative; display: inline-block;
	empty-cells: show; background-color:White; cursor:default;border-radius: 2px;
}
.ui-grid.ui {/*objs on*/
  background-color: transparent; min-width:inherit;
}
.ui-grid thead tr {
    background-color:#f3f3f3;
}
.ui-grid thead th {
    padding: 4px!important;
}
.ui-grid tr th.rowno {/*, .ui-grid tr.row-total td.rowno*/
  color: transparent!important;
}
.ui-grid tr.row.selected {
    background-color: lightyellow;
}
.ui-grid .body { /*overflow:auto;*/ }
.ui-grid #ui-table, .ui-grid .ui-table { border: solid 1px rgba(0,0,0,0.12); border-radius: 2px;}
#div_griddata .footer {
    border-top: none;
    margin-top: 4px;
}
/*分組時不要有高度
.datamxbox {
    min-height: 160px;
}*/
.ui-grid img.close, .ui-grid img.dashboard{ padding: 3px; cursor:pointer; width:16px; }
.ui-grid img.add2.dashboard {
    float: right;
}
.ui-grid .glyphicon.add2.dashboard {
    margin-top: 2px;
    color: #cdcdcd;
}
.ui-grid .glyphicon.add2.dashboard:hover {
    color:white;
}
.glyphicon.add2.dashboard {
    float: right;
    font-size: 16px;
    color: #ececec;
    padding: 0 4px;
    cursor: pointer;
}
.glyphicon.add2.dashboard:hover {
    color: indianred
}
.xyc img.add2.dashboard { /*float: left;*/
}
img.add2.dashboard { opacity: 0.4; }
img.add2.dashboard:hover { opacity: 1; }
img.add2 { width: 20px; cursor:pointer; padding:0 2px;}
/*.rowfuns a { margin:0 2px 0 1px;}*/
.ui-grid .rowfuns
{
    /*text-align:center;*/
    min-width:30px;
    font-size:smaller;
}
.ui-grid .rowfuns a {
    text-decoration: none; margin: 0 2px 0 0;
}
.ui-grid .rowfunsmenu
{
    display: inline-block; padding-left:4px;
}
.ui-grid .rowfunsmenu .show
{
}
.ui-grid .rowfunsmenu .close
{
    margin: -2px -6px 2px 0px; text-align: right; padding-bottom:1px;
}
.popupmenu
{
    z-index: 9998;
    background-repeat:repeat-x;
    /*background-image: -webkit-linear-gradient(top,#FAFAFA 0%,#D0D0D0 100%);*/
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.01) 100%);
    background-color: #F6F6F6; white-space:normal;
}
.todomsglist .popupmenu { z-index:inherit; }
.popupshadowbox
{
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.6);
}
.ui-grid .rowfunsmenu .popupmenu
{
    border-radius:2px;
    position: absolute;
    background: rgba(94, 83, 79, 0.72);
    margin-left: -146px;
    min-width: 146px;
    text-align: left; padding: 4px;
}
.ui-grid .rowfunsmenu .popupmenu .close
{
    padding:4px 8px 2px 0;margin-left:4px;
}
.ui-grid .rowfunsmenu .popupmenu .body
{
    margin: 0 24px 0 0; 
    border-left:solid 2px #F6F6F6;
    background-color:rgba(0,0,0,0.05);
}
.ui-grid .rowfunsmenu .popupmenu a
{
    padding-left: 20px; text-decoration:none; font-size:14px; 
    color:White; margin-left:-1px;
}
.ui-grid .rowfunsmenu .popupmenu a:hover
{
    background-image: url('../pic/right.png');
    background-repeat: no-repeat;
    text-decoration: underline;
    background-position-y: 1px;
    background-position-x: 1px;
}
.EISC img {
    cursor: pointer;
    padding: 0 3px;
    vertical-align: middle;
}
.ui-grid .EISC
{
    padding:0 4px 0 4px;
}
.ui-grid td.EISC
{
    text-align:center;
    padding:0 5px;max-width:70px;
}
.ui-grid td.EISC img { opacity: 0.5; }
.footerhelp
{
    color: Gray; font-size:small;
}
.ui-grid .footerhelp > div {
    padding: 8px 8px 0;
}
.xyc td.sec.ncol {
    background-color: rgba(0,0,0,0.05);
}
.xyc td.mst.ncol,.xyc td.sec.ncol {
  vertical-align: top;
}
/*.ui-grid { line-height: 1.68em; }*/
.xyc .ui-grid th, .xyc .ui-grid .rowno { border:none; }
.xyc
{ 
    display:inline-table; min-width:360px;
}
.xyc caption
{
    padding-top:1px;padding-bottom:0;
    background-color: #839ec2;
    border-radius: 4px 0 0 0;
    text-overflow: initial;
    white-space: nowrap; 
    
    border: solid 1px rgba(0,0,0,0.05);
}
.xyc caption .txt
{
    color: white;  margin-left:8px;
}
.xyc tr
{
     vertical-align: top;
}
.xyc th
{
    text-align:center; 
}
.xyc .col
{
}
.xyc .x
{
     color: #333333;
}
.xyc .row .y
{
    text-align: left;
    color: #333333;min-width:48px;
}
.xyc th.y.txtcmditem {
    white-space: nowrap;
    vertical-align: middle;
}
.xyc td, .xyc th {
    padding: 4px 8px !important;
}
.xyc tr:hover {
    background-color: transparent !important;
}
.xyc tr.even:hover {
    background-color: #fafafa !important;
}
.xyc tr.row-total:hover {
    background-color: #f6f6f6 !important;
}
.xyc .ds
{
    font-size:small; 
    color: Teal;
}
.xyc{
    border-collapse: collapse !important;
    border-spacing: 0;
}
.xyc th, .xyc td {
    border: solid 1px rgba(0, 0, 0, 0.06) !important;
}
.xyc .gratetext
{
    font-size:small;
}
.xyc .row-total td
{
	text-align: right;
	color: #333; padding:2px 0;
}
.xyc_acf.vertical { text-align:right; width:calc(100% + 7px); background-color: rgba(0,0,0,0.02); }
.xyc_acf.vertical td { padding:0; }
.xyc_acf { margin: 0 -4px;padding: 0 4px;}

.xyc_acf.vertical .d2, .xyc_acf.vertical td.sec.ncol { background-color: transparent; }
.xyc_acf.vertical .gratebox .show {
    background-color: transparent;
    border-bottom: solid 1px rgba(0,0,0,0.25);
}
.xyc_acf.vertical .gratebox-m, .xyc_acf.vertical .gratebox-m .left, .xyc_acf.vertical .gratebox-m .right { height:16px; }
.xyc_acf
{
    width:220px; 
}
.xyc_acf .d1
{
    width:75px;font-size:smaller;color:Gray
}
.xyc_acf .d2
{
    width:52px;font-size:smaller;color:Gray;background-color:rgba(0,0,128,0.02); border-radius:4px 4px 0 0;
}
.xyc_acf-total
{
}
.xyc_acf-total .d1
{
    display:none;
}
.xyc_acf-total .d2
{
    display:none;
}
/*nested-table*/
.nested-table { }
.nested-table .ui-grid { width:calc(100% - 1px); }
.nested-table .ui-grid td { white-space: normal; }
.Panel_EIS .ui-grid
{ margin:0; min-width:300px;}
.Panel_EIS .ui-grid.xyc {
    margin-bottom: 6px;
}
.Panel_EIS .ui-grid.ui { min-width:1px; }
.ui-grid .caption {
    color: White;
    padding: 2px 24px 2px 24px;
    border-radius: 2px 2px 2px 0;
    /*text-shadow: 1px 1px rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.1) 100%);*/
}
.ui-grid .caption .text { white-space:nowrap;color:white; padding:0 4px;vertical-align: middle; /*font-size:0.9em;*/ }
.utags .ui-grid .caption .text, .utags .ui-form .caption .text {
    color: white;
}
.ui-grid .rowno
{
    padding:0 4px; 
    font-weight: lighter;
	color: #333333;
}
.ui-grid th, .ui-grid .rowno {
    vertical-align: top;
    text-align: center;
}

.ui-grid td.rowno
{
	/*well
    border: 1px solid rgba(0, 0, 0, 0);*/
}
.ui-grid th
{
    font-weight: normal;
    padding:1px 5px; 
    /*
    background-repeat: no-repeat;
    
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));
    background-image: -moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%);*/
}
.ui-grid .row th
{
   /*color: #888;
   border-right: solid 1px rgba(0,0,0,0.06);
    border-bottom: solid 1px rgba(0,0,0,0.06);
   border-left: solid 1px rgba(255,255,255,0.06);
  border-top: solid 1px rgba(255,255,255,0.06);*/
}
.ui-grid .row.ext th {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.5);
    color: #666666;
    padding: 0 5px !important;
    border-bottom: dotted 1px lightgray;
}
.ui-grid th .col {
    text-decoration: none;
    color: rgb(25, 25, 112);
}
.ui-grid a {
    color: #222222;
}
.ui-grid th .col:hover
{
 	/*text-decoration: underline;*/ border-bottom:solid 1px rgba(0,0,0,0.5);
}
.ui-grid tbody tr .rowno {
    background-color: #F2F2F2;
    color: #888888;
}
./*ui-grid tr .rowno
{
    width:18px; color:#AAA;
}*/
.ui-grid tr.row-header {
    background-color: #EAEAEA;
    color: gray; font-size:0.92em; line-height:18px;
}
.ui-grid tr.row-header .scol, .ui-grid tr.row-header .ncol {
    text-align: center;
}
.ui-grid tr.row-header td {
    border:none;
    /*font-size:smaller; 
    background-image: -webkit-linear-gradient(top,#EFEFEF 0%,#F6F6F6 50%);
    background-image: -ms-linear-gradient(top,#EFEFEF 0%,#F6F6F6 50%);*/
}
.ui-grid th.sortable
{
    padding:0px 6px 2px 6px; 
}
.ui-grid th.sortable:hover
{
    background-image: url('../pic/sortable.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.ui-grid td
{
    white-space:nowrap;overflow: hidden;
    font-size:14px;
	vertical-align:middle;
	padding:3px 5px;
}
.ui-grid td.ncol { vertical-align:top; }
.ui-grid .funmenus td { white-space:normal;overflow: visible; }

/*.ui-grid td.ncol, */
.ui-grid .row-total td.ncol, .xyc .row-total td
{
	font-size:0.96em!important;
}
td.ncol
{
    text-align: right;
}
/*by valuesql-toxcol*/
a.col.apc { color:#333; }
td.apc { background-color: rgba(0,0,128,0.026); }
/*col to row*/
tr.c2r th { text-align:left; background-image: none; }
tr.c2r td.scol {border-bottom:solid 1px rgba(0,0,0,0.03); }
.eis tr.c2r td.scol { text-align:center; border:solid 1px #F0F0F0; background-color: #F6F6F6}
tr.c2r .col { white-space:nowrap;overflow: hidden; }
/*vbor dash-board*/
.ui-grid .vbor
{
	font-size:6px; padding-top:5px; margin: 0 -4px;
}
.ui-grid .vbor .v1
{
	float:left; background-color: #FF5E5E; height:8px;
}
.ui-grid .vbor .v2
{
	float:left; background-color: #FFEB3B; height:8px;
}
.ui-grid .vbor .v3
{
	float:left; background-color: #8bc34a; height:8px;
}
.ui-grid .vbor .dash
{
	border-right:solid 1px blue; font-size:3px; height:3px;
}
/*vbar*/
.ui-grid .vbar
{
    position: relative;
    /*line-height:21px;border-bottom set as 1*/
}
.ui-grid #ui-table .vbar, .ui-grid .ui-table .vbar
{
 	margin-left:-4px;margin-right:-4px;
 	min-height:16px; border-left: solid 1px transparent;
}
.ui-grid .vbar .vtxt
{
    font-size:small;position: inherit;color:rgba(0,0,0,0.6);vertical-align: bottom;margin-right:4px;margin-left:4px;
}
.ui-grid .vbar .value
{
    max-width:100%;
	background-color: #ccddff;
	font-size: Smaller;
	color: lightgray;
	position: absolute; border-top: solid 1px rgba(255,255,255,0.5);
    padding:1px 0;
}
.ui-grid.ui .vbar .value { border-bottom:none; }
#ui-table .vbar .value, .ui-table .vbar .value
{
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 20%,rgba(0,0,0,0.03) 100%); border-radius:0 2px 2px 0;
}
.xyc .vbar { margin-left: -4px; margin-right: -4px; line-height:22px; }
.xyc .vbar .value
{
    padding-top: 0;
    border-left: solid 1px rgba(255,255,255,0.5);
}
/*no text*/
.ui-grid .vbar2
{
	border:solid 1px rgba(0,0,0,0.05);border-left-color: rgba(0,0,0,0.32);
}
.ui-grid .vbar21
{
	border-bottom:solid 1px rgba(0,0,0,0.08); height:8px;
}
.ui-grid .vbar22
{
	 height:7px;
}
.ui-grid .vbar_e
{
 	font-family:Arial;height:7px;
}
.ui-grid .vbar_e a
{
	display:none;
}
.ui-grid .vbar_e .value
{
	font-size:7px; color:Gray;height:7px;
}
.ui-grid tbody tr.row:hover
{
    background-color: rgba(0,255,0,0.08);
}
.ui-grid tbody .row {
    /*border-bottom: solid 1px rgba(0,0,0,0.05);*/
}
.ui-grid .row {  }
.ui-grid .even { background-color: rgba(0,0,0,0.02); }
.ui-grid .row-total {
    text-align: right;
    color: #555555;
    background-color: #f7f7f7;
    border-top: solid 1px rgba(0, 0, 0, 0.08);
}
.ui-grid .row-total td
{
    color:#666;
}
.ui-grid.xyc .row-total td  
{
    padding:1px 2px; 
}
.funmenus
{
    margin:4px 8px; text-align:left; float:left; 
}
.funmenus .popupmenu
{margin-top: 4px;
    border:solid 1px #EAEAEA; background-color:tan; min-width:220px;padding:6px; background-image:none;filter:none;
}
#ui-table .colpopup, .ui-table .colpopup
{
    cursor: pointer;
}
#ui-table .colpopup .popupmenu, .ui-table .colpopup .popupmenu {
    border-radius: 2px;
    right: 0;
    box-shadow: 0 0 8px 1px lightgrey;
    background-color: #f6f6f6;
    display: inline-block;
    color: Black;
    margin: 20px 0 0 2px;
    cursor: default;
    z-index: 9999;
}
.ui-grid .captionmenu .posi img {
    width: 16px;
    margin-top: 4px;
}
.colpopup .popupmenu .header { text-align: right; padding: 1px; border-bottom:solid 1px #DADADA; background-color:white; }
.colpopup .popupmenu .header > img {
    border-radius: 2px;
    padding: 0px;
    margin: 2px;
}
.captionmenu .colpopup .popupmenu .body {
    padding: 4px 5px;
    text-align: left;
}
.colpopup .popupmenu .body {
    padding: 10px 15px;
    text-align: left;
}
.colpopup .popupmenu .title { text-align:center; }
.colpopup .c1 { color:#333; padding:2px 0 }
.colpopup .c2 { background-color:rgba(255,255,255,0.5); padding:2px 4px; border-bottom:solid 1px #F6F6F6; }
.colpopup .c2.ncol { text-align:right; }
.colpopup .c2 a { text-decoration:none;}
.colpopup .c2 a:hover { color: Orange; text-decoration:underline; }
.colpopup .popupmenu .gratebox { display: none; }
.xyc .funmenus { float:left; padding-left:4px;}
.xyc .funmenus .popupmenu
{
    margin-left:1px;
}
.funmenus .popupmenu .ijref
{
    margin:0 1px;
    padding: 0 5px;
    background-color: transparent;
    background-image: none;
    border:none;
    font-size: 15px;
    color: white;
}
.drilldown
{
}
.drilldown .popupmenu { min-width:100px; margin-left:-188px; }
.dsdrill { margin-right:2px; }
.dsdrill .popupmenu { margin-left: 24px;
    border: solid 2px #BDBDBD;
    /*border-top: none;*/
    border-radius: 2px;
    margin-top: 25px;
}
.Panel_EIS.left .dsdrill .popupmenu {
    margin-top: 0;
    box-shadow: 0 0 4px 0px lightgrey;
}
.dsdrill .right {
    padding: 4px;
}
.drilldown .item {
    cursor: pointer;
    /*padding: 0 8px;
    color: royalblue;*/
    margin-bottom: 1px;
    line-height: 1.32em;
}
.drilldown .xitem
{
    cursor:pointer; text-decoration: underline;color:royalblue;
}
.drilldown .text
{
    padding: 1px 4px; margin-bottom:1px; font-size:15px; color:Gray;
}
.drilldown .item:hover, .drilldown .xitem:hover {
    color: darkorange;
}
.drilldown .cb { text-align:center; }
/* growrate */
.gratebox{ min-width:40px;margin-left:-4px; margin-right:-4px; margin-top:1px; }
.gratebox.gratebox-m { margin-top: -16px; }
.gratebox, .gratebox .left, .gratebox .right
{
    height:3px;
}
.gratebox-m, .gratebox-m .left, .gratebox-m .right
{
    height:21px;
}
.gratebox .lbox
{
	width:50%;float:left;
}
.gratebox .rbox
{
	width:50%;float:right;
}
.gratebox .show { background-color:rgba(0,0,0,0.2); }
.gratebox .left
{
	float:right;background-color:#FF5E5E; font-size:1px;
}
.gratebox .right
{
    float: left;background-color: #90EE90;font-size: 1px;
}
.gratetext
{
	font-size:smaller; 
}
/*paging*/
.ui-paging {
    background-color: rgba(0,0,0,0.02);
    display: block;
    border-bottom: solid 1px rgba(0,0,0,0.12);
    margin: 0 0 1px !important;
    padding: 2px 4px 2px 0;
    /*font-size: 0.95em;*/
}
.ui-paging .gopage
{
    /*border: solid 1px rgba(0,0,0,0.05);*/
    background-color: rgba(255,255,255,0.5);
}
.ui-paging .gopage:hover
{
    background-color: #99FF99;
}
.ui-paging span.pageidx input {
    text-align: center;
    padding: 1px 0 0px 0;
    margin: 0 4px 0px -2px;
    line-height: 1em;
    border: none;
    border-bottom: solid 2px rgba(0, 0, 250, 0.08);
    border-radius: 0 4px 4px 0;
}
    /*.ui-paging span.pageidx input {
    width: 30px;
    text-align: center;
    padding: 0;
    font-size: small;
    margin: 0 4px 0 -3px;
    line-height: 1em;    border: none;
}*/
.ui-paging a
{
    min-width:24px;
    text-decoration: none;
    padding: 0 5px;
    /*border: solid 1px rgba(0,0,0,0.05);*/
}
.ui-paging .now a { border:none; }
.ui-paging .now
{
    color: #FF9900;
    border: solid 1px #FF9900;border-radius: 3px;
}
/*uibox functions
=====================================================================================*/
.uibox_funs
{
	border:solid 1px rgba(0,0,0,0.05); padding:4px 2px; border-radius:2px;
}
.uibox_funs .title-text {}
.uibox_funs .title-text:link, .uibox_funs .title-text:visited,
.uibox_funs .footer-text:link, .uibox_funs .footer-text:visited { text-decoration:none; }
.uibox_funs .title-text:hover, .uibox_funs .footer-text:hover { text-decoration:underline; }
.uibox_funs .bodyarea {  }
.uibox_funs .bodyarea:hover { }
/*boxs*/
.bodyitem { margin-left: 8px; margin-right: 4px; text-decoration: none; }
.bodyitem:hover { text-decoration: underline; }
/*uibox todo & info form
=====================================================================================*/
.uibox_todo-form, .uibox_info-form
{
    font-size: small;
    background-color: #F6F6F6;
    border-radius: 4px 4px 0 0;
}
.uibox_todo-form table, .uibox_info-form table
{
    width:100%; padding:0 2px 0 2px;
}
.uibox_todo-form .caption, .uibox_info-form .caption
{
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background-color: #B0D8FF;
    padding: 2px 2px 0 2px;
    border-bottom: 2px solid #D9ECFF;
    border-radius: 4px 4px 0 0;
    border-bottom-color: #C1E0FF;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
    background-image: url('../pic/bgw_blue.gif');
}
.uibox_todo-form .caption:hover, .uibox_info-form .caption:hover
{
	color: orange;
}
.uibox_todo-form .caption a.text, .uibox_info-form .caption a.text {
    color: white;
}
.uibox_todo-form td, .uibox_info-form td
{
	 border-bottom:solid 1px #FDFDFD;padding-top: 2px;
}
.uibox_todo-form td:hover, .uibox_info-form td:hover
{
	 border-bottom:solid 1px #FF9933;
}
.uibox_todo-form table a:link, .uibox_todo-form table a:visited,
.uibox_info-form table a:link, .uibox_info-form table a:visited 
	{ text-decoration:none; }
.uibox_todo-form table a:hover, .uibox_todo-form table a:hover,
.uibox_info-form table a:hover, .uibox_info-form table a:hover
	{ color: #FF9933; }
/*dashboard========================*/
.lv .maxdisp { /*border-top: solid 1px white;*/ }
#div_dashboard_body { vertical-align:top; }
#div_dashboard_body.eis { border-left: solid 12px rgba(0,0,0,0.1); }
.dashboard { border-bottom: solid 1px rgba(0,0,0,0.02); margin-bottom: 1px;}
.dashboard .dcaption
{
    background-color:#F6F6F6; padding:2px 0; border-bottom: solid 1px rgba(0,0,0,0.02);
}
.dashboard .body
{
}
.dashboard .body .snode {padding:2px; background-color:#FAFAFA; }
.snodetriangle { margin-right:-2px; }
.dashboard .body .eis { }
.dashboard .eisitem
{
    background-color: rgba(0,0,0,0.52);
    padding:4px 0 4px 4px;
    border-right: solid 1px white;
    /*border-bottom: solid 1px white;*/
    vertical-align: top;
    width:120px;height:41px;line-height:16px;border-radius:1px;float:left;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.25)));
    background-image: -ms-linear-gradient(cornflowerblue, rgb(97, 131, 194))
}
.dashboard .eisitem a
{
    text-decoration: none; color:white;
    overflow:hidden;
}
.dashboard .remove
{
    padding: 0px 1px 2px;
    font-weight: bold;
    float: right;
    
    border: solid 1px white;
    color: white !important;
    border-radius: 8px;
    position: relative;
    right: 2px;
}
.dashboard .eisitem:hover
{
    border-bottom:solid 1px #FF9900;  height: 100%;  min-height: 41px;
}
.dashboard .eisitem:hover, .dashboard .eisitem a:hover
{
    color: #FFCC99;
}
.uboardicon img { height:16px; }
.uboardbox {
    background-color: white; padding:1px; 
    background-image: -webkit-linear-gradient(top,rgba(196, 196, 190, 0.16) 0%,white 50%)
}
.uboardbox .options 
{
    padding: 2px 4px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.uboardbox .navbox { padding-top:8px; }
.uboardbox .widthoptions .item
{
    cursor:pointer;
}
.uboardbox .widthoptions .item:hover
{
    color:Orange;
}
.uboardbox #screenwidths
{
    padding:8px; border:solid 1px gray; background-color:#F6F6F6;
}
.uboardbox td.nav {
    width: 16px;
    padding: 20px 0;
}
.uboardbox .ui-resizable-e { border-left:dotted 1px rgba(0,0,0,0.2); right: -7px;}
.uboardbox .ui-resizable-s { border-top:dotted 1px rgba(0,0,0,0.2); bottom: -7px; }
.uboardbox .ui-resizable-se { border-right:dotted 2px rgba(0,0,0,0.3); border-bottom:dotted 2px rgba(0,0,0,0.3);}
.nav.left { text-align:left; }
.nav.right { text-align:right; }
.uboardbox .rpt {
    overflow: auto;
    margin: 0 auto;
    z-index: 1;
    padding-bottom: 2px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    background-color:White;
}
.uboardbox .rpt .header {
    font-size: xx-large;
    color: darkslateblue;
    text-align: center;
    padding:5px 0;
    text-shadow: 1px 1px lightgray;font-weight:lighter;
    background-image: -webkit-linear-gradient(top,white 50%,#F0F0F2 100%);
    background-image: -moz-linear-gradient(top, white, white 50%, #F0F0F2);
    background-image: -ms-linear-gradient(white, white 50%, #F0F0F2);
}
.uboardbox .uboard
{
    padding: 4px;
    margin: 1px 2px 1px 4px;
}
.uboardbox .uboard .item {
    display: inline-block; 
}
.uboard-body .uboard.ux .uboarditem 
{
    margin: 8px 0 0 0; /*box-shadow: 1px 0 6px rgba(0,0,0,0.06);*/
    padding-left:2px;
}
.uboard-body .uboard .uboarditem {
padding: 4px;
display: inline-block;
vertical-align: top;
}
.tagheader  
{
    padding: 4px 4px;
    border-left: solid 1px burlywood;
    background-color:#F6F6F6;
    background-image: -webkit-linear-gradient(left,#EAEAEA,white 60%);
    border-left-width: 15px;
    font-weight: 700;
    color: darkseagreen;
    font-size: medium; border-radius:2px;
}
.uboarditem .caption {
    background-color: transparent; text-align:left; margin-left:56px;
}
.uboarditem .ifrmcaption x {
  border-bottom: solid 2px rgba(55,120,120,0.2);
  margin-bottom: 4px;
}
.uboarditem .ubtipbox, .ubitem .ubtipbox {
    font-size: initial;
    border-top: dashed 1px lightgrey;
    border-bottom: solid 2px gray;
    padding: 4px 0; }
.uboarditem .showgridbtn { margin-left:8px;padding:2px; float:right; }
.uboarditem .optionsbtn { margin-left:8px;padding: 4px 2px; }
.uboarditem .optionsbtn, .uboarditem .showgridbtn {
    opacity: 0.4;
}
.uboarditem .optionsbtn:hover, .uboarditem .showgridbtn:hover {
    opacity: 1;
}
.uboarditem .options {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, .36);
    position: absolute;
    background-color: White;
    padding: 10px;
    min-width: 300px;
    /*border-radius: 4px;*/
}
.ubsqlidtitle { color: rgba(0,0,0,0.1); 
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uboarditem .options.popupmenu { background-color:#FAFAFA;background-image: none; }
.uboarditem .caption span:hover { color:#ff8c00; }
.uboarditem .options .shiftys label { padding-right:8px; }
.uboardpages { max-height:180px; overflow:auto; }
.ui-uboard .jsc { margin: 0; border:none;}
.ui-uboard .ui-grid { width:100%; }
.uboard { padding:0px; }
.uboardrbox { margin-bottom:16px; }
.uboardrbox .pages 
{
    overflow: auto;
    width: 100%;
    max-height:300px;
    display: inline-block;
    white-space: nowrap;
}
.uboardrbox .eisitem {
text-align:left;border-radius:2px;margin:1px 0;
}
#sharedpages { color:royalblue }
.uboardpanel .uboard
{
    margin-top: 2px;
    border: solid 1px #F0F0F0;
    padding: 4px;
    overflow: auto;
    max-height: 450px;
}
.uboardrbox .eisitem:hover {
}
#panel_addsnode
{
    border: solid 1px #DADADA; background-color:beige;
    padding: 5px 8px;
    border-left-width: 12px;
    border-right-width: 12px;
}
#div_snodes_body
{
    margin: 5px;
    border: solid 1px #F0F0F0;
    padding: 2px;
    background-color: #FAFAFA;
}
.rootclose  
{
    opacity: 0.85;
    top: 2px;
    position: relative;
}
.SNode_box_Root
{
    padding:2px;
}
.SNode_box_Root .hb
{
     color:Gray;text-align:center;width:20px; float:right; cursor:pointer; 
}
.SNode_box_Root .hb a { color:rgba(255,255,255,0.5); }
.SNode_box_Root .hb:hover
{
    /*border:solid 1px #F6F6F6; border-radius:10px;*/
}
.dashboard .SNode_box_Root
{
    float:left;
}
.dashboard .SNode_body
{
    min-height:56px; min-width:156px;
}
.dashboard .leftnode .SNode_body 
{
    white-space: nowrap;
    max-width: 420px;
    overflow: auto;
}
.dashboard .nodes .SNode_body {height: 180px; overflow-x: auto;overflow-x: hidden;}
.SNode_childs
{
    background-color:#FFFFCC; border-left:solid 1px #FFCC99; padding:0 0 2px 4px;
    background-color:rgba(255,255,204,0.05);
}
.snodenode { margin-right:2px; }
.snodetriangle { color: transparent!important; }
.snodetriangle:before {
    content: "";
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(243, 188, 23, 0.72);
    border-bottom: 8px solid transparent;
    margin-left:3px; margin-top:4px;
    z-index: 90;
    position: absolute; 
}
.SNode_childs { border-radius: 4px 0 0 4px; }
.SNode_childs img { margin-top: 2px; opacity: 0.6; }
.SNode_childs a > img {
    opacity: 0.26;
}
.SNode_box
{
    margin:4px;
}
.SNode_body
{
    border:solid 1px #F0F0F0;
    background-color: #F6F6F6;
    background-color: rgba(168,168,168,0.05);
   
  padding: 5px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0 0 4px 4px;
}
.dashboard .SNode_caption
{
    border-radius: 2px;
    padding:4px;
    min-height:28px;
}
.dashboard .dcaption tr { line-height:20px; }
.dashboard .dcaption td { vertical-align:middle; }
.dashboard .dcaption .title {  }
.SNode_caption
{
    color: #333;
    min-width: 120px;
    border: none; 
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    height: 12px;
    min-height: 12px;
    margin-bottom: 0; 
    
    font-size: 15px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 );
    /*text-shadow: 1px 1px whitesmoke;*/
}
.iwell {
  min-height: 18px;
  padding: 3px 5px;
  /*background-color: #f5f5f5;*/
  background-color: silver;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/*form fileimage box
=====================================================================================*/
.fileimage
{
	font-size:small;
}
.ui-form .fileimage .title
{
    background-color:rgba(0,0,0,0.02); padding: 5px 0 1px 0;
}
.ui-grid .fileimage .title
{
    background-color:transparent; padding: 0 1px;
}
.fileimage img
{
    z-index:9;
}
.fileimage .title-text {}
.fileimage .bodyarea {
  padding: 8px;
}
.fileimage .bodyitem { margin: 2px 8px 0px 0px; display:inline-block; text-decoration: none; border-bottom: solid 1px rgba(0,0,0,0.1);}
.fileimage .bodyitem:hover
{
	border-bottom:solid 1px #FF9933;
	color: #FF9933;
}
.fileimage .bodyitem img { padding-right:2px; }
.fileimage .title-text:link, .fileimage .title-text:visited,
.fileimage .footer-text:link, .fileimage .footer-text:visited { text-decoration:none; }
.fileimage .title-text:hover, .fileimage .footer-text:hover { text-decoration:underline; }
.fileimage .footer { border-top:dotted 1px LightGray; border-bottom:none; }
.fileimage .rowfattachs .close
{
    background-color:#87DAA3; margin:-2px -3px 3px -3px; padding:2px; border-bottom:1px solid white; text-align:right;float:none;
}
.fileimage .rowfattachs
{
    background-color: #ECF8EC;border-radius:2px;
    border: 2px solid #87DAA3;
    z-index: 2;
    position: absolute; 
    padding:2px 3px 5px 3px; min-width:200px; right:0;
}
.atctitle { text-align:center; }
/*= Treeview========================*/
.dashboardmenu
{
    padding: 2px 6px;
    border-radius: 2px 8px 0 0 !important;
    /*background-image: url('../pic/btn_bg_dkblue.PNG');*/
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.325) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.325) 100%);
    background-color : cornflowerblue;
}
.dashboardmenu_golastbox
{
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.035);
  padding: 2px 2px;
  margin-left: 4px;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.08);
}
.dashboardmenu_golast {
    background-size: contain;
    background-image: url(../pic/prestep.png);
    background-repeat: no-repeat;
    background-position: 2px;
    opacity: 0.08;
}
.dashboardmenu_golast:hover {
    opacity: 0.35;
}
.dashboardmenu_golast a { color: transparent!important; }
.dashboardmenu a { color:mintcream; }
.dashboardmenu a:hover { color:White; }

/* dashboardmenu_golast on eis.aspx*/
.eisaspx { margin-top:-18px; float:left; margin-left:0; }
.warboardmenu
{
    /*display:none;*/
}
#tv_list { min-width:946px; }
.tvlist_header_box {}
.tvlist_body_box {}

#tv_list_header
{
    margin:0 1px; height:30px; background-color:rgba(0,0,0,0.3);
}
#tv_list_header .systitle
{
    padding:4px 0 0 4px; color:White; font-size:medium;height:30px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;/*text-shadow:1px 1px rgba(0,0,0,0.5);*/
}
#tv_list_header .systitle .text { color:White; /*text-shadow:1px 1px rgba(0,0,0,0.5);*/}
#tv_list_header .langoptions
{
     margin-right:10px; color:White; font-size:small;
}
#tv_list_header .fu
{
    font-size:15px; padding:2px 0px 4px 16px;border-right: solid 19px rgba(0, 0, 0, 0.26);
    background-color:rgba(0,0,0,0.36);
    height: 24px;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 50%,rgba(0,0,0,0.3) 100%);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 50%,rgba(0,0,0,0.3) 100%);
}
#tv_list_header .fu.searchm { padding:6px 10px 0 16px; }
#tv_list_header .rset,#tv_list_header .rtags,#tv_list_header .rdoc, #tv_list_header .langoptions
{
    display: inline-block; float:left;
}
#tv_list_header .rset
{
    margin-top:2px;
}
#tv_list_header .rtags
{
    margin-left:10px;
}
#tv_list_header .rtags .stag { padding:1px 6px 0; border-radius:2px 0 0 2px; border:solid 2px rgba(0,0,0,0.032); margin-right: -8px; }
#tv_list_header .rtags .ibts { margin-bottom: -6px }
#tv_list_header .rdoc
{
    /*padding:3px 0 0 6px; */
    margin-top: -2px;
}
#tv_list_header .rdoc a:not([role="menuitem"])
{
    /*color:white; font-size:14px; padding-left: 4px; */color: rgba(255,255,255,0.86);
}
#tv_list_header .rdoc a:hover, #tv_list_header .rdoc a:focus {
  color: #666; /*border-bottom: solid 2px rgba(0,0,0,0.06);*/
}
#tv_list_header .rdoc a.logout_lb:hover {
  color: burlywood;
}
.clear { clear:both; }
#ulv_header
{
    min-width:480px;
    white-space: nowrap;
    /*overflow: hidden;會增加高度*/
    text-overflow: ellipsis;
    clear:both;
    padding:0 0 0 1px; min-height:24px; background-color: white; 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.05) 100%);
}
#ulv_header .leftpart
{ float:left; }
#ulv_header .apsnodesbox
{white-space: normal; z-index:100;
     position:absolute; padding:1px 0 2px 0px;background-color:rgba(0,0,0,0.02);
     margin-top:-2px;
}
#ulv_header .uapsnodebody { }
#ulv_header .ohd {border-radius:2px 0 0 2px;}
#ulv_header .ohd img
{
    height:25px;width:19px; cursor:pointer;
}
#ulv_header .loginfo { color: gray; margin:0 6px 0 6px;}
#ulv_header #div_options { background-color:#F6F6F6; padding:8px 20px; margin-left:-132px; font-size:medium; min-width:90px; 
                           margin-top:2px; }
#ulv_header .maxspc { padding-left: 42px }
.maxspc .imgbtn 
{
    width: 20px;
    border-width: 1px;
    border: solid 1px lightblue;
    background-color: lightsteelblue;
    padding-left: 1px;
    border-radius: 4px;
    margin: 0;
}
.todo_caption
{
    background-color:#99CCFF; padding:4px 2px;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%);
}
.imgbtn.maxspace
{
  opacity: 0.8;
  padding: 0 2px 0 4px; display:none;
}
#ulv_header .todomsg { padding-left: 0; }
#ulv_header .todomsg .msg 
{
    /*background-color: rgba(0,0,0,0.035);*/
    color: #222;
    padding: 2px 12px 2px 4px;/*bootstrap 1 12 3 12*/
    border-radius: 0 8px 0 0; font-weight:lighter;
    margin-left:12px;
}
#ulv_header .todomsg .msg:hover { color:#0039FF; }
#tv_list .header
{
}
.tv_list_footer
{
    color:White; font-size:small; background-color:Gray; border-top:solid 1px #F0F0F0; margin-top:1px; clear:both;
}
.tv_nodes {border-right:solid 1px #E0E0E0; border-top:solid 1px #D0D0D0;}
#utv { width:260px; }
.tv_nodes_float, .eis_guid_float, .panelguid_float, .infobar_float
{
    position:absolute; border: solid 1px #F0F0F0; background-color: #F6F6F6; height:100%;
}
.tv_nodes_float { max-width: 350px; z-index:105; }
.tv_nodes_float #utv { width:auto; }
.infobar_float { z-index:103; }
.panelguid_float { z-index:102; }
.eis_guid_float { z-index:101; }
#ulv
{
    background-color:White;
}
#viewparms_win {
    border: solid 4px #C6C6C6;
    border-radius: 4px;
    background-color: rgb(246, 246, 246);
    margin-top: 1px;
    min-width: 200px;
    /*margin-left: -184px;*/
    right: -3px;
    white-space: nowrap;
}
}
.dragdropbox .popupcaption { background-color:white; border-radius:3px; margin: 10px 4px 0; padding: 4px;}
.popupmenu .caption { padding:1px 4px; background-color: #C6C6C6;text-align: left; }
#panel_uboard .caption img { float:right;padding-top:2px; }
.closepopup {
    float: right;
    margin-top: 2px;
}
/*= menu===========================*/
.menusnode
{
}
.menusnode:hover, .snodeleaf:hover
{
    border-bottom: solid 1px #FFCC00;
    background-color: #FFFFCC; 
}
.snodenode,.snodeleaf
{
    
}
.snodeleaf /*span*/
{
    border-bottom:solid 1px #F6F6F6; 
}
.snodenode:hover
{
    background-color:#FCFCFC;
}
.uap_snode
{
    min-width:250px;background-color: rgba(255,255,255,0.92);
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: solid 1px lightgray;
}
/*=mTV_node===================*/
.uTV_node
{
    /*padding: 4px 0 2px 0;*/
    border-top: solid 1px transparent;
    border-bottom: solid 1px white;
    background-color: rgba(0,0,0,0.028);
}
.uTV_node .itembox
{
    margin-left:8px;padding-bottom:4px;padding-top:6px;
}
.uTV_node .ntitle
{ font-weight:700;
    display:inline-block;text-decoration:none; color:#333333;width:100%; font-size:18px; padding-left:2px;
}
/*=====MAP */
.map
{
    border:solid 1px #F0F0F0; padding:4px; z-index:0;
}
.map .text
{
    position: absolute; color:Black;
}
.map .area
{
    position: absolute; 
    text-align:center; padding:6px; border: solid 1px gray; font-weight: 700;
    background-color:rgba(0,0,0,0.4);
}
.map .box
{
    position: absolute;  border:solid 1px rgba(0,0,0,0.5); color:#222222;text-align:center; border-radius:2px;
}
.map .point
{
    position: absolute; 
    padding:2px; text-align:center; 
}
.map .area a, .map .point a, .map .box a { text-decoration:none; color:inherit;}
.map .P1
{
    border-right: solid 2px #00FF00; border-bottom: solid 2px #00FF00;
}
.map .P2
{
    border-left: solid 2px #00FF00; border-bottom: solid 2px #00FF00;
}
.map .P3
{
    border-top: solid 2px #00FF00; border-left: solid 2px #00FF00;
}
.map .P4
{
    border-top: solid 2px #00FF00; border-right: solid 2px #00FF00;
}
/*=====idxs_menu*/
.idxs_menu, .div_maps, .div_todos, .div_jschartstool
{
    min-width:258px; max-width:360px;
}
.idxs_menu .searchbox { margin:4px 0 4px 16px }
.idxs_menu .stext 
{
    display: inline-block;
    border: solid 1px rgba(255,255,255,0.125);
    background-color: rgba(255,255,255,0.25);
    padding: 1px 4px;
}
.idxs_menu .fsearch { margin:0; padding:2px 4px; width:142px;border-radius: 0 4px 4px 0; }
.idxs_menu .btn { margin-top:-4px; }
.div_jschartstool .xodata {margin-right: 0; padding:2px 0!important; border:none!important; /*padding: 2px 0 2px 8px;border-left: solid 8px rgba(0,0,0,0.1);*/ background-color: rgba(0,0,0,0.04);font-size:small }
.idxs_menu .caption, .div_maps .caption, .div_todos .caption
{
    display:none;
    background-color: #91E3E3;
    background-image: url('../pic/bgw_blue.gif'); border:solid 1px #91E3E3;
    color: White;
    padding:2px 0 3px 0;
}
.idxs_menu a, .div_todos a
{
    cursor:pointer;
    text-decoration:none;
}
.idxs_menu .body .refs
{
    padding:2px 2px 2px 20px;
    background-image: url('../pic/Outlook/notes.gif');
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    margin-bottom:1px;
}
.idxs_menu .body .rel, .div_todos .body .rel
{
    padding:1px 2px 1px 20px;
    background-color:White;
    background-image: url('../pic/li.bmp');
    background-repeat: no-repeat;
    border-bottom:solid 1px #F6F6F6;
    border-left: solid 6px White;
}

.idxs_menu_h
{
    border: 1px solid #66CCFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-color: #BFDFFF;
    max-height: 42px; font-size:15px;
    overflow-y: scroll;
    margin:0 4px 0 4px;
}
.idxs_menu_h .body
{
    margin:2px 4px 2px 4px; padding:0 4px 0 4px;
}
.idxs_menu_h .body span
{
    margin-right:15px;
    padding-left: 20px;
    background-image: url('../pic/Outlook/notes.gif');
    background-repeat: no-repeat;
}
.idxs_menu_h .body a
{
    text-decoration: none;
}
.idxs_menu_h .body a:hover
{
    color: white;
    background-color: #FF9900;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.idxs_menu .body .rel:hover, .div_todos .body .rel:hover
{
    border-bottom: solid 1px #FFCC00;
}
.div_todos .info
{
    font-size:smaller; color: Gray;
}
.div_todos a.detail
{
     margin-left:8px; float:right;
}

.eis_idxfavs, .utags .div_idxfavs_box
{
    background-color: rgba(255,255,255,0.2);
    min-height:18px;    
    /*border-bottom: solid 1px rgba(0,0,0,0.05);*/
}
.div_idxfavs_box
{
    margin-top: 4px;
}
.eis_idxfavs {
    border-left: solid 16.5px rgba(0,0,0,0.5);
    margin-left: 8px;
    border-bottom: solid 1px rgba(0,0,0,0.056);
    border-radius: 0 0 0 2px;
}
#sh_spc {
    width: 15px;
    float: left;
    line-height: 24px;
    color: rgb(255,255,255,0.125);
    cursor: pointer;
    /*background-color:rgba(70, 94, 141, 0.5); */
    background-color: gray;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.2) 100%);
    margin-left: -15px;
}
.div_idxfavs {
    padding-left: 1px;
    border-right: solid 28px #f6f6f6;
    /*margin-left: 34px; moved to parent node*/
    background-color: rgba(0,0,0,0.04);
    max-height: 74px;
    overflow-y: overlay;
    min-height: 24px;
}
.utags .div_idxfavs {
    margin-left: 20px;
}
.div_idxfavs .favitemselected { background-color: #EC8000; color:white}
.div_idxfavs .item {
    /*line-height: 20px;
    border: 1px solid #F6F6F6;
    padding: 1px 6px 2px;
    border-radius: 3px;*/
    /*line-height: 21px;*/
    padding: 2px 6px 3px;
    /*margin-bottom: -1px;*/
    border-right: 1px solid rgba(255,255,255,0.086);
}
.div_idxfavs .f .item
{
    border-left:dotted 2px white;
}
.div_idxfavs .node
{
    color: yellow;
}
.div_idxfavs .item {
    /*background-color: #969696; 
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.2) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.2) 100%);*/
}

.div_idxfavs a {
    color: #333333;
    text-decoration: none;
    line-height: 20px;
}
.div_todos .body .rel .remove
{
    padding-left:8px; font-weight: bold;
}
.div_idxfavs .remove, .div_idxfavs .update, .div_idxfavs .share {
    position: absolute;
    margin-top: -19px;
    color: darkorange;
    padding: 1px 4px;
    line-height: 14px;
    background-color: rgba(250,250,250,0.8);
}
.fav .item .actions {
    float: left;
    margin-left: -6.5px;
}
.div_idxfavs .share { margin-left:0px; }
.div_idxfavs .update { margin-left:20px; }
.div_idxfavs .remove { margin-left:40px; }
.div_idxfavs .item:hover {
    background-color: mintcream;
}
.div_idxfavs .selected .item .idx:hover {
    color: white;
}
.div_idxfavs .remove:hover, .div_idxfavs .update:hover
{
    color: brown;
}
.div_idxfavs .share.selected .item, .div_idxfavs .selected .item {
    background-color: rgba(250,128,0,0.8)!important;
    border-radius: inherit;
}
.div_idxfavs .selected .item .idx {
    color: white!important;
}
.fav { height:25px; }
.fav.shared .item {
    border-left: solid 4px #d0d0d0;
    border-radius: 4px 2px 0 0;
    background-color: rgba(0, 0, 0, 0.03);
}
.fav.shared.others a { font-style:italic }
/*.fav.shared .item { background-color: #4ae0e8 }
.fav.shared .item:hover {background-color: #1ebbc3;}*/
.fav, .mapfav
{
    float:left;
    min-width:56px; text-align:center;
}
.div_idxfavs .mapfav a
{
    color: gold;
}
.eis_caption {
    white-space: nowrap;
    background-color: rgba(0,0,0,0.032);
    padding: 10px 4px;
    position: relative;
    margin-left: 23px;
}
.eis_ofuns img, .eis_ofuns .img {
    opacity: 0.6;
}
.eis_caption #sh_maxdisp {
    width: 16px;
    z-index: 120;
    position: absolute;
    height: 100%;
    background-color: #9a9a9a;
    /*background-color: rgba(72, 95, 143,0.68);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.01) 100%);
background-color: rgba(72, 95, 143,0.0168);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.02) 100%);*/
    cursor: pointer;
    margin-top: -10px;
    margin-left: -19px;
}
.eis_caption .advbtn
{
  padding: 2px;
  margin-left: 4px;
  display:none;
}
.eis_caption .advbtn a
{
    display:none;
}
.eis_caption input, .eis_caption button, .eis_caption select, .eis_caption textarea { font-size: small; }
td.eistitle.sqlidname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ddlsqlid {
    max-width: 195px;
}
.eis_caption .eistitle { }
.eis_caption .img { height:16px; }
.eis_caption .tb.date img {
    height: 16px;
    margin: 2px 2px;
}
.eis_caption .funmenus { margin:0 4px; }
.funmenus .pcaption {
    border-bottom:solid 1px #F6F6F6; margin-bottom:6px
}
.funmenus .movobj { }
.eis_ofuns {
    float: right;
    /*background-color:#F6F6F6;padding:0 4px 0 10px;*/
}
.eis_ofuns .todo_bar { margin-top:1px; }
.utags_ofuns
{ 
    background-color:#F6F6F6;float:right; padding:6px 8px 0 0; border-radius: 0 0 0 6px; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;
}
.utags_ofuns .todo_bar input
{
    padding:0 2px; line-height: 20px;
}
.eis_ofuns .a
{
    padding: 1px 4px 0 0;
}
.eis_ofuns .a, .utags_ofuns .a
{
     float:right; 
}
.eis_spl
{
    background-color: #FAFAFA;
}
.eis_spl .btn-group .btn.mini img { width:16px; height:16px;margin: 2px; }
.eis_spl .btn-group .btn.mini input { padding-top: 2px; margin-bottom: -2px; }
.eis_caption .refresh { margin-left:6px; }
.eis_spl .iref, .eis_caption .iref, .utags .iref, .ui-form a.wffun
{
    border-radius: 12px; padding: 2px 12px;
    color:White; background-color:#6688CB;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 68%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0, rgba(0,0,0,0.28) 68%);
    border-top: none;
}
.utags .dsfun 
{
    padding: 0 10px; background-color: rgba(0,0,0,0.04); border-radius: 10px; text-decoration:none;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%, rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 50%, rgba(0,0,0,0.12) 100%);
    border: solid 1px rgba(0,0,0,0.12);
    border-top: none;
}
.eis_spl .dtr
{
    background-color: #F6F6F6;
}
.eis_spl .src
{
    padding: 6px 0 0 0; margin-left: 16px;
}
.eis_spl .dim {
    background-color: #F6F6F6;
    border-bottom:solid 10px #ebeded;
    border-top: solid 1px white;
}
.eis_spl .dim .helpbar
{
    padding-left: 8px;padding-right: 8px; border-left:solid 2px white;
}
#table_ews .helpbar {padding: 0 6px;}
.eis_spl .block2
{
    padding: 4px; 
}
.eis_caption .advym td { padding-right:4px; }
.eis_guid_menu
{
    padding: 0 6px 5px;
}
.eis_guid_menu.menu
{
    text-align: left;
}
div#guid_cols {
    padding: 4px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
div#guid_cols .guid_txt { cursor:pointer; }
div#guid_cols .colsbox
{
    padding:4px 8px;
}
.eachrow.colsbox {
    font-size: small;
}
div#guid_charts { font-size:smaller; }
div#guid_cols .dddimentions, div#guid_cols .ddmeasures
{
    width: calc(50% - 2px); white-space: nowrap; overflow: hidden;text-overflow: ellipsis;
    display: inline-flex;/*for eis.aspx*/
}
.eis_guid_menu .maps,.eis_guid_menu .idxs,.eis_guid_menu .todos, .eis_guid_menu .jschartstool
{
    font-weight: 700;
    font-size: 15px;
    padding: 2px 6px;
    cursor: pointer;
    /*background-color: rgba(255,255,255,0.16);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.132) 100%);*/
    color: #333;margin-right: 1px;
    border-bottom: solid 3px #9E9E9E;
}
.eis_guid_menu .maps:hover, .eis_guid_menu .idxs:hover, .eis_guid_menu .todos:hover, .eis_guid_menu .jschartstool:hover
{
    color:#FF7043;
}
.eis_guid_menu .tabselected
{
    border-color: #FF7043;
}
.Panel_EIS {padding:8px; position:relative; }

table td.eis_td_showguid, table td.utags_td_showguid
{
    cursor: pointer;
    vertical-align: middle;
    background-color: #EDEFEF;max-width:16px;
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.02) 100%);
}
table td.eis_td_showguid { border-top:solid 24px rgba(0,0,0,0.0168); }
table td.eis_td_rightboard, table td.utags_td_rightboard { width: 100%;}
table td.eis_td_rightboard { min-width: 896px; }
table td.eis_td_showguid div, table td.utags_td_showguid div {
    color: gray;
    max-width: 16px;
    border-right: solid 1px #c9c9c9;
    border-radius: 50%;
}
.gps
{
    width:100%;
}
.rts_funs a {
    text-decoration: none;
    border: solid 1px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    cursor: pointer;
    font-size: small !important;
    padding: 2px 8px !important;
    margin: 4px 0 0;
}
.rts_funs a:hover
{ color:lightyellow; background-color:#9E9E9E;}
/*=========eis search panel boxs=========*/
.popupbtn
{
    font-size:small; cursor:pointer
}
.dim .popupbtn
{
    margin-left:6px; 
}
.esbox
{
    /*border: 1px solid #F0F0F0;*/ 
    font-size: small;
    height: 166px; 
    background-color:#EAEAEA;
}
.ews .esbox {
    width: 100%;
    min-width: 320px;
}
.esbox .caption {
    background-color: #a0a0a0;
    color: white;
}
.esbox .caption td
{
    height: 16px;
    border-bottom: solid 1px whitesmoke;
    padding: 1px 8px;
    margin: 0;
 } 
.esbox .title
{font-size:small; height:14px; background-color:transparent;}
.esbox .input {
    background-color: white;
    border-left: solid 1px #f0f0f0;
}
.esbox .action
{padding:0 2px 0 2px; vertical-align:middle}
.esbox .eis_db { min-width: 156px; }
.ews .esbox, .ews {
    background-color: white;
}
.ews input {
    margin-right: 4px!important;
}
.cbs td {
    padding-right: 10px;
}
.cbs td label {
    margin-left: 2px;
}
/*History*/
.historyrec {
    display: inline-block;
    margin-top: -6px;
    min-height: 28px;
    padding: 5px 6px 0;
    text-align: left;
    /*box-shadow: 0px -1px 1px rgba(0,0,0,0.12);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.035) 90%);*/
}
.historyrec .save, .historyrec .load {
    padding: 4px 0;
}
.historyrec .recs { padding:1px;border: none;
    border-bottom: solid 1px rgba(0,0,0,0.12);
 }
.historyrec .recbtn { opacity: 0.86; }
.historyrec .start, .historyrec .stop { width:18px; }
.historyrec .nav { margin:0 6px 0; padding:0 1px; width:20px; height:20px}
    .historyrec .popupmenu {
        right: 0;
        white-space: nowrap;
        background-color: #F6F6F6;
        padding: 8px 12px;
        margin-top: 20px;
        box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
    }
.historyrec .popupmenu .ft
{
    text-align: right; padding-right: 24px; margin-bottom:5px; border-bottom: solid 1px rgba(0,0,0,0.12);
}
.historyrec .popupmenu .b1
{
    padding-right:8px;
}
.historyrec .popupmenu .b2
{
    padding:0 2px;
}
.txtcmd .data
{
    width: 126px;
    margin: 0;
    /*border: solid 1px #bbb;
    border-radius: 2px;*/
    padding: 1px 2px 0;
}
#textcmdsarea {
    background-color: #F6F6F6;
    margin-top: 4px;
    border-radius: 0 2px 0 0;
    background-image: none;
    filter: none;
}
    #textcmdsarea .caption {
        /*background-color: darkseagreen;*/
        color: white;
        margin: -4px;
        margin-bottom: 4px;
        font-size: small;
        padding: 3px 4px;
    }
#cmdhelperbox /*, #cmdhelper*/
{
    cursor:default;
    background-color:#F0F0F0; padding:8px; 
}
#cmdhelperbox select { margin-left:5px; }
#cmdhelper table {  }
#cmdhelper .dbs { max-width:inherit; }
#cmdhelper td { padding:0 5px; max-width:105px; }
#cmdhelper td:hover, #cmdhelper .gp:hover { color:Orange; }
#cmdhelper .tokens { border-collapse:collapse;border: solid 1px #E0E0E0; }
#cmdhelper .nos { font-size:medium; }
#cmdhelper .gp { color:purple }
/*========ToDo====*/
.todo_infobox
{
    padding: 10px;
}
.todo_infobox .todolist td {
    padding: 2px;
}
.todo_infobox .ulb,.todo_infobox .uhl
{
  font-size: small; color:midnightblue;
  padding: 1px 12px;
  background-color: rgba(0,0,0,0.06);
  border-radius: 12px;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.08) 100%);
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.08) 100%);
}
.todo_infobox .showdata
{
}
.todo_infobox .goeis
{
    background-color: wheat;
}
#ulv_header .todomsg .list { }
.todo_bar
{ 
    padding:0px 6px 0 6px; min-width:96px; white-space:nowrap;
}
.todo_bar div {
    white-space: normal;
}
.todo_bar .cmds { text-align:right; }
.todo_bar .txt { color:rgba(0,0,0,0.72); }
.todo_bar .img { padding:0 1px; }
#todomsglist .todo_bar .txt {}
#todomsglist
{
    width:400px; min-height:360px; 
    overflow:auto;
    max-height:calc(100% - 92px); 
    background-color:#FAFAFA; 
    background-image:none;filter:none;margin:2px 0 0 -20px;
    box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.36); 
    padding-left: 15px;
    border-left: solid 18px gray;
}
.todoonly #todomsglist
{
    height: calc(100vh - 65px);
    max-height: unset;
}
#todomsglist .caption 
{
    position:fixed; width:368px;margin-left:-15px;
    font-size:small;
    text-align:left; padding:2px 1px 0px 1px; color:White; 
    background-color: cornflowerblue;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(0,0,0,0.0) 90%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(0,0,0,0.12) 90%);
}
#todomsglist .caption .closetdl
{
    width: 16px; margin-top: -1px; margin-left: -18px; float: left!important;
}
#todomsglist .menubar 
{
  padding-top:24px;margin-left:-15px;
  background-color: rgba(0,0,0,0.05) !important; background-image:none; padding-left: 4px;padding-right: 10px;
}
#todomsglist .menubar label { font-size:small !important; margin-right: 4px; font-weight: lighter!important; }
#todomsglist #todomsgbody { padding: 8px 0px 6px 8px; 
  background-color: white;
}
#todomsglist .todoitem { padding:0; border-bottom: solid 1px rgba(0,0,0,0.12);}
.todoitem
{
    padding:2px 4px 0 5px;clear:both;
}
.todoitem .user {width: 45px; margin:18px 8px 0px 2px; border-radius:23px; background-color:White;box-shadow: 0px 0 2px rgba(0,0,0,0.12);}
.todoitem .rdt { font-size:smaller; color: rgba(0,0,0,0.4); text-align:right;background-color: rgba(0,0,0,0.04); line-height: 18px;}
.todoitem .rdt a {
    color: #9E9E9E;
    display: inline-block;
    padding: 0px 4px 0 12px;
    border-bottom: none;
}
.todoitem .box { }
.todoitem .box.new .run {
  background-color: indianred;margin-left: 22px;
}
.todoitem .box.new .run a {
  color: white !important;
}
.todoitem .box.new .run a:hover {
  color: wheat !important;
}
.todoitem .main .run  
{
    background-color: rgba(0,0,0,0.005);
}
.todoitem .run { padding:2px 4px; }
.todoitem .run a
{
    cursor:pointer;
    text-decoration: none;
    color:#4169e1;
    font-size:14px; 
    white-space: normal;display:block;font-weight:normal;
}
.todoitem .run a:hover { color:#cd5c5c; }
.todoitem .b
{
    font-size:small; color:#555; padding:0px 4px 2px 4px; border:solid 1px rgba(0,0,0,0.016); background-color:rgba(255,255,255,0.8); line-height:1.52em;
    overflow-wrap: break-word; white-space: normal; margin-left:36px;
}
.todoitem .b:hover { border-top:solid 1px Orange; }
.tagb1
{
    background-color: mistyrose;
    border-radius: 10px;
    padding: 0 6px;
}

.tag {padding: 0 2px;}

.paneldragcolicon, .ondwdragcol { display:none; } /*hide if .ondwdragcol*/
/*.ui-grid .ondwdragcol { background-color: rgba(128,128,128,0.6); margin-top: 1px; padding-top: 1px;}
.ui-grid .xychange { width:17px; }
.ui-grid .stagecmp { width:15px; padding-top:1px; }
.ui-grid .recyclebin { height: 17px; width: 20px; margin-left:6px;}
.ui-grid .filter, .ui-grid .chart { margin-left: 4px; padding-top: 1px; height: 15px;  }
.ui-grid .dsdrill { }
.ui-grid .xychange {
  height: 17px; width:20px;
}
.ui-grid .stagecmp {
  width: 17px;
  padding-top: 1px;
}
*/
.xychange, .stagecmp, .ondwdragcol
{
    margin-left:4px;
}
.ui-grid .captionmenu
{
    float: left;
    margin: 2px 6px 0;
    padding: 0 6px;
    border-radius: 2px;
}
.ui-grid .captionmenu .iref {
  display: inline-block;
  padding: 0 4px;
  font-size: small;
  margin-top: 1px;
  min-width: 64px;
  text-align: center;
}
.ui-grid .captionmenu img { padding-left: 1px; margin-right:1px; opacity:0.5; cursor: pointer; width:20px;}
.ui-grid .captionmenu img:hover, .ui-grid td.EISC:hover { opacity: 1; }
.ui-grid .captionmenu .right .popicons td img {
    margin: 0;
    padding: 2px;
    margin-top: 2px;
}
div.heatbox {
    padding: 0 4px;
    margin: 0 -4px;
    line-height: 24px;
}
.xyc div.heatbox { line-height: 25px; }
.xyc .mst div.heatbox, .xyc .sec div.heatbox {
  line-height: 20px;
}
.xyc .mst .vbar,.xyc .sec .vbar {  }
.ui-grid.xyc img {
    opacity: 0.4;
}
.popicons
{
    width:100%; margin-top:5px;
}
.popicons td {
    padding: 0 10px;
}
.popicons img { width:16px; }
.popicons tr:hover 
{
    background-color:#F0F0F0;
}
.popicons th.th1 { width:40% }
.popicons th.th2,.popicons th.th3,.popicons th.th4 { width:20%;}
.popicons th {
    border-bottom: dotted 1px lightgray;
}
div#div_chartholder.float {margin-left:10px;}
div#div_chartholder1.float {margin-right:10px;}

.portal .nav { display:none; } /*在portal上不顯示nav-left,right*/
.navbox.portal{ padding: 0; }
.portal .ui-grid {
  min-width: 10px;
}
.ui-grid td.tcsed
{ background-color:rgba(0,250,0,0.06); }
.ui-grid th.tcsed
{ background-color:rgba(0,0,0,0.12) }

/*=======card============*/
.card { padding:0 4px 8px 4px; width:100%; border-left-width:16px; }
.card caption { text-align:left; font-size:1.16em; color:blue; margin-left:16px; }
.card .img { vertical-align:top; padding-top:4px; width:64px !important; }
.card .img img { width:64px; }
.card .data { width:100%; }
.card .col { display:inline-block; padding:4px 8px; vertical-align:top; }
.card .ltor .value, .card .ltor .cn { display:inline-block; }
.card .ltor .cn { margin-right:4px; }
.card .group .cn, .card .data .cn { color:darkgray; font-size:small; }
.card .group .value, .card .data .value { /*max-width:240px;*/ }

.mspkm .ui-grid .even { background-color:transparent; }
.mspkm .ui-grid tr.row:hover { background-color: transparent; }

.ubitemhref
{
    height:8px; width:100%; position:absolute; text-align:right;
}
.ubitemhref .hrefpage { background-color:rgba(0,0,0,0.3); height:24px; }
.ubitemhref a:hover { color:darkorange; }

.formulatoken {
  padding: 0px 2px; min-width:16px; display: inline-block; text-align:center;
  border: solid 1px rgba(0,0,0,0.2); border-radius:4px; cursor:pointer;
}
div#div_chartholder1 {
  margin-bottom: 2px;
}
td.ops {
  padding-top: 1px; padding-left:4px;
}
.ui-grid div.tr.row {
  margin: 0;
}
.ui-grid div.tr .rowno {
  vertical-align: middle;
}
.xycsetting .p1, .xycsetting .p2
{
    display: inline-table;
    margin: 8px 12px;
}
.Panel_EIS.left .ui-grid {
    margin-left: 26px;    width: calc(100% - 26px);
}
.Panel_EIS .ui-grid {
    width: 100%;
}
.Panel_EIS.left .ui-grid #ui-table, .Panel_EIS .ui-grid #ui-table{ width: auto; }
.Panel_EIS.left .ui-grid .footer {
    margin-left: 0;
}
.Panel_EIS.left .footer {
    margin-left: 20px;
}
.Panel_EIS.left .captionmenu {
    position: absolute;
    float: left;
    width: 24px;
    background-color: dimgray;
    margin: 0;
    padding: 2px 1px;
    margin-left: -26px;
    top: 0;
}
.Panel_EIS.left .xyc .captionmenu {
    margin-top: -1px;
}
.Panel_EIS.left .captionmenu img {
    margin-left: 0;margin-bottom: 2px;
}
div#div_colew .box {
    min-width: 250px;
}
/*rowimg*/
.atchitem > .atcbody {
    overflow: hidden;
}
.atchitem {
    display: inline-block; 
}
.atctitle {
    text-align: center;text-align:center; padding:4px;
}
.faimgs
{
    display:table-cell;
}
.faimgs td {
    vertical-align: middle;
}
.atchbox > .atctitle { background-color:rgba(0,0,0,0.08); }
.albumpage .editor {
    float: right;
    padding: 8px 10px 0; font-size:small; color:Gray;
}
.albumpage .pagegroup {
    border:solid 1px rgba(0,0,0,0.12); float:left; border-radius:4px; padding:2px 8px; font-size:small; color:#333;
    position: absolute;left: 6px;
}
.dssetting {
    padding: 2px;
}

.dddwbox { margin-bottom:-4px; }
table.byeachrow {
    width: calc(100% + 8px);
    margin: 0 -4px;
}
td.jsceach {
    padding: 4px;
    border: solid 2px rgba(0,0,0,0.02);
}
th.thgroup.group {
    background-color: rgba(0,0,0,0.02);
}
.ui-form a.wffun
{
    float: left;
    margin-right: 2px;
    font-weight:normal; background-color:brown;
}
.jsbody 
{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.items .jsc.activeobj {
    box-shadow: 0 0 4px rgba(255,0,0,0.5);
}
.ubitem .jsc .jsbody {
    padding: 0;
}
.coluidd { padding: 4px 0 4px 4px;border-left: solid 8px rgba(0,120,255,0.2); font-size:small; }
.coluidd .dt {
    margin: 0 0 0 -4px;
    padding-left: 4px;
    background-color: rgba(0,0,0,0.04);
}
.coluidd img {
    opacity: 0.68;width: 20px;height:24px;
}
.eis_spl .block2 {
    white-space: nowrap;
}
@media \0screen {
    #TV_list1_aps {
        display: none;
    }
}
.newfield { width:400px; }
.colui { width:199px; }
.colui, .newfield 
{
    padding: 1px 4px;
    margin-top: 1px;
    display: inline-block;
    min-height: 30px;
    background-color: rgba(255,255,255,0.2);
}
.colui.color {
    margin-left: -1px;
}
.vcol.byx {
    border-bottom: solid 1px rgba(0,0,0,0.08);
}
td.ncol.apc {
    /*font-weight: 300;*/
}
.row-total td.ncol.apc {
    border-top: solid 1px rgba(0,0,0,0.12);
}
.droprawdata, .dropyeardata, .dropdatedrill {
    margin: 8px;
    display: inline-block;
    color: #4b69e1;
}
.rowcontent { color:Black !important; }
.marker { background-color:yellow; }
.vcol.cf {
    border-bottom: solid 1px rgba(0,0,0,0.08);
}
.ujscs {
    margin-bottom: 15px;
}
.ujscs > .grid {
    clear: both; 
}
.ujscs > .ui-grid {
    min-height: 152px;
}
.ujscs .close {
    margin-top: 2px;
}
.ujscs > .caption {
    text-align: left;
    background-color: rgba(0,0,0,0.005);
    border-bottom: solid 1px rgba(0,0,0,0.06);
    padding: 0 0 0 10px;
    border-radius: 12px 0 0 0;
    min-height: 25px;
    margin: 0 -4px 4px -8px;
}
.ujscs > .caption .jscicon 
{
    display: inline-block;
    width: 20px;
    background-image: url(../pic/jschart/column.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.ujscs .caption .source, .ujscs .caption .infos { margin-left:5px;color: dimgray;font-size: small; }
.ujscs .jscdesc
{
    padding: 1px 4px;
}
.ujscs .jscdesc.header {
    /*border: solid 1px whitesmoke;
    color: white;
    background-color: rgba(0,0,0,0.36);*/
}
.ddctype {
    margin: 0px;
    border: solid 1px lightgray;
    background-color: darkgrey;
    color: white;
    padding: 1px 8px;
    display: inline-block;cursor:default;border-radius: 10px; 
}
.guidpanel .ddctype:hover {
    color: rgba(128,0,0,0.6);
    font-weight: 700;
    /*text-shadow: 1px -1px 1px white;*/
}
.guidpanel .ddctype
{
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
    
    margin: 0 1px 1px 0;
    border: solid 1px lightgray;
    display: inline-block;
    cursor: default;
    border-radius: 4px;
    line-height: 30px;
    width: 32px;
    text-align: center;
    background-color: transparent;
    color: inherit;
    padding:1px;
}
.ddctype.line { background-image: url('../pic/jschart/line.png'); color: transparent; }
.ddctype.step { background-image: url('../pic/jschart/step.png'); color: transparent; }
.ddctype.column { background-image: url('../pic/jschart/column.png'); color: transparent; }
.ddctype.scolumn { background-image: url('../pic/jschart/scolumn.png'); color: transparent; }
.ddctype.pie { background-image: url('../pic/jschart/pie.png'); color: transparent; }
.ddctype.area { background-image: url('../pic/jschart/area.png'); color: transparent; }
.ddctype.bar { background-image: url('../pic/jschart/bar.png'); color: transparent; }
.ddctype.radar { background-image: url('../pic/jschart/radar.png'); color: transparent; }
.ddctype.donut { background-image: url('../pic/jschart/donut.png'); color: transparent; }
.ddctype.gauge { background-image: url('../pic/jschart/gauge.png'); color: transparent; }
.ddctype.candlestick { background-image: url('../pic/jschart/candlestick.png'); color: transparent; }
.ddctype.scatter { background-image: url('../pic/jschart/scatter.png'); color: transparent; }
.ddctype.funnel { background-image: url('../pic/jschart/funnel.png'); color: transparent; }
.ddctype.cgauge { background-image: url('../pic/jschart/cgauge.png'); color: transparent; }

.ddeachrow, .ddboxwidth, .dddragitem, .charty2, .ctrlkey2
{
    margin: 0px 1px 0 0;
    border: solid 1px rgba(0,0,0,0.18);
    padding: 0px 6px;
    display: inline-block;
    cursor: default;
    border-radius: 8px;
}
.ddeachrow, .ddboxwidth, .dddragitem, .ctrlkey
{
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%, rgba(0,0,0,0.12) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 20%, rgba(0,0,0,0.12) 100%);
}
.ddboxwidth, .dddragitem {
    font-size: smaller;
}
.ddboxwidth {
    padding:0 5px;
}
.dddragitem {
    padding:0 5px;margin: 2px 0 0 0;
}
.ddmeasures:hover, .dddimentions:hover
{
    color: brown;
}
.ddctype:hover, .ddeachrow:hover, .ddboxwidth:hover
{
    background-color: rgba(165, 42, 42, 0.5);color:white;
}
.dddimentions, .ddmeasures, .dddimentions, .ddmeasures 
{
    margin: 0 1px 0 0;
    border: solid 1px #CCC; 
    padding: 0 4px 0; font-size:small;
    display: inline-block;cursor:default;border-radius: 2px; 
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%)
}
.dddimentions.new {
    border: dashed 1px gray; color: #AAA; background-image:inherit;
}
.dddimentions.cfi.fis, .ddmeasures.cfi.fis {
    /*margin: -1px 1px 0;*/
}
.ddmeasures.itembyxcol {
    border-left: solid 8px lightgray;
}
.showjscs {
    float: right;margin-right:4px;z-index:9999;
}
.showjscs a {
    margin: 0 0 0 2px;
    font-size: smaller;
    padding: 3px 10px 3px;
    border-radius: 15px;
    color: #555;
    border: solid 1px rgba(0, 0, 0, 0.086);
    background-color: rgba(0, 0, 0, 0.02);
}

.showjscs a:hover {
    color: darksalmon;
}
.closeujsc
{
    margin: 1px 0 0; 
    background-color: rgba(0,0,0,0.05);
    position: relative;
    z-index: 100;
}
.ujschartbox {
    float: left;
    position: relative;
    max-width: calc(100vw - 28px);
}
.stable.fixedbiadvbox .ujschartbox {
    max-width: calc(100vw - 290px);
}
.ujschartbox.jscmaxspace {
    max-width: 100% !important;
    overflow: auto;
}
.ujschartbox.pattern .close {
    display: none;
}
.ujschartbox .bypattern  
{
    margin-right: 16px;
    color: #BBB; }
.ujschartbox.MC, .ujschartbox.OC {
    background-color: rgba(0,50,0,0.02);
}
span.fixedxcol {
    background-color: rgba(0,0,0,0.1);
}
span.fixedxcol, span.dynaxcol 
{
    margin:0 4px;
    padding: 0 12px;
    border-radius: 12px;
    border: solid 1px rgba(255,255,255,0.4);
}
.ujschartbox span.zcol {text-shadow: 6px -2px 4px rgba(0,0,0,0.36);
    cursor: pointer; margin-right:8px}
.ujschartbox span.groupcol {
    cursor: pointer; margin-right:4px}
span.jsgroupvalue
{
    text-decoration: underline;
    cursor: pointer;
}
span.fixedxcol:hover, span.jsgroupvalue:hover, span.dynaxcol:hover, span.groupcol:hover, span.zcol:hover {
    /*color: navajowhite;*/
    cursor: pointer;
}
.ifrmcaption .ubcaption  
{
    margin-left: 4px;
    font-size: smaller;
    color: #AAA;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 128px;
    display: inline-block;
    position: absolute;
    right:0; top:1px;
    border-radius: 16px;
    /*border: solid 1px rgba(0,0,0,0.1);*/
    padding: 0 6px;
    background-color: #F8F8F8;
}
.gps .EG { float:left;position: relative; }
.gps .jscaption {
    margin-right: 1px;
}
.ujscs .caption:hover {
    color: dimgray;
}
#TV_list1_aps .dropdown-menu {
    left: unset;
    right: 0;
}
#guid_xcols, #guid_vcols
{
    max-height: 228px;
    overflow: auto;
    overflow-x: hidden;
    background-color: transparent;
    margin: 0 0 16px 0;
}
.xcolsettingbar
{
    font-size: small;
    margin-top: -16px;margin-left: 8px;
}
#guid_cols .vcolsplus { bottom:-16px!important; }
.parms {
    padding-left: 28px;
    line-break: anywhere;
}
.ueis>#div_upshow .parms { margin-right: 22px; }
#div_upshow select, 
.searchpanel input[type="text"], .searchpanel select, .searchpanel textarea,
#xcolwbox input[type="text"], #xcolwbox select, #xcolwbox textarea {
    border: none!important;
    border-bottom: solid 1px rgba(0,0,0,0.12)!important;
}
.bisearchicon
{
    position:absolute;left:2px;width:23px
}
.default.using, .mydefault.using, .groupdefault.using
{
    border: solid 2px orange;
    padding: 4px 8px;
    margin: 4px -10px;
    border-radius: 5px;
}
.parms .dbs {
    cursor: pointer;
    padding: 2px 4px 2px 6px;
    font-size: smaller;
    color: inherit;
}
.parms .dbs.locked {
    background-color: lightcoral;
    border-radius: 3px 15px 0px 3px;
    color: white;
    padding: 2px 8px 2px 2px;
}

#xwherearea
{
    position: absolute;
    right: 0;
    background-color: transparent;
    
}
#xwherearea.showbox {height: 100%;}
#xwherearea.hidebox {height: 0;}
#xwherearea .action input {
    border-radius: 4px;
    background-color: cornflowerblue;
    color: white;
    border: solid 1px rgba(0,0,0,0.02);
    padding: 2px 6px;
}
#xwherearea .action input.genew {
    background-color: lightcoral;
}
#xwherearea .action input.reset {
    background-color: #AAA;
}
.xcolwhere .select select { display:block; width:100%; }
.xcolwhere .select { border-bottom: solid 2px rgba(0,0,0,0.6); padding-bottom: 8px; }
.xcolwhere .items {
    /*border: solid 1px rgba(0,0,0,0.12);
    margin-top: -1px;*/
    padding: 4px 2px 4px 4px;
    background: rgba(255,255,255,0.68);
    max-height: 164px;/*240px;*/
    overflow: auto;
}
.xcolwhere .dimitems 
{
    font-size: 0.96em;
    line-height: 1.12em;
}
.xcolwhere .action { text-align:right; margin-top:2px; font-size:small; }
.xcolwhere .rowrank
{
    margin-bottom: 15px;
    border-bottom: solid 1px rgba(0,0,0,0.12);
    border-radius: 4px;
}
.xcolwhere .rowrank .vcols, .xcolwhere .rowrank .xcols { width: calc(100% - 18px); }
.xcolwhere .rowrank .act { text-align: right; margin-right:2px; margin-top:2px; }
.xcolwhere .rowrank .ewbox {  }
.xcolwhere .rowrank .rankdesc, .xcolwhere .ew .asname { font-size:14px; font-weight:700; color:#333; }
.xcolwhere .measuredesc {
    font-size: 14px;
    font-weight: 700;
}
.xcolwhere .measurebox {
    margin-left: 2px;
}
.xcolwhere .newmeasure {
    margin-bottom: 4px;
}
.xcolwhere .ew .tip { margin-left: 14px; }

.easydisplay .showjscs, .easydisplay .uparm.caption {
    display: none;
}
.xcolwhere
{
    width:225px;position: absolute;right:0; z-index:999;height:100%;
}
.xcolwhere .close { margin-right: -6px; }
.ueis .xcolwhere {
    /*border-top: solid 1px rgba(0,0,0,0.12);*/
    z-index: 999;
    margin-top: -8px;
}
span#xcolwbox 
{
    min-height: calc(100vh - 160px);
    display: inline-block;
    padding: 0 12px 10px;
    border-left: solid 1px rgba(0,0,0,0.015);
    background-color:white;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.005) 100%);
    width: 100%;
}
#xcolwbox input[type="checkbox"] {
    margin-left: 0 !important;
    margin-right: 2px;
}
.utags .xcolwhere
{
    background-color: rgb(250,250,250);
}
.xcolwhere .shxcolwbox {
    float: right;
    cursor: pointer;
    background-color: #f6f6f6;
    border: solid 1px rgba(0,0,0,0.06);
    border-radius: 2px;
    padding: 0 4px;
    font-size: 10px;
    height: 18px;
    margin-left: 1px;
}
.ueis .xcolwhere .shxcolwbox {
    margin-top: -26px !important;
    line-height: 26px;
    height: 26px;
    padding: 0 7px;
    border: none;
    border-radius: 0;
}
img#open_viewparms {
    margin-top: -26px;
}
.utags .xcolwhere .shxcolwbox 
{
    /*margin-top:-3px!important;*/
}
.utags .xcolwhere .select {
    margin-top: 16px;
}
.data.showxwbox
{
    /*float:left;*/width: calc(100% - 226px);
}
.dateinput input { line-height: inherit !important; }
/*nofooter*/
.nofooter .contact {
    display: none;
}
tr.row_total.row.sub {
    background-color: rgba(0,0,0,0.12); font-weight:700;
}
tr.row_total.sub .scol {
    text-align: right;
}
.popupicons .popupbody
{
     padding: 2px 2px 2px 4px;background-color: #FFE;border:solid 1px rgba(0,0,0,0.2);z-index:990;
}
#jscicons {position: absolute; width: 240px; margin:22px 0 0 0; }
.left #jscicons { margin: 60px 0 0 24px;}
#stagecmpicons {
    position: absolute;
    width: 108px;
    padding: 8px 10px;
    margin: 22px 0 0 48px;
}
.left #stagecmpicons { margin: 26px 0 0 22px;}
#div_upshow {
    white-space: nowrap;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
    padding: 4px;
}
.eisdrop { position:relative; }
.eisdrop img.empty { width:100%; height:100%; position:absolute; left:0; }
.ujscsbox .selected {
    background-color: rgba(255,0,0,0.05);
}
.editnode img {
    opacity: 0.5;
    margin-top: 4px;
    margin-left: 2px;
}
div#xyccolsetting_win {
    white-space: nowrap;right:5px;
}
.qsparm.must { border:solid 1px red; }

.easyui #tv_list_header {
    height: 6px;
    overflow: hidden;
    background: transparent;
}
.easyui #tv_list_header:hover {
    height: inherit !important;
    background: white !important;
}
.easyui .tvlist-body { margin-top: 0; }
.easyui .tvlist-body #infobar {top: 0;}/*raws.aspx*/
.titletext { margin-left:4px; font-size: 14px; }
.isearchmenubar #uboardpageoptions {
    padding: 0!important;
}
/*aps*/
a[_leaf='yes'] {
    color: #074eda!important;
}
.apstvlist .bihelpdocs {
    margin-right: 22px;
}
@media print  
{
    .portal .contentbox {
        border: none!important;
    }
    canvas { border:none!important; } 
}
.ifrmcaption {
    border-bottom: solid 1px rgba(0,0,0,0.12); padding:0 4px;
}
.maxspace .ifrmcaption {
    background-color: rgba(0,0,0,0.052);
    margin: -6px -10px 0;
    padding: 8px 0 0;
}
.easyui .maxspace .ifrmcaption { margin-top: -16px; }
.fullspace .ubsqlidtitle, .fullspace .jscaption {
    font-size: medium;
}
.ubitem span.dynaxcol 
{
    margin: 0 4px 0 -4px;
    border: solid 1px rgba(0,0,0,0.12);
}
.fullpercentv {
    margin-top: -24px;
    font-size: 8px;
    margin-left: 24px;
    cursor: default;
    margin-bottom: 1px;
}
.fullpercentv span {
    display: inline-block;
    width: 15px;
    padding: 3px 6px;
    color: rgba(250,250,250,0.25);
    text-decoration: underline;
}
.fullpercentv span:hover { color:Orange; }
.eachrown {
    font-size: 13px;
    margin: 0;
    padding: 0px 6px;
}

.fixedbiadvbox .guidpanel
{
    min-width:273px;
}
.fixedbiadvbox .panelguid
{
    z-index: 9999;
    width: 274px;
    overflow-y: scroll;
    overflow-x: hidden;
    top:48px;
    bottom:0;
    position: fixed;
    margin-top: 32px;
    margin-right:8px;/*as webkit-scrollbar*/
}
.fixedbiadvbox .panelguid::-webkit-scrollbar, .uscrollbar::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: rgba(0,0,0,0.02);
    border-radius: 5px;
}

.fixedbiadvbox .panelguid::-webkit-scrollbar-thumb, .uscrollbar::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b6b6b6;
    border-radius: 5px;
}
.noheader .fixedbiadvbox .panelguid {
    top: 0;
}
.easyui .fixedbiadvbox .panelguid { top: 0; }
.lv .fixedbiadvbox .panelguid { top: 58px; }

.valuesqlerror, .rawdataerror {
    /* margin: 12px 0; */
    /* clear: both; */
    border: solid 1px lightgray;
    padding: 8px; margin:2px;
    border-radius: 10px;
    opacity: 0.2; font-size:small;
}
.valuesqlerror:hover, .rawdataerror:hover { opacity:1; }
/*
.ui-uboard .ui-grid #ui-table, .ui-uboard .ui-grid .ui-table {
    border: none;
    border-spacing: 0px;    margin-top: -1px;
}
.ui-uboard .ui-grid #ui-table .row.ext th, .ui-uboard .ui-grid .ui-table .row.ext th { background-color:rgba(0,0,0,0.096);color: rgba(0,0,0,0.86); }
.ui-uboard .ui-grid #ui-table th, .ui-uboard .ui-grid .ui-table th {
    background-color: #888; color:White;border-color:rgba(255,255,255,0.12);
    background-image: none; line-height: 1.5em;
}
.ui-uboard a { color: #26659c; }
.ui-uboard .ui-grid th.ncol.exc { color:#555; }
.ui-uboard .ui-grid th .col { color:White; line-height: 15px; }
.ui-uboard .ui-grid th.sortable, .ui-grid .EISC { padding:4px 5px; }
.ui-uboard a.col.apc { color: rgba(250,250,250,0.68); }
.ui-uboard a.col.apc, .ui-uboard .vcol.cf {
    border-bottom: solid 1px rgba(250,250,250,0.08);
}
.ui-uboard th.thgroup.group { color:White; }
.ui-uboard .ui-grid tr th.rowno {
    color: transparent!important;
}
.ui-uboard .ui-grid #ui-table th.thgroup.group, .ui-uboard .ui-grid .ui-table th.thgroup.group {
    background-color: rgba(0,0,0,0.5);
}
    */
.stable { border-collapse: unset; }
.easyui table#body_table {
    height: calc(100vh - 32px);
}
.dateinput {
    margin-bottom: 4px;margin-top:5px;
    padding-bottom: 4px;
    border-bottom: solid 2px gray;
}
.ujschartbox.jscmaxspace {/*fullscreen*/
    z-index: 99999;background-color: white;
}
span.jsgroupvalue {
    margin-left: 8px;
}
.jschart { width: calc(100% - 2px); }/*hscroll-bar*/
/*EachGroup Timer*/
div.ECV 
{
    font-size: 0.92em;
    margin-right: 2px;
    padding: 2px 4px 1px;
    font-weight: 700;
    text-align: left;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    cursor:pointer;
}
div.ECV .jsgroupvalue {
    text-decoration: none;
}
div.EG .maxspaceicon {
    opacity: 0.6;
    margin-right: 8px;
    margin-left:2px;
    float: right;
    line-height: 22px;
    font-size: 12px;
}
.bitext.jscmaxspace { overflow-y: auto; }
.qsewtip {
    cursor: default;
    margin: 0 4px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.navbar-logo {
    height: 50px;
    float: left;
    padding: 7px 0;
    font-size: 20px;
}
@media (max-width: 992px) {
    .smhide { display: none; }
}
.maxdisp select {
    border-radius: 3px;
    margin-left: 2px;
    /*border-bottom: none !important;*/
    padding: 2px 1px 1px;
}