.form-control-noborder {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
        padding-left: 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#tabelVendor td span.material-icons:hover {
	color:#808080;
}

.dataTables_wrapper .dataTables_paginate {
	float:left; 
	margin-top:10px; 
	margin-bottom: 30px;
	font-size:80%;
}

#tabelBahan_wrapper .dataTables_wrapper .dataTables_length {
	font-size: 50%;
}

#tbl_pekerjaan_filter_paginate > .dataTables_paginate {margin-bottom: 0}

span.hapuslingkup {
	cursor: pointer;
}


td.resetTable {
	width:1em;
}


a#cetakWO {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}

.povendor_sticky {
	height:200px
}

.povendor_sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}

/*a#cetakPOVendor {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}*/


.dropdownPekerjaan {
	cursor:pointer;
}

	/*#dropdownforPekerjaan .dropright .dropdown-toggle::after {
		display:none;
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: .255em;
	    vertical-align: .255em;
	    content: "";
	    border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}

	#dropdownforPekerjaan .dropdown-toggle::after {
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: .255em;
	    vertical-align: .255em;
	    content: "";
	    border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}*/

a#add_pekerjaan {
	/*position: -webkit-sticky !important;*/
	position: fixed;
	top: 12em;
	left:10em;
}

#template_workorder, 
#template_povendor {
	font-family:"Roboto Condensed" !important;
	border:1px solid #999999;
	padding:2.5em 2em;
}

	#template_workorder #wo_spesifikasirow {
		background-color: #f7f7f7;
		padding:1.5em;
	}

		#template_workorder #wo_spesifikasirow .wo_spesifikasirow_head {
			font-weight: 400;
		}

	#template_workorder h3#wo_nomorwo {
		font-family:"Roboto Condensed" !important;
	}

#tabel_itempekerjaan {
	padding:1em 1em;
}

#tabel_subitempekerjaan {


}

	#tabel_subitempekerjaan .tabel_subitempekerjaan_col_left {
		width:260px;
		font-size: 120%;
	}

	#tabel_subitempekerjaan .tabel_subitempekerjaan_col_right_head {
		font-style: italic;
		background-color: #eaeaea
	}

	#tabel_itempekerjaan hr {
		border:0.1px solid #a6a6a6;
	}

#tabel_signature {
	font-size: 80%;
}
	
	#tabel_signature thead tr {
		background-color: #eaeaea;
		text-align: center;
	}

	#tabel_signature thead tr td {
		
	}

#simpanloading {
	position:absolute;
	z-index:10000;
	width:0%;
	height:3px;
	background-color: #007bff;
}

.form-login {
	width:600px;
	margin:200px auto 0 auto;
	font-size:90%;
}

.modal-lg {
    max-width: 1000px;
}

.help-block {display:block;width:100%;text-align:center;font-size: 70%;margin-top:5px;font-style: italic;color:red;}

#form-add-pekerjaan .help-block {display:block;width:100%;text-align:left;font-size: 70%;margin-top:5px;font-style: italic;color:red;}

img.glyph-icon {
	width:20px;
	height:20px;
}

ol.breadcrumb {
	font-size:80%;
	background-color:transparent;
}

table#tbl_pekerjaan thead, 
table#tbl_pekerjaan tbody, 
table#tbl_labpekerjaan1 thead, 
table#tbl_labpekerjaan1 tbody,
table#tbl_detailPekerjaan tbody, 
table#tbl_detailPekerjaan thead {
	font-size:90%;
}

.glyph-icon {
	width:14px;
	height:14px;
}

.material-icons.md-18 { font-size: 18px; }

table#tbl_pekerjaan_new, table#tbl_pekerjaan_new2 {font-size: 78%}

form#form-edit-pekerjaan input.form-control, form#form-edit-pekerjaan select.form-control, form#form-edit-pekerjaan textarea.form-control {font-size:100%}
form#form-add-pekerjaan input.form-control, form#form-add-pekerjaan select.form-control, form#form-add-pekerjaan textarea.form-control {font-size:100%}


td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}

/*table#tbl_pekerjaan_new thead {display:none}*/

#tbl_pekerjaan_new_paginate {font-size:80%;}

#tbl_pekerjaan_new2_paginate {
    font-size: 80%;
}

table#tbl_labpekerjaan1 tfoot {font-weight: bold; font-size:80%}
table#tbl_labpekerjaan1 tfoot td {padding-right: 10px; padding-left: 10px}

body {
	/*font-family: 'Ubuntu Condensed', sans-serif;*/
	/*font-family: 'Oxygen', sans-serif;*/

	/*font-family: 'CenturyGothic', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	border-top:5px solid #767676;


}

a.navbar-brand {
	padding:5px 15px;
}

.line-1 {
	border-top:1px dotted #D1D1D1;
	margin-bottom:40px;
}

.line-2 {
	border-top:1px dotted #D1D1D1;
	margin-bottom:20px;
}
.line-3 {
	border-top:1px dotted #DFDFDF;
	margin-top:10px;
	margin-bottom:20px;
}
.line-4 {
	border-top:1px dotted #DFDFDF;
	/*margin-top:10px;*/
	margin-bottom:20px;
}
.line-5 {
	border-top:1px dotted #DFDFDF;
	margin-bottom:20px;
}

.tb_detpek {font-size:90%;}
.tebal {font-weight:bold;}

#tbl_detailPekerjaan_length, #tbl_detailPekerjaan_length select {font-size:80%;color:grey;}
#tbl_detailPekerjaan_length select.input-sm {padding:5px 3px;}

.box-no {
	margin-top:30px;
	border:1px solid #000;
	height:auto;
}

.box-no p {font-size:80%;display:block;padding:5px 10px;border-bottom:1px solid #000; background-color: #000;color:#fff;}
.box-no p.thenum  {font-size:300%;border-bottom:none;line-height:50%;background-color:transparent;color:#000;}

.h-satu {font-size:100%;}
.h-dua {font-size:110%;line-height:100%;}
.h-tiga{font-size:110%;margin:0;color:#6e6e6e;}
.h-empat {font-size:80%;margin:0;color:#818181;}
.h-lima {font-size:130%;margin:0;color:#818181;padding:10px 0 0 0;}

.nomorpo {
	margin-bottom:0;
	
	padding:8px 10px;
	display: inline-block;
	font-size:130%;
}

.nomorpo2 {
	margin-bottom:0;
	padding:8px 10px;
	display: inline-block;
	font-size:130%;
}

.pekerjaan-box {
	margin:5px 0;
	padding:10px 0;
	width:100%;
	display:inline-block;
	border:1px solid #dcdcdc;
}

.pekerjaan-box h5 {
	font-weight:700;
}

.progressbar{
  text-align: center;
  margin:5px 0;
}
	.progressbar-content{
		margin-bottom:30px;
		margin-top: -75px;
		text-align: center;
		margin-left:10px;
    }

    .progressbar-content label{
      display: block;
      font-weight: 300;
      font-size:200%;
      /*@include font-size(15,20);*/
    }


.stats {
	
}

	.stats h5 {
		text-align:center;
		font-size:200%;
		border:1px solid #bfbfbf;
		padding:10px;
		margin-top:0;
	}

	.stats h5.work-done {
		border:3px solid #38ba85;
		color:#38ba85;
	}

	.stats h5.work-proses {
		border:3px solid #c8be24;
		color:#c8be24;
	}

	.stats h5.work-nol {
		border:3px solid #c82424;
		color:#c82424;
	}

	.stats p {
		padding:8px 20px;
	}

	button.lihat-work-done {color:#fff;background-color: #38ba85}
	button.lihat-work-done:hover {color:#fff;background-color: #10af6e}

	button.lihat-work-proses {color:#fff;background-color: #c8be24}
	button.lihat-work-proses:hover {color:#fff;background-color: #b3a805}

	button.lihat-work-nol {color:#fff;background-color: #c82424}
	button.lihat-work-nol:hover {color:#fff;background-color: #9f1111}

span.icon-form-number {
	display: inline-block;
	width:30px;
	height:30px;
	padding:4px 12px;
	margin-right:5px;
	background:transparent url("../images/icon-form-number.jpg") center no-repeat; 
}

.form-label {font-size:90%;color:#3c3c3c;font-weight:normal;}
.form-label-2 {font-size:90%;color:#3c3c3c;font-weight:normal; width:100%;}

.form-control-2 {
  display: block;
  /*width: 100%;*/
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.checkbox {
	font-size:100%;
	margin-left:20px;
}

#tbl_pekerjaan_length label {font-size:70%;}
#tbl_pekerjaan_info, #tbl_detailPekerjaan_info {font-size:70%;}
#tbl_pekerjaan_paginate .pagination, #tbl_detailPekerjaan_paginate .pagination {font-size:70%;}

p.red {color:#b30000;}

.reducefont {font-size:80%}

p.minustate {color:#ff0000;}

p.sidebar {
	font-size:110%;
	padding:0 10px 0 0;
	display:inline-block;
}

a.sidebar-a {vertical-align: unset;margin-right:2px;}


.errorlogitem, .errorlogitem2, .errorlogitem3 {
	font-size:70%;
	font-style:italic;
	color:red;
}

p.add_itempekerjaan:focus {cursor:pointer;}

/* PROGRESS BAR IN DASHBOARD */

.dropdown-menu {
	font-size: 0.8rem
}


.btn-sebelumnya {
    background-color: #fff;
    border-color: #999999;
    color: #999999;
}

.btn-sebelumnya:hover {
	border-color: #404040;
    color: #404040;
}


/* TIMELINE */
.timeline ul::before {
	background-color: #d9d9d9;
	content: " ";
	height: 100%;
	left: 3.4em;
	position:absolute;
	top:0;
	width:4px;
	z-index: -2;
}

.timeline ul {
	list-style: outside none none;
	margin:0;
	/*padding: 1em 0 0 2em;*/
	position: relative;
}

.timeline .bullet.blue {
    border: 4px solid #0099ff;
}

.timeline .bullet.grey {
    border: 4px solid #d9d9d9;
}

.timeline .bullet {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    height: 2em;
    margin-right: 1em;
    width: 2em;
    z-index: 1;
}

.timeline li::before {
	background-color: #0099ff;
	content: " ";
	height: 0px;
	left: 3.4em;
	position:absolute;
	top:0;
	width:4px;
	z-index: -1;
}

	.timeline li.changed::after {
		background-color: #0099ff;
		content: " ";
		height: 70px;
		left: 3.4em;
		position:absolute;
		top:0;
		width:4px;
		z-index: -1;
	}

	.timeline li.changed2::after {
		background-color: #0099ff;
		content: " ";
		height: 140px;
		left: 3.4em;
		position:absolute;
		top:0;
		width:4px;
		z-index: -1;
	}

	.timeline li.changed3::after {
		background-color: #0099ff;
		content: " ";
		height: 210px;
		left: 3.4em;
		position:absolute;
		top:0;
		width:4px;
		z-index: -1;
	}

	.timeline li.changed4::after {
		background-color: #0099ff;
		content: " ";
		height: 280px;
		left: 3.4em;
		position:absolute;
		top:0;
		width:4px;
		z-index: -1;
	}

.timeline li div {
    display: inline-block;
    margin-bottom:2em;
    /*margin: 1em 0;*/
    vertical-align: top;
}

.timeline li div.last {
	margin-bottom:0;
}

.timeline .desc {
    width: 50%;
    font-size:90%;
    font-style: italic;
    color:#d9d9d9;
    padding-top:3px;
}

.timeline .desc.blue {color:#0099ff;}

.timeline .desc.last {
	margin-bottom:0;
}