.ui-datepicker {
	width: auto !important;
	min-width: 17em;
}
.ui-datepicker.ui-datepicker-inline { width: 100% !important; }
.ui-widget-content {
  color: var(--bs-body-color);
	background: var(--bs-body-bg);
}
.ui-widget.ui-widget-content:not(.ui-datepicker-inline) {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	/*border-radius: var(--bs-border-radius);*/
	z-index: 1351 !important;
}
.ui-datepicker-inline.ui-widget.ui-widget-content {
	border: 0;
}
.ui-widget-header,
.ui-widget-header .ui-state-hover {
	border: 0;
	margin: 0;
	font-size: 1.2rem;
	background: transparent;
	color: var(--bs-emphasis-color);
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-image: none !important;
	text-indent: 0;
	display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ui-datepicker-prev span:before {
	content: "\f284";
}
.ui-datepicker-next span:before {
	content: "\f285";
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0;
	background: none;
	margin-bottom: 0;
	padding: 1rem;
	color: var(--bs-body-color);
	text-align: center;
	filter: none;
}
.ui-datepicker td .ui-state-highlight {
	color: var(--bs-primary);
	background-color: transparent;
}
.ui-datepicker td .ui-state-active {
	color: var(--bs-primary-color);
	background-color: var(--bs-primary);
	margin-bottom:0;
	text-shadow:0;
	border-color:transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}
.ui-datepicker td .ui-state-hover {
	color:var(--bs-primary-color);
	background-color:var(--bs-primary);
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
	border-color:var(--bs-primary);
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}
.ui-datepicker td.dp-highlight .ui-state-hover,
.ui-datepicker td.dp-highlight .ui-state-active {
	background-color:var(--bs-primary);
}
.ui-datepicker td.dp-highlight .ui-state-default,
.ui-datepicker td.dp-hover .ui-state-default {
	background-color:var(--bs-primary);
	color:var(--bs-primary-color);
}
.ui-datepicker td.dp-range-start .ui-state-default,
.ui-datepicker td.dp-range-end .ui-state-default,
.ui-datepicker td.dp-hover-start .ui-state-default,
.ui-datepicker td.dp-hover-end .ui-state-default {
	background-color:var(--bs-primary);
	color:var(--bs-primary-color);
}