@charset "windows-874";

/* CSS Document */



body { font-family: 'pt_sansbold'; font-size:18px; font-weight:normal; line-height:18px; color:#000; margin:0; padding:0;}

a {  color:#000; text-decoration:none;}

a:hover {  color:#f7db4a; 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;}
h1,h2,h3,h4 {font-weight:normal;}




/****main****/

#Wrapper { margin:0; width:100%;}

#Container { margin:0 auto; padding:0; width:1280px; }

#ContentMn {margin:0; width:236px; float:left;}

#ContentR {margin:0; padding-left:1px; width:1043px; 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:#f7db4a; width:310px;}

.logologin h1 { font-family: 'pt_sansbold'; font-size:40px; text-transform: uppercase;line-height:30px; margin: 0; padding: 7px 0 0 0; color: #000}





.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:#f7db4a; 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:#f7db4a; 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:#2d2d2d; min-height:1000px;}

#Logo { border-bottom: 1px solid #2d2d2d; margin:0; padding:24px 0; width:236px;  background: #f7db4a; text-align: center;font-size: 35px; color: #000000 !important; line-height: 26px;}

 #Logo a { color: #000000;}

#Logo a:hover { color: #000000;}

.Main_menu { margin:0; padding:0; width:236px;}

.Main_menu ul { margin:0; padding:0;}

.Main_menu ul li { border-bottom: 2px solid #cdcdcd; margin:0; padding:0; list-style:none;}

.Main_menu ul li a { font-size: 24px; margin:0; padding:16px 0 16px 16px; display:block; color: #f7db4a}

 

.Main_menu ul li a .img-n  { opacity: 1; display: block; float: left}

.Main_menu ul li a .img-d  { opacity: 0; display: none} 



.Main_menu ul li a.select {background-color:#f7db4a; color: #000}

.Main_menu ul li a.select .img-n  { opacity:0; display: none}

.Main_menu ul li a.select .img-d  { opacity:1; display: block;float: left} 

.Main_menu ul li span {display: block; float: left;padding-top: 16px;

padding-left: 10px;}



.clear {clear: both}

.Main_menu ul li a:hover {background-color:#f7db4a; color: #000}

.Main_menu ul li a:hover .img-n   { opacity:0; display: none}

.Main_menu ul li a:hover .img-d  { opacity:1; display: block;float: left}



/*End*/



/***header****/

#Rowheader { background:#f7db4a; margin:0; padding:0; min-height: 74px;}

.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:580px;}

.boxheader img {width:40px; margin: 0 auto 5px auto}

.boxheader ul { padding:0; margin:0;font-family: 'pt_sansregular'; font-size: 14px}

.boxheader ul li { position: relative;margin:0; padding:0; list-style:none; display: block; float:left; text-align: center}

.boxheader ul li a { margin:0; padding:6px 12px; display: block; float:left; text-align: center}





.width750 { padding:0; margin:0; float:left; width:750px;}

.boxheader  ul li a:hover {color: #000}

.box-search {position: absolute; left: 70px; top: 20px;  }

.box-search input {background: #fff; border: none; width: 230px; color: #000; padding: 8px; font-family: 'pt_sansbold'; font-size:16px; line-height:14px;}





.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:18px !important; line-height:14px; color:#000;}









.Nav {  font-family: 'pt_sansbold'; font-size:28px; line-height:18px; color:#000; float: left; width:320px; text-align:right ; padding:29px 15px 27px 15px; margin:0;  border-right:1px solid #FFF; }

.Nav a {color: #000;}

.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;} 





/*popup*/


.box-drag-file {border: 2px dashed #666666; width: 97%; height: 300px; text-align: center; background: url(../images/bg-drag.jpg) no-repeat center #fff}
.box-popup {background: #e5e5e5;width:640px; margin: 0 auto}

.box-popup h4 {font-size: 22px; margin: 0; padding: 0 0 5px 0;} 

/*.box-popup-order {background: #e5e5e5;width:740px; margin: 0 auto}*/
.box-popup-order {background: #e5e5e5;width:inherit; margin: 0 auto}

.box-popup-order h4 {font-size: 22px; margin: 0; padding:8px 0 5px 0;} 

.box-over-auto {height:404px; overflow:auto;}
.popup-pad {padding: 10px}
.page-popup { margin:20px 0; text-align: center;}
.page {margin: 30px auto; width: 200px; font-family: 'pt_sansregular'; font-size: 18px; text-align: center;}
.popup-title {padding:15px 10px; background:#f7db4a;}
.popup-title h3 {font-size: 18px; margin: 0; padding:6px 0 5px 0;} 

.tbl-popup {font-family:tahoma ; font-size:14px; line-height:18px}
.box-nav-stock {width:300px; background:#f1f1f1; display:table-cell; vertical-align: middle; height:180px; text-align:center; position:relative;}
.box-nav-stock span { display:block; position:absolute; top:20px; left:20px; font-size:26px;}
.box-nav-stock p {font-size:50px; margin:0; padding:0;}

.box-nav-stock.total {  color:#0000ff; width:500px; height:180px}

/***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:48%; float:left;}

.mnmaster img { padding-right:20px; width: 45px}

.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:#00000; }

.mnmaster ul li a { margin:0; padding:0; color:#000000; }

.mnmaster ul li a:hover { margin:0; padding:0; color:#f7db4a; }





/***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 tbody tr:nth-of-type(even) { 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:#f1f1f1;  font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#000; text-align:center;}

.table_province_head td {padding: 10px 0;}

.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;}



.table_province_head_inner { background:#f1f1f1;  font-family: 'pt_sansbold'; font-size:15px; line-height:15px; color:#000; text-align:center;}

.table_province_head_inner td {padding: 10px 0;}







/***Add Master Data Province***/

.ConAdd { padding:10px 15px 0 15px; margin:0;}

.RowheadL { width:750px; float:left; text-align:left}

.RowheadL h2 { font-family: 'pt_sansbold'; font-weight: normal;font-size:18px; line-height:18px; color:#2d2d2d; text-align:left; margin:8px 0 0 0; padding:0;}

.RowheadR { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#2d2d2d;width:250px; float:right; text-align:right;}

.liner { border-bottom:2px solid #f1f1f1; padding-top:7px;}

.tableAdd { margin:20px auto; padding:20px 20px;  font-family: 'pt_sansbold'; font-size:15px; line-height:15px; color:#2d2d2d;}

/*.tableAdd img { display:inline;}*/

  

.table-add-more { margin:0 auto; padding:20px 0;  font-family: 'pt_sansbold'; font-size:15px; line-height:15px; color:#2d2d2d;}

.table-add-more .txtboxAdd { width: 98% !important;}

.table-add-more .txtboxAdd.sortfield { width:170px !important;}

.table-add-more .txtboxAdd.numfiled { width:80px !important; text-align: right}

.table-add-more .txtboxAdd.numfiled-q { width:50px !important; text-align: right}

.boder-blue { border:1px solid #007CFF !important}


.span-txtsmall {font-family: 'pt_sansregular';display: inline-block; padding-right:10px; font-weight: normal; font-size: 14px;}



.table-add-more h2 {margin:0; padding:0; font-size: 18px}



.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 #666666; width:70%;}

.txtboxAddselect {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:73%; border:1px solid #666666; }

.txtboxcall {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #666666; width:100%;}

.txtboxcalllist { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:100%; border:1px solid #666666; }

.txtboxdiscount {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #666666; width:100%; text-align:center }

.txtboxdiscount2 {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #666666; width:50%; text-align: right;}

.ListTime { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; width:100%; border:1px solid #666666; }

.txtboxpayment {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:7px 7px; border:1px solid #666666; width:95%;}



.btnAdd { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#000000; background:#f7db4a; border:0; text-align:center; padding:14px 17px 10px 17px; margin-top:15px; width:100px;}

.btnAdd:hover {opacity: 0.8;color:#000000; border:0; cursor:pointer;}

.btnReset { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#f7db4a; background:#2d2d2d; border:0; text-align:center; padding:14px 17px 10px 17px; margin-top:15px; width:100px;}

.btnReset:hover {opacity: 0.8;color:#f7db4a; border:0; cursor:pointer;}



.btnCal { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#f7db4a; background:#f7db4a; border:0; text-align:center; padding:10px 17px; margin-top:15px; width:180px; float:right;}

.btnCal:hover { opacity: 0.8; color:#1b516b; border:0; cursor:pointer;}



select  { background: url(selectbox.png) no-repeat right #fff; -webkit-appearance: none;

-moz-appearance: none;

appearance: none;

border-radius: 0;

border: 1px solid #000; width: 72.2% !important}



.btnBack { font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#000; background:#f7db4a; border:0; text-align:center; padding:10px 10px; margin-top:15px; width:60px;}

.btnBack a {color:#000; padding:0; margin:0;}

.btnBack a:hover {color:#000; opacity: 0.8; border:0; cursor:pointer;}

.btnBack:hover {color:#000; opacity: 0.8; 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; }

.txtfieldRed  { color:#ff0000;}



/*Contract Price*/

fieldset { border:1px solid #f7db4a;}

fieldset legend { margin: 0 0 0 20px; padding:0 10px;font-family: 'pt_sansbold'; font-size:18px; line-height:18px; color:#000; }

fieldset span {font-family: 'pt_sansbold'; font-size:28px; line-height:38px; color:#000; }





/**/

/*Inspection*/

.Divtabelinspec { margin:20px 0 0 0;}

.ContableInspec { background:#f1f1f1; 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;}

/**/



/*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:28px 0 17px 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 #2d2d2d;}

/**/





.box-line { border-bottom: 1px solid #f7db4a; height: 5px}

.currency, .numeric{text-align:right;}

.rowLink:hover {
	cursor:pointer;
        -webkit-filter: brightness(80%); /* Safari 6.0 - 9.0 */
	filter: brightness(85%);
	}
.rowLink .colInput:hover{
		cursor:default;
	}
.invalidRemainQty{
	font-weight:bolder;
	color:red;
}