/* Calendar Table */
.ui-datepicker-calendar{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:6px !important;
}

/* Week Names */
.ui-datepicker-calendar th{
    text-align:center !important;
    font-weight:600;
    color:#666;
    padding:8px 0 !important;
}

/* Table Cells */
.ui-datepicker-calendar td{
    text-align:center !important;
    vertical-align:middle !important;
    padding:2px !important;
}

/* Day Links */
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span{
    width:40px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:auto !important;
    border-radius:50% !important;
    text-decoration:none !important;
    border:none !important;
    box-sizing:border-box;
}

/* Normal Day */
.ui-state-default{
    background:#fff !important;
    color:#333 !important;
}

/* Hover */
.ui-datepicker-calendar td a:hover{
    background:#0d6efd !important;
    color:#fff !important;
}

/* Selected */
.ui-state-active{
    background:#198754 !important;
    color:#fff !important;
}

/* Today */
.ui-state-highlight{
    border:2px solid #0d6efd !important;
}

/* Disabled Dates */
.ui-datepicker-unselectable span,
.ui-state-disabled span{
    background:#f4f4f4 !important;
    color:#060606 !important;
    opacity:1 !important;
}

.ui-datepicker {
    width: 36em;
}