table.table-condensed thead th{
    font-size: 14px;
    font-weight: 500;
}
.datepicker {
    padding: 15px 36px 36px 36px !important;
    animation: none;
    width: 384px;
}
.datepicker td, .datepicker th {
    width: 40px;
    height: 36px;
    font-size: 14px;
    color: #323A47;
    font-weight: 400;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover, .datepicker .prev:hover
{
    background: transparent !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.active.active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span:hover {
    background: #20CC7D !important;
    cursor: pointer !important;
    color: #ffffff !important;
}
.datepicker .next, .datepicker .prev{
    color: #20CC7D;
}
input.form-control.error,
.form-control.error + button,
.form-control.error + .select2-container--default .select2-selection--single
{
    border: 1px solid red !important;
}
.datepicker-months .table-condensed tbody tr td,
.datepicker-years .table-condensed tbody tr td
{
    width: 100%;
    height: 36px !important;
}
.datepicker table{
    width: 100%;

}
.table-condensed > thead > tr:nth-child(2) > .prev {
    width: 6px;
    height: 12px;
    background: url(../../../images/calender-left.svg) #fff no-repeat left center !important;
    opacity: 1;
}

.table-condensed > thead > tr:nth-child(2) > .next {
    width: 6px;
    height: 12px;
    background: url(../../../images/calender-right.svg) #fff no-repeat right center !important;
    opacity: 1;
}
.datepicker .next, .datepicker .prev{
    color:#ffffff;
}
.table-condensed > thead > tr:nth-child(2){
    margin-bottom: 30px;
}
.table-condensed > thead > tr:nth-child(2) th{
    height: 65px;
}