:root {
	--backgroundColor: #232323;
	--backgroundColorGrey: #494949;
	--mainColor: #A27F5A;
}

* {
	color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid var(--mainColor);
	background-image: none;
	background-color: var(--backgroundColor);
}

.ui-button.ui-state-default {
	background-color: var(--mainColor);
	color: white;
}

.ui-button.ui-state-hover {
	background-color: var(--backgroundColor);
	color: var(--mainColor);
}

#restaurantContainer {
	background-color: var(--backgroundColor);
	border: 1px solid white;
}

#loginBanner {
	background-color: var(--backgroundColorGrey);
}

#BookingLinks {
	padding-top: 10px;
	padding-bottom: 10px;
}

#loginlink {
	color: white;
}

table.ui-datepicker-calendar th{
	background-color: var(--backgroundColor);
	color: #e7e6e6;
	border: 1px solid white;
}

table.ui-datepicker-calendar td a {
	border: 1px solid white;
}

table.ui-datepicker-calendar td a.ui-state-default {
	color: var(--mainColor);
}

table.ui-datepicker-calendar td a.ui-state-active {
	color: white;
	background-color: var(--mainColor);
}

.ui-datepicker-month, .ui-datepicker-year {
	background-color: var(--backgroundColor);
}

.ui-datepicker-prev:not(.ui-state-disabled), .ui-datepicker-next:not(.ui-state-disabled) {
	cursor: pointer;
}

input.error, select.error {
	color: white;
	background-color: var(--backgroundColorGrey);
	text-decoration: none;
}

#SelectionTime button {
	float: none;
}

.ui-widget-header a, #guestWelcomeLabel {
	color: white;
}

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

#myBookingsTable th {
	background-color: var(--backgroundColor);
}

.ui-dialog.ui-widget.ui-widget-content {
	background-color: var(--backgroundColor);
	border: 1px solid white;
}

.ui-widget-content {
	background: none;
}

.ui-widget-header {
	color: white;
}

#surroundAmend #CalendarAmendSurround .ui-datepicker-month, #surroundAmend #CalendarAmendSurround .ui-datepicker-year {
	background-color: transparent;
}

#ChangeTimeSubmit, #ChangeDetailsSubmit {
	background-color: var(--mainColor);
}

#ChangeTimeSubmit:hover, #ChangeDetailsSubmit:hover {
	background-color: var(--background-color);
}

#SelectAmendTimeSurround .buttonSet label {
	float: none;
}

#SelectAmendTimeSurround .buttonSet label.ui-state-active {
	background-color: var(--background-color);
	color: var(--mainColor);
}

#userEmail, #userPassword, #resetPasswordUserEmail {
	background-color: var(--backgroundColor);
	color: white;
	border: 1px solid var(--mainColor);
}

div#confirmEmailEntryLabel {
	color: transparent;
}

div#confirmEmailEntryLabel:before {
	content: "Confirm Email";
	color: white;
}