@charset "utf-8";
body {padding:0px;margin:0px;font-size: 12px;font-family: Lato, sans-serif, arial, helvetica, sans-serif;}
/*--- form ------------------------------------------------------------------------------------------------------------*/
form{margin:0;}
textarea{font-family: arial, helvetica, sans-serif;}
/*--- div w/ scroll bar -----------------------------------------------------------------------------------------------*/
#scrollx {overflow-y:auto; overflow-x:hidden;}
#scrollopera {overflow:scroll;}
.scrollx {overflow-y:auto; overflow-x:hidden;}
/*--- link ------------------------------------------------------------------------------------------------------------*/
a,a:link,a:visited,a:active{cursor:pointer;color:blue;}
a:hover{color:purple;}
/*--- button ----------------------------------------------------------------------------------------------------------*/
/*
button, input[type="button"]{font-size: 13px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;color:#000000;border: 1px solid #666666;
background:#ffffff url(../_img/button_01.gif);cursor:pointer;
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-radius:3px;
}
button[disabled], input[type="button"][disabled]{font-size: 13px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;color:#545454;border: 1px solid #666666;
background:#ffffff url(../_img/button_01.lock.gif);
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-radius:3px;}
*/
/*
button, input[type="button"]{color: #fff;padding: 2px;padding-left:10px;padding-right:10px; border: 0.01em solid #246C93;font-weight: normal;background-color: #3093c7;background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);background-image: -o-linear-gradient(top, #3093c7, #1c5a85);background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-radius:3px;}
button:hover, input[type="button"]:hover,
button:focus, input[type="button"]:focus{border: 0.01em solid #246C93;background-color: #26759e;background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));background-image: -webkit-linear-gradient(top, #26759e, #133d5b);background-image: -moz-linear-gradient(top, #26759e, #133d5b);background-image: -ms-linear-gradient(top, #26759e, #133d5b);background-image: -o-linear-gradient(top, #26759e, #133d5b);background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);cursor:pointer;}
*/

button i{color: #133d5b;float: left;margin: -1px 2px 0 0;font-size: 1.2em !important;font-weight: normal !important;transition: color 0.3s ease-in-out;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;}
button:hover i{font-weight: normal !important;color: #FFFFFF !important;transition: color 0.3s ease-in-out;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;}
button{color: #fff;padding: 10px 5px 10px 5px;border: 0.01em solid #246C93;font-weight: normal;background-color: #3093c7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
background-image: -o-linear-gradient(top, #3093c7, #1c5a85);background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;
-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;border-radius:3px;}
button:hover,
button:focus{border: 0.01em solid #246C93;background-color: #26759e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
background-image: -moz-linear-gradient(top, #26759e, #133d5b);background-image: -ms-linear-gradient(top, #26759e, #133d5b);
background-image: -o-linear-gradient(top, #26759e, #133d5b);background-image: linear-gradient(to bottom, #26759e, #133d5b);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);}
.ui-dialog button{padding-bottom:3px;padding-top:3px;}
/*
.btnFace:hover{background:#ffffff url(../_img/button_01.hover.gif);border: 1px outset #666666;}
.btnFaceLock{font-size: 13px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;color:#545454;border: 1px solid #666666;
background:#ffffff url(../_img/button_01.lock.gif);
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-radius:3px;}
.rndBtn{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-radius:5px;}
.rndBtnSmall{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
*/
button.dot,input[type="button"]{width:25px;}
/*--- system messages such error, system note  ------------------------------------------------------------------------*/
/*
.eMsgHead{font-size:13px;font-weight:bold;padding-right:10px;}
.eMsgBody{color:#800000;font-size:13px;margin-bottom:4px;margin-left:2px;font-weight:bold;font-style:italic;}
*/
/*--- round corner ----------------------------------------------------------------------------------------------------*/
.rndCornerL{-moz-border-radius-topleft:9px;-webkit-border-top-left-radius:9px;-moz-border-radius-topright:9px;-webkit-border-top-right-radius:9px;-moz-border-radius-bottomleft:9px;-webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px;border-radius:9px;}
.rndCornerM{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
.rndCornerS{-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-radius:2px;}
/*--- box -------------------------------------------------------------------------------------------------------------*/
.boxShadow{box-shadow: 2px 3px 4px #B2B2B2;}
.boxFace{background-color:#EBEBFF;border:1px solid #B2B2B2;}
/*--- txbox -----------------------------------------------------------------------------------------------------------*/
input[type="text"],input[type="password"]{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-radius:3px;border: 1px solid #aaaaaa;text-indent: 2px;padding-right:2px;}
input[type="text"][readonly]{border: 1px solid #aaaaaa;background-color:#E1E1E1;}

/*--- ui_dropdown -----------------------------------------------------------------------------------------------------*/
.ui-dropdown{display:none;float:left;z-index:1000;position:absolute;border:1px solid #85ADFF;background-color:#ffffff;overflow:scroll;overflow-y:auto;overflow-x:hidden;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
.ui-dropdown ul{padding:6px 2px;margin:0px;}
.ui-dropdown ul li{padding-left:2px;padding-right:2px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;cursor:pointer;}
/*--- ui_dropbox -----------------------------------------------------------------------------------------------------*/
.ui-dropbox{display:none;float:left;z-index:1000;position:absolute;border:1px solid #85ADFF;background-color:#ffffff;overflow:scroll;overflow-y:auto;overflow-x:hidden;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
/*--- ui_note -----------------------------------------------------------------------------------------------------*/
.ui-note{display:none;float:left;z-index:1000;position:absolute;border:1px solid #767676;color:green;padding:2px;background-color:#FFFFEB;overflow:scroll;overflow-y:auto;overflow-x:hidden;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
/*--- ui_help -----------------------------------------------------------------------------------------------------*/
.ui-help{display:none;position:absolute;font-size:11px;color:green;padding:3px 3px;border:1px solid green;z-index:1000;overflow:scroll;overflow-y:auto;overflow-x:hidden;background:#ffffff;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
/*--- ui_alert -----------------------------------------------------------------------------------------------------*/
.ui-alert{display:none;font-size:11px;color:maroon;padding:3px 3px;border:1px solid lightgray;overflow:scroll;overflow-y:auto;overflow-x:hidden;background:#ffffff;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;font-weight:bold;}
.alert-format{color:maroon;font-weight:bold;}
/*--- ui_info -----------------------------------------------------------------------------------------------------*/
.ui-info{display:none;font-size:11px;color:green;padding:3px 3px;border:1px solid lightgray;overflow:scroll;overflow-y:auto;overflow-x:hidden;background:#ffffff;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-radius:4px;}
/*--- ui_required* -----------------------------------------------------------------------------------------------------*/
.ui-asterisk{color:red;}

/*--- ui-grid ------------------------------------------------------------------------------------------------------*/
/*.grid-contents{padding:1px;background-color: #FFFFFF;}*/
.ui-grid{padding-bottom:5px;}
.ui-grid .ui-colheader{float:left;white-space: nowrap;text-align:left;color:#FFFFFF;font-weight:bold;height:14px;padding:2px;padding-top:0px;padding-bottom:3px;overflow:hidden;border:1px solid #2E2EB8;background-color:#4477AA;margin-right:1px;white-space: nowrap;}
.ui-grid .ui-rowlist .ui-coldata{float:left;text-align:left;height:13px;padding:2px;padding-top:0px;padding-bottom:3px;overflow:hidden;white-space: nowrap;}
.ui-grid.grid-e-mode .ui-rowlist .ui-coldata{float:left;text-align:left;height:16px;padding:2px;padding-top:0px;padding-bottom:3px;overflow:hidden;}
.ui-grid .ui-rowlist .ui-coldata{cursor:pointer;border:1px solid #E6E6E6;margin-right:1px;background-color:#FFFFFF;}

.ui-grid .ui-rowlist .ui-coldata{border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.ui-grid .ui-rowheader{padding-bottom:23px;padding-top:3px;}
.ui-grid .ui-rowheader input[type="checkbox"]{-webkit-transform: scale(1.2);}
.ui-grid .ui-rowlist .ui-rowdata input[type="checkbox"]{-webkit-transform: scale(1.2);}
.ui-grid .ui-rowlist{overflow:scroll;overflow-y:auto;overflow-x:hidden;}
.ui-grid .ui-rowlist .ui-rowdata .tx-grid{-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-radius:0px;border: 1px solid #aaaaaa;font-size:12px;margin-left:-2px;width:100%;border-color:#1E90FF;}
.ui-grid .ui-rowlist .ui-rowdata input{-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-radius:0px;border: 1px solid #aaaaaa;font-size:12px;margin-left:-2px;width:100%;border-color:#1E90FF;}
.ui-grid .ui-rowlist .ui-rowdata input[type="text"].error{border-color:red;}

.ui-grid .ui-rowheader .ui-colheader.row-menu{width:20px;font-weight:bold;font-size:17px;text-align:center;padding-left:0px;padding-right:0px;}
.ui-grid .ui-rowheader .ui-colheader.row-menu.add-row{color:#00FFFF;cursor:pointer;}
.ui-grid .ui-rowlist .ui-rowdata .ui-coldata.row-menu{width:20px;font-weight:bold;font-size:17px;text-align:center;padding-left:0px;padding-right:0px;}
.ui-grid .ui-rowlist .ui-rowdata .ui-coldata.row-menu.minus-row{color:#FF4D4D;cursor:pointer;}
.ui-grid .ui-rowlist .ui-rowdata .ui-coldata [name="btn_minus"]{border:none;background-color: Transparent;outline:none;color:#FF4D4D;cursor:pointer;font-size:20px;line-height:12px;width:100%;}
.ui-grid .ui-rowheader .ui-colheader [name="btn_plus"]{border:none;background-color: Transparent;outline:none;color:#00FFFF;cursor:pointer;font-size:20px;line-height:15px;width:100%;padding-left:3px;margin-right:0px;padding-right:5px;}
    
/* .ui-grid .ui-rowdata{padding-bottom:21px;} */
.ui-grid .ui-rowlist .ui-rowdata{padding-bottom:18px;clear:both;}
.ui-grid .ui-rowlist .ui-rowdata.template{display:none;}
.ui-grid .ui-rowlist .ui-rowdata.selected .ui-coldata{background-color:#B4C9DD;}
.ui-grid .ui-rowlist .ui-rowdata .ui-coldata.selected{border:1px solid #7575A3;}
.ui-grid .ui-rowlist .ui-rowdata.selected:hover div{background-color:#008080;border-color:lightgray;color:#FFFFFF;}
.ui-grid .ui-rowlist .ui-rowdata:hover div{background-color:#008080;border-color:lightgray;color:#FFFFFF;}
.ui-grid .ui-rowlist .ui-rowdata.csslink:hover div{text-decoration:underline;}
.ui-grid .ui-rowlist .ui-rowdata:hover td{background-color:#008080;border-color:lightgray;color:#FFFFFF;}
.ui-grid .ui-rowlist .ui-rowdata div{border:1px solid #E6E6E6;margin-right:1px;}
.ui-grid .ui-rowlist .ui-rowdata.ui-even div{background-color:#EBEBEB;}
.ui-grid .ui-rowlist .ui-rowdata.ui-even:hover div{background-color:#008080;border-color:lightgray;color:#FFFFFF;}
.ui-grid .ui-rowlist .ui-rowdata.ui-even td{background-color:#EBEBEB;}
.ui-grid .ui-rowlist .ui-rowdata.ui-even:hover td{background-color:#008080;border-color:lightgray;color:#FFFFFF;}
.ui-grid .ui-rowcount{font-size:11px;color:green;padding-left:2px;margin-top:4px;margin-bottom:3px;border:1px solid lightgray;padding-top:1px;padding-bottom:1px;background-color:#E6E6E6;text-align:left;}
.ui-grid .ui-slctdcaption{font-weight:bold;}
.ui-grid .col.row{width:28px;}
.ui-grid .ui-rowlist{height: 290px;}

/*--- dropdown lukup auto & overflow UI------------------------------------------------------------------------------------------------------*/
.dropdown-lukup ul::-webkit-scrollbar{width: 8px;height: 6px;}
.dropdown-lukup ul::-webkit-scrollbar-button:start:decrement,
.dropdown-lukup ul::-webkit-scrollbar-button:end:increment {display: block;height: 5px;}
.dropdown-lukup ul::-webkit-scrollbar-button:vertical:increment,
.dropdown-lukup ul::-webkit-scrollbar-button:vertical:decrement{}
.dropdown-lukup ul::-webkit-scrollbar-track:vertical {background-color: #eee;-webkit-border-radius: 3px;}
.dropdown-lukup ul::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #6E6E6E;-webkit-border-radius: 3px;}
.dropdown-lukup ul::-webkit-scrollbar-thumb:horizontal {width: 50px;background-color: #ccc;-webkit-border-radius: 3px;}

/*--- grid auto & overflow UI------------------------------------------------------------------------------------------------------*/
.ui-grid .ui-rowlist::-webkit-scrollbar{width: 8px;height: 6px;}
.ui-grid .ui-rowlist::-webkit-scrollbar-button:start:decrement,
.ui-grid .ui-rowlist::-webkit-scrollbar-button:end:increment {display: block;height: 5px;}
.ui-grid .ui-rowlist::-webkit-scrollbar-button:vertical:increment,
.ui-grid .ui-rowlist::-webkit-scrollbar-button:vertical:decrement{}
.ui-grid .ui-rowlist::-webkit-scrollbar-track:vertical {background-color: #eee;-webkit-border-radius: 3px;}
.ui-grid .ui-rowlist::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #6E6E6E;-webkit-border-radius: 3px;}
.ui-grid .ui-rowlist::-webkit-scrollbar-thumb:horizontal {width: 50px;background-color: #ccc;-webkit-border-radius: 3px;}

.ui-grid .ui-grid-content::-webkit-scrollbar{width: 5px;height: 8px;}
.ui-grid .ui-grid-content::-webkit-scrollbar-thumb:horizontal {height: 50px;background-color: #6E6E6E;-webkit-border-radius: 3px;}
.ui-grid .ui-grid-content::-webkit-scrollbar-track:horizontal {-webkit-box-shadow: inset 0 0 6px  rgba(217, 217, 217,0.7);-webkit-border-radius: 10px;border-radius: 10px;}
/*--- pagination SET A ------------------------------------------------------------------------------------------------*/
.ui-paging-setA{font-size:12px;font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px;margin-right:0px;padding-right:0px;}
.ui-paging-setA span{padding:2px 5px 2px 5px;margin:2px;border:1px solid #4477AA;text-decoration:none;color:#000;}
.ui-paging-setA .on{margin:2px;padding:2px 5px 2px 5px;border:1px solid #125699;font-weight:bold;background-color:#4478a7;color:#FFF;}
.ui-paging-setA .off{padding:2px 5px 2px 5px;margin:2px;border:1px solid #DDDDDD;color:#DDD;}
.ui-paging-setA .ui-nxt{margin-right:0px;}
.ui-paging-setA .ui-pgno:hover{border: 1px solid #6cb9ff;color: #000;background-color:#BCDEFF;}
.ui-paging-setA .ui-pgno{cursor:pointer;}
.ui-paging-setA span.ui-pgno.disable{cursor:auto;border:1px solid #999;text-decoration:none;color:#666;}
.ui-paging-setA span.ui-pgno.disable:hover{cursor:auto;border:1px solid #999;text-decoration:none;color:#666;}
/*--- pagination ------------------------------------------------------------------------------------------------------*/
.pagination{font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px;}
.pagination a{padding:2px 5px 2px 5px;margin:2px;border:1px solid #4477AA;text-decoration:none;color: #000;}
.pagination a:hover,.pagination a:active{border: 1px solid #6cb9ff;color: #000;}
.pagination span.current{margin:2px;padding:2px 5px 2px 5px;border:1px solid #999;font-weight:bold;background-color:#4478a7;color:#FFF;}
.pagination span.disabled{padding:2px 5px 2px 5px;margin:2px;border:1px solid #DDDDDD;color:#DDD;}

/*--- progress bar dialog ------------------------------------------------------------------------------------------------------*/
.ui-dialog.progress-theme{border-color:transparent;background-image:none;}
.ui-dialog.progress-theme .ui-dialog-content{background-color:transparent;text-align:center;font-weight: bold;color:#0F55BF;}
.ui-dialog.progress-theme .ui-dialog-content img{height:15px;}

/*------ tooltip UI --------------------------------------------------------------------------------------------------------------------*/
.tooltip-top,
.tooltip-right,
.tooltip-bottom,
.tooltip-left{position: relative;display: inline-block;}
.tooltip-top:hover .tooltiptext,
.tooltip-bottom:hover .tooltiptext,
.tooltip-left:hover .tooltiptext,
.tooltip-right:hover .tooltiptext{visibility: visible;opacity: 1;}
.tooltip-top .tooltiptext a,
.tooltip-bottom .tooltiptext a,
.tooltip-left .tooltiptext a,
.tooltip-right .tooltiptext a{color: #fff;font-size: 10.5px;text-decoration: none;}
.tooltip-top .tooltiptext a:hover,
.tooltip-bottom .tooltiptext a:hover,
.tooltip-left .tooltiptext a:hover,
.tooltip-right .tooltiptext a:hover{color: #fff;text-decoration: underline;}
.tooltip-top .tooltiptext {visibility: hidden;max-width: 200px;background-color: #000;color: #fff;text-align: center;font-weight: normal;padding: 5px 10px 5px 10px;position: absolute;float: left;float: inline;font-size: 10.5px;z-index: 999999999;margin: -1px 10px 0 0;margin: auto;bottom: 100%;right: 0;opacity: 0;transition: opacity 1s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.tooltip-top .tooltiptext::after {content: "";position: absolute;top: 100%;right: 0%;margin: 0 5px 0 0;border-width: 5px;border-style: solid;border-color: #000 #000 transparent transparent;}
.tooltip-bottom .tooltiptext {visibility: hidden;max-width: 200px;background-color: #000;color: #fff;text-align: center;font-weight: normal;padding: 5px 10px 5px 10px;position: absolute;font-size: 10.5px;z-index: 999999999;margin: -1px 10px 0 0;margin: auto;top: 100%;left: 0;opacity: 0;transition: opacity 1s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.tooltip-bottom .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 0;margin-left: 5px;border-width: 5px;border-style: solid;border-color: transparent transparent #000 #000;}
.tooltip-right .tooltiptext {visibility: hidden;max-width: 200px;background-color: #000;color: #fff;text-align: center;font-weight: normal;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;padding: 5px 10px 5px 10px;position: absolute;font-size: 10.5px;z-index: 1;margin: -1px 10px 0 5px;left: 100%;opacity: 0;transition: opacity 1s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.tooltip-right .tooltiptext::after {content: "";position: absolute;top: 0%;right: 100%;margin-top: 5px;border-width: 5px;border-style: solid;border-color: #000 black transparent transparent;}
.tooltip-left .tooltiptext {visibility: hidden;max-width: 200px;background-color: #000;color: #fff;text-align: center;font-weight: normal;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;padding: 5px 10px 5px 10px;position: absolute;font-size: 10.5px;margin: 1px 10px 0 0;right: 100%;bottom: 0;opacity: 0;transition: opacity 1s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.tooltip-left .tooltiptext::after {content: "";position: absolute;bottom: 0%;left: 100%;margin-bottom: 5px;border-width: 5px;border-style: solid;border-color: transparent transparent #000 #000;}
.tooltip{position: relative;display: inline-block;}
.tooltip .tooltip-right{visibility: hidden;padding: 5px 10px 5px 10px;color: #fff;background: #000;font-size: 10.5px;font-weight: normal;position: absolute;left: 100%;top: 0%;margin: 0 0 -1px 5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;opacity: 0;transition: opacity 1s;}
.tooltip .tooltip-right::after{content: "";position: absolute;top: 0%;right: 100%;margin-top: 5px;border-width: 5px;border-style: solid;border-color: #000 black transparent transparent;}
.tooltip .tooltip-left{visibility: hidden;position: absolute;color: #fff;background: #000;padding: 5px 10px 5px 10px;font-size: 10.5px;font-weight: normal;bottom: 0;right: 100%;margin: 0 5px -1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;opacity: 0;transition: opacity 1s;}
.tooltip .tooltip-left::after{content: '';position: absolute;border-width: 5px;border-style: solid;border-color: transparent transparent #000 #000;left: 100%;top: 0%;margin: 5px 0 0 0;}
.tooltip .tooltip-top{visibility: hidden;position: absolute;color: #fff;background: #000;padding: 5px 10px 5px 10px;font-size: 10.5px;font-weight: normal;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;bottom: 110%;right: 0;opacity: 0;transition: opacity 1s;}
.tooltip .tooltip-top::after{content: '';position: absolute;border-width: 5px;border-style: solid;border-color: #000 #000 transparent transparent;right: 0%;top: 100%;margin: 0 5px 0 0;}
.tooltip .tooltip-bottom{visibility: hidden;position: absolute;color: #fff;background: #000;padding: 5px 10px 5px 10px;font-size: 10.5px;font-weight: normal;top: 110%;left: 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;opacity: 0;transition: opacity 1s;}
.tooltip .tooltip-bottom::after{content: '';position: absolute;border-width: 5px;border-style: solid;border-color: transparent transparent #000 #000;bottom: 100%;left: 0%;margin: 0 0 0 5px;}
.tooltip .tooltip-top a,
.tooltip .tooltip-bottom a,
.tooltip .tooltip-left a,
.tooltip .tooltip-right a{color: #fff;text-decoration: none;font-size: 10.5px;font-weight: normal;}
.tooltip .tooltip-top a:hover,
.tooltip .tooltip-bottom a:hover,
.tooltip .tooltip-left a:hover,
.tooltip .tooltip-right a:hover {color: #fff;text-decoration: underline;}
.tooltip:hover .tooltip-top,
.tooltip:hover .tooltip-bottom,
.tooltip:hover .tooltip-left,
.tooltip:hover .tooltip-right,
input[type="text"][error="required"]:focus + .tooltip-right,
input[type="text"][error="required"]:focus + .tooltip-left,
input[type="text"][error="required"]:focus + .tooltip-top,
input[type="text"][error="required"]:focus + .tooltip-bottom,
input[type="text"][error="char"]:focus + .tooltip-right,
input[type="text"][error="char"]:focus + .tooltip-left,
input[type="text"][error="char"]:focus + .tooltip-top,
input[type="text"][error="char"]:focus + .tooltip-bottom,
input[type="number"][error="max"]:focus + .tooltip-right,
input[type="number"][error="max"]:focus + .tooltip-left,
input[type="number"][error="max"]:focus + .tooltip-top,
input[type="number"][error="max"]:focus + .tooltip-bottom{visibility: visible;opacity: 1;}
input[type="text"][error="no"]:focus + .tooltip-right,
input[type="text"][error="no"]:focus + .tooltip-left,
input[type="text"][error="no"]:focus + .tooltip-top,
input[type="text"][error="no"]:focus + .tooltip-bottom,
input[type="number"][error="no"]:focus + .tooltip-right,
input[type="number"][error="no"]:focus + .tooltip-left,
input[type="number"][error="no"]:focus + .tooltip-top,
input[type="number"][error="no"]:focus + .tooltip-bottom{opacity: 0;visibility: visible;transition: opacity 1s;}

/*--- element formatting */
.float{float:left;}

/*--- search dialog ------------------------------------------------------------------------------------------------------*/
.ui-dialog .ui-button{width:70px;margin-left:8px;}
.ui-dialog .dglookup .search.hide{display:none;}
.ui-dialog .dglookup .sel_opt{width: 150px;}
.ui-dialog .dglookup input[name="txsearch"]{width: 205px;}
.ui-dialog .dglookup .selected-item.hide{display:none;}
.ui-dialog .dglookup .selected-item .selected-item-label{font-weight: bold; text-transform: uppercase;float: left;margin: 6px 0 0 0;}
.ui-dialog .dglookup .selected-item .selected-item-val{border: thin solid #D8D8D8;margin: 3px 0 0 5px;padding: 3px;background: #fff;display: inline-block;width: 475px;word-wrap: break-word;min-height:15px;}
.ui-dialog .dglookup .ui-grid .ui-rowlist{height: 250px;}