/*@font-face {font-family: 'Cloud Light';
	src: url('fonts/Cloud-Light.eot');
	src: local('☺'), url('fonts/Cloud-Light.woff') format('woff'), url('fonts/Cloud-Light.ttf') format('truetype'), url('fonts/Cloud-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family: 'Cloud Light';}*/
body {
	/*min-width:800px;*/
	overflow-x:scroll;
	margin:0 10px 0 10px;
	font-family: 'Prompt', sans-serif;
}
a {color:#4285f4;}
a:hover {color:#8bb4f7;}
h1, h2, h3, h4, h5, h6 {font-family: 'Prompt', sans-serif;}
img {
	max-width:100%;
}
label { font-weight:normal; }
.typeahead__list {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}
.treeview-menu li { padding:5px 0;}
.header-title {
	font-size:200%;
	color:#CCC;
}

.modal-fullscreen {
  background: transparent;
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  height:100%;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
  
  
}

.modal-fullscreen .modal-content {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*min-width:950px;*/
  margin: 0;
  width: 100%;
  height:100%;
  
  
  
  position:absolute;
      left:0px;
      right:0px;
      top:0px;
      bottom:0px;
}

.modal-fullscreen .modal-header {
	color:#a0905f;
	background-color:#000;
	font-size:150%;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:0;
}

.modal-fullscreen .modal-body {
	padding:0px;
	
	
	 overflow-y: auto;
	      position: absolute;
	      top: 0;
	      bottom: 0;
        left:0;
        right:0;
	      margin-top: 55px; 
	      margin-bottom: 80px;  
}

.modal-fullscreen .modal-footer {
	
        position:absolute;
        bottom:0;
        left:0;
        right:0;background-color:#000; width:100%; color:#FFF; text-align:left;
}

.modal-fullscreen .modal-footer a {
	color:#FFF;
}

.modal-fullscreen .modal-header .document-title, .modal-body2 .document-body {
	padding:5px 15px 10px 15px;
}

.modal-fullscreen .modal-header .document-close-top {
	padding:5px 15px 0 0;
}


#modal-large img {
	max-width:100%;
}
#modal-large .modal-content { padding:10px; border:solid 1px #00CCFF; border-radius:5px; }
#modal-large .modal-content-danger { padding:10px; border:solid 1px #f00; border-radius:5px; }
.closeModal { border:none; font-size:150%; font-weight:lighter; cursor:pointer; text-align:right;}
#modal-large .modal-title { text-align:center; color:#09F; font-size:150%; }
#modal-large .display-content { padding-top:10px; }


.document-section-top {
	background-color:#f7f7f7;
	padding:10px 0 20px 0;
}

.flow-approve {
	color:#FFF;
	background-color:#f39c12;	
	width:119px;
	text-align:center;
	padding:8px 0 8px 0;
}
.flow-wait-approve {
	color:#FFF;
	background-color:#999;	
	width:119px;
	text-align:center;
	padding:8px 0 8px 0;
}
.flow-not-approve {
	color:#f00;
	background-color:#999;	
	width:119px;
	text-align:center;
	padding:8px 0 8px 0;
}
.head-price-font {
	/*font-size: 250%;*/
	color: #999966;
	text-decoration: none;
	/*font-weight: bold;*/
}
.head-price-font h1 {padding:0; margin:0;}
.table-normal td {
  padding:3px 3px 0 0;
  margin:0;
}
.items-table {
	margin-top:20px;
}
.items-table th {
  padding:10px 3px 10px 0;
  background-color:#CCC;
}
.items-table td {
  padding:3px 3px 3px 0;
  border-bottom:solid 1px #CCC;
  vertical-align:top;
}
.items-table textarea, .items-table input {
	border:none; max-width:400px; width:90%; resize:none; padding:5px;
}
.tr-focus td:first-child {
  box-shadow:
	inset 0px 11px 8px -10px #CCC,
	inset 0px -11px 8px -10px #CCC,
	inset 11px 0px 8px -10px #CCC;
}
.tr-focus td {
  box-shadow:
	inset 0px 11px 8px -10px #CCC,
	inset 0px -11px 8px -10px #CCC;
}
.tr-focus td:last-child {
  box-shadow:
	inset 0px 11px 8px -10px #CCC,
	inset 0px -11px 8px -10px #CCC,
	inset -11px 0px 8px -10px #CCC; 
}
.tr-focus textarea, .tr-focus input {
	/*-webkit-box-shadow: 0px 0px 5px 1px rgba(26,127,204,1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(26,127,204,1);
	box-shadow: 0px 0px 5px 1px rgba(26,127,204,1);*/
	border-radius:3px;
	border:solid 1px #CCCCCC;
}
.new-colum {
  padding-left:12px;
  
}
.footer-button {
	background-color:#666;
	border:solid 1px #999999;
	color:#FFF;
	font-weight:bold;
}
.footer-button:hover {
	background-color:#CCC;
	color:#000;	
}
.footer-dropdown-menu {
	border-radius:0; background:#666; color:#FFF; border:solid 1px #999999;
}
.footer-dropdown-menu li a {color:#FFF;}
.option-list {
	border-radius:0; background:#666; color:#FFF; border:solid 1px #999999;
}
.option-list { border-top:solid 1px #FFFFFF; margin:0; padding:0;}
.option-list li { border-bottom:solid 1px #FFFFFF;}
.option-list li a {color:#FFF; padding-left:3px;}
.option-list li .fa { font-size:12px;}
.normal-button { font-weight:lighter;}
.error-text {
	color:#F00;
	padding-top:3px;	
	display:none;
}
.tmp-text { display:none; }
.alert-custom {
	background-color:#fff;
	color:#063;
	border:solid 1px #006633;
	padding:20px 30px 20px 30px;
	text-align:center;
}
.alert-custom a {
	text-decoration:none;
}
.btn-table-del-row {
	font-size:18px;
	padding:0 8px 0 8px;
	height:25px;
	cursor:pointer;
}
.sorter, .sub_sorter {cursor: move;width:100%;/* height:100%*/}
.input_price {
	max-width:150px;
	text-align:right;
}
.text_right {text-align:right;}
.text_center{text-align:center;}
.footer-item-list { margin-top:18px; line-height:40px;}
.col-label { font-weight:bolder;}
.editable, .normal-inputbox { text-align:right; max-height:35px; border:1px #d2d6de solid;}
.btn_edit { cursor:pointer; padding:0 10px 0 10px;}
.hr_default {border: inset 1px #d2d6de;}
.normal-border {border: solid 1px #d2d6de;}
.btn_attach_file {cursor: pointer;}
.textDelete:hover {color:#F00; }
.loading-page {
	z-index:2000;
	position:absolute;
	width:100%;
	height:100%;
	background-color: #FFF; 
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	display: none;
}
.loading-page div {
	display: table;
	text-align:center;
	width:100%;
	height:100%;
	background: url(../images/loading-spinner2.gif) no-repeat center center; 
}
.loading-page div span {
	display: table-cell;
 	vertical-align: middle;
	font-weight:bold;
}
.tbl-document-list, .tbl-normal {margin:0;}
.tbl-document-list .tbl-header-title, .tbl-normal .tbl-header-normal {background-color:#ccc;}
.tbl-document-list .tbl-sub-header input {font-size:90%;}
.tbl-document-list tr { background-color:#FFF;}
.tbl-document-list td {border-bottom:solid 1px #000000;}
/*.tbl-document-list th {border-bottom:solid 1px #000000;border-right:solid 1px #000000;}*/
.tbl-document-list tbody tr:hover, .tbl-normal tbody tr:hover {background-color:#EEE;}
.do-edit-document { cursor:pointer; }
.div-tbl-document-list {
    width: 100%;
    overflow: scroll;
	overflow-x: hidden;
}
.page-size {
	background-color:#F5F5F5; padding-bottom:5px; /*position:absolute; bottom:0;*/
}
.page-size .input-group {
	margin-top:5px;	
}
.page-size .page-btn {
	font-size:50%;
}
.page-size .page-text {
	margin-top:10px;	
}
.page-size .first, .page-size .pre, .page-size .next, .page-size .last {
	cursor:pointer;
}
.page-size .pagenumber {
	text-align:center;
	width:80px;
}
.document-loading {
	background: url(../images/loading-spinner3.gif) no-repeat center center; 
	background-size:75px 75px;
}

/***** Waiting Button *****/
.waiting-button {
	background-color:#666;
	border:solid 1px #999999;
	color:#FFF;
}
.waiting-button:hover {
	background-color:#CCC;
	color:#000;	
}
.waiting-dropdown-menu {
	border-radius:0; background:#666; color:#FFF; border:solid 1px #999999; margin:0; padding:0;
}
.waiting-dropdown-menu li { border-bottom:solid 1px #FFFFFF;}
.waiting-dropdown-menu li a {color:#FFF; padding-left:3px;}
.waiting-dropdown-menu li .fa { font-size:12px;}

/***** Approve Button *****/
.approve-button {
	background-color:#ffbd00;
	border:solid 1px #F90;
	color:#FFF;
	font-weight:bold;
}
.approve-button:hover {
	background-color:#F90;
}
.approve-dropdown-menu {
	border-radius:0; background:#ffbd00; color:#FFF; border:solid 1px #fff; margin:0; padding:0;
}
.approve-dropdown-menu li { border-bottom:solid 1px #FFFFFF;}
.approve-dropdown-menu li a {color:#FFF; padding-left:3px;}
.approve-dropdown-menu li .fa { font-size:12px;}

/***** Not Approve Button *****/
.not-approve-button {
	background-color:#666;
	border:solid 1px #999999;
	color:#f00;
}
.not-approve-button:hover {
	background-color:#CCC;
	color:#000;
}
.not-approve-dropdown-menu {
	border-radius:0; background:#666; color:#FFF; border:solid 1px #999999; margin:0; padding:0;
}
.not-approve-dropdown-menu li { border-bottom:solid 1px #FFFFFF;}
.not-approve-dropdown-menu li a {color:#FFF; padding-left:3px;}
.not-approve-dropdown-menu li .fa { font-size:12px;}

/***** Complete Button *****/
.complete-button {
	background-color:#090;
	border:solid 1px #006600;
	color:#fff;
}

.complete-dropdown-menu {
	border-radius:0; background:#090; color:#FFF; border:solid 1px #999999; margin:0; padding:0;
}
.complete-dropdown-menu li { border-bottom:solid 1px #FFFFFF;}
.complete-dropdown-menu li a {color:#FFF; padding-left:3px;}
.complete-dropdown-menu li .fa { font-size:12px;}
.fill-padding-top { margin-top:15px; }
.row-not-approve { color:#CCC;}

.report-highlight {color:#F90;}
.full-body { margin:10px;}
.content-wrapper .content-header {background-color:#000; color:#a0905d; padding:5px;}
.sort {cursor:pointer;}
.tbl-update td { padding:5px; vertical-align:top;}
.tbl-update input, .tbl-update textarea { max-width:400px;}
.tbl-update select { max-width:200px;}
.field-caption {width:200px; font-weight:bold;}
.text-wait-process {color:#F00}
.text-in-process {color:#F00;}
.text-complete-process {color:#00B019;}
.required {color: #cc0000;}
.bigerObj input, .bigerObj select, .bigerObj textarea {height:50px; font-size:150%;}
.normalObj input, .bigerObj select, .bigerObj textarea {height:auto; font-size:100%;}

.top-dropdown {
	font-size:100%;
	color:#000;
	/*height:40px;*/
}
.top-dropdown option {
	font-size:100%;
	color:#666;
}

.top-inputbox {
	font-size:100%;
	color:#000;
	/*height:40px;*/
}
.block_job_default {background-color:#F0F0F0; min-height:110px; margin:5px; padding:5px; border-radius:5px;}
.block_job_process {background-color:#FC0; min-height:110px; margin:5px; padding:5px; border-radius:5px;}
.block_job_complete {background-color:#093; min-height:110px; margin:5px; padding:5px; border-radius:5px; color:#FFF;}
.block_job_error {background-color:#FF9191; min-height:110px; margin:5px; padding:5px; border-radius:5px;}
.card_item {border-bottom:solid 1px #CCCCCC; padding:5px 5px 5px 10px;}
.display-item-description{display:none; border-top:dashed 1px #FFFFFF; margin-top:5px; padding-top:5px;}
.display-item-description small{color:#FFF;}
.tbl_calculate td{vertical-align:top;}
.text-waiting-status{color:#ff6600;}
.text-success-status{color:#009933;}
.text-danger-status{color:#cc0000;}
.text-revise-card, .text-revise-card a{color:#90F;}
.list_folder ul{ padding-left:33px; }
.btn-team-name{margin:0; padding:0; width:100px; height:50px;}
.btn-team-active{background-color:#F90; color:#FFF;}
.fullCalendarEvents{text-align:center;}
.tbl-calendar {
	width: 98%;
	border: solid 1px #CCCCCC;
	border-right: none;
	border-bottom: none;
}
.tbl-calendar th, .tbl-calendar td {
	border: solid 1px #CCCCCC;
	border-left: none;
	border-top: none;
	width: 14%;
}
.tbl-calendar th {
	text-align:center;
	background-color:#EBEBEB;
}
.tbl-calendar td {
	text-align:right;
	height:60px;
	padding:5px;
	vertical-align:top;
	/*font-size:150%;*/
	color:#000;
}
.tbl-calendar .other-month {
	color:#CCC;
}
.tbl-calendar .nowDate {
	background-color:#FFB;
}
.tbl-calendar .showInfo {
	text-align:center;
}
.tbl-calendar .showInfo a {
	color:#FFF;
}
.tbl-calendar .label-highlight {
	color:#FFF;
	background-color:#F60;
	border-radius:10px;
	cursor:pointer;
}
.search_result {color:#999999;}

.btn-gray {background-color:#999; color:#FFF;}
.btn-gray:hover {background-color:#CCC;}
.bg-row-hold-job {background-color:#FFC;}
.tbl-border { border-left:solid 1px #000000; border-top:solid 1px #000000; }
.tbl-border td, .tbl-border th { border-right:solid 1px #000000; border-bottom:solid 1px #000000; }

.dropdown-hoverable {
  position: relative;
  display: inline-block;
}
.dropdown-hoverable-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align:left;
  left:-110px;
}
.dropdown-hoverable-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-hoverable-content a:hover {background-color: #ddd; color:#000; font-weight:bold;}
.dropdown-hoverable:hover .dropdown-hoverable-content {display: block;}
.dropdown-hoverable:hover .dropbtn {background-color: #3e8e41;}
.icon-menu {cursor:pointer;}
.icon-menu div {
  width: 30px;
  height: 3px;
  background-color:#666;
  margin: 5px 0;
}
.table-hover .row-approved { background-color:#BBEBBA; }
.table-hover .row-approved:hover { background-color:#78D889; }
.delText {text-decoration:line-through;}
.top_menu {color:#000; padding-right:5px;}
.top_menu a {color:#000; text-decoration:none; margin-left:20px;}
.top_menu .active {border-bottom:solid 3px #4285f4;}
.del-text {text-decoration:line-through;}

.box.box-primary{border-top-color:#4285f4} .box.box-solid.box-primary{border:1px solid #4285f4} .box.box-solid.box-primary>.box-header{color:#fff;background:#4285f4;background-color:#4285f4}.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn{color:#fff}
.box.box-my-blue{border-top-color:#3a3fb0} .box.box-solid.box-my-blue{border:1px solid #3a3fb0} .box.box-solid.box-my-blue>.box-header{color:#fff;background:#3a3fb0;background-color:#3a3fb0}.box.box-solid.box-my-blue>.box-header a,.box.box-solid.box-my-blue>.box-header .btn{color:#fff}

.btn-primary{color:#fff;background-color:#4285f4;border-color:#8bb4f7}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#8bb4f7;border-color:#8bb4f7}.btn-primary:hover{color:#fff;background-color:#8bb4f7;border-color:#8bb4f7}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#4285f4;border-color:#8bb4f7}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#8bb4f7;border-color:#8bb4f7}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#8bb4f7;border-color:#8bb4f7}.btn-primary .badge{color:#4285f4;background-color:#fff}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#4285f4;border-color:#8bb4f7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.text-light-blue{color:#4285f4 !important}
.btn-secondary {
    color: #fff;
    background-color: #959595;
    border-color: #959595;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #b0b0b0;
    border-color: #b0b0b0;
}