@charset "windows-874";
/* CSS Document */

body { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#2c3d4f; margin:0; padding:0; background:#FFF; }
body.popup { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#2c3d4f; margin:30px; padding:0; background:#FFF; }
a {  color:#2c3d4f; text-decoration:none;}
a:hover {  color:#519fd6; text-decoration:none;}
a img { border:none; display:block; margin:0; padding:0}
.clear { clear:both;}
h1 { font-size:22px;  font-family: 'pt_sansbold'; color:#FFF;  text-align:center; margin:0; padding:25px 15px;}


/****main****/
#Wrapper { margin:0; width:100%;}
#Container { margin:0 auto; padding:0; width:1320px;}
#ContentMn {margin:0; width:236px; float:left;}
#ContentR {margin:0; padding-left:1px; width:1083px; float:right;}

/****Login****/
.Conlogin { margin:0 auto; padding:120px 0 0 0; width:350px;}
.logologin { margin:0; padding:20px; float:left; text-align:center; background:#28b7e1; width:310px;}
.logologin img { margin:0 auto; padding:0; display:block;}
.tablelogin { padding:10px 0 20px 0; margin:0; background-color:#FFF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;color:#000; text-align:left; font-weight:normal; }
.tablelogin h1 { padding:0 0 5px 35px; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;color:#000; text-align:left; font-weight:normal; }
.tablelogin h2 { padding:3px 0 5px 5px; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;color:#000; text-align:left; font-weight:normal; }
.tdremember { padding:15px 0 15px 35px; margin:0;}
.txtboxlogin { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 10px; border:1px solid #1b516b; width:250px;} 
.btnlogin { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; background:#48b0f7; border:0; text-align:center; padding:10px 17px; width:270px; margin:0;}
.btnlogin:hover {color:#1b516b; border:0; cursor:pointer;}

.btnsubmit { font-family: 'pt_sansbold'; font-size:18px; line-height:18px;color:#FFF; background:#48b0f7; border:0; text-align:center; padding:10px 17px; margin-top:5px; width:100px;}
.btnsubmit:hover {color:#1b516b; border:0; cursor:pointer;}


/*MN left*/
#Colmn {  padding:0; margin:0; width:236px; float:left; overflow:hidden; background:#1b516b; min-height:850px;}
#Logo { margin:0; padding:0; width:236px; float:left; }
.Main_menu { margin:0; padding:0; width:236px;}
.Main_menu ul { margin:0; padding:0;}
.Main_menu ul li { margin:0; padding:0; list-style:none;}
.Main_menu ul li a { margin:0; padding:0; display:block}
.Main_menu ul li a:hover { margin:0; padding:0;}
/*End*/

/***header****/
#Rowheader { background:#28b7e1; margin:0; padding:0; }
.boxheader h1 {padding:29px 15px 20px 15px; margin:0; font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF;}
.boxheader h2 {  font-family: 'pt_sansbold'; font-size:16px; line-height:16px; color:#FFF; text-align:center; display:block; float: left; padding:15px 15px 0 0;}
.boxheader { padding:0; margin:0; float:left; width:770px;}
.boxheader img { width:30px;}
.boxheader ul { padding:0; margin:0;}
.boxheader ul li { margin:0; padding:0; list-style:none; display: block; float:left; border-left:1px solid #FFF;}
.boxheader ul li a { margin:0; padding:19px 12px; display: block; float:left;}
.boxheader ul li input { background-color: #28b7e1; border-color: #28b7e1; margin:8px 0px; padding:12px 15px; display: block; float:left; }
.boxheader ul li input:focus { background-color: white; }
.width750 { padding:0; margin:0; float:left; width:750px;}

.boxheaderR { padding:0; margin:0; float:right; width:100px; }
.boxheaderR  img { padding: 0 35px 0 35px;}
.boxheaderR ul { padding:0; margin:0;}
.boxheaderR ul li { margin:0; padding:0; list-style:none; display: block; float:right;}
.boxheaderR ul li a { margin:0; padding:5px 0 0 0; display: block; float:right;}
.boxheaderR h1 { padding:5px 5px 0 5px; margin:0; width:100px; text-align:center; font-family: 'pt_sansbold'; font-size:11px !important; line-height:11px; color:#FFF;}

.Nav {  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF; float: left; width:180px; text-align:right ; padding:29px 15px 20px 15px; margin:0;  border-right:1px solid #FFF; }
.width200 { width:150px; float:left;}
/***search****/
.boxsearch { padding:0; margin:0 auto; background-color:#e5e5e5; width:500px; height:200px;}
.tablesearch { padding:60px 0 0 0 ; }
.tablesearch  h1 {  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#2c3d4f; text-align:left; padding:0 0 10px 0; margin:0;}
.txtboxsearch { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 -4px 0; padding:10px 10px; width:220px; border:1px solid #1b516b;} 
.txtboxTopSearch { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:20px; margin:0 0 -4px 0; padding:0px 0px; width:160px; border:1px solid #1b516b;} 

/***Con Home****/
.Conwrap_home { padding:15px;}
.Rowdate { padding:20px 0 40px 0; margin:0;}
.ui-datepicker { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.txtbox_date {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; background: url(../images/icn-calendar.png) no-repeat center right; border:1px solid #28b7e1; padding:7px 10px; width:198px;}

#boxconhome { padding:0; margin:0}
#boxconhomeL { float:left; width:297px; padding:30px 15px; margin-right:15px; background:#f1f1f1; min-height:350px;}
#boxconhomeR { float:right; width:297px; padding:30px 15px; margin-right:0;  background:#f1f1f1; min-height:350px;}
.tablehome {  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; padding:0; margin:0; color:#676767; text-align:left;}
.tablehomehead {  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; margin:0; color:#2c3d4f; text-align:left; 
border-bottom:2px #d6d6d6 solid; padding-bottom:15px;}

/***Main Master Data****/
.Conwrap_master { padding:0; margin:0;}
.boxmastermn { margin:0 auto; padding:40px 0; width:80%;}
.mnmaster { padding:0 20px 0 0; margin:0; width:45%; float:left;}
.mnmaster img { padding-right:20px;}
.mnmaster ul { margin:0; padding:0; list-style:none; }
.mnmaster ul li { margin:0 0 10px 0; padding:0; font-family: 'pt_sansbold'; font-size:20px; line-height:20px; color:#2c3d4f; }
.mnmaster ul li a { margin:0; padding:0; color:#2c3d4f; }
.mnmaster ul li a:hover { margin:0; padding:0; color:#17acff; }


/***Con Master Data Province***/
.Conmaster_pro { padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f;}
.tabmnname { padding:10px 15px; margin:0; font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF; background:#28b7e1; border-top:1px solid #FFF;}
.table-striped > table > tbody > tr:nth-of-type(odd) { background-color: #f1f1f1; }
.table-striped { overflow:auto; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f; }
.table_province_head { background:#e3f1f8;  font-family: 'pt_sansbold'; font-size:14px; line-height:14px; color:#000; text-align:center;}
.statusRed { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#ed2c24;}
.statusBlue, .statusBlue a { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#519dd4;}
.statusBlue a:hover { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#519dd4;}
.statusLightGreen { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#83c414;}
.statusGreen { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#21b14b;}

/***Add Master Data Province***/
.ConAdd { padding:30px 15px 50px 15px; margin:0;}
.RowheadL { width:456px; float:left; text-align:left}
.RowheadL h2 { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#1c516b; text-align:left; margin:8px 0 0 0; padding:0;}
.RowheadR { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#1c516b;width:456px; float:right; text-align:right;}
.liner { border-bottom:2px solid #cdcdcd; padding-top:7px;}
.tableAdd { margin:20px auto; padding:20px 20px;  font-family: 'pt_sansbold'; font-size:15px; line-height:15px; color:#1c516b;}
.tableNoPad { margin:0px auto; padding:0px 0px;  font-family: 'pt_sansbold'; font-size:15px; line-height:15px; color:#1c516b;}
/*.tableAdd img { display:inline;}*/

.dspNumber { text-align:center }
.dspCurrency { text-align:right }
.dspNormal { text-align:left}

.imgmap { margin-bottom:-5px; margin-left:5px; display: inline;}
.txtboxAdd {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #3fa8f4; width:70%;}
.txtboxFile {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #3fa8f4; width:70%;}
.txtboxAddselect {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:73%; border:1px solid #3fa8f4; }
.txtboxcall {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:4px 4px; border:1px solid #3fa8f4; width:100%;}
.txtboxcalllist { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:100%; border:1px solid #3fa8f4; }
.txtboxdiscount {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #3fa8f4; width:100%; text-align:center;}
.txtboxdiscount2 {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #3fa8f4; width:50%; text-align: right;}
.ListTime { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:100%; border:1px solid #3fa8f4; }
.txtboxpayment {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #3fa8f4; width:95%;}
.btnAdd { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF; background:#48b0f7; border:0; text-align:center; padding:10px 17px; margin-top:15px; width:100px;}
.btnAdd:hover {color:#1b516b; border:0; cursor:pointer;}
.btnCal { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF; background:#48b0f7; border:0; text-align:center; padding:10px 17px; margin-top:15px; width:180px; float:right;}
.btnCal:hover {color:#1b516b; border:0; cursor:pointer;}

.btnBack { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#FFF; background:#48b0f7; border:0; text-align:center; padding:10px 10px; margin-top:15px; width:60px;}
.btnBack a {color:#FFF; padding:0; margin:0;}
.btnBack a:hover {color:#1b516b; border:0; cursor:pointer;}

/*Call*/
.Contabeladd { padding:0; margin:20px 0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f;}
.Contabeladd h1, .Contabeladd h1 {font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:14px; line-height:14px; color:#0000ff; text-align:right; margin:0; padding:0;}
.Contabeladd h1 a:hover  { color:#0a0a7a;}
.Contabeladd h2 {font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:16px; line-height:14px; color:#000; margin:0; padding:0;}

.BtnDelcall { float:left; background:#FC3; border-radius:20px; padding:9px 5px 5px 9px; width:25px; height:25px;text-align: center;margin: 0 0 5px 10px; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; cursor:pointer;}
.BtnDelcall:hover { filter: alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;}
.BtnAddcall { float:left; background:#FC3; border-radius:20px; padding:9px 5px 5px 9px; width:25px; height:25px;text-align: center;margin: 0 0 5px 10px; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; cursor:pointer;}
.BtnAddcall:hover { filter: alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;}
.popupTrans {padding:0; margin:0 auto; width:1000px; height: auto;}
.ConpopupTrans { padding:20px;}
.UnderLine { border-bottom:1px solid #cdcdcd;}
.txtRed { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:18px; line-height:18px; color:#ff0000; padding-left:10px; }
/*Contract Price*/
.fieldset { border:1px solid #0071bb;}
.fieldset legend { margin: 0 0 0 30px; padding:0 10px;}
.fieldset legend span {color:#F00;}
/**/
/*Inspection*/
.Divtabelinspec { margin:20px 0 0 0;}
.ContableInspec { background:#e3f1f8; padding:30px; }
.tableInspec { background:#FFF;padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f;}
.table_inspec_head { background:#28b7e1 !important;  font-family: 'pt_sansbold'; font-size:14px; line-height:14px; color:#FFF; text-align:center;}
.Tabinspec { background: url(../images/img_tab.png) no-repeat top left; width:250px; height:59px; float:left;}
.Tabinspec h1 {  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#000; padding:25px 0 0 0; margin:0; width:210px; text-align:center;}
.TabinspecR { float:right; width:700px; padding:25px 0 0 0;}
.TableTotal  { font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f;}
.TableTotal h2 {font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:16px; line-height:14px; color:#000; margin:0; padding:0;}
.TableTotal h3 {font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:18px; line-height:18px; color:#ff0000; margin:0; padding:0 20px 0 0;}
.TableTotal h4 {font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:18px; line-height:18px; color:#0000ff; margin:0; padding:0 20px 0 0;}
/**/

/*Scheduling*/
.Conmaster_sch { padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f; }
.Conmaster_sch h1 { padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:16px; line-height:16px; color:#28b7e1; text-align:left;}
.Conmaster_sch h2 { padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif  ; font-size:14px; line-height:14px; color:#2c3d4f; text-align:center;}
.Conmaster_sch h3 {  font-size:14px; line-height:14px; color:#28b7e1; text-align:left;}
.table-sch { overflow:auto;}
.table-sch td { position:relative;}
.tdsch { padding:20px 5px; margin:0;}
.Hblue { color:#28b7e1; font-weight:bold;  font-size:14px; line-height:14px; }
.unassignnum { margin:0; padding:0 10px;  font-size:14px; line-height:14px; color:#2c3d4f; background-color:#ffd476; text-align:center; border-radius:5px;}
.divam { width:60px;}
.boxschname { position:absolute; padding:10px;  font-size:14px; line-height:14px; top:17px;}
.Graytab { color:#2c3d4f; border:1px solid #666666; border-left:6px solid #666666; }
.Bluetab  { color:#2c3d4f; border:1px solid #28b7e1; border-left:6px solid #28b7e1; }
.Greentab  { color:#2c3d4f; border:1px solid #22b473; border-left:6px solid #22b473; }
.Orangetab  { color:#2c3d4f; border:1px solid #f6921e; border-left:6px solid #f6921e; }
.Pinktab  { color:#2c3d4f; border:1px solid #ff7bab; border-left:6px solid #ff7bab; }
.yellowtab  { color:#2c3d4f; border:1px solid #d8df21; border-left:6px solid #d8df21; }


.BgTabDate { background-color:#28b7e1; border-top:1px #FFFFFF solid; height:50px}

/*.TabDateL { float:left; width:100%;padding:10px 0; margin:5px 0 0 0;}
.TabDateL img { padding:0; margin:0;}
.TabDateL ul { padding:0; margin:0;}
.TabDateL ul li  { display: block; float:left; color:#FFF; font-size:16px; line-height:16px; list-style:none; font-weight:bold; text-align:center; padding:0; margin:0;}
.TabDateL ul li a {  display: block; float:left;  padding:0 10px; margin:0;}*/

.TabDateR { float: left; width:100%;margin:0; padding:19.61px 0 19.61px 0;}
.TabDateR ul { padding:0; margin:0;}
.TabDateR ul li  { display: block; float:left; color:#FFF; font-size:16px; line-height:16px; list-style:none; font-weight:bold; text-align:center; padding:0 10px; margin:0; border:none !important;}
.TabDateR ul li a {  display: block; float:left;  padding:0; margin:0;border:none !important;}
.txtboxlistsch {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:5px 7px; margin-top:-10px; width:150px; border:1px solid #3fa8f4;}
/**/

[tooltip]:before {            
    position : absolute;
     content : attr(tooltip);
     opacity : 0;
   background-color: yellow;
   padding: 8px 8px 8px 8px;
   font-size: 16px;
}

[tooltip]:hover:before {        
    opacity : 1;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}