/* TOUR DEALS SEARCH WIDGET */

#tourDealsTopDiv {}

#tourDealsForm {
	padding: 10px 25px;
	background-color: rgba(22, 40, 50, 0.95);
	box-shadow: 5px 5px 12px #999;
	border: 1px solid transparent;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

#tourDealsForm .row .col-12 {
  	padding-left: 0;
  	padding-right: 0;
}

#tourDealsForm .brand {
	text-align: center;
	margin: 15px auto;
}

#tourDealsForm p {
	color: #a1ca69;
	text-align: left;
	margin-bottom: 20px;
	font-size: 18px;
	display: none;
}

#tourDealsForm .dropdown  {
	margin-bottom: 15px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 12px;
}

#tourDealsForm .dropdown .btn.show {
	border: 1px solid #6b9e41;
}

#tourDealsZones .dropdown,
#tourDealsLengths .dropdown {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#tourDealsCountries .dropdown,
#tourDealsPrices .dropdown {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#tourDealsDepartures .dropdown {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#tourDealsForm .dropdown-menu {
	background-color: #FFF;
	padding: 5px 15px;
	width: 100%;
	margin-top: 8px;
	border: none;
	border-radius: 4px;
	left: 0;
}

#tourDealsForm ul.dropdown-menu {
	padding: 0;
}

#tourDealsForm .dropdown-menu > li > a {
	padding: 5px 15px;
	color: #333;
	font-size: 15px;
	white-space: normal;
}

#tourDealsForm .dropdown-menu > li > a:hover {
	background-color: #DCDCDC;
}

#tourDealsForm .dropdown-menu .btn[disabled] {
	opacity: .85;
}

#tourDealsForm .dropdown .btn {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: end;
	border: none;
}

#tourDealsForm .dropdown .btn label {
	/* width: 95%; */
	float: left;
	cursor: pointer;
}

#tourDealsForm input {
	margin-right: 8px;
}

#tourDealsForm input[type="radio"] {
  	display: none;
}

#tourDealsForm label {	
	color: #666;
	font-weight: normal;
	margin-bottom: 0;
	white-space: nowrap;
}

#tourDealsForm .checkbox, 
#tourDealsForm .radio {
	font-size: 18px;
}

#tourDealsForm .checkbox {
	margin-bottom: 8px;
}

#tourDealsForm .checkbox:hover, 
#tourDealsForm .radio:hover {
	background-color: rgba(29, 65, 85, 0.1);
}

#tourDealsForm .radio label {
	width: 100%;
	padding: 2px 5px;
	margin-bottom: 5px;
}

#tourDealsForm .radio label:hover {
	color: #333;
	cursor: pointer;
}

#tourDealsForm .img-fluid {
	/* max-width: 190px; */
	max-width: 140px;
}

#tourDealsSearch {
	/* text-align: center; */
	text-align: left;
}

.tourdeals-search-button {
	width: 100%;
	background-color: #6b9e41;
	color: #FFF;
	text-transform: uppercase;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border:1px solid #FFF;
	font-size: 20px;
	padding: 10px 20px 9px;
	margin-bottom: 10px;
	border-left: none;
}

.tourdeals-search-button:hover {
	background-color: #63913c;
}

.dropdown-zones-content ul {
	list-style: none;
	padding: 0;
}

#tourDealsCountriesButton, #tourDealsDeparturesButton {
	max-height: 300px;
	overflow-y: scroll;
}

/* MEDIA QUERIES */
@media only screen and (max-width:575px){
	#tourDealsForm .dropdown {
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	
	.tourdeals-search-button {
		border-left: 1px solid #fff;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	#tourDealsCountries .dropdown {
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	} 
	
	#tourDealsDepartures .dropdown,
	#tourDealsPrices .dropdown {
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	#tourDealsLengths .dropdown {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
}

@media only screen and (max-width:991px){
	#tourDealsForm {
		padding-left: 15px;
		padding-right: 15px;
	}
}