/* ============================================================================
   mcampus-bs3compat.css

   🔴 GENERATED FILE — DO NOT EDIT BY HAND.
   Produced by .Tools/BootstrapCompat/Build-CompatCss.js from
   MCampusUI/Content/bootstrap.3.4.1.min.css. To change it, edit
   .Tools/BootstrapCompat/src/*.css or that script, then re-run:
       node .Tools/BootstrapCompat/Build-CompatCss.js

   WHAT IT IS.  A Bootstrap 3 compatibility layer for Bootstrap 5.3.8. It lets
   ~23,000 existing .cshtml views keep their Bootstrap 3 markup while the
   framework underneath them is Bootstrap 5, so the estate can move to one
   Bootstrap version without rewriting the UI.

   WHY A COMPAT LAYER AND NOT A REWRITE.  The views carry roughly 50,000
   Bootstrap-3-only tokens across 120 distinct classes, spread over 36 areas and
   204 per-school override folders, with no automated test suite and views that
   compile at RUNTIME on both frameworks — so neither the build nor CI would
   catch a mistake; it would surface when a user opened the page.

   WHY IT IS KNOWN TO BE NECESSARY.  The Portal already runs Bootstrap 5.3.2 CSS
   over Bootstrap 3 markup with no compat layer. 93 of its 270 views use
   col-xs-*, nothing defines it, and those grids are silently broken today. That
   is this file's job description.

   🔴 LOAD ORDER IS PART OF THE CONTRACT.  This file goes in BOOTSTRAP'S EXACT
   SLOT — immediately after bootstrap-5.3.8.min.css and nowhere else. The product
   has multi-theme support implemented by overriding AdminLTE and Bootstrap
   classes, and those overrides only keep winning if the compat layer sits where
   Bootstrap sat. The order in _AllCSSFilesAdminLTE.cshtml is:

       line 63   skins/{theme}.min.css          skin BASE     - loses to Bootstrap
       line 71   bootstrap-5.3.8.min.css        <- framework
       line 72   mcampus-bs3compat.css          <- THIS FILE, immediately after
       line 77   AdminLTECustomized.min.css     theme override - must still win
       line 79   skins/{theme}.custom.min.css   theme override - must still win
       line 102+ MCampusCardLayout / HRDashboardRedesign / lms-theme

   Because the compat layer only re-declares Bootstrap 3's own rules at Bootstrap
   3's own position, every specificity relationship with the skin and AdminLTE
   overrides is preserved exactly as it is today. Moving this file later in the
   list would silently outrank the theme layer and break per-tenant theming.

   HYBRID-SAFE.  Parts of the estate already use Bootstrap 5 markup (384
   .nav-link, 73 .dropdown-item, 23 .btn-close). Every rule here is additive and
   scoped to the Bootstrap 3 shape; none redefines a Bootstrap 5 class - with ONE
   deliberate exception, SECTION 0: a Bootstrap 5 class name the app also uses for
   its OWN component (.card, the printed ID card) is neutral unless the markup is
   built like the Bootstrap 5 component (card-header / card-body ...).

   COVERAGE: 329 classes, 761 generated rules, 307,650 occurrences in the views.
   ============================================================================ */

/* ===========================================================================
   SECTION 0 — CLASS-NAME COLLISIONS.  A class the app uses for its OWN
   component under a name Bootstrap 5 also defines. Bootstrap 3 had no rule for
   it, so on production only the app's own CSS styled it; Bootstrap 5 now adds
   its component look wherever that CSS is silent. This section takes it away
   again - and runs FIRST, straight after bootstrap-5.3.8.min.css, so the only
   rules it can outrank are Bootstrap 5's own. Every compat, AdminLTE, theme and
   view rule comes later and keeps winning exactly as it did.
   =========================================================================== */

/* .card — THE APP'S ID CARD, NOT BOOTSTRAP'S CARD, UNLESS IT IS BUILT LIKE ONE (owner, 2026-09-24).
   .card is the printed ID card in 400+ views (div.frontend.card, div.backend.card, table.card.fronti ...;
   417 views declare their own .card in an inline <style>, 375 of them under _Schools) and in tenant-authored
   templates held in the DATABASE (UM_MI_IDCardTemplate.ICardHTML, AP_MH_CertificateHTMLMaster), which no
   rename of the views could ever reach. Bootstrap 5's .card made every one a flex column - each inline piece
   of an ID card on its own line - with a white background, a grey outline and rounded corners, wherever the
   view's own .card { } did not set them. Measured on the mined combinations: 119 of 138 .card samples.

   THE RULE: a .card renders exactly as the same element WITHOUT the card class - except a real Bootstrap 5
   card, known by its anatomy: a .card-header/-body/-footer/-title/-img* descendant, a direct .list-group, or
   .card-body on the card itself. None of the ID-card views use any of those, and the stored templates do
   not either (owner, 2026-09-24); 94% of the genuine cards carry one as a DIRECT child, and the descendant
   form keeps the rest (a body wrapped in a <form> or a .collapse). A genuine card keeps Bootstrap 5's own
   rule untouched. Portal / ECA / StudentPortal load no compat sheet and are not affected at all.
   Test: compare.html?page=combos.html&without=card (every non-anatomy .card must be inert) and the
   MC_CARDS probe in fixture.html (every anatomy card must match native Bootstrap 5).

     - Specificity stays .card's own (0,1,0): :not() counts only its argument and :where() counts zero, so
       every view's and template's own .card { } - always later - still wins.
     - Every property .card sets (display, position, flex-direction, border, radius, background, height,
       colour ...) is reset PER PROPERTY to revert-layer, skipping each Bootstrap 5 class ordered AFTER .card
       that sets the same property (.alert, .modal-body, .list-group-item ...): those already beat .card and
       keep their value. Bootstrap 5 classes ordered BEFORE .card (.btn, .table, .nav-link ...) lost to it,
       so their own declarations are re-asserted on a neutral card. Both lists are READ FROM THE BOOTSTRAP 5
       SOURCE by Build-CompatCss.js, never typed here - a hand list is what would drift.
     - revert-layer, not revert: both give the element's browser default (a table stays a table, an li a
       list-item), but revert-layer KEEPS presentational hints - bgcolor=, height=, border=, frame= - which
       any other author value, Bootstrap's .card included, erases. Measured: the KES ID card's frame="box"
       (1px solid, lost under Bootstrap 5 and under the table-only fix this replaces) comes back, and so does
       any bgcolor= / height= a tenant-authored template carries. Plain revert is emitted first as the
       fallback for a browser without revert-layer (Chrome < 99), where the hints are the only loss.
     - FAIL-SAFE on a browser without :has(): :where() drops the unknown :has() and matches only .card-body,
       so EVERY card is neutral there - ID cards stay as production, only a new Bootstrap 5 card goes plain. */

/* generated: Bootstrap 5 .card sets position, display, flex-direction, min-width, height, color, word-wrap, background-color, background-clip, border, border-radius */
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))) {
    --bs-card-border-width: 0;
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
    --bs-card-bg: transparent;
    --bs-card-spacer-y: 0;
    --bs-card-spacer-x: 0;
    --bs-card-cap-padding-y: 0;
    --bs-card-cap-padding-x: 0;
    --bs-card-cap-bg: transparent;
}
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .alert, .card-img-overlay, .carousel, .carousel-caption, .carousel-control-next, .carousel-control-prev, .carousel-indicators, .carousel-inner, .carousel-item, .fixed-bottom, .fixed-top, .list-group-item, .modal, .modal-backdrop, .modal-body, .modal-content, .modal-dialog, .offcanvas, .offcanvas-backdrop, .page-link, .ratio, .sticky-bottom, .sticky-top, .toast-container)) { position: revert; position: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .badge, .breadcrumb, .carousel-control-next, .carousel-control-next-icon, .carousel-control-prev, .carousel-control-prev-icon, .carousel-indicators, .carousel-item, .carousel-item-next, .carousel-item-prev, .hstack, .icon-link, .list-group, .list-group-item, .modal, .modal-content, .modal-dialog-centered, .modal-footer, .modal-header, .offcanvas, .offcanvas-header, .page-link, .pagination, .placeholder, .popover, .progress, .progress-bar, .progress-stacked, .spinner-border, .spinner-grow, .toast-header, .tooltip, .vr, .vstack)) { display: revert; display: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.hstack, .list-group, .list-group-horizontal, .modal-content, .offcanvas, .progress-bar, .vstack)) { flex-direction: revert; flex-direction: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))) { min-width: revert; min-width: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.btn-close, .carousel-control-next-icon, .carousel-control-prev-icon, .modal, .modal-backdrop, .modal-dialog-scrollable, .modal-fullscreen, .offcanvas-backdrop, .progress, .progress-stacked, .spinner-border, .spinner-grow)) { height: revert; height: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .accordion-item, .alert, .alert-heading, .alert-link, .badge, .btn-close, .card-body, .card-footer, .card-header, .card-subtitle, .card-title, .carousel-caption, .carousel-control-next, .carousel-control-prev, .list-group-item, .list-group-item-action, .modal-content, .offcanvas, .page-link, .popover-body, .popover-header, .progress-bar, .toast, .toast-header, .tooltip-inner)) { color: inherit; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.popover, .toast-body, .tooltip)) { word-wrap: revert; word-wrap: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .accordion-item, .alert, .breadcrumb, .btn-close, .card-footer, .card-header, .carousel-control-next, .carousel-control-prev, .list-group-item, .modal-backdrop, .modal-content, .modal-footer, .offcanvas, .offcanvas-backdrop, .page-link, .placeholder, .popover, .popover-header, .progress, .progress-bar, .progress-stacked, .spinner-grow, .toast, .toast-header, .tooltip-inner, .vr)) { background-color: revert; background-color: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.btn-close, .carousel-control-next, .carousel-control-prev, .modal-content, .offcanvas, .popover, .toast, .toast-header)) { background-clip: revert; background-clip: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .accordion-item, .alert, .btn-close, .card-footer, .card-header, .card-header-tabs, .carousel-control-next, .carousel-control-prev, .list-group-item, .modal-content, .modal-footer, .modal-header, .page-link, .popover, .popover-header, .spinner-border, .toast, .toast-header)) { border: revert; border: revert-layer; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):not(:where(.accordion-button, .alert, .badge, .breadcrumb, .btn-close, .card-img, .card-img-bottom, .card-img-overlay, .card-img-top, .list-group, .list-group-flush, .modal-content, .modal-footer, .modal-header, .popover, .popover-header, .progress, .progress-stacked, .spinner-border, .spinner-grow, .toast, .toast-header, .tooltip-inner)) { border-radius: revert; border-radius: revert-layer; }

/* The reset outranks ELEMENT rules too - Reboot's a { color }, button { border-radius: 0 }, compat's
   legend / output / pre - whichever side of .card they sit, so those are re-asserted first, then the
   classes. An <a class="card"> keeps the link colour this way. */
/* generated: re-asserted on a neutral card - first 31 element rules (Bootstrap 5 Reboot, then compat's
   tokens and reboot), then 61 Bootstrap 5 class rules ordered before .card, then 26 ordered after it
   but active only inside a @media / @supports, each group in source order - so a class still beats an element
   rule, and a later class an earlier one, exactly as they do without the card class */
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(body) { color: var(--bs-body-color); background-color: var(--bs-body-bg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(hr) { color: inherit; border: 0; border-top: var(--bs-border-width) solid; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(h1, h2, h3, h4, h5, h6) { color: var(--bs-heading-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(mark) { color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(sub, sup) { position: relative; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(a) { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(pre) { display: block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(code) { color: var(--bs-code-color); word-wrap: break-word; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(kbd) { color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: .25rem; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(caption) { color: var(--bs-secondary-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(tbody, td, tfoot, th, thead, tr) { border-color: inherit; border-style: solid; border-width: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(label) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(button) { border-radius: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(select) { word-wrap: normal; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(fieldset) { min-width: 0; border: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(output) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(iframe) { border: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(summary) { display: list-item; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(a) { color: var(--bs-link-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(h1, h2, h3, h4, h5, h6) { color: inherit; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(hr) { height: 0; border: 0; border-top: 1px solid #eee; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(label) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(legend) { display: block; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(blockquote) { border-left: 5px solid #eee; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(thead, tbody, tfoot, tr, td, th) { border-style: none; border-color: currentcolor; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(caption) { color: #777; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(button, input, optgroup, select, textarea) { color: inherit; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(code) { color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(kbd) { color: #fff; background-color: #333; border-radius: 3px; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(pre) { display: block; color: #333; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(output) { display: block; color: #555; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.h1, .h2, .h3, .h4, .h5, .h6) { color: var(--bs-heading-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.mark) { color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-inline-item) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.blockquote-footer) { color: #6c757d; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.img-fluid) { height: auto; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.img-thumbnail) { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); height: auto; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.figure) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.figure-caption) { color: var(--bs-secondary-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.row) { display: flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table) { border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-group-divider) { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-primary) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-secondary) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-success) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-info) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-warning) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-danger) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-light) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.table-dark) { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-text) { color: var(--bs-secondary-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-control) { display: block; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-control-plaintext) { display: block; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-control-sm) { border-radius: var(--bs-border-radius-sm); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-control-lg) { border-radius: var(--bs-border-radius-lg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-control-color) { height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-select) { display: block; color: var(--bs-body-color); background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-select-sm) { border-radius: var(--bs-border-radius-sm); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-select-lg) { border-radius: var(--bs-border-radius-lg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-check) { display: block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-check-input) { height: 1em; background-color: var(--bs-form-check-bg); border: var(--bs-border-width) solid var(--bs-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-check-inline) { display: inline-block; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn-check) { position: absolute; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-range) { height: 1.5rem; background-color: transparent; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.form-floating) { position: relative; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.input-group) { position: relative; display: flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.input-group-text) { display: flex; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.valid-feedback) { display: none; color: var(--bs-form-valid-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.valid-tooltip) { position: absolute; display: none; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.invalid-feedback) { display: none; color: var(--bs-form-invalid-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.invalid-tooltip) { position: absolute; display: none; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn) { display: inline-block; color: var(--bs-btn-color); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.collapsing) { height: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center) { position: relative; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown-menu) { position: absolute; display: none; min-width: var(--bs-dropdown-min-width); color: var(--bs-dropdown-color); background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown-divider) { height: 0; border-top: 1px solid var(--bs-dropdown-divider-bg); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown-item) { display: block; color: var(--bs-dropdown-link-color); background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius,0); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown-header) { display: block; color: var(--bs-dropdown-header-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.dropdown-item-text) { display: block; color: var(--bs-dropdown-link-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn-group, .btn-group-vertical) { position: relative; display: inline-flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn-toolbar) { display: flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn-group) { border-radius: var(--bs-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.btn-group-vertical) { flex-direction: column; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.nav) { display: flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.nav-link) { display: block; color: var(--bs-nav-link-color); background: 0 0; border: 0; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.nav-tabs) { border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar) { position: relative; display: flex; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar-brand) { color: var(--bs-navbar-brand-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar-nav) { display: flex; flex-direction: column; }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar-text) { color: var(--bs-navbar-color); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar-toggler) { color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); }
.card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.navbar-toggler-icon) { display: inline-block; height: 1.5em; }
@media (min-width:576px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.card-group) { display: flex; flex-flow: row wrap; } }
@media (min-width:576px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-group-horizontal-sm) { flex-direction: row; } }
@media (min-width:768px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-group-horizontal-md) { flex-direction: row; } }
@media (min-width:992px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-group-horizontal-lg) { flex-direction: row; } }
@media (min-width:1200px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-group-horizontal-xl) { flex-direction: row; } }
@media (min-width:1400px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.list-group-horizontal-xxl) { flex-direction: row; } }
@media (max-width:575.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.modal-fullscreen-sm-down) { height: 100%; } }
@media (max-width:767.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.modal-fullscreen-md-down) { height: 100%; } }
@media (max-width:991.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.modal-fullscreen-lg-down) { height: 100%; } }
@media (max-width:1199.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.modal-fullscreen-xl-down) { height: 100%; } }
@media (max-width:1399.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.modal-fullscreen-xxl-down) { height: 100%; } }
@media (max-width:575.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.offcanvas-sm) { position: fixed; display: flex; flex-direction: column; color: var(--bs-offcanvas-color); background-color: var(--bs-offcanvas-bg); background-clip: padding-box; } }
@media (max-width:767.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.offcanvas-md) { position: fixed; display: flex; flex-direction: column; color: var(--bs-offcanvas-color); background-color: var(--bs-offcanvas-bg); background-clip: padding-box; } }
@media (max-width:991.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.offcanvas-lg) { position: fixed; display: flex; flex-direction: column; color: var(--bs-offcanvas-color); background-color: var(--bs-offcanvas-bg); background-clip: padding-box; } }
@media (max-width:1199.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.offcanvas-xl) { position: fixed; display: flex; flex-direction: column; color: var(--bs-offcanvas-color); background-color: var(--bs-offcanvas-bg); background-clip: padding-box; } }
@media (max-width:1399.98px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.offcanvas-xxl) { position: fixed; display: flex; flex-direction: column; color: var(--bs-offcanvas-color); background-color: var(--bs-offcanvas-bg); background-clip: padding-box; } }
@media (min-width:576px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-sm-top) { position: -webkit-sticky; position: sticky; } }
@media (min-width:576px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-sm-bottom) { position: -webkit-sticky; position: sticky; } }
@media (min-width:768px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-md-top) { position: -webkit-sticky; position: sticky; } }
@media (min-width:768px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-md-bottom) { position: -webkit-sticky; position: sticky; } }
@media (min-width:992px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-lg-top) { position: -webkit-sticky; position: sticky; } }
@media (min-width:992px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-lg-bottom) { position: -webkit-sticky; position: sticky; } }
@media (min-width:1200px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-xl-top) { position: -webkit-sticky; position: sticky; } }
@media (min-width:1200px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-xl-bottom) { position: -webkit-sticky; position: sticky; } }
@media (min-width:1400px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-xxl-top) { position: -webkit-sticky; position: sticky; } }
@media (min-width:1400px) { .card:not(:where(.card-body, :has(.card-header, .card-body, .card-footer, .card-title, .card-img, .card-img-top, .card-img-bottom, .card-img-overlay, > .list-group))):where(.sticky-xxl-bottom) { position: -webkit-sticky; position: sticky; } }

/* ===========================================================================
   SECTION 1 — TOKENS.  Pin Bootstrap 5's design tokens to the metrics the ERP
   actually ships today.

   These values are NOT stock Bootstrap 3. They were read off
   MCampusUI/Content/bootstrap.3.4.1.min.css, which is a vendor file that was
   edited IN PLACE (a rule-20 violation). Diffed rule-by-rule against stock
   3.4.1, that fork is exactly 13 changed declarations, 0 added rules, 0 removed
   rules:
       .row              margin  -15px -> -10px        (carried below)
       grid columns      padding  15px -> 6px          (carried in 40-generated)
       .form-group       margin-bottom 15px -> 10px    (carried in 40-generated)
       .text-x, .bg-x, .badge  9x "!important" added   (carried in 90-contextual)
   Carrying them here is what lets the new bootstrap-5.3.8.min.css stay
   vendor-verbatim, which retires the rule-20 violation.

   Font size is the single highest-leverage line in this file: Bootstrap 5
   defaults to 16px/1.5 where this ERP has always been 14px/1.42857143. Without
   the pin every screen in the product silently grows ~14%.
   =========================================================================== */

:root {
    --bs-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bs-body-font-size: 14px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.42857143;
    --bs-body-color: #333;
    --bs-body-color-rgb: 51,51,51;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;

    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 6px;
    --bs-border-color: #ccc;

    /* Bootstrap 5 underlines links by default; Bootstrap 3 did not. */
    --bs-link-color: #337ab7;
    --bs-link-color-rgb: 51,122,183;
    --bs-link-hover-color: #23527c;
    --bs-link-hover-color-rgb: 35,82,124;
    --bs-link-decoration: none;
    --bs-link-hover-decoration: underline;

    /* Bootstrap 3 brand palette, so buttons/labels/links keep today's colours. */
    --bs-primary: #337ab7;   --bs-primary-rgb: 51,122,183;
    --bs-secondary: #777;    --bs-secondary-rgb: 119,119,119;
    --bs-success: #5cb85c;   --bs-success-rgb: 92,184,92;
    --bs-info: #5bc0de;      --bs-info-rgb: 91,192,222;
    --bs-warning: #f0ad4e;   --bs-warning-rgb: 240,173,78;
    --bs-danger: #d9534f;    --bs-danger-rgb: 217,83,79;
}

a { color: var(--bs-link-color); text-decoration: none; }
a:focus, a:hover { color: var(--bs-link-hover-color); text-decoration: underline; }

/* ---------------------------------------------------------------------------
   GRID GUTTER.  Bootstrap 5 declares --bs-gutter-x on .row itself (1.5rem), so
   it must be overridden there, not on :root. The forked Bootstrap 3 pads
   columns 6px a side but pulls .row out by 10px — a deliberate 4px bleed that
   is NOT self-consistent. Reproduce it exactly; it is what the UI looks like
   today, and "fixing" it would shift every row in the product by 4px.
   --------------------------------------------------------------------------- */
.row { --bs-gutter-x: 12px; margin-right: -10px; margin-left: -10px; }

/* ---------------------------------------------------------------------------
   COMPONENT METRICS.  Bootstrap 5 sizes components in rem, which resolve
   against <html> (16px) and so do NOT follow --bs-body-font-size. Each of these
   therefore has to be pinned explicitly to its Bootstrap 3 pixel value.
   Deliberately NOT done by setting html{font-size:87.5%}: that would rescale
   every rem in AdminLTE and in our own stylesheets too.
   --------------------------------------------------------------------------- */
.form-control,
.form-select {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

textarea.form-control,
select[multiple].form-control,
select[size].form-control { height: auto; }

.btn {
    --bs-btn-padding-x: 12px;
    --bs-btn-padding-y: 6px;
    --bs-btn-font-size: 14px;
    --bs-btn-line-height: 1.42857143;
    --bs-btn-border-radius: 4px;
}

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-x: 16px;
    --bs-btn-padding-y: 10px;
    --bs-btn-font-size: 18px;
    --bs-btn-line-height: 1.3333333;
    --bs-btn-border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 5px;
    --bs-btn-font-size: 12px;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-radius: 3px;
}

.table {
    --bs-table-cell-padding-x: 8px;
    --bs-table-cell-padding-y: 8px;
    margin-bottom: 20px;
}

.dropdown-menu {
    --bs-dropdown-font-size: 14px;
    --bs-dropdown-min-width: 160px;
    --bs-dropdown-padding-y: 5px;
    --bs-dropdown-border-radius: 4px;
    --bs-dropdown-border-color: rgba(0,0,0,.15);
}

.modal-header, .modal-body, .modal-footer { padding: 15px; }
.modal-content { border-radius: 6px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-footer { text-align: right; }
/* .alert: Bootstrap 5 pads with 1rem (16px) and 20px -> 16px bottom margin; dismissible 3rem (48px).
   Border and radius already match through the pinned tokens, so do NOT re-declare them: the
   literal shorthand would beat the per-context --bs-alert-border-color set in section 8.
   290 + 141 uses (mined combinations, 2026-09-24). */
.alert { padding: 15px; margin-bottom: 20px; }
.alert-dismissible { padding-right: 35px; }

/* ===========================================================================
   SECTION 2 — REBOOT NEUTRALISATION.

   Bootstrap 5's Reboot restyles bare HTML elements differently from Bootstrap
   3's Normalize layer. None of this is class-driven, so none of it shows up in
   a class-level gap analysis — it is the part of the migration that silently
   shifts EVERY page a little rather than breaking one component loudly.

   Every value below was read out of the shipped bootstrap.3.4.1.min.css.
   =========================================================================== */

/* BS5: margin-bottom:.5rem, line-height:1.2, colour from --bs-heading-color.
   BS3: 20px/10px for h1-h3, 10px/10px for h4-h6, line-height 1.1, inherit. */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }

.h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 30px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
.h5, h5 { font-size: 14px; }
.h6, h6 { font-size: 12px; }

.small, small { font-size: 85%; }

p { margin: 0 0 10px; }

/* BS5 Reboot uses font-weight:bolder, which resolves relative to the parent and
   so renders lighter than BS3's absolute 700 inside already-bold containers. */
b, strong { font-weight: 700; }

/* BS5: margin:1rem 0, border-top uses currentColor at opacity .25 — visibly
   fainter and differently spaced than BS3's solid #eee. */
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    opacity: 1;
}

/* BS3 bolds every label and gives it bottom margin; BS5 leaves it at inherit
   with no margin, which reflows every form in the product. */
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/* legend. Bootstrap 3 declares legend TWICE: an early normalize rule { border:0; padding:0 } and
   a later forms rule, which is the one that wins. This file used to copy the early one, so
   Bootstrap 5 Reboot's legend { float:left; margin-bottom:.5rem; font-size:calc(1.275rem+.3vw) }
   ran unopposed. The legend floated, grew 21px -> 24px and lost its #e5e5e5 underline in every
   fieldset.fsForms / fsSearchForm / fsSearchResult (about 1,000 fieldsets). This is the winning
   Bootstrap 3 rule, plus float:none. Found by the mined combinations (test/Mine-Combos.js),
   2026-09-24. */
legend {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

/* blockquote. Bootstrap 5 keeps only margin:0 0 1rem on the bare element and moved the rest to a
   .blockquote class. A bare-element rule carries no class token, so the class-gap generator can
   never pick it up. This is Bootstrap 3's own rule. */
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

/* Tables. Bootstrap 5 Reboot moves every <caption> to the BOTTOM of its table
   (caption-side:bottom) and makes <th> inherit its alignment, so a header cell
   inside a centred block centres. Bootstrap 3 left captions on top (the UA
   default) and left-aligned every <th>. Found by the production side-by-side,
   2026-09-23. */
table { caption-side: top; }
/* Bootstrap 5 Reboot gives every table part border-style:solid (width 0) and
   border-color:inherit, so a page rule that sets only a border WIDTH on a cell
   suddenly draws a line Bootstrap 3 never drew. Back to the browser defaults;
   every Bootstrap 3 table rule copied by the generator uses the full border
   shorthand, so none of them depends on this. */
thead, tbody, tfoot, tr, td, th { border-style: none; border-color: currentcolor; }

/* Bootstrap 3's normalize zeroed cell padding and border spacing; Bootstrap 5 Reboot does neither.
   Two things came back to life. The UA's 1px cell padding, plus every cellpadding="N" (650 tables),
   which was dead on production. And newStyleAdminLTE.css's td { padding-left: 10px }, which loads
   BEFORE this slot and was silently cancelled by Bootstrap 3's later td,th { padding: 0 }, so every
   plain cell in the admin shell gained 10px on the left. Same rules, same slot, same cascade as
   Bootstrap 3. Found by the table-attribute cases in test/fixture.html, 2026-09-24. */
table { border-spacing: 0; }
td, th { padding: 0; }

/* border="N" tables (census 2026-09-24: 17,716 tables in 5,090 views use border="1").
   How it worked on production: the browser draws the table's cell grid from the attribute itself, at
   presentational-hint level (Chromium maps it to 1px inset, colour inherited from the table). That
   is the lowest author-level precedence, and newStyleAdminLTE.css only recolours it black (the
   Chrome border fix).
   Why it broke: Bootstrap 5 Reboot's td { border-width: 0 } and the reset above are ordinary author
   rules, so they beat the hint and every such grid vanished.
   The fix: re-state exactly what the attribute maps to.
   - Own cells only. Child combinators, so a nested table without the attribute stays bare.
   - Specificity (0,0,1) via :where(), so it beats those two resets (it loads after both). Every
     class or id rule that styled these cells on production still beats it, as it beat the attribute.
     No stylesheet loaded before this slot has a bare cell border rule (checked 2026-09-24).
   - rules= replaces the attribute's grid: 'cols' draws only the vertical lines (8 tables), "none"
     and "groups" draw none (3 tables). */
:where(table[border]:not([border="0"]), table[rules]) > :is(thead, tbody, tfoot),
:where(table[border]:not([border="0"]) > :is(thead, tbody, tfoot), table[rules] > :is(thead, tbody, tfoot)) > tr,
:where(table[border]:not([border="0"]), table[rules]) > tr { border-color: inherit; }
:where(table[border]:not([border="0"]):not([rules]) > :is(thead, tbody, tfoot) > tr,
       table[border]:not([border="0"]):not([rules]) > tr) > :is(td, th) { border: 1px inset; border-color: inherit; }
:where(table[rules="all" i] > :is(thead, tbody, tfoot) > tr, table[rules="all" i] > tr) > :is(td, th) { border: 1px solid; border-color: inherit; }
:where(table[rules="cols" i] > :is(thead, tbody, tfoot) > tr, table[rules="cols" i] > tr) > :is(td, th) { border-left: 1px solid; border-right: 1px solid; border-color: inherit; }
:where(table[rules="rows" i] > :is(thead, tbody, tfoot) > tr, table[rules="rows" i] > tr) > :is(td, th) { border-top: 1px solid; border-bottom: 1px solid; border-color: inherit; }

/* Plain lists. Bootstrap 5 Reboot indents every <ul>/<ol> by 2rem (32px) and
   gives it a 1rem (16px) bottom margin; Bootstrap 3 left the browser's 40px
   indent and used a 10px margin (dl 20px, dd none). So every bullet list in the
   admin views - notices, instructions, help text - moved 8px left and gained
   space below. Class-styled lists (.nav, .list-unstyled, .dropdown-menu,
   .pagination ...) are more specific and unaffected. Found by test/compare.html. */
ol, ul { padding-left: 40px; margin-bottom: 10px; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
dl { margin-bottom: 20px; }
dd { margin-bottom: 0; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }
th { text-align: left; }

/* Form elements WITHOUT .form-control. Bootstrap 3 (via normalize) made every
   control inherit the text colour; Bootstrap 5 does not, so a bare <input> or
   <select> falls back to the browser's black. Bootstrap 3 also gave checkboxes
   and radios a 4px top margin (which lines them up with 14px label text) and made
   file and range inputs full-width blocks - Bootstrap 5 leaves file inputs
   inline, which reflows every bare upload field. Values copied from
   bootstrap.3.4.1.min.css. Found by test/compare.html, 2026-09-23.
   font:inherit (not just the family/size/line-height Bootstrap 5 inherits):
   the jQuery UI datepicker's month/year selects sit in a BOLD title and were
   bold in production; under Bootstrap 5 they dropped to 400. Class rules
   (.form-control, .btn) still set their own font and win over this. */
button, input, optgroup, select, textarea { color: inherit; font: inherit; }
input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
/* Native-input details Bootstrap 3 normalize had and Bootstrap 5 Reboot changes, found by the mined
   combinations (2026-09-24). Each is Bootstrap 3's own declaration or a revert of a Reboot-only one.
   - A disabled checkbox or radio kept the not-allowed cursor (773 + 115 + 43 + 6 uses).
   - A search box had no native appearance (Bootstrap 5: textfield).
   - A bare file input's button kept the browser's own font. Bootstrap 5's font:inherit made it 4px
     taller. The .form-control file input has its own fix in 60-bs5-interop.css.
   - A date or time input kept the browser's padding. Bootstrap 5 zeroes it, 2px shorter. */
input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; }
input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="file"]:not(.form-control)::-webkit-file-upload-button,
input[type="file"]:not(.form-control)::file-selector-button { font: revert; -webkit-appearance: revert; appearance: revert; }
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute { padding: revert; }
/* Bootstrap 3's date/time line-height pin for .form-control. The class-gap copy took only the
   .input-sm/.input-lg halves of this media rule, so input.form-control[type=date] dropped from 34px
   to 20px. It MUST sit here, before the generated section, so Bootstrap 3's later .input-sm (30px)
   and .input-lg (46px) halves still win at equal specificity, exactly as in Bootstrap 3's source. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"].form-control, input[type="datetime-local"].form-control,
    input[type="month"].form-control, input[type="time"].form-control { line-height: 34px; }
}

/* code / kbd / pre. Bootstrap 5 drops the pink-on-pink code chip and the grey
   pre box, and colours code inside a link as the link. Copied verbatim. */
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
a > code { color: #c7254e; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }
kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; }
pre {
    display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143;
    color: #333; word-break: break-all; word-wrap: break-word;
    background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;
}
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

/* ===========================================================================
   SECTION 3 — STATE-CLASS ALIASING.  Bootstrap 3/4 mark a server-rendered
   "already open" panel, tab or modal with .in; Bootstrap 5 renamed it .show and
   has no rule for .in at all.

   Measured: 81 .cshtml files / 159 occurrences of a hardcoded `collapse in` or
   `fade in`, heaviest in the per-school _Schools tree. Left alone, every one of
   those accordions and tab panes renders CLOSED, with no JavaScript error and
   nothing in any log.

   mcampus-bs-shim.js also stamps .show onto these elements at runtime. Both
   halves are deliberate: the CSS covers the first paint (before the shim runs,
   and if scripting is disabled), the JS keeps Bootstrap's own state machine in
   agreement afterwards.

   🔴 ONLY what Bootstrap 3 itself did with .in belongs here. Two rules that
   looked like the same aliasing were removed 2026-09-23 because Bootstrap 3 had
   neither, and each made content VISIBLE that Bootstrap 3 kept hidden:
     .modal.in { display:block }  - Bootstrap 3 shows a modal only through the
       inline display:block its JS sets; the class alone never did. With the rule,
       the eleven Enquiry dashboard filter popups (server-rendered
       `modal in enq-filter-modal`) opened as soon as their widget loaded, and
       Cancel / x could not close them - Bootstrap 5 had never opened them, so its
       hide() was a no-op.
     .tab-content > .tab-pane.in { display:block }  - Bootstrap 3 (and 5) show a
       pane by .active; a pane that keeps a stale .in stayed on screen next to
       the newly active one.
   =========================================================================== */
.collapse.in { display: block; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }

.fade.in { opacity: 1; }

.modal.in .modal-dialog { -webkit-transform: none; transform: none; }

/* ===========================================================================
   SECTION 4 — GENERATED.  Bootstrap 3 rules for the 329 classes that
   Bootstrap 5 does not define and our views do use, copied from the shipped
   bootstrap.3.4.1.min.css. Multi-selector rules are split so only the relevant
   selectors come across. Do not edit — re-run the build script.
   =========================================================================== */


/* Bootstrap-5-only breakpoint windows - see Build-CompatCss.js */
@media (min-width:576px) and (max-width:767.98px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{width:auto}
:where(.row)>.col-sm-1,:where(.row)>.col-sm-2,:where(.row)>.col-sm-3,:where(.row)>.col-sm-4,:where(.row)>.col-sm-5,:where(.row)>.col-sm-6,:where(.row)>.col-sm-7,:where(.row)>.col-sm-8,:where(.row)>.col-sm-9,:where(.row)>.col-sm-10,:where(.row)>.col-sm-11,:where(.row)>.col-sm-12{width:100%}
}
@media (min-width:768px) and (max-width:991.98px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{width:auto}
:where(.row)>.col-md-1,:where(.row)>.col-md-2,:where(.row)>.col-md-3,:where(.row)>.col-md-4,:where(.row)>.col-md-5,:where(.row)>.col-md-6,:where(.row)>.col-md-7,:where(.row)>.col-md-8,:where(.row)>.col-md-9,:where(.row)>.col-md-10,:where(.row)>.col-md-11,:where(.row)>.col-md-12{width:100%}
}
@media (min-width:992px) and (max-width:1199.98px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:auto}
:where(.row)>.col-lg-1,:where(.row)>.col-lg-2,:where(.row)>.col-lg-3,:where(.row)>.col-lg-4,:where(.row)>.col-lg-5,:where(.row)>.col-lg-6,:where(.row)>.col-lg-7,:where(.row)>.col-lg-8,:where(.row)>.col-lg-9,:where(.row)>.col-lg-10,:where(.row)>.col-lg-11,:where(.row)>.col-lg-12{width:100%}
}

@media print {
.navbar{display:none}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
.img-circle{border-radius:50%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.text-left{text-align:left}
.text-right{text-align:right}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}
blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}
blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

@media (min-width:768px) {
.container{width:750px}
}

@media (min-width:992px) {
.container{width:970px}
}

@media (min-width:1200px) {
.container{width:1170px}
}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:6px;padding-left:6px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}

@media (min-width:768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}

@media (min-width:992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}

@media (min-width:1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
table col[class*=col-]{position:static;display:table-column;float:none}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover>tbody>tr:hover{background-color:#f5f5f5}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}
.table-responsive{min-height:.01%;overflow-x:auto}

@media screen and (max-width:767px) {
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}
}
.form-group{margin-bottom:10px}
.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}
.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}
.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}
.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm{height:30px;line-height:30px}
select[multiple].input-sm,textarea.input-sm{height:auto}
.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}
.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:42.5px}
.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}
.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}
.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}
.has-success .form-control-feedback{color:#3c763d}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}
.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}
.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}
.has-warning .form-control-feedback{color:#8a6d3b}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}
.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}
.has-error .form-control-feedback{color:#a94442}
.has-feedback label~.form-control-feedback{top:25px}
.has-feedback label.sr-only~.form-control-feedback{top:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}

@media (min-width:768px) {
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .form-control-static{display:inline-block}
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .checkbox label,.form-inline .radio label{padding-left:0}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}
.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}
.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}

@media (min-width:768px) {
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
}
.form-horizontal .has-feedback .form-control-feedback{right:15px}

@media (min-width:768px) {
.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}
.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}
}
.btn.active.focus,.btn.focus,.btn:active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus{color:#333;text-decoration:none}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}
.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}
.btn-primary.active.focus,.btn-primary:active.focus,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}
.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}
.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}
.btn-success.active.focus,.btn-success:active.focus,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}
.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}
.btn-info.active.focus,.btn-info:active.focus,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}
.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}
.btn-warning.active.focus,.btn-warning:active.focus,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}
.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}
.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}
.btn-danger.active.focus,.btn-danger:active.focus,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}
.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
.fade.in{opacity:1}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}

@media (min-width:768px) {
.navbar-right .dropdown-menu{right:0;left:auto}
.navbar-right .dropdown-menu-left{right:auto;left:0}
}
.btn-group.open .dropdown-toggle{outline:0}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}
.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}
select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
.input-group-addon,.input-group-btn{display:table-cell}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

@media (min-width:768px) {
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}

@media (min-width:768px) {
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

@media (min-width:768px) {
.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}

@media (min-width:768px) {
.navbar{border-radius:4px}
.navbar-header{float:left}
}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}
.navbar-collapse.in{overflow-y:auto}

@media (min-width:768px) {
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
}
.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}

@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}
}

@media (min-width:768px) {
.navbar-fixed-top{border-radius:0}
}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}

@media (min-width:768px) {
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
}
.navbar-static-top{z-index:1000;border-width:0 0 1px}

@media (min-width:768px) {
.navbar-static-top{border-radius:0}
}
.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

@media (min-width:768px) {
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}

@media (min-width:768px) {
.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}

@media (max-width:767px) {
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
}

@media (min-width:768px) {
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control-static{display:inline-block}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}
.navbar-form .control-label{margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback{top:0}
}

@media (max-width:767px) {
.navbar-form .form-group{margin-bottom:5px}
.navbar-form .form-group:last-child{margin-bottom:0}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}

@media (min-width:768px) {
.navbar-text{float:left;margin-right:15px;margin-left:15px}
.navbar-right{float:right!important;margin-right:-15px}
.navbar-right~.navbar-right{margin-right:0}
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}

@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover{color:#333}
.navbar-default .btn-link{color:#777}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#9d9d9d}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}

@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#9d9d9d}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#5cb85c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}
.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}
.list-group-item>.badge{float:right}
.list-group-item>.badge+.badge{margin-right:5px}
.nav-pills>li>a>.badge{margin-left:3px}
.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}
.jumbotron .h1,.jumbotron h1{color:inherit}
.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}
.jumbotron>hr{border-top-color:#d5d5d5}
.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}
.jumbotron .container{max-width:100%}

@media screen and (min-width:768px) {
.jumbotron{padding-top:48px;padding-bottom:48px}
.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}
.jumbotron .h1,.jumbotron h1{font-size:63px}
}
.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}
.thumbnail .caption{padding:9px;color:#333}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.media{margin-top:15px}
.media:first-child{margin-top:0}
.media,.media-body{overflow:hidden;zoom:1}
.media-body{width:10000px}
.media>.pull-right{padding-left:10px}
.media>.pull-left{padding-right:10px}
.media-body{display:table-cell;vertical-align:top}
.media-heading{margin-top:0;margin-bottom:5px}
.list-group{padding-left:0;margin-bottom:20px}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}
a.list-group-item,button.list-group-item{color:#555}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}
button.list-group-item{width:100%;text-align:left}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}
.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
.list-group+.panel-footer{border-top-width:0}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
.panel>.table-responsive{margin-bottom:0;border:0}
.panel-group{margin-bottom:20px}
.panel-group .panel{margin-bottom:0;border-radius:4px}
.panel-group .panel+.panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
.panel-default{border-color:#ddd}
.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.panel-primary{border-color:#337ab7}
.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}
.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}
.panel-success{border-color:#d6e9c6}
.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}
.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
.panel-warning{border-color:#faebcc}
.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}
.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
.panel-danger{border-color:#ebccd1}
.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}
.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}
.well-sm{padding:9px;border-radius:3px}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.modal-open{overflow:hidden}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header .close{margin-top:-2px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.left{margin-left:-10px}
.popover>.arrow{border-width:11px}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow:after{content:"";border-width:10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}

@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}
.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}
.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
}
.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}
.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}
.carousel-control .icon-prev:before{content:"\2039"}
.carousel-control .icon-next:before{content:"\203a"}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}

@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
.carousel-indicators{bottom:20px}
}
.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.panel-body:after,.panel-body:before{display:table;content:" "}
.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.panel-body:after{clear:both}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.hidden{display:none!important}
.visible-lg-block,.visible-md-block{display:none!important}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-block{display:block!important}
}

@media (min-width:1200px) {
.visible-lg-block{display:block!important}
}

@media (max-width:767px) {
.hidden-xs{display:none!important}
}

@media (min-width:768px) and (max-width:991px) {
.hidden-sm{display:none!important}
}

@media (min-width:992px) and (max-width:1199px) {
.hidden-md{display:none!important}
}

@media (min-width:1200px) {
.hidden-lg{display:none!important}
}

/* ===========================================================================
   SECTION 5 — STRUCTURAL COMPAT.

   The generated section handles classes Bootstrap 3 defines that Bootstrap 5
   does not, plus the FAMILY of shared names (grid, table, navbar, container,
   nav, nav-tabs, nav-pills, pagination) whose Bootstrap 3 rules it copies
   verbatim. This section holds the remainder: classes that exist in BOTH
   versions and expect a DIFFERENT DOM SHAPE, where Bootstrap 3's rules are
   hand-picked rather than copied.

       Bootstrap 3                        Bootstrap 5
       .dropdown-menu > li > a            .dropdown-item

   🔴 THE CONSTRAINT THAT SHAPES THIS FILE: the estate is genuinely HYBRID, so
   these rules must be ADDITIVE and scoped to the Bootstrap 3 shape only. They
   must never redefine .nav-link, .dropdown-item or .page-link, because views
   already using the Bootstrap 5 shape have to keep working untouched.

   Measured usage (class occurrences in .cshtml):
       nav-tabs 1,490   vs  nav-item 364 / nav-link 384
       dropdown-menu 222 vs  dropdown-item 73
       pagination 11     vs  page-item 6 / page-link 6

   🔴 2026-09-23: the .nav / .nav-tabs / .nav-pills / .pagination blocks that
   used to live here were a HAND transcription of Bootstrap 3, and it broke
   Bootstrap 3's own cascade: this file loads after the generated section, so
   `.nav-pills>li{float:left}` here beat the generated `.nav-stacked>li
   {float:none}` and every stacked pill list turned horizontal (found by
   test/compare.html). Those families are now copied by the generator, in
   Bootstrap 3's source order. Do not hand-copy a rule that Bootstrap 3 already
   has - add its class to FAMILY in Build-CompatCss.js instead.
   =========================================================================== */

/* --- .dropdown-menu ------------------------------------------------------- */
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; }

/* BS3 opened a menu with .open on the PARENT; BS5 uses .show on the menu.
   A menu opened that way is not positioned by Popper, so it also needs
   Bootstrap 3's 2px gap back (Bootstrap 5's .dropdown-menu has margin:0 and
   gets its gap from Popper's offset instead). Found by test/compare.html.
   :not(.show) - the shim now mirrors .open onto the parent of every menu
   Bootstrap 5 opens (so code reading li.open keeps working); those menus are
   .show and Popper-positioned, and must not get a second 2px gap. */
.open > .dropdown-menu:not(.show) { display: block; margin-top: 2px; }

/* --- modal close button ---------------------------------------------------
   BS5 replaced .close (an <a>/<button> holding &times;) with .btn-close, which
   is a background-image glyph. 1,700 .close vs 23 .btn-close in the views, so
   .close is restyled rather than rewritten. The generated section carries BS3's
   own .close rule; this only fixes its placement inside a modal header, which
   BS5 lays out with flex.
   ------------------------------------------------------------------------- */
.modal-header { display: block; }
.modal-header .close { margin-top: -2px; }

/* ===========================================================================
   SECTION 7 — BOOTSTRAP 5 INTEROP.

   The generated section copies Bootstrap 3's rules across faithfully. Sometimes
   that is not enough, because Bootstrap 5 has rebuilt the CONTAINER those rules
   sat in. A Bootstrap 3 declaration can then be present, correct, and still
   produce the wrong result.

   Everything here was found by the fixture at
   .Tools/BootstrapCompat/test/fixture.html, not by reading the diff.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   .input-group — table layout became flex layout.

   Bootstrap 3 built input groups with display:table, so the addon and button
   cells carried `display:table-cell; width:1%`, which means "shrink to fit".
   Bootstrap 5 makes .input-group a flex container. A flex item blockifies
   table-cell and then honours width:1% literally — so the copied Bootstrap 3
   rule collapses the addon and the button.

   Measured in the fixture: .input-group-btn rendered 8px wide while the 45px
   button inside it overflowed. 2,308 .input-group occurrences in the views.
   --------------------------------------------------------------------------- */
/* Bootstrap 3's table never wrapped; Bootstrap 5's flex group is flex-wrap:wrap
   (so its .invalid-feedback can drop to a new line). With wrap, a child that
   is a pixel too wide pushes the addon/button onto a SECOND LINE - measured on
   Event Creation: a Select2 container (inline width = the whole field, set at
   init) plus the "+" addon, 255px + 31px in a 255px group, wrapped below.
   nowrap lets the Select2 container shrink beside the addon, as production
   shows it (Select2 222px + addon 31px). */
.input-group { flex-wrap: nowrap; }

.input-group > .input-group-addon,
.input-group > .input-group-btn {
    display: flex;
    align-items: center;
    width: auto;
    flex: 0 0 auto;
}

.input-group > .input-group-btn > .btn {
    position: relative;
    z-index: 2;
    border-radius: 0;
}

.input-group > .input-group-btn:last-child > .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-group > .input-group-btn:first-child > .btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Bootstrap 5 already flexes .form-control inside a group, but the copied
   Bootstrap 3 rule sets display:table-cell on it too. */
.input-group > .form-control {
    display: block;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

/* Any OTHER child of an input group - the wrapper <div> around a dropdown
   partial, e.g. <div class="input-group"> <addon> <div class="form-group">
   @partial </div> </div>. Bootstrap 3's display:table turned such a child into
   an anonymous table cell that took the rest of the row, so the select inside
   it filled the field. As a Bootstrap 5 flex item it shrinks to its content and
   the select renders at "--Select--" width (Activity Type > Activity Type For
   and Configuration, 2026-09-29; ~235 views put a wrapper div here). Zero
   specificity via :where() so any width a view or skin sets still wins. The
   exclusions stay content-sized: addons/buttons, controls the rules above
   already flex, and the validation-message slot. */
:where(.input-group > div:not(.input-group-addon, .input-group-btn, .input-group-text, .form-control, .form-select, .btn, .dropdown-menu, .editor-error, .invalid-feedback, .valid-feedback)) {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

/* The validation slot INSIDE an input group - <div class="input-group">
   <addon> <input> <div class="editor-error">@MCampusValidationMessage</div>.
   A single nowrap flex line puts "Required" BESIDE the textbox, squeezing it
   (LMS Day Master > Day Name, 2026-09-29). Only while the slot holds an error
   (.field-validation-error, toggled by unobtrusive validation) the group wraps
   and the message takes its own line underneath; a valid, empty slot is left
   as it was, so no form grows taller. The other children get flex-basis 0 so
   only the message wraps - a Select2 container's inline width (the whole
   field) would otherwise push the addon onto a second line too. */
.input-group:has(> .editor-error .field-validation-error) { flex-wrap: wrap; }
:where(.input-group:has(> .editor-error .field-validation-error)) > :where(:not(.input-group-addon, .input-group-btn, .input-group-text, .editor-error)) {
    flex: 1 1 0%;
    min-width: 0;
}
.input-group > .editor-error:has(.field-validation-error) {
    order: 99;
    flex: 0 0 100%;
    margin-left: 0;
}

/* ---------------------------------------------------------------------------
   select.form-control — the native dropdown arrow disappears.

   Bootstrap 5 declares appearance:none on .form-control (it draws its own arrow
   only for .form-select, a class the estate's views do not use). Bootstrap 3
   never touched appearance, so the house pattern <select class="form-control">
   kept the browser's native arrow. Under Bootstrap 5 every such select renders
   as a plain box with no chevron - measured on the Fees Receipt counter screen
   side by side with production (Section, Class, Division, Student's Name, GR
   Number Group, Trust Company: arrows on production, none locally).

   With the native appearance back, Chrome again forces line-height:normal on
   the select, which is what production computes. Applied to every
   .form-control, as Bootstrap 3 had it: test/compare.html?chain=0 (the shells
   that do not load AdminLTE) showed text inputs differ too, and Firefox hides
   number spinners under appearance:none.
   --------------------------------------------------------------------------- */
/* Only the elements whose browser default IS auto: a file input and a
   span/div.form-control default to none. :where() keeps this at (0,1,0) so
   AdminLTECustomized's `.form-control:not(select){appearance:none}` (0,2,0),
   which production also has, still wins in the main shell. */
:where(select, textarea, input:not([type="file"])).form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

/* Bootstrap 3 never set a font-weight on .form-control, so a control inside a
   bold context (<label>, <th>, a box title) was bold - the uploader's file
   input sits inside label.fileinput-button. Bootstrap 5 forces 400. And
   Bootstrap 5 gives file inputs a pointer cursor Bootstrap 3 did not.
   Found by test/compare.html. */
.form-control { font-weight: inherit; }
.form-control[type="file"]:not(:disabled):not([readonly]) { cursor: default; }

/* File inputs with .form-control (the blueimp uploader's label.fileinput-button
   > input.form-control[type=file]). Bootstrap 5 styles the browser's own
   button to sit flush inside its field:
       .form-control::file-selector-button { margin:-.375rem -.75rem;
           margin-inline-end:.75rem; pointer-events:none; ... }
   Bootstrap 3 left it at the browser default (margin 0 4px 0 0). The negative
   margins shrink the input's intrinsic width, and the uploader's label is an
   inline-block that sizes to it: measured on Event Creation, production 260px
   showing "Choose Files  No file chosen", local 121px with the text clipped.
   Colour, border and radius come from the skin and are left alone. */
.form-control::file-selector-button { margin: 0 4px 0 0; pointer-events: auto; }

/* Two more Bootstrap 3 looks that only the shells WITHOUT AdminLTE show (old
   Portal / login on _corlateLayout, the DAIS / NMAJS / Little Nest layouts):
   AdminLTE overrides both in the main shell, and still does, because this
   sheet loads before it. Bootstrap 5 has no shadow on either (shadows are off
   in its build). Values copied from bootstrap.3.4.1.min.css. */
.form-control { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.dropdown-menu { box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

/* ---------------------------------------------------------------------------
   READONLY / DISABLED fields — Bootstrap 5 greys only :disabled, and with its
   own #e9ecef. Bootstrap 3 greyed READONLY too:
       .form-control[disabled], .form-control[readonly],
       fieldset[disabled] .form-control { background-color:#eee; opacity:1 }
   so under Bootstrap 5 every readonly field - the computed totals and pickers
   on the counter screens - looked editable. Measured on the Canteen counter:
   the readonly date picker, production #eee, local #fff. The rule is not
   copied by the generator because .form-control exists in both versions.
   Copied verbatim from bootstrap.3.4.1.min.css.
   --------------------------------------------------------------------------- */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

/* .dropdown-menu text — Bootstrap 5 paints it --bs-dropdown-color (the body
   colour); Bootstrap 3 set no colour, so a menu inherited from where it sat
   (#444 in an AdminLTE box-tools on the Canteen counter; production 68,68,68,
   local 51,51,51). currentcolor in the variable = inherit. */
.dropdown-menu { --bs-dropdown-color: currentcolor; }

/* ---------------------------------------------------------------------------
   <a> WITHOUT href AND WITHOUT class — Bootstrap 5 Reboot has
       a:not([href]):not([class]) { color:inherit; text-decoration:none }
   at (0,2,1), which beats every theme's plain `a {color}` (0,0,1). So each
   <a onclick="..."> written without an href or a class renders as plain text.
   1,566 such anchors in 654 views (counted 2026-09-23); found on the Fees
   dashboard ("View Today's Collection": production #3c8dbc, local #444).

   The theme rule can never win back on its own, so this rule has to supply the
   value. Default: Bootstrap 3's link colour (via --bs-link-color, pinned in
   10-tokens.css). Inside the AdminLTE shell (body carries a skin-* class) the
   value production shows comes from AdminLTECustomized.min.css:
       a { color:#3c8dbc }   a:hover, a:active, a:focus { color:#72afd2; text-decoration:none }
   No skin file overrides a bare `a` (checked), so one pair of values covers
   every skin. 🔴 If AdminLTECustomized's link colour ever changes, change it
   here too - test/compare.html (chain=1) will show the drift.
   --------------------------------------------------------------------------- */
body[class*="skin-"] {
    --mc-anchor-color: #3c8dbc;
    --mc-anchor-hover-color: #72afd2;
    --mc-anchor-hover-decoration: none;
}
a:not([href]):not([class]) {
    color: var(--mc-anchor-color, var(--bs-link-color));
    text-decoration: none;
}
a:not([href]):not([class]):hover,
a:not([href]):not([class]):focus,
a:not([href]):not([class]):active {
    color: var(--mc-anchor-hover-color, var(--bs-link-hover-color));
    text-decoration: var(--mc-anchor-hover-decoration, underline);
}

/* ---------------------------------------------------------------------------
   .btn — Bootstrap 3 never wrapped a button label (white-space:nowrap);
   Bootstrap 5.3 dropped that, so a long label in a narrow column breaks onto
   two lines and the button doubles in height - the counter screens' button
   strips (Payment / Payment V3 / Collection Details / Print Last Receipt ...)
   are exactly that shape. Found by test/compare.html, 2026-09-23.
   --------------------------------------------------------------------------- */
.btn { white-space: nowrap; }
/* A .btn WITHOUT a Bootstrap colour variant (btn-box-tool 3,767 uses, btn-new, btn-reset, btn-social-icon).
   Bootstrap 5's .btn paints background-color and color from --bs-btn-bg (transparent) and --bs-btn-color
   (the body colour) on every .btn. Bootstrap 3's bare .btn set neither: a <button> kept the native grey
   face and an <a> kept the link colour. The defaults below sit at .btn's own specificity via :where(),
   and section 8 re-sets the variables for every real variant later in this file, so btn-primary /
   btn-danger / ... are untouched. Mined combinations, 2026-09-24; verified live by the triage agent. */
:where(button, input[type="button"], input[type="submit"], input[type="reset"]).btn { --bs-btn-bg: buttonface; }
:where(a).btn { --bs-btn-color: var(--bs-link-color); }
/* .btn + .form-control ("btn btn-primary form-control": 3,088 uses; search, Excel, login reset).
   Bootstrap 3's source puts .form-control BEFORE the buttons, so the button's colour and border won. Here
   .form-control's literal colour and border (10-tokens) beat Bootstrap 5's variable-driven .btn. Read
   the same variables at two-class specificity. A variant-less "btn form-control" had .form-control's #555
   on Bootstrap 3, so that becomes its default. */
:where(.form-control).btn { --bs-btn-color: #555; }
/* ONE class of specificity, deliberately. It beats .form-control in 10-tokens by coming later, while the
   theme's own variant rules loaded after this file (AdminLTE's .btn-danger border #d73925) still win,
   as they did on production. As a two-class rule it outranked AdminLTE (caught by the mined combos). */
:where(.btn).form-control { color: var(--bs-btn-color); border-color: var(--bs-btn-border-color); }
/* Disabled buttons: Bootstrap 3's own rule. Bootstrap 5 dropped the not-allowed cursor and the shadow
   reset, and it sets pointer-events:none on EVERY disabled .btn. Bootstrap 3 did that only for <a>, so a
   <button class="btn disabled"> still received clicks (for example to show "select a row first"). */
.btn.disabled, .btn:disabled, fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; pointer-events: auto; }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

/* ---------------------------------------------------------------------------
   .dropdown-toggle — two carets.

   Bootstrap 3 required an explicit <span class="caret"></span> inside the
   toggle. Bootstrap 5 draws its own caret with .dropdown-toggle::after. Legacy
   markup has both, so the user sees a double chevron.

   Neither caret can be removed unconditionally: views on Bootstrap 5 markup have
   no .caret span and need the ::after, while legacy views need their .caret to
   stay where Bootstrap 3 put it. mcampus-bs-shim.js therefore tags only those
   toggles that actually contain a .caret, and the ::after is suppressed on
   exactly those. (A :has() selector would do this in CSS alone, but tagging in
   JS keeps the sheet working on older engines too.)
   --------------------------------------------------------------------------- */
.dropdown-toggle.mc-bs3-caret::after { display: none; }

/* ...and a toggle WITHOUT a .caret span. Bootstrap 3 drew no caret at all
   unless the markup asked for one; Bootstrap 5 draws one on EVERY
   .dropdown-toggle. So every Bootstrap 3 icon-only action button ("..." menus in
   grids and cards) grew a new triangle and got wider - measured in the fixture,
   a plain toggle 34px -> 46px. In this shell production shows no automatic
   caret anywhere, so none is drawn; markup that wants one already carries
   <span class="caret">. (The in-house CSS only ever HIDES this caret, e.g.
   MCampusCardLayout.css .hrc-action-btn - nothing relies on it.) */
.dropdown-toggle::after,
.dropup .dropdown-toggle::after,
.dropend .dropdown-toggle::after { display: none; }
.dropstart .dropdown-toggle::before { display: none; }

/* BOOTSTRAP 3 CAROUSELS. mcampus-bs-shim.js adds .carousel-item to every
   .carousel-inner > .item so Bootstrap 5's Carousel can drive it. But the copied
   Bootstrap 3 rule `.carousel-inner > .item { display:none; transition: left }`
   is as specific as Bootstrap 5's `.carousel-item.active { display:block }` and
   loads later, and Bootstrap 3's own `.carousel-inner > .active` rule is not
   copied (both classes exist in Bootstrap 5) - measured in the fixture: NO slide
   visible. Show Bootstrap 5's active / incoming slides, and animate the transform
   Bootstrap 5 uses (Bootstrap 3 animated `left`). */
.carousel-inner > .item.carousel-item.active,
.carousel-inner > .item.carousel-item-next,
.carousel-inner > .item.carousel-item-prev { display: block; }
.carousel-inner > .item.carousel-item { transition: transform .6s ease-in-out; }

/* RIGHT-ALIGNED MENUS. Bootstrap 5 positions menus with Popper and decides
   start/end alignment from ONE thing: the menu's --bs-position custom property,
   which only its own .dropdown-menu-end sets. Popper's inline inset/transform
   then override the copied Bootstrap 3 `.dropdown-menu-right{right:0;left:auto}`,
   so every Bootstrap 3 right-aligned action menu (grid rows, card headers,
   dashboards - 18 uses) opened LEFT-aligned and could run off the card. The
   variable inherits, so setting it on the Bootstrap 3 containers covers the
   menu inside. (Menus inside a .navbar are static, not Popper, and unaffected.) */
.dropdown-menu-right, .dropdown-menu.pull-right, .pull-right > .dropdown-menu, .navbar-right .dropdown-menu { --bs-position: end; }

/* Bootstrap 5 also makes every .dropdown-toggle nowrap. Bootstrap 3 only
   nowrapped buttons (.btn, above), so a toggle LINK - navbar menus - could wrap. */
.dropdown-toggle:not(.btn) { white-space: normal; }

/* ---------------------------------------------------------------------------
   .modal-header — Bootstrap 5 makes it a flex container, which re-orders the
   Bootstrap 3 markup (the close button comes FIRST and would land on the left).

   display:flow-root (overriding the display:block in 50-structural.css) contains
   the floated close button WITHOUT a clearfix pseudo-element. That matters:
   CLAUDE.md rule 17 - "display:flex on a Bootstrap 3 clearfixed container turns
   its ::before/::after into real flex items and pushes content to the centre".
   An earlier version of this sheet added `.modal-header::after{content:""}`,
   which is exactly such a pseudo-element; if any later stylesheet re-applied
   flex, it would centre the button. Both pseudo-elements are now suppressed.

   `order:2; margin-left:auto` are inert while the header is flow-root (a float
   ignores them) and put the close button at the right edge if anything ever
   does make the header flex. Owner report 2026-09-23: close button centred.
   --------------------------------------------------------------------------- */
.modal-header { display: flow-root; }
.modal-header::before,
.modal-header::after { content: none; display: none; }
.modal-header .close { float: right; order: 2; margin-left: auto; }

/* ---------------------------------------------------------------------------
   .modal-dialog SIZING — Bootstrap 5 added a cap Bootstrap 3 never had.

       Bootstrap 3   .modal-dialog { width:600px }            (>=768px, no max-width)
       Bootstrap 5   .modal-dialog { max-width:var(--bs-modal-width) }   = 500px

   max-width constrains width no matter where the width came from, so the house
   pattern  <div class="modal-dialog" style="width:60%;">  - 785 views - is
   silently clamped to 500px. The inline style is NOT losing on specificity; it
   is applied and then capped. Owner-reported 2026-09-23.

   Restored to Bootstrap 3's model: no cap, explicit widths at Bootstrap 3's
   breakpoints, 10px margin on phones and 30px from 768px (the mobile webview
   depends on the 10px). .modal-xl (Bootstrap 5 only, 4 uses) sizes through the
   same variable, so it is given explicit widths too, never narrower than .modal-lg.

   pointer-events: auto — Bootstrap 5 sets pointer-events:none on .modal-dialog
   and only restores it via pointer-events:auto on .modal-content. Bootstrap 3 had
   no such rule. ~785 views use <div class="modal-dialog"><div id="CRUDData"> (no
   .modal-content wrapper) — without this restore every form control inside the
   dialog inherits pointer-events:none, leaving the popup visible but completely
   non-interactive. Owner-reported 2026-09-28.
   --------------------------------------------------------------------------- */
.modal {
    --bs-modal-padding: 15px;
    --bs-modal-header-padding: 15px;
    --bs-modal-border-radius: 6px;
    --bs-modal-margin: 10px;
}
.modal-dialog { max-width: none; pointer-events: auto; }

/* .modal-footer - Bootstrap 3's rules are copied (FAMILY: padding 15px,
   text-align:right, .btn+.btn{margin-left:5px}, clearfix). Bootstrap 5 also
   makes it a flex row and gives EVERY child margin:calc(gap * .5) = 4px;
   measured on $.mcampusalertbox, footer 65px -> 73px and the OK button 4px
   off its baseline. display back to block; the gap variable to 0 so Bootstrap
   5's own child-margin and padding rules compute Bootstrap 3's values. */
.modal { --bs-modal-footer-gap: 0px; }
.modal-footer { display: block; }
@media (max-width: 767px) {
    .modal-dialog { margin: 10px; }
}
@media (min-width: 768px) {
    .modal { --bs-modal-margin: 30px; }
    .modal-dialog { width: 600px; }
    .modal-sm { width: 300px; }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl { width: 900px; }
}
@media (min-width: 1200px) {
    .modal-xl { width: 1140px; }
}

/* ---------------------------------------------------------------------------
   NAVBAR — found by the production-vs-local side-by-side, 2026-09-23.

   Bootstrap 3's navbar rules are copied by the generator (FAMILY in
   Build-CompatCss.js). What is left here is everything Bootstrap 5 declares and
   Bootstrap 3 never did, so no copied rule can override it:

     .navbar            display:flex + padding .5rem. On the AdminLTE header that
                        made every page's header 66px instead of 50px (measured:
                        production 50px, local 66px).
     .navbar-nav        display:flex; flex-direction:column.
     .navbar > .container(-fluid)   display:flex - which turns their Bootstrap 3
                        clearfix ::before/::after into flex items (CLAUDE.md rule
                        17) and breaks the floated .navbar-header.
     .navbar-nav .dropdown-menu     position:static at EVERY width. Bootstrap 3
                        made it static only for an OPEN menu on a phone (that rule
                        is copied and, at (0,3,0), still wins there).
     .navbar-brand      margin-right 1rem; .navbar-text padding .5rem.
   --------------------------------------------------------------------------- */
.navbar { display: block; padding: 0; }
.navbar-nav { display: block; }
.navbar > .container,
.navbar > .container-fluid { display: block; }
.navbar-nav .dropdown-menu { position: absolute; }
.navbar-brand { margin-right: 0; white-space: normal; }
.navbar-text { padding-top: 0; padding-bottom: 0; }

/* ---------------------------------------------------------------------------
   .nav — Bootstrap 5 makes every .nav display:flex. Bootstrap 3's .nav is a
   block with a clearfix; .nav-tabs and .nav-pills items float left (so they are
   horizontal either way), but a plain ul.nav and .nav-stacked are VERTICAL lists
   and .nav-justified lays its items out as table cells. Bootstrap 3's .nav rules
   are copied (FAMILY); display is the one property it never declared.

   The skins' tab-strip carousel sets `.nav-tabs-custom > .nav-tabs {display:flex
   !important}` - it did so over Bootstrap 3 in production too - and still wins.
   --------------------------------------------------------------------------- */
.nav { display: block; }

/* ---------------------------------------------------------------------------
   .pagination — Bootstrap 3 is an inline-block (so text-align:center on the
   parent centres it) holding inline <li>s whose <a>s float. Bootstrap 5 is a
   full-width flex row: measured in test/compare.html, 127px became 1261px, so a
   centred pager jumps to the left edge.

   inline-flex, not Bootstrap 3's inline-block, because the Bootstrap 5 shape is
   in the views too (li.page-item > a.page-link{display:block}); under an
   inline-block ul those block links would stack VERTICALLY. inline-flex
   shrink-wraps and centres like inline-block and lays out both shapes in a row.
   --------------------------------------------------------------------------- */
.pagination { display: inline-flex; }
/* breadcrumb / carousel-indicators / list-group are in FAMILY (Bootstrap 3 rules copied verbatim).
   These switch off only what Bootstrap 5 declares and Bootstrap 3 never did: flex on the
   containers, and Bootstrap 5's sibling border-collapse on list items. Bootstrap 3's negative
   margin comes back with the copy. Mined combinations, 2026-09-24. */
.breadcrumb { display: block; }
.carousel-indicators { display: block; margin-right: 0; margin-bottom: 10px; }   /* BS5: 15% / 1rem; BS3's came from ol { margin-bottom: 10px } */
.list-group { display: block; border-radius: 0; }
.list-group-item + .list-group-item { border-top-width: 1px; }
/* <table class="card ..."> (the printed ID card) used to be neutralised here, tables only. Superseded
   2026-09-24 by the rule for EVERY .card in section 0 (src/05-collisions.css, grep "THE APP'S ID CARD"):
   neutral unless built like a Bootstrap 5 card, which also restores the frame="box" border this rule lost. */

/* ---------------------------------------------------------------------------
   ROW CHILDREN THAT ARE NOT COLUMNS — Bootstrap 5 pads EVERY direct child of a
   .row:
       .row > * { padding-right/left: calc(var(--bs-gutter-x) * .5) }   = 6px
   because Bootstrap 5 columns carry no padding of their own. Bootstrap 3 padded
   only .col-* classes, so a non-column child - the very common
   <div class="row"><div class="form-group">, or a wrapper div - sat flush
   against the row's -10px margins. Found by the production side-by-side on the
   SIS dashboard (div.clientLazyLoading: production 0px, local 6px), which moves
   the content of every such block 6px inward.

   🔴 The fix zeroes the VARIABLE that rule reads, never `padding` itself. A
   padding declaration here would also wipe every legitimate padding on a row
   child - .well 19px, .alert 15px, .card-body - whenever its rule is less
   specific or earlier than this one. With the variable at 0, .row > * computes
   0 and every other padding rule on the element applies exactly as before.

   Excluded by name, so both vocabularies keep their gutter: Bootstrap 3 columns
   get 6px from their own copied rules, Bootstrap 5 columns (.col, .col-2,
   .col-auto ...) from .row > *; a nested .row sets its own --bs-gutter-x for its
   columns. Descendants inherit the 0, which is harmless: every Bootstrap 5 rule
   that reads --bs-gutter-x (.row, .container, .g-*) sets it on its own element.
   The width:100% Bootstrap 5 also puts on .row > * is deliberately KEPT: inside
   a flex row it is what keeps a non-column block child full-width, as it was
   in Bootstrap 3's block row.
   --------------------------------------------------------------------------- */
.row > :not([class*="col-"]):not(.col):not(.row) { --bs-gutter-x: 0px; }

/* ROWS WITH INLINE CONTENT (mined combinations, 2026-09-24; 270+ confirmed places). Bootstrap 3's .row
   was a block with a clearfix and touched no child. Bootstrap 5 makes it flex, blockifies every child and
   sets .row > * { width:100% }, so "<div class=row>Text <b>bold</b> <a>link</a></div>" became four
   stacked full-width lines instead of one line. The same happened to a <label>, <input>, <span> or
   <a class=btn> placed directly in a row.
   (a) A row with NO column child at all gets Bootstrap 3's block flow and clearfix back, which is exact:
       inline flow, and collapsing child margins. :has() needs Chrome 105+; an older browser ignores the
       rule and keeps today's rendering. :where() keeps .row's own specificity, so a page rule that
       restyles a row still wins, as it did on production.
   (b) In a row that mixes columns with inline content (still flex), inline-level tags get their own
       width back instead of 100%. Tags that are full-width by class (.form-control, .btn-block) are
       left alone. One class of specificity, so class and page rules that set a width still win. */
.row:where(:not(:has(> [class*="col-"], > .col, > .row))) { display: block; }
.row:where(:not(:has(> [class*="col-"], > .col, > .row)))::before,
.row:where(:not(:has(> [class*="col-"], > .col, > .row)))::after { display: table; content: " "; }
.row:where(:not(:has(> [class*="col-"], > .col, > .row)))::after { clear: both; }
.row > :where(span, a, b, strong, em, i, u, small, code, abbr, sub, sup, label, input, select, textarea, button, img, br):where(:not(.form-control, .btn-block, [class*="col-"])) { width: auto; flex-shrink: 1; }
/* The non-column gutter rule above leaves .row > * padding at 0, which also wiped the browser's own
   padding on a class-less <input>/<select>/<textarea>/<button> placed directly in a row (144px -> 140px).
   Class-styled controls keep their own padding rules. */
.row > :where(input, select, textarea, button):where(:not([class])) { padding-left: revert; padding-right: revert; }
/* Column HEIGHTS. Bootstrap 3 columns were floats, so each kept its natural height. A Bootstrap 5 flex
   row defaults to align-items:stretch and pulls every column to the tallest one's height, so a bordered
   or coloured column (dashboard tiles, boxes) grew. Found by test/fixture.html #fxRowMixed: 20px -> 34px.
   Top-aligned natural heights, as floats gave. The .align-items-* utilities are !important and still win. */
.row { align-items: flex-start; }

/* ---------------------------------------------------------------------------
   Bare .col / .col-auto / .col-1 ... .col-12 - a no-op in Bootstrap 3, a live
   column in Bootstrap 5.

   Bootstrap 3 only has tiered classes (col-xs-*, col-sm-*, ...). A view that
   wrote class="col-2" got NO rule in production, so the element stayed a
   plain full-width block. Bootstrap 5 defines .col-2 as a 16.67% flex column.
   Measured: Lesson Plan report print, "Topic Plan Details" is wrapped in
   <div class="col-2"> (LessonPlanReport_Print.cshtml), so the whole section -
   Question Bank box included - rendered ~250px wide in a ~1530px row
   (2026-09-29). 330 occurrences in 58 views; most are Portal views, which run
   native Bootstrap 5 without this sheet and are therefore untouched.
   An element that ALSO carries a Bootstrap 3 tier class is left alone (the
   copied BS3 grid decides it). Single-class specificity via :where(), so the
   theme and page CSS that load after this sheet still win.
   --------------------------------------------------------------------------- */
.col:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-auto:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-1:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-2:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-3:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-4:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-5:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-6:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-7:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-8:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-9:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-10:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-11:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
.col-12:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])) {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    --bs-gutter-x: 0px;
}
:where(.row) > .col:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-auto:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-1:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-2:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-3:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-4:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-5:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-6:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-7:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-8:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-9:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-10:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-11:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])),
:where(.row) > .col-12:where(:not([class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"])) {
    width: 100%;
    max-width: 100%;
}

/* ---------------------------------------------------------------------------
   CONTAINERS — Bootstrap 3's padding, widths and clearfix are copied (FAMILY).
   Bootstrap 5 additionally caps .container with max-width steps (540/720/960/
   1140/1320), which would clamp Bootstrap 3's 1170px to 1140px.
   --------------------------------------------------------------------------- */
.container { max-width: none; }

/* ---------------------------------------------------------------------------
   TABLES — same class names, a completely different model.

       Bootstrap 3   cells carry the borders; the ROW carries the stripe/hover
                     colour; text inherits (#333); cells are transparent.
       Bootstrap 5   ROWS carry borders in .table-bordered; every CELL is
                     painted --bs-table-bg (white) and striped/hovered with an
                     inset box-shadow; text is --bs-emphasis-color (#000).

   Measured on the live SIS dashboard: extra 1px row borders, cell text #000
   instead of #333, cells painted white, and an rgba(0,0,0,.05) inset overlay on
   top of the page's own row colour.

   Bootstrap 3's table rules are copied by the generator (FAMILY), including its
   row-level striping and hover. This block switches Bootstrap 5's competing
   mechanics off THROUGH ITS OWN VARIABLES where it can:
     - cell text: currentcolor, i.e. inherit (BS5 reads color from these vars)
     - cell background: transparent, so the ROW colour shows through
     - the inset box-shadow stripe/hover/active overlay: removed
     - row borders in .table-bordered: removed
   Bootstrap 3's cell-border rules are (0,1,3) and outrank the (0,1,1) resets
   below, so bordered cells keep all four sides and thead keeps its 2px rule.

   Bootstrap 5's contextual classes (.table-primary ...) set --bs-table-bg on
   their OWN element, which is closer to the cell than .table, so they still
   paint. Whether Bootstrap-5-only classes should be live at all is an open owner
   decision - see Docs/KNOWLEDGE.md section 5AX.
   --------------------------------------------------------------------------- */
.table {
    --bs-table-color: currentcolor;
    --bs-table-bg: transparent;
    --bs-table-striped-color: currentcolor;
    --bs-table-hover-color: currentcolor;
    --bs-table-active-color: currentcolor;
    --bs-table-border-color: #ddd;
}
.table > :not(caption) > * > * { border-bottom-width: 0; box-shadow: none; }
.table-bordered > :not(caption) > * { border-width: 0; }
/* ...except on a border="N" table (class="table" border="1" is common). There the attribute draws
   every cell side (20-reboot.css), and the line above would wipe its bottom line. Bootstrap 3's .table
   rules only ever set border-top. This puts back just that bottom width, at the line above's own
   specificity, so .table-bordered and any page rule that restyled these cells on production still win,
   as they won over the attribute. Found by test/fixture.html #fxAttrTable, 2026-09-24. */
.table:where([border]:not([border="0"]):not([rules])) > :not(caption) > * > * { border-bottom-width: 1px; }
/* Bootstrap 5's .table also colours the TABLE's border (#ddd via the variable above), and a border="N"
   grid inherits that colour. Bootstrap 3's .table never coloured the table, so the grid stayed in the
   text colour. The admin shell hides this behind newStyleAdminLTE.css's black fix, but that fix matches
   border="1" only, and the corlate / DAIS / NMAJS / Little Nest shells do not load it at all. */
.table:where([border]:not([border="0"]):not(.table-bordered)) { border-color: currentcolor; }
/* Bootstrap 5 also sets vertical-align on the table (top) and its sections
   (thead bottom, tbody inherit). Bootstrap 3 left the browser defaults
   (baseline / middle) and aligned the CELLS itself - those copied cell rules
   still win, so this only matters to a cell that inherits; restored so the
   comparison harness stays quiet about it. */
.table { vertical-align: baseline; }
.table > thead, .table > tbody, .table > tfoot { vertical-align: middle; }

/* ---------------------------------------------------------------------------
   TOOLTIPS AND POPOVERS - hover-only, so no static sweep ever shows them.
   Measured side by side (fixture MC_TIPS, 2026-09-23): Bootstrap 5's are larger
   than the Bootstrap 3 ones every grid icon in the admin shell has shown for
   years - tooltip text 14px vs 12px, padding 4/8 vs 3/8, a 6px arrow vs 5px;
   popover header #e9ecef vs #f7f7f7 with 16px padding vs 8/14, body padding 16
   vs 9/14, no drop shadow, an 8px arrow vs 11px. Pinned through Bootstrap 5's
   own variables. The Bootstrap 3 rules the generator copies (.tooltip.top,
   .popover > .arrow ...) never match here: Bootstrap 5 marks the side with
   data-popper-placement, not a class, and draws the arrow on ::before/::after.
   --------------------------------------------------------------------------- */
.tooltip {
    --bs-tooltip-font-size: 12px;
    --bs-tooltip-padding-x: 8px;
    --bs-tooltip-padding-y: 3px;
    --bs-tooltip-arrow-width: 10px;
    --bs-tooltip-arrow-height: 5px;
}
.popover {
    --bs-popover-border-color: rgba(0, 0, 0, .2);
    --bs-popover-header-padding-x: 14px;
    --bs-popover-header-padding-y: 8px;
    --bs-popover-header-font-size: 14px;
    --bs-popover-header-bg: #f7f7f7;
    --bs-popover-body-padding-x: 14px;
    --bs-popover-body-padding-y: 9px;
    --bs-popover-arrow-width: 22px;
    --bs-popover-arrow-height: 11px;
    --bs-popover-arrow-border: rgba(0, 0, 0, .25);
    padding: 1px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
/* The header is an <h3>, which the Bootstrap 3 heading rules give a 20px top
   margin (Bootstrap 3's .popover-title reset it to 0). */
.popover .popover-header { margin: 0; border-bottom-color: #ebebeb; }
/* Bubble distance from the trigger. Popper writes an inline margin:0, so it is
   passed to Popper's offset instead: mcampus-bs-shim.js section 5e reads these.
   Only this (admin-shell) sheet sets them; elsewhere Bootstrap 5's 6/8 stand. */
:root { --mc-tooltip-offset: 8; --mc-popover-offset: 10; }

/* ---------------------------------------------------------------------------
   .modal-content IS A BLOCK, AS IN BOOTSTRAP 3. Bootstrap 5 made it a flex
   column, and a flex container ignores float on its children - so a modal whose
   header floats right beside the title (SIS "Student's List Whose Data Is Not
   Updated": two .modal-header blocks, the button one style="float:right") broke
   into two stacked rows, found against production 2026-09-23. compare.html had
   reported the flex model as harmless because the fixture's modals float
   nothing. Flex stays where Bootstrap 5 features need it to size a scrolling
   .modal-body: .modal-dialog-scrollable (13 views) and .modal-fullscreen*.
   --------------------------------------------------------------------------- */
.modal-content { display: block; }
.modal-dialog-scrollable .modal-content,
.modal-fullscreen .modal-content { display: flex; }
@media (max-width: 575.98px)  { .modal-fullscreen-sm-down .modal-content  { display: flex; } }
@media (max-width: 767.98px)  { .modal-fullscreen-md-down .modal-content  { display: flex; } }
@media (max-width: 991.98px)  { .modal-fullscreen-lg-down .modal-content  { display: flex; } }
@media (max-width: 1199.98px) { .modal-fullscreen-xl-down .modal-content  { display: flex; } }
@media (max-width: 1399.98px) { .modal-fullscreen-xxl-down .modal-content { display: flex; } }

/* The width rules above would otherwise beat Bootstrap 5's own fullscreen
   dialog: same specificity, and this sheet loads later. Must stay LAST. */
.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; }
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
}

/* ===========================================================================
   SECTION 6 — CONTEXTUAL COLOUR CLASSES, and the nine "!important" fork deltas.

   These classes exist in BOTH Bootstrap 3 and Bootstrap 5, so a class-gap
   analysis skips them entirely — but their MEANING changed, and this is the
   single most visible colour regression in the whole migration:

       .bg-success   BS3 #dff0d8 (pale tint)   BS5 solid brand green
       .bg-info      BS3 #d9edf7 (pale tint)   BS5 solid brand cyan
       .bg-warning   BS3 #fcf8e3 (pale tint)   BS5 solid brand amber
       .bg-danger    BS3 #f2dede (pale tint)   BS5 solid brand red
       .text-success BS3 #3c763d (dark)        BS5 #5cb85c (bright brand)
       .text-info    BS3 #31708f (dark)        BS5 #5bc0de (bright brand)

   Bootstrap 3 used these as SUBTLE STATUS TINTS on table rows and panels;
   Bootstrap 5 uses them as SATURATED FILLS. Around 4,500 occurrences across the
   views, so leaving them alone would repaint status highlighting product-wide.

   Nine of these rules are also where the in-place vendor fork added
   "!important" (.text-primary/-success/-info/-warning/-danger,
   .bg-success/-info/-warning/-danger, plus .badge's border-radius). Those
   markers are reproduced verbatim: something in the estate's own CSS is being
   out-specified by them today, and dropping them would let that rule win again.
   =========================================================================== */

/* Bootstrap 5's .text-muted is `color:var(--bs-secondary-color) !important`
   (rgba(33,37,41,.75)), so Bootstrap 3's plain #777 rule lost. Nothing in the
   AdminLTE/skin/in-house chain restyles .text-muted (checked 2026-09-23), so
   matching Bootstrap 5's !important changes no override that worked before.
   Found by test/compare.html. */
.text-muted { color: #777 !important; }

.text-primary { color: #337ab7 !important; }
a.text-primary:focus, a.text-primary:hover { color: #286090; }

.text-success { color: #3c763d !important; }
a.text-success:focus, a.text-success:hover { color: #2b542c; }

.text-info { color: #31708f !important; }
a.text-info:focus, a.text-info:hover { color: #245269; }

.text-warning { color: #8a6d3b !important; }
a.text-warning:focus, a.text-warning:hover { color: #66512c; }

.text-danger { color: #a94442 !important; }
a.text-danger:focus, a.text-danger:hover { color: #843534; }

.bg-primary { color: #fff; background-color: #337ab7; }
a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; }

.bg-success { background-color: #dff0d8 !important; }
a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; }

.bg-info { background-color: #d9edf7 !important; }
a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; }

.bg-warning { background-color: #fcf8e3 !important; }
a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; }

.bg-danger { background-color: #f2dede !important; }
a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; }

/* .badge: BS3 is a grey pill; BS5 is a square-ish coloured chip driven by
   --bs-badge-*. The fork's "!important" on border-radius is carried over. */
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px !important;
}

/* ===========================================================================
   SECTION 8 — COMPONENT COLOURS (GENERATED).  Bootstrap 3's button, alert,
   progress, list-group, dropdown and focus colours written into Bootstrap 5's
   own component variables, read from the shipped bootstrap.3.4.1.min.css.
   Bootstrap 5.3 hardcodes these per component (.btn-primary{--bs-btn-bg:#0d6efd})
   rather than deriving them from --bs-primary, so the token pins cannot reach
   them. Do not edit - re-run the build script.
   =========================================================================== */

.btn-default{color:#333;background-color:#fff;border-color:#ccc;--bs-btn-color:#333;--bs-btn-bg:#fff;--bs-btn-border-color:#ccc;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#e6e6e6;--bs-btn-hover-border-color:#adadad;--bs-btn-focus-shadow-rgb:255,255,255;--bs-btn-active-color:#333;--bs-btn-active-bg:#e6e6e6;--bs-btn-active-border-color:#adadad;--bs-btn-disabled-color:#333;--bs-btn-disabled-bg:#fff;--bs-btn-disabled-border-color:#ccc}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4;--bs-btn-color:#fff;--bs-btn-bg:#337ab7;--bs-btn-border-color:#2e6da4;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#286090;--bs-btn-hover-border-color:#204d74;--bs-btn-focus-shadow-rgb:51,122,183;--bs-btn-active-color:#fff;--bs-btn-active-bg:#286090;--bs-btn-active-border-color:#204d74;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#337ab7;--bs-btn-disabled-border-color:#2e6da4}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;--bs-btn-color:#fff;--bs-btn-bg:#5cb85c;--bs-btn-border-color:#4cae4c;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#449d44;--bs-btn-hover-border-color:#398439;--bs-btn-focus-shadow-rgb:92,184,92;--bs-btn-active-color:#fff;--bs-btn-active-bg:#449d44;--bs-btn-active-border-color:#398439;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#5cb85c;--bs-btn-disabled-border-color:#4cae4c}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da;--bs-btn-color:#fff;--bs-btn-bg:#5bc0de;--bs-btn-border-color:#46b8da;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#31b0d5;--bs-btn-hover-border-color:#269abc;--bs-btn-focus-shadow-rgb:91,192,222;--bs-btn-active-color:#fff;--bs-btn-active-bg:#31b0d5;--bs-btn-active-border-color:#269abc;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#5bc0de;--bs-btn-disabled-border-color:#46b8da}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236;--bs-btn-color:#fff;--bs-btn-bg:#f0ad4e;--bs-btn-border-color:#eea236;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ec971f;--bs-btn-hover-border-color:#d58512;--bs-btn-focus-shadow-rgb:240,173,78;--bs-btn-active-color:#fff;--bs-btn-active-bg:#ec971f;--bs-btn-active-border-color:#d58512;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#f0ad4e;--bs-btn-disabled-border-color:#eea236}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a;--bs-btn-color:#fff;--bs-btn-bg:#d9534f;--bs-btn-border-color:#d43f3a;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c9302c;--bs-btn-hover-border-color:#ac2925;--bs-btn-focus-shadow-rgb:217,83,79;--bs-btn-active-color:#fff;--bs-btn-active-bg:#c9302c;--bs-btn-active-border-color:#ac2925;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#d9534f;--bs-btn-disabled-border-color:#d43f3a}
.alert-success{--bs-alert-color:#3c763d;--bs-alert-bg:#dff0d8;--bs-alert-border-color:#d6e9c6;--bs-alert-link-color:#2b542c}
.alert-info{--bs-alert-color:#31708f;--bs-alert-bg:#d9edf7;--bs-alert-border-color:#bce8f1;--bs-alert-link-color:#245269}
.alert-warning{--bs-alert-color:#8a6d3b;--bs-alert-bg:#fcf8e3;--bs-alert-border-color:#faebcc;--bs-alert-link-color:#66512c}
.alert-danger{--bs-alert-color:#a94442;--bs-alert-bg:#f2dede;--bs-alert-border-color:#ebccd1;--bs-alert-link-color:#843534}
.progress,.progress-stacked{--bs-progress-bar-bg:#337ab7}
.list-group{--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#337ab7;--bs-list-group-active-border-color:#337ab7}
.dropdown-menu{--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#337ab7}
.form-control:focus,.form-select:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}