/* Custom skin for bootstrap-datepicker to match the site's green/orange palette. */
.datepicker.datepicker-dropdown {
    font-family: 'Poppins', sans-serif;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    padding: 12px;
    z-index: 3000;
}

.datepicker table {
    width: 100%;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 13px;
}

.datepicker table tr th {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #0d4514;
}

.datepicker table tr th.datepicker-switch {
    font-weight: 700;
    color: #fff;
    background: #2ea82e;
    border-radius: 8px;
}

.datepicker table tr th.prev,
.datepicker table tr th.next {
    color: #2ea82e;
    font-weight: 700;
}

.datepicker table tr th.prev:hover,
.datepicker table tr th.next:hover,
.datepicker table tr th.datepicker-switch:hover {
    background: #228c22;
    color: #fff;
}

.datepicker table tr th.dow {
    color: #5c5c5c;
    font-weight: 600;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #f6fff6;
    color: #0d4514;
    cursor: pointer;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
    background: #fff3d6;
    color: #a86a00;
    font-weight: 700;
}

.datepicker table tr td.active.day,
.datepicker table tr td.active.day:hover,
.datepicker table tr td.selected.day,
.datepicker table tr td.selected.day:hover {
    background: #2ea82e !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #cdd3cd;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: #f1f1f1;
    color: #b7b7b7;
    text-decoration: line-through;
    cursor: not-allowed;
}

.datepicker table tr td span.month,
.datepicker table tr td span.year,
.datepicker table tr td span.decade {
    border-radius: 8px;
}

.datepicker table tr td span.active,
.datepicker table tr td span.focused {
    background: #2ea82e !important;
    color: #fff !important;
}