@media (min-width:480px){
	.double:after,
	.triple:after,
	.quad:after,
	.address:after {content:'';display:block;clear:both;}
	.double > div {float:left;width:48%;}
	.double > div:nth-child(2n) {margin-left:4%;}
	.triple > div {float:left;width:30.66%;margin-left:4%;}
	.triple > div:nth-child(3n-2) {margin-left:0;}
	.quad > div {float:left;width:48%;margin-left:4%;}
	.quad > div:nth-child(4n-3) {margin-left:0%;}
	.address > div {float:left;margin-left:4%;}
	.address > div:nth-child(3n-2) {width:48%;margin-left:0;}
	.address > div:nth-child(3n-1) {width:17%;}
	.address > div:nth-child(3n) {width:27%;}
}
.nowrap {white-space:nowrap;}
.btn {padding:17px 2em;background:#9e1422;color:#fff;font:900 18px/22px "Roboto", Arial, sans-serif;text-transform:uppercase;letter-spacing:2px;border:0;cursor:pointer;transition:all .3s;}
.btn:hover {background:#000;color:#9e1422;}
.btn-2 {padding:5px 10px;background:#9e1422;color:#fff;font:400 14px/18px "Roboto", Arial, sans-serif;border:0;cursor:pointer;transition:all .3s;}
.btn-2:hover {background:#000;color:#fff;}

.alert.alert-error {
    background: #cc6973;
    color: #fff;
    padding: .5em 1em;
    border-radius: 1em;
    border: 1px solid #9e1422;
}

.tenant-booking label {cursor:pointer;transition:all .3s;padding:2px;display:inline-block;}
.tenant-booking label:hover {background:rgba(0,0,0,0.1);}

.tenant-booking-table {
	font-size: 20px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}
.tenant-booking-table thead th {
	background:#9e1422;color:#fff;padding:5px;
}
.tenant-booking-table td {
	padding: 5px 15px;
}
.tenant-booking-table tr:nth-child(2n) {
	background: #f0f0f0;
}

.tenant-form:after {content:'';display:block;clear:both;}
.tenant-form label {display:block;margin-bottom:10px;line-height:16px;}
.tenant-form label img {vertical-align:bottom;}
.tenant-form label [class^=error] {float:right;color:#c00;display:none;}
.tenant-form input {display:block;width:100%;box-sizing:border-box;padding:5px 10px;font-family:inherit;font-size:18px;margin-top:2px;}
.tenant-form .vehicles:after {content:'';display:block;clear:both;}
.tenant-form .vehicle {float:left;width:48%;}
.tenant-form .vehicle:nth-child(2n) {margin-left:4%;}
.tenant-form .add-vehicle {display:block;padding:5px;background:#9e1422;color:#fff;text-align:center;margin-bottom:10px;}
.tenant-form .add-vehicle:hover {background:#383838;}
.g-recaptcha {margin: 0 auto;width: 304px;}
.tenant-form button[type=submit] {
	width: 300px;
	margin: 10px auto;
	display: block;
	background: #9e1422;
	color: #fff;
	font-size: 18px;
	font-family: inherit;
	font-weight: normal;
	border: 0;
	padding: 10px 0;
	cursor: pointer;
}
.tenant-form button[type=submit]:hover {background:#383838;}

#frmTenantTerms {}
#frmTenantTerms .tenant-terms {max-height:300px;overflow:auto;padding:10px;background:#fff;border:1px solid #999;margin-bottom:10px;}
#frmTenantTerms label {font-size:16px;}
#frmTenantTerms button {width:100%;text-align:center;background:#9e1422;color:#fff;padding:10px 0;font-size:16px;border:0;cursor:pointer;margin-top:10px;}
#frmTenantTerms button:hover {background:#383838;}

#frmTenantLogin {margin-left:25%;width:50%;}
#frmTenantLogin input {width:100%;box-sizing:border-box;padding:5px 10px;font-size:18px;font-weight:300;font-family:inherit;margin-bottom:10px;}
#frmTenantLogin button {width:100%;text-align:center;background:#9e1422;color:#fff;padding:10px 0;font-size:16px;border:0;cursor:pointer;}
#frmTenantLogin button:hover {background:#383838;}

.rental-agreement {font-size:16px;line-height:1.5;width:75%;height:50vh;overflow:auto;padding:10px;background:#fff;border:1px solid #999;margin:0 auto 20px;}
.rental-agreement > p:first-child {margin-top:0;}

.parking:after {content:'';display:block;clear:both;}
.parking-location {}

.parking-location-information {margin-bottom: 15px;}
.parking-location-information:after {display: block;content: '';clear: both;}

.parking-location-address {float:left;width:48%;font-size: 17px;}
.parking-location-address h2 {font-weight:bold;border-bottom:2px solid;}
.parking-location-description {display:none;}

.parking-location-hours {float: right;width: 48%;font-size: 14px;}
.parking-location-hours-divs {border-width: 1px 1px 1px;border-style: solid;border-color: #999;background: #fff;border-radius: 0 10px 10px 10px;padding: 10px;margin-top: -1px;}
.parking-location-hours-divs > div {white-space: pre;}
.parking-location-hours-tabs a {border-width: 1px 1px 0;border-style: solid;padding: 5px 10px;border-radius: 10px 10px 0 0;display: inline-block;background: #eee;border-color: #999;color:#999;}
.parking-location-hours-tabs a.active {color: #000;background: #fff;border-bottom: 1px solid #fff;}

.parking-location-photos {float:left;width:48%;}
.parking-location-photos-main {position:relative;padding-bottom:300px;background:#fff;}
.parking-location-photos-main img {max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.parking-location-photos-thumbs {}
.parking-location-photos-thumb {float:left;width:25%;}
.parking-location-photos-thumb img {max-width:100%;}

.parking-map {float:right;width:48%;}
.parking-container {clear:both;}
.parking-spaces:after {content:'';display:block;clear:both;}
.parking-spaces > div {
	float:left;
	width:13.42%;
	width:calc((100% - 60px) / 7);
	margin:0 10px 10px 0;
	padding:10px 15px;
	box-sizing:border-box;
	background:#9e1422;
	color:#fff;
	text-align:right;
	font-size:14px;
	line-height:16px;
	cursor:pointer;
}
.parking-spaces > div > div {font-weight: bold;}
.parking-spaces > div > div span {float: left;font-weight: normal;}
.parking-spaces > div:nth-child(7n) {margin-right:0;}
.parking-spaces > div.parking-space_taken {background:#333;cursor:not-allowed;}
.parking-spaces > div.selected {background:#393 !important;}
.parking-spaces > div.hover {background:#383838;}
.parking-legend {line-height:16px;padding:10px 0;}
.parking-legend:after {content:'';display:block;clear:both;}
.parking-legend > div {float:left;margin-right:15px;}
.parking-legend > div.selected {background:#396;}
.parking-legend span {display:inline-block;width:20px;height:16px;vertical-align:text-bottom;margin-right:5px;}
.parking-legend .available span {background:#9e1422;}
.parking-legend .taken span {background:#333;}

.bookings {width:100%;text-align:center;background:#fff;border:1px solid #000;}
.bookings thead {background:#9e1422;color:#fff;}
.bookings th {font-size:18px;}
.bookings td {font-size:16px;}
.bookings td .fa {vertical-align:baseline;}

#frmTenant label {margin-bottom:10px;display:block;}
#frmTenant input {width:100%;font-size:14px;font-family:inherit;padding:5px 10px;}
#frmTenant .btn-save {float:right;}
#frmTenant .actions {text-align:center;}
.other .vehicles:after {content:'';clear:both;display:block;}
.other .vehicles {padding-top:5px;}
.other .vehicle {
	float:left;
	background:#EEE9E7;
	background:#ffffff80;
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0 5px 5px 0;
	font-size:14px;
	box-sizing:border-box;
	width:19.59%;
	width:calc((100% - 20px) / 5);
}
.other .vehicle:nth-child(5n) {margin-right:0;}
.other .vehicle > div {text-align:right;border-bottom:1px dashed #ccc;padding:3px 0;}
.other .vehicle > div > span {float:left;}
.other .vehicle > div.vehicle-actions {text-align:center;border-bottom:0;padding:6px 0 0;}
.tenant-vehicle-cancel {display:none;}
.tenant-container {border:1px solid #999;padding:15px;margin-bottom:20px;}

#tenant-vehicles.vehicles:after {content:'';clear:both;display:block;}
#tenant-vehicles.vehicles {padding-top:5px;}
#tenant-vehicles .vehicle {
	float:left;
	background:#EEE9E7;
	background:#ffffff80;
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0 5px 5px 0;
	font-size:14px;
	box-sizing:border-box;
	width:19.59%;
	width:calc((100% - 20px) / 5);
}
#tenant-vehicles .vehicle:nth-child(5n) {margin-right:0;}
#tenant-vehicles .vehicle > div {text-align:right;border-bottom:1px dashed #ccc;padding:3px 0;}
#tenant-vehicles .vehicle > div > span {float:left;}
#tenant-vehicles .vehicle > div.vehicle-actions {text-align:center;border-bottom:0;padding:6px 0 0;}
#tenant-vehicles .tenant-vehicle-cancel {display:none;}
#tenant-vehicles .tenant-container {border:1px solid #999;padding:15px;margin-bottom:20px;}
