body{
	background: #ececf4;
	margin-top: 58px;
	font-family: "tahoma";
}
legend{
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 0px;
	font-size: 24px;
	color: #336699;
}


.bg-greenSea{
	background: #16a085 !important;
}
.bg-nephritis{
	background: #27ae60 !important;
}
.bg-belizeHole{
	background: #2980b9 !important;
}
.bg-wisteria{
	background: #8e44ad !important;
}
.bg-orange{
	background: #f39c12 !important;
}
.bg-pumpkin{
	background: #d35400 !important;
}
.bg-pomegranate{
	background: #c0392b !important;
}

.grey{
	color: #555;
}
.grey-2{
	color: #aaa;
}
.red{
	color: #d9534f;
}
.green{
	color: #5cb85c;
}

.padding-0{
	padding:0px;
}
.padding-right-0{
	padding-right:0px;
}
.padding-left-0{
	padding-left:0px;
}

.btn-default.btn-xs.dropdown-toggle{
	background-color: #777;
	border-color: #666;
	color: #fff;
}

.btn-default.btn-xs.dropdown-toggle:hover, .btn-default.btn-xs.dropdown-toggle:active, 
.open>.btn-default.btn-xs.dropdown-toggle, .open>.btn-default.btn-xs.dropdown-toggle:hover{
	background-color: #555;
	border-color: #444;
	color: #fff;
}

.page-header.white{
	color: #fff;
	border-bottom: 0px;
	margin-bottom: 10px;
}
.panel{
	border-radius: 0;
}
.checkbox{
	margin-top: 5px;
	margin-bottom: 5px;
}
.form-control{
	border-radius: 0px;
}
.form-control:focus{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.btn{
	border-radius: 0px;
	padding: 4px 12px;
}
.btn:focus, .btn:active{
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	outline: none;
}
.input-daterange input:first-child, .input-daterange input:last-child{
	border-radius: 0px;
}
.dropdown-menu, .label{
	border-radius: 0px;
	font-weight: normal;
	font-size: 12px;
	padding: 5px;
	line-height: 24px;
}

.page-header{
	margin-top: 30px;
	margin-bottom: 30px;
	color: #555;
	border-color: #aaa;
}
.page-header h1{
	margin: 0px;
}

#main-content{
	padding-left:0px;
	/*padding-right:20px;*/
	padding-top: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; 
}

.panel-dashboard{
	text-align: center;
	border-radius: 0px;
	border: 0;
	cursor: pointer;
}
.panel-dashboard .panel-heading{
	font-size: 40px;
	color: #fff;
	background: #2ecc71;
	box-shadow: 0px 0px 150px 15px rgba(0,0,0,0.1) inset;
	border-radius: 0px;
	border: 0;
	overflow: hidden;
}
.panel-dashboard .panel-heading .fa{
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.panel-dashboard:hover .panel-heading .fa{
	-ms-transform: scale(1.4); /* IE 9 */
  -webkit-transform: scale(1.4); /* Safari */
  transform: scale(1.4);
}
.panel-dashboard:hover .panel-heading{
	box-shadow: 0px 0px 150px 15px rgba(255,255,255,0.1) inset;
}
.panel-dashboard .panel-body{
	background: #fff;
	color: #555;
	font-size: 14px;
	padding: 5px;
	border: 0;
}
.panel-dashboard:hover{
	background: rgba(255,255,255,0.1);
}

.thumbnail{
	border-radius: 0px;
}

.thumbnail .header{
	color: #457db4;
	border-bottom: 1px solid #eee;
	font-size: 24px;
	position: relative;
}
.thumbnail .header a{
	color: #457db4;
	text-decoration: none;
}
.tool-box{
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 99;
}
.tool-box .btn{
	width: 70px;
	text-align: center;
}

/* Let's get this party started */
.dataTables_scrollBody::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
 
/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: #4d8bc8; 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
.dataTables_scrollBody::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,255,255,0.4); 
}

table.dataTable > tbody > tr.child ul{
	width: 100%;
}
table.dataTable > tbody > tr.child span.dtr-title{
	min-width: 50px;
}

.table-striped>tbody>tr.selected{
	background: #e0f8ff;
}

.margin-10-0{
	margin: 10px 0;
}


.breadcrumb{
	margin-top: -20px;
	margin-bottom: 15px;
	border-radius: 0px;

}
div.dataTables_length{
	display: none;
}
div.dataTables_filter{
	text-align: right;
	margin-top: 10px;
}
div.dataTables_filter label{
	display: block;
	width: 100%;
	font-size: 0px;
	position: relative;
}
div.dataTables_filter input{
	display: block;
	width: 100%;
	margin: 0px;
}
div.dataTables_filter label:before{
	content: "\f002";
	font-family:'FontAwesome';
	font-size: 18px;
	position: absolute;
	right: 0;
	padding: 2.5px 7px;
	background: #4d8bc8;
	color: #fff;
}
.filter .input-group .input-group-addon{
	background: #4d8bc8;
	color: #fff;
	border:0;
	padding-top: 0px;
	padding-bottom: 0px;
}
.filter .input-group .form-control{
	height: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.input-group-addon{
	border-radius: 0px;
}
.tool-page{
	margin-bottom: 15px;
}
.tool-page .input-group-addon{
	background: #4d8bc8;
	color: #fff;
	border-color: #4d8bc8;
	border-radius: 0px;
}
.tool-page select{
	border-color: #4d8bc8;
}
.btn-group-status .dropdown-menu{
	min-width: auto;
	z-index: 999;
}
.btn-group-status .dropdown-menu a{
	padding: 3px 12px;
}
.file-group{
	padding: 15px 0px;
	margin-bottom: 5px;
}
.file-group .fa{
	font-size: 30px;
	margin-right: 10px;
}

.file-upload{
	font-size: 18px;
	color: #888;
	padding: 15px 15px 10px 15px;
	border: 1px dashed #888;
	cursor: pointer;
	text-align: center;
}
.file-upload:hover{
	color: #555;
	border: 1px dashed #555;
}
.file-delete{
	font-size: 12px;
	background: #e74c3c;
	color: #fff;
	padding: 0 5px 2px 5px;
	margin-left: 10px;
	border:1px solid #c9302c;
}
.file-delete:hover{
	background: #c0392b;
	color: #fff;
	text-decoration: none;
}
.file-list{
	font-size: 16px;
}

.dataTable-add .form-control{
	max-width: 120px;
}
.input-group-unit{
	padding: 0px;
	border: 0px;
}
.input-group-unit .form-control{
	margin-left: -1px;
	min-width: 90px;
}
.text-sum{
	font-size: 30px;
	line-height: 46px;
}
.text-sum small{
	font-size: 14px;
	font-weight: 700;
}
tfoot.foot-report>tr>td>input.input-sum{
	height: 50px;
	font-size: 26px;
	min-width: 155px;
}

.footer{
	text-align: center;
	background: #4d8bc8;
	padding: 10px 0;
	margin-top: 100px;
	/*position:fixed;*/
	bottom: 0px;
	width: 100%;
}
.footer a{
	color: #fff;
}

tfoot.foot-report>tr>td{
	padding: 5px 8px 0px 8px;
	border:0px;
}
tfoot.foot-report>tr>td>input{
	/*height: 22px;*/
	text-align: right;
}
tfoot.foot-report>tr>td>strong{
	line-height: 30px;
}

input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:29px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:hover + label.css-label {
	background-position: 0 -20px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -40px;
}
label.css-label {
	background-image:url(../images/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.daterage-text{
	font-size: 14px;
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	display: block;
}
.name-text{
	font-size: 24px;
	margin-left: 20px;
	display: block;
}



input[type=radio].css-radio {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=radio].css-radio + label.css-label-radio {
	padding-left:29px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-radio:hover + label.css-label-radio {
	background-position: 0 -20px;
}
input[type=radio].css-radio:checked + label.css-label-radio {
	background-position: 0 -40px;
}
label.css-label-radio {
	background-image:url(../images/radio-green.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px;
}
label.css-label-radio.red{
	background-image:url(../images/radio-red.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px;
}

.modal-content{
	border-radius: 0px;
}
.modal-header{
	background: #4d8bc8;
	color: #fff;
}
.list-group{
	margin-bottom: 0px;
}
.list-group-item:last-child, .list-group-item:first-child{
	border-radius: 0px;
}
.close{
	opacity: 0.6;
}


/*******************************************************DATE PICKER*/
#ui-datepicker-div{
	z-index: 99 !important;
}
.ui-datepicker{
	font-size:1em;
	background:#fff;
	border:1px solid #4d8bc8;
	border-radius:2px;
	margin-top:5px;
	display:none;
}
.ui-datepicker .ui-datepicker-header{
	background:#4d8bc8;
	padding:15px;
}
.ui-datepicker-header a{
	color: #fff;
}
.ui-datepicker-prev, .ui-datepicker-next{
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-title{
	margin:5px auto;
	text-align:center;
}
.ui-datepicker .ui-datepicker-prev{
	position:absolute;
	left:3px;
	top:7px;
}
.ui-datepicker .ui-datepicker-next{
	position:absolute;
	right:3px;
	top:7px;
}
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover{
	background:rgba(0,0,0,0.1);
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{
	font-family: 'FontAwesome';
	content:"\f053";
	cursor:pointer;
	display:block;
	padding:5px;
	color:#fff;
}
.ui-datepicker .ui-datepicker-next:before{
	content:"\f054";
}
.ui-datepicker .ui-datepicker-calendar{
	margin:10px 15px;
}
.ui-datepicker .ui-datepicker-calendar a{
	display:block;
	padding:5px;
	color:#555;
	border:1px solid #fff;
}
.ui-datepicker .ui-datepicker-calendar a:not(.ui-state-active):hover{
	border:1px solid #4d8bc8;
	color:#4d8bc8;
	/*font-weight:bold;*/
}
.ui-datepicker .ui-datepicker-calendar thead th{
	color:#4d8bc8;
	width:28px;
	height:28px;
}
.ui-datepicker .ui-datepicker-calendar tbody td{
	text-align:center;
}
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year{
	font-size:1.2em;
	/*font-weight:bold;*/
	color:#fff;
}
.ui-datepicker .ui-datepicker-month[data-event="change"], .ui-datepicker .ui-datepicker-year[data-event="change"]{
	/*background:#4d8bc8;*/
	border:0;
	color:#555;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-current-day, .ui-datepicker .ui-datepicker-current-day a{
	background:#4d8bc8;
	color:#fff;
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-today{
	background:#ddd;
}
.ui-datepicker-buttonpane{
	background:#4d8bc8;
	text-align: center;
}
.ui-datepicker-buttonpane .ui-datepicker-close{
	margin-bottom: 15px;
	background: #fff;
	border: 0;
}

.textSumAll{
	font-size: 24px;
	border-bottom: 1px solid #ccc;
}
.textSumAll.red{
	border-bottom: 1px solid rgb(217, 83, 79);
}
.textSumAll.green{
	border-bottom: 1px solid rgb(92, 184, 92);
}


.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	padding: 2px 0px;
}
a:focus{
	outline:none;
}
.dropdown-menu>li>a{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background: #4d8bc8;
}

.dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default:focus{
	border-color: #ccc;
	background: #fff;
	color: #555;
}
.open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-default:hover{
	border-color: #66afe9;
	background: #fff;
	color: #555;
	outline: none;
}
.bootstrap-select .dropdown-toggle:focus{
	outline: none;
}
.form-horizontal .control-label{
	padding-top: 0;
	margin: 5px 0;
	text-decoration: underline;
}
.list-group .form-group{
	margin-bottom: 0;
}
.datepicker2{
    width: 230px;
    position: relative;
    margin: auto;
}

#addWorksheet .datepicker2{
    width: 220px;
    border: 1px solid rgb(77, 139, 200);
    margin: 15px auto;
}
#addWorksheet .datepicker2 thead tr:first-child{
    color: #fff;
    background: rgb(77, 139, 200);
}
#addWorksheet .datepicker2 thead tr:first-child th{
    border-radius:0px;
}
#addWorksheet .datepicker2 thead tr:first-child th:hover{
    background: rgb(69, 125, 180);
}
page[size="A4"] {
	background: white;
	width: 21cm;
	height: 29.7cm;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
	padding: 1.5cm;
	font-size: 10px !important;
}
page[size="Long"] {
	background: white;
	width: 21cm;
	/*height: 29.7cm;*/
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
	/*padding: 1.5cm;*/
	padding: 0.5cm 1.5cm;
	font-size: 10px !important;
}
.input-group .form-control{
	z-index: 1;
}
.ui-timepicker-minute-cell .ui-state-default{
	color: #f00;
}
.keepleft{
	float: left;
}
.keepright{
	float: right;
}
.dispstatus{
	height: 30px;
}
@media print {
	body, page[size="A4"], page[size="Long"] {
		margin: 0;
		box-shadow: 0;
	}
	.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
		border: 2px solid #333 !important;
	}
	header.onlyprint {
        position: fixed;
		display: block;
        top: -10;
    }
	.page-break {
	  page-break-after: always;
	}
	
}

@media screen and (max-width: 767px){
	div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
		text-align: left;
	}
}

@media screen and (min-width: 768px){
	#main-content{
		padding-left:0px;
	}
	div.dataTables_filter{
		margin-top: -36px;
		/*padding-right: 75px;*/
	}
	div.dataTables_filter input.form-control{
		display: block;
		width: 100%;
		margin: 0px;
	}
	.filter{
		margin-top: -36px;
	}
	.filter{
		margin-right: -20px;
	}
	.form-horizontal .control-label{
		margin: 0;
		text-decoration: none;
	}

}

@media screen and (min-width: 1200px){
	.col-lg-1.col-lg-1-half{
		width: 12.499999995%;
	}
	.col-lg-10.col-lg-10-half{
		width: 87.499999995%;
	}
}

.show_none{
	display:none;
}
.table.dataTable tbody > tr > td, .table.dataTable tfoot > tr > th{
	padding-right: 30px;
}