.datepicker {
    background-color: #fff;
    border-radius: 0 !important;
    padding: 5px 5px !important;
    align-content: center !important;
}

.datepicker th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 6px 5px!important;
    color: #3b4863;
}

.datepicker th.datepicker-switch {
    background: #ebebeb;
}

.datepicker th.datepicker-switch:hover {
    background: #edf7ff!important;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: calc(50% - 6px) !important;
}

.datepicker table tr td.disabled {
    background: #ddd!important;
    color: #ffffff!important;
    cursor: not-allowed!important;
}

.datepicker table tr td.today, span.focused {
    border-radius: 2px!important;
    background-image: linear-gradient(#337ab7, #337ab7);
    color: #fff;
}

.datepicker table tr td.today.range {
    background-image: linear-gradient(#eeeeee, #eeeeee) !important;
    border-radius: 0 !important;
}

/*Weekday title*/
.datepicker thead tr:nth-child(3) th {
    font-weight: bold !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.datepicker .old,
.datepicker .day,
.datepicker .new {
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px !important;
    border: 1px solid #1170e45c !important;
}

.datepicker .day.old,
.datepicker .day.new {
    background-color: #F5F5F5 !important;
    color: #E0E0E0 !important;
}

.datepicker .day.old:hover,
.datepicker .day.new:hover {
    border-radius: 0px !important;
}

.datepicker .old-day:hover,
.datepicker .day:hover,
.datepicker .new-day:hover,
.datepicker .month:hover,
.datepicker .year:hover,
.datepicker .decade:hover,
.datepicker .century:hover {
    border-radius: 2px !important;
    background-color: #007a6e47!important;
    color: #000000!important;
}

.datepicker .active {
    background-image: linear-gradient(#90CAF9, #64B5F6) !important;
    color: #fff !important;
}

.datepicker .range-start,
.datepicker  .range-end {
    border-radius: 7px !important;
    background-image: linear-gradient(#4CAF50, #4CAF50) !important;
}

.datepicker .range {
    color: #4CAF50 !important;
}

.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch {
    border-radius: 0 !important;
    padding: 5px 5px 5px 5px !important;
    font-size: 16px;
    opacity: 0.7;
    color: #4CAF50;
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover {
    background-color: inherit !important;
    opacity: 1;
}



.datepicker span.month,
.datepicker span.decade,
.datepicker span.century,
.datepicker span.year{
    border: 1px solid #ddd;
    border-radius: 4px!important;
}
.datepicker span.month.focused,
.datepicker span.decade.focused,
.datepicker span.year.focused,
.datepicker span.century.focused{
    border: 1px solid #ddd;
    border-radius: 4px!important;
}

.datepicker table tr td span.year.old,
.datepicker table tr td span.year.new,
.datepicker table tr td span.decade.old,
.datepicker table tr td span.decade.new,
.datepicker table tr td span.century.old,
.datepicker table tr td span.century.new{
    display: block;
    width: 23%!important;
    height: 54px!important;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}


@media screen and (max-width: 500px) {
    .datepicker .datepicker-dropdown.datepicker-orient-right:before {
        right: calc(50% - 6px) !important;
    }

    .datepicker .datepicker-dropdown.datepicker-orient-right:after {
        right: calc(50% - 5px) !important;
    }
}