/* =====================================================================
   Bootstrap 3 -> 5 compatibility shim
   Path: /assets/css/bs3-compat.css

   header_dev.asp is shared by every page, so pages not yet migrated
   still contain BS3 classes. This file keeps the common ones working.
   Remove it once all pages use BS5 markup.
   ===================================================================== */

/* Grid: col-xs-* and offsets */
.col-xs-1{flex:0 0 auto;width:8.333333%}.col-xs-2{flex:0 0 auto;width:16.666667%}
.col-xs-3{flex:0 0 auto;width:25%}.col-xs-4{flex:0 0 auto;width:33.333333%}
.col-xs-5{flex:0 0 auto;width:41.666667%}.col-xs-6{flex:0 0 auto;width:50%}
.col-xs-7{flex:0 0 auto;width:58.333333%}.col-xs-8{flex:0 0 auto;width:66.666667%}
.col-xs-9{flex:0 0 auto;width:75%}.col-xs-10{flex:0 0 auto;width:83.333333%}
.col-xs-11{flex:0 0 auto;width:91.666667%}.col-xs-12{flex:0 0 auto;width:100%}
@media (min-width:576px){
  .col-sm-offset-1{margin-left:8.333333%}.col-sm-offset-2{margin-left:16.666667%}
  .col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333333%}
}
@media (min-width:768px){
  .col-md-offset-1{margin-left:8.333333%}.col-md-offset-2{margin-left:16.666667%}
  .col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333333%}
}
@media (min-width:992px){
  .col-lg-offset-1{margin-left:8.333333%}.col-lg-offset-2{margin-left:16.666667%}
  .col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333333%}
}

/* Responsive visibility */
@media (max-width:767.98px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991.98px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199.98px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media (max-width:767.98px){.visible-xs{display:block!important}}
@media (min-width:768px) and (max-width:991.98px){.visible-sm{display:block!important}}
@media (min-width:992px) and (max-width:1199.98px){.visible-md{display:block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Helpers */
.pull-right{float:right!important}.pull-left{float:left!important}
.text-right{text-align:right!important}.text-left{text-align:left!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.img-responsive{display:block;max-width:100%;height:auto}
.img-circle{border-radius:50%}
.help-block{display:block;margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}
.form-group{margin-bottom:1rem}
.control-label{margin-bottom:.5rem;font-weight:600}
.checkbox,.radio{margin-bottom:.5rem}
.input-group-addon{display:flex;align-items:center;padding:.375rem .75rem;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color)}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}

/* Buttons */
.btn-default{--bs-btn-color:var(--bs-body-color);--bs-btn-bg:#fff;--bs-btn-border-color:var(--bs-border-color);--bs-btn-hover-bg:#f1f3f5;--bs-btn-hover-border-color:#c6ccd3;--bs-btn-active-bg:#e9ecef}
.btn-xs{--bs-btn-padding-y:.125rem;--bs-btn-padding-x:.4rem;--bs-btn-font-size:.75rem}
.btn-block{display:block;width:100%}

/* Tables */
.table-condensed>:not(caption)>*>*{padding:.3rem}

/* Panels / wells -> card look */
.panel{margin-bottom:1.25rem;background:var(--portal-surface,#fff);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius)}
.panel-heading{padding:.75rem 1rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}
.panel-title{margin:0;font-size:1rem;font-weight:600}
.panel-body{padding:1rem}
.panel-footer{padding:.75rem 1rem;border-top:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}
.panel-primary>.panel-heading{background:var(--portal-primary,#0d6efd);color:#fff}
.well{padding:1rem;margin-bottom:1.25rem;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius)}

/* Labels -> badges */
.label{display:inline-block;padding:.25em .5em;font-size:75%;font-weight:600;line-height:1;color:#fff;border-radius:.25rem;background:#6c757d}
.label-primary{background:var(--portal-primary,#0d6efd)}.label-success{background:#198754}
.label-info{background:#0aa2c0}.label-warning{background:#ffc107;color:#000}.label-danger{background:#dc3545}

/* Glyphicons are gone in BS5; most common ones mapped to Font Awesome 4.7 */
.glyphicon{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit}
.glyphicon-ok:before{content:"\f00c"}.glyphicon-remove:before{content:"\f00d"}
.glyphicon-user:before{content:"\f007"}.glyphicon-lock:before{content:"\f023"}
.glyphicon-search:before{content:"\f002"}.glyphicon-print:before{content:"\f02f"}
.glyphicon-pencil:before{content:"\f040"}.glyphicon-trash:before{content:"\f1f8"}
.glyphicon-info-sign:before{content:"\f05a"}.glyphicon-warning-sign:before{content:"\f071"}
.glyphicon-chevron-right:before{content:"\f054"}.glyphicon-chevron-left:before{content:"\f053"}