/* #ui-datepicker-div{
    background: #ffffff;
    border: none;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    width: 280px;
    font-family: inherit;
    z-index: 9999 !important;
}

.ui-datepicker-header{
    background: transparent;
    border: none;
    padding-bottom: 10px;
}

.ui-datepicker-title{
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.ui-datepicker-prev,
.ui-datepicker-next{
    cursor: pointer;
    top: 4px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{
    background: #f3f4f6;
    border-radius: 6px;
}

.ui-datepicker-calendar{
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}

.ui-datepicker-calendar thead th{
    font-size: 12px;
    color: #9ca3af;
    font-weight: 500;
    padding-bottom: 6px;
}

.ui-datepicker-calendar td a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #111827;
    font-size: 14px;
    transition: 0.2s;
}

.ui-datepicker-calendar td a:hover{
    background: #f3f4f6;
}

.ui-state-active{
    background: #2563eb !important;
    color: white !important;
}

.ui-datepicker-today a{
    border: 1px solid #2563eb;
}

.ui-datepicker-other-month{
    opacity: 0.3;
}
 */