/***************************************************************************************/
/* LAYOUT SETUP */
/***************************************************************************************/

/*html { background:#FFF url('../images/layout/html-bg.jpg') repeat-x top center; }*/
html {
	background-color: #01AEF0;
}

body { background:none; }

hr {
	margin: 0 0 15px 0px;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
} /* Used to clear floats without taking up space */

#main {
/*	width:960px; */
	margin:0px auto;
	max-width: 1600px;
	width: 100%;
}


.padded {
	padding: 0px 12px;
}

.paddeddddd {
	padding: 0px 20px;
}

.row-fluid [class*="span"] {
	min-height: 10px;
}

/* Header */

#header_container {
	padding-top:20px;
	margin-bottom:20px;
}

#header {
	color:#FFF;
}
#logged_in_as {
	font-size:11px;
	line-height: 26px;
}
#logged_in_as span {
	font-weight:bold;
}
#page_title {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}
#page_subtitle {
	font-size:14px;
	line-height:22px
}

#priority_legend {
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	display: block;
	background: #FFF;
	font-size: 10px;
	color: #999;
	width: 220px;

}

#priority_legend a {
	font-size: 10px;
	padding: 2px 4px;
}


#sub_header_container {
	margin-bottom: 10px;
}

#department_checkboxes {

}

#department_checkboxes div {
	width: 48%;
	float: left;

}
#department_checkboxes div input {
	float: left;
	margin-right: 8px;
}

#department_checkboxes div label {
	color: #FFF;
	display: inline;
	width: auto;
}
/* Navigation */

#nav {
}

.nav {
	margin-bottom: 0px;
}

.nav > li > a {
	color:#FFF;
	font-size:12px;
}
.nav > li > a:hover, .nav > li > a:focus, .nav_selected {
	background:#b7e7fb;
	color:#01aef0;
}
.nav-tabs > li > a, .nav-pills > li > a {
	padding-left:8px;
	padding-right:8px;
}



/* Body */

#body_container {
}

#body {
}

#body_inner {
}



/* Footer */

#footer_container {
}

#footer {
}






.content_header {
	background:#333;
	border-radius:8px 8px 0 0;
}
.content_header_inner {
	padding:0 15px;
}
.content_header_inner h1 {
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#B7DDF4;
	line-height:24px;
}

.content_box {
	background:#FFF;
	border-radius:0 0 8px 8px;
	margin-bottom:20px;
}
.content_box_inner {
	padding:10px 0 0 0;
}




#customer_info_inner .span5 .control-label {
	width:80px;
}
#customer_info_inner .span5 .controls {
	margin-left:100px;
}
#customer_info_inner .span5 .controls input, #customer_info_inner .span5 .controls textarea {
	width:95%;
}

#customer_info_inner .span4 .control-label {
	width:70px;
}
#customer_info_inner .span4 .controls {
	margin-left:90px;
}
#customer_info_inner .span4 .controls input {
	width:95%;
}
#customer_info_inner .span3 {
	border-left: dashed 1px #CCC;
	padding:0 10px;
	max-width:199px;
}
#customer_info_inner .span3 .control-label {
	width:90%;
	text-align:left;
}
#customer_info_inner .span3 input {
	width:90%;
}


#project_details_inner .select2-container {
	width: 100% !important;
	max-width: 100%;
}


#project_details_inner .control-label {
	width:125px;
	font-size:12px;
}
#project_details_inner .controls {
	margin-left:130px;
}
#project_details_inner .controls input {
	width:95%;
}
#project_details_inner .controls input[type="checkbox"] {
	width:auto;
}


#pricing_details_inner .control-label {
	width:95px;
	font-size:12px;
}
#pricing_details_inner .controls {
	margin-left:100px;
}
#pricing_details_inner .controls input {
	width:95%;
}
#pricing_details_inner .controls input[type="checkbox"] {
	width:auto;
}


.right-col {
	padding-right:15px;
}


.smallcheck .control-group .control-label {
	width:90px !important;
}
.smallcheck .control-group .controls {
	margin-left:105px !important;
}
.control-group .controls .lwd_checkbox {
	margin-top:7px;
}
.control-group .controls .date {
	margin-top:0px;
	padding:0px;
}
.control-group .controls .date .datepicker {
	margin-top: 0px;
}
.control-group .controls .date .add-on {
	padding:7px 5px 1px 5px;
}



#myModal .control-group .controls .lwd_checkbox {
	margin-top: -2px;
	position: relative;
}


/* Active Jobs Page */


/* all */
.table-striped tbody > tr > td, .table-striped tbody > tr > th { background: #EFEFEF; }

.table-striped td, .table-striped th { border: 3px solid #FFF; border-collapse: collapse; }

.table-striped th, .table-striped th a { color: #FFF; }


/* every-other */
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background: #f1f9fd; }


/* first row / info-bar */
.table-striped tbody > tr:nth-child(1) > td, .table-striped tbody > tr:nth-child(1) > th { background: #01AEF0; }

tr.jcomplete td { color: #b3b3b3; }


/* priority btn */
.table-striped a { width: 27px; height: 27px; margin: 0px; padding: 0px; border-radius: 0px 0px 0px 0px; }

/* .table-striped td:first-child { padding: 0px; margin: 0px; } */


/* first th */
/* .table-striped th:first-child { padding-left: 0px; padding-right: 0px; width: 27px; } */


/* table padding ignoring first column */
.table-striped th, .table-striped td { padding: 4px 15px; }

.table-striped th { text-align: center; }



.table tr.overdue td { color: #CC0000; }
.table tr.done td { color: #AAA; }

.add-job { margin: 2px 0 2px 12px; }

.navbar-search {
	margin: 0 0 0 12px;
}


/* CUSTOM CHECKBOX STYLING */
	.lwd_checkbox {
		display: inline-block;
		height: 14px;
		width: 14px;

		background: -moz-linear-gradient(center top , #FDFDFD, #EAEAEA) repeat scroll 0 0 / 100% auto #EAEAEA;
		text-shadow: 0 1px white;

		border: 1px solid #CDCDCD;
	    border-radius: 3px 3px 3px 3px;
	    box-shadow: 0 2px 2px -2px #CCCCCC;
		cursor: pointer;
		line-height: inherit;
		margin: 0px 8px 0 0px;
		position: relative;
		vertical-align: middle;
	}


	.lwd_checkbox i {
		opacity: 0;
		position: absolute;
		margin: 2px 0 0 3px;
		color: #999;
		font-weight: 100;
		font-size: 9px;
	}

	.lwd_checkbox.selected i {
		opacity: 1;
	}



/* CUSTOM RADIO STYLING */
	.lwd_radio {
		display: inline-block;
		height: 14px;
		width: 14px;
		margin: 0 8px 0 0;

		background: -moz-linear-gradient(center top , #FDFDFD, #EAEAEA) repeat scroll 0 0 / 100% auto #EAEAEA;
		text-shadow: 0 1px white;

		border: 1px solid #CDCDCD;
	    border-radius: 50%;
	    box-shadow: 0 2px 2px -2px #CCCCCC;
		cursor: pointer;
	}


	.lwd_radio i {
		opacity: 0;
		position: absolute;
		margin: 4px 0 0 -1px;
		color: #999;
		font-weight: 100;
		font-size: 5px;
	}

	.lwd_radio.selected i {
		opacity: 1;
	}









.autosize {
	width: 95%;
	height: 20px;
}




#active-jobs table tr td {
	cursor: pointer;
}











#login_logo_container {
	text-align: center;
}

#login_logo_container img {
	max-width: 100%;
	height: auto;
}

#login_container {
	width: 100%;
	max-width: 400px;
	margin: 0px auto;
}




a.top {
	bottom: -1px;
	right: 50%;
	margin-right: -38px;
	z-index: 5000;
	position: fixed;
	display: none;
}


.alpha-list .btn {
	display: inline-block;
	margin-bottom: 5px;
}



.btn-yellow {
	background-color: #ddd846;
    background-image: linear-gradient(to bottom, #ddd846, #e2c006);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-yellow:hover {
	background: #e2c006;
	color: #FFF;
}


.accordion-trigger {
	float: right;
}

.accordion-trigger.fa {
	color: #FFF;
	margin-top: 5px;
	cursor: pointer;
}

.change_element {
    font-weight: bold;
}

.log_row {
    padding: 5px 0;
}


.clear-this-section {
    padding: 1px 8px !important;
    font-size: 11px !important;
    margin-right: 15px;
}











.content_box_inner .card {
	margin-left: 12px; margin-right: 12px;
}

.card {  border: 1px solid #DDD; border-radius: 5px; margin-bottom: 10px; margin-top: 10px; position: relative; padding-top: 15px; padding-bottom: 5px; }
.card-title {
	background-color: #FFF;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	top: -12px;
	font-size: 16px;
	font-weight: 500;
	color: #0192CB;
}

.card .card-body { padding: 15px; }
.card .card-footer { padding: 15px; }

.job-print-meta.removed {
	display: none;
}

/*
.job-print-meta.removed .card-body {
	opacity: 0.3;
}
*/