/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), local('Roboto-Regular'), url(/websiteassets/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--buttonMainColor: #bd0067;
	--buttonMainColorDesaturated: #b13d77;
	--buttonSecColor: white;
	--mainPageBackgroundColor: #f0f3f4;
	
	--calendarSelected: #d60075;
	--calendarSelectedText: #fff;
	
	--calendarAvailable: #fff;
	--calendarAvailableText: rgba(51, 51, 51, 0.5);
	
	--calendarLimited: #b7b6b6 ;
	--calendarLimitedText: #fff;
	
	--calendarUnavailable: #787878;
	--calendarUnavailableText: #fff;
	
	--calendarDefault: #787878;
	--calendarDefaultText: #fff;
	
	--calendarPastDays: #787878;
	--calendarPastDaysText: #fff;

	--calendarTodayFrame: #bd0067;
	--calendarSelectedFrame: #e8247d;
}


.alacer-bootstrap {
	margin-top: 50px;
	margin-bottom: 50px;
}


.seprator[_ngcontent-c4] {
    width:5%;
}

/* Drop Shadow */
.alacerCalenderRow,
#singleCalendar,
resultsaccordion div.accordion section.fullAccordion .card-shadow,
article#upsellContainer,
div.bookingRestaurantContainer,
div.roomSummaryCard,
div.restaurantSummaryCard,
div.bookingSummaryAmount,
div.bookingSummaryVoucher,
div#yourDetails,
form#guestDetailsForm,
div.customCheckboxHolder,
div#paymentBillingAddressSurround,
div#paymentDetailsSurroundSurround,
div.summaryTransDetails,
section.refineInputContainers,
section#breifRoomSummaryContainer,
div.upsellContent.upsellContentTile {
	border: none !important;
	-webkit-box-shadow:	0px 7px 15px 0px rgba(135,135,135,1) !important;
	-moz-box-shadow:	0px 7px 15px 0px rgba(135,135,135,1) !important;
	box-shadow:			0px 7px 15px 0px rgba(135,135,135,1) !important;
	
}

div.roomSummaryCard,
div.restaurantSummaryCard,
div.bookingSummaryAmount,
div.bookingSummaryVoucher {
	margin-bottom: 30px !important;
}

div#yourDetails {
	margin-bottom: 10px !important;
}

form#guestDetailsForm {
	margin-bottom: 15px !important;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround #singleCalendar {
	 margin-top: auto !important;
}


#Page1TopTextInputsContainer[_ngcontent-c4]{
    position:relative;
}


#alacerHotelEnginePagesContainer > page1 > div > div {
	line-height: 0 !important;
}

@media (min-width: 992px)
{
	.form-control {
		min-height: 0;
	}
	
}

thead {
	background-color: rgba(0,0,0,0);
}

.spinnerImage {
	width: unset;
	height: unset;
}

#engineArea {
	margin-left: -15px !important;
	margin-right: -15px !important;
}


#alacerHotelSurroundPageBody .commonButton:hover {
	background-color: white !important;
}



#alacerHotelSurroundPageBody .commonButton:hover, #alacerHotelSurroundPageBody login .loginPopupLoginBtn:hover, #alacerHotelSurroundPageBody login .loginPopupCancelBtn:hover, #alacerHotelSurroundPageBody .policyCloseButton:hover, #alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob:hover {
	color: var(--buttonMainColor) !important;
	background-color: white;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1:hover {
	background-color: white !important;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1:hover {
	color: var(--buttonMainColor);
}




#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default {
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-breadcrumb .btn:not(:last-child):before,
.btn-breadcrumb .btn:not(:last-child):after {
	display: none !important;
}

#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current {
	color: #D60075 !important;
}

#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default {
	font-size: 18px !important;
}

#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current:hover, #alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover:not(:last-child)::after {
	border-left: 10px solid white !important;
}

#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after {
	border-left: 10px solid white!important;
}

#breadcrumbCasualView > div > a {
	width: 19% !important;
}

#breadcrumbCasualView > div > a:nth-child(8) , #breadcrumbCasualView > div > a:nth-child(1) {
	width: 21% !important;
}






#readMoreBtn, #btnOpenAccordionDetail {
	border: none !important;
}

.btn {
	border: 1px solid var(--buttonMainColor) !important;
}


#alacerHotelSurroundPageBody .commonNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover {
	background-color: white;
	color: var(--buttonMainColor);
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .allDayCheckbox,
#alacerHotelSurroundPageBody .control:hover input ~ .controlIndicator, #alacerHotelSurroundPageBody .control input:focus ~ .controlIndicator,
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .control input:checked ~ .allDayCheckbox
 {
	background-color: white;
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .selected  {
	color: #ffffff !important;
	background-color: #D60075 !important;
	border: 1px solid var(--buttonMainColor) !important;
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .restaurantBookableTimeAvailYes:hover {
	color: #ffffff !important;
	background-color: #D60075 !important;
	border: 1px solid var(--buttonMainColor) !important;
	cursor: pointer;
}

#alacerHotelSurroundPageBody .summaryPageDeleteBookingButton:hover, #alacerHotelSurroundPageBody .bookAdditionalExtraBtn:hover, #alacerHotelSurroundPageBody .bookAdditionalTableBtn:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody .deleteButton:hover, #alacerHotelSurroundPageBody .editButton:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody #page6 #marketingCheckBoxTick, #alacerHotelSurroundPageBody #page6 #marketingCheckBoxInput:checked ~ #marketingCheckBoxTick {
	background-color: white;
	border: 1px solid black;
}

#alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxTick, #alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxInput:checked ~ .sameAsAboveCheckBoxTick {
	background-color: white !important;
	border: 1px solid black;
}

#alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxTick, #alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxInput:checked ~ #yourDetailsPolicyCheckboxTick {
	color: white;
	background-color: white;
}

#alacerHotelSurroundPageBody #paymentBillingAddressSurround .sameAsLeadGuestCheckbox, #alacerHotelSurroundPageBody #paymentBillingAddressSurround .control input:checked ~ .sameAsLeadGuestCheckbox {
	color: white;
	background-color: white;
	border: 1px solid black;
}

#alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxTick , #alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxInput:checked ~ #yourDetailsPolicyCheckboxTick {
	background-color: white;
	border: 1px solid black;
}

#alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskNextBtn:hover , #alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskPreviousBtn:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody #CardDetailsSurround #ValidFromLabelDiv #ValidFromLabel {
	color: #2a3134;
	font-size: 16px;
	font-family: Verdana;
	font-weight: 300;
}

#alacerHotelSurroundPageBody #CardDetailsSurround #ValidFromControlDiv #ValidFromPaymentDetails {
	background-color: white;
	font-family: Verdana;
	font-weight: 300;
	color: #2a3134;
	font-size: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: #2a3134;
}

@media only screen and (max-width: 991px)
{
	.alacerCalendarFooter  {
		margin-top: -40px !important;
	}
}

/*@media only screen and (max-width: 991px) {*/
	#pos_7495 {
		padding-bottom: 40px;
	}
/*}*/

#alacerHotelEnginePagesContainer > page4 > restaurantextra > div > section > div:nth-child(2) > div > div.fullWidth.col-xs-12.col-sm-12.hidden-lg.hidden-md.mob-data-container.mob-container > div.clearfix.mob-bar1.restaurant-search-param.mob-topSeparator > label.col-sm-4.col-xs-4.col-sm-pull-1.col-xm-pull-1.hidden-lg.hidden-md.clearfix.restaurantExtraGuests.guestlabel {
	right: 0;
}

#alacerHotelSurroundPageBody .controlIndicator {
	color: white;
	background-color: white;
}

@media only screen and (max-width: 991px) {
	#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .restaurantBookableTimeAvailYes {
		background-color: white;
		color: black;
	}
}


#alacerHotelSurroundPageBody #page4ButtonSurround .deskPreviousBtn:hover, #alacerHotelSurroundPageBody #page4ButtonSurround .deskNextBtn:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody .mobBookAdditionalExtraBtn:hover, #alacerHotelSurroundPageBody .mobsummaryPageDeleteBookingButton:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydelete:hover {
	color: var(--buttonMainColor);
	background-color: white;
}

#alacerHotelSurroundPageBody .control input:checked ~ .controlIndicator {
	color: white;
	background-color: white;
}

#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-track-low, #alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-track-high, #alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-selection {
	background-color: #cccccc;
}

#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-selection {
	background-color: white;
}

#alacerHotelSurroundPageBody page8 .newBookingWrapper button.commonNavButton:hover, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6NextNavButton:hover, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6PrevNavButton:hover, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6PrevNavButton:hover {
	color: var(--buttonMainColor);
	background-color: white;
}


#engineAreaContainer {
		margin-bottom: 50px;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody {
	background-color: white;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody thead tr th {
	background-color: white;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarFooter {
	background-color: transparent !important;
	margin-top: 30px;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarFooter {
	background-color: white;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup {
	background-color: white;
}

.btn + .btn {
	margin-left: 0;
	margin-right: 0;
}

#county > drop-down > div > div > select {
	border-width: 1px;
}

#alacerHotelSurroundPageBody #CardDetailsSurround #CardTypeRow #DropDownCardType {
	border-width: 1px;
}

#alacerHotelEnginePagesContainer > page8 > booking-summary > div:nth-child(2) > div > table:nth-child(5) > tbody > tr:nth-child(odd) > td > h4 {
	font-weight: bold;
}

#alacerHotelSurroundPageBody #engineArea {
	background-color: transparent;
}

hotelbookingapp {
	background-color: transparent !important;
}

#alacerHotelEnginePagesContainer > page4 > restaurantextra > div > section > div:nth-child(2) > div > div.row > div.col-lg-9.col-md-9.col-sm-12.col-xs-12.hidden-xs.hidden-sm > div:nth-child(2) > section > div.clearfix.bookBtnContainer > div.col-lg-push-6.col-md-push-6.col-lg-4.col-md-4.input-group-checkBox.clearfix > label.control.controlCheckbox.input-group-checkBox-inner > i {
	border: 1px solid black;
}

.policyLinkText {
	text-decoration: underline;
	cursor: pointer;
}

.input-group-checkBox-text.policyHighlight.policyHighlightFont {
	margin-top: 3px;
}

page5 .bookingSummaryContainer {
	background-color: transparent !important;
}
	
page6 your-details div.warningDetailMessage {
	display: none;
}

page6 input.invalid,
page6 select.invalid,
page6 textarea.invalid,
page6 drop-down.invalid {
	border: 1px solid #ff0000 !important;
}

#CardTypeLabel, #CardNumberLabel, #CardHoldersNameLabel, #ValidToLabel, #ValidFromLabel {
	padding-left: 15px;
}

#alacerHotelSurroundPageBody #CardDetailsSurround #CardTypeRow #DropDownCardType {
	border: 1px solid black;
}

#alacerHotelSurroundPageBody page8 .confirmPageMessage {
	font-size: 20px;
	margin-top: 20px;
}

#alacerHotelSurroundPageBody page8 .confirmPageHeading {
	margin-top: 20px;
}

#defaultSearchBtnPage1 {
	display: none;
}

.btn.disabled, .btn[disabled] {
	background-color: #F5F5F5 !important;
	color: var(--buttonMainColor) !important;
}

.btn.disabled:hover, .btn[disabled]:hover {
	background-color: #F5F5F5 !important;
	color: var(--buttonMainColor) !important;
}

#alacerHotelSurroundPageBody .summaryTransDetails {
	padding-bottom: 20px;
}
#alacerHotelSurroundPageBody .editButton, #alacerHotelSurroundPageBody .deleteButton, page5 .table-responsive.summarypageTables button{
	background-color: white;
	border: none !important;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleBucket1Label {
	color: #ffffff;
}

td.calendarStyleDisable {
	background-color: #787878 !important;
	color: #ffffff !important;
}

#singleCalendarHeaderTitle,
#PaymentBillingAddressHeading,
#PaymentCardDetailHeading,
h2.galleryRoomRatesName,
span.galleryRoomRatesPrice,
h3.upsellDescriptionShort,
div.upsellContentPrice,
label.restauranthistorydesktoplabel {
	color: #d60075 !important;
	font-size: 20px !important;
	font-weight: normal !important;
}

h4.roomsPageSearchLabel2,
div#roomsRefineSummarySearchLabel,
div#roomsPageStayLabel,
h3#roomsPageNoRoomsLabel,
h2.upsellMainTile,
h1.summaryPageHeading,
h2.confirmPageHeading {
	color: #d60075 !important;
	font-size: 26px !important;
	font-weight: normal !important;
}

#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleSelectedLabel div {
	background-color: #d60075 !important;
}
 
 #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleSelectedLabel {
	color: #d60075;
	background-color: #d60075;
	border-color: #d60075;
 }

#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeaturesDescriptionShort {
	color: var(--buttonMainColor);
}

div.accordionRoomInfo.inner > div.cardFooter > div.text-right > a > label {
	cursor: pointer;
}
h3.singleCalendarTitleFont,
h3.roomSurroundRoomDetailsHeaderLabel {
	margin-bottom: 10px !important;
}

button#page1AvailabilityContinueRoomButton,
button#page1AvailabilityBackRoomButton {
	font-size: 16px !important;
}

.btn {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

div.priceRangeSliderControl {
	display: none;
}

h3#roomsPageNoRoomsLabel {
	margin-top: 40px;
}

div.featuresListGroupItem span {
	position: absolute;
    margin-top: 8px;
}

div.accordionCardBtn.cardFooter {
	margin-top: 20px !important;
}

label.summaryPageBillingInfo.confirmationPageBillingInfo.TotalPricelabel {
	color: #3b4246;
	font-size: 16px;
}

div.bookingSummaryVoucher {
	padding: 10px !important;
}

div#YourDetailsInputContent label {
	padding-left: 0;
}

div#YourDetailsInputContent label#marketingCheckBoxLabel {
	margin-top: 3px;
}

fieldset.guestField label.guestDetailsGuestLabel,
fieldset.guestField label.sameAsAboveCheckBoxLabel {
	margin-top: 7px !important;
}

div.billingBgColor input[type=text],
div.billingBgColor select {
	margin-bottom: 15px;
}

div#page7ButtonSurround button.deskNextBtn {
	padding-right: 25px;
}

#alacerHotelSurroundPageBody .policyBoxOpacity {
	opacity: 0.8;
	background-color: grey !important;
}

#paymentBillingAddressSurround,
#paymentDetailsSurroundSurround {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (min-width: 992px) {
	#paymentBillingAddressSurround,
	#paymentDetailsSurroundSurround {
		width: 45%;
	}
	
	#paymentBillingAddressSurround {
		float: left
	}
	
	#paymentDetailsSurroundSurround {
		float: right;
	}
}

paymentdetails .row,
div.billingBgColor.form-group,
div.cardDetailsBgColor.form-group {
	margin-bottom: 0;
}

td.confirmationPageSubTotalText,
td.confirmationPagePriceText,
h3.DepositLabel,
h3.DepositAmount,
h3.TotalPricelabel,
h3.TotalPriceAmount {
	font-size: 16px !important;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .prevMonthIcon {
	margin-top: -4px;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .nextMonthIcon {
	margin-top: -5px;
}

.fancyArrow {
	display: none !important;
}

select {
	-moz-appearance: menulist !important; /* Firefox */
    -webkit-appearance: menulist !important; /* Safari and Chrome */
    appearance: menulist !important;
}

#alacerHotelSurroundPageBody .controlCheckbox .controlIndicator:after {
	top: 0px;
}

i.controlIndicator {
	border: 1px solid black !important;
}

@media only screen and (min-width: 992px) {
	#sessiondropDownID {
		width: 175% !important;
	}
}

@media only screen and (max-width: 991px) {
	#availableTimesdropDownID {
		border: 1px solid black !important;
		font-size: 14px !important;
	}
}

#roomsRefineButton > a > div.visible-lg.visible-md > label {
	cursor: pointer;
}

#alacerHotelSurroundPageBody #paymentBillingAddressSurround .controlCheckbox .sameAsLeadGuestCheckbox:after {
	top: 0;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendar #singleCalendarPromoTextInput:focus {
	border: 1px solid #2a3134 !important;
}


#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarPromoCodeInputText {
	font-size: 14px;
}

/* ========================================================================== */

#alacerHotelSurroundPageBody .calendarStyleSelectedLabel {
	color: white !important;
}

page1 div.displayCalendarPopup div.alacerCalendarFooter > div > label.mobBucketNameSectionTextLabel  {
	top: 2.5px;	
}

div.displayCalendarPopup div.alacerCalendarBody.padBorderDoubleCalendar div.prevMonthIcon i, div.displayCalendarPopup div.alacerCalendarBody.padBorderDoubleCalendar div.nextMonthIcon i {
	top: -8px;
}
#singleCalendar > availability-text-inputs > click-target > div > date-picker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table.pull-left > caption > span {
	position: relative;
	top: -2px;
}

#doubleCalendar > availability-calendar-inputs > date-picker > div > div.alacerCalendarBody.padBorderDoubleCalendar > table > caption > div > i {
	top: -5px;
}

availability-rooms-details date-picker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table > caption > div.prevMonthIcon {
	padding-right: 8px !important;
}

availability-rooms-details date-picker  > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table > caption > div.nextMonthIcon {
	padding-left: 8px !important;
}

@media (max-width: 991px) {
	div.displayCalendarPopup div.alacerCalendarBody caption {
		position: relative;
		top: -10px;
	}
}

availability-rooms-details date-picker  > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table > caption > div {
	margin-top: 0;
}

#page1SingleCalendarCheckInIcon, #page1SingleCalendarCheckOutIcon, #availabilityRoomsDetailsArivalDateCalendarIcon, #availabilityRoomsDetailsDepartureDateCalendarIcon {
	border: none;
}

#roomSurroundDialogCloseBtn {
	float: right;
}

availability-rooms-details#roomsDetailsPopUp  .displayCalendarPopup, availability-rooms-details#roomsDetailsPopUp  .displayCalendarPopup .alacerCalendarBody,
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup,
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody {
	background-color: white;
	box-shadow: none !important;
}

availability-rooms-details#roomsDetailsPopUp .displayCalendarPopup .alacerCalendarBody thead tr th {
	background-color: white;
	color: #262626;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align: center;
	width: 14.28% !important;
	height: 36px !important;
	line-height: 36px !important;
}

availability-rooms-details#roomsDetailsPopUp .calendarStyleDefault,
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleDefault {
	background-color: #fff !important;
	border: 1px solid #e5e5e5;
	font-size: 16px !important;
	font-weight: 300;
	font-family: Roboto !important;
	color: rgba(51, 51, 51, 0.5);
	text-align: center;
	width: 14.28% !important;
	height: 36px !important;
	float: left;
	display: block;
}

#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody thead tr th, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody thead tr th,
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody thead tr th {
	background-color: #fff;
	border: 1px solid #c1c1c1;
}

#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .displayCalendarPopup, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .displayCalendarPopup, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody {
	background-color: #fff;
}

#roomsRefineDetailsArrivalDatePicker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarFooter.pull-left > div > div.calendarStyleBucket4Label, #roomsRefineDetailsDepartureDatePicker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarFooter.pull-left > div > div.calendarStyleBucket4Label {
	border: 1px solid black;
}

#roomsRefineDetailsArrivalDatePicker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table.pull-left > caption > div, #roomsRefineDetailsDepartureDatePicker > div.alacerCalenderRow.displayCalendarPopup > div.alacerCalendarBody.padBorderDoubleCalendar > table.pull-left > caption > div {
	margin-top: 0;
}

#roomsRefineDetailsArrivalDatePicker  div.displayCalendarPopup div.alacerCalendarBody.padBorderDoubleCalendar  caption > div > i, #roomsRefineDetailsDepartureDatePicker  div.displayCalendarPopup div.alacerCalendarBody.padBorderDoubleCalendar  caption > div > i {
	top: -1px;
}

#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalIcon, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureIcon {
	border: 1px solid black;
	border-left: none;
	background-color: #fff;
}

page2 div.carousel-caption {
	display: none;
}

#alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomName, #alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomPriceLabel, #alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomPrice, div.accordionCardTitleMob  > div {
	color: var(--buttonMainColor);
}

resultsaccordion #accordion.displayAsGrid section.fullAccordion > article.roomsPageRoomCard > div.accordionRoomInfo > .accordionCardBtn.cardFooter {
	position: absolute !important;
}

resultsaccordion .displayAsGrid  section article.accordionCardDetails.activeCard {
	background-color: transparent !important
}

gallery p.galleryRoomRatesDescription {
	line-height: 25px;
}

#alacerHotelSurroundPageBody .navButtonPanel > .commonNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .navButtonPanel > .page6NextNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .navButtonPanel > .page6PrevNavButton .icon.right, #alacerHotelSurroundPageBody .summary-next-btn > .icon.right {
	margin-right: -8px;
}

#alacerHotelSurroundPageBody .commonNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon.left {
	margin-left: -8px;
}

#alacerHotelSurroundPageBody div#page3ButtonSurround div.icon.left {
	padding-right: 10px;
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .displaydatefont {
	color: var(--buttonMainColor);
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydelete {
	border: none !important;
	background-color: transparent;
	color: var(--buttonMainColor);
}

#alacerHotelSurroundPageBody .editButton, #alacerHotelSurroundPageBody .deleteButton, page5 .table-responsive.summarypageTables button > span.fa {
	color: var(--buttonMainColor);
}

page5 > app-booking-summary div.bookingSummaryBody table thead tr th {
	border: none !important;
}

#alacerHotelSurroundPageBody #summaryPageVoucherCode {
	height: 36px;
	font-size: 16px;
}

page5 div.roomSummaryCardBody th, page5 div.roomSummaryCardBody td, page5 div.restaurantSummaryCard th, page5 div.restaurantSummaryCard td {
	font-size: 16px;
}

#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInput {
	font-size: 16px;
}

#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInput::placeholder {
	color: transparent;
}

page7 paymentdetails > div {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

div.modal.bootstrap-dialog.type-danger > div > div > div.modal-footer > div > div > button {
	background-color: var(--buttonMainColor);
	color: white;
	border: 1px solid var(--buttonMainColor);
}

div.modal.bootstrap-dialog.type-danger > div > div > div.modal-footer > div > div > button:hover {
	background-color: white;
	color: var(--buttonMainColor);
}

#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsArivalDateCalendarIconNew, #alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsDepartureDateCalendarIconNew {
	background-color: transparent;
	border: none;
}

/*
page2 availability-rooms-details {
	z-index: 1051 !important;
	position: fixed !important;
	left: 0;
	right: 0;
	top: 25%;
	max-height: 70vh;
	overflow-y: auto;
}

page2 availability-rooms-details div.roomDetailInnerSurround {
	margin-top: 0 !important;
	min-height: 30%vh;
	max-height: 80% vh;
}
*/

#content > section:nth-child(2) {
	overflow: visible;
}

#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday div,
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarBody tbody tr td.calendarStyleToday div {
	border-color: var(--buttonMainColor);
}

#alacerHotelSurroundPageBody #refineArrivalDateInput {
	font-weight: 500;
}

page5 > app-booking-summary div.roomSummaryCardBody th span.fa, page5 > app-booking-summary div.roomSummaryCardBody td span.fa, page5 > app-booking-summary div.restaurantSummaryCard th span.fa, page5 > app-booking-summary div.restaurantSummaryCard td span.fa, page5 .table-responsive.summarypageTables button > span.fa {
	font-size: 16px !important;
}

#page6 policycancellation > section > div > div.modal-body > div:not(:last-child) {
	padding-bottom: 15px;
}

#page1AvailabilityAddRoomButton > div, #page1AvailabilityBackRoomButton > div {
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: Roboto !important;
}

availability-rooms-details div.roomDetailSurround select, availability-rooms-details div.roomDetailSurround input {
	border: 1px solid 
}

#alacerHotelSurroundPageBody availability-rooms-details drop-down, #alacerHotelSurroundPageBody availability-rooms-details .departureDateSurround .input-group, #alacerHotelSurroundPageBody availability-rooms-details .arrivalDateSurround .input-group {
	border-width: 1.25px;
}

#alacerHotelSurroundPageBody #page6 .yourDetailsFieldInputDropdown.invalid select, #alacerHotelSurroundPageBody #page6 .yourDetailsFieldInputDropdown.invalid span.fancyArrow {
	border: none;
}

#summaryPageVoucherCode {
	min-height: unset;
}

.accordionCardTitle.inner {
	min-height: 88px;
}

/* Cursor */
#alacerHotelSurroundPageBody i.fa, #alacerHotelSurroundPageBody select, #roomsRefineButton a > div > label, #alacerHotelSurroundPageBody .loginLink, #alacerHotelSurroundPageBody .logoutButton, #alacerHotelSurroundPageBody #roomsRefineButton label, #page6 .policyLinkText, #alacerHotelSurroundPageBody #availabilityRoomsDetailsArivalDateCalendarIcon, #alacerHotelSurroundPageBody #availabilityRoomsDetailsDepartureDateCalendarIcon, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalIcon, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureIcon, #alacerHotelSurroundPageBody page2 .rangeSlider .slider-horizontal > div.tooltip-min, #alacerHotelSurroundPageBody page2 .rangeSlider .slider-horizontal > div.tooltip-max, #alacerHotelSurroundPageBody refinearea .featuresListGroupItem,  #alacerHotelSurroundPageBody page2 #accordion #readMoreBtn > label, #roomSurroundDialogCloseBtn, carousel .carousel-control.pointer {
	cursor: pointer;
}

#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb {
	cursor: default;
}
/* Cursor */

/* Card rounded corners */
#accordion > section.fullAccordion,
#accordion > section.fullAccordion > .accordionCard.roomsPageRoomCard {
	border-radius: 7px;
}
@media (min-width: 768px) {
	#accordion > section.fullAccordion > .accordionCard.roomsPageRoomCard .accordionRoomView > img {
		border-radius: 7px 0 0 7px;
	}
	
	#accordion > section.fullAccordion .accordionCardDetails .roomsPageRoomCardDetails  {
		border-radius: 7px;
		box-shadow: 0px 7px 15px 0px rgba(135,135,135,1) !important;
	}
	
	#accordion > section.fullAccordion .accordionRoomView > img {
		border-radius: 7px 7px 0 0;
	}
}

@media (max-width: 767px) {
	#accordion section.fullAccordion {
		background-color: #fff;
	}
}

@media (min-width: 992px) {
	section.refineInputContainers {
		border-radius: 7px;
		border-top-right-radius: 0;
	}
	
	div.upsellContent.upsellContentTile {
		border-radius: 7px;
		margin: 20px 0;
		padding: 0;
	}
	
	div.upsellContent.upsellContentTile .upsellsLeft {
		border-radius: 7px 0 0 7px;
	}
	
	div.upsellContent.upsellContentTile .upsellsRight div.upsellContentPrice {
		float: right;
	}
	
	div.upsellContent.upsellContentTile .upsellsRight button.upsellBookButton {
		right: 0;
		margin-right: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	div.upsellContent.upsellContentTile {
		border-radius: 7px;
		padding: 0;
		margin: 20px 0;
	}
	
	div.upsellContent.upsellContentTile .upsellsLeft {
		border-radius: 7px 7px 0 0;
	}
	
	div.upsellContent.upsellContentTile .upsellsMiddle,
	div.upsellContent.upsellContentTile .upsellsRight {
		padding: 15px !important;
	}
	
	div.upsellContent.upsellContentTile .upsellsRight div.upsellContentPrice {
		float: right;
	}
	
	div.upsellContent.upsellContentTile .upsellsRight button.upsellBookButton {
		right: 0;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
}

/* Card rounded corners */

#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countyDropdown {
	font-size: 16px;
}

#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #venuedropDownID {
	font-size: 14px;
}

#alacerHotelSurroundPageBody .roomsPageFeature {
	cursor: pointer;
}

#alacerHotelSurroundPageBody restaurantextra .experiencelabel {
	font-family: Roboto;
	font-size: 16px;
}

#alacerHotelSurroundPageBody restaurantextra #experiencedropDownID {
	font-family: Roboto;
	font-size: 14px;
	border: 1px solid #000;
}

#alacerHotelSurroundPageBody page5 table td {
	font-family: Roboto;
}

#alacerHotelSurroundPageBody .bookingSummaryContainer .col-deposit {
    text-align: right;
}