#map {
	height: 100%;
}
.container {
	font-family: "Bosch Sans", serif !important;
	font-weight: normal;
}

.rb-map {
	height: 500px;
	min-height: 450px;
	width: 100%;
}
.img-icon {
	max-height: 50px;
	max-width: 50px;
}
.rb-map-background {
	background: var(--bosch-light-grey);
	height: 64px;
}
.rb-map-input {
	margin-bottom: 15px;
	border-top: none;
	border-left: none;
	border-right: none;
	background: var(--bosch-dark-grey);
	border-bottom: 1px solid var(--bosch-black);
	width: 100% !important;
	height: 48px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	font-family: "Bosch Sans", serif;
}

.rb-map-input:focus {
	background-color: white;
	transition: .5s;
	border: 1px solid var(--bosch-light-grey);
	outline: none;
}

/* additional entries for Marker List  ------------- */
.rb-marker-list {
	text-align: left;
	background-color: white;
	border-bottom: solid 1px var(--bosch-dark-grey);
	color: var(--bosch-dark-blue);
	width: 100%;
}
.rb-marker-list-height {
	height: 450px;
	overflow: scroll;
	width: 100%;
}
.rb-marker-entry {
	background-color: white;
	border-bottom: solid 1px var(--bosch-dark-grey);
	color: var(--bosch-dark-blue);
	font-size: 12px;
	width: 100%;
}


.rb-infowindows-entry {
	background-color: white;
	color: var(--bosch-dark-blue);
	font-size: 12px;
	width: 100%;
}


.rb-distance-entry { 
	font-size: 12px;	
	vertical-align: center!important;
	align-items: center!important;
}

.rb-marker-entry:hover {
	background-color: var(--bosch-dark-blue);
	color: white;
}
.rb-marker-entry:hover > a {
	color: white;
}

.rb-marker-logo {
	background-color: white;
	border-bottom: solid 1px var(--bosch-dark-grey);
	color: var(--bosch-dark-blue);
	width: 100%;
}

.rb-marker-image {
	vertical-align: center;
	height: 40px;
}

.container-washes {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.dropdown {
	position: relative;
	display: inline-block;
}
.filter-title{

	font-family: Bosch Sans, serif;
	font-size: 14px;
	padding-bottom: 10px;
	font-weight: bold !important;
}
.route-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.route-link img {
	margin-right: 5px; /* Adiciona um espaço entre a imagem e o texto */
}
.route-link span {
	margin-top: 5px; /* Adiciona um espaço entre a imagem e o texto */
}
input[type="text"] {
	padding-left: 10px; /* Ajuste este valor conforme necessário */
}
@media (min-width: 900px) {
	.dropdown-menu {
		label {
			margin-left:-20px;
			font-family: "Bosch Sans", serif !important;
			font-size: 16px;
			line-height: 24px;
			font-weight: 700;
		}


		display: none;
		position: absolute;
		left: 50%;
		width: 320px;
		transform: translateX(-10%) translatey(15%);
		background-color: #ffffff;
		padding: 20px 20px;
		z-index: 1;
	}

	.dropdown-menu::before {
		content: "";
		position: absolute;
		top: -10px; /* Ajuste conforme necessário */
		left: 10%;
		transform: translateX(50%) rotate(45deg);
		width: 20px;
		height: 20px;
		background-color: #ffffff !important;
	}

	.dropdown-icon {
		cursor: pointer;
		user-select: none;
	}

	.show {
		display: block;
	}
}
@media (max-width: 899px) {
	.dropdown-menu {
		label {
			margin-left:0;
			font-family: "Bosch Sans", serif !important;
			font-size: 16px;
			line-height: 24px;
			font-weight: 700;
		}


		display: none;
		position: absolute;
		left: 50%;
		width: 320px;
		transform: translateX(5%) translatey(15%);
		background-color: #ffffff;
		padding: 20px 20px;
		z-index: 1;
	}

	.dropdown-menu::before {
		content: "";
		position: absolute;
		top: -10px; /* Ajuste conforme necessário */
		left: 10%;
		transform: translateX(50%) rotate(45deg);
		width: 20px;
		height: 20px;
		background-color: #ffffff !important;
	}

	.dropdown-icon {
		cursor: pointer;
		user-select: none;
	}

	.show {
		display: block;
	}
}


.container-washes img {
	right: 25px;
	bottom: 25px;
	position: absolute;
}

.container-washes span {
	position: absolute;
	right: 14px; /* Distância do lado direito da div */
	bottom: 5px; /* Distância do topo da div */
}

.custom-checkbox {

	display: inline-block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 16px;
	user-select: none;
}

/* Esconde o input checkbox */
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Cria um quadrado para substituir a aparência do checkbox, ajustando a cor de fundo */
.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 24px;
	width: 24px;
	background-color: #71767C; /* Cor de fundo corrigida */
	border-radius: 0; /* Garante bordas quadradas */
}

/* Modifica a cor de fundo do quadrado quando o checkbox está marcado */
.custom-checkbox input:checked ~ .checkmark {
	background-color: #007bc1;
}

/* Estilo para o ícone dentro do quadrado quando marcado (opcional) */
.custom-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
	display: block;
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}
.checkbox-custom:checked + label:after {
	position: absolute;
	left: 5px;
	top: 2px;
	font-size: 20px;
	color: #fff;
}

/* ------------------------------------------------- */