:root {
  --color: #ff66ff;
}

@import url('https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css');

@font-face {
  font-family: BebasNeueBold;
  src: url(BebasNeueBold.ttf);
}

*{
	user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

html {
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
}

body{
	display: none;
	color: #a8a8aa;
}

::-webkit-scrollbar
{
	width: 4px;
}

::-webkit-scrollbar-thumb
{
	background-color: rgba(0, 0, 0, 0.0);
}

.vehiclemenu-container {
	width: 22%;
	height: 39%;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 68%;
	left: 81.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999;
	display: none;
}

.vehiclemenumain {
	width: 100%;
	height: 75%;
	background-color: rgba(255, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 62.5%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenufuelmain {
	width: 6%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 97%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoor {
	width: 93%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	margin: 0;
	position: absolute;
	left: 46.8%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	display: none;
}

.vehiclemenusettingswindow {
	width: 93%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	margin: 0;
	position: absolute;
	left: 46.8%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	display: none;
}

.vehiclemenusettingsseat {
	width: 93%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	margin: 0;
	position: absolute;
	left: 46.8%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	display: none;
}

.vehiclemenusettingsextras {
	width: 93%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	margin: 0;
	position: absolute;
	left: 46.8%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}


.vehiclemenusettingsbuttonwarning {
	width: 42%;
	height: 22%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 89%;
	left: 46.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.vehiclemenusettingsbuttonwarning:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonlight {
	width: 45.7%;
	height: 48%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 76%;
	left: 23%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(100% 2%, 100% 49%, 49% 100%, 0 100%);
}

.vehiclemenusettingsbuttonlight:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonlighth {
	width: 45.7%;
	height: 48%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 76%;
	left: 70.1%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(0 49%, 0 2%, 100% 100%, 49% 100%);
}

.vehiclemenusettingsbuttonlighth:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonengine {
	width: 21%;
	height: 44%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 76%;
	left: 10.8%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.vehiclemenusettingsbuttonengine:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonbind {
	width: 21%;
	height: 44%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 76%;
	left: 82.6%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

.vehiclemenusettingsbuttonbind:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonlock {
	width: 45%;
	height: 23%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 63%;
	left: 22.7%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(100% 0, 50% 100%, 0 0);
}

.vehiclemenusettingsbuttonlock:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonwater {
	width: 45%;
	height: 23%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 63%;
	left: 70.6%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(100% 0, 50% 100%, 0 0);
}

.vehiclemenusettingsbuttonwater:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonvehiclename {
	width: 66%;
	height: 12%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 18.4%;
	left: 34%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(18% 0, 100% 0%, 80% 100%, 0% 100%);
}

.vehiclemenusettingsbuttonvehicleplate {
	width: 46%;
	height: 12%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 18.4%;
	left: 79%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
}

.vehiclemenusettingsbuttonsettings {
	width: 21.5%;
	height: 23%;
	background-color: var(--color);
	margin: 0;
	position: absolute;
	top: 12%;
	left: 11%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.vehiclemenusettingsbuttonsettingsicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 30%;
	left: 30%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.5vw;
	color: #000000;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonsettings:hover > .vehiclemenusettingsbuttonsettingsicon {
	filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
}

.vehiclemenusettingsbuttonexit {
	width: 16%;
	height: 11%;
	background-color: var(--color);
	margin: 0;
	position: absolute;
	top: 6%;
	left: 92%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(58% 0, 100% 0%, 100% 100%, 0% 100%);
}

.vehiclemenusettingsbuttonexiticon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 70%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.0vw;
	height: 1.0vw
}

.vehiclemenusettingsbuttonexit:hover > .vehiclemenusettingsbuttonexiticon {
	filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
}

.vehiclemenusettingsbuttonselect1 {
	width: 26%;
	height: 10%;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 2px solid var(--color);	
	margin: 0;
	position: absolute;
	top: 6%;
	left: 27%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
}

.vehiclemenusettingsbuttonselect1:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonselect2 {
	width: 26%;
	height: 10%;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 2px solid var(--color);	
	margin: 0;
	position: absolute;
	top: 6%;
	left: 44.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);

}

.vehiclemenusettingsbuttonselect2:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonselect3 {
	width: 26%;
	height: 10%;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 2px solid var(--color);	
	margin: 0;
	position: absolute;
	top: 6%;
	left: 62%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
}

.vehiclemenusettingsbuttonselect3:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonselect4 {
	width: 26%;
	height: 10%;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 2px solid var(--color);	
	margin: 0;
	position: absolute;
	top: 6%;
	left: 79.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	clip-path: polygon(40% 0, 96% 0, 60% 100%, 0% 100%);

}

.vehiclemenusettingsbuttonselect4:hover {
	background-color: var(--color);
}

.vehiclemenusettingsbuttonwarningicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 60%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonlighticon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 60%;
	left: 64%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonlighthicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 60%;
	left: 36%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.8626929217668973vw;
	height: 1.8626929217668973vw;	
}

.vehiclemenusettingsbuttonengineicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 36.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonengineicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 36.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonbindicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 63.5%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonlockicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 40%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonwatericon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 40%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.8626929217668973vw;
	height: 1.8626929217668973vw;
}

.vehiclemenufuelicon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 95%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.95vw;
	color: #000000;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 999999999;
}

.vehiclemenufuelmaincontainer {
	width: 150%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
}

.vehiclemenufuelmaincontainerdata {
	outline: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--color);
	object-fit: cover;
	z-index: 9999999;
	bottom: 0;
}
.vehiclemenusettingsbuttonvehiclename1 {
	width: 68%;
	height: 50%;
	background-color: rgba(255, 0, 255, 0.0);	
	margin: 0;
	position: absolute;
	top: 32%;
	left: 49%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	padding-left: 2%;
}

.vehiclemenusettingsbuttonvehiclename1text {
	margin: 0;
	color: #ffffff;
	font-size: 0.90vw;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	text-align: center;
	float: left;
	overflow: hidden;
	z-index: 99999999;
	font-family: Bahnschrift;
	font-weight: bold;	
	border: none;
}

.vehiclemenusettingsbuttonvehiclename2 {
	width: 68%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0.0);	
	margin: 0;
	position: absolute;
	top: 72%;
	left: 47%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
	padding-left: 2%;
}

.vehiclemenusettingsbuttonvehiclename2text {
	margin: 0;
	color: #ffffff;
	font-size: 0.90vw;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	text-align: center;
	float: right;
	overflow: hidden;
	z-index: 99999999;
	font-family: Bahnschrift;
	font-weight: bold;	
	border: none;
}


.vehiclemenusettingsbuttonvehicleplatetext {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 57%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.1vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsbuttonselectcategory1 {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.2vw;
	height: 1.2vw
}

.vehiclemenusettingsbuttonselect1icon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.0vw;
	height: 1.0vw
}



.vehiclemenusettingsbuttonselectcategory1text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 52%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.1vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsbuttonselect2icon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
	width: 1.2vw;
	height: 1.2vw
}


.vehiclemenusettingsbuttonselectcategory2text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 52%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);		
	font-size: 1.1vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsbuttonselect3icon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.1vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsbuttonselectcategory3text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 52%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.1vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsbuttonselect4icon {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.0vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain {
	width: 100%;
	height: 49.5%;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 75%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
}

.vehiclemenusettingswindowmain {
	width: 100%;
	height: 49.5%;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 75%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
}

.vehiclemenusettingsseatmain {
	width: 100%;
	height: 49.5%;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 75%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
}

.vehiclemenusettingsseatlist {
	width: 100%;
	height: 100%;
	left: 50%;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.vehicleseat {
	position: relative;
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	text-align:center;
	margin-top: 2%;
	margin-bottom: 1%;
	margin-right: 1%;
	margin-left: 5%;
	z-index: 999999999;
}

.vehicleseat:hover {
	background-color: var(--color);
}

.vehicleseattext {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsextrasmain {
	width: 100%;
	height: 49.5%;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0;
	position: absolute;
	top: 75%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
}

.vehiclemenusettingsextraslist {
	width: 100%;
	height: 100%;
	left: 50%;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.vehicleextras {
	position: relative;
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	text-align:center;
	margin-top: 2%;
	margin-bottom: 1%;
	margin-right: 1%;
	margin-left: 5%;
	z-index: 999999999;
}

.vehicleextras:hover {
	background-color: var(--color);
}

.vehicleextrastext {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain1 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 20%;
	left: 26%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain1:hover {
	background-color: var(--color);
}

.vehiclemenusettingsdoormain1text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain2 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 20%;
	left: 74%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain2:hover {
	background-color: var(--color);
}


.vehiclemenusettingsdoormain2text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain3 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 50%;
	left: 26%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain3:hover {
	background-color: var(--color);
}

.vehiclemenusettingsdoormain3text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain4 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 50%;
	left: 74%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain4:hover {
	background-color: var(--color);
}

.vehiclemenusettingsdoormain4text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain5 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 80%;
	left: 26%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain5:hover {
	background-color: var(--color);
}

.vehiclemenusettingsdoormain5text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingsdoormain6 {
	width: 42%;
	height: 25%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 80%;
	left: 74%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingsdoormain6:hover {
	background-color: var(--color);
}

.vehiclemenusettingsdoormain6text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingswindowmain1 {
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 30%;
	left: 26%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingswindowmain1:hover {
	background-color: var(--color);
}

.vehiclemenusettingswindowmain1text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingswindowmain2 {
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 30%;
	left: 74%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingswindowmain2:hover {
	background-color: var(--color);
}


.vehiclemenusettingswindowmain2text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingswindowmain3 {
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 70%;
	left: 26%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingswindowmain3:hover {
	background-color: var(--color);
}

.vehiclemenusettingswindowmain3text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettingswindowmain4 {
	width: 42%;
	height: 30%;
	background-color: rgba(0, 0, 0, 1.0);
	margin: 0;
	position: absolute;
	top: 70%;
	left: 74%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 9999999;
}

.vehiclemenusettingswindowmain4:hover {
	background-color: var(--color);
}

.vehiclemenusettingswindowmain4text {
	position: absolute;
	margin: 0;
	text-decoration: none;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 0.9vw;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.vehiclemenusettings-container {
	width: 25%;
	height: 25%;
	background-color: rgba(0, 0, 0, 0.7);
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999;
	display: none;
	border-bottom: 3px solid var(--color);
}

.closevehiclemenusettings {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 8%;
	left: 95%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 1.8626929217668973vw;
	color: #ffffff;
	text-align:center;
	font-family: BebasNeueBold;
	z-index: 999999999;
	width: 1.0vw;
	height: 1.0vw;
	filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
}

.vehiclemenusettingsmaintext {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 10%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 20px;
	color: var(--color);
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;
}

.vehiclemenusettingsmainscaletext {
	position: absolute;
	margin: 0;
	text-decoration: none;
	text-align: center;
	top: 25%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	font-size: 18px;
	color: #ffffff;
	text-align:center;
	font-family: Bahnschrift;
	font-weight: bold;
}

.scaleslidercontainer {
	position: absolute;
	margin: 0;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 3px solid var(--color);
	color: #ffffff;
	font-size: 35px;
	text-decoration: none;
	text-align: center;
	top: 40%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 999999;
	width: 60%;
	height: 12%;
	font-family: BebasNeueBold;
}

.scaleslider {
	-webkit-appearance: none;
	appearance: none;	
	position: absolute;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.0);
	color: #ffffff;
	font-size: 35px;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 999999;
	width: 85%;
	height: 40%;
	font-family: BebasNeueBold;
	outline: none;
}

.scaleslideline {
	-webkit-appearance: none;
	appearance: none;	
	position: absolute;
	margin: 0;
	background-color: rgba(255, 255, 255, 1.0);
	color: #ffffff;
	font-size: 35px;
	text-decoration: none;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 999999;
	width: 85%;
	height: 6%;
	font-family: BebasNeueBold;
	outline: none;
}

.scaleslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-color: var(--color);
}

.scaleslider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-color: var(--color);
}

input[type=range]:focus {
  outline: none;
}

#color-picker {
	font-family: BebasNeueBold;
	background-color: rgba(0, 0, 0, 1.0);
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
	text-align: center; 
	outline: none;
	border: none;
	border-bottom: 2px solid var(--color);
	z-index: 999999;  
}

.colorchanger {
	position: absolute;
	color: white;
	top: 60%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 1.0);
	overflow: hidden;
	z-index: 999999;  
	font-family: Bahnschrift;
	font-weight: bold;
	color: #ffffff;
	font-size: 50px;
	text-decoration: none;
	text-align: center;	
	outline: none;
	border: none;
}

.buttonvehiclemenusettingsreset {
	position: absolute;
	margin: 0;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 3px solid var(--color);
	color: #ffffff;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	text-align: center;
	top: 80%;
	left: 30%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	width: 35%;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.buttonvehiclemenusettingsreset:hover {
	background: var(--color);
	text-decoration: none;	
}

.buttonvehiclemenusettingssave {
	position: absolute;
	margin: 0;
	background-color: rgba(0, 0, 0, 1.0);
	border-bottom: 3px solid var(--color);
	color: #ffffff;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	text-align: center;
	top: 80%;
	left: 70%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 99999999;
	width: 35%;
	font-family: Bahnschrift;
	font-weight: bold;	
}

.buttonvehiclemenusettingssave:hover {
	background: var(--color);
	text-decoration: none;	
}

.full-screen {
  width: 100%;
  height:100%;
  display: flex;
  align-items: center;
}

*{
	font-family: BebasNeueBold;
}