﻿/* The form takes the remaining height of the wrapper and becomes a column */
.scrollable-telerik-form-w-static-form-buttons {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Validation summary (if shown) never shrinks */
.scrollable-telerik-form-w-static-form-buttons > .k-validation-summary {
    flex: 0 0 auto;
}

/* Scrollable area: the grid/fieldset that contains the form items */
.scrollable-telerik-form-w-static-form-buttons > .k-form-layout,
.scrollable-telerik-form-w-static-form-buttons > .k-form-fieldset {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
    padding-bottom: var(--kendo-spacing-4, 1rem);
}

/* Buttons area: in the normal flow, below the scroll area, never floating */
.scrollable-telerik-form-w-static-form-buttons > .k-form-buttons {
    flex: 0 0 auto;
    position: static;
    margin: 0;
    padding: var(--kendo-spacing-3, 0.75rem) 0 0 0;
    border-top: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    /* background-color: var(--kendo-color-surface, transparent); */
    display: block;
}
