/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#slider-range{
		width: 93% !important;
	}
}

body{
    background-color: #38312d;
}

/*

#spaLeisureSidebar legend{
	width: 168px;
}

#slider-range{
	width:initial !important;
}

#spaLeisureSidebar:nth-child(2) table{
	width:213px;
}

.fieldsetInput input{
	width: 168px;
}*/

#spaLeisureSidebar, #SpaDayLeisureItemsSummaryTableSurround, #voucherInputArea, #ConfirmationPage, .VoucherCodeLabel{
	color:white;
}

#spaLeisureSidebar legend, #SpaDaysBookedLabel{
	color: white;
}

#spaLeisureSidebar{
	width: initial;
	min-width: initial;
}

#searchButton, #sideBookBtn, #spaLeisureSidebar table{
	width: 100%
}

.fieldsetInput input{
	width: 100%;
}

#slider-range{
	width: 97%;
    margin-left: 9px;
}

.priceRangeRow td{
	padding-bottom: 10px;
}

.cancellationPolicySurround input{
	position: relative;
    top: -3px;
    left: -5px;
}

.spaDayImageCol{
	padding-left: 0px;
	padding-top: 0px;
    padding-right: 0px;
}

.ViewCancellationPolicies, .cancellationPolicySurround{
    font-size: 78%;
}

.spaDaySurround > div:not(.spaDayImageCol){
	padding-left: 0px;
}

#BookingDateTextbox{
	height: 26px;
}

#NumAdultsTextbox{
	position: relative;
    top: -2px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    border: none !important;
    border-radius: 5px !important;
}

.ui-button-text-only .ui-button-text, #searchButton {
    padding: .4em 1em;
   /* background: #dc4a38;*/
    background: #56b9d8;
    border: none;
/*    border: 2px solid #dc4a38;*/
    border: 2px solid #56b9d8;
    box-shadow: none;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 700;
    font-family: 'Helvetica';
    transition: all 0.5s ease;
}

#bookBtn, #therapistPrefArea{
	display: none;
}

.spaDayImage{
	   text-align: center;
}

.fieldsetLabel{ width:100px; }

.therapistPrefArea{
	display: none;
}

#confirmGuest, #confirmGuestBack{
 	background-color: #56b9d8;
}

#loginlink{

}

input.cancellationPolicyCheckBox[type=checkbox] {
    margin-left: 0px;
}

#ConfirmationPageSummary{
	padding-top: 20px;
}

#sideBookBtn{
	margin-top: 10px;
}

.depositHeader, .priceHeader{
	text-align: right;
}

#spaLeisureSidebar fieldset:nth-child(2){
	display: none;
}







/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#slider-range{
		width: 93% !important;
	}
}

@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed&display=swap');

@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed&display=swap');

body{
    background-color: #fff;
	font-family: Encode Sans Condensed, sans-serif;
}
label, select{
	font-family: Encode Sans Condensed, sans-serif;
}

/*

#spaLeisureSidebar legend{
	width: 168px;
}

#slider-range{
	width:initial !important;
}

#spaLeisureSidebar:nth-child(2) table{
	width:213px;
}

.fieldsetInput input{
	width: 168px;
}*/

#spaLeisureSidebar, #SpaDayLeisureItemsSummaryTableSurround, #voucherInputArea, #ConfirmationPage, .VoucherCodeLabel,
#SearchMessage, #guestWelcomeLabel, #yourDetailsLbl, #PaymentDetailsArea, #amountAndDepositDueArea, #noAvailabilityMessage
{
	color:#4d4d4d
}

#spaLeisureSidebar legend, #SpaDaysBookedLabel{
	color: #4d4d4d
}

#spaLeisureSidebar{
	width: initial;
	min-width: initial;
}

#searchButton, #sideBookBtn, #spaLeisureSidebar table{
	width: 100%
}

.fieldsetInput input{
	width: 100%;
}

#slider-range{
	width: 97%;
    margin-left: 9px;
}

.priceRangeRow td{
	padding-bottom: 10px;
}

.cancellationPolicySurround input{
	position: relative;
    top: -3px;
    left: -3px;
}

.spaDayImageCol{
	padding-left: 0px;
	padding-top: 0px;
    padding-right: 0px;
}

.ViewCancellationPolicies, .cancellationPolicySurround{
    font-size: 78%;
}

/* .spaDaySurround > .spaDayfooter{ */
	/* padding-left: 0px; */
/* } */

#BookingDateTextbox{
	height: 26px;
}

#NumAdultsTextbox{
	position: relative;
    top: -2px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    border: none !important;
    border-radius: 0px !important;
}

.ui-button-text-only .ui-button-text, #searchButton {
    padding: .4em 1em;
   /* background: #dc4a38;*/
    background: #363636;
    border: none;
/*    border: 2px solid #dc4a38;
    border: 2px solid #56b9d8;*/
    box-shadow: none;
    /*border-radius: 5px;*/
    text-transform: uppercase;
    font-weight: 400;
    font-family: Encode Sans Condensed, sans-serif;
   	transition: all .3s ease-in-out;
}

#bookBtn, #therapistPrefArea{
	display: none;
}

.spaDayImage{
	   text-align: center;
}

.fieldsetLabel{ width:90px; }

.therapistPrefArea{
	display: none;
}

#confirmGuest, #confirmGuestBack{
 	background-color: #56b9d8;
}

#loginlink{

}

/* input.cancellationPolicyCheckBox[type=checkbox] { */
    /* margin-left: 0px; */
/* } */

#ConfirmationPageSummary{
	padding-top: 20px;
}

#sideBookBtn{
	margin-top: 10px;
}

.depositHeader, .priceHeader{
	text-align: right;
}

#spaLeisureSidebar fieldset:nth-child(2){
	display: none;
}

#spaLeisureSidebar .noOfAdults.fieldsetRow{
	display: none;
}

.deleteTreatmentBookingBtn span
{
	background-color: red;
}

.deleteTreatmentBookingBtn.ui-button-text-only .ui-button-text {
    background: #d74031;
    border: 2px solid #d74031;
}


.ui-button.ui-widget,
.ui-button.ui-widget .ui-button-text
{
	border-radius: 0px;
}

#UserDetailsSurround .expandingelement,
#PaymentDetailsArea #CardDetailsSurround
{
	background-color: #504641;
}

/* Hide additional treatment section */
div.additionalButtonsArea .AddAdditionalTreatmentIcon,
div.additionalButtonsArea .AddAdditionalTreatmentText  {
	/* Hide the "Add additional treatment" link" */
	display: none !important;
}

/* Hide additional treatment/restaurant booking section*/
.additionalButtonsArea,
table.SpaDaySubTotalSummary tbody tr:not(.packageElementSummaryRow) {
	display: none;
}

table.SpaDaySubTotalSummary thead {
	visibility: hidden;
}
/* Hide additional treatment/restaurant booking section*/


#BookingLinksText{
	margin-left: 0;
}




/*new styling*/
div.spaDaySurround{
	background: #ccc5b3 !important;
	color: #4d4d4d;
	border-radius: 0;
}



/*input boxes and dropdowns*/
/*
input:not(#s):not(.btn), select, textarea, textarea#guestDetailsAddNoteInputTextArea{
	background-color: #fff ;
	border-radius: 4px ;
	border: 1px solid #ccc5b3 ;
}
input:not(#s)[type="text"],input:not(#s)[type="email"],
input:not(#s)[type="password"],input:not(#s)[type="number"]{
	background-color: rgba(204, 197, 179,0.25) ;
	border: 1px solid #ccc5b3 ;
}
input.invalid:not(#s)[type="text"],input.invalid:not(#s)[type="email"],
input.invalid:not(#s)[type="password"],input.invalid:not(#s)[type="number"]{
	border: 1px solid #ff0000 ;
}
*/
	input.GuestEntryMediumBox:not(.ui-state-error), input.GuestEntrySmallBox:not(.ui-state-error){
		background-color: rgba(204, 197, 179,0.25) !important;
		border: 1px solid #ccc5b3  !important;
		border-radius: 4px !important;
		color: #4d4d4d !important;
		font-size: 15px !important;
		padding: 4px;
		width: 100%;
		margin-bottom: 4px;
		height: 31px;
	}
	/*select dropdowns*/
	input#BookingDateTextbox, select.ui-widget:not(.ui-state-error) {
		background-color: #fff !important ;
		border-radius: 4px  !important;
		border: 1px solid #ccc5b3  !important;
		color: #4d4d4d !important;
		
	}
	select:not(.ui-state-error){
		padding: 4px !important;
		font-size: 15px !important;
	}
	
	imput::selected{
		color: lightblue;
	}
	

	/*buttons*/
input.ui-button[type="submit"], input[role="button"], button[role="button"], .ui-button, button.ui-state-default, .slidesjs-navigation div, a#loginlink, a#logoutlink{
	font-family: Encode Sans Condensed, sans-serif !important;
	font-size: 16px  !important;
	font-weight: 400  !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	background-color: #363636 !important;
	border-radius: 0 !important;
	border: none !important;
	background-image: none !important;
}
a#loginlink{
	padding: 4px 8px;
}
 a#logoutlink{
	 padding: 6px 10px !important;
 }
	/*restaurant calendar buttons*/
	#AvailabilityCheckingBlock .ui-datepicker-calendar td, #AvailabilityCheckingBlock .ui-datepicker-calendar td span.ui-state-default{
		background-color: #fff !important;
		color: #4d4d4d !important;
	}
	#AvailabilityCheckingBlock .ui-datepicker-calendar td.ui-state-disabled{
		color: #ccc !important
	}
	.addTreatmentBookingBtn, .deleteTreatmentBookingBtn {
		/*float: left;*/
		margin-top: 10px;
	}

input:not(.ui-state-disabled)[type="submit"]:hover, input[role="button"]:hover, button[role="button"]:hover, .ui-button:hover, button.ui-state-hover, .slidesjs-navigation div:hover
a#loginlink:hover, a#logoutlink:hover{
	background-color: #ccc5b3 !important;
	color: #363636 !important;
	transition: all .1s ease-in-out;
	background-image: none !important;
}
.ui-button-text{
	background-color: transparent !important ;
	text-transform: uppercase ;
}
#SpaBookingPage p.bookButton{
	border: 1px solid #363636 !important;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-button-text{
	display: none;
}
.SubGroupItemsAccordionArea .timeButtons{
	margin-top: 12px !important;
	color: #504641;
}
.SubGroupItemsAccordionArea .timeButtons button{
	margin-left: 0 !important;
}
.deleteTreatmentBookingBtn  span{
	border: none !important;
}
#printConfirmationButton span{
	padding-top: 10px;
	padding-bottom: 8px;
}
.
/*---------------------fonts------------------*/
/*title headers*/
h4{
	font-family: Encode Sans Condensed, sans-serif !important;
}
h3{
	font-family: Encode Sans Condensed, sans-serif;
	font-size: 20px !important;
	color: #4d4d4d;
}
#guestWelcomeLabel{
	font-family: Encode Sans Condensed, sans-serif !important;
	margin-right: 12px;
}
#guestWelcomeLabel:hover{
	text-decoration: none;
	cursor: initial;
}
/*secondary headers*/
div.container h3{
	color: #4d4d4d;
}
#yourDetailsLbl, #PaymentDetailsArea::first-line{
	font-size: 18px !important;
	font-weight: 700 !important;
	display: inline-block;
	margin-bottom: 15px;
}
#CardDetailsSurround{
	margin-top: 15px;
}
.ui-dialog-title{
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #4d4d4d;
}
#instructions, #resetPassword, #resetPasswordErrMessage{
	font-family: Encode Sans Condensed, sans-serif;
	color: #4d4d4d;
	font-size: 18px
}
/*sentence text*/
#cancellationPolicyDialog, div.caption, #LabelSeats span, #LabelSession span, #surround span.Label, .SubGroupItemsAccordionArea .descriptionArea,
#InputFieldNotes, #guestList .guestCheckboxNameLabel, #guestList .guestAvailabilityText, #PaymentErrors, #logout-modal{
	font-family: Encode Sans Condensed, sans-serif;
	color: #4d4d4d;
	font-size: 16px;
}
div.caption{
	font-size: 16px;
}
.ui-widget{
	font-family: Encode Sans Condensed, sans-serif;
}
/*input box headers*/
div.GuestEntryLabel, div#guestListSurround a, label.guestCheckboxLabel, #bookedSpaDays-modal table tr,#bookedTreatments-modal,#loginControls span{ 
	font-family: Encode Sans Condensed, sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	color: #4d4d4d;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	color: #4d4d4d !important;
}
.ui-datepicker-calendar th{
	font-size: 14px !important;
	color: #4d4d4d !important;
}
#SpaWrapperHeaderImageArea{
	display: none !important;
}
.individualSpaDaySurround{
	margin-bottom: 15px !important;
} 

/*------------others---------------*/
::-moz-selection { background: lightblue !important; }
::selection { background: lightblue !important; }
#engineInnerArea{
	margin-top: 3%;
	padding-bottom: 20px;
}
#spaLeisureBackButtons,
#leisureBackButtons{
	display: none
}
#UserDetailsSurround .expandingelement, #PaymentDetailsArea #CardDetailsSurround{
	background-color: #fff !important;
}
select#leadGuestSelect{
	height: 31px;
	width: 100%;
}
input.cancellationPolicyCheckBox[type=checkbox]{
	height: 16px;
	width: 16px;
	top: 0;
}
#floating-arrow-right{
	top: 0;
	right: 0;
}
#addNewGuestButton{
	margin-top: 12px;
}
#floating-arrow-left{
	top: 0;
	left: 0;
}
.ui-dialog{
	border: 1px solid #b5afa0;
}

.ui-dialog-titlebar, .ui-dialog, .ui-dialog-buttonpane, .ui-widget-content {
	background: #fff;
	background-image: none;
	color: #4d4d4d;
}
.ui-dialog-titlebar{
	border: none;
	border-bottom: 1px solid #ccc5b3;
}
.ui-dialog-buttonpane{
	border: none;
	border-top: 1px solid #ccc5b3;
}

div.slidesjs-container{
	margin-bottom: 8px;
}
#AvailabilityCheckingBlock  .ui-datepicker-header, .ui-widget-header,.ui-widget-content,
#idForm, #idForm[name="verifonePaymentForm"] {
	background-color: #fff !important;
}
.ui-datepicker .ui-state-active{
	background-color: #7fc1b9 !important;
	background-image: none !important;
	
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	background-image: none !important;
	background-color: #000000 !important;
}
.row div select.cardDateInput.year, .row div select.cardDateInput.month{
	width: 50% !important;
}
textarea#InputFieldNotes{
	background-color: #fff
}

div#content{
	width: 100% !important;
	padding: 0 !important;
}
div#layout{
	/* margin: 0 !important; */
	/*margin-top: 5% !important;*/
	width: 100% !important;
}
footer#footer{
	width: 100% !important;
	background-color: #363636 !important;
}
#header{
	min-height: 55px !important;
}
/* #headerwrap{ */
	/* background-color: #252525 !important; */
/* } */
#header nav{
	background: transparent !important;
}
#header .top-logo img:not(.fixed-image){
	height: 37px !important;
	width: 120px !important;
	opacity: 1 !important;
	position: relative;
	top: -52px;
}
/* body:not(.slide-cart):not(.mobile_menu_active) #main-nav-wrap{ */
	/* padding-top: 2px; */
/* } */
#main-nav li.phone i{
	transform: rotateY(180deg) !important;
	font-size: 14px;
}
.sub-navigation .ui.nav li>a{
	width: 165px !important;
}
.sub-navigation .ui.nav li>a:first-child{
	padding-left: 8px !important;
	padding-right: 8px !important;
}
#footer .two {
	margin-right: 5%;
}
#searchform input#s{
	background-color: transparent !important;
	color: #ccc5b3 !important;
	border: 0;
	margin: 0;
	width: 100%;
	padding: .45em;
	letter-spacing: -.04em;
	box-shadow: none; 
	border-radius: 0;
	margin-left: 45px;
	font-family: "Encode Sans Condensed", sans-serif;
	padding-top: 25px;
}
#search-lightbox-wrap .search-lightbox{
	opacity: 1;
}
#search-lightbox-wrap{
	overflow-y: hidden !important
}
#footer .one {
	margin-left: 5%;
}
/* #headerwrap.fixed-header{ */
	/* background-color: rgba(37,37,37,.9) !important; */
/* } */
.facebook, .twitter{
	background: transparent !important;
}
#main-nav-wrap a{
	/*font-family: Encode Sans Condensed, sans-serif !important;*/
}

.spaDayImage img.viewDetails{
	height: 200px !important ;
	width: 211px !important;
	border-top-left-radius: 7px;
}


.engineBackground{
	
	position: relative;
}
/* .engineBackground::after{ */
	/* background: url('../../CustomIncludes/images/spa-background.jpg') 100% 100%; */
	/* opacity: 0.25; */
	/* content: ' '; */
    /* display: block; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0%; */
    /* width: 100%; */
    /* height: 100%; */
    /* z-index: -1; */
	/* background-attachment: fixed; */
	/* background-repeat: no-repeat; */
    /* background-position: 50% 50%; */
    /* -ms-background-size: cover; */
    /* -o-background-size: cover; */
    /* -moz-background-size: cover; */
    /* -webkit-background-size: cover; */
    /* background-size:cover; */
/* } */

#engineBackground {
	background: #ccc5b3 !important;
}

.actionGroup{
	border: 1px solid #b5afa0;
	background: #fff;
	padding-top: 15px;
	margin-top: 22px;
}

.actionGroup .fieldsetLabel{
	display: inline-block;
	padding-top: 17px;
}
#BookingDateTextbox{
	margin-bottom: 15px;
}


div[aria-describedby="cancellationPolicyDialog"]{
	max-width: 50%;
}
@media(max-width: 1200px){
	#UserDetailsSurround .GuestEntryLabel{
		text-align: left !important;
	}
}
@media(max-width: 991px){
	ul#main-nav{
	/*	display: none;*/
	}
	#header nav#main-nav-wrap{
		float: none !important;
	}
	img#logo:not(.fixed-image){
		top: -15px !important;
	}
	#headerwrap.fixed-header img#logo.fixed-image{
		position: fixed;
		height: 39px;
		top: 5px;
		
	}
	#layout{
		max-width: 100% !important;
	}
	li[id*="menu-item"] a{
		padding: 5px !important;
		min-width: 145px !important;;
	}
	footer#footer{
		max-width: 100% !important;
	}
	div[aria-describedby="cancellationPolicyDialog"]{
		max-width: 100%;
	}
}
@media(max-width: 425px){
	table > thead:first-child > tr:first-child > th{
		padding: .1em !important;
		font-size: 14px !important;
	}
	#SpaDayLeisureItemsSummary{
		margin-left: -25px;
	}
}
@media(max-width: 768px){
	#SaveDetailsArea, #MarketingArea{
		float: left;
	}
	#SaveDetailsArea, #MarketingArea input{
		vertical-align: middle;
	}
	.addTreatmentBookingBtn, .deleteTreatmentBookingBtn {
		float: left !important;
	}
	
	.spaDayImage img.viewDetails{
		height: auto !important ;
		width: 100% !important;
	}
}
@media print{
	#engineInnerArea{
		height: 100% !important;
		/* width: 100% !important; */
		/* margin: 5% !important; */
		display: block !important;
	}
	
	a[href]:after {
		display: none;
	}
}

/* #LeisureItemsSubGroupsAccordion .classAccordionHeaderImg{ */
	/* display: none !important; */
/* } */
	
#restaurantContainer #LabelVenue, #restaurantContainer #SelectionVenue{
	display: none;
}

/* Hide package elements */
/* #SpaDayLeisureItemsSummary tr[data-packageelementid] { */
	/* display: none; */
/* } */


/* Add restaurant booking - change text to 2 lines */
#SpaDayLeisureItemsSummary #SpaDayLeisureItemsSummaryTableSurround div.additionalButtonsArea .AddAdditionalRestaurantText {
	white-space: break-spaces;
}

#SpaDayLeisureItemsSummary #SpaDayLeisureItemsSummaryTableSurround div.additionalButtonsArea > div:last-child {
	margin-bottom: 20px;
}
/* Add restaurant booking - change text to 2 lines */


/* Max 8 people group booking */
#spaLeisureSidebar:after {
	display: block;
	width: 100%;
	text-align: justify;
	font-size: 18px;
	content: 'Due to the intimate nature of Moddershall Oaks Country Spa retreat, we operate a group booking policy. Under this policy, we are unable to accept groups larger than 8 guests for spa days, evenings and break, please refer to our terms and conditions for more information';
}

@media (max-width: 576px) {
	.ui-dialog {
		left: 50% !important;
		transform: translate(-50%, 0) !important;
		width: 95% !important;
	}

	.ui-widget-overlay {
		opacity: 0.75;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) {
		display: block;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) thead {
		display: none;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) tbody {
		display: block;
		border-bottom: 1px solid black;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) tr {
		display: flex;
		flex-direction: column;
		border: 1px solid black;
		border-bottom: none;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) td {
		flex: 100%;
		width: 100%;
		display: flex !important;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) td:before {
		width: 40%;
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) thead {
		display: none;
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(1):not(.treatmentCol):before {
		content: 'Package';
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(1).treatmentCol:before {
		content: 'Element';
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(2):before {
		content: 'Date/Time';
	}
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(3):before {
		content: 'Duration';
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(4):before {
		content: 'Deposit';
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary td:nth-child(5):before {
		content: 'Price';
	}
	
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) td.priceCol,
	#SpaDayLeisureItemsSummary table:not(#EnteredVouchersTable) td.treatmentCol {
		padding: 0.3em !important;
	}
	
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary .deleteTreatmentBookingBtn,
	#SpaDayLeisureItemsSummary table.spaDayTotalSummary .addTreatmentBookingBtn {
		margin-left: 10px;
	}
	
	/* #SpaDayLeisureItemsSummary table.spaDayTotalSummary td.treatmentCol { */
		/* justify-content: space-between; */
	/* } */
	
	#engineInnerArea #SpaDayLeisureItemsSummary table.SpaDaySubTotalSummary tr.packageElementSummaryRow td:nth-child(1),
	#engineInnerArea #SpaDayLeisureItemsSummary table.SpaDaySubTotalSummary tr.packageElementSummaryRow td:nth-child(2) {
		display: none !important;
	}
	
	#SpaDayLeisureItemsSummary .depositCol:before {
		content: 'Deposit';
	}
	
	#SpaDayLeisureItemsSummary .priceCol:before {
		content: 'Price';
	}
}

#SpaBookingPage .spaDaySurround > .spaDayfooter {
	margin-left: 15px !important;
}

#InputFieldNotes {
	border-color: #ccc5b3 !important;
}

#UserDetailsSurround .expandingelement,
#PaymentDetailsArea #CardDetailsSurround {
	border: none !important;
}

.depositCol {
	text-align: right;
}

#UserDetailsInsert select {
	height: 31px !important;
	width: 100% !important;
}

#CardDetailsIframe {
	overflow-x: hidden;
}

input#BookingDateTextbox {
	width: unset;
}

.timeButtons {
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
}

.ItemSubGroupHeader.ui-state-default:not(.ui-state-active) {
	color: #fff;
}

/* .ItemSubGroupHeader.ui-state-default.ui-state-hover, */
/* .ItemSubGroupHeader.ui-state-default.ui-state-focus { */
	/* color: #212121; */
/* } */

table.ui-state-default {
	border: none;
	background: transparent;
	color: #4d4d4d;
}

.ItemSubGroupHeader > .classAccordionHeaderImg {
    width: 33.3%;
    display: inline-block;
}

.ItemSubGroupHeader > .classAccordionHeaderText {
    width: 66.6%;
    display: inline-block;
}

@media (min-width: 576px) and (max-width: 767px) {
	.ItemSubGroupHeader > .classAccordionHeaderImg,
	.ItemSubGroupHeader > .classAccordionHeaderText	{
		width: 50%;
	}
}

@media (max-width: 575px) {
	.ItemSubGroupHeader > .classAccordionHeaderImg,
	.ItemSubGroupHeader > .classAccordionHeaderText	{
		width: 100%;
	}
}

.classAccordionHeaderTitle span {
	margin-left: 0;
}

*:not(.classAccordionHeaderTitleWrapper) > .classAccordionHeaderTitle {
	margin-left: 30px;
}

@media (max-width: 575px) {
	*:not(.classAccordionHeaderTitleWrapper) > .classAccordionHeaderTitle {
		margin-left: 10px;
	}
}





#priceSliderSliderCol .ui-slider-range.ui-widget-header {
	background-color: #ccc5b3 !important;
}

html {
	background-color: #363636 !important;
}

#priceSliderSliderCol .ui-slider-handle {
	background-color: #504641;
	background-image: none;
	cursor: pointer;
}

#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader,
#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader + .ui-accordion-content,
#LeisureItemsSubGroupsAccordion .ui-accordion-content .LeisureItemsAccordion > .ui-accordion-header,
#LeisureItemsSubGroupsAccordion .ui-accordion-content .LeisureItemsAccordion > .ui-accordion-content {
	border-radius: 7px;
	border: none !important;
	-webkit-box-shadow: 0px 7px 15px 0px #878787;
	-moz-box-shadow: 0px 7px 15px 0px #878787;
	box-shadow: 0px 7px 15px 0px #878787;
}

#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader {
	margin-top: 15px;
	background-color: #ccc5b3;
	color: #4d4d4d;
}

#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader.ui-state-hover,
#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader.ui-state-active {
	background-color: #504641;
	color: #fff;
	background-image: none;
}

#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader.ui-state-active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader + .ui-accordion-content {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

@media (max-width: 767px) {
	#LeisureItemsSubGroupsAccordion > .ItemSubGroupHeader + .ui-accordion-content  {
		padding-bottom: 15px;
	}
}

#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-header,
#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-header.ui-state-focus {
	background-color: #ccc5b3;
	color: #4d4d4d;
	background-image: none;
	border-radius: 7px;
	margin-top: 10px;
}

#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-header.ui-state-hover,
#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-header.ui-state-active {
	background-color: #504641;
	color: #fff;
	background-image: none;
}

#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-header.ui-state-active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#LeisureItemsSubGroupsAccordion .SubGroupItemsAccordionArea > .LeisureItemsAccordion > .ui-accordion-content {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#LeisureItemsSubGroupsAccordion .ui-accordion-content .LeisureItemsAccordion > .ui-accordion-header {
	display: flex;
	justify-content: space-between;
}

#LeisureItemsSubGroupsAccordion .ui-accordion-content .LeisureItemsAccordion > .ui-accordion-header:after {
	display: none;
}

.classAccordionHeaderTitleWrapper {
	display: flex;
	justify-content: space-between;
}

.SubGroupItemsCountLabel {
	display: flex;
	flex-wrap: no-wrap;
}

.SubGroupItemsCountLabel .SubGroupItemsCount {
	padding-right: 5px;
}

textarea.ui-state-default,
.ui-widget-content textarea.ui-state-default {
	background: #fff;
	color: #363636;
}

#UserDetailsInsert,
#PaymentDetailsArea {
	padding: 10px;
	border: none !important;
	-webkit-box-shadow: 0px 7px 15px 0px #878787;
	-moz-box-shadow: 0px 7px 15px 0px #878787;
	box-shadow: 0px 7px 15px 0px #878787;
}

#PaymentDetailsArea {
	margin-right: 15px;
	margin-left: 15px;
	width: calc(50% - 30px);
}

@media (max-width: 767px) {
	#PaymentDetailsArea {
		width: calc(100% - 30px);
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.ui-button.ui-button-icon-only.ui-dialog-titlebar-close {
	background-image: none;
}

#BookingPage2,
#BookingPage3,
#BookingPage5 {
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	border: none !important;
	-webkit-box-shadow: 0px 7px 15px 0px #878787;
	-moz-box-shadow: 0px 7px 15px 0px #878787;
	box-shadow: 0px 7px 15px 0px #878787;
}

.SubGroupItemsCountLabel {
	padding-top: 0.5em;
}

.classAccordionHeaderText {
	display: block;
}

@media (max-width: 768px) {
    #BookingPage1 input, #BookingPage1 select {
        height: unset;
    }
	
	#BookingDateTextbox {
		margin: 0;
	}
}