/* ------------------------------------------------------------------------------------------------------------------ */

/* Light   -   24-09   -   C O L O R    S K I N           */

/* ------------------------------------------------------------------------------------------------------------------ */

/*  For best compatibility, please change parameters only in :root { ... } section  */

/* Round 1 */
:root {
	/* Round Properties */
	--wpbc_cal-day-cell-border-radius: 50%;
	--wpbc_cal-day-cell-border-width: 2px;
	--wpbc_cal-day-bg-color-opacity: 5%;
	--wpbc_cal-selected-day-bg-color-opacity: 90%;
	--wpbc_cal-text-general-size: 14px;
	--wpbc_cal-text-cost-size: 50%;
	--wpbc_cal-text-header-size: 13px;
	--wpbc_cal-text-weekdays-size: 10px;
	--wpbc_cal-text-prev-next-links-size: 25px;
	--wpbc_cal-main-background-color: #fff;
	--wpbc_cal-header-text-color: #000;
	--wpbc_cal-text-prev-next-links-color: #555;
	--wpbc_cal-text-weekdays-color: #555;
	--wpbc_cal-unavailable-day-color: var(--wpbc_cal-main-background-color);
	--wpbc_cal-unavailable-text-color: rgba(212, 212, 212, .78);
	--wpbc_cal-available-day-color: #fff;
	--wpbc_cal-available-text-color: #000;
	--wpbc_cal-approved-day-color: #c66814;
	--wpbc_cal-approved-text-color: #c25b00;
	--wpbc_cal-pending-day-color: #7281bf;
	--wpbc_cal-pending-text-color: #5b6697;
	--wpbc_cal-selected-day-color: #6b96ce;
	--wpbc_cal-selected-text-color: #fff;
	--wpbc_cal-hover-day-color: #6b96ce;
	--wpbc_cal-hover-text-color: #65778d;
	--wpbc_cal-timespartly-day-color: #a8973c;
	--wpbc_cal-timespartly-text-color: #998a3a;
	--wpbc_cal-day-cells-padding: 2px;
}

/* Color Scheme: - .violet 1 */
:root.violet {
	--wpbc_cal-unavailable-day-color: #fff;
	--wpbc_cal-unavailable-text-color: rgba(212, 212, 212, .78);
	--wpbc_cal-available-day-color: #fff;
	--wpbc_cal-available-text-color: #000;
	--wpbc_cal-approved-day-color: #efa557;
	--wpbc_cal-approved-text-color: #fff;
	--wpbc_cal-pending-day-color: #635bff;
	--wpbc_cal-pending-text-color: #fff;
	--wpbc_cal-selected-day-color: #589fc1;
	--wpbc_cal-selected-text-color: #fff;
	--wpbc_cal-hover-day-color: rgba(88, 159, 193, .43);
	--wpbc_cal-hover-text-color: #fff;
	--wpbc_cal-timespartly-day-color: #7e6fb3;
	--wpbc_cal-timespartly-text-color: #fff;
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* !!! Round Properties !!!  */

/* ------------------------------------------------------------------------------------------------------------------ */

/* Change Over days fix for Rounded Day Cells */
.wpbc-cell-box .wpbc-diagonal-el svg {
	width: calc(100% + 0px);
	height: calc(100% + 0px);
	border-radius: var(--wpbc_cal-day-cell-border-radius);
}

.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box .wpbc-diagonal-el, .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-diagonal-el {
	margin-left: 0;
	margin-top: 0;
}

div.wpbc-cell-box .wpbc-diagonal-el svg polygon {
	fill: transparent;
}

/* Round Perfect Square Dates. Support in Browsers since 2021 y. */
.datepick-inline td.datepick-days-cell {
	aspect-ratio: 1/1;
}

.datepick-inline td.datepick-days-cell .wpbc-cell-box {
	padding: 0;
	margin: 0;
	position: relative;
	border-radius: var(--wpbc_cal-day-cell-border-radius);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: calc(100% - var(--wpbc_cal-day-cell-border-width) - var(--wpbc_cal-day-cell-border-width));
	height: auto;
	aspect-ratio: 1/1;
}

/*! == Safari Only ==   Required Hack for showing 'Perfect Square Dates' on Safari and on iOS */
@supports (-webkit-backdrop-filter: blur(1px)) {
	.datepick-inline td.datepick-days-cell .wpbc-cell-box {
		height: 100%;
	}
}

/* Center Day Number */
.datepick-inline .datepick-days-cell .date-cell-content span, .datepick-inline .datepick-days-cell .date-cell-content a {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}

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

/* Other CSS                                                                                                          */

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

/* Font Sizes */
.booking_form_div div.bk_calendar_frame div {
	font-size: var(--wpbc_cal-text-general-size);
}

/* Calendar Legend */
div.block_hints.datepick {}

div.block_hints.datepick * {
	font-size: var(--wpbc_cal-text-general-size);
}

.block_check_in_out, .block_pending, .block_time, .block_booked, .block_free {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 32px;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-content: center;
}

.block_hints.datepick .wpdev_hint_with_text .wpbc_calendar_legend_table_width_height, .block_hints.datepick .wpdev_hint_with_text .wpbc_calendar_legend_table_width_height table {
	min-width: var(--wpbc_cal_legend-day-cell-width, 40px);
	width: var(--wpbc_cal_legend-day-cell-width, 40px) !important;
	width: calc(var(--wpbc_cal_legend-day-cell-width, 40px) + var(--wpbc_cal-day-cells-padding, 0px) + var(--wpbc_cal-day-cells-padding, 0px)) !important;
	height: var(--wpbc_cal_legend-day-cell-height, 40px) !important;
	height: calc(var(--wpbc_cal_legend-day-cell-width, 40px) + var(--wpbc_cal-day-cells-padding, 0px) + var(--wpbc_cal-day-cells-padding, 0px)) !important;
}

.block_hints.datepick .wpdev_hint_with_text .wpbc_calendar_legend_table_width_height table.datepick.wpbc_calendar, .block_hints.datepick .wpdev_hint_with_text .wpbc_calendar_legend_table_width_height .wpbc_calendar_legend_day_cell_height {
	height: var(--wpbc_cal_legend-day-cell-height, 40px) !important;
	border-width: 0;
}

.block_hints.datepick .datepick-inline {
	margin-top: -3px;
}

.block_hints .datepick-inline table.datepick.wpbc_calendar, .block_hints .datepick-inline, .block_hints .datepick-inline .datepick {
	background: transparent;
}

/*
.block_hints .datepick-inline .date_available .wpbc-cell-box {
    background: var( --wpbc_cal-main-background-color );
    background: rgb(from var(--wpbc_cal-available-day-color) r g b / 100%);
}
.block_hints .datepick-inline .date_approved .wpbc-cell-box {
    background: rgb(from var(--wpbc_cal-approved-day-color) r g b / 100%);
}
.block_hints .datepick-inline .date2approve .wpbc-cell-box {
    background: rgb(from var(--wpbc_cal-pending-day-color) r g b / 100%);
}
 */
.block_hints .block_free {
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-available-day-color);
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* ==  From  Calendar.css  ==  */

/* ------------------------------------------------------------------------------------------------------------------ */
div.datepick-inline table.datepick, div.datepick-inline table.datepick th, div.datepick-inline table.datepick td {
	border-width: 0;
}

.datepick-inline .datepick, .datepick-inline .calendar-links, .datepick-inline .calendar-links a, .datepick-inline .datepick-days-cell, .datepick-inline .datepick-days-cell a, .datepick-inline .datepick-days-cell div, .datepick-inline .datepick-title-row, .datepick-inline .datepick-title-row th {
	font-size: var(--wpbc_cal-text-general-size);
}

/* Mo Tu We Th Fr Sa Su */

/*#wpbc-new-admin-page .booking_form_div .datepick-inline .datepick .datepick-title-row th,*/

/*#wpbc-new-admin-page .booking_form_div .datepick-inline .datepick .datepick-title-row th *,*/
.datepick-inline .datepick .datepick-title-row th {
	font-size: var(--wpbc_cal-text-weekdays-size);
}

/* Month Name */

/*#wpbc-new-admin-page .datepick-inline .datepick-header, */

/*#wpbc-new-admin-page .datepick-inline .datepick-header span,*/
.datepick-inline .datepick-header, .datepick-inline .datepick-header span {
	font-size: var(--wpbc_cal-text-header-size);
}

/* Next/Prev Month Links */
.datepick-inline .calendar-links {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 40px;
	margin-bottom: -40px;
}

.datepick-inline .calendar-links .datepick-prev, .datepick-inline .calendar-links .datepick-next {
	flex: 0 1 30px;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: flex-end;
	margin: 0;
	line-height: 2em;
}

.datepick-inline .calendar-links .datepick-prev a, .datepick-inline .calendar-links .datepick-next a, .datepick-inline .calendar-links .datepick-prev a:hover, .datepick-inline .calendar-links .datepick-next a:hover {}

/* ------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------ */

/* Full Calendar Frame */
.datepick-inline {
	background: var(--wpbc_cal-main-background-color);
	border: 0px solid #555;
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .08);
	border-radius: 4px;
	padding: 0;
}

/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2
table.wpbc_calendar tr:nth-child(2n) > td,
table.wpbc_calendar tr:nth-child(2n+1) > td {
  background-color: transparent;
}
*/

/* Background of one calendar month */
.datepick-inline .datepick-one-month {
	padding: 3px;
}

/* //FixIn: 10.9.2.2 */
.datepick-inline table.datepick.wpbc_calendar, .datepick-inline .datepick, .datepick-inline:not(.wpbc_calendar_legend_table_width_height) .datepick thead, .datepick-inline:not(.wpbc_calendar_legend_table_width_height) .datepick tbody {
	background: var(--wpbc_cal-main-background-color);
}

.wpbc_ajx_avy__calendar .datepick-inline:not(.wpbc_calendar_legend_table_width_height) .datepick tbody {
	background: transparent;
}

/* Previous & Next links  and TITLE BACKGROUND */
.datepick-inline .calendar-links {
	border-bottom: none;
}

/* Prev - Next Text */
.datepick-inline .calendar-links .datepick-prev a, .datepick-inline .calendar-links .datepick-next a, .datepick-inline .calendar-links .datepick-prev a:hover, .datepick-inline .calendar-links .datepick-next a:hover {
	color: var(--wpbc_cal-text-prev-next-links-color);
	text-shadow: none;
	font-weight: 400;
	padding: 0 12px 0px;
	font-size: var(--wpbc_cal-text-prev-next-links-size);
}

/* Month Titles */
.datepick-inline .datepick-header {
	color: var(--wpbc_cal-header-text-color);
	font-weight: 600;
	text-shadow: none;
	margin: -3px 0 4px;
	background: transparent;
}

/* One month only, hide white padding */
.datepick-inline:not(.datepick-multi) .datepick-one-month {
	padding: 0;
}

.datepick-inline:not(.datepick-multi) .datepick-header {
	margin: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 0 0 17px;
	box-sizing: border-box;
}

/* Week Titles */
div.datepick-inline .datepick-title-row th {
	border: 1px solid #ccc;
	color: var(--wpbc_cal-text-weekdays-color);
	font-weight: 600;
	text-transform: uppercase;
}

/* Cell border*/
.block_hints .block_free, .block_hints .block_time, .block_hints .block_booked, .block_hints .block_pending, .block_hints .block_check_in_out, .datepick-inline .datepick-days-cell {
	border: 0 solid #e1e1e1;
	color: #4b4b4b;
	border-radius: var(--wpbc_cal-day-cell-border-radius);
	border-radius: 6px;
	border-radius: var(--wpbc_cal-day-cell-border-radius);
	border-color: transparent;
	border-width: var(--wpbc_cal-day-cell-border-width) !important;
	box-sizing: border-box;
}

/* Basically  this is padding between the dates: */
.datepick-inline th, .datepick-inline .datepick-days-cell, div.datepick-inline table.datepick.wpbc_calendar th, div.datepick-inline table.datepick.wpbc_calendar td.datepick-days-cell {
	border-width: var(--wpbc_cal-day-cells-padding) !important;
	box-sizing: border-box;
}

.datepick-inline th {
	border-color: var(--wpbc_cal-main-background-color) !important;
}

/* Top and bottom "cost text" in day cells */
.datepick-inline .datepick-days-cell div.date-content-bottom, .datepick-inline .datepick-days-cell div.date-content-top {
	font-weight: 400;
	color: var(--wpbc_cal-available-text-color);
	font-size: var(--wpbc_cal-text-cost-size);
}

/* Selected dates - Top and bottom "cost text" in day cells */
.datepick-inline .datepick-days-cell.datepick-current-day div.date-content-bottom, .datepick-inline .datepick-days-cell.datepick-current-day div.date-content-top {}

/******************************************************************************** FixIn: 9.5.0.2 */

/*  New Stripes - Unavailable Cells - for  Booking > Availability page  ********/

/*******************************************************************************/

/* Stripes */
.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable, .datepick-current-day, .datepick-days-cell-over) .wpbc-cell-box {
	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #eaeaeb 4px, #eaeaeb 8px );*/
	
	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #f5f5ef 4px, #f5f5cf 8px );*/
	background: repeating-linear-gradient(-45deg, #eee 0 3px, var(--wpbc_cal-main-background-color) 3px 8px);
}

/* Unselectable dates  &  headers - calendar empty cells */
.wpbc_ajx_availability_container .datepick-inline  th, .wpbc_ajx_availability_container .datepick-inline .datepick-days-cell.datepick-unselectable {
	background: var(--wpbc_cal-main-background-color);
}

/* "Before/After" unavailable days from  Settings General page in "Availability" section */

/* "Weekdays" unavailable  from  Settings General page in "Availability" section */

/* "SEASON" unavailable dates  defined at  Booking > Resources > Availability page */

/* It is all unavailable dates */
.wpbc_ajx_availability_container .datepick-inline .date_user_unavailable, .wpbc_ajx_availability_container .datepick-inline .before_after_unavailable, .wpbc_ajx_availability_container .datepick-inline .weekdays_unavailable, .wpbc_ajx_availability_container .datepick-inline .season_unavailable {
	background: var(--wpbc_cal-main-background-color);
}

/* It is all unavailable RESOURCE dates defined at Booking > Availability page */
.wpbc_ajx_availability_container .resource_unavailable:not(.datepick-unselectable) {
	background: transparent;
	color: #fff;
}

/* Unavailable SELECTABLE days for Booking > Availability page */
.block_hints .datepick-inline .datepick-days-cell.date_user_unavailable a, .datepick-inline .datepick-days-cell.date_user_unavailable:not(.datepick-unselectable) a {
	color: #ccc;
}

/* Unselectable dates - hide check in/out */
.wpbc_ajx_availability_container .datepick-inline td.datepick-days-cell.check_in_time.datepick-unselectable .wpbc-cell-box .wpbc-diagonal-el, .wpbc_ajx_availability_container .datepick-inline td.datepick-days-cell.check_out_time.datepick-unselectable .wpbc-cell-box .wpbc-diagonal-el {
	display: none;
}

/*********************************************************************************/

/* U N S E L E C T A B L E    -   Usually when we select 1st date with range dates selection mode, previous dates become unselectable. */
div.wpbc_ajx_availability_container .datepick-inline .datepick-unselectable, .datepick-inline .datepick-unselectable {
	color: var(--wpbc_cal-unavailable-text-color);
	text-shadow: none;
	font-weight: 600;
}

.datepick-inline .datepick-unselectable span {
	/*  //FixIn: 8.9.4.13 */
	text-shadow: none;
}

/* Item  for the LEGEND */

/* Item  for the LEGEND */

/* Define the COLOR fot the check  in / out times the same as available*/

/******************************************************************************** FixIn End: 9.5.0.2 */

/*******************************************************************************/

/*  Dates Cells       **********************************************************/

/*******************************************************************************/

/* A V A I L A B L E - BACKGROUND */
.block_hints .block_free, .block_hints .block_time, .block_hints .block_check_in_out div.check-in-div, .block_hints .block_check_in_out div.check-out-div, .datepick-inline .date_available .wpbc-cell-box, .datepick-inline .timespartly.check_in_time div.check-in-div, .datepick-inline .timespartly.check_out_time div.check-out-div {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-available-day-color);
}

.block_hints .block_free {}

.datepick-inline .datepick-unselectable .wpbc-cell-box, .block_hints .datepick-unselectable .wpbc-cell-box {
	background: var(--wpbc_cal-main-background-color);
	background: var(--wpbc_cal-unavailable-day-color);
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-unavailable-day-color);
}

/* A V A I L A B L E  - Text A */
.block_hints .block_free a, .block_hints .block_time, .datepick-inline .date_available a {
	color: var(--wpbc_cal-available-text-color);
	font-weight: 600;
	text-shadow: none;
}

/*******************************************************************************/

/* T I M E   S L O T S */
.block_hints .block_time, .datepick-inline .timespartly {}

/* A P P R O V E D  - BACKGROUND for Check In Pending & Check Out Approved ||  Check Out Pending & Check In Approved   Dates    //FixIn: 6.0.1.2 */

/*******************************************************************************/

/* A P P R O V E D  - BACKGROUND */
.block_hints .date_approved.block_check_in_out, .block_hints .block_booked, .datepick-inline .date_approved .wpbc-cell-box, td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div, td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-approved-day-color);
}

/* A P P R O V E D  -  T E X T /including partially booked - timeslots/ */
.block_hints .date_approved.block_check_in_out, .block_hints .block_booked, .datepick-inline .date_approved .wpbc-cell-box, .block_hints .block_booked a, .datepick-inline .date_approved a {
	color: var(--wpbc_cal-approved-text-color);
	font-weight: 600;
	text-shadow: none;
}

/* Item  for the LEGEND */

/* CHECK IN and CHECK OUT  Borders for the approved cells - the COLOR have to be the SAME as BACKGROUND of this cell*/
.block_hints .date_approved.block_check_in_out div.check-in-div, .datepick-inline .date_approved.timespartly.check_in_time div.check-in-div {
	border-right: 1px dotted var(--wpbc_cal-approved-day-color);
}

/* Item  for the LEGEND */
.block_hints .date_approved.block_check_in_out div.check-out-div, .datepick-inline .date_approved.timespartly.check_out_time div.check-out-div {
	border-left: 1px dotted var(--wpbc_cal-approved-day-color);
}

/* P E N D I N G  - BACKGROUND for Check In Approved & Check Out Pending ||  Check Out Approved & Check In Pending    Dates     //FixIn: 6.0.1.2  */

/*******************************************************************************/

/* P E N D I N G  - BACKGROUND */
.block_hints .date2approve.block_check_in_out, .block_hints .block_pending, .datepick-inline .date2approve .wpbc-cell-box, td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div, td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-pending-day-color);
}

/* P E N D I N G  -  T E X T /including partially booked - timeslots/ */
.block_hints .date2approve.block_check_in_out, .block_hints .block_pending, .datepick-inline .date2approve .wpbc-cell-box, .block_hints .block_pending a, .datepick-inline .date2approve a {
	color: var(--wpbc_cal-pending-text-color);
	font-weight: 600;
	text-shadow: none;
}

/* Strike Text  for booked dates */
.block_hints .block_pending span *:after, .datepick-inline .date_approved span:after, .block_hints .block_booked span *:after, .datepick-inline .date2approve span:after {
	border-top: 0px solid;
	position: absolute;
	content: "";
	right: 0;
	top: calc(50% + 1px);
	left: 25%;
	width: 50%;
}

/*******************************************************************************/

/* TIME SLOTs (partially booked) - BACKGROUND */
.datepick-inline .date2approve.timespartly  .wpbc-cell-box, .datepick-inline .date_approved.timespartly  .wpbc-cell-box {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-timespartly-day-color);
}

/* TIME SLOTs (partially booked) - TEXT */
.datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) .wpbc_time_dots, .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) .wpbc_time_dots, .datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) a, .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) a, .datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) span, .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) span {
	color: var(--wpbc_cal-timespartly-text-color);
	font-weight: 600;
	text-shadow: none;
}

/* Item  for the LEGEND */

/*******************************************************************************/

/* CHECK IN and CHECK OUT  Borders for the Pending cells - the COLOR have to be the SAME as BACKGROUND of this cell*/
.block_hints .date2approve.block_check_in_out div.check-in-div, .datepick-inline .date2approve.timespartly.check_in_time div.check-in-div {
	border-right: 1px dotted var(--wpbc_cal-pending-day-color);
}

/* Item  for the LEGEND */
.block_hints .date2approve.block_check_in_out div.check-out-div, .datepick-inline .date2approve.timespartly.check_out_time div.check-out-div {
	border-left: 1px dotted var(--wpbc_cal-pending-day-color);
}

/*******************************************************************************/

/* S E L E C T E D   Dates - Background */
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-selected-day-color);
}

/*  //FixIn: 8.9.4.13 */

/* S E L E C T E D   Dates - Text color */

/* S E L E C T E D   Dates - Text color */
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots, .datepick-inline div.datepick-one-month .datepick td.datepick-current-day a, .datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
	color: var(--wpbc_cal-selected-text-color);
	text-shadow: none;
}

/*******************************************************************************/

/* C e l l   O V E R   Dates - Background */
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over  .wpbc-cell-box, .datepick-inline .datepick .datepick-days-cell-over  .wpbc-cell-box {
	background: transparent;
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-hover-day-color);
}

/*  //FixIn: 8.9.4.13 */

/* C e l l   O V E R   Dates - Text color */
.datepick-inline  .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, .datepick-inline  .datepick-one-month .datepick td.datepick-days-cell-over a:hover, .datepick-inline  .datepick-one-month .datepick td.datepick-days-cell-over a {
	color: var(--wpbc_cal-hover-text-color);
	text-shadow: none;
}

/*******************************************************************************/

/* FixIn: 6.0.1.2 */

/* Text style for Check In Approved & Check Out Pending ||  Check Out Approved & Check In Pending || Check In Pending & Check Out Approved ||  Check Out Pending & Check In Approved   */
td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve span, td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve span, td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved span, td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved span {
	font-weight: 600;
	text-shadow: none;
}

/* Show partially (time-slots) booked days with Background color as for available days ********************************/

/* Color as in this section A V A I L A B L E - BACKGROUND */
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock  .wpbc-cell-box {
	background: transparent;
}

/* Same as in this Section above --- A V A I L A B L E  - Text A  */

/* TIME SLOTs (partially booked) - TEXT */
.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) .wpbc_time_dots, .wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) .wpbc_time_dots, .wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) a, .wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) a, .wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time, .check_out_time) span, .wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time, .check_out_time) span {
	color: var(--wpbc_cal-timespartly-text-color);
	font-weight: 600;
	text-shadow: none;
}

.wpbc_timeslot_day_bg_as_available .datepick-inline .timespartly:not(.check_in_time, .check_out_time) .wpbc_time_dots {
	font-weight: 600;
}

/*  Same as in this Section above --- S E L E C T E D   Dates - Text color */
.wpbc_timeslot_day_bg_as_available .datepick-inline .datepick-one-month .datepick .times_clock.date_available.datepick-current-day a {
	color: #eee;
	text-shadow: none;
}

/*   Same as in this Section above --- A V A I L A B L E  and UNSELECTABLE - Text */
.wpbc_timeslot_day_bg_as_available .datepick-inline .date_available {
	color: #ccc;
	text-shadow: none;
}

.datepick-inline .date_available span {
	text-shadow: none;
}

/*******************************************************************************/

/*  CHECK IN / OUT      as          P.O.L.Y.G.O.N.S        //FixIn: 8.9.4.13   */

/*******************************************************************************/

/* Fill diagonal check  in/out items with AVAILABLE background color */
.wpbc-cell-box .wpbc-diagonal-el svg polygon {
	fill: var(--wpbc_cal-available-day-color);
}

.datepick-inline .datepick-one-month .datepick td.datepick-days-cell.datepick-current-day .wpbc-cell-box .wpbc-diagonal-el {
	display: none;
}

.datepick-current-day .wpbc-cell-box  .wpbc-diagonal-el svg polygon {
	fill: var(--wpbc_cal-selected-day-color);
	display: block;
}

/* Firstly we define background of the day cells background as available */
.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box, .datepick-inline td.datepick-days-cell.check_out_time  .wpbc-cell-box {}

/* C e l l   O V E R   Dates */
.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box, .datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over  .wpbc-cell-box {
	background-color: var(--wpbc_cal-hover-day-color);
}

/* Check In  */

/* Check Out */

/* Pending */
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve     .wpbc-cell-box .wpbc-co-in svg polygon, .datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve   .wpbc-cell-box .wpbc-co-out svg polygon {
	fill: var(--wpbc_cal-pending-day-color);
	fill-opacity: 50%;
	fill-opacity: max(var(--wpbc_cal-day-bg-color-opacity), 50%);
}

.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box, .datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box {
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-pending-day-color);
}

/* Check In  */

/* Check Out */

/* Approved */
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved    .wpbc-cell-box .wpbc-co-in svg polygon, .datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved  .wpbc-cell-box .wpbc-co-out svg polygon {
	fill: var(--wpbc_cal-approved-day-color);
	fill-opacity: 50%;
	fill-opacity: max(var(--wpbc_cal-day-bg-color-opacity), 50%);
}

.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved .wpbc-cell-box, .datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved .wpbc-cell-box {
	border: var(--wpbc_cal-day-cell-border-width) solid var(--wpbc_cal-approved-day-color);
}