/* EnMon v2 shell: Bootstrap 4 class compatibility (transitional).

   Bootstrap 5 / Metronic renamed or dropped these Bootstrap 4 classes. Shared
   PHP renderers (DeviceHtmlRenderer, device_strip, paginators), HTML fragments
   and not-yet-converted page markup still use them, so this file keeps them
   working inside the v2 shell. Only classes found on active pages are covered
   (counted 2026-10-26). Pair: bs4-compat.js (data-* attributes).

   Convert markup to the Bootstrap 5 names when a page is migrated; delete this
   file once nothing emits Bootstrap 4 markup. Spacing utilities are generated
   (Bootstrap 4 scale 0-5, n1-n5, auto). Loaded by layout/v2/shell_open.php. */


/* Spacing, text alignment, floats */
.ml-0{margin-left:0!important}
.pl-0{padding-left:0!important}
.ml-1{margin-left:.25rem!important}
.pl-1{padding-left:.25rem!important}
.ml-2{margin-left:.5rem!important}
.pl-2{padding-left:.5rem!important}
.ml-3{margin-left:1rem!important}
.pl-3{padding-left:1rem!important}
.ml-4{margin-left:1.5rem!important}
.pl-4{padding-left:1.5rem!important}
.ml-5{margin-left:3rem!important}
.pl-5{padding-left:3rem!important}
.ml-n1{margin-left:-.25rem!important}
.ml-n2{margin-left:-.5rem!important}
.ml-n3{margin-left:-1rem!important}
.ml-n4{margin-left:-1.5rem!important}
.ml-n5{margin-left:-3rem!important}
.ml-auto{margin-left:auto!important}
.mr-0{margin-right:0!important}
.pr-0{padding-right:0!important}
.mr-1{margin-right:.25rem!important}
.pr-1{padding-right:.25rem!important}
.mr-2{margin-right:.5rem!important}
.pr-2{padding-right:.5rem!important}
.mr-3{margin-right:1rem!important}
.pr-3{padding-right:1rem!important}
.mr-4{margin-right:1.5rem!important}
.pr-4{padding-right:1.5rem!important}
.mr-5{margin-right:3rem!important}
.pr-5{padding-right:3rem!important}
.mr-n1{margin-right:-.25rem!important}
.mr-n2{margin-right:-.5rem!important}
.mr-n3{margin-right:-1rem!important}
.mr-n4{margin-right:-1.5rem!important}
.mr-n5{margin-right:-3rem!important}
.mr-auto{margin-right:auto!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.float-left{float:left!important}
.float-right{float:right!important}

/* Spacing, text alignment, floats ≥ 576px */
@media (min-width:576px){
.ml-sm-0{margin-left:0!important}
.pl-sm-0{padding-left:0!important}
.ml-sm-1{margin-left:.25rem!important}
.pl-sm-1{padding-left:.25rem!important}
.ml-sm-2{margin-left:.5rem!important}
.pl-sm-2{padding-left:.5rem!important}
.ml-sm-3{margin-left:1rem!important}
.pl-sm-3{padding-left:1rem!important}
.ml-sm-4{margin-left:1.5rem!important}
.pl-sm-4{padding-left:1.5rem!important}
.ml-sm-5{margin-left:3rem!important}
.pl-sm-5{padding-left:3rem!important}
.ml-sm-n1{margin-left:-.25rem!important}
.ml-sm-n2{margin-left:-.5rem!important}
.ml-sm-n3{margin-left:-1rem!important}
.ml-sm-n4{margin-left:-1.5rem!important}
.ml-sm-n5{margin-left:-3rem!important}
.ml-sm-auto{margin-left:auto!important}
.mr-sm-0{margin-right:0!important}
.pr-sm-0{padding-right:0!important}
.mr-sm-1{margin-right:.25rem!important}
.pr-sm-1{padding-right:.25rem!important}
.mr-sm-2{margin-right:.5rem!important}
.pr-sm-2{padding-right:.5rem!important}
.mr-sm-3{margin-right:1rem!important}
.pr-sm-3{padding-right:1rem!important}
.mr-sm-4{margin-right:1.5rem!important}
.pr-sm-4{padding-right:1.5rem!important}
.mr-sm-5{margin-right:3rem!important}
.pr-sm-5{padding-right:3rem!important}
.mr-sm-n1{margin-right:-.25rem!important}
.mr-sm-n2{margin-right:-.5rem!important}
.mr-sm-n3{margin-right:-1rem!important}
.mr-sm-n4{margin-right:-1.5rem!important}
.mr-sm-n5{margin-right:-3rem!important}
.mr-sm-auto{margin-right:auto!important}
.text-sm-left{text-align:left!important}
.text-sm-right{text-align:right!important}
.float-sm-left{float:left!important}
.float-sm-right{float:right!important}
}

/* Spacing, text alignment, floats ≥ 768px */
@media (min-width:768px){
.ml-md-0{margin-left:0!important}
.pl-md-0{padding-left:0!important}
.ml-md-1{margin-left:.25rem!important}
.pl-md-1{padding-left:.25rem!important}
.ml-md-2{margin-left:.5rem!important}
.pl-md-2{padding-left:.5rem!important}
.ml-md-3{margin-left:1rem!important}
.pl-md-3{padding-left:1rem!important}
.ml-md-4{margin-left:1.5rem!important}
.pl-md-4{padding-left:1.5rem!important}
.ml-md-5{margin-left:3rem!important}
.pl-md-5{padding-left:3rem!important}
.ml-md-n1{margin-left:-.25rem!important}
.ml-md-n2{margin-left:-.5rem!important}
.ml-md-n3{margin-left:-1rem!important}
.ml-md-n4{margin-left:-1.5rem!important}
.ml-md-n5{margin-left:-3rem!important}
.ml-md-auto{margin-left:auto!important}
.mr-md-0{margin-right:0!important}
.pr-md-0{padding-right:0!important}
.mr-md-1{margin-right:.25rem!important}
.pr-md-1{padding-right:.25rem!important}
.mr-md-2{margin-right:.5rem!important}
.pr-md-2{padding-right:.5rem!important}
.mr-md-3{margin-right:1rem!important}
.pr-md-3{padding-right:1rem!important}
.mr-md-4{margin-right:1.5rem!important}
.pr-md-4{padding-right:1.5rem!important}
.mr-md-5{margin-right:3rem!important}
.pr-md-5{padding-right:3rem!important}
.mr-md-n1{margin-right:-.25rem!important}
.mr-md-n2{margin-right:-.5rem!important}
.mr-md-n3{margin-right:-1rem!important}
.mr-md-n4{margin-right:-1.5rem!important}
.mr-md-n5{margin-right:-3rem!important}
.mr-md-auto{margin-right:auto!important}
.text-md-left{text-align:left!important}
.text-md-right{text-align:right!important}
.float-md-left{float:left!important}
.float-md-right{float:right!important}
}

/* Spacing, text alignment, floats ≥ 992px */
@media (min-width:992px){
.ml-lg-0{margin-left:0!important}
.pl-lg-0{padding-left:0!important}
.ml-lg-1{margin-left:.25rem!important}
.pl-lg-1{padding-left:.25rem!important}
.ml-lg-2{margin-left:.5rem!important}
.pl-lg-2{padding-left:.5rem!important}
.ml-lg-3{margin-left:1rem!important}
.pl-lg-3{padding-left:1rem!important}
.ml-lg-4{margin-left:1.5rem!important}
.pl-lg-4{padding-left:1.5rem!important}
.ml-lg-5{margin-left:3rem!important}
.pl-lg-5{padding-left:3rem!important}
.ml-lg-n1{margin-left:-.25rem!important}
.ml-lg-n2{margin-left:-.5rem!important}
.ml-lg-n3{margin-left:-1rem!important}
.ml-lg-n4{margin-left:-1.5rem!important}
.ml-lg-n5{margin-left:-3rem!important}
.ml-lg-auto{margin-left:auto!important}
.mr-lg-0{margin-right:0!important}
.pr-lg-0{padding-right:0!important}
.mr-lg-1{margin-right:.25rem!important}
.pr-lg-1{padding-right:.25rem!important}
.mr-lg-2{margin-right:.5rem!important}
.pr-lg-2{padding-right:.5rem!important}
.mr-lg-3{margin-right:1rem!important}
.pr-lg-3{padding-right:1rem!important}
.mr-lg-4{margin-right:1.5rem!important}
.pr-lg-4{padding-right:1.5rem!important}
.mr-lg-5{margin-right:3rem!important}
.pr-lg-5{padding-right:3rem!important}
.mr-lg-n1{margin-right:-.25rem!important}
.mr-lg-n2{margin-right:-.5rem!important}
.mr-lg-n3{margin-right:-1rem!important}
.mr-lg-n4{margin-right:-1.5rem!important}
.mr-lg-n5{margin-right:-3rem!important}
.mr-lg-auto{margin-right:auto!important}
.text-lg-left{text-align:left!important}
.text-lg-right{text-align:right!important}
.float-lg-left{float:left!important}
.float-lg-right{float:right!important}
}

/* Spacing, text alignment, floats ≥ 1200px */
@media (min-width:1200px){
.ml-xl-0{margin-left:0!important}
.pl-xl-0{padding-left:0!important}
.ml-xl-1{margin-left:.25rem!important}
.pl-xl-1{padding-left:.25rem!important}
.ml-xl-2{margin-left:.5rem!important}
.pl-xl-2{padding-left:.5rem!important}
.ml-xl-3{margin-left:1rem!important}
.pl-xl-3{padding-left:1rem!important}
.ml-xl-4{margin-left:1.5rem!important}
.pl-xl-4{padding-left:1.5rem!important}
.ml-xl-5{margin-left:3rem!important}
.pl-xl-5{padding-left:3rem!important}
.ml-xl-n1{margin-left:-.25rem!important}
.ml-xl-n2{margin-left:-.5rem!important}
.ml-xl-n3{margin-left:-1rem!important}
.ml-xl-n4{margin-left:-1.5rem!important}
.ml-xl-n5{margin-left:-3rem!important}
.ml-xl-auto{margin-left:auto!important}
.mr-xl-0{margin-right:0!important}
.pr-xl-0{padding-right:0!important}
.mr-xl-1{margin-right:.25rem!important}
.pr-xl-1{padding-right:.25rem!important}
.mr-xl-2{margin-right:.5rem!important}
.pr-xl-2{padding-right:.5rem!important}
.mr-xl-3{margin-right:1rem!important}
.pr-xl-3{padding-right:1rem!important}
.mr-xl-4{margin-right:1.5rem!important}
.pr-xl-4{padding-right:1.5rem!important}
.mr-xl-5{margin-right:3rem!important}
.pr-xl-5{padding-right:3rem!important}
.mr-xl-n1{margin-right:-.25rem!important}
.mr-xl-n2{margin-right:-.5rem!important}
.mr-xl-n3{margin-right:-1rem!important}
.mr-xl-n4{margin-right:-1.5rem!important}
.mr-xl-n5{margin-right:-3rem!important}
.mr-xl-auto{margin-right:auto!important}
.text-xl-left{text-align:left!important}
.text-xl-right{text-align:right!important}
.float-xl-left{float:left!important}
.float-xl-right{float:right!important}
}

/* Typography */
.font-weight-light{font-weight:300!important}
.font-weight-lighter{font-weight:lighter!important}
.font-weight-normal{font-weight:400!important}
.font-weight-medium{font-weight:500!important}
.font-weight-semibold{font-weight:600!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-italic{font-style:italic!important}
.text-monospace{font-family:var(--bs-font-monospace)!important}

/* Borders */
.border-left{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-right{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-left-0{border-left:0!important}
.border-right-0{border-right:0!important}
.rounded-left{border-top-left-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-right{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}

/* Accessibility */
.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}

/* Grid / layout */
.no-gutters{--bs-gutter-x:0;--bs-gutter-y:0}
.media{display:flex;align-items:flex-start}
.media-body{flex:1;min-width:0}

/* Badges, buttons, close */
.badge-pill{border-radius:50rem}
.btn-block{display:block;width:100%}
/* v1 template (Volgh) soft buttons, e.g. /api/dashboard; Metronic spells it btn-light-{colour} */
.btn.btn-info-light{color:var(--bs-info);background-color:var(--bs-info-light)}
.btn.btn-info-light:hover{color:var(--bs-info-inverse);background-color:var(--bs-info)}
.btn-block+.btn-block{margin-top:.5rem}
.btn.btn-default{color:var(--bs-light-inverse);background-color:var(--bs-light);border-color:var(--bs-light)}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default.active{color:var(--bs-light-inverse);background-color:var(--bs-light-active);border-color:var(--bs-light-active)}
.close{float:right;padding:0;font-size:1.5rem;font-weight:700;line-height:1;color:var(--bs-gray-900);background:transparent;border:0;opacity:.5}
.close:hover,.close:focus{opacity:.8}

/* Tables */
.table .thead-light th,.table .thead-light td{color:var(--bs-gray-700);background-color:var(--bs-gray-100)}
.table .thead-dark th,.table .thead-dark td{color:var(--bs-gray-100);background-color:var(--bs-gray-800)}

/* Dropdowns (bs4-compat.js also adds .dropdown-menu-end for Popper) */
.dropdown-menu-right{right:0;left:auto}

/* Forms */
.form-group{margin-bottom:1rem}
.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*="col-"]{padding-right:5px;padding-left:5px}
.form-inline{display:flex;flex-flow:row wrap;align-items:center;gap:.5rem}
.input-group-append,.input-group-prepend{display:flex}
.input-group-append{margin-left:-1px}
.input-group-prepend{margin-right:-1px}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.input-group-prepend~.form-control{border-top-left-radius:0;border-bottom-left-radius:0}
:root{--ui-select-caret:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
[data-bs-theme=dark]{--ui-select-caret:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23808290' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
/* A <select class="form-control"> has no caret in Bootstrap 5 */
select.form-control:not([multiple]):not([size]),select.form-control[size="1"]:not([multiple]),.custom-select{
  appearance:none;padding-right:2.5rem;
  background-image:var(--ui-select-caret);background-repeat:no-repeat;background-position:right .9rem center;background-size:16px 12px}
.custom-select{display:block;width:100%;padding:.775rem 2.5rem .775rem 1rem;font-size:1.1rem;font-weight:500;line-height:1.5;
  color:var(--bs-gray-700);background-color:var(--bs-body-bg);border:1px solid var(--bs-gray-300);border-radius:.475rem}
.custom-select-sm{padding-top:.55rem;padding-bottom:.55rem;font-size:.95rem}
/* Custom checkboxes/switches/radios: native inputs, tinted */
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.85rem}
.custom-control-inline{display:inline-flex;margin-right:1rem}
.custom-control-input{position:absolute;left:0;top:.2rem;width:1.15rem;height:1.15rem;margin:0;accent-color:var(--bs-primary);cursor:pointer}
.custom-control-label{cursor:pointer}
.custom-file{display:block}
.custom-file-input{display:block;width:100%}
.custom-file-label{display:none}