/*Styles for datepicker component*/
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    opacity: 0.4;
}

.datepicker .cw {
    font-size: 13px;
    line-height: 18px;
    color: #4659BF;
    border-right: 1px solid #DCDCDC;
}

.datepicker thead tr th.cw {
    border-right: none;
}

.datepicker tbody tr td.highlighted {
    color: #EC4A43
}
.datepicker tbody tr td.today {
    background: initial !important;
    color: #5774E7 !important;
    font-weight: 700;
}

.datepicker thead tr th.prev {
    background: #ffffff url(../../images/shared/arrowLeft.svg) no-repeat center;
    color: transparent;
}

.datepicker thead tr th.next {
    background: #ffffff url(../../images/shared/arrowRight.svg) no-repeat center;
    color: transparent;
}

.datepicker tfoot tr th.today,
.datepicker tfoot tr th.clear,
.datepicker tfoot tr th.pin{
    color: var(--link-blue)
}

.datepicker.disable-today-button tfoot tr th.today,
.datepicker.disable-today-button tfoot tr th.today:hover {
    pointer-events: none;
    opacity: 0.4;
}

.datepicker tfoot tr th.pin{
    background: #ffffff url(../../../../images/shared/pin.png) no-repeat right 10px center;
    background-position: calc(50% - 20px) center;
}

.datepicker tfoot tr th.pin:hover{
    background: #eeeeee url(../../../../images/shared/pin.png) no-repeat right 10px center;
    background-position: calc(50% - 20px) center;
}