/* Opt-in sizing for app-owned view forms. Keep selectors out of Kendo grids and popups. */
.view-input-standard .form-group,
.view-input-standard .form-group > [class*="col-"],
.view-input-standard .i-fg-data-entry,
.view-input-standard .view-input-control {
    min-width: 0;
}

.view-input-standard .form-group > [class*="col-"] > input[type="text"],
.view-input-standard .form-group > [class*="col-"] > input[type="number"],
.view-input-standard .form-group > [class*="col-"] > input[type="search"],
.view-input-standard .form-group > [class*="col-"] > input[type="email"],
.view-input-standard .form-group > [class*="col-"] > input[type="password"],
.view-input-standard .form-group > [class*="col-"] > input:not([type]),
.view-input-standard .form-group .form-control:not(.k-widget),
.view-input-standard .form-group textarea,
.view-input-standard .form-group select,
.view-input-standard .form-group .i-fg-data-entry,
.view-input-standard .form-group > [class*="col-"] > .k-widget:not(.k-grid),
.view-input-standard .form-group > [class*="col-"] > .k-picker,
.view-input-standard .form-group > [class*="col-"] > .k-multiselect.k-input,
.view-input-standard .form-group > [class*="col-"] > .k-combobox.k-input,
.view-input-standard .form-group > [class*="col-"] > .k-numerictextbox.k-input,
.view-input-standard .form-group > [class*="col-"] > div > .k-widget:not(.k-grid),
.view-input-standard .form-group > [class*="col-"] > div > .k-picker,
.view-input-standard .form-group > [class*="col-"] > div > .k-multiselect.k-input,
.view-input-standard .form-group > [class*="col-"] > div > .k-combobox.k-input,
.view-input-standard .form-group > [class*="col-"] > div > .k-numerictextbox.k-input,
.view-input-standard .form-group > [class*="col-"] > [class*="col-"] > .k-widget:not(.k-grid),
.view-input-standard .form-group > [class*="col-"] > [class*="col-"] > .k-picker,
.view-input-standard .form-group > [class*="col-"] > [class*="col-"] > .k-multiselect.k-input,
.view-input-standard .form-group > .k-widget:not(.k-grid),
.view-input-standard .form-group > .k-picker,
.view-input-standard .form-group > .k-multiselect.k-input,
.view-input-standard .form-group .i-fg-data-entry > .k-widget:not(.k-grid),
.view-input-standard .form-group .i-fg-data-entry > .k-picker,
.view-input-standard .form-group .i-fg-data-entry > .k-multiselect.k-input,
.view-input-standard .i-fg-data-entry > .row > [class*="col-"] > .k-widget:not(.k-grid),
.view-input-standard .i-fg-data-entry > .row > [class*="col-"] > .k-picker,
.view-input-standard .i-fg-data-entry > .row > [class*="col-"] > .k-multiselect.k-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

/* Opted fields in tables or a form-group that is itself the owning scope. */
.view-input-standard input.view-input-control,
.view-input-standard textarea.view-input-control,
.view-input-standard select.view-input-control,
.view-input-standard .view-input-control.k-widget,
.view-input-standard .view-input-control > input[type="text"],
.view-input-standard .view-input-control > input[type="number"],
.view-input-standard .view-input-control > input:not([type]),
.view-input-standard .view-input-control > textarea,
.view-input-standard .view-input-control > select,
.view-input-standard .view-input-control > .k-widget,
.view-input-standard .view-input-control > .k-picker,
.view-input-standard .view-input-control > .k-multiselect.k-input,
.view-input-standard .view-input-control > .k-combobox.k-input,
.view-input-standard .view-input-control > .k-numerictextbox.k-input,
.view-input-standard .view-input-control > .k-datepicker.k-input,
.view-input-standard.form-group > input[type="text"],
.view-input-standard.form-group > textarea,
.view-input-standard.form-group > select,
.view-input-standard.form-group > .k-widget,
.view-input-standard.form-group > .k-picker,
.view-input-standard.form-group > .k-multiselect.k-input,
.view-input-standard.form-group > .k-combobox.k-input,
.view-input-standard.form-group > .k-numerictextbox.k-input,
.view-input-standard.form-group > .k-datepicker.k-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

/* The shared date-picker rule uses a 15rem important width. Match its scope. */
body #right-panel .content .view-input-standard .form-group > [class*="col-"] > .k-widget.k-datepicker,
body #right-panel .content .view-input-standard .form-group > [class*="col-"] > .k-datepicker.k-input,
body #right-panel .content .view-input-standard .form-group > [class*="col-"] > div > .k-widget.k-datepicker,
body #right-panel .content .view-input-standard .form-group > [class*="col-"] > div > .k-datepicker.k-input,
body #right-panel .content .view-input-standard .form-group > .k-widget.k-datepicker,
body #right-panel .content .view-input-standard .form-group > .k-datepicker.k-input,
body #right-panel .content .view-input-standard .i-fg-data-entry .k-widget.k-datepicker,
body #right-panel .content .view-input-standard .i-fg-data-entry .k-datepicker.k-input,
body #right-panel .content .view-input-standard .view-input-control .k-widget.k-datepicker,
body #right-panel .content .view-input-standard .view-input-control .k-datepicker.k-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
}

.view-input-standard .form-group > [class*="col-"] > .k-widget.k-multiselect,
.view-input-standard .form-group > [class*="col-"] > .k-multiselect.k-input,
.view-input-standard .form-group > [class*="col-"] > div > .k-widget.k-multiselect,
.view-input-standard .form-group > .k-widget.k-multiselect,
.view-input-standard .i-fg-data-entry > .k-widget.k-multiselect,
.view-input-standard .i-fg-data-entry > .k-multiselect.k-input,
.view-input-standard .view-input-control > .k-widget.k-multiselect,
.view-input-standard .view-input-control > .k-multiselect.k-input,
.view-input-standard .form-group > [class*="col-"] > .k-widget.k-multiselect .k-multiselect-wrap,
.view-input-standard .form-group > [class*="col-"] > div > .k-widget.k-multiselect .k-multiselect-wrap,
.view-input-standard .form-group > .k-widget.k-multiselect .k-multiselect-wrap,
.view-input-standard .i-fg-data-entry > .k-widget.k-multiselect .k-multiselect-wrap,
.view-input-standard .view-input-control > .k-widget.k-multiselect .k-multiselect-wrap {
    height: auto;
    min-height: var(--brand-control-min-height, 34px);
}

.view-input-standard .form-group > [class*="col-"] .k-upload,
.view-input-standard .form-group > .k-upload,
.view-input-standard .view-input-control .k-upload,
.view-input-standard .form-group input[type="file"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}