/* Reset jQuery UI styles */

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}

.ui-widget.ui-widget-content {
	border: inherit;
}

.ui-datepicker-header.ui-widget-header {
	border: none;
	background: inherit;
	color: inherit;	
}

.ui-datepicker .ui-state-default {
	border: none;
	background: inherit;
	color: inherit;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: static;
	width: auto;
	height: auto;
	right: 0;
	top: 0;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	background-color: inherit;
	border: none;
}

/* Style the date picker to look better with Bootstrap 4 */

.ui-datepicker {
	width: 18rem;
	background-color: #fff;
	margin-top: .25rem;
	margin-bottom: .25rem;
	border-radius: .25rem;
	padding: .5rem;
}

.ui-datepicker.ui-widget {
	border: 1px solid #ced4da;
}

.ui-datepicker-header.ui-widget-header {
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	padding: .5rem;
	border-radius: .25rem;
	background-color: #f8f9fa;
}

.ui-datepicker-title {
	order: 1;
	flex-grow: 2;
	text-align: center;
}

.ui-datepicker .ui-icon {
  visibility: hidden;
}

.ui-datepicker .ui-icon:before {
  visibility: visible;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.ui-datepicker-prev {
	order: 0;
}
.ui-datepicker-prev:before {
	content: "\25c4";
}

.ui-datepicker-next {
	order: 2;
}

.ui-datepicker-next:after {
	content: "\25ba";
}

.ui-datepicker table {
	width: 100%;
	font-size: inherit;
	border-collapse: separate;
	margin: 0;
}

.ui-datepicker tr {
	height: 1.5rem;
}

.ui-datepicker tr:not(:last-child) {
	margin-bottom: .5rem;
}

.ui-datepicker th, .ui-datepicker td {
	text-align: center;	
	border-radius: .25rem;
	color: #6c757d;
}

.ui-datepicker td:hover {
	color: #007bff;
	background-color: #f8f9fa;
}

.ui-datepicker td.ui-datepicker-today {
	border: 1px solid #ced4da;
}

.ui-datepicker td.ui-datepicker-current-day {
	background-color: #007bff;
	color: #fff;
}

.ui-datepicker td a {
	display: inline;
	padding: 0;
	color: inherit;
}