/* 
CSS Document 
UPDATED 2021-04-15
*/

	.listing-container{
		height: 1000px;
	}
	#listing-header{
		background-color: #C00;
		color: #FFFFFF;
		padding: 5px;
		border-radius: 5px;
		font-weight: bold;
		width: 760px;
	}
	#listing-header .units{
		float: right;
		margin-left: 15px;
	}
	
	#listing-header .header-view, #listing-header .header-sort{
		float:left;
	}
	
	#listing-header ul{
		margin: 0px;
		list-style:none;
	}
	
	#listing-header li{
		float:left;
		width: 30px;
		height: 25px;
		cursor: pointer;
	}
	
	#listing-header #detail-view{
		background-image:url( "../images/inventory/detailview.png" );
		background-repeat:no-repeat;
	}
	#listing-header #listing-view{
		background-image:url( "../images/inventory/listingsview.png" );
		background-repeat: no-repeat;
	}
	
	#updating-div {
		display:none;
		position:absolute;
		height:100px;
		width: 200px;
	
		line-height:100px;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		border:thick;
		border-radius:10px;
		border-color: #A9A9A9;
		border-style:solid;
		background-color: #FFFFFF;
		/*margin: 100px 300px 0px;*/
		
  		left: 50%;
  		margin-left: -100px;
		/*
		top: 200px;
  		margin-top: 100px;
		*/
		z-index: 10;
	}
	
	.listing-navigation{
		height: 30px;
		text-align: center;
	}	
	
	.listing-navigation ul{
		width: 500px;
		list-style: none;
		text-align: center;
		margin: auto;
	}
	.listing-navigation ul li{
		float:left;
		width:18px;
		height: 18px;
		background: #C00;
		padding: 4px;
		margin: 2px;
		margin-top:2px;
		text-align: center;
		color: #FFFFFF;
		font-size:10px;
		font-weight:bold;
	}
	
	.listing-navigation ul li.hide{
		background: #000;
	}
	

	.listing-navigation a{
		text-decoration: none;
		text-align: right;
		color: #000000;
	}
	
	.listing-navigation li#current {
		background-color: #FFFFFF;
		color:#C00;
		border: 1px solid #C00;
	}
	
	.listing-navigation li#current #nav-current{
		background-color: #FFFFFF;
		color:#C00;
	}
	
	.listing-navigation .link{
		float:right;
		padding:5px;
		color:#F00;
		font-weight:bold;
	}
	
	.listing-navigation .link:hover{
		color:#B40404;	
	}
	
	.listing-navigation .title{
		padding:5px;
		float:left;
		color:#000;
		font-weight:bold;	
	}
	 	
	.go-box{
		border:2px solid white;
		margin: -3px;
		padding: 2px;
		padding-right: 10px;
		text-align: left;
		border-radius: 5px;
		float: right;
	}
	.go-button{
		margin-top: 1px;
		padding-right: 8px;
		padding-left: 8px;
		padding-top: 0px;
		border-width:thin;
		border-color: #A9A9A9;
		border-radius: 3px;
	}
	.go-item{
		padding: 0px;
		border-width:thin;
		border-color: #A9A9A9;
	}
	
	.detail-box{
		width: 760px;
		background-color: #EEE;
		border-radius: 5px;
		margin: 5px;
		padding: 10px;
	}
	
	.detail-box:hover{
		background-color:#DDD;
	}
	
	.detail-box-description{
		color: #C00;
		font-size: 14px;
		padding-left: 5px;
		padding-bottom: 5px;
		padding-right: 30px;
		font-weight: bold;
		cursor: pointer;
		padding-left: 150px;
	}
	
	.detail-box img.thumbnail, .detail-box .detail-box-info{
		float: left;
		font-size: 12px;
	}
	
	.detail-box img.thumbnail{
		//width: 96px;
		//height: 72px;
		width: 140px;
		height: 105px;
		position: relative;
		top: -12px;
	}
	
	.detail-box-info .detail-box-info1, .detail-box-info .detail-box-info2, .detail-box-info .detail-box-info3{		
		float: left;
		padding-left: 5px;
	}
	
	.detail-box-info .detail-box-info3{
		text-align:right;
		height: 60px;
		position: absolute;
		left: 650px;
	}
	
	.detail-box-info .detail-box-info3 div{
		padding-bottom:7px;
	}
	
	.detail-box-info .detail-box-info3 img{
     	box-shadow: 3px 3px 3px #888888;	
	}
	
	.detail-box-info .detail-box-info3 .value{
		font-size: 14px;
	}
	
	.detail-box-info .detail-box-info4{
		clear:both;
		padding-left: 20px;
		margin-top:4px;
		width: 620px;
		float: left;
	}
	
	
    .detail-box-info .value{
		font-weight: bold;
		padding: 3px;
		color: #666;
	}
		
    .detail-box-info .reserve, .detail-box-info .odometer{
		font-size: 14px;
		color:#555;
	}
	
	.detail-box-info .label{
		display: inline-block;
		width: 70px;
	}

	@media print {
    	.detail-box-info .value{
			color: #666;
		}
	}
	
	.clear-box{
		clear: both;
	}
	
	.nodata-box{
		width: 95%;
		background-color: #EEE;
		border-radius: 5px;
		margin: 5px;
		padding-top: 15px;
		font-weight: bold;
		height: 30px;
		text-align: center;
	}
	.nodata-box .nodata-box-message{
		height: 20px;
		width: 800px;
	}
	
	.compressed-box{
		width: 850px;
		font-size:12px;
		background-color: #EEE;
		border-radius: 5px;
		margin: 2px;
		padding: 5px;
		cursor: pointer;
	}
		
	.compressed-box:hover{
		background-color: #DDD;
	}
	
	.compressed-box .compressed-lot{
		height: 16px;
		float:left;
		width: 55px;
	}
	.compressed-box .compressed-description{
		height: 16px;
		float:left;
		width: 320px;
		text-align:left;
	}
	.compressed-box .compressed-odometer{
		height: 16px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box .compressed-color{
		height: 16px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box .compressed-contract{
		height: 16px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box .compressed-sale_date{
		height: 16px;
		float:left;
		width: 100px;
		text-align:right;
	}
	.compressed-box .compressed-reserve{
		height: 16px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box .compressed-carproof{
		height: 16px;
		float:left;
		width: 80px;
		text-align:right;
	}

	.compressed-box-header{
		width: 850px;
		color: #32205f;
		background-color: #EEE;
		border-radius: 5px;
		border-color: #666;
		border-style:solid;
		border-width:1px;
		margin: 2px;
		padding: 5px;
		font-weight: bold;
	}
	
	.compressed-box-header .compressed-lot-header{
		height: 20px;
		float:left;
		width: 55px;
	}
	.compressed-box-header .compressed-description-header{
		height: 20px;
		float:left;
		width: 320px;
		text-align:left;
	}
	.compressed-box-header .compressed-odometer-header{
		height: 20px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box-header .compressed-color-header{
		height: 20px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box-header .compressed-contract-header{
		height: 20px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box-header .compressed-sale_date-header{
		height: 20px;
		float:left;
		width: 100px;
		text-align:right;
	}
	.compressed-box-header .compressed-reserve-header{
		height: 20px;
		float:left;
		width: 70px;
		text-align:right;
	}
	.compressed-box-header .compressed-carproof-header{
		height: 20px;
		float:left;
		width: 80px;
		text-align:right;
	}
	.searched-column{
		background-color: #C00;
		color: #FFFFFF;
		border-radius: 5px;
		padding: 3px;
		opacity:0.7;
	}	
	.right-column{
		float:right;
		color:#666;
	}
	
	.normal-column{
		color: #C00;
	}
	.searched-column .value{
		color: #FFFFFF;
	}
	
a {
    cursor: pointer;
	text-decoration:none;
}

.advancedsearch-container{
	background-color: #EEE;
	width: 175px;
	padding: 3px;
	border-radius: 5px;
	border: 1px solid #666;
	box-sizing: content-box;
}

.advancedsearch-container select{
	text-align:right;
	padding-right: 5px;
}
.header-container{
	margin-top:10px;
	text-align:justify;
}
.header-container span{
	display:inline-block;
}
.header-container:after{
	content: '';
	display:inline-block;
	width: 100%;
}
.searchbox-header{
	color: #C00;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.reset{
	color: #767676;
	font-size:12px;
	cursor:pointer;
}

.outerbox{
	overflow: none;
	background-color: #FFF;
	text-align: left;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 5px;
	font-size:12px;
	vertical-align: middle;
}

.innerbox{
	width: 165px;
	max-height: 80px;
	overflow: auto;
	background-color: #FFF;
	text-align: left;
	border: none;
}

.check_box {
    padding: 2px 3px 2px 4px;
	margin: 0px;
	height:12px;
}

.ui-slider-horizontal {
	height: .5em;
}

.ui-slider .ui-slider-handle{
	height: 1.0em;
	width: 0.8em;	
}
.slider-div {
	margin-left:10px;
	margin-top:5px;
	width:140px;
}
.innerbox-indented{
	width: 150px;
	max-height: 80px;
	overflow: auto;
	background-color: #FFF;
	text-align: left;
	border: none;
	margin: 0px 0px 0px 15px;
}
.unreserved-check {
	margin-top: 4px;
	font-size:12px;
}

#divseller_type{
	max-height: 120px;
}

.disabled {
	color: darkgrey;
	background-color: grey;	
}

.search-criteria{
    display: block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	padding-top:0px;
}

.search-criteria-header{
	display: block;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#C00;
	text-align:left;
	padding-top:0px;
}

.search-criteria-close{
	font-weight:bold;
	vertical-align: super;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#C00;
	text-align:right;
	padding-top:0px;
}

.displayed-search-all-records-text{	
	//padding:20%;
	padding:5%;
	font-weight:bold;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#C00;
	text-align:center;
	text-decoration: blink;
	display: block;
}

.barcode {
	display:none;
}

.detail-box:hover .barcode, .detail-box.hover .barcode
{
	display: block;
	height: 30px;
}

/***DETAILS PAGE***/
.regal-blue{
	background: #305D96 !important;
	color: #FFF !important;
}
	
.regal-dark-blue{
	background: #000059 !important;
	color: #FFF !important;
}

.heat-map-parent {
  position: relative;
  top: 0;
  left: 0;
  height: 315px;

}

.heat-map-base-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.heat-map-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.old-heat-map-layer {
  position: fixed; /* Sit on top of the page content */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}