:root {
	--buttonMainColor: #d60075;
	--buttonMainColorDesaturated: #b13d77;
	--buttonSecColor: white;
	--mainPageBackgroundColor: #f0f3f4;
	font-family: 'Roboto', sans-serif !important;
}

body {
	font-family: 'Roboto', sans-serif !important;
}

.ui-state-default {
	background: white;
	color: black;
}


.ui-button {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
	border-width: 1px;
	border-color: var(--buttonMainColor);
	font-weight: 700;
}

.ui-button.TimeButton.Available {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
}

.ui-button.TimeButton.Available.ui-state-hover, .ui-button.TimeButton.Available.ui-state-active {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
}


.ui-state-hover {
	color: var(--buttonMainColor);
	/* background: var(--buttonSecColor) url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x; */
	background: var(--buttonSecColor);
}

.ui-state-active {
	background-color: var(--buttonSecColor);
	color: var(--buttonMainColor);
}



.ui-widget-content {
	background: white;
	color: black;
}

.ui-widget-content .ui-button {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
	border-width: 1px;
	border-color: var(--buttonMainColor);
	font-weight: 700;
}

.ui-widget-content .ui-button:hover, .ui-widget-content .ui-state-focus  {
	color: var(--buttonMainColor);
	background: white url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x;
	
}

.ui-widget-content .ui-button:active {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
	font-weight: 700;
}


.ui-datepicker-prev, .ui-datepicker-next {
	background-color: var(--buttonMainColor);
}

.ui-datepicker-prev-hover:not(.ui-state-disabled), .ui-datepicker-next-hover {
	background-color: var(--buttonSecColor);
	cursor: pointer;
}

#loginBanner {
	background-color: transparent;
	width: 100%;
}


#DropDownVenues, #DropDownSeats, #DropDownSessions {
	border-radius: 3px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	border-radius: 2px;
}


.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover:not(.ui-state-disabled)  {
	border: 1px solid var(--buttonMainColorDesaturated);
	background: var(--buttonMainColorDesaturated) url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
}

.ui-datepicker-prev-hover.ui-state-disabled {
	background-color: var(--buttonMainColor);
	border: none;
	background-image: none;
	left: 2px;
	top: 2px;
}

.ui-dialog .ui-button-icon-only.ui-state-hover {
	border: 1px solid var(--buttonMainColorDesaturated);
	background: var(--buttonMainColorDesaturated) url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
}


#loginlink {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
	padding: 8px;
	border: 1px solid var(--buttonMainColor);
}

#loginlink:hover {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
}

#BookingLinks {
	margin-bottom: 14px;
}

#AvailabilityCheckingBlock .ui-datepicker {
	background: white;
	background-color: white;
	border-radius: 3px;
}

 .ui-datepicker-unselectable  .ui-state-default {
	background: white;
	color: black;
}

.ui-datepicker td .ui-state-default {
	background: white;
	color: black;
}

 .ui-datepicker td  .ui-state-active {
	background: var(--buttonMainColor);
	color: var(--buttonSecColor);
 }

.ui-widget-header {
	border: none;
	background: white;
	color: var(--buttonMainColor);
}

.ui-widget-header a {
	color: var(--buttonMainColor)
}

.ui-datepicker th {
	color: black;
}

.ui-dialog-titlebar {
	border-bottom: 1px solid black;
}

#MarketingArea .ui-checkbox, #SaveDetailsArea .ui-checkbox {
	background-color: var(--buttonSecColor);
	border: 1px solid var(--buttonMainColor);
}
#MarketingArea .ui-checkbox .ui-state-hover, #SaveDetailsArea .ui-checkbox .ui-state-hover {
	background-color: var(--buttonSecColor);
	border: 1px solid var(--buttonMainColor);
}

#CheckBoxEmailSelfSurround .ui-checkbox {
	background-color: var(--buttonSecColor);
	border: 1px solid var(--buttonMainColor);
}

/* slider */
/* 
IE
.TA {
        scrollbar-3dlight-color:gold;
        scrollbar-arrow-color:blue;
        scrollbar-base-color:;
        scrollbar-darkshadow-color:blue;
        scrollbar-face-color:;
        scrollbar-highlight-color:;
        scrollbar-shadow-color:
    }
 */
 /*
Chrome & Safari (WebKit)
pseudo elements
::-webkit-scrollbar              {  }
::-webkit-scrollbar-button       {  }
::-webkit-scrollbar-track        {  }
::-webkit-scrollbar-track-piece  {  }
::-webkit-scrollbar-thumb        {  }
::-webkit-scrollbar-corner       {  }
::-webkit-resizer                {  }

pseudo class selectors
:horizontal
:vertical
:decrement
:increment
:start
:end 
:double-button
:single-button
:no-button
:corner-present
 */
 /*
 Firefox (Gecko)
scrollbar-color
scrollbar-width
 */
 
 /*
 #restaurantBookingInsert {
	 height: 420px;
 }
 
 #restaurantContainer {
	 height: 600px;
 }
 
 #Navigation{
	 height: 30px;
 }
 */
 
 #emailUsed_forgottenPassword  a {
	 color: black
 }
 
 #LabelSummaryInstruction .Label {
	 font-size: 120%;
	 font-weight: bold;
	 color: var(--buttonMainColor);
 }
 
#restaurantContainer {
	padding-left: 40px;
	padding-right: 40px;
}

/*
.GuestEntryControl {
	width: 100%;
}

#restaurantBookingInsert input {
	width: 96% !important;
}
*/

#restaurantContainer, #restaurantContainer #contentHolder, #restaurantBookingInsert {
	height: auto;
}

#Navigation, #BookingSubmit, #BackSubmit, #SummaryNavigation, #contentHolder {
	padding-bottom: 20px;
}

#SummaryNavigation {
	padding-left: 0;
	padding-right: 0;
}

input#SessionTimeoutOk {
	color: white;
	background: var(--buttonMainColor) url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x; 
}

input#SessionTimeoutOk.ui-state-hover {
	color: var(--buttonMainColor);
	background: white url("images/ui-bg_highlight-soft_50_4e5659_1x100.png") 50% 50% repeat-x;
}

body > div[aria-describedby="guestLogin"]{
	top: 120px !important;
}

#restaurantContainer {
	background-color: transparent;
}

#LabelPaymentDetails,
#LabelUserDetails {
	font-size: 14px !important;
	color: var(--buttonMainColor); /* rgb(189, 0, 103); */
}

.ui-dialog {
	width: 330px !important;
}

#restaurantContainer {
	background-color: white;
	-webkit-box-shadow: 0px 7px 15px 0px rgba(135,135,135,1);
	-moz-box-shadow:	0px 7px 15px 0px rgba(135,135,135,1);
	box-shadow:			0px 7px 15px 0px rgba(135,135,135,1);
	margin: 12px;
}


.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Roboto', sans-serif;
}

#SubmitButton {
	margin: 5px;
}

#SelectTimeSurround {
	width: 86%;
	margin-left: 24px;
}

#MarketingArea > label, #SaveDetailsArea > label {
	margin-top: 4.5px;
}

#SaveDetailsArea > img {
	margin-top: 3.5px;
	margin-left: 5px;
}

#MyAccountSurround {
	position: relative !important;
}

#amendBooking > form {
	height: 300px !important;
}

#surroundAmend .DivButton {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
	border-width: 1px;
	border-color: var(--buttonMainColor);
	font-weight: 700;
}

#surroundAmend .DivButton a {
	color: inherit;
}

#surroundAmend div.DivButton:hover, #surroundAmend div.DivButton:focus {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
	border-width: 1px;
	border-color: var(--buttonMainColor);
	font-weight: 700;
}

#amendBooking + div .ui-button.ui-state-default {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
	border-width: 1px;
	border-color: var(--buttonMainColor);
	font-weight: 700;
}

#amendBooking + div .ui-button.ui-state-hover, #amendBooking + div .ui-button.ui-state-focus {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
}

label.TimeButton.ui-button {
	color: var(--buttonMainColor);
	background-color: var(--buttonSecColor);
	margin: 3px;
	background-image: none;
}

label.TimeButton.ui-button input {
	left: 20px;
	right: 0px;
}


label.TimeButton.ui-button.ui-state-hover {
	color: var(--buttonSecColor);
    background-color: var(--buttonMainColor);
}

#SelectAmendTimeSurround {
	width: 260px;
	height: auto;
	margin-left: 23px;
}


#DropDownSeats-button, #DropDownSeats-button.ui-state-hover, #DropDownSessions-button, #DropDownSessions-button.ui-state-hover   {
	background-color: white;
	color: black;
	background-image: none;
}

#DropDownSeats-button > span.ui-icon.ui-icon-triangle-1-s, #DropDownSeats-button > span.ui-icon.ui-icon-triangle-1-s.ui-state-hover, #DropDownSessions-button > span.ui-icon.ui-icon-triangle-1-s, 
#DropDownSessions-button > span.ui-icon.ui-icon-triangle-1-s.ui-state-hover {
	background-image: url("themes/ui-1.11.4/CustomThemes/Alacer-Grey-Pink/images/ui-icons_4e5659_256x240.png");
}

#DropDownSeats-menu li, #DropDownSessions-menu li {
	color: black;
}

#restaurantBookingInsert {
	margin-bottom: 10px;
}

label.TimeButton.ui-button.ui-state-active {
	color: var(--buttonSecColor);
	background-color: var(--buttonMainColor);
}

#contentHolder {
	padding-bottom: 0;
}

#loginBanner {
	padding-top: 20px;
}

#Navigation {
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}

#ButtonGuestNext, #buttonPaymentNext, #ButtonSummaryBook {
	float: right;
}

#NavigationPasswordUpdate {
	padding-bottom: 30px;
}

body > div[aria-describedby="maxCoverDetailsDialog"], body > div[aria-describedby="cancelBooking"] {
	top: 120px !important;
}

#myBookingsBackButton {
	margin-bottom: 20px;
}

.ui-checkbox.ui-state-default > .ui-icon {
	background-image: url("themes/ui-1.11.4/CustomThemes/Alacer-Grey-Pink/images/ui-icons_d60075_256x240.png");
}

/*
#guestWelcomeLabel {
	padding-right: 0 !important;
	float: right;
}

#LoginArea {
	padding-right: 15.25px;
}
*/

#BackSubmit {
	padding-left: 0;
	padding-right: 0;
}

#BookingSubmit { 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#guestWelcomeLabel {
	float: right;
	padding-right: 0 !important;
}

#BookingLinks {
	padding-left: 0 !important;
}

#NavigationMyAccountBack, #NavigationMyAccountNewBooking {
	margin-left: 0;
	margin-right: 0;
}

#ButtonGuestPasswordUpdateCancel, #ButtonGuestPasswordUpdateSave {
	width: 46%;
}

#amendBooking > form {
	margin-bottom: 20px;
}

#LabelAmendValidation {
	position: absolute;
	top: 50px;
	left: 90px;
}

div.ui-dialog[aria-describedby="amendBooking"] {
	top: 20px !important;
}

#SelectionTime input {
	display: none;
}

#MyAccountPageTitle {
	color: var(--buttonMainColor);
}

#myBookingsDivScroll {
	overflow-y: auto;
	margin-left: 0;
}

#myBookingsDivScroll .Date {
	text-align: center;
}

#ButtonGuestPasswordUpdateCancel, #ButtonGuestPasswordUpdateSave {
	padding-top: 0;
	padding-bottom: 0;
}