@import "mixin";

.daterangepicker {
    // background-color: black !important;

    .ranges {
        box-shadow: none !important;
    }

    .drp-calendar {
        max-width: 100% !important;
    }

    select {
        padding         : 5px 10px !important;
        font-size       : 1rem;
        line-height     : 1.5;
        color           : #495057;
        background-color: #fff;
        background-clip : padding-box;
        border          : 1px solid #ced4da;
        border-radius   : 0.25rem;
        transition      : border-color .15s ease-in-out, box-shadow .15s ease-in-out;


        &.yearselect{
            width: 50% !important;
        }
    }

    @include custom-scroll(select);

    .calendar-table{
        th{
            color: black;
            font-weight: 500 !important;
        }
    }
}