// Filter
// --------------------------------------------------
.qor-actions__filter-time {
    position: relative;
    a {
        text-decoration: none;
    }
    .qor-field__datetimepicker .qor-action__datepicker,
    .qor-field__datetimepicker .qor-action__timepicker {
        bottom: auto;
        top: 12px;
    }
    input {
        font-size: 14px;
    }
    .qor-filter__block {
        position: absolute;
        top: 40px;
        left: 0;
        min-width: 240px;
        background-color: #fff;
        padding: 12px;
        z-index: 2;
        @include shadow-2dp();
        > .qor-field__label {
            margin-top: 16px;
            padding-left: 16px;
            padding-bottom: 6px;
        }
    }
    .qor-field__datetimepicker {
        padding-left: 16px;
        margin-top: -10px;
    }
    .qor-filter__block-buttons {
        border-bottom: 1px solid unquote("rgba(#{$color-black}, 0.24)");
        .qor-field__label {
            padding-left: 16px;
            padding-bottom: 6px;
        }
        .qor-filter__block-events {
            padding-top: 12px;
            border-top: 1px solid unquote("rgba(#{$color-black}, 0.24)");
        }
        button {
            font-size: 12px;
            margin-bottom: 6px;
            display: block;
            width: 100%;
            text-align: left;
            &.is-selected {
                background-color: rgba(158, 158, 158, .2);
            }
        }
    }
    .qor-filter__button-search {
        float: right;
        margin: 12px 0;
    }
}
