/* Date filters fill their form column consistently across dashboard search pages. */
body #right-panel .content .k-widget.k-datepicker,
body #right-panel .content .k-datepicker.k-input {
    width: var(--brand-date-picker-width, 15rem) !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

/* Kendo UI 2014 date picker markup. */
body #right-panel .content .k-widget.k-datepicker > .k-picker-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body #right-panel .content .k-widget.k-datepicker > .k-picker-wrap > .k-input {
    flex: 1 1 0%;
    width: 0 !important;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
}

body #right-panel .content .k-widget.k-datepicker > .k-picker-wrap > .k-select {
    position: static !important;
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-height: 32px;
    margin-inline-start: auto;
}

/* Kendo UI 2022 date picker markup. */
body #right-panel .content .k-datepicker.k-input {
    display: inline-flex;
}

body #right-panel .content .k-datepicker.k-input > .k-input-inner {
    flex: 1 1 0%;
    width: 0 !important;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body #right-panel .content .k-widget.k-datepicker,
    body #right-panel .content .k-datepicker.k-input {
        max-width: 100% !important;
    }
}