/*
 * TAAPs — Keep DevExpress grids / tab strips / splitters visually inside the
 * master-page card (same idea as IAssessment2.aspx wrapper: bounded width +
 * horizontal scroll inside the shell).
 *
 * Common spill causes:
 *  - Bootstrap `.row { margin-left/right: -15px }` inside `section.content`
 *    widens layout past the padded content box.
 *  - DevExpress inline widths on nested tables exceeding the viewport.
 */

/* Kill Bootstrap row bleed inside main content — row sits directly under
   `.content`, which already has horizontal padding (styletaaps.css). */
.wrapper .content-wrapper > section.content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wrapper .content-wrapper > section.content > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wrapper .content-wrapper > section.content.taaps-main {
    box-sizing: border-box;
    max-width: 100%;
}

/* Outer card chrome */
.wrapper .panel-bd.taaps-page-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    float: none; /* cooperate with Bootstrap grid when margins are normalized */
}

/* Scrollport: horizontal overflow stays INSIDE the card body */
.wrapper .panel-bd.taaps-page-card > .panel-body.taaps-panel-shell {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    /* Lets flex/grid children shrink below intrinsic min-width where used */
    min-width: 0;
}

/*
 * Theme-independent DevExpress stubs (PlasticBlue / MaterialCompact / …).
 * `max-width` on the ROOT div stops the chrome from widening the page;
 * inner tables may still exceed — parent `.taaps-panel-shell` scrolls.
 */
.wrapper .panel-bd.taaps-page-card [class*="ASPxGridView"],
.wrapper .panel-bd.taaps-page-card [class*="dxgvControl"],
.wrapper .panel-bd.taaps-page-card [class*="dxtcLite"],
.wrapper .panel-bd.taaps-page-card [class*="dxflRoot"],
.wrapper .panel-bd.taaps-page-card [class*="dxflFormLayout"],
.wrapper .panel-bd.taaps-page-card [class*="dxsplControl"],
.wrapper .panel-bd.taaps-page-card [class*="dxrpControlZone"],
.wrapper .panel-bd.taaps-page-card [class*="dxucControl"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Pager / filter strip under grid */
.wrapper .panel-bd.taaps-page-card .dxgvHSDC,
.wrapper .panel-bd.taaps-page-card .dxgvPagerBottomPanel,
.wrapper .panel-bd.taaps-page-card .dxgvControl .dxgvHeader {
    box-sizing: border-box;
}

/* Mirrors IAssessment2 outer div */
.wrapper .panel-bd.taaps-page-card > .panel-body.taaps-panel-shell > .form-horizontal {
    max-width: 100%;
    box-sizing: border-box;
}

/* ========== ASPxPageControl (tab strip + pages) ==========
 * Renders as table.dxtcLite_* / td.dxtc-* with often-large intrinsic widths.
 * Pair with EnableTabScrolling="True" on the control markup. */
.wrapper .panel-bd.taaps-page-card table[class*="dxtcLite"],
.wrapper .panel-bd.taaps-page-card table[class*="dxtcSys"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.wrapper .panel-bd.taaps-page-card td[class*="dxtc-tab"],
.wrapper .panel-bd.taaps-page-card td[class*="dxtc-tabs"],
.wrapper .panel-bd.taaps-page-card .dxtc-strip,
.wrapper .panel-bd.taaps-page-card .dxtc-stripContainer {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Horizontal scroll inside tab row when many tabs (works with EnableTabScrolling) */
.wrapper .panel-bd.taaps-page-card td[class*="dxtc-tabs"],
.wrapper .panel-bd.taaps-page-card td.dxtcTabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.wrapper .panel-bd.taaps-page-card td[class*="dxtc-content"],
.wrapper .panel-bd.taaps-page-card td.dxtc-content,
.wrapper .panel-bd.taaps-page-card .dxtc-content {
    overflow-x: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

.wrapper .panel-bd.taaps-page-card [class*="dxtc-contentWrapper"] {
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
}