.bookPanelHolder
{
	background-color:#C7EAFB;
	border:2px solid #44C8F5;
	text-shadow:1px 1px #FFFFFF;
	font-size:14px;
	margin-bottom:15px; 
	margin-top:10px;
	border-bottom-right-radius: 50px;
	background-image:url(../images/BookingTopper.png);
	background-repeat: no-repeat;
}
.bookPanelHolder .input-group
{
	padding-left:0px;
	padding-right:0px;

}
.bookPanelHolder label
{
	padding:0;
}
.bookPanelHolder select, .bookPanelHolder input
{
	font-size:11px;
}
.bookPaneHeader
{
	
	height:60px;
}
.bookPaneHeader h3
{
	color:#FFF !important;
		padding-left:20px;
	padding-top:5px;
	font-weight:normal;
	text-shadow: 1px 1px #555;
	font-size: 30px;
	
}


.bookPaneHeader {
  
  display: inline-block;
    margin-left: 0;
  margin-top: 0;
    position: relative;
    width: 100%;
	padding:0;
	  }
.infoSection
{
	padding-bottom:15px;
		margin-left:10px;
	margin-right:10px;
}
.trems-displaygroups
{

}
.tourOptionSection
{
		margin-left:10px;
	margin-right:10px;
		
	padding-bottom:5px;
}
.tourOptionSection .row
{
	margin-left:0px;
	margin-right:0px;
}
.tourOptionSection .radio
{
	margin-left:25px;
	margin-right:0px;
}
.tourOptionSection .radio label
{

	padding-bottom:10px;
}
.tourOptionSection .radio.has-success label.normalColour
{
		color:#5C5C5C !important;
}

.badge
{
	text-shadow:none;
	font-size:10px;
	padding-left:0;
	padding-right:0;
}

.cat-subhead
{
	background-color:#44C8F5;
	color:white;
	    text-shadow: 1px 1px #000;
}
.cat-badge
{
	width:25px;
}
.btn-group-xs>.btn, .btn-xs
{
	font-size:7px;
		
}
.bookPanelPriceSection
{
	margin-left:10px;
	margin-right:10px;
	padding-bottom:5px;
}
.bookPanelTotalPrice
{
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.bookPanelAddToBasket
{
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
		padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
label.ticketType
{
	font-weight:normal;
}
.ticketTypePrice
{
	text-shadow:none;
	font-weight:bold;
}
button:disabled.bookingPanelButton
{
	background-color:#E7F1CD;
}
button:disabled.bookingPanelButton:hover
{
	color:#FFF;
}
button.bookingPanelButton
{
	text-transform:uppercase;
	background-color:#C9DF88;
	width:100%;
	border-radius:0;
	color:white;
	font-weight:bolder;
	border-bottom-right-radius: 50px;
}
button.bookingPanelButton:hover
{
	color:#DDD;
}

.moreInfoBadge
{
	width:20px;
}
.ui-datepicker
{
font-family: lato, sans-serif;
	font-size:20px;
	color:#5C5C5C;

}


.bookingPanelNumberSelector
{
	padding-right:0px;
}
.ui-widget-header
{
	background-color:#C9DF88;
	background-image:none;
}
select.ui-datepicker-month, select.ui-datepicker-year{  
display: block;
  width: 50% !important;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px !important;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight:normal;
  float:left;
  padding-right:5px;
  
  }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
 {
	 border:0;
	 background-color:transparent;
	 background-image:none;
	 font-size:14px;
 }
 .ui-datepicker th
 {
	 font-size:15px;
	 text-transform:uppercase;
 }
  .ui-datepicker-current-day
  {
	  border:1px solid #CCC !important;
  }
 .ui-datepicker-current-day a.ui-state-active
 {
	 color:#C9DF88;
	 font-weight:bold;
 }
 .ui-datepicker-prev.ui-state-hover,  .ui-datepicker-next.ui-state-hover
 {
	 background-color:#F6FAEC !important;
	 background-image:none;
	 border:0;
	 
 }
 @media (max-width: 768px) {

#ui-datepicker-div
 {
	 left:0 !important;
	 width:100% !important;
 }
 .bookPaneHeader
{
	height:auto;
	margin-bottom:0;
}
.bookPaneHeader h3
{
	padding-top:5px;
}
 }
.form-control 
{
	z-index:0 !important;
}
.bookPanelHolder .form-group select.form-control
{
border-radius: 5px;
}