﻿body {
	font-family: Arial, Helvetica, sans-serif;
	counter-reset: location;
	font-size: 12pt;
}

.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}

.radio .cr {
	border-radius: 50%;
}

	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}

	.radio .cr .cr-icon {
		margin-left: 0.04em;
	}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		transform: scale(3) rotateZ(-20deg);
		opacity: 0;
		transition: all .3s ease-in;
	}

	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}

	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}
#LocationsList .noResults {
	padding: 0 8px;
}

#MapContainer {
	/*display:inline-block;
			width: calc(100vw - 350px);
			float:left;*/
	width: 100%;
}

#map_canvas {
	width: 100%;
	/*height:100vh;*/
}
#map_canvas .gmnoprint {
	cursor:inherit !important;
}
.location-count:before {
	counter-increment: location;
	content: "" counter(location);
	position: absolute;
	left: 10px;
}

.location {
	position: relative;
	font-size: .8em;
	background-repeat: no-repeat;
	/*margin:18px;
			padding-left:35px;*/
	padding: 18px 18px 18px 53px;
	background-position-x: 10px;
	background-position-y: center;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	/*border-bottom: 1px solid #e3e3e3;*/
}
	/*.location:hover {
			background-color: #f5f5f5;
			border: 1px solid #e3e3e3;
			border-radius: 4px;
		}*/
	.location a[href^="#Notes"] {
		/*font-size:1.5em;*/
	}
	.location td {
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		/*-ms-word-break: break-all;
		word-break: break-all;*/
	}
.location img {
	width:50%;
}
fieldset {
	margin-top: 0px;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-radius: 0 !important;
}


.location .fa {
	width: 1em;
	color: #26afec;
}


.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}

.radio .cr {
	border-radius: 50%;
}

	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}

	.radio .cr .cr-icon {
		margin-left: 0.04em;
	}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		-moz-transform: scale(3) rotateZ(-20deg);
		-ms-transform: scale(3) rotateZ(-20deg);
		-o-transform: scale(3) rotateZ(-20deg);
		-webkit-transform: scale(3) rotateZ(-20deg);
		transform: scale(3) rotateZ(-20deg);
		opacity: 0;
		-moz-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		-webkit-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}

	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		-moz-transform: scale(1) rotateZ(0deg);
		-ms-transform: scale(1) rotateZ(0deg);
		-o-transform: scale(1) rotateZ(0deg);
		-webkit-transform: scale(1) rotateZ(0deg);
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}

	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}

.distance::before {
	content: "Distance: ";
}

.distance {
	right: 53px;
	display: inline-block;
	float: right;
}

	.distance::after {
		content: " mi";
	}

hr.location-divider {
	margin: 9px 0;
}

	hr.location-divider:last-of-type {
		display: none;
	}

table.location {
	width: 100%;
}

	table.location .left {
		width: 3em;
		vertical-align: text-top;
		text-align: left;
	}

	table.location .right {
		width: 5.5em;
		text-align: right;
		vertical-align: text-top;
		font-weight: bold;
		font-size: 1.2em;
		padding-right:4px;
	}

	table.location .center .name {
		font-weight: bold;
	}

	table.location .fa {
	}

	/*table.location > tbody > tr:nth-child(3):not(.notes) > td,*/
	table.location > tbody > tr.notes > td {
		padding-top: 18px;
	}

section#Locator {
	padding-top: 0;
	background: none;
}
section.dealer-icons .fa{
	margin-right:.5em;
}


/* Dealer modal */
#BusinessInformationModal .modal-header {
	border-bottom: none !important;
	padding-bottom: 0px !important;
}


#BusinessInformationModal .modal-body {
	color:black;
	font-size:11pt;
}
.dealerInfoHours {
	color: #666666;
	font-size:10pt;
}



.dealerInfoAddress {
	margin-bottom: 15px;
}

.dealerGetDirections, .dealerInformation {
	float: right;
	font-size: 1.5em;
	padding:0 11px 4px 4px;
}
.dealerGetDirections > .fa, .dealerInformation > .fa {
	width: auto;
}
#BusinessInformationModal .modal-body .fa {
	color: #337ab7;
	margin-right: 8px;
}
#BusinessInformationModal .modal-header > h4 {
	font-weight: bold;
}
.dealerInfoHours > div {
	padding: 0;
}
#BusinessInformationModal .modal-body img.img-responsive {
	width:100%;
}
#slider-thumbs li {
	padding: 1px;
	width: calc(100% / 6 - 1px);
}

#BusinessInformationModal #slider-thumbs img.thumb {
	/*max-width: 75px;*/
	width:100%;
}
#BusinessInformationModal #slider-thumbs a {
	width: 100%;
	display: block;
}
#BusinessInformationModal #slider-thumbs .selected img {
	opacity: 0.5;
}
#slider-thumbs ul {
	margin:0;
	text-align:center;
}
#slider-thumbs li {
	padding:1px;
}
.businessImages {
	margin-top: 15px;
}

#LocationsList td.left > .location-icon {
	text-align: center;
}

/* Extra Small */
@media(max-width:767px) {
	#map_canvas {
		height: 50vh;
	}
	#LocationsList {
		height:auto !important;
	}
}

/* Small AND UP */
@media (min-width: 768px) {
	.right-side {
		padding: 0;
	}

	#LocationsList {
		height: 100vh;
		overflow-y: auto;
		/*padding-right: 5px;*/
	}

	#map_canvas {
		height: 100vh;
	}
}
