@charset "utf-8";

/*
* Title                   : Pinpoint Booking System WordPress Plugin
* Version                 : 2.1.3
* File                    : templates/beautify/css/jquery.dop.frontend.BSPCalendar.css
* File Version            : 1.0
* Created / Last Modified : 17 December 2015
* Author                  : Dot on Paper
* Copyright               : © 2012 Dot on Paper
* Website                 : http://www.dotonpaper.net
* Description             : Front end calendar jQuery plugin stylesheet for Beautify theme.
*/

.DOPBSPCalendar-wrapper {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-width: 240px;
}

.DOPBSPCalendar-wrapper .dopbsp-loader {
	background: url("../images/loader.gif") no-repeat center center;
	background-color: var(--color-white-700);
	border: 1px solid var(--color-white-700);
	height: 38px;
}

/*
 * ***************************************************************************** Container
 */
.DOPBSPCalendar-container {
	background: var(--color-white-500);
	/* border: 1px solid var(--color-primary-500); */
	float: left;
	font-size: 0.875rem;
	line-height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
}

.DOPBSPCalendar-strong {
	font-weight: 700 !important;
}

.DOPBSPCalendar-left {
	/* float: left !important; */
}

.DOPBSPCalendar-right {
	float: right !important;
}

.DOPBSPCalendar-hidden {
	display: none !important;
}

.DOPBSPCalendar-clear {
	clear: both;
}

/*
 * ***************************************************************************** Begin navigation.
 */
.DOPBSPCalendar-navigation {
	margin: 0;
	padding: 0;
	position: relative;
}

.DOPBSPCalendar-navigation .dopbsp-add-btn,
.DOPBSPCalendar-navigation .dopbsp-next-btn,
.DOPBSPCalendar-navigation .dopbsp-previous-btn,
.DOPBSPCalendar-navigation .dopbsp-remove-btn {
	background-color: var(--color-primary-500);
	background-image: url("../images/sprite.png");
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 20px;
	-webkit-transition: background-color 250ms ease-in-out;
	-moz-transition: background-color 250ms ease-in-out;
	-o-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out;
}

.DOPBSPCalendar-navigation .dopbsp-add-btn:hover,
.DOPBSPCalendar-navigation .dopbsp-next-btn:hover,
.DOPBSPCalendar-navigation .dopbsp-previous-btn:hover,
.DOPBSPCalendar-navigation .dopbsp-remove-btn:hover {
	background-color: var(--color-primary-400);
}

.DOPBSPCalendar-navigation .dopbsp-add-btn {
	background-position: -10px -10px;
	left: 19px;
	top: 19px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-add-btn {
	left: 9px;
}

.DOPBSPCalendar-navigation .dopbsp-remove-btn {
	background-position: -50px -10px;
	display: none;
	left: 49px;
	top: 19px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-remove-btn {
	left: 39px;
}

.DOPBSPCalendar-navigation .dopbsp-remove-btn.dopbsp-no-add {
	left: 19px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-remove-btn.dopbsp-no-add {
	left: 9px;
}

.DOPBSPCalendar-navigation .dopbsp-previous-btn {
	background-position: -90px -10px;
	display: none;
	right: 49px;
	top: 19px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-previous-btn {
	right: 39px;
}

.DOPBSPCalendar-navigation .dopbsp-next-btn {
	background-position: -130px -10px;
	right: 19px;
	top: 19px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-next-btn {
	right: 9px;
}

.DOPBSPCalendar-navigation .dopbsp-add-btn .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-next-btn .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-previous-btn .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-remove-btn .dopbsp-info {
	background-color: var(--color-primary-400);
	color: var(--color-white-500);
	display: none;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 20px;
	max-width: 230px;
	margin: 22px 0 0 0;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 1000000;
	border-radius: 0;
}

.DOPBSPCalendar-navigation .dopbsp-next-btn .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-previous-btn .dopbsp-info {
	right: 0;
}

.DOPBSPCalendar-navigation .dopbsp-add-btn:hover .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-next-btn:hover .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-previous-btn:hover .dopbsp-info,
.DOPBSPCalendar-navigation .dopbsp-remove-btn:hover .dopbsp-info {
	display: block;
}

.DOPBSPCalendar-navigation .dopbsp-month-year {
	margin: 0;
	padding: 9px;
	text-align: center;
	font-family: "Libre Bodoni - Local", serif;
	color: var(--color-primary-500);
	font-size: var(--fz-xl);
	/* color: var(--color-gray-600); */
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 40px;
}

.DOPBSPCalendar-navigation.dopbsp-style-small .dopbsp-month-year {
	padding: 49px 9px 9px 9px;
	text-align: left;
}

.DOPBSPCalendar-navigation .dopbsp-week {
	margin: 0;
	overflow: hidden;
	padding: 0 4px;
}

.DOPBSPCalendar-navigation .dopbsp-week .dopbsp-day {
	color: var(--color-gray-600);
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	line-height: 20px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
/*
 * ***************************************************************************** End navigation.
 */

/*
 * ***************************************************************************** Begin calendar.
 */
.DOPBSPCalendar-calendar {
	margin: 0;
	position: relative;
	text-align: center;
}

.DOPBSPCalendar-month {
	margin: 0;
	overflow: hidden;
	padding: 4px 0 4px 5px;
}

.DOPBSPCalendar-month-year {
	background-color: var(--color-white-700);
	border: 1px solid var(--color-white-700);
	color: var(--color-gray-600);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 38px;
	height: 38px;
	margin: 20px 0 5px 0;
	overflow: hidden;
	padding: 0 0 0 9px;
	text-align: left;
}

/*
 * ***************************************************************** Begin days.
 */
.DOPBSPCalendar-day {
	clear: none !important;
	float: left;
	margin: 0;
	padding: 0;
}

.DOPBSPCalendar-day .dopbsp-bind-left,
.DOPBSPCalendar-day .dopbsp-bind-right {
	float: left;
	opacity: 0;
	width: 1px;
}

.DOPBSPCalendar-day .dopbsp-bind-left.dopbsp-enabled,
.DOPBSPCalendar-day .dopbsp-bind-left.dopbsp-extended,
.DOPBSPCalendar-day .dopbsp-bind-right.dopbsp-enabled,
.DOPBSPCalendar-day .dopbsp-bind-right.dopbsp-extended {
	opacity: 1;
}

.DOPBSPCalendar-day .dopbsp-bind-left .dopbsp-head,
.DOPBSPCalendar-day .dopbsp-bind-right .dopbsp-head {
	background-color: var(--color-white-500) !important;
	border: none !important;
	border-top: 5px solid var(--color-primary-400) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	height: 15px !important;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
	width: 1px !important;
}

.DOPBSPCalendar-day.dopbsp-style-small .dopbsp-bind-left .dopbsp-head {
	height: 25px !important;
}

.DOPBSPCalendar-day .dopbsp-bind-left .dopbsp-body,
.DOPBSPCalendar-day .dopbsp-bind-right .dopbsp-body {
	background-color: var(--color-white-500) !important;
	border-bottom: 1px solid var(--color-white-500) !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 15px !important;
	margin: 0 !important;
	padding: 0 0 4px 0 !important;
	width: 1px !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle {
	float: left;
	overflow: hidden;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head {
	background-color: var(--color-white-500) !important;
	border: none !important;
	border-top: 5px solid var(--color-primary-400) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	display: block !important;
	height: 15px !important;
	margin: 0 !important;
	padding: 5px 0 0 5px !important;
	position: relative !important;
	width: auto !important;
}

.DOPBSPCalendar-day.dopbsp-style-small .dopbsp-bind-middle .dopbsp-head {
	height: 25px !important;
	padding: 5px 0 0 0 !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group1 .dopbsp-head {
	border-right: none !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-head,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group3.dopbsp-extended
	.dopbsp-head {
	border-left: none !important;
	border-right: none !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group0.dopbsp-extended
	.dopbsp-head,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group1.dopbsp-extended
	.dopbsp-head,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group3 .dopbsp-head {
	border-left: none !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-day {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 15px !important;
	margin: 0;
	padding: 0;
	position: relative !important;
}

.DOPBSPCalendar-day.dopbsp-style-small
	.dopbsp-bind-middle
	.dopbsp-head
	.dopbsp-day {
	text-align: center;
	width: 100%;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-co {
	background: var(--color-white-500);
	border: none;
	border-top: 5px solid var(--color-gray-500); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	height: 20px;
	left: -1px;
	margin: 0 !important;
	padding: 0px 0px 0px 1px !important;
	position: absolute !important;
	top: -5px;
	width: 50% !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-ci {
	background-color: var(--color-white-500);
	border: none;
	border-top: 5px solid var(--color-gray-500); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	height: 20px;
	right: -1px;
	margin: 0 !important;
	position: absolute !important;
	top: -5px;
	width: 50% !important;
}

.DOPBSPCalendar-day.dopbsp-style-small
	.dopbsp-bind-middle
	.dopbsp-head
	.dopbsp-co,
.DOPBSPCalendar-day.dopbsp-style-small
	.dopbsp-bind-middle
	.dopbsp-head
	.dopbsp-ci {
	height: 25px !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-head .dopbsp-co {
	border-left-color: transparent !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group3.dopbsp-extended
	.dopbsp-head
	.dopbsp-co {
	border-left-color: transparent !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group0.dopbsp-extended
	.dopbsp-head
	.dopbsp-co,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group1.dopbsp-extended
	.dopbsp-head
	.dopbsp-co,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group1 .dopbsp-head .dopbsp-ci,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-head .dopbsp-ci {
	border-right-color: transparent !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group1.dopbsp-extended
	.dopbsp-head
	.dopbsp-ci {
	border-left: none !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-info {
	background-color: var(--color-white-700);
	background-image: url("../images/sprite.png");
	background-position: -163px -3px;

	cursor: pointer;
	float: right;
	height: 15px;
	margin: 0 5px 0 0;
	position: relative;
	width: 15px;
	-webkit-transition: background-color 250ms ease-in-out;
	-moz-transition: background-color 250ms ease-in-out;
	-o-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-info:hover {
	background-color: var(--color-primary-400);
}

.DOPBSPCalendar-day.dopbsp-style-small
	.dopbsp-bind-middle
	.dopbsp-head
	.dopbsp-info {
	display: none !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body {
	background-color: var(--color-white-500) !important;
	border: 1px solid var(--color-white-500) !important;
	border-top: none !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	color: var(--color-gray-600) !important;
	display: block;
	float: none !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 15px !important;
	margin: 0 !important;
	padding: 0 0 4px 0 !important;
	position: relative !important;
	text-align: left !important;
	vertical-align: middle !important;
	width: auto !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-co {
	background: transparent;
	border: 1px solid var(--color-white-500);
	border-right: none;
	border-top: none;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	left: -1px;
	height: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: 0;
	width: 50% !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-ci {
	background: transparent;
	border: 1px solid var(--color-white-500);
	border-left: none;
	border-top: none;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	height: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	right: -1px;
	top: 0;
	width: 50% !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group1 .dopbsp-body {
	border-right-color: transparent !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group0.dopbsp-extended
	.dopbsp-body,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group1.dopbsp-extended
	.dopbsp-body,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group3 .dopbsp-body {
	border-left-color: transparent !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-body,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group3.dopbsp-extended
	.dopbsp-body {
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group0.dopbsp-extended
	.dopbsp-body
	.dopbsp-co,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group1.dopbsp-extended
	.dopbsp-body
	.dopbsp-co,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-body .dopbsp-co,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group3 .dopbsp-body .dopbsp-co {
	border-left: none !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group1 .dopbsp-body .dopbsp-ci,
.DOPBSPCalendar-day .dopbsp-bind-middle.dopbsp-group2 .dopbsp-body .dopbsp-ci,
.DOPBSPCalendar-day
	.dopbsp-bind-middle.dopbsp-group3.dopbsp-extended
	.dopbsp-body
	.dopbsp-ci {
	border-right-color: transparent !important;
	border-right: transparent !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-old-price {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	font-weight: 400;
	line-height: 15px !important;
	margin: 0 !important;
	padding: 0 0 0 5px !important;
	text-decoration: line-through;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-price {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	line-height: 15px !important;
	margin: 0 !important;
	padding: 0 0 0 5px !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-available {
	color: var(--color-gray-600);
	font-size: 0.75rem !important;
	font-weight: 400;
	line-height: 15px !important;
	padding: 0 0 0 5px;
	width: 100%;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-info-body {
	color: var(--color-gray-600);
	font-size: 0.75rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 15px !important;
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 5px;
	width: auto;
	word-break: break-all;
}

.DOPBSPCalendar-day
	.dopbsp-bind-middle
	.dopbsp-body
	.dopbsp-info-body
	.dopbsp-info-body-mask {
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(100%, rgba(255, 255, 255, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='var(--color-white-500)', GradientType=1);
	font-style: normal;
	height: 20px;
	padding: 0 2px 0 0;
	position: absolute;
	right: 0;
	width: 70%;
	text-align: right;
	z-index: 100;
}

.DOPBSPCalendar-day.dopbsp-style-small .dopbsp-body {
	display: none !important;
}

/*
 * Last month day.
 */
.DOPBSPCalendar-day.dopbsp-last-month {
	opacity: 0.5;
}

/* 
 * Past day.
 */
.DOPBSPCalendar-day.dopbsp-past-day {
	opacity: 0.25;
}

/*
 * Current month day.
 */
.DOPBSPCalendar-day.dopbsp-curr-month {
}

/*
 * Next month day.
 */
.DOPBSPCalendar-day.dopbsp-next-month {
	opacity: 0.5;
}

/*
 * Available day.
 */
.DOPBSPCalendar-day.dopbsp-available .dopbsp-head,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-available,
.DOPBSPCalendar-day
	.dopbsp-bind-left.dopbsp-extended.dopbsp-available
	.dopbsp-head {
	background-color: var(--color-white-500) !important;
	border-color: var(
		--color-success-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-available .dopbsp-body,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-available,
.DOPBSPCalendar-day
	.dopbsp-bind-left.dopbsp-extended.dopbsp-available
	.dopbsp-body {
	border-color: var(--color-white-500) !important;
}

.DOPBSPCalendar-day.dopbsp-available .dopbsp-head .dopbsp-day,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-available,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-available {
	cursor: pointer;
}

/*
 * Booked day.
 */
.DOPBSPCalendar-day.dopbsp-booked .dopbsp-head,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-booked,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-booked {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
	border-top-color: var(
		--color-red-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-day.dopbsp-booked .dopbsp-body,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-booked,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-booked {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

/*
 * Special day.
 */
.DOPBSPCalendar-day.dopbsp-special .dopbsp-head,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-special,
.DOPBSPCalendar-day
	.dopbsp-bind-left.dopbsp-extended.dopbsp-special
	.dopbsp-head {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
	background-color: var(
		--color-primary-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-day.dopbsp-special .dopbsp-body,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-special,
.DOPBSPCalendar-day
	.dopbsp-bind-left.dopbsp-extended.dopbsp-special
	.dopbsp-body {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-day.dopbsp-special .dopbsp-head .dopbsp-day,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-special,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-special {
	cursor: pointer;
}

/*
 * Unavailable day.
 */
.DOPBSPCalendar-day.dopbsp-unavailable .dopbsp-head,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-co.dopbsp-unavailable,
.DOPBSPCalendar-day .dopbsp-head .dopbsp-ci.dopbsp-unavailable {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
	background-color: var(
		--color-primary-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-unavailable .dopbsp-body,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-co.dopbsp-unavailable,
.DOPBSPCalendar-day .dopbsp-body .dopbsp-ci.dopbsp-unavailable {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

/*
 * Selected day.
 */
.DOPBSPCalendar-day.dopbsp-selected .dopbsp-head,
.DOPBSPCalendar-day.dopbsp-selected .dopbsp-head .dopbsp-co,
.DOPBSPCalendar-day.dopbsp-selected .dopbsp-head .dopbsp-ci,
.DOPBSPCalendar-day.dopbsp-selected
	.dopbsp-bind-left.dopbsp-extended
	.dopbsp-head {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
	border-color: var(
		--color-test-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

.DOPBSPCalendar-day.dopbsp-selected .dopbsp-body,
.DOPBSPCalendar-day.dopbsp-selected .dopbsp-body .dopbsp-co,
.DOPBSPCalendar-day.dopbsp-selected .dopbsp-body .dopbsp-ci,
.DOPBSPCalendar-day.dopbsp-selected
	.dopbsp-bind-left.dopbsp-extended
	.dopbsp-body {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-head
	.dopbsp-co.dopbsp-none,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-head
	.dopbsp-ci.dopbsp-none {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	background-color: var(
		--color-primary-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-body
	.dopbsp-co.dopbsp-none,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-body
	.dopbsp-ci.dopbsp-none {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-head
	.dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-head
	.dopbsp-ci.dopbsp-available,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-bind-left.dopbsp-available.dopbsp-extended
	.dopbsp-head,
.DOPBSPCalendar-day.dopbsp-available.dopbsp-selected.dopbsp-last
	.dopbsp-bind-right
	.dopbsp-head {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
	border-color: var(
		--color-success-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-body
	.dopbsp-co.dopbsp-available,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-body
	.dopbsp-ci.dopbsp-available,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-bind-left.dopbsp-available.dopbsp-extended
	.dopbsp-body,
.DOPBSPCalendar-day.dopbsp-available.dopbsp-selected.dopbsp-last
	.dopbsp-bind-right
	.dopbsp-body {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-head
	.dopbsp-co.dopbsp-booked,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-head
	.dopbsp-ci.dopbsp-booked {
	background-color: var(
		--color-success-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
	border-color: var(
		--color-red-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-body
	.dopbsp-co.dopbsp-booked,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-body
	.dopbsp-ci.dopbsp-booked {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-head
	.dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-head
	.dopbsp-ci.dopbsp-special,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-bind-left.dopbsp-special.dopbsp-extended
	.dopbsp-head,
.DOPBSPCalendar-day.dopbsp-special.dopbsp-selected.dopbsp-last
	.dopbsp-bind-right
	.dopbsp-head {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
	background-color: var(
		--color-primary-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-body
	.dopbsp-co.dopbsp-special,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-body
	.dopbsp-ci.dopbsp-special,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-bind-left.dopbsp-special.dopbsp-extended
	.dopbsp-body,
.DOPBSPCalendar-day.dopbsp-special.dopbsp-selected.dopbsp-last
	.dopbsp-bind-right
	.dopbsp-body {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-head
	.dopbsp-co.dopbsp-unavailable,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-head
	.dopbsp-ci.dopbsp-unavailable {
	background-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
	background-color: var(
		--color-primary-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-body
	.dopbsp-co.dopbsp-unavailable,
.DOPBSPCalendar-day.dopbsp-selected.dopbsp-last
	.dopbsp-body
	.dopbsp-ci.dopbsp-unavailable {
	border-color: var(
		--color-white-500
	) !important; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-day.dopbsp-selected.dopbsp-first
	.dopbsp-extended
	.dopbsp-body
	.dopbsp-co {
	border-left-color: transparent !important;
}

/*
 * Mask day.
 */
.DOPBSPCalendar-day.dopbsp-mask {
	cursor: default;
	opacity: 0;
}

/*
 * Hide day.
 */
.DOPBSPCalendar-day.dopbsp-hide {
	display: none;
}

/*
 * Cursor.
 */
.DOPBSPCalendar-day.dopbsp-cursor-pointer {
	cursor: pointer !important;
}

.DOPBSPCalendar-day.dopbsp-no-cursor-pointer
	.DOPBSPCalendar-day.dopbsp-no-cursor-pointer
	.dopbsp-head
	.dopbsp-co,
.DOPBSPCalendar-day.dopbsp-no-cursor-pointer .dopbsp-head .dopbsp-ci,
.DOPBSPCalendar-day.dopbsp-no-cursor-pointer .dopbsp-body .dopbsp-co,
.DOPBSPCalendar-day.dopbsp-no-cursor-pointer .dopbsp-body .dopbsp-ci {
	cursor: default !important;
}

/*
 * Grouped days - first column.
 */
.DOPBSPCalendar-day.dopbsp-first-column .dopbsp-bind-left {
	opacity: 0 !important;
}

/*
 * Grouped days - last column.
 */
.DOPBSPCalendar-day.dopbsp-last-column
	.dopbsp-bind-middle.dopbsp-group1
	.dopbsp-head
	.dopbsp-ci,
.DOPBSPCalendar-day.dopbsp-last-column
	.dopbsp-bind-middle.dopbsp-group2
	.dopbsp-head
	.dopbsp-ci {
	right: 0px !important;
}

.DOPBSPCalendar-day.dopbsp-last-column .dopbsp-bind-right {
	opacity: 0 !important;
}
/*
 * ******************************************************************* End days.
 */

/*
 * **************************************************************** Begin hours.
 */
.DOPBSPCalendar-hours {
	background-color: var(--color-white-700);
	border: 1px solid var(--color-white-700);
	border-top: none;
	display: none;
	padding: 0 5px 4px 5px;
}

.DOPBSPCalendar-hour {
	cursor: pointer;
	display: block;
	margin: 0;
	text-align: left;
}

.DOPBSPCalendar-hour .dopbsp-bind-top,
.DOPBSPCalendar-hour .dopbsp-bind-bottom {
	background-color: var(--color-white-500);
	border-left: 5px solid var(--color-primary-500); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	border-bottom: none;
	border-top: none;
	height: 1px;
	opacity: 0;
}

.DOPBSPCalendar-hour .dopbsp-bind-top .dopbsp-hour,
.DOPBSPCalendar-hour .dopbsp-bind-bottom .dopbsp-hour {
	background: var(--color-white-500);
	color: var(--color-white-500);
	float: left;
	line-height: 1px !important;
	padding: 0 5px;
}

.DOPBSPCalendar-hour .dopbsp-bind-top.dopbsp-enabled,
.DOPBSPCalendar-hour .dopbsp-bind-bottom.dopbsp-enabled {
	opacity: 1;
}

.DOPBSPCalendar-hour .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour .dopbsp-bind-bottom.dopbsp-enabled .dopbsp-hour {
	background-color: var(
		--color-content-primary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	color: var(
		--color-content-primary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
}

.DOPBSPCalendar-hour .dopbsp-bind-middle {
	background-color: var(--color-white-500);
	border-left: 5px solid var(--color-primary-500); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your DEFAULT color. */
	height: 18px;
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle.dopbsp-group1 {
	border-bottom-color: var(--color-white-500);
}

.DOPBSPCalendar-hour .dopbsp-bind-middle.dopbsp-group2 {
	border-bottom-color: var(--color-white-500);
	border-top-color: var(--color-white-500);
}

.DOPBSPCalendar-hour .dopbsp-bind-middle.dopbsp-group3 {
	border-top-color: var(--color-white-500);
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	padding: 0 5px 0 4px;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-price,
.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-price-promo {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	line-height: 18px !important;
	padding: 0 0 0 10px !important;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-old-price {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	line-height: 18px !important;
	padding: 0 0 0 5px !important;
	text-decoration: line-through;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-available {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	line-height: 18px !important;
	padding: 0 10px !important;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-info-body {
	color: var(--color-gray-600);
	float: left;
	font-size: 0.75rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 18px !important;
	height: 18px;
	overflow: hidden;
	padding: 0 0 0 5px;
	width: 60px;
	word-break: break-all;
}

.DOPBSPCalendar-hour
	.dopbsp-bind-middle
	.dopbsp-info-body
	.dopbsp-info-body-mask {
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(100%, rgba(255, 255, 255, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='var(--color-white-500)', GradientType=1);
	float: right;
	font-style: normal;
	height: 18px;
	padding: 0 2px 0 0;
	width: 10px;
	text-align: right;
	z-index: 100;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-info {
	background-color: var(--color-white-700);
	background-image: url("../images/sprite.png");
	background-position: -162px -2px;
	float: right;
	height: 16px;
	margin: 1px 5px 0 0;
	width: 16px;
	-webkit-transition: background-color 250ms ease-in-out;
	-moz-transition: background-color 250ms ease-in-out;
	-o-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out;
}

.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-info:hover {
	background-color: var(--color-primary-500) !important;
}

/*
 * Available hour.
 */
.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-middle {
	border-color: var(
		--color-success-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top {
	border-color: var(
		--color-success-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-top .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom {
	border-color: var(
		--color-success-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your AVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-available .dopbsp-bind-bottom .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-available
	.dopbsp-bind-top.dopbsp-enabled
	.dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-available
	.dopbsp-bind-bottom.dopbsp-enabled
	.dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-white-500);
}

/*
 * Booked hour.
 */
.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-middle {
	border-color: var(
		--color-red-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top {
	border-color: var(
		--color-red-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom {
	border-color: var(
		--color-red-500
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your BOOKED color. */
}

.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-bottom .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-booked .dopbsp-bind-top.dopbsp-enabled .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-booked
	.dopbsp-bind-bottom.dopbsp-enabled
	.dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-white-500);
}

/*
 * Special hour.
 */
.DOPBSPCalendar-hour.dopbsp-special .dopbsp-bind-middle {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-hour.dopbsp-special .dopbsp-bind-top {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-hour.dopbsp-special .dopbsp-bind-top .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-special .dopbsp-bind-bottom {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SPECIAL color. */
}

.DOPBSPCalendar-hour.dopbsp-special .dopbsp-bind-bottom .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-special
	.dopbsp-bind-top.dopbsp-enabled
	.dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-special
	.dopbsp-bind-bottom.dopbsp-enabled
	.dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-white-500);
}

/*
 * Unavailable hour.
 */
.DOPBSPCalendar-hour.dopbsp-unavailable .dopbsp-bind-middle {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-unavailable .dopbsp-bind-top {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-unavailable .dopbsp-bind-top .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-unavailable .dopbsp-bind-bottom {
	border-color: var(
		--color-content-secondary
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your UNAVAILABLE color. */
}

.DOPBSPCalendar-hour.dopbsp-unavailable .dopbsp-bind-bottom .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-unavailable
	.dopbsp-bind-top.dopbsp-enabled
	.dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-unavailable
	.dopbsp-bind-bottom.dopbsp-enabled
	.dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-white-500);
}

/*
 * Selected hour.
 */
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle {
	border-color: var(
		--color-content-heading
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-hour {
	background: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top {
	border-color: var(
		--color-content-heading
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom {
	border-color: var(
		--color-content-heading
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour {
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-top .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-bottom .dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected
	.dopbsp-bind-top.dopbsp-enabled
	.dopbsp-hour,
.DOPBSPCalendar-hour.dopbsp-selected
	.dopbsp-bind-bottom.dopbsp-enabled
	.dopbsp-hour {
	background-color: var(--color-white-500);
	color: var(--color-white-500);
}

.DOPBSPCalendar-hour.dopbsp-selected .dopbsp-bind-middle .dopbsp-info {
	background-color: var(
		--color-content-heading
	); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Change to your SELECTED color. */
}

/*
 * Past hour.
 */
.DOPBSPCalendar-hour.dopbsp-past-hour {
	cursor: default;
	opacity: 0.25;
}

.DOPBSPCalendar-hour.dopbsp-past-hour .dopbsp-bind-middle .dopbsp-notes {
	display: none;
}

.DOPBSPCalendar-hour.dopbsp-past-hour .dopbsp-bind-middle .dopbsp-info {
	display: none;
}
/*
 * ****************************************************************** End hours.
 */
/*
 * ***************************************************************************** End calendar.
 */

/*
 * ***************************************************************************** Begin sidebar.
 */
.DOPBSPCalendar-sidebar,
.DOPBSPCalendar-outer-sidebar {
	overflow: hidden;
	padding: 0;
}

.DOPBSPCalendar-sidebar.dopbsp-hidden,
.DOPBSPCalendar-outer-sidebar.dopbsp-hidden {
	margin: 0 !important;
	width: 0 !important;
}

.DOPBSPCalendar-sidebar .dopbsp-sidebar-content,
.DOPBSPCalendar-outer-sidebar .dopbsp-sidebar-content {
	border-collapse: collapse;
	border: none !important;
	border-spacing: 0;
	margin: 0 !important;
	padding: 0 !important;
	table-layout: fixed;
	width: 100%;
}

.DOPBSPCalendar-sidebar .dopbsp-sidebar-content .dopbsp-column-separator-style,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-sidebar-content
	.dopbsp-column-separator-style {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 20px;
}

.DOPBSPCalendar-sidebar .dopbsp-sidebar-content td,
.DOPBSPCalendar-outer-sidebar .dopbsp-sidebar-content td {
	border: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
}

/*
 * ******************************************************* Begin sidebar styles.
 */
/*
 * Style 1
 */
.DOPBSPCalendar-sidebar.dopbsp-style1,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1 {
	float: right;
	margin: 0 0 0 20px;
	width: 560px;
}

.DOPBSPCalendar-sidebar.dopbsp-style1-medium,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1-medium {
	padding: 20px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style1 .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style1 .dopbsp-column3,
.DOPBSPCalendar-sidebar.dopbsp-style1-medium .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style1-medium .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1 .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1 .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1-medium .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style1-medium .dopbsp-column3 {
	display: none;
}

/*
 * Style 2
 */
.DOPBSPCalendar-sidebar.dopbsp-style2,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium {
	padding: 20px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style2 col.dopbsp-column1,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2 col.dopbsp-column1 {
	width: 33%;
}

.DOPBSPCalendar-sidebar.dopbsp-style2 .dopbsp-column4,
.DOPBSPCalendar-sidebar.dopbsp-style2 .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style2 .dopbsp-column6,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column4,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2 .dopbsp-column4,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2 .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2 .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column4,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column6 {
	display: block;
	width: auto;
}

.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column7,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column8,
.DOPBSPCalendar-sidebar.dopbsp-style2-medium .dopbsp-column9,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column7,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column8,
.DOPBSPCalendar-outer-sidebar.dopbsp-style2-medium .dopbsp-column9 {
	display: block;
}

/*
 * Style 3
 */
.DOPBSPCalendar-sidebar.dopbsp-style3,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium {
	padding: 20px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column4,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column6,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column7,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column8,
.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column9,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column4,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column7,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column8,
.DOPBSPCalendar-outer-sidebar.dopbsp-style3-medium .dopbsp-column9 {
	display: block;
}

/*
 * Style 4
 */
.DOPBSPCalendar-sidebar.dopbsp-style4,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4 {
	float: right;
	margin: 0 0 0 20px;
	width: 270px;
}

.DOPBSPCalendar-sidebar.dopbsp-style4-medium,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4-medium {
	padding: 20px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style4 .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style4 .dopbsp-column3,
.DOPBSPCalendar-sidebar.dopbsp-style4 .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style4 .dopbsp-column6,
.DOPBSPCalendar-sidebar.dopbsp-style4-medium .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style4-medium .dopbsp-column3,
.DOPBSPCalendar-sidebar.dopbsp-style4-medium .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style4-medium .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4 .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4 .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4 .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4 .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4-medium .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4-medium .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4-medium .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style4-medium .dopbsp-column6 {
	display: none;
}

/*
 * Style 5
 */
.DOPBSPCalendar-sidebar.dopbsp-style5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5 {
	float: right;
	margin: 0 0 0 20px;
}

.DOPBSPCalendar-sidebar.dopbsp-style5-medium,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5-medium {
	padding: 20px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style5 .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style5 .dopbsp-column3,
.DOPBSPCalendar-sidebar.dopbsp-style5 .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style5 .dopbsp-column6,
.DOPBSPCalendar-sidebar.dopbsp-style5-medium .dopbsp-column2,
.DOPBSPCalendar-sidebar.dopbsp-style5-medium .dopbsp-column3,
.DOPBSPCalendar-sidebar.dopbsp-style5-medium .dopbsp-column5,
.DOPBSPCalendar-sidebar.dopbsp-style5-medium .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5 .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5 .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5 .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5 .dopbsp-column6,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5-medium .dopbsp-column2,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5-medium .dopbsp-column3,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5-medium .dopbsp-column5,
.DOPBSPCalendar-outer-sidebar.dopbsp-style5-medium .dopbsp-column6 {
	display: none;
}

/*
 * Style mobile.
 */
.DOPBSPCalendar-sidebar.dopbsp-style-small,
.DOPBSPCalendar-outer-sidebar.dopbsp-style-small {
	padding: 10px 0 0 0;
	width: 100%;
}

.DOPBSPCalendar-sidebar.dopbsp-style-small td,
.DOPBSPCalendar-outer-sidebar.dopbsp-style-small td {
	display: block;
}

.DOPBSPCalendar-sidebar.dopbsp-style-small .dopbsp-column-separator-style,
.DOPBSPCalendar-sidebar.dopbsp-style-small col:last-child,
.DOPBSPCalendar-outer-sidebar.dopbsp-style-small .dopbsp-column-separator-style,
.DOPBSPCalendar-outer-sidebar.dopbsp-style-small col:last-child {
	display: none;
}
/*
 * ********************************************************* End sidebar styles.
 */

.DOPBSPCalendar-sidebar .dopbsp-module,
.DOPBSPCalendar-outer-sidebar .dopbsp-module {
	background: var(--color-white-500);
	/* border: 1px solid var(--color-primary-500) !important; */
	margin: 0 0 20px 0;
	padding: 8px 9px;
	min-width: 250px;
}

.DOPBSPCalendar-sidebar.dopbsp-style-small .dopbsp-module,
.DOPBSPCalendar-outer-sidebar.dopbsp-style-small .dopbsp-module {
	margin: 0 0 10px 0;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper {
	margin: 0 0 20px 0;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper {
	margin: 0;
	overflow: hidden;
}

.DOPBSPCalendar-sidebar .dopbsp-module h4,
.DOPBSPCalendar-outer-sidebar .dopbsp-module h4 {
	padding: 0 0 20px 0 !important;
	display: block !important;
	font-family: "Libre Bodoni - Local", serif;
	color: var(--color-primary-500) !important;
	font-size: var(--fz-lg);
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 1.4;
	text-wrap: balance;
}

/*
 * Begin warning info.
 */
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info {
	float: left;
	margin: 1px 5px 0 0;
	z-index: 10000;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info
	.dopbsp-icon,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info
	.dopbsp-icon {
	background-color: #f1705c;
	background-image: url("../images/sprite.png");
	background-position: -181px -1px;
	float: right;
	height: 18px;
	margin: 0;
	width: 18px;
	border-radius: 9999px;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info
	.dopbsp-message,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info
	.dopbsp-message {
	background-color: #f1705c;
	color: var(--color-white-500);
	display: none;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 20px;
	margin: 19px 0 0 0;
	padding: 5px 10px;
	position: absolute;
	width: 230px;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info:hover
	.dopbsp-message,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-warning-info:hover
	.dopbsp-message {
	display: block;
}

/*
 * End warning info.
 */

/*
 * Begin label.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label {
	margin-bottom: 0.25rem !important;
	color: var(--color-gray-600);
	display: block;
	cursor: pointer;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-checkbox,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-radio,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-checkbox,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-radio {
	margin: 0;
	width: auto;
	line-height: 26px;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-radio,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label.dopbsp-for-radio {
	color: var(--color-gray-600) !important;
	cursor: default;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label
	.dopbsp-required,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label
	.dopbsp-required {
	color: #f1705c;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label,
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label a,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label a {
	color: var(--color-gray-600);
	text-decoration: none !important;
	-webkit-transition: color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label:hover,
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label a:hover,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	label
	a:hover {
	color: var(--color-primary-400);
}
/*
 * End label.
 */

/*
 * Begin text.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type="text"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"] {
	width: 100%;
	padding: 0.75rem;
	-webkit-appearance: none !important;
	background: var(--color-white-500);
	border: 1px solid transparent !important;
	border-bottom: 1px solid var(--color-gray-500) !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: var(--color-gray-600);
	font-size: 0.875rem;
	font-weight: normal;
	height: auto;
	line-height: 20px;
	margin: 0;
	outline: none;
	-webkit-transition: border-color 250ms ease-in-out;
	-moz-transition: border-color 250ms ease-in-out;
	-o-transition: border-color 250ms ease-in-out;
	transition: border-color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"]:focus,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"]:focus {
	border: 1px solid var(--color-primary-500) !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"]:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"]:disabled {
	opacity: 0.5;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"].dopbsp-small,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="text"].dopbsp-small {
	width: 115px !important;
}
/*
 * End text.
 */

/*
 * Begin textarea.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper textarea,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper textarea {
	width: 100%;
	padding: 0.75rem !important;
	-webkit-appearance: none !important;
	background: var(--color-white-500);
	border: 1px solid var(--color-primary-500) !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: var(--color-gray-600);
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	min-width: 230px;
	overflow-wrap: normal;
	outline: none;
	resize: vertical;
	-webkit-transition: border-color 250ms ease-in-out;
	-moz-transition: border-color 250ms ease-in-out;
	-o-transition: border-color 250ms ease-in-out;
	transition: border-color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper textarea:focus,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	textarea:focus {
	border: 1px solid var(--color-primary-500) !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper textarea:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	textarea:disabled {
	opacity: 0.5;
}
/*
 * End textarea.
 */

/*
 * Begin checkbox & radio.
 */
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"],
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"] {
	-webkit-appearance: checkbox !important;
	accent-color: var(--color-primary-500);
	background: var(--color-white-500);
	border: 1px solid var(--color-primary-500) !important;

	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	float: left;
	outline: none !important;
	position: relative;
	-webkit-transition: border-color 250ms ease-in-out;
	-moz-transition: border-color 250ms ease-in-out;
	-o-transition: border-color 250ms ease-in-out;
	transition: border-color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.25rem;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:hover,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:hover {
	border: 1px solid var(--color-primary-500) !important;
	color: var(--color-primary-400);
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:checked {
	border: 1px solid var(--color-primary-500) !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:before,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:after,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:checked:before,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:checked:after,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:before,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:after,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:checked:before,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:checked:after {
	background: var(--color-primary-500) !important;
	border: 1px solid var(--color-primary-500) !important;
	color: var(--color-primary-500) !important;
	content: none !important;
	font-size: 1rem !important;
	left: 50% !important;
	height: 10px !important;
	line-height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: 50% !important;
	width: 10px !important;
	transform: translate(-50%, -50%) !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:before,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:after,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:before,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:checked:after {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 9999px;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:disabled,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:disabled,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:disabled:hover,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:disabled:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="checkbox"]:disabled:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="radio"]:disabled:hover {
	border: 1px solid var(--color-primary-500) !important;
	cursor: default;
	opacity: 0.5;
}
/*
 * End checkbox & radio.
 */

/*
 * Begin list.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper ul.multiple-select,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	ul.multiple-select {
	background: var(--color-white-500);
	border: 1px solid var(--color-primary-500) !important;
	list-style: none;
	margin: 0 !important;
	max-height: 80px;
	overflow-y: scroll;
	padding: 9px;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper ul.single,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper ul.single {
	background: none;
	border: none;
	padding: 0;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper ul li,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper ul li {
	margin: 0 !important;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper ul li label,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper ul li label {
	font-style: normal;
}
/*
 * End list.
 */

/*
 * Begin submit/button.
 */
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"],
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"] {
	-webkit-appearance: none !important;
	background-color: var(--color-primary-500);
	border: 1px solid var(--color-primary-500);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	color: var(--color-white-500);
	cursor: pointer;
	display: none;
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: normal;
	text-transform: uppercase;
	height: 38px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 100%;
	-webkit-transition:
		background 250ms ease-in-out,
		color 250ms ease-in-out;
	-moz-transition:
		background 250ms ease-in-out,
		color 250ms ease-in-out;
	-o-transition:
		background 250ms ease-in-out,
		color 250ms ease-in-out;
	transition:
		background 250ms ease-in-out,
		color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper
	input[type="submit"],
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper
	input[type="button"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper
	input[type="submit"],
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper.dopbsp-add-to-cart-wrapper
	input[type="button"] {
	margin: 11px 0 10px 0;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:hover,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:focus,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:hover,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:focus,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:focus,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:hover,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:focus {
	background-color: var(--color-primary-400);
	border-color: var(--color-primary-400);
	color: var(--color-white-500);
	outline: none;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:disabled,
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="submit"]:disabled,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	input[type="button"]:disabled {
	opacity: 0.5;
}
/*
 * End submit/button.
 */

/*
 * Begin loader.
 */
.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-submit-loader,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-input-wrapper
	.dopbsp-submit-loader {
	background: url("../images/loader.gif") no-repeat center center;
	height: 40px;
}
/*
 * End loader.
 */

/*
 * *********************************************************** Begin DOP select.
 */
.DOPBSPCalendar-sidebar .DOPSelect,
.DOPBSPCalendar-outer-sidebar .DOPSelect {
	width: 250px !important;
}

/*
 * Single select.
 */
.DOPBSPCalendar-sidebar .DOPSelect .dopselect-select,
.DOPBSPCalendar-outer-sidebar .DOPSelect .dopselect-select {
	background: var(--color-white-500);
	border: 1px solid var(--color-primary-500);
	border-radius: 0;
}

.DOPBSPCalendar-sidebar .DOPSelect .dopselect-select .dopselect-selection,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect
	.dopselect-select
	.dopselect-selection {
	color: var(--color-gray-600) !important;
	font-size: 0.875rem !important;
	font-weight: normal !important;
	height: 28px !important;
	line-height: 28px !important;
	width: 210px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect .dopselect-select .dopselect-icon,
.DOPBSPCalendar-outer-sidebar .DOPSelect .dopselect-select .dopselect-icon {
	color: var(--color-primary-500) !important;
	line-height: 28px !important;
	height: 28px !important;
	width: 28px !important;
	-webkit-transition: color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
}

.DOPBSPCalendar-sidebar .DOPSelect .dopselect-select:hover .dopselect-icon,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect
	.dopselect-select:hover
	.dopselect-icon {
	color: var(--color-primary-500) !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopselect-single ul,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopselect-single ul {
	background: var(--color-white-500) !important;
	border: 1px solid var(--color-primary-500) !important;
	width: 248px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopselect-single ul li,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopselect-single ul li {
	background: var(--color-white-500) !important;
	color: var(--color-gray-600) !important;
	font-size: 0.875rem !important;
	font-weight: normal !important;
	height: 30px !important;
	line-height: 30px !important;
	width: 230px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopselect-single ul li:hover,
.DOPBSPCalendar-sidebar .DOPSelect.dopselect-single ul li.dopselect-selected,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopselect-single ul li:hover,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect.dopselect-single
	ul
	li.dopselect-selected {
	background: var(--color-primary-500) !important;
	color: var(--color-white-500) !important;
}

/*
 * Small single select.
 */
.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small {
	width: 120px !important;
}

.DOPBSPCalendar-sidebar
	.DOPSelect.dopbsp-small.DOPBSPCalendar-left:last-of-type,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect.dopbsp-small.DOPBSPCalendar-left:last-of-type {
	margin: 0 0 0 10px !important;
}

.DOPBSPCalendar-sidebar
	.DOPSelect.dopbsp-small
	.dopselect-select
	.dopselect-selection,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect.dopbsp-small
	.dopselect-select
	.dopselect-selection {
	width: 80px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small ul,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small ul {
	width: 118px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small ul li,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small ul li {
	width: 110px !important;
}

/* 
 * Big select.
 */
.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-big,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-big {
	width: 100% !important;
}

.DOPBSPCalendar-sidebar
	.DOPSelect.dopbsp-small
	.dopselect-select
	.dopselect-selection,
.DOPBSPCalendar-outer-sidebar
	.DOPSelect.dopbsp-small
	.dopselect-select
	.dopselect-selection {
	width: 80px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small ul,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small ul {
	width: 118px !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small ul li,
.DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small ul li {
	width: 110px !important;
}

/*
 * Multiple select.
 */
.DOPBSPCalendar-sidebar .DOPSelect.dopselect-multiple ul {
	border: 1px solid var(--color-primary-500) !important;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopselect-multiple ul label {
	color: var(--color-gray-600);
	font-size: 0.875rem;
	font-weight: normal;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-phone-code {
	width: 80px !important;
	float: left;
	margin-right: 8px;
}

.DOPBSPCalendar-sidebar .DOPSelect.dopbsp-phone-code .dopselect-select {
	background-color: var(--color-white-500) !important;
}

.DOPBSPCalendar-sidebar
	.DOPSelect.dopbsp-phone-code
	.dopselect-select
	.dopselect-selection {
	width: 40px !important;
	text-transform: uppercase !important;
	color: var(--color-gray-600) !important;
}

.DOPBSPCalendar-sidebar
	.DOPSelect.dopbsp-phone-code
	.dopselect-select
	.dopselect-icon {
	color: var(--color-gray-600) !important;
}

.DOPBSPCalendar-sidebar .dopbsp-phone-input {
	width: 150px !important;
	border-left: 0px !important;
}
/*
 * ************************************************************* End DOP select.
 */

/*
 * ************************************************************* Begin messages.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-message,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-message {
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-message.dopbsp-success,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-message.dopbsp-success {
	background: var(--color-success-500);
}

/*
 * *************************************************************** End messages.
 */

/*
 * ***************************************************************** Begin cart.
 */
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-cart-wrapper {
	margin: 0 -10px -10px -10px;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper .dopbsp-cart,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-cart-wrapper .dopbsp-cart {
	border: none;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin: 0 0 9px 0 !important;
	table-layout: fixed !important;
	width: 100% !important;
}

.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-cart-wrapper .dopbsp-cart td,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td {
	padding: 2px 0 3px 0 !important;
	border: none !important;
	display: table-cell;
	font-size: var(--fz-xs);
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 2;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-label,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-label {
	color: var(--color-gray-600);
	font-style: normal;
	padding: 2px 0 3px 10px !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value {
	background: none;
	color: var(--color-gray-600);
	font-weight: 600;
	padding: 2px 10px 3px 0 !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value.dopbsp-price,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value.dopbsp-price {
	font-weight: 400;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value.dopbsp-info,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value.dopbsp-info {
	font-style: normal;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value
	.dopbsp-info-rule,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value
	.dopbsp-info-rule {
	font-size: 0.875rem;
	font-style: normal;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value
	.dopbsp-info-price,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	td.dopbsp-value
	.dopbsp-info-price {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td {
	background: none;
	border: none !important;
	height: 20px;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td.dopbsp-label,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td.dopbsp-label {
	padding: 0 0 0 10px !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td.dopbsp-value,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td.dopbsp-value {
	padding: 0 10px 0 0 !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td
	.dopbsp-line,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	tr.dopbsp-separator
	td
	.dopbsp-line {
	border-bottom: 1px solid var(--color-white-700);
	height: 0;
	padding: 19px 0 0 0;
	margin: 0 0 20px 0;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-total
	td.dopbsp-label,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-total
	td.dopbsp-label {
	background: var(--color-primary-500);
	color: var(--color-white-500);
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	padding: 20px 0 20px 10px !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-total
	td.dopbsp-value,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-total
	td.dopbsp-value {
	background: var(--color-primary-500);
	color: var(--color-white-500);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 20px;
	padding: 20px 10px 20px 0 !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-deposit
	td.dopbsp-label,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-deposit
	td.dopbsp-label {
	background: var(--color-primary-400);
	border-bottom: 1px solid var(--color-primary-500) !important;
	color: var(--color-white-500);
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 20px;
	padding: 10px 0 9px 10px !important;
}

.DOPBSPCalendar-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-deposit
	td.dopbsp-value,
.DOPBSPCalendar-outer-sidebar
	.dopbsp-module
	.dopbsp-cart-wrapper
	.dopbsp-cart
	.dopbsp-deposit
	td.dopbsp-value {
	background: var(--color-primary-400);
	border-bottom: 1px solid var(--color-primary-500) !important;
	color: var(--color-white-500);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 20px;
	padding: 10px 10px 9px 0 !important;
}
/*
 * ******************************************************************* End cart.
 */

/*
 * ************************************************* Begin jQuery UI datepicker.
 */
.DOPBSPCalendar-datepicker.ui-datepicker {
	background: var(--color-white-500) !important;
	border: 1px solid var(--color-primary-500) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	/* border-radius: 8px !important; */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0 !important;
	width: 248px !important;
	overflow: hidden;
}

/*
 * jQuery UI datepicker header.
 */
.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-header {
	background: var(--color-primary-500) !important;
	border-bottom: 1px solid var(--color-primary-500) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev {
	background-color: var(--color-primary-500) !important;
	background-image: url("../images/sprite.png") !important;
	border: none !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
	cursor: pointer !important;
	height: 30px !important;
	left: auto !important;
	position: relative !important;
	right: auto !important;
	top: 4px !important;
	width: 30px !important;
	-webkit-transition: background-color 250ms ease-in-out !important;
	-moz-transition: background-color 250ms ease-in-out !important;
	-o-transition: background-color 250ms ease-in-out !important;
	transition: background-color 250ms ease-in-out !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next:hover,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev:hover {
	background-color: var(--color-primary-400) !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next.ui-state-disabled,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev.ui-state-disabled {
	display: none !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next {
	background-position: -285px -5px !important;
	float: right !important;
	right: 4px !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev {
	background-position: -245px -5px !important;
	float: left !important;
	left: 4px !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next
	.ui-icon,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev
	.ui-icon {
	display: none !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-title,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-month,
.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-year {
	color: var(--color-white-500) !important;
	font-size: 1.125rem !important;
	font-weight: normal !important;
	line-height: 38px !important;
	text-align: center !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-title {
	margin: 0 38px !important;
}

/*
 * jQuery UI datepicker calendar.
 */
.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	table-layout: fixed !important;
	width: 100% !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar th {
	background: var(--color-white-700) !important;
	border: 1px solid var(--color-primary-500) !important;
	border-top: none !important;
	color: var(--color-gray-600) !important;
	font-size: 0.875rem !important;
	font-weight: normal !important;
	line-height: 18px !important;
	padding: 0 !important;
	text-align: center !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar td {
	border: 1px solid var(--color-primary-500) !important;
	padding: 0 !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-calendar
	td.ui-datepicker-other-month {
	background: var(--color-white-700) !important;
	line-height: 17px !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-calendar
	.ui-state-disabled
	span,
.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar a {
	background: var(--color-white-500) !important;
	border: 0 !important;
	color: var(--color-gray-600) !important;
	display: block !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	line-height: 19px !important;
	padding: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar a {
	color: var(--color-gray-600) !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-calendar
	a.ui-state-active {
	background-color: var(--color-primary-500) !important;
	color: var(--color-white-500) !important;
}

#ui-datepicker-div.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-calendar
	a.ui-state-active {
	background-color: var(--color-primary-500) !important;
	color: var(--color-white-500) !important;
}

.DOPBSPCalendar-datepicker.ui-datepicker
	.ui-datepicker-calendar
	a.ui-state-active,
.DOPBSPCalendar-datepicker.ui-datepicker .ui-datepicker-calendar a:hover {
	border: 1px solid var(--color-primary-500) !important;
	line-height: 17px !important;
	color: var(--color-gray-600) !important;
}
/*
 * *************************************************** End jQuery UI datepicker.
 */
/*
 * ***************************************************************************** End sidebar.
 */

/*
 * ***************************************************************************** Begin info message.
 */
.DOPBSPCalendar-info-message {
	background: var(--color-white-500);
	display: none;
	margin: 20px 0;
	overflow: hidden;
	padding: 19px 9px;
	position: relative;
}

.DOPBSPCalendar-info-message .dopbsp-icon {
	background-image: url("../images/sprite.png");
	float: left;
	height: 40px;
	width: 40px;
}

.DOPBSPCalendar-info-message .dopbsp-text {
	font-size: 1rem;
	font-weight: 400;
	line-height: 20px;
	width: 85%;
}

.dopbsp-text,
.dopbsp-timer {
	color: var(--color-gray-600);
}

.DOPBSPCalendar-info-message .dopbsp-timer {
	font-size: 0.875rem;
	font-weight: 400;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 49px;
	text-align: center;
	top: 19px;
	width: 25px;
}

.DOPBSPCalendar-info-message .dopbsp-close {
	background-image: url("../images/sprite.png");
	background-position: -80px -40px;
	display: block;
	height: 20px;
	position: absolute;
	right: 19px;
	top: 19px;
	width: 20px;
}

/*
 * Success info message.
 */
.DOPBSPCalendar-info-message.dopbsp-success {
	background: var(--color-success-500) !important;
	border: 1px solid var(--color-success-500);
}

.DOPBSPCalendar-info-message.dopbsp-success .dopbsp-icon {
	background-color: var(--color-success-500);
	background-position: 0 -40px;
}

.DOPBSPCalendar-info-message.dopbsp-success .dopbsp-text,
.DOPBSPCalendar-info-message.dopbsp-success .dopbsp-timer {
	color: #fff;
}

.DOPBSPCalendar-info-message.dopbsp-success .dopbsp-close {
	background-color: var(--color-success-500);
}

/*
 * Error info message.
 */
.DOPBSPCalendar-info-message.dopbsp-error {
	border: 1px solid var(--color-primary-500);
}

.DOPBSPCalendar-info-message.dopbsp-error .dopbsp-icon {
	background-color: var(--color-white-500);
	background-position: -40px -40px;
}

.DOPBSPCalendar-info-message.dopbsp-error .dopbsp-close {
	background-color: var(--color-primary-500);
	border-radius: 9999px;
}

.DOPBSPCalendar-info-message .dopbsp-close:hover {
	background-color: var(--color-primary-400);
}
/*
 * ***************************************************************************** End info message.
 */

/*
 * ***************************************************************************** Begin tooltip.
 */
.DOPBSPCalendar-tooltip {
	background: var(--color-white-700);
	border: 1px solid var(--color-primary-400);
	color: var(--color-gray-600);
	display: none;
	font-size: 0.75rem;
	font-weight: 400;
	left: 0px;
	line-height: 20px;
	max-width: 500px;
	padding: 9px;
	position: absolute;
	top: 0px;
	z-index: 1000000;
}

.DOPBSPCalendar-tooltip.dopbsp-text {
	background: var(--color-primary-400);
	border: 1px solid var(--color-primary-400);
	color: var(--color-white-500);
	padding: 19px 9px;
}
/*
 * ***************************************************************************** End tooltip.
 */

/*
 * ***************************************************************************** Begin referral text.
 */
.DOPBSPCalendar-referral {
	color: var(--color-gray-600) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 38px !important;
	text-align: left !important;
	text-decoration: none !important;
}

.DOPBSPCalendar-referral a {
	color: var(--color-gray-600);
	text-decoration: none !important;
	-webkit-transition: color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
}
.DOPBSPCalendar-referral a:hover {
	color: var(--color-primary-400);
	text-decoration: none !important;
}
/*
 * ***************************************************************************** End referral text.
 */

/*
 * ***************************************************************************** Begin retina.
 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.DOPBSPCalendar-navigation .dopbsp-add-btn,
	.DOPBSPCalendar-navigation .dopbsp-next-btn,
	.DOPBSPCalendar-navigation .dopbsp-previous-btn,
	.DOPBSPCalendar-navigation .dopbsp-remove-btn,
	.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-info,
	.DOPBSPCalendar-hour .dopbsp-bind-middle .dopbsp-info,
	.DOPBSPCalendar-sidebar
		.dopbsp-module
		.dopbsp-input-wrapper
		.dopbsp-warning-info
		.dopbsp-icon,
	.DOPBSPCalendar-sidebar
		.dopbsp-module
		.dopbsp-input-wrapper
		input[type="text"].DOPBSPCalendar-check-in-view,
	.DOPBSPCalendar-sidebar
		.dopbsp-module
		.dopbsp-input-wrapper
		input[type="text"].DOPBSPCalendar-check-out-view,
	.DOPBSPCalendar-datepicker.ui-datepicker
		.ui-datepicker-header
		.ui-datepicker-next,
	.DOPBSPCalendar-datepicker.ui-datepicker
		.ui-datepicker-header
		.ui-datepicker-prev,
	.DOPBSPCalendar-info-message .dopbsp-icon,
	.DOPBSPCalendar-info-message .dopbsp-close {
		background-image: url("../images/sprite-retina.png") !important;
		background-size: 320px 190px;
	}
}
/*
 * ***************************************************************************** End retina.
 */