/* ZGM v2 form and table appearance, adapted to existing CCM page layouts. */
:root {
    --office-input-border: #ced4da;
    --office-focus: rgba(13, 110, 253, .25);
}
.form-control, .form-select {
    border-color: var(--office-input-border);
    border-radius: .375rem;
    min-height: calc(1.5em + .75rem + 2px);
}
.form-control:focus, .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem var(--office-focus);
}
textarea.form-control { min-height: 5rem; }
.form-control-sm, .form-select-sm { min-height: calc(1.5em + .5rem + 2px); }
.form-control-lg, .form-select-lg { min-height: calc(1.5em + 1rem + 2px); }
.form-label { margin-bottom: .5rem; }
.form-control:disabled, .form-select:disabled { background-color: #e9ecef; }
.form-check-input { cursor: pointer; }
.form-check-input:disabled { cursor: default; }
.input-group > .form-control, .input-group > .form-select { min-width: 0; }
.form-inline > .form-control, .form-inline > .form-select { width: auto; }
.input-group-append .btn, .input-group-prepend .btn { height: 100%; }
.dataTables_wrapper { max-width: 100%; overflow-x: auto; }
.dataTables_wrapper :is(input, select) { display: inline-block; width: auto; margin: 0 .35rem; }
.dataTables_wrapper .dataTables_filter { margin-bottom: .75rem; }
.table-responsive { max-width: 100%; -webkit-overflow-scrolling: touch; }
.table .form-control, .table .form-select { font-size: inherit; }
.table > tbody > tr.table-active { --bs-table-bg: #e6f1f8; }
.table .bg-danger { --bs-table-bg: #dc3545; }
.table .bg-warning { --bs-table-bg: #ffc107; }
.table .bg-success { --bs-table-bg: #198754; }
.table .bg-primary { --bs-table-bg: #0d6efd; }
.table .bg-secondary { --bs-table-bg: #6c757d; }
.table .bg-info { --bs-table-bg: #0dcaf0; }
#kopfNav { height: auto !important; }
#kopfNav .navbar-collapse { min-width: 0; }
.modal-header .close { margin-left: auto; }
.modal-content { max-width: 100%; }
@media (max-width: 575.98px) {
    .form-inline > .form-control, .form-inline > .form-select { width: 100%; }
    .dataTables_wrapper .dataTables_filter { float: none; text-align: left; }
}
@media print {
    .table-responsive, .dataTables_wrapper { overflow: visible; }
    table { box-shadow: none !important; }
}
/* DataTables sets content-box widths; include the table border in its width. */
table.dataTable { box-sizing: border-box; }