/* maXim look (2026-10-25). The reference panel (maXim) is
   Bootstrap 4 + its own overrides; the user wants the CORPORATE pages "same to
   same". This is the small Bootstrap 4 subset those pages use, scoped under .mx
   so it never touches our shell. Values are maXim's computed styles at 1500 px. */
.mx { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; line-height: 1.5; color: #212529; text-align: center; }
.mx *, .mx *::before, .mx *::after { box-sizing: border-box; }
.mx b, .mx strong { font-weight: bolder; }
.mx small { font-size: 80%; font-weight: 400; }
.mx hr { margin: 1rem 0; border: 0; border-top: 1px solid rgba(0,0,0,.1); height: 0; }
.mx label { display: inline-block; margin-bottom: .5rem; }
.mx fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.mx legend { display: block; width: 100%; max-width: 100%; padding: 0; margin: 0 0 .5rem; font-size: 1.5rem;
  line-height: inherit; color: inherit; white-space: normal; }
.mx input[type=radio], .mx input[type=checkbox] { box-sizing: border-box; padding: 0; margin: 0; }

.mx .container { width: 100%; padding: 0 15px; margin: 0 auto; }
@media (min-width: 576px) { .mx .container { max-width: 540px; } }
@media (min-width: 768px) { .mx .container { max-width: 720px; } }
@media (min-width: 992px) { .mx .container { max-width: 960px; } }
@media (min-width: 1200px) { .mx .container { max-width: 1140px; } }
.mx .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.mx [class*="col-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
@media (min-width: 576px) {
  .mx .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .mx .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .mx .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .mx .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .mx .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .mx .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .mx .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
  .mx .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .mx .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .mx .col-md-3 { flex: 0 0 25%; max-width: 25%; } .mx .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .mx .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .mx .col-md-6 { flex: 0 0 50%; max-width: 50%; } .mx .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .mx .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
.mx .form-group { margin-bottom: 1rem; }
.mx .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; line-height: 1.5; }
.mx .form-control { display: block; width: 100%; height: 26px; padding: 0; margin: 0; font: inherit; font-size: 1rem;
  line-height: 1.5; color: #495057; background: #fff; border: 1px solid #ced4da; border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.mx .form-control:focus { color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
.mx select.form-control { height: calc(1.5rem + 2px); line-height: normal; }
/* maXim's select2 boxes (Parent, Area): grey edge, centred value, 28 px */
.mx select.mx-s2 { height: 28px; border-color: #aaa; color: #444; text-align: center; text-align-last: center; }
.mx .card { position: relative; display: flex; flex-direction: column; min-width: 0; background: #fff;
  border: 1px solid powderblue; border-radius: .25rem; }
.mx .card-body { flex: 1 1 auto; padding: 1.25rem; }
.mx .border { border: 1px solid #dee2e6 !important; }
.mx .border-info { border-color: #17a2b8 !important; } .mx .border-warning { border-color: #ffc107 !important; }
.mx .border-success { border-color: #28a745 !important; }
.mx .p-2 { padding: .5rem !important; }
.mx .d-flex { display: flex !important; } .mx .justify-content-center { justify-content: center !important; }
.mx .text-right { text-align: right !important; } .mx .text-left { text-align: left !important; }
.mx .text-info { color: #17a2b8 !important; } .mx .text-danger { color: #dc3545 !important; }
.mx .text-primary { color: #007bff !important; } .mx .text-success { color: #28a745 !important; }
.mx .btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none;
  border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem;
  cursor: pointer; white-space: nowrap; }
.mx .btn:disabled { opacity: .65; cursor: default; }
.mx .btn-success { color: #fff; background: #28a745; border-color: #28a745; } .mx .btn-success:hover { background: #218838; border-color: #1e7e34; }
.mx .btn-info { color: #fff; background: #17a2b8; border-color: #17a2b8; } .mx .btn-info:hover { background: #138496; }
.mx .btn-danger { color: #fff; background: #dc3545; border-color: #dc3545; }
.mx .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }
.mx button.btn-sm { border: 2px outset currentColor; }
.mx button.btn-sm.btn-danger { border-color: #dc3545; }
.mx .mx-msg { margin: 10px auto; max-width: 900px; padding: 8px 12px; border-radius: 4px; font-size: 14px; }
.mx .mx-msg.err { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.mx .mx-msg.ok { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }