.corpay-datepicker {
    background-color: var(--corpay-white) !important;
    color: var(--corpay-secondary) !important;
    font-family: var(--corpay-font-family) !important;
    letter-spacing: normal !important;
    z-index: 1003 !important;
    box-shadow: var(--corpay-box-shadow);
}

.corpay-datepicker .ui-datepicker-calendar {
    background-color: var(--copray-white) !important;
    color: var(--corpay-secondary) !important;
}

.corpay-datepicker .ui-widget-header {
    background: var(--corpay-primary) !important;
    border: 1px solid var(--corpay-primary) !important;
    color: var(--corpay-white) !important;
}

.corpay-datepicker .ui-icon {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ui-icons_ffffff_256x240.png) !important;
}

.corpay-datepicker .ui-state-default {
    border: 1px solid var(--corpay-white) !important;
    background: none !important;
    background-color: var(--corpay-white) !important;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    text-align: center;
}

.corpay-datepicker .ui-state-hover {
    background: var(--corpay-primary-hover) !important;
    border-color: var(--corpay-primary-hover) !important;
    color: var(--corpay-white) !important;
}

.corpay-datepicker .ui-state-active {
    background: var(--corpay-primary) !important;
    border-color: var(--corpay-primary) !important;
    color: var(--corpay-white) !important;
}

.corpay-datepicker .ui-state-highlight {
    background: var(--corpay-white) !important;
    border-color: var(--corpay-primary) !important;
    color: var(--corpay-secondary) !important;
}

.corpay-datepicker .ui-state-active.ui-state-highlight { /* if have both prioritize active styling */
    background: var(--corpay-primary) !important;
    color: var(--corpay-white) !important;
}

.corpay-datepicker .ui-state-disabled {
    background: var(--corpay-disabled-background) !important;
    color: var(--corpay-disabled) !important;
}

.corpay-datepicker .ui-state-disabled .ui-icon {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ui-icons_888888_256x240.png) !important;
}

.corpay-datepicker .ui-datepicker-prev:hover,
.corpay-datepicker .ui-datepicker-next:hover{
    cursor: pointer;
}

.corpay-datepicker .ui-datepicker-title:hover {
    cursor: default;
}

.corpay-datepicker thead{
    cursor: default;
}