/* TODO: Temporary styling date range picker plugin until we have custom calendar */
.daterangepicker {
    box-shadow: var(--drop-shadow);
    border: 1.5px solid #808080 !important;
}

    .daterangepicker::before,
    .daterangepicker::after {
        display: none !important;
    }

    .daterangepicker td.in-range {
        background-color: var(--ochre-20) !important;
    }

    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        background-color: var(--ochre) !important;
    }