/* your custom styles here */

.btnDisplay{display:none;}
td,a,span,div,th,input,option, select {font-size:12px;}
input {color:#000}
.containerFull {width:100%;}
.containerPad {padding-top:60px;}
.containerPadDetail {padding-top:100px;}
.containerPadDetail2 {padding:90px 0px 0px 0px;}
.containerPadDetail2 .tab-content{padding:0px;}

.containerPadDetail3 {padding-top:60px}
.containerPadDetail3 .tab-content{padding:0px;}

.page-contentTop{margin:0 0 0 0;}
.input {background:gray;}
.activeT {font-weight:bold;color:white;}
.form-control {font-size:12px;}
.mustIn{border:1px solid orange}
.datepicker{z-index:1151 !important;}
.nomargin-bottom{margin-bottom:0px;}
.eTI{border:1px solid #fff;width:100%;height:30px;border-bottom:1px solid #999;background: transparent;}
.mny{text-align:right;margin-right:0px;}
.money{text-align:right;margin-right:0px;}
.moneybig{text-align:right;margin-right:0px;}
.readonly11{background:#e4e4e4}

.cat1{border-left:7px solid green;padding-left:10px;}
.cat1sub{border-left:7px solid #69b417;padding-left:10px;}
.cat1subItem{border-left:7px solid #a1f545;padding-left:10px;}


.tblCol1Bar {border-left:7px solid #0000cd;padding-left:10px;}
.tblCol2Bar {border-left:7px solid #4646cd;padding-left:10px;}
.tblCol3Bar {border-left:7px solid #6e6ed7;padding-left:10px;}
.tblCol4Bar {border-left:7px solid #8282eb;padding-left:10px;}
.tblCol5Bar {border-left:7px solid #a0a0ff;padding-left:10px;}
.tblCol1 {border-left:7px solid #0000cd;width:10px;background:#0000cd;}
.tblCol2 {border-left:7px solid #4646cd;width:10px;background:#4646cd;}
.tblCol3 {border-left:7px solid #6e6ed7;width:10px;background:#6e6ed7;}
.tblCol4 {border-left:7px solid #8282eb;width:10px;background:#8282eb;}
.tblCol4 {border-left:7px solid #a0a0ff;width:10px;background:#a0a0ff;}


.tatalTitle {border:0px;background:#fff;font-size:10px;}

.panel-collapse .table > tbody > tr > td{padding:2px;}

.orderForm {width:100%;margin-top:130px;background:#f3f2f2;margin-bottom:30px}
.orderForm th{background:#ddd;height:26px;text-align:center;}
.orderForm td{height:26px;border:1px solid #cacaca}
.orderForm td.category1 {padding-left:5px;}
.orderForm td.category2 {padding-left:5px;}
.orderForm td.category3 {padding-left:20px;}
.orderForm td.category4 {padding-left:35px;}
.orderForm td.category5 {padding-left:45px;}
.orderForm input {height:100%;width:100%;border:0px solid #fff}
.orderForm select {height:100%;width:100%;border:0px solid #fff}
.orderForm .right{text-align:right;padding-right:10px;}
.orderForm .none {}
.orderForm .categubun {font-size:12px; font-weight:bold;background:green;color:#fff}
.orderForm .addTr {cursor:pointer;color:green}

.orderForm .w::-webkit-input-placeholder { /* Edge */
 background:yellow;
  color: #fd8080;
}

.orderForm .w:-ms-input-placeholder { /* Internet Explorer 10-11 */
 background:yellow;
  color: #fd8080;
}

.orderForm .w::placeholder {
 background:yellow;
  color: #fd8080;
}



.orderForm .wc::-webkit-input-placeholder { /* Edge */
  color: #fd8080;
  text-align:center;
 background:yellow;
}

.orderForm .wc:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fd8080;
  text-align:center;
 background:yellow;
}

.orderForm .wc::placeholder {
  color: #fd8080;
  text-align:center;
 background:yellow;
}


.orderForm .wr::-webkit-input-placeholder { /* Edge */
  color: #6699cc;
}

.orderForm .wr:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #6699cc;
}

.orderForm .wr::placeholder {
  color: #6699cc;
}



.mm {
    z-index:1000;
    position: absolute;
    background-color:#e4e4e4;
    border: 1px solid #666;
    padding: 0px 0px 0px 0px ;
	display:none;
}
.mm div {padding:8px 20px;cursor:pointer;}


.mm2 {
    z-index:1000;
    position: absolute;
    background-color:#e4e4e4;
    border: 1px solid #666;
    padding: 0px 0px 0px 0px ;
	display:none;
}
.mm2 div {padding:8px 20px;cursor:pointer;}


.mm3 {
    z-index:1000;
    position: absolute;
    background-color:#e4e4e4;
    border: 1px solid #666;
    padding: 0px 0px 0px 0px ;
	display:none;
}
.mm3 div {padding:8px 20px;cursor:pointer;}



.setType1{height:100%;padding:0px;margin:0px;}

.setType2{height:100%;padding:0px;margin:0px;}
.setType3{height:100%;padding:0px;margin:0px;}
.setType4{height:100%;padding:0px;margin:0px;}
.setType5{height:100%;padding:0px;margin:0px;}
.setOff{display:none;}



.eTIDate2{text-align:center;}

tr.borderOn {
	background:#6699cc;
}
tr.borderOn td .category2,tr.borderOn .category3,tr.borderOn .category4,tr.borderOn .category5,tr.borderOn .categoryItem{
	color:#fff;
}
tr.borderOff {
	border-bottom: 1px solid #e4e4e4;
}




.sumOrderForm {position: fixed;width:100%;top:90px;background:#fff}
.sumOrderForm th{background:#ddd;height:26px;text-align:center;}
.sumOrderForm td{height:26px;border:1px solid #cacaca}
.sumOrderForm td.category1 {padding-left:5px;}
.sumOrderForm td.category2 {padding-left:5px;}
.sumOrderForm td.category3 {padding-left:20px;}
.sumOrderForm td.category4 {padding-left:35px;}
.sumOrderForm td.category5 {padding-left:45px;}
.sumOrderForm input {height:100%;width:100%;border:0px solid #fff}
.sumOrderForm select {height:100%;width:100%;border:0px solid #fff}
.sumOrderForm .right{text-align:right;padding-right:10px;}
.sumOrderForm .none {background:#f3f2f2}
.sumOrderForm .categubun {font-size:12px; font-weight:bold;background:green;color:#fff}
.sumOrderForm a{cursor:pointer}


.sumOrderForm .percentErr{font-weight:bold;color:red;}



.naviForm {position:fixed;width:100%;top:90px;background:#fff;padding:5px 0px;}



#addedFormDiv{width:100%;;margin-top:60px;padding:15px;}

.estimateForm {width:100%;background:#f3f2f2;margin-bottom:0px;}
.estimateForm tr{height:37px;}
.estimateForm th{background:#ddd;height:26px;text-align:center;}
.estimateForm td{height:26px;border:1px solid #cacaca}
.estimateForm input[type=text] {height:100%;width:100%;border:0px solid #fff}
.estimateForm select {height:100%;width:100%;border:0px solid #fff}
.estimateForm .categubun {font-size:12px; font-weight:bold;background:green;color:#fff}
.estimateForm .categubunTd {font-size:12px; font-weight:bold;background:green;color:#fff;padding-left:10px;}
.estimateForm .categubunCenter {font-size:12px; font-weight:bold;background:green;color:#fff;text-align:center}
.estimateForm .notEnd {border-right:1px solid #f3f2f2;padding-left:10px;}
.estimateForm .contll{border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;background:#ffffff}
.estimateForm .tdSum {text-align:right;}
.estimateForm textarea {height:100px;width:100%;border:0px solid #fff}


.estimateForm .w::-webkit-input-placeholder { /* Edge */
  color:#8c8c8c;
}

.estimateForm .w:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#8c8c8c;
}

.estimateForm .w::placeholder {
  color:#8c8c8c;
}


.estimateForm .wred::-webkit-input-placeholder { /* Edge */
  color: #8c8c8c;
}

.estimateForm .wred::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8c8c8c;
}

.estimateForm .wred::placeholder {
  color: #8c8c8c;
}



.estimateForm  .estItem1 { text-align:center}
.estimateForm  .estItem2 {}
.estimateForm  .estItem3 {}
.estimateForm  .estItem4 {}
.estimateForm  .estItem5 {}
.estimateForm  .estItem6 {}
.estimateForm  .estItem7 {}
.estimateForm  .estItem8 {}
.estimateForm  .estItem8 input {text-align:right;background:#f9e6e6}
.estimateForm  .estItem9 input {text-align:right;background:#f9e6e6}
.estimateForm  .estItem10 {}
.estimateForm  .estItem10 input {;background:#e9e6f9}
.estimateForm  .estItem11 {text-align:center}
.estimateForm  .estItem12 input {text-align:right;background:#e9e6f9}
.estimateForm  .estItem13 {}
.estimateForm  .estItem14 {text-align:center}
.estimateForm .none{background:#f3f2f2}



.infoForm {width:100%;background:#fff;}
.infoForm tfoot {background:#fff;}


.costDivisionTitle div {font-weight:bold;font-size:16px;}
tr.viewDetail{cursor:pointer;background:#eee;}

.costDetailForm {margin-top:60px;}
.costDetailForm .title{background:green;font-weight:bold;color:#fff;padding:4px;}
.costDetailForm .otherCom{background:#ceecfd}
.costDetailForm .otherDiv{background:#cefdce}
.costDetailForm .checkDiv{background:#f53333;color:black}

.costDetailForm .sum{font-weight:bold;color:blue}
.costDetailForm .sumTotal{font-weight:bold;color:red}

 .pct::-webkit-input-placeholder { /* Edge */
  color:#8c8c8c;
  text-align:right;
}

.pctCost{text-align:right;}
 .pctCost::-webkit-input-placeholder { /* Edge */
  color:#8c8c8c;
  text-align:right;
}

.costDetailForm .pct:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#8c8c8c;
  text-align:right;
}

.costDetailForm .pct::placeholder {
  color:#8c8c8c;
  text-align:right;
}


.reportNowForm{width:100%;}
.reportNowForm td {font-size:10px;}
.reportNowForm th {background:green;color:white;text-align:center;font-size:12px;}
.reportNowForm th.detail {background:#d2d2d2;text-align:right;font-size:10px;color:black}
.reportNowForm .money{text-align:right;}

.reportNowForm tr.borderOn {background:black;color:white}
.reportNowForm tr.borderOn > td {background:black;color:white}
.reportNowForm tr.borderOn > td.red {color:red}
.reportNowForm tr.borderOn > th {background:black;color:white}
.reportNowForm tr.borderOn > th.red {color:red}

.reportNowForm  td.minusFont {color:red;}

.reportLandingForm {width:100%;}
.reportLandingForm th{background:#009900;text-align:center;color:white;}
.reportLandingForm .headerMenu > td {padding-top:4px;padding-bottom:4px;}
.reportLandingForm .totalSum > td{background:#ccffcc;text-align:right;padding-top:4px;padding-bottom:4px;}
.reportLandingForm .reportDivisionTitle > td {padding-top:4px;padding-bottom:4px;font-weight:bold;background:#99ff99;text-align:right;}
.reportLandingForm .reportDivision > td {padding-top:4px;padding-bottom:4px;text-align:right;}
.reportLandingForm td.division1 {padding-left:0px;text-align:left;}
.reportLandingForm td.division2 {padding-left:20px;text-align:left;}
.reportLandingForm td.division3 {padding-left:40px;text-align:left;}
.reportLandingForm td.division4 {padding-left:60px;text-align:left;}
.reportLandingForm td.division5 {padding-left:80px;text-align:left;}
.reportLandingForm td.red{color:red;}
.reportLandingForm tr.borderOn {background:black;color:white}
.reportLandingForm tr.borderOn > td {background:black;color:white}
.reportLandingForm tr.borderOn > td.red {color:red}

.reportLandingForm2 {width:100%}
.reportLandingForm2 th{background:#0066ff;text-align:center;color:white}
.reportLandingForm2 .headerMenu > td {padding-top:4px;padding-bottom:4px;}
.reportLandingForm2 .totalSum>td{background:#ccffff;text-align:right;padding-top:4px;padding-bottom:4px;}
.reportLandingForm2 .reportDivisionTitle > td {padding-top:4px;padding-bottom:4px;font-weight:bold;background:#99ffff;text-align:right;}
.reportLandingForm2 .reportDivision > td {padding-top:4px;padding-bottom:4px;text-align:right;}
.reportLandingForm2 td.division1 {padding-left:0px;text-align:left;}
.reportLandingForm2 td.division2 {padding-left:20px;text-align:left;}
.reportLandingForm2 td.division3 {padding-left:40px;text-align:left;}
.reportLandingForm2 td.division4 {padding-left:60px;text-align:left;}
.reportLandingForm2 td.division5 {padding-left:80px;text-align:left;}
.reportLandingForm2 td.red{color:red;}
.reportLandingForm2 tr.borderOn {background:black;color:white}
.reportLandingForm2 tr.borderOn > td {background:black;color:white}
.reportLandingForm2 tr.borderOn > td.red {color:red}



.reportMonth  {width:100%}
.reportMonth thead > tr > th {text-align:right}
.reportMonth tbody > tr > th {text-align:right;}
.reportMonth tbody > tr > td {text-align:right;}



.reportMonth tr.borderOn {background:black;color:white}
.reportMonth tr.borderOn > td {background:black;color:white}
.reportMonth tr.borderOn > td.red {color:red}
.reportMonth tr.borderOn > th {background:black;color:white}
.reportMonth tr.borderOn > th.red {color:red}




.reportForm  {width:100%;padding:0px;margin-top:60px;}

.reportForm  thead > tr > td {padding:2px;text-align:right;}
.reportForm  tbody > tr > td {padding:2px;text-align:right;}
.reportForm  tbody > tr > td.title {text-align:left;}
.reportForm  tbody > tr > td.minusFont {color:red;}

.reportForm  tbody > tr.gubun1 {background:#33cc00;color:white}
.reportForm  tbody > tr.gubun2 {background:#3333ff;color:white}
.reportForm  tbody > tr.gubun2sub {background:#0099ff;color:white}
.reportForm  tbody > tr.gubun3 {background:#ff9900;}
.reportForm  tbody > tr.gubun3sub {background:#ffcc66;}

.reportForm tr.borderOn {background:black;color:white}
.reportForm tr.borderOn > td {background:black;color:white}



.recordClick{cursor:pointer;}
.recordClick:hover{color:green;}

.deleteItem{
	font-style:oblique;
	text-decoration:line-through;

}


.note-editor div.modal-body{padding-left:50px;padding-right:50px;}

.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;z-index:99999}

p.elip100 {
	display: inline-block; 
	width: 100px; 
	height:16px;
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom:0px;
  padding-bottom:0px;
}
p.elip150 {
	display: inline-block; 
	width: 150px; 
	height:16px; 
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom:0px;
  padding-bottom:0px;
}
p.elip400 {
	display: inline-block; 
	width: 400px; 
	height:16px; 
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom:0px;
  padding-bottom:0px;
}

p.elip600 {
	display: inline-block; 
	width: 600px; 
	height:16px; 
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom:0px;
  padding-bottom:0px;
}

