/* Make more mobile friendly*/
.daterangepicker {
    z-index: 99999;
}

/*override sitewide style causing whole week to have background*/
.daterangepicker table tbody tr:hover {
    background: none !important;
}

@media screen and (max-width: 560px) {

    .daterangepicker {
        position: fixed;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
    }
        .daterangepicker:after, .daterangepicker:before {
            display: none;
        }

        .daterangepicker .ranges li {
            display: inline-block;
            width: 50%;
            padding: 7px;
        }

    .daterangepicker .drp-calendar.right {
        display: none;
    }

    .daterangepicker .drp-buttons {
        text-align: center;
    }

        .daterangepicker .drp-buttons .drp-selected {
            width: 100%;
            text-align: center;
        }
}