.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	width: 278px;
	max-width: none;
	padding: 0;
	margin-top: 8px;
	top: 100px;
	left: 20px;
	z-index: 3001;
	display: none;
	font-family: arial;
	font-size: 15px;
	line-height: 1em;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
	float: none;
}
.daterangepicker.single .drp-selected {
	display: none;
}
.daterangepicker.show-calendar .drp-calendar {
	display: block;
}
.daterangepicker.show-calendar .drp-buttons {
	display: block;
}
.daterangepicker.auto-apply .drp-buttons {
	display: none;
}
.daterangepicker .drp-calendar {
	display: none;
	max-width: 270px;
}
.daterangepicker .drp-calendar.left {
	padding: 0px;
}
.daterangepicker .drp-calendar.right {
}
.daterangepicker .drp-calendar.single .calendar-table {
	border: none;
}
.daterangepicker .calendar-table .next span {float: right;}
.daterangepicker .calendar-table .prev span {
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 32px;
	height: 40px;
	line-height: 28px;
	border-radius: 8px;
	white-space: nowrap;
	cursor: pointer;
	font-size: 14px;
}
.daterangepicker .calendar-table {
	border-radius: 8px;
}
.daterangepicker .calendar-table table {
	width: 100%;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.daterangepicker td.available:hover {
	background-color: var(--theme-color-calendar-shade);
	color: inherit;
}
th.prev.available {
	}th.next.available {
}
.daterangepicker th.available:hover {
}
.daterangepicker th.available:hover span{
	border-color: var(--theme-color-light-text);
}
.daterangepicker td.week, .daterangepicker th.week {
	font-size: 80%;
	color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: #fff;
	border-color: transparent;
	color: #d5d6dd;
}
.daterangepicker td.off.in-range {
	background-color: #fff;
	border-color: transparent;
	color: #d5d6dd;
}
.daterangepicker td.in-range {
	background-color: var(--theme-color-calendar-shade);
	border-color: transparent;
	/* color: #000; */
	border-radius: 0;
}
.daterangepicker td.start-date {
	border-radius: 8px 0 0 8px;
}
.daterangepicker td.end-date {
	border-radius: 0 8px 8px 0;
}
.daterangepicker td.start-date.end-date {
	border-radius: 8px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: var(--theme-color1);
	border-color: transparent;
	color: var(--theme-color-light-text);
}
.daterangepicker th.month {
	width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
	color: #d44f84!important;
	/* cursor: not-allowed; */
	background: #ffd9e4!important;
	cursor: default;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default;
}
.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}
.daterangepicker select.yearselect {
	width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
	width: 50px;
	margin: 0 auto;
	background: #eee;
	border: 1px solid #eee;
	padding: 2px;
	outline: 0;
	font-size: 12px;
}
.daterangepicker .calendar-time {
	text-align: center;
	margin: 8px auto 0 auto;
	line-height: 30px;
	position: relative;
}
.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed;
}
.daterangepicker .drp-buttons {
	clear: both;
	text-align: right;
	padding: 8px;
	border-top: 1px solid #ddd;
	display: none;
	line-height: 12px;
	vertical-align: middle;
}
.daterangepicker .drp-selected {
	display: inline-block;
	font-size: 12px;
	padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
	margin-left: 8px;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
	border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
	border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
	border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
	border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
	float: none;
	text-align: left;
	margin: 0;
}
.daterangepicker.show-calendar .ranges {
	margin-top: 8px;
}
.daterangepicker .ranges ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.daterangepicker .ranges li {
	font-size: 12px;
	padding: 8px 12px;
	cursor: pointer;
}
.daterangepicker .ranges li:hover {
	background-color: #eee;
}
.daterangepicker .ranges li.active {
	background-color: #08c;
	color: #fff;
}
/* reset spans */
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	/* all: unset; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	color: var(--theme-color-href);
	font-family: "Font Awesome 6 Pro"; /* match your import */
	font-weight: 900; /* solid weight */
	font-size: 10px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
	border: 1px solid #e0dfe5;
	box-shadow: 0 .125rem .25rem rgb(5 7 12 / 4%) !important;
}
/* right chevron */
.daterangepicker .calendar-table .next span::before {
	content: "\f105"; /* fa-angle-right */
	font-size: 10px;
}
/* left chevron */
.daterangepicker .calendar-table .prev span::before {
	content: "\f104"; /* fa-angle-left */
}
/* hover effect */
.daterangepicker .calendar-table .next span:hover,
.daterangepicker .calendar-table .prev span:hover {
	background-color: var(--theme-color-shade);
	border: 1px solid #e0dfe5;
}
/*  Larger Screen Styling */
@media (min-width: 568px) {
	.daterangepicker {
		width: auto;
	}
	.daterangepicker .ranges ul {
		width: 140px;
	}
	.daterangepicker.single .ranges ul {
		width: 100%;
	}
	.daterangepicker.single .drp-calendar.left {
		clear: none;
	}
	.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
		float: left;
	}
	.daterangepicker {
		direction: ltr;
		text-align: left;
	}
	.daterangepicker .drp-calendar.left {
		clear: left;
		margin-right: 0;
	}
	.daterangepicker .drp-calendar.left .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.daterangepicker .drp-calendar.right {
		margin-left: 0;
	}
	.daterangepicker .drp-calendar.right .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.daterangepicker .drp-calendar.left .calendar-table {
	}
	.daterangepicker .ranges, .daterangepicker .drp-calendar {
		float: left;
	}
}
@media (min-width: 730px) {
	.daterangepicker .ranges {
		width: auto;
	}
	.daterangepicker .ranges {
		float: left;
	}
	.daterangepicker.rtl .ranges {
		float: right;
	}
	.daterangepicker .drp-calendar.left {
		clear: none !important;
	}
}
/* Style 'Today' differently when it is selected by default as both start and end date */
.daterangepicker td.today.active.start-date.end-date {
   background-color: var(--theme-color-calendar-shade);
    color: #333333;            /* Dark text color */
	/* Subtle theme-colored border */
}
/* Optional: Maintain a hover state for it */
.daterangepicker td.today.active.start-date.end-date:hover {
    background-color: var(--theme-color-shade) !important;
    color: #000000 !important;
}
.daterangepicker td.off.disabled.past-date {
	background-color: transparent !important;
	border-color: transparent !important;
	text-decoration: none !important;
	cursor: default !important;
}
.daterangepicker td.off.disabled.sold-date {
    color: #d44f84 !important;
    background: #ffd9e4 !important;
    cursor: default;
}
.daterangepicker td.off.disabled.sold-date:hover {
	background-color: #ffe3ea !important;
}
.prod_splitter {
	min-width: 0;
	flex: 1 1 auto;
}
.prod_splitter span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Injected month-nav handles */
.daterangepicker .calendar-table th.drp-nav {
	min-width: 32px;
	width: 32px;
	height: 40px;
	padding: 0;
}
.daterangepicker .calendar-table th.drp-nav span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #e0dfe5;
	border-radius: 8px;
	color: var(--theme-color-href);
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 10px;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
	box-shadow:0 .125rem .25rem rgb(5 7 12 / 4%) !important;
}
.daterangepicker .calendar-table th.drp-nav-prev span::before { content: "\f104"; }
.daterangepicker .calendar-table th.drp-nav-next span::before { content: "\f105"; }
.daterangepicker .calendar-table th.drp-nav:not(.is-disabled) span:hover {
	background-color: var(--theme-color-shade);
}
.daterangepicker .calendar-table th.drp-nav.is-disabled span {
	color: #d9d8e0;
	border-color: #eceaf1;
	background: transparent;
	cursor: default;
}
/* The duplicated inner handles only make sense when the months stack */
@media (min-width: 769px) {
	.daterangepicker .calendar-table th.drp-nav-extra span { display: none; }
}
/* No text selection while dragging a range */
#cal-render,
.daterangepicker {
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.daterangepicker td.off, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    color: #d5d6dd;
}

.daterangepicker td.off.ends:hover {
    background-color: #fff !important;
    color: #d5d6dd !important;
    border-color: transparent !important;
}

/* Range end-cap triangles */
.daterangepicker td.active {
  position: relative;
  overflow: visible;
}

.daterangepicker td.active.start-date:not(.off)::after,
.daterangepicker td.active.end-date:not(.off)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  pointer-events: none;
  z-index: 1;
}

/* start: juts OUT to the right, away from the cell */
.daterangepicker td.active.start-date:not(.off)::after {
  right: -4px;
  border-left: 6px solid var(--theme-color1);
}

/* end: sits INSIDE the cell on its left edge, pointing back at the range */
.daterangepicker td.active.end-date:not(.off)::before {
  left: -1px;
  border-left: 6px solid var(--theme-color-calendar-shade);
}

/* single day is both ends — no direction to point */
.daterangepicker td.active.start-date.end-date::after,
.daterangepicker td.active.start-date.end-date::before {
  content: none;
}