.datepicker {
	padding: 0.5rem;
	border-radius: 0.5rem;
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	font-family: 'Segoe UI', sans-serif;
	color: #333;
	z-index: 1055;
}

/*
.datepicker .prev::after {
	content: '\f104';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.datepicker .prev {
	text-indent: -9999px;
}

.datepicker .next::after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.datepicker .next {
	text-indent: -9999px;
}
*/

.datepicker .prev i,
.datepicker .next i {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.datepicker th,
.datepicker td {
	width: 2rem;
	height: 2rem;
	text-align: center;
	border-radius: 0.375rem;
	transition: background-color 0.2s ease;
	cursor: pointer;
	font-size: 0.875rem;
}

.datepicker th {
	font-weight: 600;
	color: #555;
	background-color: #f8f9fa;
}

.datepicker td:hover {
	background-color: #e9ecef;
}

.datepicker td.disabled,
.datepicker td.disabled:hover {
	color: #ccc;
	background-color: transparent;
	cursor: not-allowed;
}

.datepicker td.today {
	background-color: #fff3cd;
	color: #856404;
	font-weight: 600;
}

.datepicker td.selected,
.datepicker td.selected:hover,
.datepicker td.active,
.datepicker td.active:hover {
	background-color: #0d6efd;
	color: #fff;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next {
	padding: 0.25rem 0.5rem;
	font-weight: bold;
	cursor: pointer;
	border-radius: 0.375rem;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background-color: #e2e6ea;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
	display: none; /* remove as setinhas antigas */
}

.input-daterange input {
	text-align: center;
	border-radius: 0.375rem;
	padding: 0.375rem 0.75rem;
}

.input-daterange .add-on {
	padding: 0.375rem 0.75rem;
	background-color: #f1f3f5;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	margin: 0 0.25rem;
	color: #495057;
}

.datepicker .month,
.datepicker .year {
	display: inline-block;
	width: 100%;
	padding: 0.5rem 0;
	border-radius: 0.375rem;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s;
}

.datepicker .month:hover,
.datepicker .year:hover {
	background-color: #f0f0f0;
}

.datepicker .active,
.datepicker .active:hover {
	background-color: #0d6efd;
	color: white;
}