.navbar-brand
{
	font-weight: bold;
	color: #3071a9 !important;
}

/*
* {
	font-size: 12px !important;
	line-height: 16px !important;
	font-family: Arial;
	font-smooth: never;
}

.navbar {
	font-size: 16px !important;
	line-height: 26px !important;
	
}
*/



/* Global styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
 


}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

body > .container {
  padding: 60px 15px 0;
  position: relative;
}

.form-control {
	height: 24px;
	padding: 0px 5px;
}

textarea.form-control {
	padding: 3px 5px;	
}

.nav-tabs {
	margin-bottom: 20px;
}

.input-group-addon {
	padding: 0px 6px;	
}

.input-group-addon i {
	font-size: 14px;	
}

@media (min-width: 768px) {}
	.form-horizontal .control-label {
		padding-top: 4px;
	}
}


/* Menu
-------------------------------------------------- */

.open>.dropdown-menu {
	display: none;
}

.dropdown:hover .dropdown-menu {
	display: block;
}


/* Footer
-------------------------------------------------- */

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.container .text-muted {
  margin: 20px 0;
}

/* Forms 
-------------------------------------------------- */

.form {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form .form-heading,
.form .checkbox {
  margin-bottom: 10px;
}
.form .checkbox {
  font-weight: normal;
}

.form-horizontal .radio.inline {
	display: inline-block;
	margin-right: 5px;
}

.form-horizontal .checkbox.inline {
	display: inline-block;
	margin-right: 0px;
	width: 32%;
	padding: 0px;
}

.form-horizontal .help-block {
	margin-bottom: 0px;
}

.form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form .form-control:focus {
  z-index: 2;
}
.form input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-horizontal .control-label {
	text-align: left;
}

/* Overview
-------------------------------------------------- */

table.dynatable tbody tr:hover td {
	background-color: #eee;
}

.pagination {
	float: right;
	margin: 0px;
	margin-bottom: 15px;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
}

th a {
  color: #000;
}
th a:hover {
  color: #000;
  text-decoration: none;
}

.dynatable-search input, .dynatable-per-page select {
	display: inline;
	width: auto;
}
.dynatable-per-page select {
	padding: 0px;	
}

#overviewfilters .filter {
	/*
	display: inline;
	margin-right: 10px;
	*/
	
	height: 30px; 
}

#overviewfilters .filter > div {
	float: left;
}

#overviewfilters .filter .filter-label {
	width: 30%;
	padding-right: 10px;
}

#overviewfilters .filter .filter-content {
	width: 70%;
}

#overviewfilters .filter label {
	font-weight: normal;
}

#overviewfilters {
	/*margin-bottom: 10px;*/
}

/* Stock
-------------------------------------------------- */

#filter_reset {
	float: right;
	font-size: 13px;
	line-height: 1.6;
	margin-left: 6px;
}

#stock .available, #stock .option, #stock .sold {
	font-weight: bold;
} 

#stock .available, #filterlabel_status_available {
	color: #00CC00;
} 

#stock .option, #filterlabel_status_option {
	color: #F7B800;
} 

#stock .sold, #filterlabel_status_sold {
	color: #EE0000;
} 

#stock .pipeline, #filterlabel_status_pipeline {
	color: #428bca;
}

#filterwrap_status label {
	position: relative;
	display: inline-block;
	height: 25px;
	
	width: 20%;
}
#filterwrap_status label#filterlabel_status_available {
	width: 24%;
}

#filterwrap_status label#filterlabel_status_paid,
#filterwrap_status label#filterlabel_status_sold {
	width: 18%;	
}


#filterwrap_status label span {
	position: absolute;
	bottom: -12px;
	width: 100%;
	text-align: center;
	left: 0px;
}


.dynatable .overviewrow {
	margin-top: 10px;
	height: 122px; /*92px;*/
	
	border: 1px solid #ddd;
	padding: 0px 5px;
}

.dynatable .overviewrow:last-child {
	margin-bottom: 10px;
}

.dynatable .overviewrow:nth-child(odd) {
	background-color: #f9f9f9;
}

.dynatable .overviewrow:nth-child(odd):hover, .dynatable .overviewrow:hover {
	background-color: #eee;
}

.dynatable .overviewrow > div:first-child {
	padding-left: 0px;
}

.dynatable .overviewrow > div:last-child {
	padding-right: 0px;
}


#stock.dynatable .status-available {
	border-left: 3px solid #00CC00;
}

#stock.dynatable .status-option {
	border-left: 3px solid #ffd800;
}

#stock.dynatable .status-sold {
	border-left: 3px solid #EE0000;
}

#stock.dynatable .status-paid {
	border-left: 3px solid #000;
}

#stock.dynatable .status-pipeline {
	border-left: 3px solid #428bca;
}



#stock.dynatable .overviewitem {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 15px;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stock.dynatable .overviewrow .col-md-3 {
	padding: 0px;
	border-right: 1px solid #ccc;
}

#stock.dynatable .overviewrow .col-md-3:nth-child(4) {
	border-right: 0px;
}

#stock.dynatable .overviewitem:last-child {
	border-bottom: 0px;
}

#stock.dynatable .overviewrow > div:last-child {
	text-align: right;
	margin-top: 7px;
}
#stock.dynatable .overviewrow > div:last-child a {
	margin-bottom: 4px;
	width: 100%;
	text-align: left;
	margin-right: 12px;
}

@media (max-width: 1199px) {
	#filterwrap_status label span {
		position: static;
		margin-left: 5px;
	}
	
	#stock.dynatable .overviewrow > div:last-child a {
		width: 25px;
	}
	#stock.dynatable .overviewrow > div:last-child a span {
		display: none;
		
	}
}



/*.usergroup-2 #stock.dynatable .overviewrow > div:last-child a.edit,
.usergroup-2 #stock.dynatable .overviewrow > div:last-child a.duplicate,*/
.usergroup-2 #stock.dynatable .overviewrow > div:last-child a.del,
#stock.dynatable .overviewrow > div:last-child a.view {
	display: none;
}



#stock .stock-image {
	height: 80px;
	background: top left no-repeat;
	background-size: contain;
	margin-top: 5px;
	cursor: pointer;
}

#stock .stock-image img {
	display: none;
}

#stockphotos {
	position: absolute;
	right: 15px;
	width: 300px;
	text-align: center;
}

@media (max-width: 768px) {
	#stockphotos {
		position: static;
		width: 100%;
	}
}

#stockphotos img {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 200px;
	height: 150px;
}

#stockphotos .invoice {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.dynatable .overviewrow {
		height: 175px;
		position: relative;
	}
	
	#stock.dynatable .overviewrow .col-md-3 {
		/*border-right: 0px;*/
		width: 33%;
    	float: left;
	}
	
	#stock.dynatable .overviewrow > div:last-child {
		text-align: center;
		position: absolute;
    right: 0px;
    top: 0px;
	}
	
	#stock.dynatable .overviewrow > div:last-child a {
		width: auto;
		
	}
	
	#stock.dynatable .overviewrow > div:last-child a span {
		display: inline;
	}
	
	/*
	#stock.dynatable .overviewitem:last-child {
		border-bottom: 1px solid #ccc;
	}
	*/
}


/* Vehicles
-------------------------------------------------- */



#vehicle th:nth-child(7), #unit_wrapper td:nth-child(7) {
	text-align: right;
}

#vehicleform {
	border-bottom: 0px;
	margin-bottom: 0px;
} 

#gallery .imageitem, #gallery .ui-state-highlight {
	position: relative;
	float:left; 
	margin-right:20px; 
	margin-bottom:20px;
}

#gallery .ui-state-highlight {
	width: 200px;
	height: 150px;
	background: rgba(0, 0, 0, 0.1);	
}


#gallery .imageitem:hover .delete-unit, #pdfgallery .pdfitem:hover .delete-unit {
	opacity: 100;
}

.delete-unit {
	opacity: 0;
	transition: opacity 0.5s;
}

#gallery .delete-unit {
	position: absolute;
	top: 10px;
	right: 10px;
	
	background: white;
	
	font-size: 18px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}


#vehicle .overviewrow {
	height: 91px;
}

#vehicle.dynatable > div {
	padding-top: 7px;
}

#vehicle.dynatable .col-md-8 div {
	display: inline-block;
	width: 90%;
	height: 25px;
	line-height: 25px;
}

#vehicle.dynatable .col-md-8 div:nth-child(odd) {
	width: 10%;	
	height: 20px;
}

#vehicle.dynatable .col-md-8 div:nth-child(even) {
	background: white;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
}

#vehicle.dynatable .col-md-8 div:nth-child(2) {
	border-top: 1px solid #ccc;
	font-weight: bold;
}

#vehicle.dynatable .col-md-8 div:nth-child(2) .parts {
	display: inline-block;
	float: right;
	font-weight: normal;
	padding-right: 10px;
}

#vehicle.dynatable .col-md-8 div:nth-child(2) .parts i {
	color: green;

}

#vehicle.dynatable .col-md-8 div:nth-child(6) {
	border-bottom: 1px solid #ccc;
}

#vehicle.dynatable .overviewrow > div:last-child {
	text-align: right;
}
#vehicle.dynatable .overviewrow > div:last-child a {
	margin-bottom: 4px;
	width: 80px;
	text-align: left;
	margin-right: 12px;
}

#vehicle.dynatable .overviewrow > div:last-child a.btn.top {
	width: 55px;
	margin-right: 5px;
}



#vehicle .stock-image {
	height: 75px;
	background: top left no-repeat;
	background-size: contain;
	cursor: pointer;
}

#invoiceform #imagewrap .gallery {
	display: none;
	margin-top: 5px;
}

#attachment_template {
	display: none;
}

#attachmentlist > div {
	margin-top: 5px;
}

#attachmentlist .delattachment {
	cursor: pointer;
}



/* Constructions
-------------------------------------------------- */

#child_template {
	display: none;
}

/* Users
-------------------------------------------------- */

#passwordcheck {
	position:absolute;
	left:100%;
	top: 0px;
	padding:15px;
	background:#fefefe;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 2;
	
	width: 250px;
}	

@media (max-width: 767px) {
	#passwordcheck {
		left: 15px;
		top: 40px;
	}
}



#passwordcheck.show {
	opacity: 100;
}

#passwordcheck h5 {
	margin-top: 0px;
}

#passwordcheck i {
	margin-top: 3px;
}

#passwordcheck ul {
	margin: 0px;
	padding: 0px;
}
#passwordcheck li {
	list-style: none;
}	

#passwordcheck .valid {
	color:#3a7d34;
}

#passwordcheck .valid .fa-times {
	display: none;
}

#passwordcheck .invalid {
	color:#ec3f41;
}

#passwordcheck .invalid .fa-check {
	display: none;
}

/* Invoices
-------------------------------------------------- */

/*
#invoice.dynatable .fa-times {
	color: red;
}

#invoice.dynatable .fa-check {
	color: green;
}
*/

.typeahead.dropdown-menu {
	width: 360px;
}

#invoicelines .template {
	display: none;
}

#invoicelines .ui-state-highlight {
	display: block;
	height: 39px;
	width: 100%;
}

#invoicetotallines .row {
	margin: 0px 0px 15px;
}

#stockModal {
	
}

#stockModal #overviewfilters {
	position: absolute;
	left: 120px;
}

#stockModal #overviewfilters .filter {
	width: 200px;
}

#stockModal #overviewfilters .filter .filter-label {
	width: 50px;
	line-height: 1.9;
}

#invoiceform label.control-label {
	position: relative;
}

#invoiceform label.control-label input[type=checkbox] {
	position: absolute;
	right: 0px;
	top: 0px;
}

#footertextlabel {
	padding-left: 0px;
}

#logwrap {
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

#logwrap div {
	/*padding-right: 20px;*/
}

#logbody {
	height: 100px;
	overflow: auto;
}
#logbody tr:first-child td {
	border-top: 0px;
}

#logwrap table {
	margin-bottom: 0px;
}

#logbody table {
	border-top: 0px;
	max-width: 100%;
}

#addstock_overview tbody tr.checkedrow td {
	background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
	
}

#addstock_overview tbody tr {
	cursor: pointer;
}

.logtable table {
	border-top: 0px;
	max-width: 100%;
}

.clear {
	clear: both;
}

#stock_info .col-sm-3:first-child {	width: 31%; }
#stock_info .col-sm-3:nth-child(2), #stock_info .col-sm-3:nth-child(4) { width: 22%; }