/* Main settings */
.car-search-simple div,
.cars.list-view .box div,
.car.detail-view div {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Simple search mask */
.car-search-simple .inline-block {
	display: inline-block;
}
.car-search-simple .button {
	cursor: pointer;
}
.car-search-simple .text-center {
	text-align: center;
}
.car-search-simple .col-info,
.car-search-simple .col-details {
	width: 100%;
	float: left;
}
.car-search-simple .col-left {
	padding: 1em 3% 1em 0;
}
.car-search-simple .col-right {
	padding: 1em 0 1em 3%;
}

.car-search-simple select {
	width: 100%;
	max-width: 250px;
	margin-bottom: .5em;
	border: 1px solid #333;
	padding: 3px 10px 2px;
	font-weight: 600;
}
.car-search-simple a.button {
	border: 0px none;
	background: #fff;
	color: #e30613;
	font-weight: 700;
	padding: 6px 10px 5px;
}

.car-search-simple a.button:hover {
	background: #000;
	color: #fff;
}

.car-search-simple input[type=checkbox] {
	display:none;
}
.car-search-simple input[type=checkbox] + label {
	border: 1px solid #222;
	padding: 3px 5px 2px;
	/*border-radius: 10px;*/
	font-weight: 700;
	cursor: pointer;
}
.car-search-simple input[type=checkbox]:checked + label {
	background: #222;
	border-color: #222;
	color: #fff;
}

.car-search-simple input[type=checkbox]:checked + label span {
	background: #222;
	border: 5px solid #222;
	color: #fff;
}


/* List view */
.cars.list-view .car-search-simple {
	background: #f2f2f2;
	padding: .5em 15px;
	margin-bottom: 1.5em;
}
.cars.list-view .box {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: .75em;
	padding-bottom: .75em;
	border-bottom: 1px solid #e0e0e0;
}
.cars.list-view .box .thumbnail {
	display: block;
	line-height: 1;
	float: left;
	width: 25%;
	margin-bottom: 0;
}
.cars.list-view .box .thumbnail img {
	width: 100%;
	height: auto;
}
.cars.list-view .box .thumbnail-link {
	width: 100%;
}
.cars.list-view .box .data {
	float: left;
	width: 75%;
	padding-left: 15px;
}
.cars.list-view .box .price {
	font-weight: 700;
	font-size: 100%;
}

.car.detail-view .car-thumbnails {
	width: 100%;
	margin-bottom: 1.5em;
}
.car.detail-view .box .col-left {
	width: 50%;
	float: left;
}
.car.detail-view .box {
	float: left;
	margin-bottom: 1.5em;
}
.car.detail-view .box table {
	margin-bottom: 0;
}
.car.detail-view .box th,
.car.detail-view .box td {
	vertical-align: top;
	padding-right: 1em;
}
.car.detail-view .box th {
	width: 45%;
}


/* default's */
.border-red{
	border-color: #e30613 !important;

	color: rgb(230, 230, 230);

}

.update-selling-price.button,
.add-row.button,
.update-price.button {
	margin-bottom: 1em;
}

.update-selling-price.button.col-md-6{
	width: 48%;
}
.update-selling-price.button.float-right{
	float: right;
}


.car-description-extra {
	float: left;
	padding: 15px;
	margin-bottom: 2em;
	margin-top: 1em;
	position: relative;
	z-index: 998;
	width: 100%;
}
#tabs .tabs {
	float: left;
}
#tabs .tabcontent {
	width: 100%;
}
.update-price.button {
	margin-left: 15px;
}

/* Mobile */
@media (max-width: 767px) {
	.car.detail-view .box .col-left {
		width: 100%;
	}
	.margin-bottom-section {
		margin-bottom: 1em;
	}
	.delete-row.button {
		margin-left: 15px;
		margin-bottom: 1em;
	}
	.add-row {
		width: 100%;
	}
	.update-price.button {
		width: 100%;
		margin-left: 0;
	}

	.update-selling-price.button.col-md-6{
		width: 100%;
		float: none;
	}
}


.display-none {
	display: none;
}

/* Not needed if probefahrt is selected */
#collapseprobefahrt .checkbox-information {
	display: none;
}