.daterangepicker {
    width: 320px;
    padding: 15px 3px 11px 3px;
    border: none;
    border-radius: 0%;
    margin: 0;

    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #859cb0;

    background: #ffffff;
    box-shadow: 0px 4px 45px rgba(36, 103, 166, 0.2);
}

@media (max-width: 340px) {
    .daterangepicker {
        left: calc((100vw - 320px) / 2) !important;
    }
}

.daterangepicker::before {
    display: none;
}
.daterangepicker::after {
    display: none;
}

.daterangepicker.single.show-calendar .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar.left.single {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.daterangepicker .drp-calendar.left.single .calendar-table {
    padding: 0;
    background-color: transparent;
}

.daterangepicker .calendar-table thead tr:first-child th.prev {
    display: none;
}

.daterangepicker .calendar-table thead tr:first-child th.next {
    display: none;
}

.daterangepicker .calendar-table thead tr:first-child th.month {
    padding-top: 11px;
    padding-bottom: 11px;
}

.daterangepicker .calendar-table thead tr:first-child th.month {
    height: max-content;
    display: flex;

    padding-left: 7px;
    padding-right: 7px;
    width: 40px;
    border: none;
}

.daterangepicker .calendar-table thead tr:first-child th.month select {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #2467a6;

    padding: 0;
    border: none;
    background-color: transparent;
}

.daterangepicker
    .calendar-table
    thead
    tr:first-child
    th.month
    select.monthselect {
    min-width: 146px;
    order: 2;
    margin-left: 76px;
}

.daterangepicker
    .calendar-table
    thead
    tr:first-child
    th.month
    select.yearselect {
    min-width: 74px;
    order: 1;
}

.daterangepicker .calendar-table thead tr:nth-child(2) {
    display: none;
}

.daterangepicker .drp-calendar .calendar-table td.available {
    position: relative;
    width: 44px;
    height: 50px;
    border: none;
    padding: 0;
    background: transparent;

    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #859cb0;
}

.daterangepicker .drp-calendar .calendar-table td.off {
    color: #b1d9ff;
}

.daterangepicker
    .drp-calendar
    .calendar-table
    td.active.start-date.end-date.available {
    color: #2467a6;
}

.daterangepicker
    .drp-calendar
    .calendar-table
    td.active.start-date.end-date.available::before {
    display: block;
    position: absolute;
    content: '';

    width: 42px;
    height: 42px;

    background: rgb(144, 201, 255, 0.7);
    border-radius: 50%;

    top: calc((100% - 42px) / 2);
    left: calc((100% - 42px) / 2);

    z-index: -1;
}