.datepicker table thead th.prev,
.datepicker table thead th.next {
    background: transparent;
    font-family: 'Material Icons Outlined' !important;
    font-size: 0 !important;
    font-weight: 400;
}

.datepicker table thead th.prev:after,
.datepicker table thead th.next:after {
    font-size: 20px;
    color: inherit;
}

.datepicker table thead th.prev:after {
    content: 'keyboard_arrow_left';
}

.datepicker table thead th.next:after {
    content: 'keyboard_arrow_right';
}

.datepicker-dropdown.datepicker:before,
.datepicker-dropdown.datepicker:after {
    display: none !important;
}

.datepicker-dropdown {
    padding: 8px;
    z-index: 999999 !important;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new,
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: var(--bien-grey-2);
}

.datepicker table tr td span {
    text-align: center !important;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background-color: var(--bien-bg);
}

.datepicker .datepicker-switch {
    text-align: left !important;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px;
    white-space: nowrap;
    font-weight: 500 !important;
    color: var(--bien-dark);
    padding: 0 8px;
}

.datepicker .datepicker-switch:hover {
    background: #FFF !important;
}

.datepicker .datepicker-switch:after {
    content: 'arrow_drop_down';
    font-family: "Material Icons Outlined";
    font-size: 16px;
    color: var(--bien-grey-1);
    vertical-align: text-bottom;
    margin-left: 2px;
}

.datepicker table {
    border-collapse: separate;
    border-spacing: 2px;
}

.datepicker table tr td, .datepicker table tr th {
    width: 32px;
    height: 32px;
    color: var(--bien-dark);
}

.datepicker th.dow {
    text-transform: uppercase;
    color: var(--bien-grey-1) !important;
    font-weight: 500 !important;
}

.datepicker .clear {
    color: var(--bien-dark) !important;
    font-weight: 500 !important;
    background: var(--bien-bg);
}

.datepicker .clear:hover {
    background: var(--bien-grey-2);
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: var(--bien-bg);
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: var(--bien-bg);
}

.datepicker span.disabled, .datepicker span.disabled:hover {
    color: var(--bien-grey-2) !important;
}

.datepicker .prev, .datepicker .next {
    color: var(--bien-grey-1);
}

.datepicker .prev.disabled, .datepicker .next.disabled {
    visibility: visible;
    color: var(--bien-grey-2) !important;
    pointer-events: none;
}

.datepicker table tr td.today {
    color: var(--bien-dark);
    background: var(--bien-yellow-60);
    border-color: var(--bien-yellow-60);
}

.datepicker table tr td.today:hover {
    background: var(--bien-yellow-100);
    border-color: var(--bien-yellow-100);
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #FFF;
    background-color: var(--bien-primary);
    border-color: var(--bien-primary);
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: var(--bien-grey-2);
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0 !important;
}

#contenutipagine .bootstrap-datepicker {
    background-image: url("/immagini/calendar-alt-regular.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: calc(100% - 6px) 50%;
    padding-right: var(--bien-gutter) !important;
}

.datepicker .year.old,
.datepicker .year.new {
    display: none;
}