@charset "utf-8";
/* Booking Engine CSS YellowFishTransfers */


/* TRANSFER SELECTION MENU */

#trf-select {
	margin: 4em auto .75em;
}
#trf-select a {
	color: #fff;
	font-size: 90%;
	font-weight: 700;
	text-decoration: none;
}
#trf-select a.active,
#trf-select a:hover{color: #FEE00D}

@media (max-width: 991.98px) {
	#trf-select {margin: 100px auto 0}
	#trf-select {
		background-color: rgba(112,112,112, 0.7);
		border-radius: 5px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	#trf-select h2 {font-size: 22px}
	#trf-select .active {background: rgba(255,255,255,.9)}
	#trf-select .active a {background: none; color: #0069B4}
}

/* AIRPORT BOOKING FORM */

#book-engine a, #golf-booking a {
	font-size: 80%;
	text-decoration: none;
	transform: translateY(-200%);
}
#book-engine .form-control, #book-engine .input-group-text {background: #fff}
#book-engine .input-group-prepend img {
	height: 28px;
	width: auto;
	min-width: 32px;
}
#book-engine input {font-size: 80%}
#book-engine input:focus {box-shadow: none}
#book-engine .btn-success {width: 150px}

@media (min-width: 992px) {
	#book-engine .input-group > .form-control  {width: 8%}
	#book-engine .input-group-prepend img.sep-l {
		border-left: 1px solid #ccc;
		padding-left: 15px;
	}
	#book-engine .form-control {border-radius: 0}
	#book-engine .input-group-prepend:not(.br-left) span {border-radius: 0}
	#book-engine .form-control, #book-engine .input-group-text {
		border: none;
		padding: 0 .2rem 0 .3rem;
	}
}
@media (min-width: 1200px) {
	#book-engine .btn-success {width: 180px}
}
@media (max-width: 991.98px) {
	#book-engine {
		background: rgba(255,255,255,.9);
		border-radius: 4px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding: 15px 15px 5px;
		position: relative;
	}
	#book-engine .input-group{margin-bottom: 10px}
	#book-engine .input-group-prepend {
		border-right: 0;
		margin-right: -2px;
	}
	#book-engine .form-control {
		border-left: 0;
		text-align: center;
	}
	#passenger-container .form-control {
		border-top-left-radius: 0;
		border-bottomp-left-radius: 0;
		display: block;
		transform: translateX(-2px);
	}
	#book-engine .btn-success {border-radius: 4px}
}

::placeholder {
	color: #707070;
	font-size: 85%;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #707070;
	font-size: 14px;
}
::-ms-input-placeholder {
	color: #707070;
	font-size: 14px;
}

.book-home-label {
	font-size: medium;
	padding-left: 10px;
	background: white;
	text-align: center;
	color: #5f676f;
	padding-top: 5px;
	font-weight: bold;
	font-size: 80%;
}

/* POPUP FOR NUMBER OF PEOPLE SELECT*/

.popover-markup .form-control, .popover-markup .input-group-text  {
	cursor: pointer;
	height: auto;
}
.input-group-prepend{
	height: 100%;
}
.popover{
	border: none;
	width:120%;
	border-bottom: 8px solid #FEE00D;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.popover-markup label{padding:0px}
.popover-body {
	font-size: 120%;
}
.popover input[type="text"] {
	background: #fff;
	border: none;
	font-size: 120%;
}
.popover i {opacity: .4}
.popover i:hover {opacity: .8}


/* GOLF BOOKING FORM */
#region-select {border-radius: 4px}
#region-select p {font-size: 70%}
#golf-booking {}
/* #golf-booking .input-group {width: auto}  */
#golf-booking .form-control, #golf-booking .input-group-text {background: #fff}
#golf-booking .input-group-prepend {margin-right: 0px}
#golf-booking .input-group-prepend img {
	height: 28px;
	width: auto;
	min-width: 32px;
}
#golf-booking input {font-size: 80%}
#golf-booking input:focus {box-shadow: none}
#golf-booking select {
	font-size: 80%;
	height:auto;
}
#golf-booking select:focus {box-shadow: none}
#golf-booking .btn-success {width: 150px}
#golf-booking .btn-success, #golf-booking .btn-add {height: 48px}
#golf-booking .btn-remove, #golf-booking .btn-add {
	background-color: #D8E0E7;
	color: #707070;
}
/* #golf-booking .btn-remove {width: 150px} */
#golf-booking .btn-remove {width: 200px}
#golf-booking .btn-light {
	background-color: #fff;
	color: #C2C2C1;
	font-weight: bold;
}
#golf-booking .btn-light.active, #golf-booking .btn-light:hover, #golf-booking .btn-light:active {
	background-color: #fff !important;
	box-shadow: none;
	color: #00406E !important;
}
#golf-booking .btn img {
	height: 16px;
	width: auto;
}

@media (min-width: 992px) {
	#golf-booking .input-group > .form-control  {background: #fff}
	#golf-booking .input-group-prepend img.sep-l {
		border-left: 1px solid #ccc;
		padding-left: 15px;
	}
	#golf-booking .form-control,
	#golf-booking .input-group-prepend:not(.br-left) span {border-radius: 0}
	#from-select #promocode {
		border-radius: 4px;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	#golf-booking .form-control, #golf-booking .input-group-text {
		border: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	#region-select {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
}

@media (min-width: 1200px) {
	#golf-booking .btn-success,
		/* #golf-booking .btn-remove {width: 200px} */
	#golf-booking .btn-remove {width: 260px}
}
@media (max-width: 991.98px) {
	#golf-booking {
		background: rgba(255,255,255,.9);
		border-radius: 4px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding: 15px 15px 5px;
		position: relative;
	}
	#golf-booking .input-group {margin-bottom: 10px}
	#golf-booking .input-group-prepend {
		border-right: 0;
		margin-right: -2px;
	}
	#golf-booking .form-control {
		border-left: 0;
		text-align: center;
	}
	#golf-booking .form-control {
		border-top-left-radius: 0;
		border-bottomp-left-radius: 0;
		display: block;
		transform: translateX(-2px);
	}
	#golf-booking .btn-success, #golf-booking .btn-remove {border-radius: 4px !important}
}