.daterange {
	position: relative;
}

.daterangepicker {
	display: none;
	grid-template: auto / auto;
	grid-gap: var(--pa-pad1);
	padding: var(--pa-pad1);
	position: absolute;
	color: inherit;
	border-radius: var(--pa-radius);
	margin-top: 1px;
	top: 143px;
	left: 31px;
	min-width: unset;
}

.daterangepicker.in {
	display: grid;
}

.daterangepicker.in.show-calendar {
	grid-template: auto / auto auto auto;
}

.daterangepicker::before {
	content: ' ';
	position: absolute;
	top: -11px;
	z-index: 99;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transform: translateX(-10px);
	border-bottom: 11px solid var(--pa-border);
}

.daterangepicker::after {
	content: ' ';
	position: absolute;
	top: -10px;
	z-index: 99;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid var(--pa-white-bg);
}

.daterangepicker.opensleft:before {
	right: 9px
}

.daterangepicker.opensleft:after {
	right: 10px
}

.daterangepicker.openscenter:before {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto
}

.daterangepicker.openscenter:after {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto
}

.daterangepicker.opensright:before {
	left: 19px
}

.daterangepicker.opensright:after {
	left: 10px
}

.daterangepicker.dropup {
	margin-top: -5px
}

.daterangepicker.dropup:before {
	top: initial;
	bottom: -7px;
	border-bottom: initial;
	border-top: 7px solid var(--pa-white);
}

.daterangepicker.dropup:after {
	top: initial;
	bottom: -6px;
	border-bottom: initial;
}

.daterangepicker.dropdown-menu {
	max-width: none;
	z-index: 3001;
	padding: var(--pa-pad1);
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
	text-align: center
}

.daterangepicker.show-calendar .calendar {
	display: block
}

.daterangepicker .calendar {
	display: none;
	max-width: 270px;
}

.daterangepicker .calendar.single .calendar-table {
	border: none
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
	white-space: nowrap;
	text-align: center;
	min-width: 32px;
}

.daterangepicker .calendar th {
	padding: 1px;
}

.daterangepicker .calendar tr:nth-child(1) th:not(:last-child) {
	border-radius: var(--pa-radius);
	transition: var(--pa-tr-all-1);
}

.daterangepicker .calendar tr:nth-child(1) th.month {
	box-shadow: 0 0 0 1px var(--pa-sc1) inset;
}

.daterangepicker .calendar tr:nth-child(2) th {
	color: var(--pa-text1);
	font-size: 10px
}

.daterangepicker .calendar tr:nth-child(2) th {
	padding-top: 14px;
	margin-top: 0
}

.daterangepicker table {
	width: 100%;
	margin: 0;
	font-size: var(--pa-fs);
}

.daterangepicker td, .daterangepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: var(--pa-radius);
	white-space: nowrap;
	cursor: pointer
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
	background-color: var(--pa-muted);
	border-color: transparent;
	color: inherit
}

.daterangepicker td.week, .daterangepicker th.week {
	font-size: 80%;
	color: var(--pa-border);
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: var(--pa-white-bg);
	border-color: transparent;
	color: #999
}

.daterangepicker td.in-range {
	background-color: var(--pa-sc);
	border-color: transparent;
	color: var(--pa-text);
	border-radius: 0
}

.daterangepicker td.start-date {
	border-radius: var(--pa-radius) 0 0 var(--pa-radius)
}

.daterangepicker td.end-date {
	border-radius: 0 var(--pa-radius) var(--pa-radius) 0
}

.daterangepicker td.start-date.end-date {
	border-radius: var(--pa-radius)
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: var(--pa-blue);
	border-color: transparent;
	color: var(--pa-white)
}

.daterangepicker th.month .chosen-single {
	border-color: transparent;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
	color: #999;
	cursor: not-allowed;
	text-decoration: line-through
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	font-size: var(--pa-fs-small);
	border-radius: var(--pa-radius);
	height: auto;
	margin: 0;
	cursor: pointer;
	text-align: center;
	border: none
}

.daterangepicker select.yearselect + .chosen-container .chosen-single, .daterangepicker select.monthselect + .chosen-container .chosen-single {
	box-shadow: none;
	/* height: auto; */
	line-height: 25px;
	font-size: var(--pa-fs-small);
	padding-left: var(--pa-pad0);
}

.daterangepicker select.yearselect + .chosen-container .chosen-single span, .daterangepicker select.monthselect + .chosen-container .chosen-single span {
	height: auto;
	padding-top: var(--pa-pad0);
	padding-bottom: var(--pa-pad0);
	line-height: 18px;
}

.daterangepicker select.monthselect + .chosen-container {
	width: 54% !important;
	text-align: left;
	border-right: 0;
	height: auto;
}

.daterangepicker select.yearselect + .chosen-container {
	width: 46% !important;
	height: auto;
}

.daterangepicker select.monthselect + .chosen-container .chosen-single {
	font-size: var(--pa-fs-small);
	border-radius: var(--pa-radius) 0 0 var(--pa-radius);
}

.daterangepicker select.monthselect + .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
	border-radius: var(--pa-radius) var(--pa-radius) 0 0;
	margin: -2px 0 0 0;
}

.daterangepicker select.yearselect + .chosen-container .chosen-single {
	font-size: var(--pa-fs-small);
	border-radius: 0 var(--pa-radius) var(--pa-radius) 0;
}

.daterangepicker select.monthselect + .chosen-container.chosen-with-drop .chosen-single {
	border-color: var(--pa-blue);
	border-top-left-radius: var(--pa-radius);
}

.daterangepicker select.monthselect + .chosen-container.chosen-with-drop .chosen-single {
	border-right-color: var(--pa-blue);
	border-radius: var(--pa-radius) var(--pa-radius) 0 0;
}

.daterangepicker select.yearselect + .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
	border-color: var(--pa-blue);
	border-radius: var(--pa-radius) var(--pa-radius) 0 0;
}

.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-bottom: 0
}

.daterangepicker .input-mini {
	border-radius: var(--pa-radius);
	color: #555;
	height: 30px;
	line-height: 30px;
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0;
	width: 68%;
	font-weight: bold;
	text-align: center
}

.daterangepicker .input-mini.active {
	border-radius: var(--pa-radius)
}

.daterangepicker .daterangepicker_input {
	position: relative
}

.daterangepicker .daterangepicker_input i {
	position: absolute;
	left: 8px;
	top: 8px
}

.daterangepicker.rtl .input-mini {
	padding-right: 28px;
	padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
	left: auto;
	right: 8px
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 5px auto;
	line-height: 30px;
	position: relative;
	padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed
}

.ranges {
	grid-area: 1/1/3/2;
	font-size: var(--pa-fs-small);
	text-align: left;
}

.ranges ul {
	list-style: none;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--pa-pad0);
	margin: 0;
}

.ranges li {
	font-size: 13px;
	background-color: var(--pa-muted);
	border-radius: var(--pa-radius);
	color: var(--pa-blue);
	padding: var(--pa-pad0) var(--pa-pad1);
	cursor: pointer;
	transition: var(--pa-tr-all-1);
}

.ranges li:hover {
	background-color: var(--pa-blue);
	color: var(--pa-white);
}

.ranges li.active {
	background-color: var(--pa-blue);
	color: var(--pa-white);
}

.daterangepicker.ltr {
	direction: ltr;
	text-align: left
}

.daterangepicker.ltr .calendar.left {
	clear: left;
	margin-right: 0
}

.daterangepicker.ltr .calendar.left .calendar-table {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.daterangepicker.ltr .calendar.right .calendar-table {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.daterangepicker.rtl {
	direction: rtl;
	text-align: right
}

.daterangepicker.rtl .calendar.left {
	clear: right;
	margin-left: 0
}

.daterangepicker.rtl .calendar.left .calendar-table {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.daterangepicker.rtl .calendar.right {
	margin-right: 0
}

.daterangepicker.rtl .calendar.right .calendar-table {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.daterangepicker.rtl .left .daterangepicker_input {
	padding-left: 12px
}

.daterangepicker.rtl .calendar.left .calendar-table {
	padding-left: 12px
}

.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
	grid-area: 1/1/3/2;
}

.prev i, .next i {
	--icon-size: 27px;
	background-color: var(--pa-text1);
	margin: -0.8rem 0;
}

.prev:hover i, .next:hover i {
	background-color: var(--pa-text);
}

.daterangepicker_input {
	display: none
}

@media (max-width: 730px) {
	.daterangepicker.in.show-calendar {
		grid-template: auto / auto auto;
	}

	.daterangepicker .ranges {
		grid-area: 1/1/3/2;
	}
	.daterangepicker .calendar.left {
		grid-area: 1/2/2/3;
	}
	.daterangepicker .calendar.right {
		grid-area: 2/2/3/3;
	}
	.daterangepicker .range_inputs {
		grid-area: 2/1/3/2;
		align-self: end;
	}
}

@media (max-width: 480px) {
	.daterangepicker.in.show-calendar {
		grid-template: auto / auto;
	}

	.daterangepicker .ranges {
		grid-area: 1/1/2/2;
	}
	.daterangepicker .calendar.left {
		grid-area: 2/1/3/2;
	}
	.daterangepicker .calendar.right {
		grid-area: 3/1/4/2;
	}
	.daterangepicker .range_inputs {
		grid-area: 4/1/5/2;
		align-self: end;
	}
}

/* daterangepicker-bs3.css */