/* optional: etwas kompakter */

#mailSentVerification{
	max-widtH: 1920px;
	margin-left:32px;
	margin-right:32px;
	margin-top: 2rem;
	margin-bottom: 0;
	text-align:center;
}
#container_test_page.collapsed-panel {
  max-height: 140px;
  overflow: hidden;
}

/* Chevron styling */
.panel-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px 10px;
  font-size: 18px;
}





@media (max-width:991px) {
	#carSelector button{
		width:210px;	
	}
	.tzr_components {
		margin: 0.5rem 0!important;
	}
	.trfc-light {
		height:80%!important;
	}
	#container_test_page {
		padding-right:0.5rem!important;
		padding-left:0.5rem!important;
	}
}
@media (max-width:767px) {
	#container_test_page, #mailSentVerification{
		max-width: 97vw!important;
		margin: 1rem auto!important;
	}
	#carSelector button{
		width: 150px;	
	}
}
@media (max-width:431px) {
	#container_test_page {
		padding-left: 0.5rem!important;
		padding-right: 0.5rem!important;
	}
}
#mobile_flow > * {
	margin:0.3rem;
	align-content:center;
	width:100%;
}
#mobile_flow > *:not(#carHistoryContainer):not(#resetContainer):not(#kba_light) {
	max-width: 155px;
    width: 100%;
}
#mobile_flow button,
#mobile_flow input {
	width:100%;
}
#mobile_flow #carHistoryContainer button,
#mobile_flow #resetContainer button {
	padding-left:0.85rem;
	padding-right:0.85rem;
}
#mobile_flow #kba_light {
	margin-bottom:0.3rem;
}
#mobile_flow .button_text {
	display:inline-block;
}
#categorysentence p {
	color:#28d700;
	margin-bottom:0;
}
#carHistoryContainer i {
	color:black;
}
#container_test_page{
	color:ghostwhite;
	background-color:#303030;
	margin-bottom: 34px;
	position:relative;
	box-shadow:0 6px 10px 2px #000;
	padding-left:2.5rem;
	padding-right:2.5rem;
	border-top-width:4px!important;
	border-radius:5px;
	margin:1rem 32px;
	max-width:1920px;
}
#container_test_page button:not(:disabled) {
	cursor:pointer;
}
#container_test_page td {
	max-width:100px;
}
#container_test_page select {
	display:none;
}
#container_test_page button[type='button']{
	background: linear-gradient(0deg, #575757 0%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 100%);
	height:34px;
	color:black;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 100%;
    min-width: 126px;
    justify-content: center;
    max-width: 100%;
}
#container_test_page button[type='button'] div {
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
}
#container_test_page hr {
	border-color:#ddd;
	margin:0 -2.5rem 0;
}
.containerFlex {
	margin-top:1rem;
	position:relative;
	width:100%;
}
.containerFlex.row {
	margin-right:0;
	margin-left:0;
}
#kba-border {
	margin-left:auto;
	margin-right:auto;
	/*background: linear-gradient(128deg,rgba(172,172,172,1) 0%,rgba(222,222,222,1) 20%,rgba(102,102,102,1) 34%,rgba(235,235,235,1) 51%,rgba(131,128,128,1) 82%,rgba(255,255,255,1)red 100%);*/
	background-color:ghostwhite;
	top: -1px;
	bottom: -1px;
	position: absolute;
	//border-radius: 7px;
	z-index: 1;
	left:3px;
	right:3px;
}
#switchGradient {
	position:absolute;
	left:-4px;
	top:-4px;
	right:-4px;
	bottom:-4px;
	background-image:linear-gradient(180deg, #777, white);
	border-radius:25px;
}
.switchtoggle {
	--width: 80px;
	--height: calc(var(--width) / 3);
	border: 2px solid #e6e6e6;
	position: relative;
	display: inline-block;
	width: var(--width);
	height: var(--height);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: var(--height);
	cursor: pointer;
	background-clip:padding-box;
	padding:10px;
	transform:translateX(-2px);
}
.switchtoggle input {
	display: none;
}
.switchtoggle .switchslider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--height);
	background-color: #d30000;
	transition: all 0.4s ease-in-out;
}

.switchtoggle #quickSlider {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(var(--width) / 2);
	height: calc(var(--height) - 4px);
	border-radius: calc(var(--height) / 2);
	background-image: linear-gradient(0deg, #777, white);
	transition: all 0.4s ease-in-out;
	z-index:10;
}
.switchtoggle #quickSlider::before {
	content:'';
	position: absolute;
	top: 2px;
	left: 2px;
	bottom:2px;
	width: calc(var(--width) / 2 - 4px);
	height: calc(var(--height) - 8px);
	border-radius: calc(var(--height) / 2);
	background-color:#dedede;
	transition: all 0.4s ease-in-out;
}
.switchtoggle input:checked+.switchslider {
	background-color: #00df00;
}

.switchtoggle input:checked+.switchslider #quickSlider {
	transform: translateX(calc(var(--width) / 2 - 4px));
}
#mole {
	position:absolute;
	left:21px;
	right:4px;
	bottom:4px;
	top:4px;
	border-radius:25px;
	background-image:linear-gradient(180deg, #9a9a9a, #f3f3f3);	
}

.switchtoggle .switchlabels {
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: sans-serif;
	transition: all 0.4s ease-in-out;
}

.switchtoggle .switchlabels::after {
	content: attr(data-off);
	position: absolute;
	right: 10px;
	color: white;
	opacity: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease-in-out;
}

.switchtoggle .switchlabels::before {
	content: attr(data-on);
	position: absolute;
	left: 10px;
	color: white;
	opacity: 0;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
	transition: all 0.3s ease-in-out;
}

.switchtoggle input:checked~.switchlabels::after {
	opacity: 0;
}

.switchtoggle input:checked~.switchlabels::before {
	opacity: 1;
}
.switchtoggle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 10px; 
  background:linear-gradient(45deg,red,blue); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}
.switchtoggle::after {
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(red, blue);
    content: '';
    z-index: -1;
    border-radius: 16px;
}






#container_test_page option[value=""] {
	display:none;
}
#container_test_page .search-btn {
    height: 27px;
}
#vehicle_history_label {
	margin-bottom:0.5rem!important;
}
#carHistory button:not(.dropdown-toggle){
	width:75px;
	height:34px;
	min-width:25px;
	max-width:75px;
}
#carHistoryButton {
	position:relative;
	min-width:0.35rem;
	background-color:#dedede;
	color:black;
}
#fahrgestellnummer{
	width:210px!important;	
}
.flexContainer {
	display:flex;
	align-items:center;
}
.flexContainer input {
	min-width:100px;
	max-width:150px;
}
.tzr_components .dropdown-item {
	padding: 0.25rem 0.75rem;
}
.tzr_components .input-group-append {
    color:black;
    height:34px;
    border-style:solid;
    border-color:darkgrey;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.tzr_components .input-group-append span {
	color:white;
}
.tzr_components > div {
	flex-grow: 1;
	max-width:100%;
	flex-shrink: 1;
}

.tzr-btn {
	align-items:center;
	display:flex;
	padding: 0.35rem;
	height:30px;
}
.tzr-btn-sm.btn-success{
	background-image:radial-gradient(#00f400, #226f22);
	border:0;
	color:black;
}
.tzr-btn-sm.btn-danger{
	background-image:radial-gradient(#f40a0a, #762323);
	border:0;
	color:black;
}
.tzr-btn-sm {
	line-height:1;
}
#container_test_page #manufacturer,
#container_test_page #model,
#container_test_page #motor {
	max-width:100%;
	min-width:50px;
}
#container_test_page label {
	margin-bottom: 0.1rem!important;
}

.background-svg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: blur(10px);
}

.mask {
	/*box-shadow: 3px 2px 3px black;*/
}

.flexHeader {
	flex: 0 0 100%;
	font-size: large;
	margin-bottom: 5px;
	text-align:center;
}
#tzr_header{
	padding-top:0.45rem;
	/*border-bottom: 1px solid grey;*/
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.header_spacer {
	flex: 1 0 33%;
}
#tzr_selectors {
	align-items:baseline;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	column-gap:2rem;
}
.tzr_components ul {
	background-color:#303030;
	overflow-y:scroll;
	scrollbar-color: #d1d1d1 #4b4949;
	max-height:300px;
}
.tzr_components ul th {
	color:#d1d1d1;
}
.tzr_components ul li:first-of-type {
	background: linear-gradient(0deg, #000, #4b4b4b);
	border-bottom: 1px solid #545454;
	position:sticky;
	top: 0;
}
.tzr_components ul li table tbody tr td:not(:last-child) {
	overflow:hidden;
	text-overflow:ellipsis;
}
.tzr_components ul li:first-of-type table {
	margin: 0 0.5rem;
}
ul#test_page_select_2 li table thead tr th:first-of-type, 
ul#test_page_select_2 li a table tbody tr td:first-of-type{
	min-width:300px;
	max-width:300px;
}
ul#test_page_select_2 li table thead tr th:nth-child(2), 
ul#test_page_select_2 li a table tbody tr td:nth-child(2){
	min-width:150px;
	max-width:150px;
}
ul#test_page_select_3 li table thead tr th:nth-child(1), ul#test_page_select_3 li table thead tr th:nth-child(2), 
ul#test_page_select_3 li a table tbody tr td:nth-child(1), ul#test_page_select_3 li a table tbody tr td:nth-child(2) {
	min-width:200px;
	max-width:200px;
}
ul#test_page_select_3 li table thead tr th:nth-child(4), ul#test_page_select_3 li table thead tr th:nth-child(5), 
ul#test_page_select_3 li a table tbody tr td:nth-child(4), ul#test_page_select_3 li a table tbody tr td:nth-child(5) {
	min-width:50px;
	max-width:50px;
}
ul#test_page_select_3 li table thead tr th:nth-child(3),
ul#test_page_select_3 li table thead tr th:nth-child(n+6),
ul#test_page_select_3 li a table tbody tr td:nth-child(3),
ul#test_page_select_3 li a table tbody tr td:nth-child(n+6){
	min-width:100px;
	max-width:100px;
}
.tzr_components ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3){
	width:100%;
}
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li table thead tr th:nth-child(2), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li table thead tr th:nth-child(3), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li table thead tr th:nth-child(4), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li a table tbody tr td:nth-child(2), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li a table tbody tr td:nth-child(3), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li a table tbody tr td:nth-child(4) {
	min-width:200px;
	max-width:200px;
}
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li table thead tr th:nth-child(n+5), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li a table tbody tr td:nth-child(n+5),
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li table thead tr th:nth-child(1), 
ul:not(#test_page_select_1):not(#test_page_select_2):not(#test_page_select_3) li a table tbody tr td:nth-child(1) {
	min-width:100px;
	max-width:100px;
}

.tzr_components ul a:hover {
	background-color:#ff00006b;
}
.tzr_components th {
	color: #0dea12;
}
.tzr_components td{
	color: white
}
#carSelector {
	justify-content:center;
}
#carSelector select {
	display:none;
}
#carSelector td {
	max-width:100%;
}
.tzr_components .button_text {
	min-width:100px;
	display:inline-block;
}
.tzr_components .dropdown-toggle .button_text {
	min-width:25px;
	display:inline-block;
}
#container_test_page input:not([type="submit"]), #container_test_page textarea {
	color: black;
    border-color: black;
    border-style: solid;
    border-color: darkgrey;
	border-width:2px;
	padding-left:5px;
}
#container_test_page input:not([type="submit"]){
	height: 34px;
}
#container_test_page form input{
	border-top-right-radius:0.4rem;
	border-bottom-right-radius:0.4rem;
	height:30px!important;
}
#container_test_page input:not(#tsn){
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
	border-right-style:solid;
}
#hsn_container {
	flex-grow:0;
}
#hsn_tsn {
	flex-basis:0;
	flex-grow:0;
}
#hsn {
	border-top-right-radius:0!important;
	border-bottom-right-radius:0!important;
	border-right:1px solid black!important;
	max-width: 50px;
	min-width: 25px;
}
#tsn {
	border-top-left-radius:0!important;
	border-bottom-left-radius:0!important;
	border-left-style:none!important;
	max-width: 50px;
	min-width: 25px;
}

#container_test_page select{
	width:200px;
	height:30px;
	color:black;
	border-width:2px;
}
.tzr_components {
	flex-grow: 1;
	margin: 1rem 0;
	display:flex;
	flex-direction:row;
	column-gap:0.5rem;
	row-gap:0.5rem;
	flex-wrap:wrap;
	justify-content:center;
}
#carInfocardWrapper {
	width:100%;
}
#carInfocard {
	color:#28d700;
}
#carInfocard h3 {
	color:ghostwhite;
	text-align:center;
}
#carInfocard .d-flex {
	column-gap:2rem;
	row-gap:1rem;
	justify-content: space-evenly;
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap:wrap;
}
#carInfocard .d-flex .col span{
	color:#b90000;
}
#carInfocardWrapper #reset {
	display:flex;
	justify-content:center;
}
#reset{
	position:relative;
	align-self:center;
	background-color:#dedede;
	color:black;
}
#mime,#typenr,#mkb {
	flex-shrink:1;
	flex-grow:1;
	width:100%;
	border-right-style:none!important;
	max-width:100%;
}
#mime_search, #typenr_search, #mkb_container {
	flex-basis: 100px;
}

#vehicleSearch, #historySearch{
	margin-bottom: 1rem;
}
.infoTable tbody{
	cursor:pointer;
}
.infoTable tbody tr:not(.active_vehicle):hover{
	background-color:#9f0415bf;
}
.infoTable tbody tr.active_vehicle:hover{
	cursor:default;
}
#historyCarTable{
	width: 100%;
	margin-top:1rem;
}
#historyCarTable thead,
#carTable thead{
	//border-top-style:groove;
}
#vehicleSearch,
#historySearch{
	display:none;
}
#carHistory {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:flex-start;
	align-items:center;
	justify-content:inherit;
	flex-grow:0;
}
#carHistory a {
	margin-bottom:0.3rem;
}
#kba_light {
	height:50px;
	margin-bottom:-10px;
}
#kba_light img {
	height:100%;
}
#trafficlight {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items:center;
	row-gap:0;
	flex-grow:0;
}
#carTable{
	width: 100%;
	margin-top:1rem;
}
#carTable tbody tr{
	height:2rem
}
#carTable td{
	font-size:12px;
	max-width:100px;
}
#importMessageInformation {
	font-size:0.875rem;
	text-align:center;
}
#noResultTable, #importMessage {
	border-top: 1px solid grey;
	color: ghostwhite;
	display: none;
	margin-top: 15px;
	padding-top: 15px;
	filter:saturate(150%);
}
#noResultTable .form-groups:not(#searched-articles) {
	min-width:0!important;
	width:200px!important;
}
#searched-articles {
	margin-top:1rem;
	width:84%!important;
}
#noResultTable .form-groups label{
	font-size:0.875rem;
}
#noResultTable .form-groups input:not([type="submit"]) {
	height:25px;
	width:100%;
	padding-left:5px;
	padding-right:5px;
}
#noResultTable .form-groups input[type="submit"] {
	height:25px;
	width:100%;
	padding:0px;
	margin-top:-1px;
}
#noResultTable .form-groups textarea {
	width:100%;
}

#noResultInformation{
    padding: 2rem 15px;
    color: ghostwhite;
}

.fzg-tooltip {
    background-color: black;
    border-radius: 50%;
    color: white;
    float: right;
    font-family: serif;
    font-size: 20px;
    font-style: italic;
	margin: 0 5px;
	padding: 0px 9px;
	position: relative;
    width: 25px;
}
.fzg-tooltipimage {
	max-width:100%;
	height:auto;
}
.fzg-tooltip .fzg-tooltipimage{
	visibility: hidden;
	border: 1px solid black;
	border-radius: 3%;
	overflow: hidden;
	position: absolute;
	right: 25px;
	transform: translate(50%, 25px);
	z-index: 1;
	max-width: max-content;
}
.fzg-tooltip:active .fzg-tooltipimage {
	visibility: visible;
}
#motorDetailsContainer, #tableUnitContainer {
	display: flex;
    flex-direction: column;
}
#tableUnitContainer {
    align-items: end;
}
#motorDetailsContainer {
    align-items: center;
	flex-direction:row;
}
.custom-switch .custom-control-label:before {
	width:5.5rem;
	height:1.25rem;
	left:-4.1rem;
}
.custom-control-input:checked~.custom-control-label:before {
	background-color:#00df00;
	border-color:#e6e6e6;
  	box-shadow: inset 0 0 10px black;
}
.custom-switch .custom-control-input:checked~.custom-control-label:after {
	transform: translateX(1.45rem);
	background:radial-gradient(circle,  rgb(201 199 199),rgb(133 125 125))
}
.custom-switch .custom-control-label:after {
	top: calc(0.15625rem + 2px);
    left: calc(-4.1rem + 2px);
    width: calc(1rem);
    height: calc(1rem);
    background-color: #9b9b9b;
    border-radius: 0.5rem;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#engine {
	margin-right:1.5rem;
	color:white;
}
#engine img {
	margin-right:0.5rem;
}
#mkb{
	text-transform:uppercase;
}
.fitting-info {
	margin-right:0.5rem;
}
.info-popover-right {
	color:#ededed!important;
	display:block;
	font-family:AUTO;
	font-size:24px;
	font-weight:600;
	margin-left:4px;
	text-align:center;
	width:25px;
	height:25px;
	text-decoration:none;
	border-radius:50%;
	background-color:black;
	line-height:1;
	aspect-ratio:1 / 1;
}
#fzg-popover-left {
    background-color: black;
    border-radius: 50%;
    color: white;
    float: left;
    font-family: serif;
    font-size: 20px;
    font-style: italic;
	margin: 0 5px;
	padding: 0px 12px;
	position: relative;
	width: 25px;
}

#loading_overlay {
	align-items: center;
	background-color: rgba(0.1,0.1,0.1,0.7);
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 2000;
}
.vehicleInformation{
	color:white;
	padding-right:7px;
}
#additionalInformation hr {
	margin-top:1rem;
}
#additionalInformation .row {
	row-gap:0.2rem;
}
#additionalInformation > .row {
	justify-content:center;
}
#additionalInformation .row > span {
	padding-left:3rem;
	padding-right:3rem;
}
#additionalInformation #tzr_selectors{
	align-items:start;
	justify-content:space-around;
}
#additionalInformation .tzr_components {
	flex-direction:column;	
}
#loading_screen {
	background-color: white;
	border-radius: 5%;
	height: 80vh;
	margin: 15px;
	text-align: center;	
	padding: 50px;
}

#loading_screen_text {
	align-items: center;
	color: black;
	display: flex;
	flex-direction: column;
	flex-wrap: no-wrap;
	height: 100%;
	justify-content: space-around;
}

#loading_header {
	font-size: x-large;
	font-weight: bold;
}
.form-groups {
	display:inline-block;
	margin-bottom: 15px;
	min-width: 22%;
	padding: 0 1%;
}

.form-required {
	color:red;
}

.btn-success {
	width:100%
}



.modal-dialog {
	margin-top:0.5rem;
}
#manufacturerModal.modal, #typeModal.modal, #motorModal.modal{
    font-size: large;
    padding: 0 1rem;
}
#manufacturerModal .modal-dialog, #typeModal .modal-dialog, #motorModal .modal-dialog {
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin: 0;
}

#manufacturerModal .modal-header .close,
#typeModal .modal-header .close,
#motorModal .modal-header .close {
	color:black;
	border-color:transparent;
}
.modal-content, .modal-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.modal-content, .modal-footer {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal-header {
    background: linear-gradient(0deg, #575757 0%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 100%);
    border-bottom: none;
}

.modal-header button.close {
    transform: none;
    right: 0;
    background-color: transparent;
}

.modal-header button.close:hover {
    background-color: transparent;
    color: #ca3030;
}

.modal-title {
    color: black;
    padding: 0 1rem;
}

.modal-content {
    padding: 0;
}

#image_wrapper .modal-body .square-image .inner img {
    padding: 1rem;
    height: 100%;
    width: 100%;
}

#image_wrapper .modal .close {
    right: 1rem;
}
#manufacturerModalWrapper .modal-body a {
    padding: 0.8rem 0.5rem;
}
#vehicleModalWrapper .modal-body a {
    padding: 1rem 0.5rem 0.7rem;
}
.modal-body a {
    text-decoration: none;
    color: inherit;
    width: 100%;
    background-image: repeating-linear-gradient(315deg,#3f3e3e,#605e5e,#3f3e3e 940px);
    margin-bottom: 0.5rem;
}

.modal-body a > div:nth-child(2) {
    padding: 0.3rem;
}

#manufacturerModal .modal-body a {
    text-align: center;
}

#typeModal .modal-body a,
#motorModal .modal-body a {
    display: flex;
    flex-wrap: wrap;
	color:white;
}

#typeModal .modal-body a div {
    width: 100%;
}

#typeModal .modal-body a .vehicle_type {
    font-size: 20px;
}

#typeModal .modal-body a .vehicle_year {
    font-size: 16px;
}

.vehicle_information, .motor_information {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.vehicle_information div, .motor_information div {
    margin-right: 1rem;
}

.vehicle_information {
    font-size: 20px;
}

.motor_information, .vehicle_year {
    font-size: 14px;
}

.modal-footer {
    background-image: linear-gradient(0deg,#575757 0%,rgba(250,250,250,1) 45%,rgba(255,255,255,1) 100%);
}
#manufacturerModal .modal-body, 
#typeModal .modal-body, 
#motorModal .modal-body, 
#vehicleHistoryModal .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
    margin-bottom: 0.5rem;
	background-color:#303030;
	scrollbar-color: #d1d1d1 #4b4949;
}    
.modal-body a {
	text-decoration: none;
    color: white;
    width: 100%;
    background-image: repeating-linear-gradient(315deg, #3f3e3e, #605e5e, #3f3e3e 940px);
    margin-bottom: .5rem;
    padding: 1rem .5rem 0.7rem;
}
.modal-body a:hover .col.col-12,
.modal-body a:hover > div:nth-child(2) {
    background: linear-gradient(to right, transparent, #28d700, #28d700, transparent) bottom / 100% 1px no-repeat border-box;
}

#manufacturerModal .modal-footer .btn, 
#typeModal .modal-footer .btn, 
#motorModal .modal-footer .btn, 
#vehicleHistoryModal .modal-footer .btn {
	border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #a7a7a7;
    background: linear-gradient(0deg, #000, #4b4b4b) padding-box, linear-gradient(0deg, #4b4b4b, #eee, #4b4b4b) border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: 0 0px 1px 2px #353535;
}