/* 2 - Main Booking Page */
/* 2.1 Page Backgrounds */
/* Main Booking Page - Page Backgrounds - Body */
html, body {
	background: #FFFFFF;
}

/* Main Booking Page - Page Backgrounds - Page */
.page {
	background: #e6e6e6;
	padding: 0px !important;
}

/* 2.2 - Header */
/* Main Booking Page - Header - Background */
.header { 
	background: #123646;
	}

/* Main Booking Page - Header - Title */
.header__title { 
	color: #ffffff;
	font-weight: 400;
}
.header__title a {
    color: #ffffff !important;
}
.header__title li:last-child {
    color: #538ca6 !important;
}
.header__title li svg {
    fill: #ffffff !important;
}
/* Main Booking Page - Header - 'Create Account', Question Mark & 'Sign In' */
.signin-link { 
	color: #ffffff !important;
}
.signin-link:hover { 
	color: #f6fbfa !important;
}

/* Main Booking Page - Header - Signed in User */
.patient a.patient__name { 
	color: #ffffff !important;
}
.patient a.patient__name:hover { 
	color: #f6fbfa !important;
}

/* Main Booking Page - Header - Hamburger Menu */
.header__menu-toggler { 
	color: #ffffff !important;
}
.header__menu-toggler:hover { 
	color: #f6fbfa !important;
}

/* 2.3 - Hamburger Dropdown */
/* Main Booking Page - Hamburger Dropdown - Background */
.menu_show {
	background: #ffffff;
}

/* Main Booking Page - Hamburger Dropdown - Headings */
.menu__header {
	color: #123646;
}

/* Main Booking Page - Hamburger Dropdown - Text */
.menu__item {
	color: #123646;
}

/* Main Booking Page - Hamburger Dropdown - Text Not Selectable */
.menu__item_disabled {
	color: #000000;
}

/* Main Booking Page - Hamburger Dropdown - 'Sign Out' */
.menu__item_signOut {
	color: #123646;
}

/* Main Booking Page - Hamburger Dropdown - Link Hover */
.menu__item:hover {
	background-color: #123646 !important;
	color: #FFFFFF;
}



/* 2.4 - Search Bar */
/* Main Booking Page - Search Bar - Background */
.search-params__options { 
	background: #FFFFFF;
}

/* Main Booking Page - Search Bar - Blank Provider Icon */
.portraitMini__icon {
	border: 1px solid #123646;
}
.icon_usersBig {
	fill: #123646;
}

/* Main Booking Page - Search Bar - Practice Name */
.search-params__col_practiceName p { 
	color: #123646;
}

/* 4.2.1 - Dropdowns */
/* Main Booking Page - Search Bar - Dropdowns - Labels */
.select_focused .select__label, .select_hasContent .select__label  { 
	color: rgba(0,0,0,0.5);
	background: #FFFFFF;
}

/* Main Booking Page - Search Bar - Dropdowns - Background */
.selectize-control.single .selectize-input, .selectize-dropdown.single,.select__chevron {
	background: #FFFFFF;
	box-shadow: none;
}

/* Main Booking Page - Search Bar - Dropdowns - Chevrons */
.select__chevronIcon {
	fill: #000000;
}
.select:not(.select_disabled):hover .select__chevronIcon,
.select_focused .select__chevronIcon {
	fill: #2383c6;
}

/* Main Booking Page - Search Bar - Dropdowns - Border */
.select .selectize-input {
	box-shadow: none !important;
	border: 1px solid rgba(0, 0, 0, 0.5) !important;
	border-width: 0 0 1px !important;
}
.select:hover .select__line {
	border-top-color: #2383c6;
}

/* Main Booking Page - Search Bar - Dropdowns - Text */
.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable], .selectize-input>*, .select_showPlaceholder .select__placeholder { 
	color: #000000;
}

/* Main Booking Page - Search Bar - Dropdowns - Currently selected */
.active .ui-select-choices-row-inner { 
	color: #000000;
	background-color: #f5f5f5;
}

/* Main Booking Page - Search Bar - Dropdowns - Selection Hover */
.selectize-dropdown [data-selectable]:hover { 
	color: #000000;
	background: #f5f5f5;
}

/* Main Booking Page - Search Bar - Dropdowns - Scrollbar  */
.simplebar-scrollbar::before {
	background: #3a99c8;;
}

/* Main Booking Page - Search Bar - Dropdowns - Promotions Value  */
.select_inline .select__optionSuffix {
	color: #e67e35;
}



/* 2.5 - Calendar  */
/* Main Booking Page - Calendar - Background  */
.search-aside__element { 
	background: #FFFFFF;
}

/* Main Booking Page - Calendar - Month/Year  */
.datepicker-switch { 
	color: #123646 !important;
}

/* Main Booking Page - Calendar - Month/Year <> */
.datepicker .next, .datepicker .prev { 
	color: #123646;
}
.datepicker .next:hover, .datepicker .prev:hover { 
	color: #59727D;
}

/* Main Booking Page - Calendar -  Days & Underline  */
.datepicker-days thead tr:last-child .dow, .datepicker-months thead tr:last-child .dow, .datepicker-years thead tr:last-child .dow { 
	color: #123646;
	border-bottom: 1px solid #d1d0cf;
}

/* 2.5.1 - Availability  */
/* Main Booking Page - Calendar - Availability - Available This Month  */
.datepicker-days td.day { 
	color: #123646;
	box-shadow: inset 0 0 0 1px #123646;
	background: #FFFFFF;
}
.datepicker-days td.day:hover { 
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px #123646;
	background: #123646;
}

/* Main Booking Page - Calendar - Availability - Selected Day/s */
.datepicker-days td.active.day { 
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px #123646;
	background: #123646;
}

/* Main Booking Page - Calendar - Availability - No Availability */
.datepicker-days td.disabled.day { 
	color: #a9a9a8;
	box-shadow: inset 0 0 0 1px transparent;
	background: transparent;
}
.datepicker-days td.disabled.day:hover { 
	color: #a9a9a8;
	box-shadow: inset 0 0 0 1px transparent;
	background: transparent;
}

/* Main Booking Page - Calendar - Availability - Available Next Month  */
.datepicker-days td.new {
	color: #123646;
	box-shadow: inset 0 0 0 1px #123646;
	background: #FFFFFF;
	opacity: .5;
}
.datepicker-days td.new:hover { 
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px #123646;
	background: #123646;
	opacity: .5;
}

/* Main Booking Page - Calendar - Availability - Promotion Selected */
.datepicker-days td:not(.disabled).promoted {
	color: #3e3e3e;
	box-shadow: inset 0 0 0 1px #e67e35;
	background: #FFFFFF;
}
.datepicker-days td:not(.disabled).promoted:hover {
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px #e67e35;
	background: #e67e35;
}

/* 2.5.1 - Period Selectors  */
/* Main Booking Page - Calendar - Period Selectors - 'Today','Tomorrow','This Week','Next Week' & 'Next Available' */
.button_light { 
	color: #FFFFFF;
	background: #123646;
}
.button_light_active {
	color: #ffffff;
	background: #59727d;
}
.button_light:hover { 
	color: #ffffff;
	background: #59727d;
}

/* 2.6 - Book Several  */
/* Main Booking Page - Book Several - 'Book several appointments' */
.severalBooking { 
	color: #000000;
}

/* Main Booking Page - Book Several - Toggle  */
.toggler { 
	Background: #cccccc;
}
.toggler_active{ 
	Background: #123646;
}
.toggler::before { 
	Background: #FFFFFF;
}

/* Main Booking Page - Book Several - 'Clear all' */
.severalBooking__clearButton {
	color: #e84948;
}
.severalBooking__clearButton:disabled {
	color: #a9a9a8;
}

/* Main Booking Page - Book Several - Info When No Bookings Selected */
.severalBooking__text p {
	color: #a9a9a8;
}

/* Main Booking Page - Book Several - Info When Bookings Selected */
.bookingInfo__title {
	color: #123646;
	border-bottom: 1px solid #123646;
}
.bookingInfo__remove::before, .bookingInfo__remove::after {
	background: #e84948;
}
.bookingInfo__dateAndPrice {
	color: 000000;
}
.bookingInfo__term {
	color: rgba(0,0,0,0.5);
}
.bookingInfo__value {
	color: #000000;
}
.bookingInfo__duration {
	color: #000000;
}

/* Main Booking Page - Book Several - 'Book All' Button */
.severalBooking__bookButton {
	background: #123646;
	color: #FFFFFF;
}
.severalBooking__bookButton:hover {
	background: #214b5d;
	color: #FFFFFF;
}
.severalBooking__bookButton:disabled {
	color: #a9a9a8;
	background: #FFFFFF;
}



/* 2.7 - Promotions */
/* Main Booking Page - Promotions - Title */
.availablePromotions__title {
	color: #000000;
}

/* Main Booking Page - Promotions - Unselected  Promotion Including % Icon */
.availablePromotions__item {
	color: #e67e35;
	background: #fff2e8;
}
.icon_promotion path{
	fill: #e67e35;
}
.icon_promotion .percentColor {
		fill: #FFFFFF;
}

/* Main Booking Page - Promotions - Promotions Selected Including Tick */
.availablePromotions__item_active {
	background: #e67e35;
	color: #ffffff;
}
.availablePromotions__item_active .availablePromotions__itemIcon {
	background: #fff2e8;
	color: #e67e35;
}



/* 2.8 - Availability Window */
/* Main Booking Page - Availability Window - Background */
.search__results {
	background: #FFFFFF;
}

/* Main Booking Page - Availability Window - Heading */
.search-location__period {
	color: #123646;
	border-bottom: 1px #123646 solid
}

/* Main Booking Page - Availability Window - 'Today' */
.search-location__dayToday {
	color: #123646;
}

/* Main Booking Page - Availability Window - 'Tomorrow' */
.search-location__dayTomorrow {
	color: #123646;
}

/* Main Booking Page - Availability Window - Date Text Colour */
.search-location__dayInfo {
	color: #123646;
}

/* Main Booking Page - Availability Window -  Disabled Slot - Underway booking */
.time.time__label_disabled {
	background-color: #eee;
	color: #ccc;
}

/* Main Booking Page - Availability Window -  Disabled Slot - Past Time */
.time.time__label_disabled2 {
	background-color: #ccc;
	color: #eee;
}

/* Main Booking Page - Availability Window - AM Time Slots */
.time__label {
	background: #F6FBFA;
	color: #123646;
}
.time__label:hover {
	background: #123646;
	color: #FFFFFF;
	box-shadow: 0 0 0 1px #123646;
}

/* Main Booking Page - Availability Window - PM Time Slots */
.time__label_pm {
	background: #F6FBFA;
	color: #123646;
}
.time__label_pm:hover {
	background: #123646;
	color: #FFFFFF;
	box-shadow: 0 0 0 1px #123646;
}

/* Main Booking Page - Availability Window - 'More' Button */
.search-location__switcher-text {
	color: #123646;
}
.search-location__switcher-text:hover {
	color: #59727D;
}



/* 3 - Booking Page (User Logged In) */
/* 3.1 - Progress Bar */
/* Booking Page (User Logged In) - Progress Bar */
.progress__bar {
	background: #ffeb9f;
}
.progress {
	background: rgba(255,235,159,0.3);
	margin-left: 0px;
    width: calc(100% + 0px);
}
.progress__text {
	color: #000000;
}

/* 3.2 - Booking Info */
/* Booking Page (User Logged In) - Booking Info - Booking number (Multi booking only) */
.confirmationApp__index {
	color: rgba(0,0,0,0.4);
}

/* Booking Page (User Logged In) - Booking Info - Background */
.booking {
	background: #FFFFFF;
}
.booking__title {
	background: #123646;
}

/* Booking Page (User Logged In) - Booking Info - Date */
.booking__date {
	color: #FFFFFF!important;
}

/* Booking Page (User Logged In) - Booking Info - Time */
.booking__time {
	color: #FFFFFF;
}
.booking__timeSecond {
	color: #FFFFFF;
}

/* Booking Page (User Logged In) - Booking Info - Location Name & Icon */
.booking__locationName {
	color: #123646;
}
.booking__locationName .icon_location {
	fill: #123646;
}
.booking__locationName:hover {
	color: #59727D;
}

/* Booking Page (User Logged In) - Booking Info - Reason */
.booking__reason {
	color: #000000 !important;
}

/* Booking Page (User Logged In) - Booking Info - Provider */
.booking__providerName {
	color: #000000 !important;
}

/* Booking Page (User Logged In) - Booking Info – ‘Reason’ & ‘Provider’ */
.booking_confirmation .booking__term {
	color: #a9a9a8;
}

/* Booking Page (User Logged In) - Booking Info – Length */
.booking_confirmation .booking__duration, .booking__duration.ng-binding {
	color: #000000;
}

/* 3.3 - Patient Details */
/* Booking Page (User Logged In) - Patient Details - Background */
.confirmationApp__colRight, .signup {
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - Title */
.infoBox__title, .signup__title {
	color: #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Who will have this appointment?' */
.infoBox__subText {
	color: rgba(0,0,0,0.5);
}

/* Booking Page (User Logged In) - Patient Details - 'Me', 'Family Member' & '+ New Member' */
.buttonsGroup_islands button {
	background: #FFFFFF;
	color: #123646;
	border: 1px solid #123646;
}
.buttonsGroup_islands button:active, .buttonsGroup_islands button.button_active {
	background: #123646;
	color: #FFFFFF;
	border: 1px solid #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Name', 'DOB', 'Phone' & 'E-mail' */
.confirmationApp__colRight dt {
	color: #a9a9a8;
}

/* Booking Page (User Logged In) - Patient Details - Patient Information */
.confirmationApp__colRight dd {
	color: #000000;
}

/* Booking Page (User Logged In) - Patient Details - 'Remind by' */
.infoBox__smallTitle {
	color: #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Remind by' Options - Text */
.confirmationApp__colRight .checkbox__label-text {
	color: #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Remind by' Options - Selectable */
.checkbox__label::before {
	border-color: rgba(0,0,0,0.2);
}
.checkbox__input:checked ~ .checkbox__label svg {
	stroke: #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Remind by' Options - Disabled */
.checkbox__input:disabled + .checkbox__label::before, .checkbox__input:disabled:hover + .checkbox__label::before {
	border-color: rgba(0,0,0,0.2);
}
.checkbox__input:disabled + .checkbox__label svg, .checkbox__input:disabled:hover + .checkbox__label svg {
	stroke: rgba(0,0,0,0.4);
}

/* Booking Page (User Logged In) - Patient Details - 'Confirm' */
.button {
	background: #123646;
	color: #FFFFFF;
}
.button:hover {
	background: #f6fbfa;
	color: #123646;
}

/* Booking Page (User Logged In) - Patient Details - 'Back to search page' */
.link {
	color: #165c7d;
}
.link:hover {
	color: #3a99c8;
}

/* 3.3.1 - Popup Window */
/* Booking Page (User Logged In) - Patient Details - Popup Window - Background */
.popup__container {
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window - Title */
.popup__title {
	color: #3e3e3e;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Input Labels and Filler Text */
.input__labelText {
	color: rgba(0,0,0,0.5);
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Input Field Background */
.input input, .input__fakeInput {
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Input Field Text */
.input input {
	color: #000000;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Input Field Border */
.input input, .input__fakeInput {
	border: 1px solid rgba(0,0,0,0.2);
	border-width: 0 0 1px !important;
}
.input input:hover ~ .input__line {
	border-top-color: #165c7d;
}

/* 3.3.1.1 - Date Picker */
/* Booking Page (User Logged In) - Patient Details - Popup Window – Date Picker - Background */
.datepicker-dropdown {
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Date Picker - Year & Month */
.datepicker-years span {
	color: #000000;
}
.datepicker-months span:not(.disabled):hover, .datepicker-years span:not(.disabled):hover {
	background: #2383c6;
	color: #FFFFFF;
	border-radius: 3px;
}

/* Booking Page (User Logged In) - Patient Details - Popup Window – Date Picker - Year & Month in Future */
.datepicker-months span.disabled, .datepicker-years span.disabled {
	color: rgba(0,0,0,0.2);
}

/* 3.3.2 - 'Notes' */
/* Booking Page (User Logged In) - Patient Details - 'Notes' - Filler Text */
.textarea label {
	background: #FFFFFF;
	color: rgba(0,0,0,0.5);
}

/* Booking Page (User Logged In) - Patient Details - 'Notes' – Background */
.textarea textarea {
	background: #FFFFFF;
}

/* Booking Page (User Logged In) - Patient Details - 'Notes' – Border */
.textarea textarea {
	border-color: rgba(0,0,0,0.2);
}
.textarea textarea:hover, .textarea textarea:hover ~ .textarea__line {
	border-color: #2383c6;
}
.textarea textarea:focus, .textarea_inline textarea:focus ~ .textarea__line {
	border-color: #2383c6;
}

/* Booking Page (User Logged In) - Patient Details - 'Notes' – Label */
.textarea textarea:focus ~ label, .textarea_hasContent label {
	background: #FFFFFF;
	color: #2383c6;
}

/* Booking Page (User Logged In) - Patient Details - 'Notes' – Placeholder Text */
.textarea_showPlaceholder textarea:focus::placeholder {
	color: rgba(0,0,0,0.5);
}

/* Booking Page (User Logged In) - Patient Details - 'Notes' – Entered Text */
.textarea textarea {
	color: #000000;
}



/* 4 - Booking Page (Easy Booking Mode) */
/* 4.2 - Patient Details */
/* Booking Page (Easy Booking Mode) - Patient Details - ‘Optional’ & ‘You will be sent…’ Text */
.signup__text {
	color: #9f9f9f;
}

/* Booking Page (Easy Booking Mode) - Patient Details - ‘Book now' */
.button:disabled {
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.25);
}

/* 4.3 - Miscellaneous */
/* Booking Page (Easy Booking Mode) - Patient Details - Social Media ‘or' */
.socialSignin__text {
	color: #9a9a99;
}



/* 5 - Booking Confirmation (User Logged In) */
/* 5.1 - Title */
/* Booking Confirmation (User Logged In) - Title */
.page__title {
	color: #FFFFFF;
}

/* 5.2 - Redirect */
/* Booking Confirmation (User Logged In) - Redirect - Background */
.page__backLink {
	background-color: #FFFFFF;
}

/* Booking Confirmation (User Logged In) - Redirect - Text */
.page__backLink p {
	color: #123646;
}

/* Booking Confirmation (User Logged In) - Redirect - Countdown */
.page__backLink p span:not(.noBreakWord) {
		color: #165c7d;
}

/* 5.3 - Appointment Details */
/* Booking Confirmation (User Logged In) – Appointment Details – Tick */
.easyBooking__check {
	fill: #123646;
}
.icon_gradient .color1 {
	stop-color: #267aa1;
}
.icon_gradient .color2 {
	stop-color: #75a2ca;
}

/* 5.4 - Patient Details */
/* Booking Confirmation (User Logged In) - Patient Details - Background */
.bookingPatientInfo {
	background: #FFFFFF;
}

/* Booking Confirmation (User Logged In) - Patient Details - Patient Name */
.bookingPatientInfo__title {
	color: #123646;
}

/* Booking Confirmation (User Logged In) - Patient Details - 'Remind by' */
.bookingPatientInfo__name {
	color: #a9a9a8;
}

/* Booking Confirmation (User Logged In) - Patient Details - Communications Methods */
.bookingPatientInfo__value {
	color: #123646;
}



/* 6 - Booking Confirmation (Easy Booking Mode) */
/* 6.4 - Patient Details */
/* Booking Confirmation (Easy Booking Mode) – Patient Details – Background */
.easyBooking__userInfo {
	background: #FFFFFF;
}

/* Booking Confirmation (Easy Booking Mode) – Patient Details – Title */
.easyBooking__userName {
	color: #123646;
}

/* Booking Confirmation (Easy Booking Mode) – Patient Details – Detail Titles */
.easyBooking__userTerm {
	color: #999999;
}

/* Booking Confirmation (Easy Booking Mode) – Patient Details – Details */
.easyBooking__userDesc {
	color: #123646;
}