/* Compatibility for table-based Web Forms layouts and generated pager markup.
   Bootstrap styles actual controls and data tables; no global element reset lives here. */
.app-main>.layout-table { width:100% }
:is(.app-main,.selection-page) .layout-table { border-collapse:separate;border-spacing:0 }
:is(.app-main,.selection-page) .layout-table>tbody>tr>td { min-width:0 }
:is(.app-main,.selection-page) .hrClass,
:is(.app-main,.selection-page) .hr2 { display:none }
.app-main .formTD,
.app-main .formtd,
.app-main .lblformTop,
.app-main .subtitle,
.app-main .subtitleSmall,
.app-main .searchPanal { font-family:inherit;color:var(--ink) }
.app-main .formTD,
.app-main .formtd,
.app-main .lblformTop { font-size:14px }
:is(.app-main,.selection-page) .lblformTop { padding:12px 12px 12px 0!important;text-align:left;vertical-align:top;font-weight:500;white-space:normal }
:is(.app-main,.selection-page) .formTD,
:is(.app-main,.selection-page) .formtd { padding:5px 8px;vertical-align:top }
.app-main .formTable { width:100%!important;max-width:none;text-align:left;padding:24px;background:white;border:1px solid var(--line);border-radius:12px }
:is(.app-main,.selection-page) .TableHeader { font:600 14px/1.5 "Segoe UI",system-ui,sans-serif;padding:16px 20px;color:var(--ink);background:#fff;background-image:none;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;height:auto }
.app-main .datagridTable,
.app-main .datagridChildTable { height:auto!important;border:0;border-radius:0;background:transparent;vertical-align:top }
:is(.app-main,.selection-page) .navControl { border:0;padding:12px 0;display:block }
:is(.app-main,.selection-page) .navPage,
:is(.app-main,.selection-page) .navInfo,
:is(.app-main,.selection-page) .navRecord { font:13px/1.5 "Segoe UI",system-ui,sans-serif;color:var(--muted) }
:is(.app-main,.selection-page) .navControl a { display:inline-block;min-width:32px;min-height:36px;padding:6px 8px;margin:2px;border:1px solid var(--line);border-radius:6px;background:white }
:is(.app-main,.selection-page) .MultiPageClass,
:is(.app-main,.selection-page) .MenuMultiPageClass { background:white;background-image:none;border:1px solid var(--line);padding:20px;border-radius:10px }
:is(.app-main,.selection-page) .tabStrip { font-family:inherit;font-size:14px }
:is(.app-main,.selection-page) .txtReadOnly { font:14px/1.5 "Segoe UI",system-ui,sans-serif;display:inline-block;padding:10px 0 }
:is(.app-main,.selection-page) .subtitle { font-size:20px }
:is(.app-main,.selection-page) .subtitleSmall { font-size:16px }
:is(.app-main,.selection-page) .legend { font:13px/1.5 "Segoe UI",system-ui,sans-serif }
:is(.app-main,.selection-page) .layout-table[role=presentation] { table-layout:fixed }
.app-main .read-details { padding:24px }
@media(max-width:767px) {
.app-main .layout-table { width:100%!important;max-width:100%!important }
.app-main .layout-table>tbody>tr>td[width] { width:auto!important }
.app-main .formTable { display:block;padding:16px }
.app-main .formTable>tbody,
.app-main .formTable>tbody>tr { display:block;width:100% }
.app-main .formTable>tbody>tr>td { display:block;width:100%!important;padding:6px 0 }
.app-main .formTable>tbody>tr { margin-bottom:12px }
.app-main .formTable input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.app-main .formTable select,
.app-main .formTable textarea { max-width:100%!important }
.app-main .formTable .lblformTop { padding-bottom:4px!important }
.app-main .read-details>.layout-table>tbody>tr { display:block }
.app-main .read-details>.layout-table>tbody>tr>td { display:block;width:100%!important }
:is(.app-main,.selection-page) .MultiPageClass { padding:12px }
}
.app-main>table.layout-table { table-layout:fixed!important;width:100%!important }
.app-main table.layout-table { table-layout:fixed }
.app-main .form-sections { width:100%!important;max-width:none;text-align:left }
:is(.app-main,.selection-page) .form-columns>td { width:50%;padding:0 8px 16px;vertical-align:top }
:is(.app-main,.selection-page) .form-columns>td:first-child { padding-left:0 }
:is(.app-main,.selection-page) .form-columns>td:last-child { padding-right:0 }
.app-main .formTable { margin:0 0 16px }
.app-main .formTable input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.app-main .formTable select,
.app-main .formTable textarea { width:100% }
@media(max-width:767px) {
.app-main .form-columns { display:block }
.app-main .form-columns>td { display:block;width:100%!important;padding:0 }
.app-main .formTable .txtReadOnly { display:block;white-space:normal }
.app-main .formTable .table-scroll { margin:8px 0 }
}
@media(max-width:767px) {
.app-main .form-sections,
.app-main .form-sections>tbody,
.app-main .form-sections>tbody>tr { display:block;width:100%!important }
.app-main .form-sections>tbody>tr>td { display:block;width:100%!important }
.app-main .formTable { padding:16px }
}
:is(.app-main,.selection-page) .TableHeader,
:is(.app-main,.selection-page) .TableHeader a,
:is(.app-main,.selection-page) .TableHeader span,
:is(.app-main,.selection-page) .TableHeader font { font-family:"Segoe UI",system-ui,sans-serif;font-size:14px }
:is(.app-main,.selection-page) .datagridTable,
:is(.app-main,.selection-page) .datagridChildTable { height:auto!important; border:0; background:transparent; }
:is(.app-main,.selection-page) .dtgSelected > td { --bs-table-bg:#edf4ff; }
:is(.app-main,.selection-page) .dtgHeader > td { --bs-table-bg:#f8fafd; font-size:12px; font-weight:600; color:var(--muted); }
:is(.app-main,.selection-page) .dtgHeader a { color:inherit; }
:is(.app-main,.selection-page) .dtgFooter td:empty { padding:0; border:0; }
:is(.app-main,.selection-page) .table > :not(caption) > * > * { border-left:0!important; border-right:0!important; border-top:0!important; }
.app-main .formTable .form-control,.app-main .formTable .form-select { width:100%; }
.app-main .formTable .form-check-input { width:1.125em; }
/* Keep fields full width inside each legacy form panel at every breakpoint.
   Direct-child selectors preserve nested data tables and the outer form columns. */
.app-main .legacy-form-layout,
.app-main .legacy-form-layout>tbody,
.app-main .legacy-form-layout>tbody>tr { display:block;width:100%; }
.app-main .legacy-form-layout>tbody>tr { margin-bottom:16px; }
.app-main .legacy-form-layout>tbody>tr>td { display:block;width:100%!important;padding:4px 0; }
.app-main .legacy-form-layout>tbody>tr>.lblformTop { padding:0 0 8px!important; }
/* CheckboxList retains its server-generated table and postback identity. */
.filter-options table { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 16px; width:100%; }
.filter-options tbody,.filter-options tr { display:contents; }
.filter-options td { display:flex; align-items:center; gap:8px; min-width:0; min-height:44px; }
.filter-options .form-check-input { flex-shrink:0; margin:0; }
@media(max-width:1199px) { .filter-options table { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .filter-options table { grid-template-columns:minmax(0,1fr); } }