.daterangepicker {
    display: none;
    width: 790px;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 35px;
    padding-top: 27px;
    padding-bottom: 25px;
    margin-top: 2px;
    right: 7% !important;
}

@media (max-width: 767px) {
    .daterangepicker {
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        padding: 25px 0px;
    }
}

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

.daterangepicker .calendar {
    margin: 0;
    width: 325px;
    max-width: 325px;
}

    .daterangepicker .calendar th {
        font-size: 14px;
        color: #1a2b48;
        cursor: default;
        font-weight: 600;
    }

        .daterangepicker .calendar th.month {
            font-size: 16px;
            color: #1a2b48;
            font-weight: 700;
        }

        .daterangepicker .calendar th.next,
        .daterangepicker .calendar th.prev {
            font-size: 20px;
            color: #13a0dc;
            text-align: center;
        }

    .daterangepicker .calendar.right {
        float: right;
    }

@media (max-width: 767px) {
    .daterangepicker .calendar {
        width: 235px;
        max-width: 270px;
    }

        .daterangepicker .calendar.right,
        .daterangepicker .calendar.left {
            float: none !important;
            clear: none !important;
            margin: 0 auto !important;
        }

        .daterangepicker .calendar.left {
            margin-bottom: 30px !important;
        }
}

.daterangepicker .calendar-table {
    padding: 0;
    border: none;
    background-color: transparent;
}

    .daterangepicker .calendar-table .table-condensed thead tr:nth-child(2) th {
        padding-top: 27px;
        padding-bottom: 17px;
    }

.daterangepicker.ltr .calendar.left .calendar-table {
    padding: 0;
}

.daterangepicker_input {
    display: none;
}

.daterangepicker td {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 46px;
    width: 32px;
    font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: 14px;
    color: #1a2b48;
    font-weight: 500;
}

@media (max-width: 767px) {
    .daterangepicker td {
        height: 32px;
        width: 32px;
    }
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00ad5f;
}

    .daterangepicker td.start-date.end-date {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.daterangepicker td.in-range {
    background: #03a9f43b;
}

.daterangepicker td.today {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    background: #c9c9c9;
}

    .daterangepicker td.today.in-range {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        background: #6c7ae0;
    }

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background: transparent;
    color: #aaa;
}

.daterangepicker select {
    outline: none;
    font-family: inherit;
}

    .daterangepicker select.monthselect,
    .daterangepicker select.yearselect {
        font-size: 16px;
        padding: 8px 4px;
    }

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #FFC107;
}

.dropdown-datepicker {
    position: relative;
}

    .dropdown-datepicker .daterangepicker {
        width: 385px;
        padding: 20px;
        max-width: 385px;
        margin-left: 0;
        margin-right: -20px;
    }

        .dropdown-datepicker .daterangepicker .calendar {
            width: 100%;
            max-width: 100%;
        }

            .dropdown-datepicker .daterangepicker .calendar td {
                width: 32px;
                height: 32px;
            }

.daterangepicker table thead tr {
    background-color: transparent !important;
}