.daterangepicker {
    border-color: var(--green);
    border-radius: var(--border-radius);
    padding: .5rem;
}

/* треугольник */
.daterangepicker.opensleft:before {
    border-bottom-color: var(--green);
    right: 1.6rem;
}

.daterangepicker.opensleft:after {
    right: calc(1.6rem + 1px);
}

.daterangepicker.opensright:before {
    border-bottom-color: var(--green);
    left: 1.6rem;
}

.daterangepicker.opensright:after {
    left: calc(1.6rem + 1px);
}

/* предустановленный список периодов */
.daterangepicker .ranges:empty {
    display: none;
}

.daterangepicker .ranges {
    padding: .5rem;
}

.daterangepicker .ranges ul {
    display: flex;
    flex-direction: column;
    row-gap: .15rem;
}

.daterangepicker .ranges li[data-range-key] {
    border-radius: calc(infinity * 1px);
    font-size: 0.875rem;
    padding: .5rem 1rem;
}

.daterangepicker .ranges li[data-range-key].active {
    background-color: var(--green);
    color: var(--white);
}

/* календарь */
.daterangepicker .drp-calendar {}

.daterangepicker .drp-calendar.left {}
.daterangepicker .drp-calendar.right {}

/* календарь: таблица со списком дат */
.daterangepicker .drp-calendar table.table-condensed {
    margin: .25rem;
}

/* календарь: дата (день календаря) */
.daterangepicker .drp-calendar table.table-condensed td {
    font-size: 0.875rem;
    padding: .25rem;
}
.daterangepicker .drp-calendar table.table-condensed td.active {
    background-color: var(--green) !important;
    color: var(--white);
}
.daterangepicker .drp-calendar table.table-condensed td.available {}
.daterangepicker .drp-calendar table.table-condensed td.weekend {}
.daterangepicker .drp-calendar table.table-condensed td.today {
    border-radius: calc(infinity * 1px);
    background-color: var(--orange);
    color: var(--white);
}
.daterangepicker .drp-calendar table.table-condensed td:not(.in-range) {
    border-radius: calc(infinity * 1px);
}
.daterangepicker .drp-calendar:not(.single) table.table-condensed td.available.start-date {
    border-radius: calc(infinity * 1px) 0 0 calc(infinity * 1px);
}
.daterangepicker .drp-calendar table.table-condensed td.available.in-range {
    background-color: #e0f9eb;
}
.daterangepicker .drp-calendar:not(.single) table.table-condensed td.available.end-date {
    border-radius: 0 calc(infinity * 1px) calc(infinity * 1px) 0;
}