.datepicker-days, .datepicker-months, .datepicker-years {
    max-width: 276px;
    margin: 0 auto;
    position: relative;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    background: white !important;
    border: 1px solid white;
    padding: 20px 18px;
    border-top: 0px;
    border-radius: 0px;
    margin-top: 0rem;
    z-index: 12;
    width: fit-content !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.datepicker table {
    margin: 0 auto;
    width: 100%;
}

.datepicker-dropdown:before {
    border-bottom: 0px solid #313131;
    display: none;
}

.datepicker-dropdown:after {
    display: none;
    border-bottom: 0px solid #3d3d3d;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #0f1115;
    background-image: none;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
    border-radius: 0px;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #999;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
}

th.datepicker-switch {
    color: #0f1115;
}

th.prev, th.next {
    color: #1b4b80;
}

th.dow {
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    font-family: "Trade Gothic LT Std", Arial, Helvetica, sans-serif;
    background-color: #1b4b80;
    font-weight: 700 !important;
    padding: 10px 9px 7px;
}

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

td.day {
    color: #333;
    font-size: 13px !important;
    text-align: center;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: whitesmoke;
    cursor: pointer;
    border-radius: 0px;
}

.datepicker table tr td.day.disabled {
    cursor: default;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: whitesmoke;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: white;
}

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

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

td.year {
    color: #00AEFF;
}

.datepicker table tr td, .datepicker table tr th {
    font-weight: 400;
    font-family: "Trade Gothic LT Std Bold", Arial, Helvetica, sans-serif;
    border: 1px solid #e8e8e8;
    border-radius: 0px;
    padding-top: 9px;
    padding-bottom: 5px;
}

.datepicker-days .prev, .datepicker-days .next {
    padding-top: 3px;
}

.datepicker table tr td {
    font-size: 15px;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-image: none;
    background-color: #1b4b80;
    border-color: #1b4b80;
    text-shadow: none;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #1b4b80;
    border-color: #1b4b80;
}

.datepicker table tr td span:hover {
    background: whitesmoke;
}

span.year {
    color: #1b4b80;
}

span.month {
    color: #1b4b80;
    display: block;
    min-width: 154px;
    padding-inline: 10px;
}

.datepicker table tr th.prev {
    color: white;
}

.datepicker table tr th.prev:after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-left: 1px;
    padding-top: 1px;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
}

.datepicker table tr th.next {
    color: white;
}

.datepicker table tr th.next:after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-right: 1px;
    padding-top: 1px;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
}

.datepicker-days .datepicker-switch, .datepicker-days .prev, .datepicker-days .next {
    border: 0px solid rgba(0, 0, 0, 0.15);
    font-weight: 500;
    font-family: "Mona Sans";
    font-size: 15px;
    text-transform: uppercase;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none;
}

.datepicker-dropdown .datepicker-years .datepicker-switch, .datepicker-dropdown .datepicker-months .datepicker-switch {
    pointer-events: none;
}

.datepicker-months table th.prev {
    border: none !important;
}

.datepicker-months table th.next {
    border: none !important;
}

.datepicker-months table th.datepicker-switch {
    border: 0 !important;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 20px 18px;
    border-radius: 0;
    margin-top: 0;
}

.datepicker-dropdown {
    position: absolute;
    z-index: 99999 !important;
}