/* Custom Datepicker styles */
.ui-datepicker {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important;
    }

    .ui-datepicker-header {
    padding-bottom: 5px !important;
    }

    .ui-datepicker-title {
    font-weight: bold !important;
    text-align: center !important;
    color: #666 !important;
    }

    .ui-datepicker-prev, .ui-datepicker-next {
    background-color: #f2f2f2 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #666 !important;
    }

    .ui-datepicker-calendar {
    margin: 10px !important;
    }

    .ui-datepicker-calendar th {
    font-weight: bold !important;
    text-align: center !important;
    color: #666 !important;
    }

    .ui-datepicker-calendar td {
        text-align: center !important;
        padding: 0 !important;
        /* border: unset !important; */
    }

    .ui-datepicker-calendar td a {
    display: block !important;
    padding: 5px !important;
    border-radius: 10% !important;
    }

    .ui-datepicker-calendar .ui-state-highlight a {
    background-color: #333 !important;
    color: #fff !important;
    }

    .ui-datepicker-calendar .ui-state-active a {
    background-color: #f2f2f2 !important;
    }
    .ui-state-default {
        background: #fbfbfb !important;
        color: #000 !important;
        /* border: unset !important; */
        padding: 7px !important;
        border: 1px solid #fff !important;
        /* border: 1px solid #b2b2b2 !important; */
        /* border-radius: 0px !important; */
    }
    .ui-datepicker-title{
        background: var(--company-color) !important;
        color: #fff !important;
    }
    .ui-datepicker-calendar thead tr {
        background: var(--company-color) !important;
    }
    .ui-datepicker-calendar thead tr th{
        color: #fff !important;
    }
    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
        background: var(--company-color) !important;
    }
    .ui-datepicker-next.ui-corner-all, .ui-datepicker-prev.ui-corner-all.ui-state-disabled{
        /* border-radius: 0px !important; */
    }
    .ui-datepicker table {
        width: 100% !important;
        font-size: .9em !important;
        border-collapse: collapse !important;
        margin: 0 0 0.4em !important;
        box-shadow: unset !important;
    }
    .ui-widget.ui-widget-content {
        border: 1px solid #bdbdbd !important;
    }
    .ui-state-hover, .ui-datepicker-next-hover, .ui-datepicker-prev-hover {
        /* all: unset !important; */
    }
    .ui-datepicker-div {
        box-shadow: 2px 2px 9px rgb(0 0 0 / 26%) !important;
    }
    .ui-state-default:hover {
        border: 1px solid #ddd !important;
    }
    .ui-state-highlight {
        background: var(--company-color) !important;
        color: #fff !important;
    }
    .ui-datepicker-other-month a {
        /* color: #9a9a9a !important; */
    }
    .datepicker table tr td.day {
        border: 1px solid #e6e6e6 !important;
    }