html, body, form
{
    padding: 0px;
    margin: 0px;
    height: 99.99%;
}
form 
{ 
    color: #303030; 
}
.T2018 form 
{ 
    color: #282829;
}
input,textarea,select,* li.token-input-token { color:#222; }
input[type=button] { outline: none; }
table{ padding:0px; border-collapse:collapse; }
.TableCal input { padding:0px; }
table td { height:20px; }
* * a, .x8Link , .x8Link * { color:#008789;text-decoration:none; }
#x8b { overflow-x:hidden; }
#x8b  a,.x8Inner a  { text-transform:uppercase; }
#ipf { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; }
body{ background-color:#e3e3e3;}
.btna{ color:White;cursor:pointer;margin:auto; }
.c_rounded_corner { border-collapse:collapse;border-spacing:0px;margin-top:2px; }
.c_rounded_corner { color:#008789;cursor:pointer;}
.Disabled .c_rounded_corner { color:#909090;cursor:default; }
.btna div,.c_rounded_corner .c_content{margin:0px;line-height:22px;height:22px;padding:0px;overflow:hidden;text-align:center;}
.btna div { float:left; }
.btna div { display:inline-block; *display: inline; *zoom: 1;}
.btna div.btnc,.c_rounded_corner .c_content{min-width:60px;background:url('images/btnc.png') repeat-x; text-transform:uppercase; }
.btna div.btnl,.c_rounded_corner .c_left{ padding:0px;margin:0px;background-image:url('images/btnl.png');background-repeat:no-repeat;background-color:transparent;background-position:left top;margin-left:auto;}
.btna div.btnr,.c_rounded_corner .c_right{ padding:0px;margin:0px;background-image:url('images/btnr.png');background-repeat:no-repeat;background-color:transparent;background-position:right top;}
.Disabled .c_rounded_corner .c_content,.Disabled .c_rounded_corner:hover .c_content, .Disabled .c_rounded_corner:active .c_content{background:url('images/btncDisabled.png'); color:#909090;}
.Disabled .c_rounded_corner .c_left,.Disabled .c_rounded_corner:hover .c_left, .Disabled .c_rounded_corner:active .c_left{background:url('images/btnlDisabled.png');}
.Disabled .c_rounded_corner .c_right,.Disabled .c_rounded_corner:hover .c_right, .Disabled .c_rounded_corner:active .c_right{background:url('images/btnrDisabled.png');}
.btna:hover div.btnl,.c_rounded_corner:hover .c_left,.btna:active div.btnl,.c_rounded_corner:active .c_left{ background-image: url(images/btnlh.png); }
.btna:hover div.btnr,.c_rounded_corner:hover .c_right,.btna:active div.btnr,.c_rounded_corner:active .c_right { background-image: url(images/btnrh.png); }
.btna:hover div.btnc,.c_rounded_corner:hover .c_content,.btna:active div.btnc,.c_rounded_corner:active .c_content { background-color:#009ea0;color:white; }

div.HieInc, td.HieInc { background:url('images/HieInc.png'); zoom:0.9; margin-top:1px; background-repeat:no-repeat; }
div.HieNotInc, td.HieNotInc { background:url('images/HieNotInc.png'); zoom:0.9; margin-top:1px; background-repeat:no-repeat; }

/*   All Button    */
.c_rounded_corner .c_left,.c_rounded_corner .c_left div,.c_rounded_corner .c_right,.c_rounded_corner .c_right div {	width: 12px; overflow: hidden; }
.c_rounded_enable {	cursor: pointer; }
.c_rounded_disable { cursor: default; color: #c0c0c0;}
a.c_rounded_disable :hover {	cursor: default;	color: #c0c0c0; }

.x8link { color:#008789; }
.x8link.Disabled { color:#c0c0c0; }
.xclear { clear:both;overflow:hidden;height:1px;}
.bgerror { background-color:#f04b57; }
.bgprogress { background-color:#008789; }
.mnur { float:right;width:42%; }
.mnur > div { float:right; margin-right:10px;color:#008789;position:relative;overflow:visible;height:45px;line-height:45px;z-index:99;}
.mnur > div.hasOpt {background:url('images/btndown.png') no-repeat right center;padding-right:15px; } .mnur > div > div {z-index:1;}

.mnur > div > div.opp { position:absolute;display:none;list-style:none;z-index:999;margin-top:34px;top:0px;right:0px;overflow:visible;float:left;  }
.mnur > div ul { margin-left:0px;margin-top:-1px;padding:0px;padding-top:5px;padding-bottom:5px;background-color:#e9e9e9;z-index:1;overflow:visible;overflow-y:auto;}
.mnur > div ul > li { margin-left:0px;padding:3px;padding-left:6px; cursor:pointer;overflow:hidden;height:15px;line-height:15px; white-space:nowrap; }
.mnur > div ul { list-style:none; }
.mnur > div ul > li:hover { background-color:#bae9de; }
.mnur > div ul > li .alabel { display:none; }
.mnur > div ul > li:hover .alabel { display:block; }
.mnur > div ul > li:hover .label{ display:none; }
.mnur > div ul > li.nt { height:auto;line-height:inherit;}
.mnur > div ul > li.nt .subd * {color:#666;margin-left:10px;}
.mnur > div ul > li.nt:hover { background-color:#fff5d3; }
.mnur > div ul > li.nt .subd div { line-height:16px;height:16px; }
.mnur > div ul > li.head:hover {  background-color:transparent; }
.mnur > div ul > li.sub { padding-left:12px; }
.mnur > div ul > li.curSelected { color:#00c1b5; background-position:2px; background-color:transparent;cursor:auto; }
.sidemenu .stc li { cursor:pointer; }
.sidemenu .stc { color:#008789; }
.sidemenu .stc .opts{ list-style:none; }
.sidemenu .stc .opts> li:hover { background-color:#bae9de; }
.sidemenu .stc .opts> li .alabel { display:none; }
.sidemenu .stc .opts> li:hover .alabel { display:block; }
.sidemenu .stc .opts> li:hover .label{ display:none; }
.sidemenu .stc .opts> li.nt { height:auto;line-height:inherit;}
.sidemenu .stc .opts> li.nt .subd * {color:#666;margin-left:10px;}
.sidemenu .stc .opts> li.nt:hover { background-color:#fff5d3; }
.sidemenu .stc .opts> li.nt .subd div { line-height:16px;height:16px; }
.sidemenu .stc .opts> li.head:hover {  background-color:transparent; }
.sidemenu .stc .opts> li.sub { padding-left:12px; }
.sidemenu .stc .opts> li.curSelected { color:#00c1b5; background-position:2px; background-color:transparent;cursor:auto; }


.mnur > div:hover div.opp { display:block; }
.mnur > div:hover { z-index:999; }
.mnur > div.mnuNT { margin-right:0px; }
.mnur > div.mnuNT div.opp { right:0px;top:0px;width:280px;padding-top:0px;left:auto;}
.mnur > div.mnuNT ul { line-height:25px; margin-left:-22px;margin-right:23px; margin-top:0px;background-color:#ffeca7;padding-top:0px;min-height:300px;height:600px;padding-top:10px;}
.mnur > div.mnuNT.hasOpt { background:none;padding-right:0px; }
div.logot { float:right;width:19% ;height:60px;background-position:bottom;}

.wrap { margin:0px;padding:0px; min-height: 100%;  height:auto !important; height: 100%;background-color:#fff;margin-left:30px;margin-right:30px;min-width:900px; }  
.X8TopOpt { height:40px;line-height:40px;vertical-align:middle; }
#X8TopMain { position:fixed;width:100%;z-index:888;background-color:#e3e3e3;top:0px;min-width:960px; }
#X8TopMain>* {margin-left:30px;margin-right:30px;}
.nobg { background-color:#e3e3e3; }
.xloader { clear:both;height:5px;}
.xmodule { white-space:pre-wrap;margin-top:5px;overflow:hidden; }
.xmodule a { margin-left:0px; letter-spacing:.05em; margin-right:15px;padding:0px;color:#008789;font-size:13px;padding-top:5px;text-decoration:none;white-space:nowrap;float:left;vertical-align:bottom; }
.xmodule a.active { color:#00c1b5; background-image:url('images/menu-select.png');background-repeat:no-repeat;background-position:top center; }
.xmodule a.focus { color:#00c1b5; }
.xmenu { width:100%;float:left;white-space:nowrap;padding:0px;margin:0px; background-color:#008789; line-height:22px;overflow:visible;min-height:22px; }
.xmenu * { font-size:13px; }
.xmenu > li > div { cursor:pointer; }
.xmenu > li { float:left;list-style:none;margin-left:10px;color:white;position:relative;overflow:visible; }
.xmenu > li:hover > div { color:#00c1b5;z-index:1; }
.xmenu > li > div.selected  { color:#00c1b5;z-index:1; }
.xmenu > li ul { margin:0px; padding:0px;padding-top:0px;}
.xmenu > li > ul { float:left;padding-right:10px;display:none;position:absolute;background-color:#009ea0;padding:0px;left:0px;top:21px;z-index:999;padding-bottom:5px;padding-top:5px;}
.xmenu > li:hover ul { display:block; }
.xmenu > li > ul  table { border-collapse:collapse; }
.xmenu > li > ul  table td { padding:0px;vertical-align:top;min-width:120px; }
.xmenu > li > ul  table td.m { border-left:20px solid transparent;}
.xmenu > li li { list-style:none;margin-left:0px;padding:0px;clear:both;white-space:nowrap;display:block; }
.xmenu > li li a { padding:0px;display:block; }
.xmenu > li li a div { }
.xmenu > li div { color:#fff;}
.xmenu > li a { color:White;text-decoration:none; }
.xmenu > li:hover ul div.head  { color:#ddd; }
.xmenu > li ul li a:hover > div { background-color:#dbf3eb;color:#008789; }

#x8b{ margin-top:110px; }
.SlideMain,.x8Line { background:url('images/line.png');background-repeat:repeat-x;background-position:bottom; }

/*.ZGS .ZG_ColHead:hover { border-bottom:solid 2px #009ea0;}*/
/*-------------------------------*/
div.CodeMirror { width:470px;background-color:transparent; }
.x8toppane > * { float:left;margin-left:10px; }
#x8spane { height:21px;overflow:visible; }
#x8spane > * { float:left;margin-right:10px; }
#x8spane .uppane { width:500px;border-bottom:solid 1px #e0e0e0;height:20px; }
#x8spane .uppane > * { float: left; }
#x8spane .uppane > .x8si { float: right; }
.x8si { margin-left:3px;position:relative; }
.x8si > * { display:none;position:absolute;right:0px;top:20px;background-color:#009ea0;color:White;padding:10px;z-index:98; }
.x8si.hover { background-color:#bae9de; }
.x8si.hover > * { display:block;width:400px;height:110px; }
.x8si.hover {  background-image:url('images/btndownh.png'); }
.x8paneinfo { clear:both;height:20px;position:relative; }
/*-------------------------------*/
select { -webkit-appearance:none;-moz-appearance:none;appearance:none; }
select{ background: url('images/btndown_mr8.png') right center no-repeat; }
input[type=text],textarea,select,input[type=password],INPUT[type=search] {  border:none 0px;height:19px;line-height:19px;  background-color: #e5f8f5; /*border-bottom:1px dotted #ccc;background-color: #dbf3eb; */ }
input[type=text],textarea { /* text-indent: 4px; */ }
input[type=text],textarea { /* *float:left; */}

ul.token-input-list { text-transform:none; background-color: #e5f8f5; /*background-color: #dbf3eb;border-bottom:1px dotted #ccc;*/; }
.X8popCtrl.F input,.X8popCtrl.F textarea,body.X8pop input[type=text],body.X8pop textarea,body.X8pop select,.boxy-content input[type=password],.boxy-content input[type=text],.boxy-content select { border:none 0px;height:19px;line-height:19px;  background-color: #bae9de; /*border-bottom:1px dotted #ccc;background-color: #dbf3eb; */ }
.X8popCtrl.F ul.token-input-list,  body.X8pop ul.token-input-list {  background-color: #bae9de; /*background-color: #dbf3eb;border-bottom:1px dotted #ccc;*/ }
* * .X8popCtrl.F ul.token-input-Theme-Disable,  body.X8pop ul.token-input-Theme-Disable , li.token-input-token-disable,.token-input-list.token-input-Theme-Disable, .CtrlDisable,.pds select.CtrlDisable, input[type=text].CtrlDisable,input.CtrlDisable,* textarea.CtrlDisable,.X8popCtrl.F textarea.CtrlDisable{ background-color: #f0f0f0; color: #606060; }
.CtrlEnable{}
div.CtrlDisable { /*padding: 2px; empty-cells: show;*/}
.X8Header {color:#008789;text-align:center;padding-top:15px;position:relative;}
.X8Header .title{ float:left;width:40%;left:40%;}
.X8Header .status,.X8Header .status2{ float:right;margin-right:10px; }
.x8lctrl{ float:left;width:29%;}
.x8lctrl>*{ margin-left:10px; background-position: center; }
.x8lctrl>.marginer { margin-left:0px;width:10px;overflow:hidden;float:left; }
.x8rctrl{  float:right;width:29%; }
.tContent { clear:both; }
.sbw .btnCalendar { visibility:hidden; }
.sbw:hover .btnCalendar { visibility:visible; }
.sbw .sbcond {  }
.sbw .sbcond div { height:23px;width:100%;cursor:pointer;background-position:0px 0px; }
.sbw .sbcond ul { padding:5px;margin:0px;list-style:none;display:none;width:150px;background-color:#e3e3e3;z-index:999;top:22px;left:0px }
.sbw .sbcond ul>li { height:20px;line-height:20px;text-align:left;cursor:pointer;padding:2px;padding-left:34px;background-position:2px; }
.sbw .sbcond ul>li:hover { background-color:#f8f8f8; }
.sbw .SC_C { background:url('images/SC/c.png') no-repeat left; }
.sbw .SC_E { background:url('images/SC/e.png') no-repeat left; }
.sbw .SC_B { background:url('images/SC/b.png') no-repeat left; }
.sbw .SC_LT { background:url('images/SC/lt.png') no-repeat left; }
.sbw .SC_LTE { background:url('images/SC/lte.png') no-repeat left; }
.sbw .SC_GT { background:url('images/SC/gt.png') no-repeat left; }
.sbw .SC_GTE { background:url('images/SC/gte.png') no-repeat left; }
.sbw .SC_ISNULL { background:url('images/SC/null.png') no-repeat left; }
.sbw .SC_BET { background:url('images/SC/bet.png') no-repeat left; }

.X8MSG { position: absolute;right:0px; width:300px; top:100%;z-index:888; }
.X8MSG > div {  margin-bottom:5px;padding:5px; position:relative; }


.CommandZone {display:none;}
.btn_RES { display:none; }

.X8popCtrl { background-color:#e8fcf6; }
body.X8pop { background-color:#e8fcf6; }
body.X8pop .ui-tabs-panel{ background-color:#fff;}
body.X8pop input[type=password].CtrlDisable,body.X8pop input[type=text].CtrlDisable,body.X8pop textarea.CtrlDisable,body.X8pop select.CtrlDisable
,.boxy-content input[type=password].CtrlDisable,.boxy-content input[type=text].CtrlDisable,.boxy-content select.CtrlDisable ,.X8popCtrl.F  ul.token-input-list.token-input-Theme-Disable { background-color: #f0f0f0; color: #606060; }
body.X8pop .X8MSG,body.X8inner .X8MSG,body.X8Inner .X8MSG { top:0%; }
* *.SelectedElm,* div.SelectedElm,* div.ZG_AltRow.SelectedElm,.X8Hoverable:hover{ background-color:#bae9de; }
body.X8pop .PanelHead .Cell ,body.X8pop .ZG_Cell.ZG_ColHead {  background-color:#aaddd6;color:#008789; }
.subtitle { display:none; }
.X8Header .subtitle { display:block; }
.ProcessShower .SCloser{background:url(images/btnCloser.png) center; cursor:pointer;background-repeat:no-repeat; width:14px;height:14px;}
.iTool {background:url(images/itool.png) center; cursor:pointer;background-repeat:no-repeat; width:6px;height:20px;}
.iToolDis {background:url(images/itooldis.png) center; cursor:pointer;background-repeat:no-repeat; width:4px;height:20px;}
.iToolO {background:url(images/itoolover.png) center; cursor:pointer;background-repeat:no-repeat; width:4px;height:20px;}

.iEditPen {background:url(images/icon-edit.png) center; cursor:pointer;background-repeat:no-repeat; width:20px; height:20px; background-size: 20px; }

.hiAll { background:url(images/hiAll.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiIndividual { background:url(images/hiIndividual.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiDirect { background:url(images/hiDirect.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiInDirect { background:url(images/hiInDirect.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.token-input-dropdown .ddlList * { text-transform:none; }
.CheckForm{background:url(images/CheckForm.png) center; cursor:pointer;background-repeat:no-repeat; width:15px;height:15px;}
.NoCheckForm {background:url(images/NoCheckForm.png) center; cursor:pointer;background-repeat:no-repeat; width:15px;height:15px;}
.inNext { background:url(images/forward-table.png) no-repeat center;width:20px;height:20px;line-height:20px;}
.inPrevious { background:url(images/backward-table.png) no-repeat center;width:20px;height:20px;;line-height:20px;}
.inFirst { background:url(images/backward-first.png) no-repeat center;width:20px;height:20px; }
.inLast { background:url(images/forward-last.png) no-repeat center;width:20px;height:20px; }
.inFirst.Disabled { background:url(images/backward-first-dis.png) no-repeat center;width:20px;height:20px; }
.inLast.Disabled { background:url(images/forward-last-dis.png) no-repeat center;width:20px;height:20px; }
.inNext.Disabled { background:url(images/forward-table-dis.png) no-repeat center;width:20px;height:20px;}
.inPrevious.Disabled { background:url(images/backward-table-dis.png) no-repeat center;width:20px;height:20px;}
.ListACFormat { min-width:75px; display:inline-block; }

.scrollBack  
{
      background:url(../../App_Themes/Default/DIYReport/images/arrow-left-green.png) no-repeat center;
      width:20px;
      position: absolute;
      left: 25px;
      height: 36px;
      cursor: pointer;
}
.disableScrollBack
{
      /*background:url(images/arrow-left-grey.png) no-repeat center;*/
      cursor: default;
      width:20px;
      position: absolute;
      left: 25px;
      height: 36px;
}
.scrollNext  
{
    background:url(../../App_Themes/Default/DIYReport/images/arrow-right-green.png) no-repeat center;
    width:20px;
    position: absolute;
    right: 25px;
    height: 36px;
    cursor: pointer;
}
.disableScrollNext
{
      /*background:url(images/arrow-right-grey.png) no-repeat center;*/
      cursor: default;
      width:20px;
      position: absolute;
      right: 25px;
      height: 36px;
}

.S_Pending { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Pending.png) no-repeat center; } .S_Pending.wb { border:solid 1px #b2b2b1; }
.S_Expire { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Expire.png) no-repeat center; } .S_Expire.wb { border:solid 1px #b2b2b1; }
.S_Waiting  { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Waiting.png) no-repeat center; } .S_Waitting.wb { border:solid 1px #FFCC48;}
.S_Approved { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Approved.png) no-repeat center; } .S_Accept.wb { border:solid 1px #00c18b;}
.S_Rejected { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Rejected.png) no-repeat center; } .S_Reject.wb { border:solid 1px #ff5959;}
.S_Cancel { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Cancel.png) no-repeat center; } .S_Inactive.wb,.S_Cancel.wb { border:solid 1px #dadad9; }
.S_Inactive { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Inactive.png) no-repeat center; } .S_Inactive.wb,.S_Cancel.wb { border:solid 1px #dadad9; }
.S_SaveDraft { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_SaveDraft.png) no-repeat center; }
.S_Error { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Error.png) no-repeat center; } .S_Accept.wb { border:solid 1px #00c18b;}

.c_success { color: #56d6c9; }
.c_warning { color: #f6c87d; }
.c_error, div.c_error { color: #f04b57; }


.CtrlHilight { background-color:#f9e24c !important; }

.i_UndoDelete { width: 16px; height: 16px; background: url(../../App_Themes/Default/images/undo-delete.png) no-repeat center; }
.Checkbox_Selected
{
    width: 15px;
    height: 19px;
    background-image: url('Images/CheckboxSelected.png');
    background-repeat: no-repeat;
}
.Checkbox_UnSelected
{
    width: 15px;
    height: 19px;
    background-image: url('Images/CheckboxUnselect.png');
    background-repeat: no-repeat;
}
div.CtrlDisable.Checkbox_Selected
{
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/CheckboxSelected_Disabled.png) no-repeat center;
}
div.CtrlDisable.Checkbox_UnSelected
{ 
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/CheckboxUnselect_Disabled.png) no-repeat center;
}
div.CtrlDisable.ZG_NoCheckApr 
{
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/checkbutton-grey-off.png) no-repeat;
}
div.CtrlDisable.ZG_CheckApr
{ 
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/checkbutton-grey.png) no-repeat;
    background-size: 15px;
}
.dotted
{
    background: url(images/circle-graph.png) no-repeat center;
    width: 12px;
    height: 12px;
}
.dottedline
{
    background: url(images/border-dottedline.png) repeat-x;
    width: 2px;
    height: 2px;
} 
a[disabled=disabled]{color:#909090;}

.CtrlDisable .AttachImg, .CtrlDisable .DelAttFile, .CtrlDisable .file { display: none; }
.AttFile.CtrlDisable { background-color: transparent; }

.Status--Submit
{
    width: 18px;
    height: 18px;
    background: url(../../App_Themes/Default/Images/PT_Submit.png) no-repeat center;
}
.Status--Success
{
    width: 18px;
    height: 18px;
    background: url(../../App_Themes/Default/Images/PT_Success.png) no-repeat center;
}
.Status--Fail
{
    width: 18px;
    height: 18px;
    background: url(../../App_Themes/Default/Images/PT_Fail.png) no-repeat center;
}
.Status--Processing
{
    width: 18px;
    height: 18px;
    background: url(../../App_Themes/Default/Images/PT_Processing.png) no-repeat center;
}
.Status--Waiting
{
    width: 18px;
    height: 18px;
    background: url(../../App_Themes/Default/Images/PT_Waiting.png) no-repeat center;
}
.Status--Cancel
{
    width: 18px;
    height: 18px;
    background: url(images/cancel.png) no-repeat center;
}
.Status--ReQueue
{
    width: 32px;
    height: 18px;
    background: url(images/ReQueue.png) no-repeat;
}
.Status--ReProcess
{
    width: 18px;
    height: 18px;
    background: url(images/ReProcess.png) no-repeat;
}
.Status--Error
{
    width: 20px;
    height: 18px;
    background: url(images/error18px.png) no-repeat center;
}
.Status--Warning
{
    width: 20px;
    height: 18px;
    background: url(images/warning18px.png) no-repeat center;
}
body.x8Pop.x8Profile, body.X8inner.x8Profile, div.BoxyEmp.x8Profile{ background-color: #e8fcf6; }
.x8Profile .TextLabel.TextLabelSmall span, .x8Profile .TextLabelx.TextLabelSmall span { font-size: 10px; color: #005050; }
.x8Profile .TextLabel.TextLabelSmall { padding-bottom: 10px; }
.x8Profile.x8ProfilePopup .x8EmpDetailLabel * span, .x8Profile.x8ProfilePopup .X8Title span { color: #007272; }
.x8Profile.x8ProfilePopup * * a, .x8Profile.x8ProfilePopup .x8Link, .x8Profile.x8ProfilePopup .x8Link * { color: #009ea0; }
.x8Profile .InfoMsg div { color: #008789; }
.filemanager .breadcrumbs,.filemanager .showtotal,.filemanager .showselected {
	color: #009ea0;
}
.filemanager .breadcrumbs a:hover {
	text-decoration: underline;
}

.x8Today, * .x8Today { color: #d6ac84; }
.x8WorkingDay, * .x8WorkingDay { color: #008789; }
.x8DayOff, * .x8DayOff, .x8RestDay, * .x8RestDay { color: #fca311; }
.x8Holiday, * .x8Holiday { color: #51bfe2; }
.icnError
{
    width: 20px;
    height: 22px;
    background: url(images/Error-Hover.png) no-repeat;
}
.icnWarning
{
    width: 18px;
    height: 16px;
    background: url(images/warning.png) no-repeat;
}
.ListCodeFormat {
    min-width: 120px;
    display: inline-block;
}
.ListRoleFormat {
    min-width: 50px;
    display: inline-block;
}
.ac_pipe { border-left:1px solid #a0a0aa; }
.X8S1Width
{
    width:250px; 
}
.T2018 .token-input-list, .T2018 input[type=text],.T2018  textarea,.T2018  select,.T2018  input[type=password],.T2018  INPUT[type=search] ,.T2018 .form-horizontal .ATC
{
    background-color: transparent;
    border-bottom: solid 1px #c6c6c5;
    outline: 0;
}
.T2018 .token-input-list:focus-within, .T2018 input[type=text]:focus-within,.T2018 textarea:focus-within,.T2018  select:focus-within,.T2018  input[type=password]:focus-within,.T2018  INPUT[type=search]:focus-within ,.T2018 .form-horizontal .ATC:focus-within
{    
    border-bottom: solid 1px #003369;
}
.T2018 .token-input-list[readonly],.T2018 .token-input-list[disabled], .T2018 input[type=text][readonly], .T2018 input[type=text][disabled],.T2018  textarea[readonly],.T2018  select[readonly],.T2018  textarea[disabled],.T2018  select[disabled],.T2018  input[type=password][readonly],.T2018  INPUT[type=search][readonly] 
,.T2018  input[type=password][disabled],.T2018  INPUT[type=search][disabled]
,.T2018 .token-input-list.token-input-Theme-Disable,.T2018 .form-horizontal .ATC.CtrlDisable {
    border-bottom: solid 1px #e3e3e3;
    background-color: transparent;
}
.T2018 * * .X8popCtrl.F ul.token-input-Theme-Disable, .T2018 body.X8pop ul.token-input-Theme-Disable, .T2018 li.token-input-token-disable, .T2018 .token-input-list.token-input-Theme-Disable, .T2018 .CtrlDisable, .T2018 .pds select.CtrlDisable, .T2018 input[type=text].CtrlDisable, .T2018 input.CtrlDisable, .T2018 * textarea.CtrlDisable, .T2018 .X8popCtrl.F textarea.CtrlDisable
{
    color: #9D9C9C;     
}
.T2018 span.KeyLabel { width:10px;display:inline-block; background: url(images/mandatory.png) no-repeat; background-position: center; padding-left: 3px; }
.T2018 li.token-input-token-disable { background-color: transparent; }
.T2018 textarea{ background-color: transparent; z-index:99;padding:0px; }
.T2018 .drop.Navigation.More { background-color: transparent; background-position:center; border-radius:10px;right:1px !important;top:1px !important; }
.T2018 .grid .drop.Navigation.More { background-color:#E5F8F5; }
.T2018 .PanelHead .SCell { background-color: transparent; }
.T2018 .ac_pipe { border-left:none; }
.T2018 .ac_pipe:after { content: "|  ";font-size: 90%;color: #c6c6c5; }
.T2018 .token-input-list[readonly] .ac_pipe:after { color:#deddde; } 
.T2018 li.token-input-token-disable .More { display:none; }
.T2018 .token-input-Theme-Disable .More { display:none; }
.T2018 .asLabel { border-bottom:none !important; }
.T2018 .ATC .AttachImg { cursor:pointer; }
.T2018 .ATC .Warning { left:16px; right:20px; opacity:0; transition-delay:1s; transition:visibility 0s linear 1s,opacity 1s linear;display: none;position:absolute;background-color:transparent;z-index:100;height:19px !important; }
.T2018 .ATC:hover .Warning { display:block;opacity:1; }
.ATC.CtrlDisable .Warning { display:none !important; }
.ATC.CtrlDisable { background-color: transparent; }
.T2018 .ATC { overflow:visible !important;height:19px; }
.T2018 .trans_status { position: absolute;right:-7px;top:1px; }
.T2018 .trans_div { position:relative;height:19px;vertical-align:middle;line-height: 19px;cursor:pointer; }
.T2018 .form-horizontal .TextInput { margin-bottom:10px; }
.T2018 .grid .dummy .CTRLAC { display:none; }
.T2018 .InfographMsg {text-align:center;}
.T2018 .InfographMsg * { width:130px !important; color:#009ea0;font-size:28px;margin-top:10px !important;line-height:26px;height:26px;text-align:center !important;vertical-align:bottom !important; }
.T2018 .koDelItem { background: url(images/btnDel.png) no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 input, .T2018 textarea, .T2018 select, .T2018 * li.token-input-token { color: #282829; }
.T2018 .Navigation.More, .HeaderTextDetail.More { background: url(images/btnDropdown.png)  right center no-repeat; width: 11px; height:7px; }
.T2018 select { background: url(images/btnDropdown.png) right center no-repeat; }
.T2018 .ZG_FBAct, .T2018 .ZG_FBEmpCur { background: url(images/btnFilterActive.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 .ZG_FBInAct, .T2018 .ZG_FBEmpAll { background: url(images/btnFilterAll.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 .Checkbox_UnSelected { background: url(images/box-unselect.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 .Checkbox_Selected { background: url(images/checkbox-select.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 div.CtrlDisable.Checkbox_UnSelected { background: url(images/box-unselect.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 div.CtrlDisable.Checkbox_Selected { background: url(images/checkbox-select.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }


*.radioUnselect
{
    width: 15px;
    height: 19px;
    background-image: url('Images/checkbutton-green-off.png');
    background-repeat: no-repeat;
}
*.radioSelect
{
    width: 15px;
    height: 19px;
    background-image: url('Images/checkbutton-green.png');
    background-repeat: no-repeat;
}

.T2018 *.radioUnselect { background: url(images/box-unselect.png) left center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 *.radioSelect { background: url(images/radio-select.png) left center no-repeat; width: 20px; height: 20px; cursor: pointer; }

.T2018 .boxyAlt .boxyCloser, .T2018 .pnlCloser { background: url(images/delete_s.png) right center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.T2018 .ZGH_Group { margin-left: 10px; }


@media (max-width: 992px) { .T2018  .col_sm-forcefull { width:100% !important; }  }
@media (max-width: 1026px) { div.logot { height: 36px; background-position: center 4px; } .x8symbol { display:none; } }
.x8lctrl .ZG_TErrorCollection { margin-top:2px;float:left !important;}
.wrap { min-width:0 !important; }  
#X8TopMain { min-width:0 !important; }


.spanThumbnail { color: #c0c0c0; }
.btnThumbnail { background: url(images/btnThumbnail-inactive.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.x8link.Disabled > .spanThumbnail > .btnThumbnail { background: url(images/btnThumnail.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.spanThumbnail:hover { color: #00c1b5; }
.spanThumbnail:hover .btnThumbnail { background: url(images/btnThumnail-hover.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }

.spanList { color: #c0c0c0; }
.btnList { background: url(images/btnList-inactive.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.x8link.Disabled > .spanList > .btnList { background: url(images/btnList.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.spanList:hover { color: #00c1b5; }
.spanList:hover .btnList { background: url(images/btnList-hover.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }

.x8link.Disabled > .spanThumbnail, .x8link.Disabled > .spanList { color: #007272; }


.T2018 .spanThumbnail { color: #c0c0c0; }
.T2018 .btnThumbnail { background: url(images/thumbnail-unselect.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.T2018 .x8link.Disabled > .spanThumbnail > .btnThumbnail { background: url(images/thumbnail-selected.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.T2018 .spanThumbnail:hover { color: #007272; }
.T2018 .spanThumbnail:hover .btnThumbnail { background: url(images/thumbnail-selected.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }

.T2018 .spanList { color: #c0c0c0; }
.T2018 .btnList { background: url(images/listview-unselect.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.T2018 .x8link.Disabled > .spanList > .btnList { background: url(images/listview-selected.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }
.T2018 .spanList:hover { color: #007272; }
.T2018 .spanList:hover .btnList { background: url(images/listview-selected.png) no-repeat; vertical-align: middle; margin-top: -3px; padding-right: 5px; display: inline-block; cursor: pointer; width: 24px; height: 15px; }

.T2018 textarea:focus
{
	background-color:  white;
	z-index:888;
}

.T2018 textarea:hover
{
	background-color:  white;
	z-index:888;
}

.sidemenu
{
    background-color:#e9e9e9;width:300px;position:fixed;top:0px;right:-300px;bottom:0px;z-index:1299;
    transition-duration: 0.3s;
    overflow-y:auto;
    overflow-x:hidden;
}
.sidemenu.show
{
    right:0px;
} 
.mnur .btnList
{
    background-image: url('images/btnList.png');
    vertical-align: middle;
    padding-right: 5px;
    background-repeat: no-repeat;background-position: center;
    display: inline-block;
    cursor: pointer;
    width: 24px;
    margin-top:1px;
    line-height: 45px;
    margin-right:0px;
}
.sidemenu div.ui-tabs .ui-tabs-nav li { line-height:26px; }
.sidemenu .ui-tabs { overflow:hidden; }
.sidemenu * { font-size:16px; }
.sidemenu .pnlCloser { position:absolute;right:10px;top:10px;cursor:pointer; z-index:2 }
.sidemenu .module { margin-left:5px; padding:5px;border-bottom:solid 1px #aaa; }
.sidemenu .module ul,.sidemenu .stc ul  { margin:0px; padding:0px;width:100%; }
.sidemenu .module .content { margin-left:0px;margin-right:0px;height:0px;overflow:hidden;transition: height 0.3s ease-in; }
.sidemenu .module .content table {  background-color:transparent !important; }
.sidemenu .module.active .content { height:auto; }
.sidemenu .module .content ul { margin-left:5px;list-style-type:none; }
.sidemenu .opp { position:relative !important; }
.sidemenu .stc,.sidemenu .stc .sub{ margin-left:5px;}
.sidemenu .stc > div { margin-top:5px; }
.sidemenu .stc li ,.sidemenu .module li{  width:100%;clear:both;padding:2px 1px; }
.sidemenu .mnuc.ui-tabs-panel,.sidemenu .stc.ui-tabs-panel    { padding:0px;clear:both; }
.sidemenu * { font-size:16px }
/*page 2018*/
.T2018 .form-horizontal { margin-left: 10px; margin-right: 10px; }
.T2018 .x8HeaderPnl, .T2018 .x8ContentPnl { }
.T2018 .x8HeaderPnl.HeaderFilter .x8LineSpliter { background: url(images/line.png); background-repeat: repeat-x; background-position: bottom; height: 18px; clear: both; }
.T2018 .x8HeaderPnl.HeaderContent .x8LineSpliter { height: 2px; line-height: 2px; background-color: #009ea0; margin-top: 5px; margin-bottom: 5px; clear: both; }

@media (max-width: 1026px)   
{
    .title .subtitle { display:none } 
    .T2018 .form-horizontal { margin-left: 5px; margin-right: 5px; } 
}

/*tab 2018*/

.T2018 .ui-progressbar { height:2em; text-align: left; }
.T2018 .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.T2018 .ui-tabs { padding: .2em; }
.T2018 .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.T2018 .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 1px 2em -1px -3px; padding: 0; border-bottom: .17em solid transparent !important; background-color: transparent; }
.T2018 .ui-tabs .ui-tabs-nav li:hover { color:#007272; background-color: transparent; }
.T2018 .ui-tabs .ui-tabs-nav li:hover a{ color:#007272; }
.T2018 .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding-bottom: 0px; padding-top: .5em; padding-left: 1px; padding-right: 1px; color: #868686; border-bottom: .17em solid transparent; }
.T2018 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; background-color: transparent; }
.T2018 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.T2018 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .T2018 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .T2018 .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #007272; border-bottom: .17em solid #007272; color: #007272; }
.T2018 .ui-tabs .ui-tabs-nav li a, .T2018 .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.T2018 .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.T2018 .ui-tabs .ui-tabs-hide { display: none !important; }
.T2018 * .ui-tabs .ui-tabs-border { border:none; }
.T2018 .ui-tabs .ui-border-none { border:none; }