/* Datepicker In Top Bar*/
.btnDate-datepicker {
    top: 2.3rem!important;
}

/* Main Datepicker Div */
#ui-datepicker-div {
    z-index: 9999!important;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
    border: 1px solid transparent!important;
    border-radius: 0.25rem;
    color: #242424;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 1rem;
}

/* Datepicker Header */
.ui-datepicker-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.313rem 0 0.313rem 0.625rem!important;
    border: 0 none;
    border-radius: 0;
    background: none;
}

/* Datepicker Title */
.ui-datepicker-title {
    order: 1;
    margin: unset!important;
    flex: 1;
    text-align: left!important;
}

/* Datepicker Prev and Next Arrows */
.ui-datepicker-prev, .ui-datepicker-next {
    position: relative!important;
    top: unset!important;
    left: unset!important;
    right: unset!important;
    cursor: pointer;
    width: 2rem!important;
    height: 2rem!important;
}
.ui-datepicker-prev {
    order: 2;
}
.ui-datepicker-next {
    order: 3;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    background-image: unset!important;
    border: unset!important;
    background: unset!important;
}
.ui-datepicker-prev span {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23424242%22%20viewBox%3D%222%202%2016%2016%22%3E%3Cpath%20d%3D%22M12.3544%2015.8529C12.1594%2016.0485%2011.8429%2016.0491%2011.6472%2015.8542L6.16276%2010.3892C5.94705%2010.1743%205.94705%209.82495%206.16276%209.61L11.6472%204.14502C11.8429%203.95011%2012.1594%203.95067%2012.3544%204.14628C12.5493%204.34189%2012.5487%204.65848%2012.3531%204.85339L7.18851%209.99961L12.3531%2015.1458C12.5487%2015.3407%2012.5493%2015.6573%2012.3544%2015.8529Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important;
    background-position: 0px 0px !important;
}
.ui-datepicker-prev:hover span {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%235B5FC7%22%20viewBox%3D%222%202%2016%2016%22%3E%3Cpath%20d%3D%22M12.2676%2015.793C11.9677%2016.0787%2011.493%2016.0672%2011.2073%2015.7673L6.20597%2010.5168C5.93004%2010.2271%205.93004%209.7719%206.20597%209.48223L11.2073%204.23177C11.493%203.93184%2011.9677%203.92031%2012.2676%204.206C12.5676%204.49169%2012.5791%204.96642%2012.2934%205.26634L7.78483%209.99952L12.2934%2014.7327C12.5791%2015.0326%2012.5676%2015.5074%2012.2676%2015.793Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important;
}
.ui-datepicker-next span {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23424242%22%20viewBox%3D%222%202%2016%2016%22%3E%3Cpath%20d%3D%22M7.64582%204.14708C7.84073%203.95147%208.15731%203.9509%208.35292%204.14582L13.8374%209.6108C14.0531%209.82574%2014.0531%2010.1751%2013.8374%2010.39L8.35292%2015.855C8.15731%2016.0499%207.84073%2016.0493%207.64582%2015.8537C7.4509%2015.6581%207.45147%2015.3415%207.64708%2015.1466L12.8117%2010.0004L7.64708%204.85418C7.45147%204.65927%207.4509%204.34269%207.64582%204.14708Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important;
    background-position: 0px 0px !important;
}
.ui-datepicker-next:hover span {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%235B5FC7%22%20viewBox%3D%222%202%2016%2016%22%3E%3Cpath%20d%3D%22M7.73271%204.20694C8.03263%203.92125%208.50737%203.93279%208.79306%204.23271L13.7944%209.48318C14.0703%209.77285%2014.0703%2010.2281%2013.7944%2010.5178L8.79306%2015.7682C8.50737%2016.0681%208.03263%2016.0797%207.73271%2015.794C7.43279%2015.5083%207.42125%2015.0336%207.70694%2014.7336L12.2155%2010.0005L7.70694%205.26729C7.42125%204.96737%207.43279%204.49264%207.73271%204.20694Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important;
}

/* Datepicker Calendar Table */
.ui-datepicker-calendar {
    font-size: 0.875rem!important;
    margin: 0!important;
}

/* Datepicker Calendar Header */
.ui-datepicker-calendar th {
    width: 2.125rem;
    height: 2rem;
    padding: 0!important;
    font-weight: 300;
    text-transform: uppercase;
}

/* Datepicker Calendar Body */
.ui-datepicker-calendar td {
    height: 2.125rem;
    padding: 0;
}

.ui-datepicker-calendar td a {
    height: 100%;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0 none!important;
    background: none!important;
    color: #242424;
}
.ui-datepicker-calendar td a:hover {
    background-color: #D4D6F9!important;
}

/* Datepicker Calendar Today */
.ui-datepicker-calendar .ui-datepicker-today {
    background-color: #5B5FC7;
    border-radius: 50%;
}
.ui-datepicker-calendar .ui-datepicker-today a {
    color: #FFFFFF!important;
}
.ui-datepicker-calendar .ui-datepicker-today a:hover {
    color: #242424!important;
}

/* Datepicker Unselectable Date */
.ui-datepicker-unselectable {
    opacity: unset!important;
}
.ui-datepicker-unselectable span {
    background: none!important;
    border: 0 none!important;
    text-align: center!important;
    color: #BDBDBD!important;
}