﻿.ui-datepicker-inline {
    width: 100% !important;
    border: none !important;
}

.ui-datepicker th span {
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #66A0E4;
    mix-blend-mode: normal
}

.ui-datepicker-month, .ui-datepicker-year {
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #464457;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    width: 32px !important;
    height: 32px !important;
    background: rgba(102, 160, 228, 0.12) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ui-datepicker th {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
}

.ui-datepicker td {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 4px !important;
}

.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover {
    border: none !important;
}

.ui-datepicker-header {
    display: flex !important;
    align-items: center;
    background: transparent !important;
    border: none !important;
    height: 32px !important;
    margin-bottom: 20px !important;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1 !important;
    margin-left: 0 !important;
    display: flex !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: auto !important;
    right: 40px;
    transform: rotate(180deg);
}

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        margin-left: -2.5px !important;
        margin-top: -5px !important;
    }

.ui-datepicker table tr {
    display: flex !important;
    justify-content: space-between;
}

.ui-datepicker-header {
    direction: ltr !important;
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: 2px !important;
    left: auto !important;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 40px !important;
    left: auto !important;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    content: url("/Content/New/icon/next.svg") !important;
    background-image: none !important;
    width: 5px;
    height: 10px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: white !important;
    background: #66A0E4 !important;
}