#search-form { position:relative; width:100%; }

		#search-form button { font:16px/24px "Droid Sans", sans-serif !important;border:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#F4951B;color:#0E3246;font-weight:600 !important;transition:background .2s;text-transform:uppercase; }

			#search-form button:hover { background:#F4951B; }
			#search-form button span { display:block;font-size:14px; }

			label[for="sf_duration_0"],
			.order-third {
				order:3;
			}
			label[for="sf_duration_1"],
			.order-last{
				order:999;
			}
			label[for="sf_duration_3"] {
				order:4;
			}

		#search-form-container { min-height:90px;background:#fff;border-radius:5px;box-shadow:0px 3px 6px #00000029;display:grid;grid-template-columns:1.8fr 0.6fr; }

			.search-form-autocomplete-container { width:100%;display:flex;align-items:center;flex-wrap:wrap;flex:1 0 auto; }
				.search-form-autocomplete-selected { display:flex;flex-wrap:wrap; }
					.search-form-autocomplete-selected label { display:block;cursor:pointer;background:#e4e4e4;border-radius:5px;font-size:13px;padding:0 5px;margin:0 5px 5px 0; }
							.search-form-autocomplete-selected label i.close { display:none; }
						.search-form-autocomplete-selected label:hover { background:#f00;color:#fff; }
							.search-form-autocomplete-selected label:hover i.icon { display:none; }
							.search-form-autocomplete-selected label:hover i.close { display:inline-block; }
					.search-form-autocomplete-selected input { display:none; }

			.search-form-autocomplete { width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin:15px 0;border-right:1px solid #b4b4b4; }

				.search-form-autocomplete-input { display:flex;align-items:center;width:100%; }

					.search-icon { cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 0; }

					#cruiseappy-autocomplete { border:0;background:#fff;width:100%;font-size:15px; }
					#cruiseappy-autocomplete:focus { outline:none; }

				.search-form-autocomplete-options { position:absolute;top:100%;left:0;width:100%;z-index:9; }
					.search-form-autocomplete-options ul { margin:0;padding:0;list-style:none;max-height:400px;overflow:auto;background:#fff;box-shadow:0px 5px 6px #00000029; }
						.search-form-autocomplete-options li { padding:5px 10px;cursor:pointer; }
							.search-form-autocomplete-options li.selected,
							.search-form-autocomplete-options li:hover { background:#e4e4e4; }
							.search-form-autocomplete-selected label.item_cruiseline,
							.search-form-autocomplete-options li[data-type="cruiseline"] span {
								background-color: #0E3246;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_destination,
							.search-form-autocomplete-options li[data-type="destination"] span {
								background-color: #008b44;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_ship,
							.search-form-autocomplete-options li[data-type="ship"] span {
								background-color: rgb(163, 3, 51);
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_cruise_type,
							.search-form-autocomplete-options li[data-type="cruise_type"] span {
								background-color: #6b94dd;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_cruise_code,
							.search-form-autocomplete-options li[data-type="cruise_code"] span {
								background-color: #f90;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_cruise_reference,
							.search-form-autocomplete-options li[data-type="cruise_reference"] span {
								background-color: #f90;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_departport,
							.search-form-autocomplete-options li[data-type="departport"] span {
								background-color: #77262d;
								color: #fff;
							}
							.search-form-autocomplete-selected label.item_visitport,
							.search-form-autocomplete-options li[data-type="visitport"] span {
								background-color: #77262d;
								color: #fff;
							}
							.search-form-autocomplete-options li span {
								padding:2px 5px;
								text-transform: capitalize;
								border-right: 4px;
							}
							.search-form-autocomplete-options li span i{
								margin-right: 5px;
							}

			.search-form-item { cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px;margin:15px 0;border-right:1px solid #b4b4b4; }
				.search-form-item.last { border:0; }
				.search-form-item .fa-chevron-up { display:none; }

				.search-form-item.open .fa-chevron-down { display:none; }
				.search-form-item.open .fa-chevron-up { display:block; }

				.search-form-item p { margin:0;font-size:15px; }
				.search-form-item p span { display:block;font-size:80%;font-style:italic;color:#999; }


		#search-form-options { position:absolute;z-index:1001;margin-top:15px;width:100%;background:#fff;border-radius:5px;box-shadow:0px 3px 6px #00000029; }

			#search-form-close { display:none;position:absolute;top:-10px;right:-10px;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;font-size:25px;color:#F4951B;background:#fff;cursor:pointer; }

			#search-form-options button { display:none;width:100%; }

			.search-options-item { display:none;padding:20px; }
				.search-options-item.open { display:block; }

				.search-options-container { display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;grid-auto-rows:1fr;margin-bottom:10px; }

			.search-options-item label { display:flex;align-items:center;justify-content:space-between;background:#e4e4e4;padding:15px;min-height:80px;border-radius:5px;cursor:pointer;transition:all .2s; }


				.search-options-item label.waiting { opacity:0.7;pointer-events:none; }

			.search-options-item label.more { display:none; }

			.search-options-container.more { max-height:400px;overflow:auto; }
				.search-options-container.more label.more { display:flex; }

			.search-options-item label:hover,
			.search-options-item label.checked { background:#F4951B;color:#fff; }

			.search-options-item label i { opacity:0;transition:opacity .2s; }
			.search-options-item label.checked i { opacity:1; }

			.search-options-item label.disabled,
			.search-options-item label.disabled:hover { background:#e4e4e4;color:#ccc;opacity:0.5;cursor:default; }
			.search-options-item label.disabled.checked i { opacity:0; }

				.search-options-item label input { display:none; }

			/* DEPART DATES */
			.search-options-container.calendar-view { grid-template-columns:1fr 1fr 1fr;grid-column-gap:30px;grid-auto-rows:unset; }
				.search-options-container .year-group {  }
				.search-options-container .month-group { display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;grid-auto-rows:1fr; }

				.search-options-container .month-group label { padding:10px;min-height:unset; }

			/* SHOW MORE / LESS */
			.search-options-more { width:100%;text-align:center; }
				.search-options-more span { cursor:pointer;display:inline-block;padding:10px 30px;font-weight:700;border-radius:5px; }
				.search-options-more span:hover { background:#e4e4e4; }
				.search-options-more span.show-less { display:none; }

#search-form-overlay { position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transition:all .2s; }



@media (max-width: 1120px) {

    #quick-search-section { margin-top:-85px; }
	#search-form-container,
	.search-options-container,
	.search-options-container.calendar-view { grid-template-columns:1fr;/*grid-auto-rows:1fr;*/ }

	#search-form-options { top:0; }
		#search-form-options.open {  }
		#search-form-options.open #search-form-close { display:flex; }
		#search-form-options.open button { display:block; }

	.search-form-item,
	.search-form-autocomplete { border-right:0;border-bottom:1px solid #e4e4e4;padding:16px;margin:0; }
	.search-options-item { padding:15px 15px 0; }

	.search-options-container { max-height:400px;overflow:auto; }
	.search-options-item label { min-height:unset; }
	.search-options-item label.more { display:flex; }
	.search-options-more { display:none; }

	#search-form button { width:calc(100% - 32px);padding:10px 18px;border-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:6px 16px 16px 16px;font:normal normal 600 14px/19px Open Sans!important;color:#0E3246;text-transform:uppercase;text-align:left; }
	#search-form-overlay.open { opacity:1;visibility:visible; }

   #search-form-container { grid-template-columns:1fr;background-color:#fff;border-radius:0; }
      #search-form-container .search-form-item { background-color:#fff; }

}