.datepicker .table-condensed {
    width: 330px;
}



.datepicker {
    margin-left: 0px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
    color: #666 !important;
    font-size: inherit;
}

.datepicker.dropdown-menu {
    font-size: 16px !important;
    padding: 0.25rem !important;
}

.datepicker table tr td span.year, .datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
    padding: 0 5px !important;
}

.datepicker table tr td:not(.disabled).day:hover,
.datepicker table tr td:not(.disabled).day.focused {
    background-color: #9768F0 !important;
    color: #fff !important;
    border-radius: 5px;

}

.datepicker table tr th:not(.disabled).next {
    background-color: #fff;
}

.datepicker table tr td:not(.disabled).active {
    background-color: #9768F0 !important;
}

.datepicker table tr th:not(.disabled).next:hover,
.datepicker table tr th:not(.disabled).next.focused,
.datepicker table tr th:not(.disabled).prev:hover,
.datepicker table tr th:not(.disabled).prev.focused,
.datepicker table tr td:not(.disabled) span.month:hover,
.datepicker table tr td:not(.disabled) span.month.focused,
.datepicker table tr td:not(.disabled) span.year:hover,
.datepicker table tr td:not(.disabled) span.year.focused,
.datepicker table tr th:not(.disabled).datepicker-switch:hover,
.datepicker table tr th:not(.disabled).datepicker-switch.focused{
    background-color: #9768F0 !important;
    color: #fff !important;
    border-radius: 5px;

}

.old {
    color: #ccc !important;
}


@media only screen and (max-width: 375px) {
    .datepicker {
        margin-left: 25px !important;
    }
}