/* =========================================================================
   iOps360 theme.css  —  "soft-flat" theme
   Single global stylesheet. Loaded LAST (after Bootstrap) in _header.html.
   Authored clean: no legacy-override !important.

   PHASE 2 — TOKEN LAYER ONLY.
   Light tokens on :root (unconditional default -> no FOUC). Dark flip (§4),
   re-homed legacy classes + components (§6), and navigation (§5) land in
   later phases. Components must reference var(--…), never raw hex/px.
   https://colorkit.co/color/db3e29/
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  /* --- 3.1 Brand & links -------------------------------------------------- */
  --brand: #83B10A;
  /* identity / active fills / badges / data-viz */
  --brand-fill: #6f970a;
  --brand-fill-rgb: 111, 151, 10; /* triplet form of --brand-fill (for rgba() vars, e.g. --dt-*) */
  /* white-text fills (≈3:1 for AA-large)        */
  --brand-fill-hover: #5f8008;
  /* Green buttons brighten on hover rather than darken, which is what
     mainBgs.css did and what dark mode already does via its own
     --brand-fill-hover. Used by .greenBtn only. */
  --brand-fill-light: #9acc18;
  --on-brand: #ffffff;
  /* .blueBtn fill, white text in both themes */
  --blue-fill: #156ccf;
  --blue-fill-hover: #004494;
  --link: #4466a8;
  --link-hover: #5e8ee8;
  --heading: #455a64;
  --font-family: "Poppins", sans-serif;

  /* --- 3.1 Semantic accents ---------------------------------------------- */
  --success: #83B10A;
  --success-hover: #4F6C05;
  --info: #617ec0;
  --info-hover: #394C76;
  --warning: #dd6e00;
  --warning-hover: #884100;
  --danger: #db3e29;
  --danger-hover: #872315;

  /* Repoint Bootstrap's own semantic vars so every stock Bootstrap component
     (alerts, outline buttons, text/border utilities) uses our palette instead
     of Bootstrap's default blue/green/red
     -rgb triplets (used by a handful of rgba(var(--bs-x-rgb),..)
     utilities) not repointed yet */
  --bs-primary: var(--brand-fill);
  --bs-success: var(--success);
  --bs-info: var(--info);
  --bs-warning: var(--warning);
  --bs-danger: var(--danger);
  --bs-secondary: var(--og-text);

  /* --- 3.2 Neutrals — cool gray ramp (50->800) ---------------------------- */
  --gray-50: #f5f7fa;
  --gray-100: #eef1f4;
  --gray-200: #e3e7ec;
  --gray-300: #d3d9e0;
  --gray-400: #aab3bd;
  --gray-800: #1f2933;
  --og-text: #67757c;

  /* --- 3.2 Surface roles (components read these, not the ramp) ------------ */
  --canvas: var(--gray-50);
  /* page background                       */
  --surface: #ffffff;
  /* cards, panels, table containers       */
  --surface-alt: var(--gray-100);
  /* striping, subtle fills, hover rows    */
  --border: var(--gray-200);
  /* hairline borders / dividers           */
  --border-strong: var(--gray-300);
  /* emphasized borders                    */
  --text: var(--og-text);
  /* body text                             */
  --text-muted: var(--gray-400);
  /* secondary / muted text, icons         */
  --toolbar: var(--gray-300);
  --on-toolbar: var(--gray-800);
  --toolbar-btn: var(--surface);
  --page: var(--gray-50);
  --panel: var(--surface);
  --panel-alt: var(--surface-alt);
  --raised: var(--surface);
  --text-body: var(--text);
  --text-strong: var(--gray-800);
  /* --raised: cards, modals, fields and menus. --text-body: page and field text. Both step down a shade in dark. */
  /* page behind content; panels, active tabs, gray panels and widget headers */
  /* DataTables fg-toolbar fill, text, buttons */

  /* --- 3.3 Elevation — two tiers only, no gradients ---------------------- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .05);
  --shadow-lg: 0 8px 30px rgba(16, 24, 40, .12);
  /* Soft variants: same contact shadow plus a faint wider falloff. */
  --shadow-sm-soft: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .06);
  --shadow-lg-soft: 0 2px 6px rgba(16, 24, 40, .06), 0 12px 32px rgba(16, 24, 40, .10);

  /* --- 3.4 Radius — 3 steps --------------------------------------------- */
  --radius-sm: 6px;
  /* buttons, inputs, selects, badges */
  --radius-md: 8px;
  --radius: 10px;
  /* cards, panels, modals            */
  --radius-lg: 24px;
  /* buttons have bigger radius to feel like old buttons */
  --radius-pill: 999px;
  /* escape hatch — chips/tags only    */

  /* --- 3.5 Type scale --------------------------------------------------- */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 24px;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 600;

  /* --- 3.6 Spacing — 4px base ------------------------------------------- */
  --sp-1:   4px;
  --sp-1-5: 6px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-6:   24px;
  --sp-8:   32px;

  /* --- 3.7 Focus ring --------------------------------------------------- */
  --focus-ring: 0 0 0 3px rgba(131, 177, 10, .25);

  /* --- 3.8 Motion ------------------------------------------------------- */
  --transition-fast: 120ms;
  /* hover / color / background / border */
  --transition: 200ms;
  /* larger movement (modals, dropdowns) */
  --ease: cubic-bezier(.4, 0, .2, 1);

  /* --- 4.0 Navbar ------------------------------------------------------- */
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.32421875rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.171875rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.171875rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 4px;
  --bs-navbar-toggler-focus-width: 0;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;

  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
}

/* =========================================================================
   4. DARK MODE — single token-flip block (§4).
   Trigger = explicit body[data-theme="dark"] (per-user server setting, §4.2).
   No per-component dark rules: flipping these vars themes everything for free.
   [data-theme="light"] harmlessly re-affirms :root, so it needs no block.
   Values are AA-tuned starting points — re-check against real contrast in QA.
   ========================================================================= */
/* Screen only: print keeps the light tokens, the way the old screen-only dark sheet did. */
@media screen {
  body[data-theme="dark"],
  html[data-theme="dark"] body {
    color-scheme: dark;
    /* Neutrals flip: canvas darkest, surfaces step up out of it. */
    --canvas: #0f151b;
    --surface: #1a2430;
    /* also the slate the sidebar shares (§5.2)      */
    --surface-alt: #232f3b;
    /* striping / hover rows                          */
    --border: #2d3a47;
    --border-strong: #1c2229;
    --text: #e5e9ee;
    --text-muted: #9aa5b1;
    --toolbar: #34424f;
    --on-toolbar: var(--text);
    --toolbar-btn: #4a5a6a;
    /* dark .page-wrapper paints --surface-alt, so panels step up from that */
    --page: var(--surface-alt);
    --panel: #2b3845;
    --panel-alt: #34424f;
    --raised: var(--surface-alt);
    --text-body: var(--text);
    --text-strong: var(--text);
  
    /* Brand lime reads well on dark -> collapse the white-fix darkening (§4.3). */
    --brand: #83B10A;
    --brand-fill: #83B10A;
    --brand-fill-rgb: 131, 177, 10; /* triplet form of --brand-fill (dark) */
    --brand-fill-hover: #93c40c;
    --success: #83B10A;
  
    /* Links/semantics lighten so they pop on dark (mid-tones go muddy). */
    --link: #9db4e8;
    --link-hover: #bccbf0;
    --info: #9db4e8;
    --warning: #f0942f;
    --danger: #ef6b57;
  }
}

/* Paper: a block that stays in light mode, for print pages and document previews.
   It restates the light token values, so everything inside renders as in light mode. */
.paper {
  color-scheme: light;
  --canvas: var(--gray-50);
  --surface: #ffffff;
  --surface-alt: var(--gray-100);
  --border: var(--gray-200);
  --border-strong: var(--gray-300);
  --text: var(--og-text);
  --text-muted: var(--gray-400);
  --toolbar: var(--gray-300);
  --on-toolbar: var(--gray-800);
  --toolbar-btn: #ffffff;
  --page: var(--gray-50);
  --panel: #ffffff;
  --panel-alt: var(--gray-100);
  --raised: #ffffff;
  --text-body: var(--og-text);
  --text-strong: var(--gray-800);
  --brand-fill: #6f970a;
  --brand-fill-rgb: 111, 151, 10;
  --brand-fill-hover: #5f8008;
  --link: #4466a8;
  --link-hover: #5e8ee8;
  --info: #617ec0;
  --warning: #dd6e00;
  --danger: #db3e29;
  background-color: var(--surface);
  color: var(--text-strong);
}

/* =========================================================================
   Base — body reads tokens so the whole page is themed by the token block.
   ========================================================================= */
body {
  background-color: var(--page);
  color: var(--text);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  font-optical-sizing: auto;
}

/* Scrollbars -> tokens; dark mode is handled by the token flip, no override needed.
   Track matches table headers (--surface-alt). Chrome 121+ uses scrollbar-color and
   ignores the ::-webkit-* rules below, so both carry the same colors. */
* {
  scrollbar-color: var(--gray-400) var(--surface-alt);
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: var(--surface-alt);
}
::-webkit-scrollbar-thumb {
  background: var(--gray-400);
  border-radius: var(--radius-sm);
}
::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--gray-400) 80%, #000);
}

/* Headings: 600 + slight negative tracking */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading);
  font-weight: var(--fw-bold);
  letter-spacing: -0.2px;
}

h1 {
  font-size: 1.75rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
h4, h5, h6 {
  font-size: 1rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
/* Bootstrap 5's row child rule. dashboardNewStyle.min.css carried it on every
   _header page; without it a non-.col child of a .row shrinks to its content.
   The sizing half is all that is missing: Bootstrap 4.6.2 already pads .col-*
   by 15px, and adding the gutter padding here reaches the non-col children too,
   which moves content that has always sat flush.

   Real grid columns are excluded. theme.css loads after bootstrap.min.css and
   both selectors are one class, so max-width: 100% here beat .col-lg-4's
   max-width: 33.33%. A flex item still has min-width: auto, so once a widget's
   loaded content was wider than a third of the row it grew past its column and
   pushed the next one onto a new line. */
.row > *:not([class*="col"]) {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

/* Links */
a {
  color: var(--link);
  transition: color var(--transition-fast) var(--ease);
}
a:hover {
  color: var(--link-hover);
}

/* The underline is painted by the anchor, so a child cannot switch it off with
   text-decoration: none. Decorations do skip atomic inline-level boxes though,
   so making the icon inline-block keeps the line off it. Every <i> in this app
   is an icon. */
a i {
  display: inline-block;
}

/* Tables */
.dt-scroll {
  background-color: var(--surface);
}
/* DataTables pads the scroll head by the scrollbar width; fill that gap like the header */
.dt-scroll-head,
.dataTables_scrollHead {
  background-color: var(--surface);
}
.dt-info {
  margin-top: var(--sp-1-5);
  margin-left: var(--sp-1);
}

body[data-theme=dark] .table,
body[data-theme=dark] .dt-scroll {
  background-color: var(--surface);
}

/* Tables specifically for widgets */
div.wgt thead th,
div.wgt thead td {
  background-color: var(--panel);
}

/* =========================================================================
   3.7 Interaction states — global primitives (components extend in Phase 4)
   ========================================================================= */

/* Focus: keyboard-only ring. Overrides legacy outline:0 — an a11y fix. */
:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-color: var(--brand);
}

/* Disabled: one treatment everywhere. */
:disabled,
[disabled],
.disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* Base transition on interactive controls (hover values live with components). */
a,
button,
input,
select,
textarea,
.btn {
  transition:
    color var(--transition-fast) var(--ease),
    background-color var(--transition-fast) var(--ease),
    border-color var(--transition-fast) var(--ease),
    box-shadow var(--transition-fast) var(--ease);
}

/* =========================================================================
   3.8 Reduced-motion guard — mandatory.
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* =========================================================================
   3.5 fontNN re-point — legacy size utilities mapped to the scale.
   Base classes only; responsive *Phone/*Tablet/*TabletSmall variants are
   re-homed in Phase 4 (§2). Sizes >24px kept as literal passthrough to
   preserve intent — no scale step exists above --fs-xl.
   ponytail: literal px above the scale; fold into tokens only if review wants it.
   ========================================================================= */
.font1,
.font8,
.font9,
.font10,
.font11,
.font12 {
  font-size: var(--fs-xs);
}

.font13 {
  font-size: var(--fs-sm);
}

.font14 {
  font-size: var(--fs-base);
}

.font15,
.font16,
.font17 {
  font-size: var(--fs-md);
}

.font18,
.font20,
.font22 {
  font-size: var(--fs-lg);
}

.font24 {
  font-size: var(--fs-xl);
}

.font30 {
  font-size: 30px;
}

.font35 {
  font-size: 35px;
}

.font36 {
  font-size: 36px;
}

.font40 {
  font-size: 40px;
}

.font100 {
  font-size: 100px;
}

/* =========================================================================
   PHASE 4 — RE-HOMED LEGACY UTILITIES (literal passthrough, §3.6).
   Generated from the audited delete-set; see docs/phase1-class-audit.md.
   ========================================================================= */
/* ---- base utilities (passthrough; !important is idiomatic utility behavior, not override debt) ---- */
.hidden {
  display: none !important;
}

.alternateFont {
  font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
}

.bbw0 {
  border-bottom-width: 0 !important;
}

.blw0 {
  border-left-width: 0 !important;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-start {
  border-left: var(--bs-border-width, 1px) solid var(--border) !important;
}

.borderTop {
  border-top: 1px solid var(--border);
}

.br10 {
  border-radius: 10px !important;
}

.br12 {
  border-radius: 12px !important;
}

.br20 {
  border-radius: 20px !important;
}

.br3 {
  border-radius: 3px !important;
}

.br4 {
  border-radius: 4px !important;
}

.br40 {
  border-radius: 40px !important;
}

.br5 {
  border-radius: 5px !important;
}

.br6 {
  border-radius: 6px !important;
}

.br8 {
  border-radius: 8px !important;
}

.brBottom {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.brw0 {
  border-right-width: 0 !important;
}

.bsSolid {
  border-style: solid !important;
}

.bw0 {
  border-width: 0 !important;
}

.bw1 {
  border-width: 1px !important;
}

.cHelp {
  cursor: help !important;
}

.cMove {
  cursor: move !important;
}

.cPointer {
  cursor: pointer !important;
}

.centerContent {
  margin: 0 auto;
  text-align: center;
}

.centerTable {
  margin: 0 auto !important;
  display: table !important;
}

.clear {
  clear: both !important;
}

.dBlock {
  display: block !important;
}

.dInline {
  display: inline !important;
}

.dInlineBlock {
  display: inline-block !important;
}

.dNone {
  display: none !important;
}

/* Admin-template class on the header dropdowns' <ul>; nothing defined it, so they drew bullets */
.list-style-none {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu-animate-up {
  animation: animation-dropdown-menu-fade-in .5s ease 1, animation-dropdown-menu-move-up .5s ease-out 1;
}

.dropdown-menu-start {
  --bs-position: start;
}

.fl {
  float: left !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-justify {
  display: flex !important;
  justify-content: space-between !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.fn {
  float: none !important;
}

.font-12 {
  font-size: 12px;
}

.fr {
  float: right !important;
}

.fs-2 {
  font-size: .75rem !important;
}

.fs-3 {
  font-size: .875rem !important;
}

.fs-4 {
  font-size: 1rem !important;
}

.fs-6 {
  font-size: 1.25rem !important;
}

.fw-bold {
  font-weight: 500 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw4 {
  font-weight: 400 !important;
}

.fw5 {
  font-weight: 500 !important;
}

.gap-1 {
  gap: .25rem !important;
}

.gap-2 {
  gap: .5rem !important;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.h10 {
  height: 10px !important;
}

.h100 {
  height: 100px !important;
}

.h1000 {
  height: 1000px !important;
}

.h100p {
  height: 100% !important;
}

.h130 {
  height: 130px !important;
}

.h15 {
  height: 15px !important;
}

.h150 {
  height: 150px !important;
}

.h170 {
  height: 170px !important;
}

.h180 {
  height: 180px !important;
}

.h20 {
  height: 20px !important;
}

.h200 {
  height: 200px !important;
}

.h240 {
  height: 240px !important;
}

.h25 {
  height: 25px !important;
}

.h250 {
  height: 250px !important;
}

.h290 {
  height: 290px !important;
}

.h30 {
  height: 30px !important;
}

.h300 {
  height: 300px !important;
}

.h350 {
  height: 350px !important;
}

.h36 {
  height: 36px !important;
}

.h360 {
  height: 360px !important;
}

.h38 {
  height: 38px !important;
}

.h40 {
  height: 40px !important;
}

.h400 {
  height: 400px !important;
}

.h450 {
  height: 450px !important;
}

.h48 {
  height: 48px !important;
}

.h50 {
  height: 50px !important;
}

.h500 {
  height: 500px !important;
}

.h550 {
  height: 550px !important;
}

.h55p {
  height: 55% !important;
}

.h60 {
  height: 60px !important;
}

.h600 {
  height: 600px !important;
}

.h650 {
  height: 650px !important;
}

.h700 {
  height: 700px !important;
}

.h75 {
  height: 75px !important;
}

.h75p {
  height: 75% !important;
}

.h80 {
  height: 80px !important;
}

.h800 {
  height: 800px !important;
}

.hAuto {
  height: auto !important;
}

.lh12 {
  line-height: 12px !important;
}

.lh15 {
  line-height: 15px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh20 {
  line-height: 20px !important;
}

.lh35 {
  line-height: 35px !important;
}

.lh5 {
  line-height: 5px !important;
}

.link-light {
  color: #f2f4f8 !important;
}

.m-n3 {
  margin: -1rem !important;
}

.m0 {
  margin: 0 !important;
}

.m1 {
  margin: 1px !important;
}

.m10 {
  margin: 10px !important;
}

.m2 {
  margin: 2px !important;
}

.m20 {
  margin: 20px !important;
}

.m30 {
  margin: 30px !important;
}

.m5 {
  margin: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.max-h100 {
  max-height: 100px !important;
}

.max-h150 {
  max-height: 150px !important;
}

.max-h200 {
  max-height: 200px !important;
}

.max-h25 {
  max-height: 25px !important;
}

.max-h250 {
  max-height: 250px !important;
}

.max-h30 {
  max-height: 30px !important;
}

.max-h300 {
  max-height: 300px !important;
}

.max-h400 {
  max-height: 400px !important;
}

.max-h450 {
  max-height: 450px !important;
}

.max-h500 {
  max-height: 500px !important;
}

.max-h550 {
  max-height: 550px !important;
}

.max-h60 {
  max-height: 60px !important;
}

.max-h600 {
  max-height: 600px !important;
}

.max-w100p {
  max-width: 100% !important;
}

.max-w1250 {
  max-width: 1250px !important;
}

.max-w200 {
  max-width: 200px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.me-1 {
  margin-right: .25rem !important;
}

.me-2 {
  margin-right: .5rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.me-n2 {
  margin-right: -.5rem !important;
}

.message {
  color: #db3e29;
}

.min-h100 {
  min-height: 100px !important;
}

.min-h150 {
  min-height: 150px !important;
}

.min-h19 {
  min-height: 19px !important;
}

.min-h200 {
  min-height: 200px !important;
}

.min-h250 {
  min-height: 250px !important;
}

.min-h29 {
  min-height: 29px !important;
}

.min-h300 {
  min-height: 300px !important;
}

.min-h350 {
  min-height: 350px !important;
}

.min-h40 {
  min-height: 40px !important;
}

.min-h400 {
  min-height: 400px !important;
}

.min-h450 {
  min-height: 450px !important;
}

.min-h50 {
  min-height: 50px !important;
}

.min-h500 {
  min-height: 500px !important;
}

.min-h550 {
  min-height: 550px !important;
}

.min-h600 {
  min-height: 600px !important;
}

.min-h700 {
  min-height: 700px !important;
}

.min-h85 {
  min-height: 85px !important;
}

.min-h900 {
  min-height: 900px !important;
}

.min-w100 {
  min-width: 100px !important;
}

.min-w1000 {
  min-width: 1000px !important;
}

.min-w120 {
  min-width: 120px !important;
}

.min-w1200 {
  min-width: 1200px !important;
}

.min-w150 {
  min-width: 150px !important;
}

.min-w200 {
  min-width: 200px !important;
}

.min-w250 {
  min-width: 250px !important;
}

.min-w300 {
  min-width: 300px !important;
}

.min-w50 {
  min-width: 50px !important;
}

.min-w550 {
  min-width: 550px !important;
}

.min-w75 {
  min-width: 75px !important;
}

.min-w800 {
  min-width: 800px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.ml-32 {
  margin-left: -32px !important;
}

.ml-36 {
  margin-left: -36px !important;
}

.ml-70 {
  margin-left: -70px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.mr-36 {
  margin-right: -36px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.ms-2 {
  margin-left: .5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mt-12 {
  margin-top: -12px !important;
}

.mt-13 {
  margin-top: -13px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mt-6 {
  margin-top: -6px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.opacity10 {
  opacity: 1 !important;
}

.opacity5 {
  opacity: .5 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-xAuto {
  overflow-x: auto !important;
}

.overflow-xHide {
  overflow-x: hidden !important;
}

.overflow-xScroll {
  overflow-x: scroll !important;
}

.overflow-yAuto {
  overflow-y: auto !important;
}

.overflow-yHide {
  overflow-y: hidden !important;
}

.overflow-yScroll {
  overflow-y: scroll !important;
}

.overflowAuto {
  overflow: auto !important;
}

.overflowHide {
  overflow: hidden !important;
}

.overflowScroll {
  overflow: scroll !important;
}

.overflowVisible {
  overflow: visible !important;
}

.p0 {
  padding: 0 !important;
}

.p1 {
  padding: 1px !important;
}

.p10 {
  padding: 10px !important;
}

.p12 {
  padding: 12px !important;
}

.p15 {
  padding: 15px !important;
}

.p16 {
  padding: 16px !important;
}

.p2 {
  padding: 2px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p3 {
  padding: 3px !important;
}

.p30 {
  padding: 30px !important;
}

.p40 {
  padding: 40px !important;
}

.p5 {
  padding: 5px !important;
}

.p6 {
  padding: 6px !important;
}

.p7 {
  padding: 7px !important;
}

.p8 {
  padding: 8px !important;
}

.pRelative {
  position: relative !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.ps-2 {
  padding-left: .5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.round-bottom {
  border-radius: 0 0 6px 6px;
}

.round-top {
  border-radius: 6px 6px 0 0;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.shadow {
  /* Bootstrap 4's .shadow is !important, so this has to be too. */
  box-shadow: var(--shadow-sm-soft) !important;
}

.spinner-border {
  --bs-spinner-width: 64px;
  --bs-spinner-height: 64px;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.tCenter {
  text-align: center !important;
}

.tLeft {
  text-align: left !important;
}

.tRight {
  text-align: right !important;
}

.tdUnderline {
  text-decoration: underline !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-end {
  text-align: right !important;
}

.textShadow {
  text-shadow: 0 1px 0 #fff;
}

.textShadowDark {
  text-shadow: 0 1px 0 rgb(0 0 0 / 80%);
}

.ttUppercase {
  text-transform: uppercase !important;
}

.user-select-none {
  user-select: none !important;
}

.vHidden {
  visibility: hidden !important;
}

.vaMiddle {
  vertical-align: middle !important;
}

.vaTextTop {
  vertical-align: text-top !important;
}

.vh-100 {
  height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w100 {
  width: 100px !important;
}

.w100p {
  width: 100% !important;
}

.w10p {
  width: 10% !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w140 {
  width: 140px !important;
}

.w15 {
  width: 15px !important;
}

.w150 {
  width: 150px !important;
}

.w15p {
  width: 15% !important;
}

.w180 {
  width: 180px !important;
}

.w20 {
  width: 20px !important;
}

.w200 {
  width: 200px !important;
}

.w20p {
  width: 20% !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w25 {
  width: 25px !important;
}

.w250 {
  width: 250px !important;
}

.w25p {
  width: 25% !important;
}

.w30 {
  width: 30px !important;
}

.w300 {
  width: 300px !important;
}

.w30p {
  width: 30% !important;
}

.w32 {
  width: 32px !important;
}

.w33p {
  width: 33% !important;
}

.w350 {
  width: 350px !important;
}

.w35p {
  width: 35% !important;
}

.w40 {
  width: 40px !important;
}

.w400 {
  width: 400px !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50 {
  width: 50px !important;
}

.w50p {
  width: 50% !important;
}

.w550 {
  width: 550px !important;
}

.w5p {
  width: 5% !important;
}

.w60 {
  width: 60px !important;
}

.w600 {
  width: 600px !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w700 {
  width: 700px !important;
}

.w70p {
  width: 70% !important;
}

.w75 {
  width: 75px !important;
}

.w75p {
  width: 75% !important;
}

.w80 {
  width: 80px !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w90 {
  width: 90px !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w98p {
  width: 98% !important;
}

.w99p {
  width: 99% !important;
}

.wAuto {
  width: auto !important;
}

.wBreakAll {
  word-break: break-all !important;
}

.wBreakNatural {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.wsNormal {
  white-space: normal !important;
}

.z10 {
  z-index: 10 !important;
}

.z90000 {
  z-index: 90000 !important;
}

@media (min-width:480px) and (max-width:767px) {
  .centerContentTabletSmall {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

  .dBlockTabletSmall {
    display: block !important;
  }

  .dInlineTabletSmall {
    display: inline !important;
  }

  .dNoneTabletSmall {
    display: none !important;
  }

  .flTabletSmall {
    float: left !important;
  }

  .fnTabletSmall {
    float: none !important;
  }

  .font10TabletSmall {
    font-size: 10px !important;
  }

  .hAutoTabletSmall {
    height: auto !important;
  }

  .m0TabletSmall {
    margin: 0 !important;
  }

  .m20TabletSmall {
    margin: 20px !important;
  }

  .mb10TabletSmall {
    margin-bottom: 10px !important;
  }

  .mb15TabletSmall {
    margin-bottom: 15px !important;
  }

  .mb20TabletSmall {
    margin-bottom: 20px !important;
  }

  .mb25TabletSmall {
    margin-bottom: 25px !important;
  }

  .mb5TabletSmall {
    margin-bottom: 5px !important;
  }

  .ml0TabletSmall {
    margin-left: 0 !important;
  }

  .ml20TabletSmall {
    margin-left: 20px !important;
  }

  .ml5TabletSmall {
    margin-left: 5px !important;
  }

  .mr0TabletSmall {
    margin-right: 0 !important;
  }

  .mr20TabletSmall {
    margin-right: 20px !important;
  }

  .mr25TabletSmall {
    margin-right: 25px !important;
  }

  .mt-10TabletSmall {
    margin-top: -10px !important;
  }

  .mt0TabletSmall {
    margin-top: 0 !important;
  }

  .mt10TabletSmall {
    margin-top: 10px !important;
  }

  .mt15TabletSmall {
    margin-top: 15px !important;
  }

  .mt20TabletSmall {
    margin-top: 20px !important;
  }

  .mt5TabletSmall {
    margin-top: 5px !important;
  }

  .overflow-xScrollTabletSmall {
    overflow-x: scroll !important;
  }

  .p0TabletSmall {
    padding: 0 !important;
  }

  .p20TabletSmall {
    padding: 20px !important;
  }

  .pb0TabletSmall {
    padding-bottom: 0 !important;
  }

  .pb10TabletSmall {
    padding-bottom: 10px !important;
  }

  .pb15TabletSmall {
    padding-bottom: 15px !important;
  }

  .pb20TabletSmall {
    padding-bottom: 20px !important;
  }

  .pb5TabletSmall {
    padding-bottom: 5px !important;
  }

  .pl0TabletSmall {
    padding-left: 0 !important;
  }

  .pl10TabletSmall {
    padding-left: 10px !important;
  }

  .pl15TabletSmall {
    padding-left: 15px !important;
  }

  .pl20TabletSmall {
    padding-left: 20px !important;
  }

  .pl25TabletSmall {
    padding-left: 25px !important;
  }

  .pl5TabletSmall {
    padding-left: 5px !important;
  }

  .pr0TabletSmall {
    padding-right: 0 !important;
  }

  .pr10TabletSmall {
    padding-right: 10px !important;
  }

  .pr15TabletSmall {
    padding-right: 15px !important;
  }

  .pr20TabletSmall {
    padding-right: 20px !important;
  }

  .pr25TabletSmall {
    padding-right: 25px !important;
  }

  .pr40TabletSmall {
    padding-right: 40px !important;
  }

  .pr55TabletSmall {
    padding-right: 55px !important;
  }

  .pr5TabletSmall {
    padding-right: 5px !important;
  }

  .pt0TabletSmall {
    padding-top: 0 !important;
  }

  .pt10TabletSmall {
    padding-top: 10px !important;
  }

  .pt15TabletSmall {
    padding-top: 15px !important;
  }

  .pt20TabletSmall {
    padding-top: 20px !important;
  }

  .pt25TabletSmall {
    padding-top: 25px !important;
  }

  .pt30TabletSmall {
    padding-top: 30px !important;
  }

  .tCenterTabletSmall {
    text-align: center !important;
  }

  .tLeftTabletSmall {
    text-align: left !important;
  }

  .tRightTabletSmall {
    text-align: right !important;
  }

  .vVisibleTabletSmall {
    visibility: visible !important;
  }

  .w100pTabletSmall {
    width: 100% !important;
  }

  .w10pTabletSmall {
    width: 10% !important;
  }

  .w30pTabletSmall {
    width: 30% !important;
  }

  .w55pTabletSmall {
    width: 55% !important;
  }

  .w70pTabletSmall {
    width: 70% !important;
  }
}

@media (min-width:768px) and (max-width:1350px) {
  .dBlockTablet {
    display: block !important;
  }

  .dInlineTablet {
    display: inline !important;
  }

  .dNoneTablet {
    display: none !important;
  }

  .fnTablet {
    float: none !important;
  }

  .font10Tablet {
    font-size: 10px !important;
  }

  .font12Tablet {
    font-size: 12px !important;
  }

  .font8Tablet {
    font-size: 8px !important;
  }

  .font9Tablet {
    font-size: 9px !important;
  }

  .hAutoTablet {
    height: auto !important;
  }

  .m0Tablet {
    margin: 0 !important;
  }

  .mb5Tablet {
    margin-bottom: 5px !important;
  }

  .ml0Tablet {
    margin-left: 0 !important;
  }

  .mt0Tablet {
    margin-top: 0 !important;
  }

  .mt10Tablet {
    margin-top: 10px !important;
  }

  .mt15Tablet {
    margin-top: 15px !important;
  }

  .mt5Tablet {
    margin-top: 5px !important;
  }

  .overflow-xScrollTablet {
    overflow-x: scroll !important;
  }

  .pb10Tablet {
    padding-bottom: 10px !important;
  }

  .pb20Tablet {
    padding-bottom: 20px !important;
  }

  .pb25Tablet {
    padding-bottom: 25px !important;
  }

  .pb5Tablet {
    padding-bottom: 5px !important;
  }

  .pl0Tablet {
    padding-left: 0 !important;
  }

  .pl10Tablet {
    padding-left: 10px !important;
  }

  .pl30Tablet {
    padding-left: 30px !important;
  }

  .pl5Tablet {
    padding-left: 5px !important;
  }

  .pr0Tablet {
    padding-right: 0 !important;
  }

  .pr10Tablet {
    padding-right: 10px !important;
  }

  .pr15Tablet {
    padding-right: 15px !important;
  }

  .pr20Tablet {
    padding-right: 20px !important;
  }

  .pr25Tablet {
    padding-right: 25px !important;
  }

  .pt10Tablet {
    padding-top: 10px !important;
  }

  .pt20Tablet {
    padding-top: 20px !important;
  }

  .tLeftTablet {
    text-align: left !important;
  }

  .w100pTablet {
    width: 100% !important;
  }

  .w30pTablet {
    width: 30% !important;
  }

  .w40pTablet {
    width: 40% !important;
  }

  .w50pTablet {
    width: 50% !important;
  }
}

@media (max-width:479px) {
  .centerContentPhone {
    margin: 0 auto !important;
    padding: 0;
    text-align: center !important;
  }

  .dBlockPhone {
    display: block !important;
  }

  .dInlinePhone {
    display: inline !important;
  }

  .dNonePhone {
    display: none !important;
  }

  .flPhone {
    float: left !important;
  }

  .fnPhone {
    float: none !important;
  }

  .font12Phone {
    font-size: 12px !important;
  }

  .font14Phone {
    font-size: 14px !important;
  }

  .font8Phone {
    font-size: 8px !important;
  }

  .font9Phone {
    font-size: 9px !important;
  }

  .h100pPhone {
    height: 100% !important;
  }

  .h200Phone {
    height: 200px !important;
  }

  .h25Phone {
    height: 25px !important;
  }

  .h300Phone {
    height: 300px !important;
  }

  .hAutoPhone {
    height: auto !important;
  }

  .m0Phone {
    margin: 0 !important;
  }

  .m20Phone {
    margin: 20px !important;
  }

  .mb0Phone {
    margin-bottom: 0 !important;
  }

  .mb10Phone {
    margin-bottom: 10px !important;
  }

  .mb15Phone {
    margin-bottom: 15px !important;
  }

  .mb20Phone {
    margin-bottom: 20px !important;
  }

  .mb25Phone {
    margin-bottom: 25px !important;
  }

  .mb5Phone {
    margin-bottom: 5px !important;
  }

  .ml0Phone {
    margin-left: 0 !important;
  }

  .ml15Phone {
    margin-left: 15px !important;
  }

  .ml20Phone {
    margin-left: 20px !important;
  }

  .ml5Phone {
    margin-left: 5px !important;
  }

  .mr0Phone {
    margin-right: 0 !important;
  }

  .mr10Phone {
    margin-right: 10px !important;
  }

  .mr20Phone {
    margin-right: 20px !important;
  }

  .mr25Phone {
    margin-right: 25px !important;
  }

  .mr30Phone {
    margin-right: 30px !important;
  }

  .mt-10Phone {
    margin-top: -10px !important;
  }

  .mt0Phone {
    margin-top: 0 !important;
  }

  .mt10Phone {
    margin-top: 10px !important;
  }

  .mt15Phone {
    margin-top: 15px !important;
  }

  .mt20Phone {
    margin-top: 20px !important;
  }

  .mt30Phone {
    margin-top: 30px !important;
  }

  .mt5Phone {
    margin-top: 5px !important;
  }

  .overflow-xScrollPhone {
    overflow-x: scroll !important;
  }

  .p0Phone {
    padding: 0 !important;
  }

  .p10Phone {
    padding: 10px !important;
  }

  .p20Phone {
    padding: 20px !important;
  }

  .pb0Phone {
    padding-bottom: 0 !important;
  }

  .pb10Phone {
    padding-bottom: 10px !important;
  }

  .pb15Phone {
    padding-bottom: 15px !important;
  }

  .pb20Phone {
    padding-bottom: 20px !important;
  }

  .pb5Phone {
    padding-bottom: 5px !important;
  }

  .pl0Phone {
    padding-left: 0 !important;
  }

  .pl10Phone {
    padding-left: 10px !important;
  }

  .pl15Phone {
    padding-left: 15px !important;
  }

  .pl20Phone {
    padding-left: 20px !important;
  }

  .pl25Phone {
    padding-left: 25px !important;
  }

  .pl5Phone {
    padding-left: 5px !important;
  }

  .pr0Phone {
    padding-right: 0 !important;
  }

  .pr10Phone {
    padding-right: 10px !important;
  }

  .pr15Phone {
    padding-right: 15px !important;
  }

  .pr20Phone {
    padding-right: 20px !important;
  }

  .pr40Phone {
    padding-right: 40px !important;
  }

  .pr55Phone {
    padding-right: 55px !important;
  }

  .pr5Phone {
    padding-right: 5px !important;
  }

  .pt0Phone {
    padding-top: 0 !important;
  }

  .pt10Phone {
    padding-top: 10px !important;
  }

  .pt15Phone {
    padding-top: 15px !important;
  }

  .pt20Phone {
    padding-top: 20px !important;
  }

  .pt25Phone {
    padding-top: 25px !important;
  }

  .pt30Phone {
    padding-top: 30px !important;
  }

  .pt5Phone {
    padding-top: 5px !important;
  }

  .tCenterPhone {
    text-align: center !important;
  }

  .tLeftPhone {
    text-align: left !important;
  }

  .tRightPhone {
    text-align: right !important;
  }

  .vVisiblePhone {
    visibility: visible !important;
  }

  .w100pPhone {
    width: 100% !important;
  }

  .w10pPhone {
    width: 10% !important;
  }

  .w30pPhone {
    width: 30% !important;
  }

  .w40pPhone {
    width: 40% !important;
  }

  .w50pPhone {
    width: 50% !important;
  }

  .w55pPhone {
    width: 55% !important;
  }

  .w70pPhone {
    width: 70% !important;
  }
}

/* =========================================================================
   PHASE 4 — RE-HOMED SEMANTIC CLASSES + COMPONENTS (§6)
   Hand-authored against tokens (utilities above are literal passthrough).
   ========================================================================= */

/* ---- 6.7 Panels / cards — flat surface + one shadow tier, no gradients ---- */
.whitePanel,
.lightGrayPanel,
.grayPanel,
.shadowPanel,
.shadowBox,
.lightGrayShadowPanel,
.silverFade,
.whitePanelDarkBorder,
.panel,
.panel-default {
  background: var(--panel);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  box-shadow: none;
}

.lightGrayPanel,
.grayPanel,
.silverFade {
  background: var(--panel-alt);
}

.shadowPanel,
.shadowBox,
.lightGrayShadowPanel {
  box-shadow: var(--shadow-sm);
}

.whitePanelDarkBorder,
.darkBorder {
  border-color: var(--border-strong);
}

/* Colored status panels */
.greenPanel {
  background: color-mix(in srgb, var(--success) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--success) 35%, var(--border));
  border-radius: var(--radius);
}

.redPanel {
  background: color-mix(in srgb, var(--danger) 12%, var(--raised));
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border));
  border-radius: var(--radius);
}

.orangePanel {
  background: color-mix(in srgb, var(--warning) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border));
  border-radius: var(--radius);
}

.lightBluePanel {
  background: color-mix(in srgb, var(--info) 12%, var(--raised));
  border: 1px solid color-mix(in srgb, var(--info) 35%, var(--border));
  border-radius: var(--radius);
}

.mintPanel {
  background: color-mix(in srgb, var(--success) 8%, var(--raised));
  border: 1px solid color-mix(in srgb, var(--success) 25%, var(--border));
  border-radius: var(--radius);
}

.pinkPanel {
  background: color-mix(in srgb, var(--danger) 8%, var(--raised));
  border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--border));
  border-radius: var(--radius);
}

/* Solid blue notice. Corners come from the markup (br6, br10). */
.bluePanel {
  background-color: var(--blue-fill);
  color: var(--on-brand);
}

/* Pastel fills for table header cells. Light keeps the legacy pastels; dark
   mixes the hue into the surface so white text stays readable. !important like
   Bootstrap's bg-* utilities, so striped/table cell fills can't repaint them. */
.tintGreen { background: #ccffcc !important; }
.tintBlue { background: #99ccff !important; }
@media screen {
  body[data-theme=dark] .tintGreen { background: color-mix(in srgb, var(--success) 35%, var(--raised)) !important; }
  body[data-theme=dark] .tintBlue { background: color-mix(in srgb, var(--info) 35%, var(--raised)) !important; }
}

/* Bootstrap .card too (§6.7). */
.card {
  background: var(--raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

/* ---- 6.1 Buttons — one flat look, two entrypoints (alias table §6.1) ---- */
/* Re-point Bootstrap primary to brand; greenBtn renders identically. */
.btn {
  border-radius: var(--radius-lg);
  font-weight: var(--fw-medium);
}

/* btnTiny ≈ btn-sm scale */
.btnTiny {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  background-color: var(--surface);
  color: var(--text);
  font-weight: var(--fw-medium);
  padding: var(--sp-1-5) var(--sp-2);
  font-size: var(--fs-xs);
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.btnTiny:hover {
  text-decoration: none;
}
/* Plain btnTiny: blue outline at rest, filled blue on hover. The a: forms
   outrank a:link/a:visited; filled variants are excluded. */
.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger),
a.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):is(:link, :visited) {
  color: var(--link);
  border-color: var(--link);
}
.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):hover,
a.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):is(:link, :visited):hover {
  background-color: var(--link);
  color: var(--on-brand);
}
/* blueText on the button or its icon would keep it blue on the blue fill.
   !important because .blueText carries it. */
.btnTiny.blueText:not(.greenBtn):not(.blueBtn):not(.btn-danger):hover {
  color: var(--on-brand) !important;
}
body[data-theme=dark] .btnTiny.blueText:not(.greenBtn):not(.blueBtn):not(.btn-danger):hover {
  color: var(--surface) !important;
}
.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):hover i {
  color: inherit !important;
}
/* Headings were in the muted catch-all below; titles read at full text strength */
body[data-theme=dark] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: var(--text);
}
/* The outline button. greenBtn, blueBtn and btn-danger are filled variants that carry
   their own background and text color, and this selector outranks both, so it
   painted them slate in dark mode. Excluded here rather than propped up with
   !important on their side.

   On the text color: light mode reads --text, #67757c, a slate with blue in it,
   and that tint is what makes the label sit forward of the border. Dark --text
   is #e5e9ee, near neutral, so the same button goes flat. Tinting toward --link
   puts the color back; mixing it with white keeps it above 4.5:1 on the
   --toolbar-btn pill, which raw --link (#9db4e8) does not manage. */
body[data-theme=dark] .btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger),
body[data-theme=dark] a.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):is(:link, :visited) {
  background-color: var(--toolbar-btn);
  border-color: var(--link);
  color: color-mix(in srgb, var(--link) 55%, #fff);
}
/* Dark --link is too light for white text, so the hover label goes dark. */
body[data-theme=dark] .btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):hover,
body[data-theme=dark] a.btnTiny:not(.greenBtn):not(.blueBtn):not(.btn-danger):is(:link, :visited):hover {
  background-color: var(--link);
  color: var(--surface);
}

/* A greenBtn that is also tiny keeps the small metrics. */
.greenBtn {
  background: var(--brand-fill);
  border: 1px solid var(--brand-fill);
  color: var(--on-brand);
  border-radius: var(--radius-lg);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
/* These are almost always <a>, so the text needs to outrank a:link/a:visited,
   and the icon/label is often wrapped in a span that would otherwise inherit
   a link color. White in both themes, hovered or not. */
.greenBtn,
a.greenBtn:link,
a.greenBtn:visited,
a.greenBtn:hover,
.greenBtn > span,
.greenBtn > i {
  color: var(--on-brand);
}

.greenBtn:hover {
  background: var(--brand-fill-light);
  border-color: var(--brand-fill-light);
}
body[data-theme=dark] .greenBtn {
  background: var(--brand-fill);
}
body[data-theme=dark] .greenBtn:hover {
  background: var(--brand-fill-hover);
  border: 1px solid var(--brand-fill-hover);
}

/* The blue filled button, same shape as greenBtn. Same text rules too: the a:
   forms outrank a:link/a:visited, and a wrapped label or icon stays white. */
.blueBtn {
  background: var(--blue-fill);
  border: 1px solid var(--blue-fill);
  border-radius: var(--radius-lg);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.blueBtn,
a.blueBtn:link,
a.blueBtn:visited,
a.blueBtn:hover,
.blueBtn > span,
.blueBtn > i {
  color: var(--on-brand);
}
/* color here too: Bootstrap's .btn:hover would turn a <button class="btn blueBtn"> label dark. */
.blueBtn:hover {
  background: var(--blue-fill-hover);
  border-color: var(--blue-fill-hover);
  color: var(--on-brand);
}

.btnTiny.btn-danger {
  color: var(--on-brand);
  background-color: var(--danger);
}
.btnTiny.btn-danger:hover {
  border-color: var(--danger-hover);
}
body[data-theme=dark] .btn-danger {
  background: var(--danger);
  border: 1px solid var(--danger);
}

/* Legacy / bootstrap semantic button variants -> flat token fills. */
.btn-default {
  background: var(--surface);
  border: 1px solid var(--border-strong);
  color: var(--text);
  border-radius: var(--radius-lg);
}

.btn-default:hover {
  background: var(--surface-alt);
}

.btn-light-secondary {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: var(--radius-lg);
}

.btn-light-danger {
  background: color-mix(in srgb, var(--danger) 14%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--border));
  color: var(--danger);
  border-radius: var(--radius-lg);
}

.btn-light-success {
  background: color-mix(in srgb, var(--success) 14%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--success) 30%, var(--border));
  color: var(--success);
  border-radius: var(--radius-lg);
}

.btn-circle {
  background-color: var(--surface);
  border-radius: var(--radius-pill);
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.btn-circle:hover {
  border: 2px solid var(--border-strong);
  border-color: var(--link-hover);
}
body[data-theme=dark] .btn-circle {
  background-color: var(--surface-alt);
  color: var(--on-brand);
}

.srh-btn {
  border-radius: var(--radius-lg);
}

/* ---- 6.x Text colors -> tokens (never lime text; §3.1) ---- */
.blueText,
.blueBrandText {
  color: var(--link) !important;
}

.redText {
  color: var(--danger) !important;
}

.greenText {
  color: var(--success) !important;
}

a.greenText:hover {
  color: var(--success-hover) !important;
}

.orangeText {
  color: var(--warning) !important;
}

.goldText,
.canaryYellowText {
  color: var(--warning) !important;
}

.grayText {
  color: var(--text-muted) !important;
}

.lightGrayText {
  color: var(--text-muted) !important;
}

/* Stays literal white in both themes: it is only ever used on a colored fill
   (the .bg-info profile header, brand panels), never on a page surface, so it
   has nothing to flip against. */
.whiteText {
  color: #fff !important;
}

.theme-color {
  color: var(--brand) !important;
}

/* Background + hover helpers. */
.grayBg {
  background: var(--surface-alt) !important;
}

.fill-white {
  background: var(--surface) !important;
}

.blueHover:hover,
.blueHoverDarken:hover {
  color: var(--link-hover) !important;
}

.redHoverDarken:hover {
  color: color-mix(in srgb, var(--danger) 80%, black) !important;
}

.goldHoverDarken:hover {
  color: color-mix(in srgb, var(--warning) 80%, black) !important;
}

/* ---- 6.7 Bootstrap semantic bg/badge/alert coverage ---- */
.badge {
  padding: 4px 8px;
}

/* White text on filled semantic backgrounds (applies in both themes). */
.bg-primary,
.bg-success,
.bg-danger,
.bg-warning,
.bg-secondary,
.badge-primary,
.badge-success,
.badge-danger,
.badge-warning,
.badge-secondary {
  color: var(--on-brand);
}

/* Alerts only need white text once their fills darken in dark mode (below). */
body[data-theme=dark] .alert-primary,
body[data-theme=dark] .alert-success,
body[data-theme=dark] .alert-danger,
body[data-theme=dark] .alert-warning,
body[data-theme=dark] .alert-secondary,
body[data-theme=dark] .alert-info {
  color: var(--on-brand);
}

body[data-theme=dark] .bg-success,
body[data-theme=dark] .badge-success,
body[data-theme=dark] .alert-success {
  background-color: hsl(from var(--success) h calc(s * 1.50) calc(l * 0.6));
  border-color: var(--success);
}
body[data-theme=dark] .bg-danger,
body[data-theme=dark] .badge-danger,
body[data-theme=dark] .alert-danger {
  background-color: hsl(from var(--danger) h calc(s * 1.50) calc(l * 0.6));
  border-color: var(--danger);
}
body[data-theme=dark] .bg-warning,
body[data-theme=dark] .badge-warning,
body[data-theme=dark] .alert-warning {
  background-color: hsl(from var(--warning) h calc(s * 1.50) calc(l * 0.6));
  border-color: var(--warning);
}
body[data-theme=dark] .bg-secondary,
body[data-theme=dark] .badge-secondary,
body[data-theme=dark] .alert-secondary {
  background-color: hsl(from var(--bs-secondary) h calc(s * 1.50) calc(l * 0.6));
  border-color: var(--bs-secondary);
}
body[data-theme=dark] .bg-info,
body[data-theme=dark] .badge-info,
body[data-theme=dark] .alert-info {
  background-color: hsl(from var(--info) h calc(s * 1.50) calc(l * 0.6));
  border-color: var(--info);
}

/* ---- 6.3 Forms & validation ---- */

/* A form marked .hiddenLabels leans on its placeholders and hides the <label>
   text sitting above each field. Ported from mainBgs.css, which the two pages
   carrying this class (authenticate/login.html and authenticate/fwKiosk.html)
   either stopped loading or are in the middle of dropping. Validation errors
   still show, since those are the one thing a placeholder cannot say. */
form.hiddenLabels div.label label {
  display: none;
}

form.hiddenLabels div.label label.error,
form.hiddenLabels div.label.checkbox label {
  display: block;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]),
select,
textarea,
.form-control,
.form-select {
  background: var(--raised);
  color: var(--text-body);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
}

/* Bootstrap 4 fills these with a literal #e9ecef, which stays light in dark mode. */
.form-control:disabled,
.form-control[readonly] {
  background: var(--surface-alt);
}

/* Field spacing. dashboardNewStyle.min.css put 10pt under every .form-control
   and mainBgs.css sized the bare inputs; a lot of pages are laid out expecting
   that gap and collapse into a stack without it. Bare inputs also get the
   padding back, since Bootstrap only pads .form-control. Bare fields are sized
   by their size/cols attribute, so max-width keeps a large one (size="150")
   inside its column. */
.form-control,
.form-select {
  margin-bottom: 10pt;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not(.form-control),
select:not(.form-control):not(.form-select),
textarea:not(.form-control) {
  padding: .5em .6em;
  line-height: 1.5;
  margin-bottom: 10pt;
  max-width: 100%;
}

label, .form-label {
  color: var(--text);
  font-weight: var(--fw-bold);
}

/* A label is inline-block, so it is only as wide as its text and a floated
   child lands next to that text rather than at the field's right edge.
   mainBgs.css blocked it out; recovered here. Dropped the form ancestor that
   rule carried: div.label is this app's field wrapper and plenty of them sit
   outside a <form>. */
div.label label {
  display: block;
  text-align: left;
}

.input-sm {
  padding: var(--sp-1) var(--sp-2);
  font-size: var(--fs-sm);
}

/* jVal.js class-based error state (replaces inline .css({borderColor:'red'})). */
.jval-invalid {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 22%, transparent) !important;
}

.jval-error-msg {
  color: var(--danger);
  font-size: var(--fs-xs);
}

/* ---- 6.7 Alerts / labels / badges -> flat token colors, squared ---- */
.alert-orange {
  background: color-mix(in srgb, var(--warning) 14%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border));
  color: var(--text);
  border-radius: var(--radius);
}

.label-primary {
  background: var(--brand-fill);
  color: var(--on-brand);
  border-radius: var(--radius-sm);
  padding: .15em .5em;
}

.label-success {
  background: var(--success);
  color: var(--on-brand);
  border-radius: var(--radius-sm);
  padding: .15em .5em;
}

.label-danger {
  background: var(--danger);
  color: #fff;
  border-radius: var(--radius-sm);
  padding: .15em .5em;
}

.progress-bar-success {
  background: var(--success);
}

.hdrWarn {
  color: var(--warning);
}

/* ---- 6.2 Modals — custom lightbox container + backdrop ---- */
#sign_up,
#sign_up_2,
.modal-content {
  background: var(--raised);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
}

/* Modals holding white panels, tab panels or editors take the page gray so those stand out */
:is(#sign_up, #sign_up_2, .modal-content):has(.whitePanel, .shadowPanel, .lightGrayShadowPanel, .whitePanelDarkBorder, .card, .trumbowyg-box, .ui-tabs-panel, .panel) {
  background: var(--page);
}

/* Message detail lightbox (messaging renderMessage): the body is the thing being read */
.messageBody {
  color: var(--text-strong);
  line-height: 1.6;
  overflow-x: auto;
}

.js_lb_overlay {
  background: rgba(16, 24, 40, .5);
}

.lb_overlay_clear.js_lb_overlay {
  background: transparent;
}

/* ---- 6.5 Loading — restyle ad-hoc spinners + reusable .spinner/.skeleton ---- */
.fa-spin,
.fa-refresh,
.fa-spinner {
  color: var(--brand);
}

.spinner {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid color-mix(in srgb, var(--brand) 30%, transparent);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: theme-spin .75s linear infinite;
}

@keyframes theme-spin {
  to {
    transform: rotate(360deg);
  }
}

.skeleton {
  background: linear-gradient(90deg,
      var(--surface-alt) 25%,
      color-mix(in srgb, var(--surface-alt) 60%, var(--surface)) 37%,
      var(--surface-alt) 63%);
  background-size: 400% 100%;
  border-radius: var(--radius-sm);
  animation: theme-skeleton 1.4s ease infinite;
}

@keyframes theme-skeleton {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

/* ---- 6.4 Tables (Bootstrap .table) — token-based, themes in both modes via
   the §4 flip. Mirrors the DataTables block below. Cell borders use --border
   (not --border-strong): in dark, --border is *lighter* than the surface, so
   rows stay visible; --border-strong is darker and would disappear. Change row
   contrast here (striping / hover) rather than in the vendor dark lists. ---- */
.table {
  color: var(--text);
  background: var(--surface);
  border-color: var(--border);
}

.table > thead th,
.table > thead td {
  background: var(--surface-alt);
  color: var(--text);
  border-bottom: 1px solid var(--border-strong);
  font-weight: var(--fw-bold);
}

.table th,
.table td {
  border-color: var(--border);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: color-mix(in srgb, var(--surface-alt) 50%, var(--surface));
  color: var(--text);
}

.table-hover > tbody > tr:hover > * {
  background: var(--surface-alt);
  color: var(--text);
}

/* ---- 6.4 DataTables 2.x (CDN dt-2.3.8 bundle, loaded on ~all list pages) ----
   DT 2.x is CSS-var themeable like Bootstrap: rows/stripe/hover/selection/
   ordering read `--dt-*` triplets, so we repoint those. The Buttons (b-3.2.6)
   and paging widgets still ship hardcoded gradients on their own classes, so
   those get explicit token resets. NOTE: the 1.x classes this section used
   before (.dataTables_filter, .paginate_button, tr.odd) do NOT exist in 2.x —
   they were dead, which is why vendor gradients leaked. */

/* Vars set on `body` (a closer ancestor than DT's own :root, so ours win with no
   !important). DT's built-in dark theme keys off html.dark, which this app never
   sets — it uses body[data-theme=dark] — so we also flip the neutral triplets. */
body {
  --dt-row-selected: var(--brand-fill-rgb);
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: var(--surface);
}
body[data-theme=dark] {
  --dt-row-stripe: 255, 255, 255;
  --dt-row-hover: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}

/* The CDN datatables.min.css is injected by each page AFTER the _header.html
   include (so after theme.css) — at equal specificity it would win by source
   order. !important on the contested properties makes theme win regardless, the
   same way the paging/button resets below already do. (Purely-additive props
   like padding/radius don't collide, so they stay plain.) */

/* Search / length controls (DT2 classes: .dt-search, .dt-length). */
div.dt-container .dt-search input,
div.dt-container .dt-length select {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--radius-sm);
  padding: var(--sp-1) var(--sp-2);
}

table.dataTable thead th,
table.dataTable thead td {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border-strong) !important;
  font-weight: var(--fw-bold);
}

table.dataTable tbody td {
  border-top: 1px solid var(--border) !important;
}

/* Paging (DT2: div.dt-container .dt-paging .dt-paging-button). Vendor paints
   every state with a gradient — name them all so `background:` resets it. */
div.dt-container .dt-paging .dt-paging-button {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface) !important;
  color: var(--text) !important;
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button:active {
  background: var(--surface-alt) !important;
  border-color: var(--border-strong);
  color: var(--text) !important;
}
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  background: var(--brand-fill) !important;
  border-color: var(--brand-fill);
  color: var(--on-brand) !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover {
  background: transparent !important;
  border-color: transparent;
  color: var(--text-muted) !important;
}

/* Buttons extension (b-3.2.6): div.dt-buttons > .dt-button. Vendor gradients on
   base/hover/active states; high specificity + gradient, so match it and use
   the `background:` shorthand with !important. Active class is .dt-button-active
   (not .active) in 2.x. */
div.dt-buttons > .dt-button,
div.dt-buttons > div.dt-button-split .dt-button {
  background: var(--toolbar-btn) !important;
  border: 1px solid color-mix(in srgb, var(--on-toolbar) 20%, var(--toolbar-btn));
  color: var(--on-toolbar) !important;
  text-shadow: none;
  box-shadow: none;
}
div.dt-buttons > .dt-button:hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
  background: color-mix(in srgb, var(--on-toolbar) 12%, var(--toolbar-btn)) !important;
  border-color: color-mix(in srgb, var(--on-toolbar) 35%, var(--toolbar-btn));
  color: var(--on-toolbar) !important;
}
div.dt-buttons > .dt-button.dt-button-active:not(.disabled),
div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button.dt-button-active {
  background: color-mix(in srgb, var(--brand-fill) 18%, var(--surface)) !important;
  border-color: var(--brand-fill);
  color: var(--text) !important;
  box-shadow: none;
}
div.dt-buttons > .dt-button.disabled {
  background: var(--toolbar-btn) !important;
  border-color: color-mix(in srgb, var(--on-toolbar) 20%, var(--toolbar-btn));
  color: var(--text-muted) !important;
}

/* Buttons dropdown collection, info popup, and modal backdrop. */
div.dt-button-collection {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
}
div.dt-button-collection .dt-button:hover:not(.disabled) {
  background: var(--surface-alt) !important;
}
div.dt-button-info {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}
div.dt-button-info h2 {
  background: var(--surface-alt);
  border-bottom: 1px solid var(--border);
  color: var(--text);
}
div.dt-button-background {
  background: rgba(16, 24, 40, .5) !important; /* match .ui-widget-overlay */
}

/* Neutralize jQuery-UI chrome DataTables generates (§6.4). */
.dataTables_wrapper .ui-widget-header,
.dataTables_wrapper .fg-toolbar {
  background: transparent;
  border: none;
  font-weight: inherit;
}

.dataTables_wrapper .ui-corner-tl,
.dataTables_wrapper .ui-corner-tr,
.dataTables_wrapper .ui-corner-bl,
.dataTables_wrapper .ui-corner-br {
  border-radius: var(--radius-sm);
}

/* Flat look: neutralize jQuery-UI's hardcoded chrome back to our tokens
   globally (§Phase 4). jQuery-UI paints every widget (tabs, accordion, dialog,
   datepicker, menu, autocomplete, buttons) through this handful of base + state
   classes, so theming these themes all of them — no per-widget rules needed.
   Loads after jquery-ui.css at equal specificity, so it wins. Dark mode falls
   out of the token flip (§4) plus the existing !important dark overrides above. */
.ui-widget,
.ui-widget-content,
.ui-widget.ui-widget-content,
.ui-widget-header {
  /* border: none; */
  background: var(--surface);
  /* border: 2px solid var(--border); */
}

.ui-widget-content,
.ui-widget-header {
  /* background: transparent; */
  background: var(--surface-alt);
  border: none;
  color: var(--text-body);
}

.fg-toolbar {
  background: var(--toolbar);
  color: var(--on-toolbar);
}

/* Rounded top on DataTables. Corners go on the first child, not overflow:hidden
   on the container, because Buttons drops its export dropdown inside the container. */
:is(.dt-container, .dataTables_wrapper) > :first-child {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

/* Most DataTables dom strings give the top toolbar mt10. Inside a panel that
   gap shows the panel surface as a strip above the gray toolbar. Matched on
   descendant, not direct child: plenty of pages park a wrapper div between the
   panel and the table (users/pages/mainUsersPage.html has #divTable), and a
   child combinator here missed every one of them. */
:is(.whitePanel, .lightGrayPanel, .grayPanel, .shadowPanel, .shadowBox, .lightGrayShadowPanel, .silverFade, .whitePanelDarkBorder, .panel) :is(.dt-container, .dataTables_wrapper) > .fg-toolbar:first-child {
  margin-top: 0 !important;
}

/* Every table gets a frame, so a table placed straight on the page still reads
   as one block. overflow: clip rounds the square toolbar, scroll and cell fills
   at the corners. The app uses no Buttons collections or FixedHeader, the only
   DataTables parts that would render outside the frame. */
:is(.dt-container, .dataTables_wrapper) {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: clip;
}
/* The shared dom string gives the top toolbar mt10, which now lands inside the frame. */
:is(.dt-container, .dataTables_wrapper) > .fg-toolbar:first-child {
  margin-top: 0 !important;
}

.dt-button {
  color: var(--text);
}

/* Top toolbar: one centered row. Info/length left, search centered, export
   buttons right. The shared dom string pads it p5 pb0 (top only), so even it out. */
:is(.dt-container, .dataTables_wrapper) > .fg-toolbar {
  padding: var(--sp-1-5) var(--sp-2) !important;
}
.fg-toolbar > .row {
  align-items: center;
  row-gap: var(--sp-1-5);
}
.fg-toolbar > .row > [class*="col-"] {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.fg-toolbar > .row > .tCenter {
  justify-content: center;
}
.fg-toolbar > .row > .fr {
  justify-content: flex-end;
}
.fg-toolbar :is(.dt-info, .dt-length, .dt-search, .dt-buttons, .dataTables_info, .dataTables_length, .dataTables_filter) {
  margin: 0 !important;
  padding: 0;
  float: none;
}

/* Search: magnifying glass instead of the "Search:" label, input twice the vendor width. */
.fg-toolbar :is(.dt-search, .dataTables_filter) {
  display: flex;
  align-items: center;
  gap: var(--sp-1-5);
  width: 100%;
  justify-content: center;
}
.fg-toolbar :is(.dt-search, .dataTables_filter) label {
  font-size: 0;
  margin: 0;
}
.fg-toolbar :is(.dt-search, .dataTables_filter) label::before {
  content: "\f002";
  font: 900 var(--fs-base)/1 "Font Awesome 5 Free";
  color: var(--on-toolbar);
}
.fg-toolbar :is(.dt-search, .dataTables_filter) input {
  width: 24rem;
  max-width: 100%;
  margin: 0 !important;
  /* Legacy markup nests the input in the zero-size label. */
  font-size: var(--fs-base);
}

/* Export buttons show an icon; iOpsGlobal.js swaps the label into the tooltip. */
/* Export button tooltips (iOpsGlobal.js): a light card with a pointer. */
.tooltip.dtTip {
  opacity: 1;
}
.tooltip.dtTip .tooltip-inner {
  padding: var(--sp-1) var(--sp-2);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text-strong);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  line-height: 20px;
  box-shadow: var(--shadow-sm);
}
/* Tooltip arrows are hidden site-wide; this one keeps a bordered pointer. The
   ::before triangle is the border, the ::after one sits 1px higher as the fill. */
.tooltip.dtTip .tooltip-arrow {
  display: block !important;
  position: absolute;
  bottom: -6px;
  width: 12px;
  height: 6px;
}
.tooltip.dtTip .tooltip-arrow::before,
.tooltip.dtTip .tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 0;
  border: 6px solid transparent;
  border-bottom: 0;
}
.tooltip.dtTip .tooltip-arrow::before {
  top: 0;
  border-top-color: var(--border-strong);
}
.tooltip.dtTip .tooltip-arrow::after {
  top: -1px;
  border-top-color: var(--surface);
}

.dt-button .dtIconSuffix {
  margin-left: 2px;
  font-size: 10px;
  font-weight: var(--fw-bold);
}

.ui-widget-content a,
.ui-widget-header a {
  color: var(--link);
}

/* Interaction states -> token surfaces (tabs, datepicker cells, ui-buttons). */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  font-weight: var(--fw-medium);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border-color: var(--border-strong);
  background: var(--surface);
  color: var(--text);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-button:active {
  border: 1px solid var(--brand-fill);
  background: var(--brand-fill);
  color: var(--on-brand);
}

/* The label is a child <a>/.ui-button-text with its own directly-matched color
   rule (e.g. .ui-widget-content a -> --link), so `color` on the active button
   never reaches it — the brand fill paints but the text stays link-colored.
   Force the child to --on-brand in both themes. */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active .ui-button-text,
.ui-button:active a,
.ui-button:active .ui-button-text {
  color: var(--on-brand);
}

/* Colored text helpers (.redText, .orangeText, …) set color with !important,
   so on a brand-filled active tab they'd keep their own hue against --brand-fill.
   Force them to --on-brand too — same !important weight, more specific selector. */
.ui-state-active [class*="Text"],
.ui-button:active [class*="Text"] {
  color: var(--on-brand) !important;
}

/* ---- jQuery UI tabs — manilla-folder model -----------------------------
   The active tab takes the panel's own background so the two read as one
   surface, and the inactive tabs sit a shade darker and behind it. The
   brand fill above stays put for every other .ui-state-active (datepicker
   day, buttons, accordion headers); this block only reaches the tab strip.
   Both colors come from the same tokens the panel uses, so the pairing
   survives the dark flip. */
/* Vendor pads the strip .2em on three sides, which reads as a gap once the tabs
   sit flush on the panel. */
.ui-tabs .ui-tabs-nav {
  padding: 0;
  /* It picks up .ui-widget-header's fill; transparent lets the page show through. */
  background: transparent;
}

.ui-tabs .ui-tabs-nav li.ui-state-default {
  background: var(--gray-300);
  border: 1px solid var(--border-strong);
  border-bottom-color: var(--border-strong);
  border-radius: 8px 8px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-state-default:hover {
  background: var(--gray-200);
}

/* The active tab and the panel it opens onto are declared together so the two
   can never drift apart. .ui-widget-content lands on --surface-alt for every
   other jQuery UI widget; the tab panel takes --surface instead. */
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-panel.ui-widget-content {
  background: var(--panel);
}

.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-panel.ui-widget-content {
  border: 1px solid var(--border);
  border-radius: 0 0 var(--radius) var(--radius);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  /* Same 1px box as the inactive tabs, so nothing shifts when you switch. It
     matches the panel border and is open at the bottom, so tab and panel join. */
  border: 1px solid var(--border);
  border-bottom-color: var(--panel);
  font-weight: var(--fw-bold);
}

/* Undo the white-on-brand text the .ui-state-active block sets, including the
   colored .redText/.greenText helpers it forces with !important. */
.ui-tabs .ui-tabs-nav li.ui-tabs-active > a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active > a:link,
.ui-tabs .ui-tabs-nav li.ui-tabs-active > a:visited,
.ui-tabs .ui-tabs-nav li.ui-tabs-active > a:hover {
  color: var(--text);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active [class*="Text"] {
  color: inherit !important;
}

/* The widget wrapper is scaffolding, not a surface. Dropping its fill and border
   leaves the tabs standing on the page with only the panel behind them. */
.ui-tabs.ui-widget.ui-widget-content {
  background: transparent;
  border: 0;
  padding: 0;
}

/* The strip stays on one row: tabs shrink (long labels the most) and ellipsize
   down to their icon. The active tab, the hovered tab and its two
   neighbors keep full width. The transition is short and linear on purpose. min-width stops the tab at roughly its icon plus padding. */
.ui-tabs .ui-tabs-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ui-tabs .ui-tabs-nav li {
  float: none;
  flex: 0 1 auto;
  min-width: 2.75em;
  transition: flex-shrink .1s linear;
}
/* Pages turn a tab off by hiding its anchor (usersProfile.js does this per module).
   Without this the empty li keeps its min-width and shows as a gray stub. */
.ui-tabs .ui-tabs-nav li:has(> .ui-tabs-anchor.hidden) {
  display: none;
}
/* Vendor's .2em right margin would stop a full strip short of the panel's right edge. */
.ui-tabs .ui-tabs-nav li:last-child {
  margin-right: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li:has(+ li:hover),
.ui-tabs .ui-tabs-nav li:hover + li {
  flex-shrink: 0;
}

/* Phone: the strip scrolls sideways instead of shrinking. Inactive tabs show only
   their icon (font-size 0 hides the label text, so padding moves to rem), and the
   active tab shows its full label even where it is marked .dNonePhone. A sticky
   arrow hints at more tabs until iOpsGlobal.js adds .tabsScrolled.
   .overflow-xScrollPhone scrolls left/right, but needs to be added manually.
   Every jQuery tab needs this, so I attached it to .ui-tabs-nav. */
@media (max-width: 479px) {
  .ui-tabs .ui-tabs-nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ui-tabs .ui-tabs-nav li {
    flex-shrink: 0;
  }
  .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) .ui-tabs-anchor:has(> i) {
    font-size: 0;
    padding: .5rem .8rem;
  }
  .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) .ui-tabs-anchor > i {
    font-size: var(--fs-base);
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .dNonePhone {
    display: inline !important;
  }
  .ui-tabs .ui-tabs-nav::after {
    content: "\203A";
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    position: sticky;
    right: 0;
    flex: 0 0 1.6em;
    margin-left: -1.6em;
    padding-right: .2em;
    background: linear-gradient(to right, transparent, var(--page) 70%);
    color: var(--text);
    font-size: 1.5em;
    pointer-events: none;
  }
  .ui-tabs .ui-tabs-nav.tabsScrolled::after {
    display: none;
  }
}

body[data-theme=dark] .ui-tabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active) {
  background: var(--canvas);
}

body[data-theme=dark] .ui-tabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):hover {
  background: var(--border);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid color-mix(in srgb, var(--info) 35%, var(--border));
  background: color-mix(in srgb, var(--info) 12%, var(--surface));
  color: var(--text);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border));
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
  color: var(--danger);
}

/* Modal backdrop -> match the app's own lightbox overlay. */
.ui-widget-overlay {
  background: rgba(16, 24, 40, .5);
  opacity: 1;
}

/* bootstrap.min.css absolutely positions .form-check-input (position:absolute,
   negative margin-left) into a padded gutter, which pulls it out of flow so our
   flex row can't place it beside the label. Override at higher specificity: static
   position, no float, no margin, kill the gutter — flex then owns the layout. */
body .form-check {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 0;
}

body .form-check .form-check-input {
  position: static;
  float: none;
  margin: 0;
}

.form-check-label {
  font-weight: var(--fw-bold);
}

.form-check-input {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin: 0;
  vertical-align: top;
  background-color: var(--gray-200);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 4px;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.form-check-input:checked {
  background-color: #1e88e5;
  border-color: #1e88e5;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #1e88e5;
  border-color: #1e88e5;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

/* ---- 6.5 Trumbowyg (rich-text editor, CDN) — knowledgeBase, discussionBoard,
   payments contract editor. Vendor hardcodes a light toolbar (#ecf0f1), light
   separators (#d7e0e2), white hover/dropdowns; point them at tokens so the
   chrome flips with the theme. */
.trumbowyg-box,
.trumbowyg-editor {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}
.trumbowyg-button-pane {
  background: var(--surface-alt);
  border-bottom: 1px solid var(--border);
}
.trumbowyg-button-pane::after,
.trumbowyg-button-pane .trumbowyg-button-group::after {
  background: var(--border);
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus {
  background-color: var(--surface);
}
.trumbowyg-button-pane .trumbowyg-active-button,
.trumbowyg-button-pane button.trumbowyg-active {
  background-color: color-mix(in srgb, var(--brand-fill) 20%, var(--surface));
}
.trumbowyg-dropdown {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}

/* ---- 6.6 jstree default theme (CDN) — knowledgeBase, discussionBoard,
   educationDocs, resources, setupGuide. Node hover/clicked ship fixed light
   blues (#e7f4f9 / #beebff) and a wholerow gradient; retint from --brand-fill.
   (Icon sprite stays as-is — it's a bitmap, not CSS-colorable.) */
.jstree-default .jstree-hovered,
.jstree-default .jstree-wholerow-hovered,
.jstree-default .jstree-clicked.jstree-hovered,
.jstree-default .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: color-mix(in srgb, var(--brand-fill) 12%, var(--surface));
  box-shadow: none;
}
.jstree-default .jstree-clicked,
.jstree-default .jstree-wholerow-clicked {
  background: color-mix(in srgb, var(--brand-fill) 22%, var(--surface));
  box-shadow: none;
}

/* ---- 6.8 Third-party plugin/vendor skins, dark mode (§4 audit) ----
   Fields, cards, modals, tinted panels and the page itself follow the token
   block through --raised, --text-body and --page. What is left here is vendor
   markup (Bootstrap 4, jQuery UI, datepicker, wizard, FullCalendar) that ships
   literal light colors and has no token hook, so dark mode repaints it with
   tokens. The only !important is on .bg-light/.bg-white, which Bootstrap marks
   !important itself. */
body[data-theme=dark] .nav-tabs .nav-link.active,
body[data-theme=dark] .nav-tabs .nav-item.show .nav-link,
body[data-theme=dark] .nav-tabs .nav-link:hover,
body[data-theme=dark] .nav-tabs .nav-link:focus,
body[data-theme=dark] .input-group-text,
body[data-theme=dark] .dropdown-menu,
body[data-theme=dark] ul.list-style-none li a,
body[data-theme=dark] .dropdown-item,
body[data-theme=dark] .picker,
body[data-theme=dark] .popover-body,
body[data-theme=dark] button.list-group-item,
body[data-theme=dark] .mailbox .message-center .message-item .message-title,
body[data-theme=dark] a.link,
body[data-theme=dark] .list-group-item-action {
  color: var(--text-muted);
}


/* Split out from the catch-all above: an active tab's <li> keeps .ui-state-default
   (jQuery UI just adds .ui-state-active), so these matched its link and, being more
   specific than .ui-state-active a, repainted the on-brand label --text-muted in dark.
   Exclude the active state so the brand-fill override wins. Filled buttons keep
   their white label. */
body[data-theme=dark] .ui-widget-content a:not(.ui-state-active a, .greenBtn, .blueBtn, .btn-danger),
body[data-theme=dark] li.ui-state-default:not(.ui-state-active)>a {
  color: var(--text-muted);
}

/* Bootstrap 4 utilities are !important, so the dark fill has to be too. */
body[data-theme=dark] .bg-light,
body[data-theme=dark] .bg-white {
  background-color: var(--surface-alt) !important;
}

body[data-theme=dark] .customizer,
body[data-theme=dark] pre[class*=language-],
body[data-theme=dark] .input-group-text,
body[data-theme=dark] .progress,
body[data-theme=dark] .list-group-item.active,
body[data-theme=dark] .dropdown-menu,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:hover,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:active,
body[data-theme=dark] .wizard:not(.wizard-circle)>.content,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:hover,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:active,
body[data-theme=dark] .offcanvas,
body[data-theme=dark] .tabContent,
body[data-theme=dark] .mvU {
  background-color: var(--surface-alt);
}


body[data-theme=dark] .datepicker table tr td.day.focused,
body[data-theme=dark] .datepicker table tr td.day:hover,
body[data-theme=dark] .datepicker .next:hover,
body[data-theme=dark] .datepicker .prev:hover,
body[data-theme=dark] .datepicker tfoot tr th:hover,
body[data-theme=dark] .fc-unthemed td.fc-today,
body[data-theme=dark] .ui-widget-content:not(.ui-tabs-panel):not(.ui-tabs),
body[data-theme=dark] .dataTables_scrollBody {
  background: var(--surface-alt);
}



/* Both gradient stops were the same color in the source (a vendor-reset
   artifact) — flattened to a solid fill per the no-gradients rule (§Phase 4). */
body[data-theme=dark] .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  background: var(--surface);
}

body[data-theme=dark] .nav-tabs .nav-link.active,
body[data-theme=dark] .nav-tabs .nav-item.show .nav-link,
body[data-theme=dark] .popover,
body[data-theme=dark] .popover-header,
body[data-theme=dark] .list-group-item-action:active,
body[data-theme=dark] .ms-options-wrap>button,
body[data-theme=dark] .u {
  background-color: var(--surface-alt);
  background: unset;
}


/* Gray panels sit in the list above; lift them off the page color */
body[data-theme=dark] :is(.lightGrayPanel, .lightGrayShadowPanel, .grayPanel) {
  background-color: var(--panel-alt);
}

/* List group rows are white on the page and on gray panels, and step down to
   gray on white surfaces, so they read as buttons either way. :where() keeps
   the second rule at the first one's weight, so .menuList still wins. */
.list-group-item:not(.active) {
  background-color: var(--surface);
}
:where(.whitePanel, .shadowPanel, .shadowBox, .whitePanelDarkBorder, .panel, .card, .ui-tabs-panel, .modal-content) .list-group-item:not(.active) {
  background-color: var(--panel-alt);
}
:where(.lightGrayPanel, .grayPanel, .silverFade, .lightGrayShadowPanel) .list-group-item:not(.active) {
  background-color: var(--surface);
}
/* Dark --surface sits below the page color, so dark rows stay on --panel-alt everywhere. */
:where(body[data-theme=dark]) .list-group-item:not(.active) {
  background-color: var(--panel-alt);
}
a.list-group-item:not(.active):hover,
.list-group-item-action:not(.active):hover {
  background-color: color-mix(in srgb, var(--text) 10%, var(--panel-alt));
}

/* Bootstrap drops the top border on any .list-group-item that follows another
   one, so a stacked list shares one rule between rows instead of doubling it.
   That assumes the items are flush, and plenty of pages here use the class as a
   standalone card with its own margin and radius (setup/tab0thru7 is the
   clearest case), where the rule just removes one side and leaves a three-sided
   box. Put the border back, then collapse it again only where the items really
   are stacked inside a .list-group. */
.list-group-item + .list-group-item {
  border-top-width: 1px;
}

.list-group > .list-group-item + .list-group-item {
  border-top-width: 0;
}

/* Module menu pages (inventory home): rows as separate rounded cards with
   tinted icon chips. Opt-in via .menuList on the column holding the rows. */
.menuList .list-group-item {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  margin-bottom: 6px;
  box-shadow: var(--shadow-sm);
}
/* One hover tint for whole rows and each half of a split row. */
.menuList a.list-group-item:not(.active):hover,
.menuList .list-group-item.d-flex > a:hover {
  background-color: color-mix(in srgb, var(--link) 8%, var(--surface));
}
.menuList a.list-group-item:not(.active):hover {
  border-color: var(--link);
}
.menuList .list-group-item,
.menuList .list-group-item a:hover {
  text-decoration: none;
}
/* Split rows (p0 wrapper, p8 links): line the first link up with the
   standard row padding. !important because .p8 carries it. */
.menuList .list-group-item.d-flex > a {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}
.menuList .list-group-item.d-flex > a:first-child {
  padding-left: 1.25rem !important;
}
.menuList .list-group-item.d-flex > a:last-child {
  padding-right: 1.25rem !important;
}
/* Each side of a split row is its own bordered half, button-group style:
   the wrapper drops its border, the halves overlap by 1px at the split, and
   the hovered half's blue border draws on top. */
.menuList .list-group-item.d-flex {
  border: 0;
}
.menuList .list-group-item.d-flex > a {
  position: relative;
  border: 1px solid var(--border);
}
.menuList .list-group-item.d-flex > a:first-child {
  border-radius: 4px 0 0 4px;
}
.menuList .list-group-item.d-flex > a:last-child {
  border-radius: 0 4px 4px 0;
}
.menuList .list-group-item.d-flex > a + a {
  margin-left: -1px;
}
.menuList .list-group-item.d-flex > a:hover {
  border-color: var(--link);
  z-index: 1;
}
.menuList .list-group-item .fa-fw {
  color: var(--link);
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-right: 6px;
  border-radius: 4px;
  background-color: color-mix(in srgb, currentColor 14%, transparent);
}
/* Primary actions get a left accent bar. */
.menuList .list-group-item.fBold {
  border-left: 3px solid var(--link);
}
.menuList .list-group-item.fBold:has(.redText) {
  border-left-color: var(--danger);
}
/* Bracketed hint after a link's title, e.g. [Enable/Disable Modules]. */
.menuList .menuHint {
  color: var(--text);
  font-weight: var(--fw-normal);
}
/* A row of equal-width step cards with arrows between, e.g. the System Config Scheduling tab. */
.menuSteps {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.menuSteps > .list-group-item {
  flex: 1 1 0;
  margin-bottom: 0;
}
.menuSteps > .fa-angle-right {
  align-self: center;
  color: var(--text-muted);
}

body[data-theme=dark] .footer,
body[data-theme=dark] .dropzone,
body[data-theme=dark] .dropdown-item:hover,
body[data-theme=dark] .dropdown-item:focus,
body[data-theme=dark] .mailbox .message-center .message-item.active,
body[data-theme=dark] .mailbox .message-center .message-item:hover {
  background: var(--surface);
}


body[data-theme=dark] .fc-unthemed .fc-divider,
body[data-theme=dark] .fc-unthemed .fc-list-heading td,
body[data-theme=dark] .fc-unthemed .fc-popover .fc-header {
  background: var(--text-muted);
}

/* Bootstrap 4 border utilities are !important, so the dark color has to be too. */
body[data-theme=dark] .border-bottom,
body[data-theme=dark] .border-top,
body[data-theme=dark] .border-start,
body[data-theme=dark] .border-end,
body[data-theme=dark] .border {
  border-color: var(--border-strong) !important;
}

body[data-theme=dark] .form-check-input,
body[data-theme=dark] .btn-outline-secondary,
body[data-theme=dark] .dropdown-menu,
body[data-theme=dark] .footer,
body[data-theme=dark] .modal-header,
body[data-theme=dark] .modal-footer,
body[data-theme=dark] blockquote,
body[data-theme=dark] pre[class*=language-],
body[data-theme=dark] .lightGrayPanel,
body[data-theme=dark] .lightGrayShadowPanel,
body[data-theme=dark] .grayPanel,
body[data-theme=dark] .nav-tabs .nav-link.active,
body[data-theme=dark] .nav-tabs .nav-item.show .nav-link,
body[data-theme=dark] .nav-tabs,
body[data-theme=dark] .nav-tabs .nav-link:hover,
body[data-theme=dark] .nav-tabs .nav-link:focus,
body[data-theme=dark] .list-group-item,
body[data-theme=dark] .input-group-text,
body[data-theme=dark] .dropzone,
body[data-theme=dark] .mailbox .message-center .message-item,
body[data-theme=dark] .mailbox .nav-link,
body[data-theme=dark] .dropdown-divider,
body[data-theme=dark] .table-bordered,
body[data-theme=dark] .table-bordered td,
body[data-theme=dark] .table-bordered th,
body[data-theme=dark] .popover-header {
  border-color: var(--border-strong);
}

/* The sidebar is dark in both themes, so --border-strong (#1c2229) disappears on it. */
body[data-theme=dark] #sidebarnav .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--surface);
}

body[data-theme=dark] .ql-snow .ql-stroke {
  stroke: var(--text-muted);
}

body[data-theme=dark] .wizard-content .wizard>.steps>ul>li.current .step {
  border-color: var(--info) !important;
  background-color: var(--canvas);
}

body[data-theme=dark] .wizard-content .wizard>.steps>ul>li.current>a {
  color: var(--text);
}

body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
  background-color: var(--border-strong);
}

body[data-theme=dark] .fc-unthemed td.fc-today,
body[data-theme=dark] .fc-toolbar .fc-button.fc-state-active,
body[data-theme=dark] .fc-unthemed .fc-divider,
body[data-theme=dark] .fc-unthemed .fc-list-heading td,
body[data-theme=dark] .fc-unthemed .fc-popover .fc-header,
body[data-theme=dark] .card-header {
  background: var(--border-strong);
}

/* ---- text-shadow retired (soft-flat: no text shadows) ---- */
.textShadow,
.textShadowDark {
  text-shadow: none;
}

/* ---- generic weight/style helpers re-homed to tokens ---- */
.fBold {
  font-weight: var(--fw-bold) !important;
}

.fNormal {
  font-weight: var(--fw-normal) !important;
}

.fItalic {
  font-style: italic !important;
}

.font-weight-medium {
  font-weight: var(--fw-medium) !important;
}

/* ---- 6.9 Misc app components confirmed live in _footer.html/_body.html ---- */
.blackText,
a.blackText,
a.blackText:visited {
  color: var(--text) !important;
}

body.lightGrayBg {
  background-color: var(--page);
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--border-strong);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(39px);
  -ms-transform: translateX(39px);
  transform: translateX(39px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Notification-badge ping animation ([classes/View.html](classes/templates/View.html) etc.). */
.notify {
  position: relative;
  top: -35px;
  right: -8px;
}

.hdrWarn.notify {
  top: -5px;
  right: -6px;
}

.hmc.notify {
  top: -15px;
  right: -7px;
}

.notify .heartbit {
  position: absolute;
  top: -20px;
  right: -4px;
  height: 25px;
  width: 25px;
  z-index: 10;
  border: 5px solid var(--danger);
  border-radius: 70px;
  animation: heartbit 1s ease-out;
  animation-iteration-count: infinite;
}

.notify .point {
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: var(--danger);
  position: absolute;
  right: 6px;
  top: -10px;
}

@keyframes heartbit {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  25% {
    transform: scale(.1);
    opacity: .1;
  }

  50% {
    transform: scale(.5);
    opacity: .3;
  }

  75% {
    transform: scale(.8);
    opacity: .5;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.preloader {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 99999;
  background: var(--surface);
}

/* Dark before AdminSettings runs: html[data-theme] comes from the cached settings in iOpsGlobal.js. */
html[data-theme=dark] .preloader {
  background: var(--page);
}

/* Preloader SVG mark ([_body.html](../../_templates/_body.html)) — geometry only, no color. */
.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 500px;
  height: 500px;
  top: calc(50% - 160px);
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* =========================================================================
   SIDEBAR + LAYOUT — ported verbatim from dashboardNewStyle.css.
   Raw admin-theme rules (hardcoded colors). Placed BEFORE the token-driven
   navbar section below so theme.css overrides still win, exactly as when
   dashboardNewStyle.css loaded ahead of theme.css. TODO: tokenize.
   ========================================================================= */
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.error-box .error-title {
  font-size: 210px;
  font-weight: 900;
  text-shadow: 4px 4px 0 #fff, 6px 6px 0 #343a40;
  line-height: 210px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .error-box .error-title {
    font-size: 150px;
    line-height: 150px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .error-box .error-title {
    font-size: 70px;
    line-height: 70px;
  }
}

.sidebar-nav .has-arrow::after {
  -webkit-transform: rotate(-45deg) translate(0, -50%);
  -ms-transform: rotate(-45deg) translate(0, -50%);
  -o-transform: rotate(-45deg) translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sidebar-nav li.active>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded=true]::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  -ms-transform: rotate(-135deg) translate(0, -50%);
  -o-transform: rotate(-135deg) translate(0, -50%);
  transform: rotate(-135deg) translate(0, -50%);
}

#pills-home > div {
  padding: 12px 16px;
}

#main-wrapper {
  width: 100%;
  overflow: hidden;
}

.page-wrapper {
  color: var(--text-body);
  position: relative;
  display: none;
  transition: 0.2s ease-in;
}
/* adminSettings.js adds .pageReady once the layout is set. On screen the wrapper
   fills the window and the content grows, so the footer sits at the bottom of
   short pages and below the content on long ones. */
.page-wrapper.pageReady {
  display: block;
}
@media screen {
  .page-wrapper.pageReady {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  .page-wrapper.pageReady > .container-fluid {
    flex: 1 0 auto;
    min-height: auto;
    width: 100%;
  }
}

/* Dom: unset width if past 1200px; allow to fill whole screen */
@media (min-width: 1200px) {
  .container {
    max-width: unset;
  }
}

.page-wrapper>.container-fluid,
.page-wrapper>.container-sm,
.page-wrapper>.container-md,
.page-wrapper>.container-lg,
.page-wrapper>.container-xl,
.page-wrapper>.container-xxl {
  /* padding: 20px 30px; (this was removed in classic) */
  min-height: calc(100vh - 180px);
  max-width: 1800px;
}

.page-wrapper>.page-titles {
  max-width: 1800px;
  margin: 0 auto;
}

.footer {
  background: #fff;
  border-top: 1px solid var(--border);
  padding: 17px 15px;
}

.left-part {
  position: absolute;
  height: 100%;
  width: 260px;
  border-right: 1px solid var(--border);
}

.left-part.fixed-left-part {
  position: fixed;
  top: 0;
  padding-top: 10px;
}

.left-part .show-left-part {
  position: absolute;
  top: 45%;
  right: -41px;
}

.right-part {
  width: calc(100% - 260px);
  height: calc(100vh - 127px);
  margin-left: 260px;
}

.reverse-mode .left-part {
  right: 0;
  border-left: 1px solid var(--border);
}

.reverse-mode .show-left-part {
  right: auto;
  left: -41px;
}

.reverse-mode .right-part {
  margin-left: 0;
  margin-right: 260px;
}

.navbar-nav {
  display: flex;
  align-items: center;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header {
  transition: 0.2s ease-in;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
  margin-left: 280px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .page-wrapper {
  margin-left: 180px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .navbar-brand .logo-text {
  display: none;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .left-sidebar,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .left-sidebar .sidebar-footer,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .topbar .top-navbar .navbar-header {
  width: 180px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item {
  width: calc(180px - 30px);
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .first-level {
  padding-left: 0;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link {
  display: block;
  white-space: nowrap;
  text-align: center;
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link i {
  display: block;
  width: auto;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
  width: 240px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
  left: -280px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].show-sidebar .left-sidebar {
  left: 0;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-header {
  position: fixed;
  z-index: 10;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
  position: fixed;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {
  position: fixed;
  width: 100%;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
  padding-top: 70px;
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed] {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  box-shadow: var(--shadow-lg);
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed][data-header-position=fixed] .topbar {
  max-width: 1300px;
}

@media (min-width: 768px) {
  #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
    width: 280px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header .navbar-brand {
    width: 280px;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
    margin-left: 280px;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
    margin-left: 65px;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
    margin-left: 180px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
    width: 65px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
    display: none;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
    width: 280px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-text {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
    margin-left: 65px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-img {
    margin-left: 9px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-text {
    display: none;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul {
    padding: 7px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after {
    display: none;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
    justify-content: center;
    padding: 14px 14px 14px 14px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap i {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
    /* 51px link minus 6.5px each side fits the 38px icon exactly, so it centers */
    padding: 14px 6.5px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level {
    padding: 0 0 10px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 10px 6.5px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
    width: 65px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
    display: none;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
    width: 280px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-img {
    margin-left: 30px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-text {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap {
    justify-content: flex-start;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap i {
    display: none;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img {
    width: 50px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img::before {
    width: 50px;
    height: 50px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .u-dropdown {
    display: block;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
    padding: 8px 35px 8px 8px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level {
    padding: 10px 0 0 5px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 10px 35px 10px 20px;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-footer {
    display: flex;
  }
}

@media (max-width: 767px) {
  .page-wrapper>.container-fluid {
    padding-left: 2px;
    padding-right: 2px;
  }

  .container {
    padding-left: 2px;
    padding-right: 2px;
  }

  #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar,
  #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
    left: -280px;
  }

  #main-wrapper.show-sidebar .left-sidebar,
  #main-wrapper.show-sidebar .left-sidebar .sidebar-footer {
    left: 0;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
    position: relative;
    top: 70px;
  }

  .left-part {
    position: fixed;
    left: -260px;
    background: var(--surface-alt);
    z-index: 1;
    transition: 0.1s ease-in;
  }

  .left-part.show-panel {
    left: 0;
  }

  .reverse-mode .left-part {
    right: -260px;
    left: auto;
  }

  .reverse-mode .left-part.show-panel {
    right: 0;
  }

  .right-part {
    width: 100%;
    margin-left: 0;
  }
}

.left-sidebar {
  position: absolute;
  width: 280px;
  height: 100%;
  top: 0;
  padding-top: 70px;
  z-index: 10;
  background: #fff;
  box-shadow: var(--shadow-sm);
  transition: 0.2s ease-in;
}

.left-sidebar .sidebar-footer {
  position: fixed;
  bottom: 0;
  width: 280px;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--border);
  z-index: 99;
  transition: 0.2s ease-in;
}

.left-sidebar .sidebar-footer a {
  padding: 15px;
  width: 33.333337%;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

/* was perfect-scrollbar 0.6.10; native overflow replaces it. The bar itself is
   hidden: collapsed, the sidebar is 60px wide and the 8px gutter cut into the
   active item's fill. Wheel, trackpad, touch and keyboard all still scroll. */
.scroll-sidebar {
  position: relative;
  height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

.scroll-sidebar::-webkit-scrollbar {
  display: none;
}

/* Horizontal layout turns .scroll-sidebar into a 54px flex bar whose dropdowns
   open downward, outside it. Any overflow here clips them, so it must stay
   visible. Matches the min-width where the horizontal rules take effect. */
@media (min-width: 992px) {
  #main-wrapper[data-layout="horizontal"] .scroll-sidebar {
    overflow: visible;
  }
}

.sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
  background-color: #343a40;
  color: #fff;
  opacity: 1;
  font-weight: 400;
}

.sidebar-nav ul {
  padding: 15px;
}

.sidebar-nav ul .sidebar-item {
  width: 100%;
  margin-bottom: 10px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
  padding: 8px 35px 8px 8px;
  display: flex;
  border-radius: 4px;
  white-space: nowrap;
  align-items: center;
  position: relative;
  line-height: 25px;
  font-size: 14px;
  opacity: 0.6;
  color: #fff;
}

.sidebar-nav ul .sidebar-item .sidebar-link i {
  font-style: normal;
  line-height: 25px;
  font-size: 21px;
  color: #fff;
  text-align: center;
  width: 38px;
  flex-shrink: 0;
  display: inline-block;
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  opacity: 1;
  text-decoration: none;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active {
  font-weight: 500;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
  background-color: #343a40;
  color: #fff;
  opacity: 1;
  /*background: rgba(0, 0, 0, 0.04);*/
}

.sidebar-nav ul .sidebar-item .first-level {
  padding: 10px 0 0 5px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
  margin-bottom: 0;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link {
  opacity: 1;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
  padding: 3px 35px 3px 20px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
  display: none;
  font-size: 14px;
}


.sidebar-nav ul .nav-small-cap {
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  opacity: 1;
  text-transform: uppercase;
  font-weight: 500;
  padding: 14px 14px 14px 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.sidebar-nav ul .nav-small-cap i {
  line-height: 30px;
  margin: 0 5px;
  display: block !important;
}

.sidebar-nav ul .nav-devider {
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  margin: 14px 0;
  display: block;
}

.sidebar-nav ul {
  margin: 0;
}

.sidebar-nav ul li {
  list-style: none;
}

.collapse.in {
  display: block;
}

.sidebar-nav .has-arrow {
  position: relative;
}

.sidebar-nav .has-arrow::after {
  position: absolute;
  content: "";
  width: 0.55em;
  height: 0.55em;
  margin-left: 10px;
  top: 20px;
  right: 15px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #fff;
}

/*.sidebar-nav .active > .has-arrow::after,*/
/*.sidebar-nav li.selected > .has-arrow::after,*/
.user-profile .profile-text>a {
  padding: 6px 30px;
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.user-profile .profile-text>a:after {
  position: absolute;
  right: 20px;
  top: 15px;
}

.user-profile .profile-img {
  width: 50px;
  margin-left: 30px;
  padding: 35px 0;
}

.user-profile .profile-img::before {
  -webkit-animation: 2.5s blow 0s linear infinite;
  animation: 2.5s blow 0s linear infinite;
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 35px;
  border-radius: 50%;
  z-index: 0;
}

@-webkit-keyframes blow {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }

  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
}

@keyframes blow {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }

  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
}

/* Popper places this menu. Bootstrap 5 JS reads --bs-position (not the class) to right-align it */
.user-profile .dropdown-menu {
  width: 240px;
  --bs-position: end;
}

/* CSS modernization: dropdown display + viewport overflow guard */
.dropdown-menu {
  border: 1px solid var(--border-strong);
  border-radius: 0.5rem;
  box-shadow: var(--shadow-lg);
  padding: 0.5rem 0;
  /* ponytail: clamp to viewport so right-aligned menus never bleed off-screen (mobile) */
  max-width: calc(100vw - 1rem);
}

.dropdown-item {
  padding: 0.5rem 1rem;
}

/* Every other item in a menu sits under a .dropdown-divider, worth 17px of
   margin and rule on top of its own padding. The first one has only the menu's
   own .5rem, or whatever margin a header block above it happens to carry, so it
   reads tight next to the rest. Direct child only: in <li>-based menus the item
   is not a child of the menu, and there :first-of-type would match every row. */
.dropdown-menu > .dropdown-item:first-of-type {
  padding-top: 0.875rem;
}

/* end-aligned menus anchor their right edge to the toggle, opening leftward */
.dropdown-menu-end {
  right: 0;
  left: auto;
}

.customizer {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background: #fff;
  z-index: 100;
  box-shadow: var(--shadow-sm);
  transition: 0.3s ease-in;
}

.customizer .service-panel-toggle {
  position: absolute;
  bottom: 25px;
  left: -30px;
  color: #fff;
  background: #26c6da;
  border-radius: 100%;
  padding: 17px 20px;
}

.customizer .service-panel-toggle i {
  color: #fff;
}

.customizer.show-service-panel {
  position: fixed;
  right: 0;
}

.customizer.show-service-panel .service-panel-toggle {
  border-radius: 30px 0 0 30px;
  left: -54px;
}

.customizer .customizer-body {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.customizer .btn-circle {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Tabs stay put, the pane under them scrolls */
.customizer .customizer-body .tab-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.customizer .customizer-tab {
  display: flex;
}

.customizer .customizer-tab .nav-item {
  width: 33.33%;
  text-align: center;
}

.customizer .customizer-tab .nav-item .nav-link {
  color: var(--text);
  border-bottom: 3px solid transparent;
  padding: 15px 12px;
}

.customizer .customizer-tab .nav-item .nav-link:hover,
.customizer .customizer-tab .nav-item .nav-link.active {
  color: #009efb;
  border-bottom: 3px solid #009efb;
}

#main-wrapper[data-layout=horizontal] .page-titles {
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
  padding: 15px 30px 0;
}

#main-wrapper[data-layout=horizontal] .footer {
  background: transparent;
  border-top: 0;
  text-align: center;
}

#main-wrapper[data-layout=horizontal] .right-part {
  height: calc(100vh - 180px);
}

#main-wrapper[data-layout=horizontal] .chat-container .chat-box {
  height: calc(100vh - 365px) !important;
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .topbar {
  position: fixed;
  width: 100%;
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {
  padding-top: 70px;
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .topbar {
  position: fixed;
  width: 100%;
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {
  position: fixed;
  padding-top: 70px;
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
  padding-top: 78px;
}

@media (min-width: 992px) and (max-width: 1599.98px) {

  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-fluid,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-sm,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-md,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-lg,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-xl,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper>.container-xxl {
    padding: 20px 10px;
  }
}

@media (min-width: 992px) {
  #main-wrapper[data-layout=horizontal] {
    background: var(--page);
  }

  #main-wrapper[data-layout=horizontal] .page-titles {
    padding: 15px 10px 0;
  }

  #main-wrapper[data-layout=horizontal] .topbar {
    transition: 0s;
  }

  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .top-navbar,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .scroll-sidebar,
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
  }

  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav {
    flex-wrap: wrap;
  }

  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
    display: block;
  }

  #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
    padding-top: 125px;
  }

  #main-wrapper[data-layout=horizontal] .mega-dropdown .first-level {
    max-height: 400px;
    overflow: auto;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
    width: 200px;
  }

  #main-wrapper[data-layout=horizontal] .topbar .sidebartoggler {
    display: none;
  }

  #main-wrapper[data-layout=horizontal] .left-sidebar {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
    z-index: 45;
    transition: 0s;
  }

  #main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar {
    height: 54px;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav ul {
    display: flex;
  }

  #main-wrapper[data-layout=horizontal] .scroll-sidebar {
    height: auto;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
    display: flex;
    width: 100%;
    padding: 6px;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
    margin-right: 6px;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child {
    margin-right: 0;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link {
    padding: 8px 32px 8px 5px;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item {
    position: relative;
    width: auto;
    margin-bottom: 0;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item #opTabScrollOnHorizontal {
    /* Ensures that the operations tab's dropdown has a max height and scrolls on horizontal menus. Prevents certain options from being stuck off-screen. */
    max-height: 85dvh;
    overflow-y: auto;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .first-level {
    padding: 0;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
    transform: rotate(-135deg) translate(0, -50%);
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level {
    right: 0;
    left: auto;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level {
    width: 400px;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level>.sidebar-item {
    float: left;
    vertical-align: top;
    width: 50%;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul {
    position: absolute;
    left: 0;
    top: auto;
    width: 220px;
    padding-bottom: 0;
    display: none;
    z-index: 100;
    box-shadow: var(--shadow-lg);
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown {
    position: static;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level {
    width: 100%;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level>li {
    width: 25%;
    float: left;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover {
    background: rgba(0, 0, 0, 0.035);
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse {
    display: block;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level>li,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse>li {
    background: rgba(0, 0, 0, 0.035);
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul.second-level {
    left: 220px;
    top: 0;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level ul.second-level,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .right-side-dd ul.second-level {
    right: 220px;
    top: 0;
    left: auto;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level>.sidebar-item:hover ul.second-level {
    display: block;
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro,
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge {
    display: none;
  }
}

@media (max-width: 991.98px) {

  #main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar,
  #main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
    left: -280px;
  }

  #main-wrapper[data-layout=horizontal].show-sidebar .left-sidebar,
  #main-wrapper[data-layout=horizontal].show-sidebar .left-sidebar .sidebar-footer {
    left: 0;
  }

  #main-wrapper[data-layout=horizontal][data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=horizontal][data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
    position: relative;
    top: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.show,
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.collapsing {
    display: block;
    width: 100%;
    border-top: 1px solid var(--border);
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav {
    flex-direction: row;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav .dropdown {
    position: static;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding: 0 10px;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu {
    position: absolute;
    width: 100%;
  }

  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu .with-arrow {
    display: none;
  }
}

#main-wrapper .topbar .top-navbar .navbar-header {
  background: #1e88e5;
}

#main-wrapper[data-layout=vertical],
#main-wrapper[data-layout=horizontal] {
  /*This is for the logo bg*/
  /*This is for the sidebar bg*/
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
  background: #1e88e5;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin2],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin2] {
  background: #00acc1;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin3] {
  background: #fc4b6c;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin4],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin4] {
  background: #7460ee;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
  background: var(--gray-800);
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
  background: #fff;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo {
  display: inline;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo {
  display: none;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler {
  color: var(--text);
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1] {
  background: #1e88e5;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin2],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin2],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin2],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin2] {
  background: #00acc1;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin3],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin3],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin3],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin3] {
  background: #fc4b6c;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin4],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin4],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin4],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin4] {
  background: #7460ee;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin5],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin5],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin5],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin5] {
  background: var(--gray-800);
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6] {
  background: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] ul {
  background: #1e88e5;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1] .sidebar-footer,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1] ul .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] ul .sidebar-footer {
  background: #1e88e5;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul {
  background: #00acc1;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] .sidebar-footer,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-footer {
  background: #00acc1;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul {
  background: #fc4b6c;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] .sidebar-footer,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-footer {
  background: #fc4b6c;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] ul {
  background: #7460ee;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] .sidebar-footer,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] ul .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] ul .sidebar-footer {
  background: #7460ee;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] {
  background: var(--gray-800);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-footer {
  background: var(--gray-800);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul {
  background: var(--gray-800);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
  background-color: #21c1d6;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] {
  background: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer {
  background: var(--surface-alt);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer a,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer a {
  color: var(--text);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
  background-color: #26c6da;
  color: #fff !important;
  opacity: 1;
  font-weight: 400;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i {
  color: #fff !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after {
  border-color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
  background: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
  color: var(--text);
  opacity: 1;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
  color: var(--text-muted);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover {
  color: var(--text-strong);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i {
  color: var(--text-strong);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active {
  color: var(--text-strong);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
  color: #fff;
  background-color: #26c6da;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i {
  color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link.has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link.has-arrow::after {
  border-color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link:hover i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link:hover i {
  color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap {
  color: var(--text-muted);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after {
  border-color: var(--text);
}

#main-wrapper[data-layout=horizontal] .scroll-sidebar .user-profile {
  display: none !important;
}

#main-wrapper[data-layout=horizontal] .scroll-sidebar .sidebar-nav ul li.hideHorizontal {
  display: none !important;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
  background-color: #21c1d6;
}

/* =========================================================================
  NAVBAR — token-driven, loaded AFTER Bootstrap (which still does layout).
   ========================================================================= */
/* .topbar is the outer container; the dark bar is the inner .top-navbar.
   Legacy left .topbar white (#fff), which showed as a light seam between the
   dark navbar and dark sidebar. Transparent lets the chrome show through. */
.topbar {
  background: transparent;
}

.navbar {
  background-color: var(--gray-800);
}

.navbar-brand {
  color: var(--brand);
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--brand-fill-hover);
}

.navbar-nav .nav-link {
  color: var(--brand);
  font-weight: var(--fw-medium);
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #fff;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #fff;
}

/* Hamburger icon: white strokes on the dark bar (hardcoded — it's an icon fill,
   not a theme surface, so it doesn't need a token). */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Left sidebar — matches the navbar's dark chrome. The retired skin-picker
   (§4 audit, "Skin picker") still left [data-sidebarbg=skinN] attribute rules
   in the legacy file with equal-or-higher specificity than a bare .left-sidebar
   selector; matching the attribute selector here (tied specificity, later in
   source order) is what makes ours win instead of the old per-user skin color. */
.left-sidebar,
.left-sidebar[data-sidebarbg] {
  background: var(--gray-800);
  box-shadow: var(--shadow-sm);
}

.left-sidebar .sidebar-footer {
  border-top: 1px solid var(--border-strong);
}

.sidebar-nav>ul>.sidebar-item>.sidebar-link.active,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
  background-color: var(--heading);
}

/* === Navbar styles merged from dashboardNewStyle.css === */

.topbar {
  position: relative;
  height: 70px;
  /* background left to the transparent .topbar rule above — setting --surface
     here reintroduced the light seam between the navbar and sidebar. */
  z-index: 50;
  transition: 0.2s ease-in;
  box-shadow: var(--shadow-sm);
}

.topbar .navbar-collapse {
  padding: 0px 10px 0 0;
}

.topbar .top-navbar {
  min-height: 70px;
  padding: 0;
}

.topbar .top-navbar .dropdown-toggle::after {
  display: none;
}

.topbar .top-navbar .navbar-header {
  line-height: 70px;
}

.topbar .top-navbar .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
  margin-right: 5px;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
  line-height: 70px;
  height: 70px;
  padding: 0px 0.75rem;
  font-size: 19px;
}

.topbar .top-navbar .navbar-nav>.nav-item {
  transition: 0.2s ease-in;
}

.topbar .top-navbar .navbar-nav>.nav-item:hover {
  background: rgba(0, 0, 0, 0.05);
}

.topbar .user-dd,
.topbar .mailbox {
  width: 300px;
}

/* Header dropdown titles and empty-state rows: icon in a fixed slot, centered on its text */
.mailbox .fs-4,
.mailbox .message-center > div {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}

.mailbox .fs-4 > i,
.mailbox .message-center > div > i {
  width: 1.25em;
  text-align: center;
  flex-shrink: 0;
}

.topbar .nav-toggler,
.topbar .topbartoggler {
  color: #fff;
  padding: 0 0.75rem;
}

.search-box .app-search {
  position: absolute;
  margin: 0px;
  display: block;
  z-index: 110;
  width: 100%;
  top: -1px;
  box-shadow: var(--shadow-lg);
  display: none;
  left: 0px;
}

.search-box .app-search input {
  width: 100%;
  padding: 25px 40px 25px 20px;
  border-radius: 0px;
  font-size: 17px;
  transition: 0.5s ease-in;
  height: 70px;
}

.search-box .app-search .srh-btn {
  position: absolute;
  top: 23px;
  right: 20px;
  cursor: pointer;
}

.topbar .mega-dropdown {
  position: static;
}

.topbar .mega-dropdown .dropdown-menu {
  border-radius: 0px;
}

.topbar .dropdown-menu .with-arrow>span {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

@media (max-width: 767px) {

  .topbar .top-navbar .navbar-collapse.show,
  .topbar .top-navbar .navbar-collapse.collapsing {
    display: flex;
    width: 100%;
    border-top: 1px solid var(--border);
  }

  .topbar .top-navbar .navbar-nav {
    flex-direction: row;
  }

  .topbar .top-navbar .navbar-nav .dropdown {
    position: static;
  }

  .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding: 0 10px;
  }

  .topbar .top-navbar .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .topbar .top-navbar .dropdown-menu {
    position: absolute;
    width: 100%;
  }

  .topbar .top-navbar .dropdown-menu .with-arrow {
    display: none;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .mailbox .message-center {
    height: 110px !important;
  }
}

@media (min-width: 576px) {
  .topbar .navbar-expand-md .navbar-collapse {
    justify-content: space-between;
  }
}

/* === #sign_up styles merged from mainBgs.css === */
#sign_form,
#sign_up,
#sign_up_2,
#sign_up_3 {
  background: var(--surface);
  color: var(--text);
  -webkit-border-radius: 6px;
  border: 1px solid var(--border);
  padding: 14px 22px;
  width: 400px;
  position: relative;
  display: none
}

/* The close affordance in the corner of those panels. mainBgsV9 drew it as a
   sprite from graphics/download_sprite.png and dashboardNewStyle.min.css then
   unset the sprite, leaving the positioning behind; the markup carries its own
   <i class="fa fa-times"> glyph. Positioning is all that survives here. */
#close_x,
#close_x_2 {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  cursor: pointer;
  opacity: .5;
}

#close_x:hover,
#close_x_2:hover {
  opacity: 1;
}

/* =========================================================================
   SIDEBAR + LAYOUT (cont.) — horizontal mode (fw / session.fw==1), skin5
   (ride-along), skin6 (fw), + base sidebar/topbar states — ported verbatim
   from dashboardNewStyle.css. Raw admin-theme colors (TODO: tokenize).
   Skipped: dir=rtl (app is LTR), body[data-theme=dark] (theme.css §4 owns
   dark mode), skin1-4 + .left-part/.right-part/.page-titles (unused).
   ========================================================================= */

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  line-height: 70px;
  height: 70px;
  padding: 0px 0.75rem;
  font-size: 19px;
}

.topbar .top-navbar .navbar-nav > .nav-item {
  transition: 0.2s ease-in;
}

.topbar .top-navbar .navbar-nav > .nav-item:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded=true]::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  -ms-transform: rotate(-135deg) translate(0, -50%);
  -o-transform: rotate(-135deg) translate(0, -50%);
  transform: rotate(-135deg) translate(0, -50%);
}

.page-wrapper > .container-fluid, .page-wrapper > .container-sm, .page-wrapper > .container-md, .page-wrapper > .container-lg, .page-wrapper > .container-xl, .page-wrapper > .container-xxl {
  /* padding: 20px 30px; (this was removed in classic) */
  min-height: calc(100vh - 180px);
  max-width: 1800px;
}

@media (min-width: 768px) {
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-text {
    display: none;
  }
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-text {
    display: block;
  }
}

@media (max-width: 767px) {
  .page-wrapper > .container-fluid {
    padding-left: 2px;
    padding-right: 2px;
  }
}

.sidebar-nav > ul > .sidebar-item > .sidebar-link.active {
  background-color: #343a40;
  color: #fff;
  opacity: 1;
  font-weight: 400;
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
  background-color: #343a40;
  color: #fff;
  opacity: 1;
  /*background: rgba(0, 0, 0, 0.04);*/
}

.user-profile .profile-text > a {
  padding: 6px 30px;
  background: rgba(0, 0, 0, 0.5);
}

.user-profile .profile-text > a:after {
  position: absolute;
  right: 20px;
  top: 15px;
}

.theme-color .theme-item .theme-link {
  width: 20px;
  height: 20px;
}

.theme-color .theme-item .theme-link[data-logobg=skin1], .theme-color .theme-item .theme-link[data-navbarbg=skin1], .theme-color .theme-item .theme-link[data-sidebarbg=skin1] {
  background: #1e88e5;
}

.theme-color .theme-item .theme-link[data-logobg=skin2], .theme-color .theme-item .theme-link[data-navbarbg=skin2], .theme-color .theme-item .theme-link[data-sidebarbg=skin2] {
  background: #00acc1;
}

.theme-color .theme-item .theme-link[data-logobg=skin3], .theme-color .theme-item .theme-link[data-navbarbg=skin3], .theme-color .theme-item .theme-link[data-sidebarbg=skin3] {
  background: #fc4b6c;
}

.theme-color .theme-item .theme-link[data-logobg=skin4], .theme-color .theme-item .theme-link[data-navbarbg=skin4], .theme-color .theme-item .theme-link[data-sidebarbg=skin4] {
  background: #7460ee;
}

.theme-color .theme-item .theme-link[data-logobg=skin5], .theme-color .theme-item .theme-link[data-navbarbg=skin5], .theme-color .theme-item .theme-link[data-sidebarbg=skin5] {
  background: var(--gray-800);
}

.theme-color .theme-item .theme-link[data-logobg=skin6], .theme-color .theme-item .theme-link[data-navbarbg=skin6], .theme-color .theme-item .theme-link[data-sidebarbg=skin6] {
  background: var(--surface-alt);
}

@media (min-width: 992px) and (max-width: 1599.98px) {
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-fluid, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-sm, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-md, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-lg, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-xl, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper > .container-xxl {
    padding: 20px 10px;
  }
}

@media (min-width: 992px) {
  #main-wrapper[data-layout=horizontal] {
    background: var(--page);
  }
  #main-wrapper[data-layout=horizontal] .page-titles {
    padding: 15px 10px 0;
  }
  #main-wrapper[data-layout=horizontal] .topbar {
    transition: 0s;
  }
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .top-navbar,
#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .scroll-sidebar,
#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
  }
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav {
    flex-wrap: wrap;
  }
  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
    display: block;
  }
  #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
    padding-top: 125px;
  }
  #main-wrapper[data-layout=horizontal] .mega-dropdown .first-level {
    max-height: 400px;
    overflow: auto;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
    width: 200px;
  }
  #main-wrapper[data-layout=horizontal] .topbar .sidebartoggler {
    display: none;
  }
  #main-wrapper[data-layout=horizontal] .left-sidebar {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
    z-index: 45;
    transition: 0s;
  }
  #main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar {
    height: 54px;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav ul {
    display: flex;
  }
  #main-wrapper[data-layout=horizontal] .scroll-sidebar {
    height: auto;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
    display: flex;
    width: 100%;
    padding: 6px;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item {
    margin-right: 6px;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:last-child {
    margin-right: 0;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link {
    padding: 8px 32px 8px 5px;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item {
    position: relative;
    width: auto;
    margin-bottom: 0;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item #opTabScrollOnHorizontal{
    /* Ensures that the operations tab's dropdown has a max height and scrolls on horizontal menus. Prevents certain options from being stuck off-screen. */
    max-height: 85dvh;
    overflow-y: auto;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .first-level {
    padding: 0;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
    transform: rotate(-135deg) translate(0, -50%);
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level {
    right: 0;
    left: auto;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level {
    width: 400px;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level > .sidebar-item {
    float: left;
    vertical-align: top;
    width: 50%;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item ul {
    position: absolute;
    left: 0;
    top: auto;
    width: 220px;
    padding-bottom: 0;
    display: none;
    z-index: 100;
    box-shadow: var(--shadow-lg);
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown {
    position: static;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown .first-level {
    width: 100%;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .mega-dropdown .first-level > li {
    width: 25%;
    float: left;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover {
    background: rgba(0, 0, 0, 0.035);
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse {
    display: block;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level > li,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse > li {
    background: rgba(0, 0, 0, 0.035);
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item ul.second-level {
    left: 220px;
    top: 0;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level {
    right: 220px;
    top: 0;
    left: auto;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level > .sidebar-item:hover ul.second-level {
    display: block;
  }
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro,
#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.show,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.collapsing {
    display: block;
    width: 100%;
    border-top: 1px solid var(--border);
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav {
    flex-direction: row;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav .dropdown {
    position: static;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding: 0 10px;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu {
    position: absolute;
    width: 100%;
  }
  #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu .with-arrow {
    display: none;
  }
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected > .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
  background-color: #21c1d6;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active {
  background-color: #26c6da;
  color: #fff !important;
  opacity: 1;
  font-weight: 400;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active i {
  color: #fff !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active:after, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active:after {
  border-color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link {
  color: #fff;
  background-color: #26c6da;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i {
  color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link.has-arrow::after, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link.has-arrow::after {
  border-color: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link:hover i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link:hover i {
  color: #fff;
}

/* ---- Utilities from mainBgs.css ---- */

.clear {
  clear: both !important
}

.clearLeft {
  clear: left !important
}

.clearRight {
  clear: right !important
}

.clearNone {
  clear: none !important
}

.fl {
  float: left !important
}

.fr {
  float: right !important
}

.fn {
  float: none !important
}

.centerContent {
  margin: 0 auto;
  text-align: center
}

.centerBlock {
  margin: 0 auto !important;
  display: block !important
}

.centerTable {
  margin: 0 auto !important;
  display: table !important
}

.lt-ie10 input.centerTable {
  display: block !important
}

.centerBlockLR {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important
}

.breakWord {
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  hyphens: auto !important
}

.wBreakAll {
  word-break: break-all !important
}

.wBreakNatural {
  overflow-wrap: anywhere !important;
  word-break: normal !important
}

.pStatic {
  position: static !important
}

.pAbsolute {
  position: absolute !important
}

.pRelative {
  position: relative !important
}

.pFixed {
  position: fixed !important
}

.dNone {
  display: none !important
}

.dBlock {
  display: block !important
}

.dTable {
  display: table !important
}

.dInline {
  display: inline !important
}

.dInlineBlock {
  display: inline-block !important
}

.dTableCell {
  display: table-cell !important
}

.vVisible {
  visibility: visible !important
}

.vHidden {
  visibility: hidden !important
}

.wsNormal {
  white-space: normal !important
}

.wsNowrap {
  white-space: nowrap !important
}

.wsPre {
  white-space: pre !important
}

.wsPreLine {
  white-space: pre-line !important
}

.wsPreWrap {
  white-space: pre-wrap !important
}

.toString {
  text-overflow: string !important
}

.toEllipsis {
  text-overflow: ellipsis !important
}

.toClip {
  text-overflow: clip !important
}

.vaBaseline {
  vertical-align: baseline !important
}

.vaBottom {
  vertical-align: bottom !important
}

.vaMiddle {
  vertical-align: middle !important
}

.vaSub {
  vertical-align: sub !important
}

.vaSuper {
  vertical-align: super !important
}

.vaTextBottom {
  vertical-align: text-bottom !important
}

.vaTextTop {
  vertical-align: text-top !important
}

.vaTop {
  vertical-align: top !important
}

.z0 {
  z-index: 0 !important
}

.z1 {
  z-index: 1 !important
}

.z2 {
  z-index: 2 !important
}

.z3 {
  z-index: 3 !important
}

.z4 {
  z-index: 4 !important
}

.z5 {
  z-index: 5 !important
}

.z6 {
  z-index: 6 !important
}

.z7 {
  z-index: 7 !important
}

.z8 {
  z-index: 8 !important
}

.z9 {
  z-index: 9 !important
}

.z10 {
  z-index: 10 !important
}

.z20 {
  z-index: 20 !important
}

.z30 {
  z-index: 30 !important
}

.z40 {
  z-index: 40 !important
}

.z50 {
  z-index: 50 !important
}

.z60 {
  z-index: 60 !important
}

.z70 {
  z-index: 70 !important
}

.z80 {
  z-index: 80 !important
}

.z90 {
  z-index: 90 !important
}

.z100 {
  z-index: 100 !important
}

.z200 {
  z-index: 200 !important
}

.z300 {
  z-index: 300 !important
}

.z400 {
  z-index: 400 !important
}

.z500 {
  z-index: 500 !important
}

.z600 {
  z-index: 600 !important
}

.z700 {
  z-index: 700 !important
}

.z800 {
  z-index: 800 !important
}

.z900 {
  z-index: 900 !important
}

.z1000 {
  z-index: 1000 !important
}

.z2000 {
  z-index: 2000 !important
}

.z3000 {
  z-index: 3000 !important
}

.z4000 {
  z-index: 4000 !important
}

.z5000 {
  z-index: 5000 !important
}

.z6000 {
  z-index: 6000 !important
}

.z7000 {
  z-index: 7000 !important
}

.z8000 {
  z-index: 8000 !important
}

.z9000 {
  z-index: 9000 !important
}

.z10000 {
  z-index: 10000 !important
}

.z20000 {
  z-index: 20000 !important
}

.z30000 {
  z-index: 30000 !important
}

.z40000 {
  z-index: 40000 !important
}

.z50000 {
  z-index: 50000 !important
}

.z60000 {
  z-index: 60000 !important
}

.z70000 {
  z-index: 70000 !important
}

.z80000 {
  z-index: 80000 !important
}

.z90000 {
  z-index: 90000 !important
}

.bsDashed {
  border-style: dashed !important
}

.bsSolid {
  border-style: solid !important
}

.bsDotted {
  border-style: dotted !important
}

.br0 {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important
}

.br1 {
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important
}

.br2 {
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important
}

.br3 {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important
}

.br4 {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important
}

.br5 {
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important
}

.br6 {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important
}

.br7 {
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important
}

.br8 {
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important
}

.br9 {
  border-radius: 9px !important;
  -webkit-border-radius: 9px !important
}

.br10 {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important
}

.br11 {
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important
}

.br12 {
  border-radius: 12px !important;
  -webkit-border-radius: 12px !important
}

.br13 {
  border-radius: 13px !important;
  -webkit-border-radius: 13px !important
}

.br14 {
  border-radius: 14px !important;
  -webkit-border-radius: 14px !important
}

.br15 {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important
}

.br16 {
  border-radius: 16px !important;
  -webkit-border-radius: 16px !important
}

.br17 {
  border-radius: 17px !important;
  -webkit-border-radius: 17px !important
}

.br18 {
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important
}

.br19 {
  border-radius: 19px !important;
  -webkit-border-radius: 19px !important
}

.br20 {
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important
}

.br21 {
  border-radius: 21px !important;
  -webkit-border-radius: 21px !important
}

.br22 {
  border-radius: 22px !important;
  -webkit-border-radius: 22px !important
}

.br23 {
  border-radius: 23px !important;
  -webkit-border-radius: 23px !important
}

.br24 {
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important
}

.br25 {
  border-radius: 25px !important;
  -webkit-border-radius: 25px !important
}

.br26 {
  border-radius: 26px !important;
  -webkit-border-radius: 26px !important
}

.br27 {
  border-radius: 27px !important;
  -webkit-border-radius: 27px !important
}

.br28 {
  border-radius: 28px !important;
  -webkit-border-radius: 28px !important
}

.br29 {
  border-radius: 29px !important;
  -webkit-border-radius: 29px !important
}

.br30 {
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important
}

.br31 {
  border-radius: 31px !important;
  -webkit-border-radius: 31px !important
}

.br32 {
  border-radius: 32px !important;
  -webkit-border-radius: 32px !important
}

.br33 {
  border-radius: 33px !important;
  -webkit-border-radius: 33px !important
}

.br34 {
  border-radius: 34px !important;
  -webkit-border-radius: 34px !important
}

.br35 {
  border-radius: 35px !important;
  -webkit-border-radius: 35px !important
}

.br36 {
  border-radius: 36px !important;
  -webkit-border-radius: 36px !important
}

.br37 {
  border-radius: 37px !important;
  -webkit-border-radius: 37px !important
}

.br38 {
  border-radius: 38px !important;
  -webkit-border-radius: 38px !important
}

.br39 {
  border-radius: 39px !important;
  -webkit-border-radius: 39px !important
}

.br40 {
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important
}

.br41 {
  border-radius: 41px !important;
  -webkit-border-radius: 41px !important
}

.br42 {
  border-radius: 42px !important;
  -webkit-border-radius: 42px !important
}

.br43 {
  border-radius: 43px !important;
  -webkit-border-radius: 43px !important
}

.br44 {
  border-radius: 44px !important;
  -webkit-border-radius: 44px !important
}

.br45 {
  border-radius: 45px !important;
  -webkit-border-radius: 45px !important
}

.br46 {
  border-radius: 46px !important;
  -webkit-border-radius: 46px !important
}

.br47 {
  border-radius: 47px !important;
  -webkit-border-radius: 47px !important
}

.br48 {
  border-radius: 48px !important;
  -webkit-border-radius: 48px !important
}

.br49 {
  border-radius: 49px !important;
  -webkit-border-radius: 49px !important
}

.br50 {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important
}

.brTop {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important
}

.brBottom {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important
}

.brRight {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important
}

.brLeft {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important
}

.br50p {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important
}

.blw0 {
  border-left-width: 0 !important
}

.brw0 {
  border-right-width: 0 !important
}

.btw0 {
  border-top-width: 0 !important
}

.bbw0 {
  border-bottom-width: 0 !important
}

.bw0 {
  border-width: 0 !important
}

.bw1 {
  border-width: 1px !important
}

.bw2 {
  border-width: 2px !important
}

.bw3 {
  border-width: 3px !important
}

.bw4 {
  border-width: 4px !important
}

.bw5 {
  border-width: 5px !important
}

.bw6 {
  border-width: 6px !important
}

.bw7 {
  border-width: 7px !important
}

.bw8 {
  border-width: 8px !important
}

.bw9 {
  border-width: 9px !important
}

.bw10 {
  border-width: 10px !important
}

.bw11 {
  border-width: 11px !important
}

.bw12 {
  border-width: 12px !important
}

.bw13 {
  border-width: 13px !important
}

.bw14 {
  border-width: 14px !important
}

.bw15 {
  border-width: 15px !important
}

.bw16 {
  border-width: 16px !important
}

.bw17 {
  border-width: 17px !important
}

.bw18 {
  border-width: 18px !important
}

.bw19 {
  border-width: 19px !important
}

.bw20 {
  border-width: 20px !important
}

.bw0Top {
  border-top-width: 0 !important
}

.bw0Bottom {
  border-bottom-width: 0 !important
}

.overflowVisible {
  overflow: visible !important
}

.overflowHide {
  overflow: hidden !important
}

.overflowScroll {
  overflow: scroll !important
}

.overflowAuto {
  overflow: auto !important
}

.overflow-xVisible {
  overflow-x: visible !important
}

.overflow-xHide {
  overflow-x: hidden !important
}

.overflow-xScroll {
  overflow-x: scroll !important
}

.overflow-xAuto {
  overflow-x: auto !important
}

.overflow-yVisible {
  overflow-y: visible !important
}

.overflow-yHide {
  overflow-y: hidden !important
}

.overflow-yScroll {
  overflow-y: scroll !important
}

.overflow-yAuto {
  overflow-y: auto !important
}

.cPointer {
  cursor: pointer !important
}

.cText {
  cursor: text !important
}

.cDefault {
  cursor: default !important
}

.cCrosshair {
  cursor: crosshair !important
}

.cWait {
  cursor: wait !important
}

.cHelp {
  cursor: help !important
}

.cMove {
  cursor: move !important
}

.tdNone {
  text-decoration: none !important
}

.tdUnderline {
  text-decoration: underline !important
}

.tdOverline {
  text-decoration: overline !important
}

.tdLineThrough {
  text-decoration: line-through !important
}

.tdBlink {
  text-decoration: blink !important
}

.ttNone {
  text-transform: none !important
}

.ttCapitalize {
  text-transform: capitalize !important
}

.ttUppercase {
  text-transform: uppercase !important
}

.ttLowercase {
  text-transform: lowercase !important
}

.tLeft {
  text-align: left !important
}

.tRight {
  text-align: right !important
}

.tCenter {
  text-align: center !important
}

.tJustify {
  text-align: justify !important
}

.fNormal {
  font-style: normal !important;
  font-weight: 400 !important
}

.fItalic {
  font-style: italic !important
}

.fOblique {
  font-style: oblique !important
}

.fBold {
  font-weight: 700 !important
}

.fw1 {
  font-weight: 100 !important
}

.fw2 {
  font-weight: 200 !important
}

.fw3 {
  font-weight: 300 !important
}

.fw4 {
  font-weight: 400 !important
}

.fw5 {
  font-weight: 500 !important
}

.fw6 {
  font-weight: 600 !important
}

.fw7 {
  font-weight: 700 !important
}

.fw8 {
  font-weight: 800 !important
}

.fw9 {
  font-weight: 900 !important
}

.ls-5 {
  letter-spacing: -5px !important
}

.ls-4 {
  letter-spacing: -4px !important
}

.ls-3 {
  letter-spacing: -3px !important
}

.ls-2 {
  letter-spacing: -2px !important
}

.ls-1 {
  letter-spacing: -1px !important
}

.ls0 {
  letter-spacing: 0 !important
}

.ls1 {
  letter-spacing: 1px !important
}

.ls2 {
  letter-spacing: 2px !important
}

.ls3 {
  letter-spacing: 3px !important
}

.ls4 {
  letter-spacing: 4px !important
}

.ls5 {
  letter-spacing: 5px !important
}

.ls6 {
  letter-spacing: 6px !important
}

.ls7 {
  letter-spacing: 7px !important
}

.ls8 {
  letter-spacing: 8px !important
}

.ls9 {
  letter-spacing: 9px !important
}

.ls10 {
  letter-spacing: 10px !important
}

.ls11 {
  letter-spacing: 11px !important
}

.ls12 {
  letter-spacing: 12px !important
}

.ls13 {
  letter-spacing: 13px !important
}

.ls14 {
  letter-spacing: 14px !important
}

.ls15 {
  letter-spacing: 15px !important
}

.ls16 {
  letter-spacing: 16px !important
}

.ls17 {
  letter-spacing: 17px !important
}

.ls18 {
  letter-spacing: 18px !important
}

.ls19 {
  letter-spacing: 19px !important
}

.ls20 {
  letter-spacing: 20px !important
}

.ws-5 {
  word-spacing: -5px !important
}

.ws-4 {
  word-spacing: -4px !important
}

.ws-3 {
  word-spacing: -3px !important
}

.ws-2 {
  word-spacing: -2px !important
}

.ws-1 {
  word-spacing: -1px !important
}

.ws0 {
  word-spacing: 0 !important
}

.ws1 {
  word-spacing: 1px !important
}

.ws2 {
  word-spacing: 2px !important
}

.ws3 {
  word-spacing: 3px !important
}

.ws4 {
  word-spacing: 4px !important
}

.ws5 {
  word-spacing: 5px !important
}

.ws6 {
  word-spacing: 6px !important
}

.ws7 {
  word-spacing: 7px !important
}

.ws8 {
  word-spacing: 8px !important
}

.ws9 {
  word-spacing: 9px !important
}

.ws10 {
  word-spacing: 10px !important
}

.ws11 {
  word-spacing: 11px !important
}

.ws12 {
  word-spacing: 12px !important
}

.ws13 {
  word-spacing: 13px !important
}

.ws14 {
  word-spacing: 14px !important
}

.ws15 {
  word-spacing: 15px !important
}

.ws16 {
  word-spacing: 16px !important
}

.ws17 {
  word-spacing: 17px !important
}

.ws18 {
  word-spacing: 18px !important
}

.ws19 {
  word-spacing: 19px !important
}

.ws20 {
  word-spacing: 20px !important
}

.lh0 {
  line-height: 0 !important
}

.lh1 {
  line-height: 1px !important
}

.lh2 {
  line-height: 2px !important
}

.lh3 {
  line-height: 3px !important
}

.lh4 {
  line-height: 4px !important
}

.lh5 {
  line-height: 5px !important
}

.lh6 {
  line-height: 6px !important
}

.lh7 {
  line-height: 7px !important
}

.lh8 {
  line-height: 8px !important
}

.lh9 {
  line-height: 9px !important
}

.lh10 {
  line-height: 10px !important
}

.lh11 {
  line-height: 11px !important
}

.lh12 {
  line-height: 12px !important
}

.lh13 {
  line-height: 13px !important
}

.lh14 {
  line-height: 14px !important
}

.lh15 {
  line-height: 15px !important
}

.lh16 {
  line-height: 16px !important
}

.lh17 {
  line-height: 17px !important
}

.lh18 {
  line-height: 18px !important
}

.lh19 {
  line-height: 19px !important
}

.lh20 {
  line-height: 20px !important
}

.lh21 {
  line-height: 21px !important
}

.lh22 {
  line-height: 22px !important
}

.lh23 {
  line-height: 23px !important
}

.lh24 {
  line-height: 24px !important
}

.lh25 {
  line-height: 25px !important
}

.lh26 {
  line-height: 26px !important
}

.lh27 {
  line-height: 27px !important
}

.lh28 {
  line-height: 28px !important
}

.lh29 {
  line-height: 29px !important
}

.lh30 {
  line-height: 30px !important
}

.lh31 {
  line-height: 31px !important
}

.lh32 {
  line-height: 32px !important
}

.lh33 {
  line-height: 33px !important
}

.lh34 {
  line-height: 34px !important
}

.lh35 {
  line-height: 35px !important
}

.lh36 {
  line-height: 36px !important
}

.lh37 {
  line-height: 37px !important
}

.lh38 {
  line-height: 38px !important
}

.lh39 {
  line-height: 39px !important
}

.lh40 {
  line-height: 40px !important
}

.lh41 {
  line-height: 41px !important
}

.lh42 {
  line-height: 42px !important
}

.lh43 {
  line-height: 43px !important
}

.lh44 {
  line-height: 44px !important
}

.lh45 {
  line-height: 45px !important
}

.lh46 {
  line-height: 46px !important
}

.lh47 {
  line-height: 47px !important
}

.lh48 {
  line-height: 48px !important
}

.lh49 {
  line-height: 49px !important
}

.lh50 {
  line-height: 50px !important
}

.lh51 {
  line-height: 51px !important
}

.lh52 {
  line-height: 52px !important
}

.lh53 {
  line-height: 53px !important
}

.lh54 {
  line-height: 54px !important
}

.lh55 {
  line-height: 55px !important
}

.lh56 {
  line-height: 56px !important
}

.lh57 {
  line-height: 57px !important
}

.lh58 {
  line-height: 58px !important
}

.lh59 {
  line-height: 59px !important
}

.lh60 {
  line-height: 60px !important
}

.lh61 {
  line-height: 61px !important
}

.lh62 {
  line-height: 62px !important
}

.lh63 {
  line-height: 63px !important
}

.lh64 {
  line-height: 64px !important
}

.lh65 {
  line-height: 65px !important
}

.lh66 {
  line-height: 66px !important
}

.lh67 {
  line-height: 67px !important
}

.lh68 {
  line-height: 68px !important
}

.lh69 {
  line-height: 69px !important
}

.lh70 {
  line-height: 70px !important
}

.lh71 {
  line-height: 71px !important
}

.lh72 {
  line-height: 72px !important
}

.lh73 {
  line-height: 73px !important
}

.lh74 {
  line-height: 74px !important
}

.lh75 {
  line-height: 75px !important
}

.lh76 {
  line-height: 76px !important
}

.lh77 {
  line-height: 77px !important
}

.lh78 {
  line-height: 78px !important
}

.lh79 {
  line-height: 79px !important
}

.lh80 {
  line-height: 80px !important
}

.lh81 {
  line-height: 81px !important
}

.lh82 {
  line-height: 82px !important
}

.lh83 {
  line-height: 83px !important
}

.lh84 {
  line-height: 84px !important
}

.lh85 {
  line-height: 85px !important
}

.lh86 {
  line-height: 86px !important
}

.lh87 {
  line-height: 87px !important
}

.lh88 {
  line-height: 88px !important
}

.lh89 {
  line-height: 89px !important
}

.lh90 {
  line-height: 90px !important
}

.lh91 {
  line-height: 91px !important
}

.lh92 {
  line-height: 92px !important
}

.lh93 {
  line-height: 93px !important
}

.lh94 {
  line-height: 94px !important
}

.lh95 {
  line-height: 95px !important
}

.lh96 {
  line-height: 96px !important
}

.lh97 {
  line-height: 97px !important
}

.lh98 {
  line-height: 98px !important
}

.lh99 {
  line-height: 99px !important
}

.lh100 {
  line-height: 100px !important
}

.font0 {
  font-size: 0 !important
}

.font1 {
  font-size: 1px !important
}

.font2 {
  font-size: 2px !important
}

.font3 {
  font-size: 3px !important
}

.font4 {
  font-size: 4px !important
}

.font5 {
  font-size: 5px !important
}

.font6 {
  font-size: 6px !important
}

.font7 {
  font-size: 7px !important
}

.font8 {
  font-size: 8px !important
}

.font9 {
  font-size: 9px !important
}

.font10 {
  font-size: 10px !important
}

.font11 {
  font-size: 11px !important
}

.font12 {
  font-size: 12px !important
}

.font13 {
  font-size: 13px !important
}

.font14 {
  font-size: 14px !important
}

.font15 {
  font-size: 15px !important
}

.font16 {
  font-size: 16px !important
}

.font17 {
  font-size: 17px !important
}

.font18 {
  font-size: 18px !important
}

.font19 {
  font-size: 19px !important
}

.font20 {
  font-size: 20px !important
}

.font21 {
  font-size: 21px !important
}

.font22 {
  font-size: 22px !important
}

.font23 {
  font-size: 23px !important
}

.font24 {
  font-size: 24px !important
}

.font25 {
  font-size: 25px !important
}

.font26 {
  font-size: 26px !important
}

.font27 {
  font-size: 27px !important
}

.font28 {
  font-size: 28px !important
}

.font29 {
  font-size: 29px !important
}

.font30 {
  font-size: 30px !important
}

.font31 {
  font-size: 31px !important
}

.font32 {
  font-size: 32px !important
}

.font33 {
  font-size: 33px !important
}

.font34 {
  font-size: 34px !important
}

.font35 {
  font-size: 35px !important
}

.font36 {
  font-size: 36px !important
}

.font37 {
  font-size: 37px !important
}

.font38 {
  font-size: 38px !important
}

.font39 {
  font-size: 39px !important
}

.font40 {
  font-size: 40px !important
}

.font41 {
  font-size: 41px !important
}

.font42 {
  font-size: 42px !important
}

.font43 {
  font-size: 43px !important
}

.font44 {
  font-size: 44px !important
}

.font45 {
  font-size: 45px !important
}

.font46 {
  font-size: 46px !important
}

.font47 {
  font-size: 47px !important
}

.font48 {
  font-size: 48px !important
}

.font49 {
  font-size: 49px !important
}

.font50 {
  font-size: 50px !important
}

.font51 {
  font-size: 51px !important
}

.font52 {
  font-size: 52px !important
}

.font53 {
  font-size: 53px !important
}

.font54 {
  font-size: 54px !important
}

.font55 {
  font-size: 55px !important
}

.font56 {
  font-size: 56px !important
}

.font57 {
  font-size: 57px !important
}

.font58 {
  font-size: 58px !important
}

.font59 {
  font-size: 59px !important
}

.font60 {
  font-size: 60px !important
}

.font61 {
  font-size: 61px !important
}

.font62 {
  font-size: 62px !important
}

.font63 {
  font-size: 63px !important
}

.font64 {
  font-size: 64px !important
}

.font65 {
  font-size: 65px !important
}

.font66 {
  font-size: 66px !important
}

.font67 {
  font-size: 67px !important
}

.font68 {
  font-size: 68px !important
}

.font69 {
  font-size: 69px !important
}

.font70 {
  font-size: 70px !important
}

.font71 {
  font-size: 71px !important
}

.font72 {
  font-size: 72px !important
}

.font73 {
  font-size: 73px !important
}

.font74 {
  font-size: 74px !important
}

.font75 {
  font-size: 75px !important
}

.font76 {
  font-size: 76px !important
}

.font77 {
  font-size: 77px !important
}

.font78 {
  font-size: 78px !important
}

.font79 {
  font-size: 79px !important
}

.font80 {
  font-size: 80px !important
}

.font81 {
  font-size: 81px !important
}

.font82 {
  font-size: 82px !important
}

.font83 {
  font-size: 83px !important
}

.font84 {
  font-size: 84px !important
}

.font85 {
  font-size: 85px !important
}

.font86 {
  font-size: 86px !important
}

.font87 {
  font-size: 87px !important
}

.font88 {
  font-size: 88px !important
}

.font89 {
  font-size: 89px !important
}

.font90 {
  font-size: 90px !important
}

.font91 {
  font-size: 91px !important
}

.font92 {
  font-size: 92px !important
}

.font93 {
  font-size: 93px !important
}

.font94 {
  font-size: 94px !important
}

.font95 {
  font-size: 95px !important
}

.font96 {
  font-size: 96px !important
}

.font97 {
  font-size: 97px !important
}

.font98 {
  font-size: 98px !important
}

.font99 {
  font-size: 99px !important
}

.font100 {
  font-size: 100px !important
}

.opacity0 {
  opacity: 0 !important
}

.opacity1 {
  opacity: .1 !important
}

.opacity2 {
  opacity: .2 !important
}

.opacity3 {
  opacity: .3 !important
}

.opacity4 {
  opacity: .4 !important
}

.opacity5 {
  opacity: .5 !important
}

.opacity6 {
  opacity: .6 !important
}

.opacity7 {
  opacity: .7 !important
}

.opacity8 {
  opacity: .8 !important
}

.opacity9 {
  opacity: .9 !important
}

.opacity10 {
  opacity: 1 !important
}

.m0 {
  margin: 0 !important
}

.m1 {
  margin: 1px !important
}

.m2 {
  margin: 2px !important
}

.m3 {
  margin: 3px !important
}

.m4 {
  margin: 4px !important
}

.m5 {
  margin: 5px !important
}

.m6 {
  margin: 6px !important
}

.m7 {
  margin: 7px !important
}

.m8 {
  margin: 8px !important
}

.m9 {
  margin: 9px !important
}

.m10 {
  margin: 10px !important
}

.m11 {
  margin: 11px !important
}

.m12 {
  margin: 12px !important
}

.m13 {
  margin: 13px !important
}

.m14 {
  margin: 14px !important
}

.m15 {
  margin: 15px !important
}

.m16 {
  margin: 16px !important
}

.m17 {
  margin: 17px !important
}

.m18 {
  margin: 18px !important
}

.m19 {
  margin: 19px !important
}

.m20 {
  margin: 20px !important
}

.m21 {
  margin: 21px !important
}

.m22 {
  margin: 22px !important
}

.m23 {
  margin: 23px !important
}

.m24 {
  margin: 24px !important
}

.m25 {
  margin: 25px !important
}

.m26 {
  margin: 26px !important
}

.m27 {
  margin: 27px !important
}

.m28 {
  margin: 28px !important
}

.m29 {
  margin: 29px !important
}

.m30 {
  margin: 30px !important
}

.m31 {
  margin: 31px !important
}

.m32 {
  margin: 32px !important
}

.m33 {
  margin: 33px !important
}

.m34 {
  margin: 34px !important
}

.m35 {
  margin: 35px !important
}

.m36 {
  margin: 36px !important
}

.m37 {
  margin: 37px !important
}

.m38 {
  margin: 38px !important
}

.m39 {
  margin: 39px !important
}

.m40 {
  margin: 40px !important
}

.m41 {
  margin: 41px !important
}

.m42 {
  margin: 42px !important
}

.m43 {
  margin: 43px !important
}

.m44 {
  margin: 44px !important
}

.m45 {
  margin: 45px !important
}

.m46 {
  margin: 46px !important
}

.m47 {
  margin: 47px !important
}

.m48 {
  margin: 48px !important
}

.m49 {
  margin: 49px !important
}

.m50 {
  margin: 50px !important
}

.m51 {
  margin: 51px !important
}

.m52 {
  margin: 52px !important
}

.m53 {
  margin: 53px !important
}

.m54 {
  margin: 54px !important
}

.m55 {
  margin: 55px !important
}

.m56 {
  margin: 56px !important
}

.m57 {
  margin: 57px !important
}

.m58 {
  margin: 58px !important
}

.m59 {
  margin: 59px !important
}

.m60 {
  margin: 60px !important
}

.m61 {
  margin: 61px !important
}

.m62 {
  margin: 62px !important
}

.m63 {
  margin: 63px !important
}

.m64 {
  margin: 64px !important
}

.m65 {
  margin: 65px !important
}

.m66 {
  margin: 66px !important
}

.m67 {
  margin: 67px !important
}

.m68 {
  margin: 68px !important
}

.m69 {
  margin: 69px !important
}

.m70 {
  margin: 70px !important
}

.m71 {
  margin: 71px !important
}

.m72 {
  margin: 72px !important
}

.m73 {
  margin: 73px !important
}

.m74 {
  margin: 74px !important
}

.m75 {
  margin: 75px !important
}

.m76 {
  margin: 76px !important
}

.m77 {
  margin: 77px !important
}

.m78 {
  margin: 78px !important
}

.m79 {
  margin: 79px !important
}

.m80 {
  margin: 80px !important
}

.m81 {
  margin: 81px !important
}

.m82 {
  margin: 82px !important
}

.m83 {
  margin: 83px !important
}

.m84 {
  margin: 84px !important
}

.m85 {
  margin: 85px !important
}

.m86 {
  margin: 86px !important
}

.m87 {
  margin: 87px !important
}

.m88 {
  margin: 88px !important
}

.m89 {
  margin: 89px !important
}

.m90 {
  margin: 90px !important
}

.m91 {
  margin: 91px !important
}

.m92 {
  margin: 92px !important
}

.m93 {
  margin: 93px !important
}

.m94 {
  margin: 94px !important
}

.m95 {
  margin: 95px !important
}

.m96 {
  margin: 96px !important
}

.m97 {
  margin: 97px !important
}

.m98 {
  margin: 98px !important
}

.m99 {
  margin: 99px !important
}

.m100 {
  margin: 100px !important
}

.mAuto {
  margin: auto !important
}

.mt-100 {
  margin-top: -100px !important
}

.mt-99 {
  margin-top: -99px !important
}

.mt-98 {
  margin-top: -98px !important
}

.mt-97 {
  margin-top: -97px !important
}

.mt-96 {
  margin-top: -96px !important
}

.mt-95 {
  margin-top: -95px !important
}

.mt-94 {
  margin-top: -94px !important
}

.mt-93 {
  margin-top: -93px !important
}

.mt-92 {
  margin-top: -92px !important
}

.mt-91 {
  margin-top: -91px !important
}

.mt-90 {
  margin-top: -90px !important
}

.mt-89 {
  margin-top: -89px !important
}

.mt-88 {
  margin-top: -88px !important
}

.mt-87 {
  margin-top: -87px !important
}

.mt-86 {
  margin-top: -86px !important
}

.mt-85 {
  margin-top: -85px !important
}

.mt-84 {
  margin-top: -84px !important
}

.mt-83 {
  margin-top: -83px !important
}

.mt-82 {
  margin-top: -82px !important
}

.mt-81 {
  margin-top: -81px !important
}

.mt-80 {
  margin-top: -80px !important
}

.mt-79 {
  margin-top: -79px !important
}

.mt-78 {
  margin-top: -78px !important
}

.mt-77 {
  margin-top: -77px !important
}

.mt-76 {
  margin-top: -76px !important
}

.mt-75 {
  margin-top: -75px !important
}

.mt-74 {
  margin-top: -74px !important
}

.mt-73 {
  margin-top: -73px !important
}

.mt-72 {
  margin-top: -72px !important
}

.mt-71 {
  margin-top: -71px !important
}

.mt-70 {
  margin-top: -70px !important
}

.mt-69 {
  margin-top: -69px !important
}

.mt-68 {
  margin-top: -68px !important
}

.mt-67 {
  margin-top: -67px !important
}

.mt-66 {
  margin-top: -66px !important
}

.mt-65 {
  margin-top: -65px !important
}

.mt-64 {
  margin-top: -64px !important
}

.mt-63 {
  margin-top: -63px !important
}

.mt-62 {
  margin-top: -62px !important
}

.mt-61 {
  margin-top: -61px !important
}

.mt-60 {
  margin-top: -60px !important
}

.mt-59 {
  margin-top: -59px !important
}

.mt-58 {
  margin-top: -58px !important
}

.mt-57 {
  margin-top: -57px !important
}

.mt-56 {
  margin-top: -56px !important
}

.mt-55 {
  margin-top: -55px !important
}

.mt-54 {
  margin-top: -54px !important
}

.mt-53 {
  margin-top: -53px !important
}

.mt-52 {
  margin-top: -52px !important
}

.mt-51 {
  margin-top: -51px !important
}

.mt-50 {
  margin-top: -50px !important
}

.mt-49 {
  margin-top: -49px !important
}

.mt-48 {
  margin-top: -48px !important
}

.mt-47 {
  margin-top: -47px !important
}

.mt-46 {
  margin-top: -46px !important
}

.mt-45 {
  margin-top: -45px !important
}

.mt-44 {
  margin-top: -44px !important
}

.mt-43 {
  margin-top: -43px !important
}

.mt-42 {
  margin-top: -42px !important
}

.mt-41 {
  margin-top: -41px !important
}

.mt-40 {
  margin-top: -40px !important
}

.mt-39 {
  margin-top: -39px !important
}

.mt-38 {
  margin-top: -38px !important
}

.mt-37 {
  margin-top: -37px !important
}

.mt-36 {
  margin-top: -36px !important
}

.mt-35 {
  margin-top: -35px !important
}

.mt-34 {
  margin-top: -34px !important
}

.mt-33 {
  margin-top: -33px !important
}

.mt-32 {
  margin-top: -32px !important
}

.mt-31 {
  margin-top: -31px !important
}

.mt-30 {
  margin-top: -30px !important
}

.mt-29 {
  margin-top: -29px !important
}

.mt-28 {
  margin-top: -28px !important
}

.mt-27 {
  margin-top: -27px !important
}

.mt-26 {
  margin-top: -26px !important
}

.mt-25 {
  margin-top: -25px !important
}

.mt-24 {
  margin-top: -24px !important
}

.mt-23 {
  margin-top: -23px !important
}

.mt-22 {
  margin-top: -22px !important
}

.mt-21 {
  margin-top: -21px !important
}

.mt-20 {
  margin-top: -20px !important
}

.mt-19 {
  margin-top: -19px !important
}

.mt-18 {
  margin-top: -18px !important
}

.mt-17 {
  margin-top: -17px !important
}

.mt-16 {
  margin-top: -16px !important
}

.mt-15 {
  margin-top: -15px !important
}

.mt-14 {
  margin-top: -14px !important
}

.mt-13 {
  margin-top: -13px !important
}

.mt-12 {
  margin-top: -12px !important
}

.mt-11 {
  margin-top: -11px !important
}

.mt-10 {
  margin-top: -10px !important
}

.mt-9 {
  margin-top: -9px !important
}

.mt-8 {
  margin-top: -8px !important
}

.mt-7 {
  margin-top: -7px !important
}

.mt-6 {
  margin-top: -6px !important
}

.mt-5 {
  margin-top: -5px !important
}

.mt-4 {
  margin-top: -4px !important
}

.mt-3 {
  margin-top: -3px !important
}

.mt-2 {
  margin-top: -2px !important
}

.mt-1 {
  margin-top: -1px !important
}

.mt0 {
  margin-top: 0 !important
}

.mt1 {
  margin-top: 1px !important
}

.mt2 {
  margin-top: 2px !important
}

.mt3 {
  margin-top: 3px !important
}

.mt4 {
  margin-top: 4px !important
}

.mt5 {
  margin-top: 5px !important
}

.mt6 {
  margin-top: 6px !important
}

.mt7 {
  margin-top: 7px !important
}

.mt8 {
  margin-top: 8px !important
}

.mt9 {
  margin-top: 9px !important
}

.mt10 {
  margin-top: 10px !important
}

.mt11 {
  margin-top: 11px !important
}

.mt12 {
  margin-top: 12px !important
}

.mt13 {
  margin-top: 13px !important
}

.mt14 {
  margin-top: 14px !important
}

.mt15 {
  margin-top: 15px !important
}

.mt16 {
  margin-top: 16px !important
}

.mt17 {
  margin-top: 17px !important
}

.mt18 {
  margin-top: 18px !important
}

.mt19 {
  margin-top: 19px !important
}

.mt20 {
  margin-top: 20px !important
}

.mt21 {
  margin-top: 21px !important
}

.mt22 {
  margin-top: 22px !important
}

.mt23 {
  margin-top: 23px !important
}

.mt24 {
  margin-top: 24px !important
}

.mt25 {
  margin-top: 25px !important
}

.mt26 {
  margin-top: 26px !important
}

.mt27 {
  margin-top: 27px !important
}

.mt28 {
  margin-top: 28px !important
}

.mt29 {
  margin-top: 29px !important
}

.mt30 {
  margin-top: 30px !important
}

.mt31 {
  margin-top: 31px !important
}

.mt32 {
  margin-top: 32px !important
}

.mt33 {
  margin-top: 33px !important
}

.mt34 {
  margin-top: 34px !important
}

.mt35 {
  margin-top: 35px !important
}

.mt36 {
  margin-top: 36px !important
}

.mt37 {
  margin-top: 37px !important
}

.mt38 {
  margin-top: 38px !important
}

.mt39 {
  margin-top: 39px !important
}

.mt40 {
  margin-top: 40px !important
}

.mt41 {
  margin-top: 41px !important
}

.mt42 {
  margin-top: 42px !important
}

.mt43 {
  margin-top: 43px !important
}

.mt44 {
  margin-top: 44px !important
}

.mt45 {
  margin-top: 45px !important
}

.mt46 {
  margin-top: 46px !important
}

.mt47 {
  margin-top: 47px !important
}

.mt48 {
  margin-top: 48px !important
}

.mt49 {
  margin-top: 49px !important
}

.mt50 {
  margin-top: 50px !important
}

.mt51 {
  margin-top: 51px !important
}

.mt52 {
  margin-top: 52px !important
}

.mt53 {
  margin-top: 53px !important
}

.mt54 {
  margin-top: 54px !important
}

.mt55 {
  margin-top: 55px !important
}

.mt56 {
  margin-top: 56px !important
}

.mt57 {
  margin-top: 57px !important
}

.mt58 {
  margin-top: 58px !important
}

.mt59 {
  margin-top: 59px !important
}

.mt60 {
  margin-top: 60px !important
}

.mt61 {
  margin-top: 61px !important
}

.mt62 {
  margin-top: 62px !important
}

.mt63 {
  margin-top: 63px !important
}

.mt64 {
  margin-top: 64px !important
}

.mt65 {
  margin-top: 65px !important
}

.mt66 {
  margin-top: 66px !important
}

.mt67 {
  margin-top: 67px !important
}

.mt68 {
  margin-top: 68px !important
}

.mt69 {
  margin-top: 69px !important
}

.mt70 {
  margin-top: 70px !important
}

.mt71 {
  margin-top: 71px !important
}

.mt72 {
  margin-top: 72px !important
}

.mt73 {
  margin-top: 73px !important
}

.mt74 {
  margin-top: 74px !important
}

.mt75 {
  margin-top: 75px !important
}

.mt76 {
  margin-top: 76px !important
}

.mt77 {
  margin-top: 77px !important
}

.mt78 {
  margin-top: 78px !important
}

.mt79 {
  margin-top: 79px !important
}

.mt80 {
  margin-top: 80px !important
}

.mt81 {
  margin-top: 81px !important
}

.mt82 {
  margin-top: 82px !important
}

.mt83 {
  margin-top: 83px !important
}

.mt84 {
  margin-top: 84px !important
}

.mt85 {
  margin-top: 85px !important
}

.mt86 {
  margin-top: 86px !important
}

.mt87 {
  margin-top: 87px !important
}

.mt88 {
  margin-top: 88px !important
}

.mt89 {
  margin-top: 89px !important
}

.mt90 {
  margin-top: 90px !important
}

.mt91 {
  margin-top: 91px !important
}

.mt92 {
  margin-top: 92px !important
}

.mt93 {
  margin-top: 93px !important
}

.mt94 {
  margin-top: 94px !important
}

.mt95 {
  margin-top: 95px !important
}

.mt96 {
  margin-top: 96px !important
}

.mt97 {
  margin-top: 97px !important
}

.mt98 {
  margin-top: 98px !important
}

.mt99 {
  margin-top: 99px !important
}

.mt100 {
  margin-top: 100px !important
}

.mb-100 {
  margin-bottom: -100px !important
}

.mb-99 {
  margin-bottom: -99px !important
}

.mb-98 {
  margin-bottom: -98px !important
}

.mb-97 {
  margin-bottom: -97px !important
}

.mb-96 {
  margin-bottom: -96px !important
}

.mb-95 {
  margin-bottom: -95px !important
}

.mb-94 {
  margin-bottom: -94px !important
}

.mb-93 {
  margin-bottom: -93px !important
}

.mb-92 {
  margin-bottom: -92px !important
}

.mb-91 {
  margin-bottom: -91px !important
}

.mb-90 {
  margin-bottom: -90px !important
}

.mb-89 {
  margin-bottom: -89px !important
}

.mb-88 {
  margin-bottom: -88px !important
}

.mb-87 {
  margin-bottom: -87px !important
}

.mb-86 {
  margin-bottom: -86px !important
}

.mb-85 {
  margin-bottom: -85px !important
}

.mb-84 {
  margin-bottom: -84px !important
}

.mb-83 {
  margin-bottom: -83px !important
}

.mb-82 {
  margin-bottom: -82px !important
}

.mb-81 {
  margin-bottom: -81px !important
}

.mb-80 {
  margin-bottom: -80px !important
}

.mb-79 {
  margin-bottom: -79px !important
}

.mb-78 {
  margin-bottom: -78px !important
}

.mb-77 {
  margin-bottom: -77px !important
}

.mb-76 {
  margin-bottom: -76px !important
}

.mb-75 {
  margin-bottom: -75px !important
}

.mb-74 {
  margin-bottom: -74px !important
}

.mb-73 {
  margin-bottom: -73px !important
}

.mb-72 {
  margin-bottom: -72px !important
}

.mb-71 {
  margin-bottom: -71px !important
}

.mb-70 {
  margin-bottom: -70px !important
}

.mb-69 {
  margin-bottom: -69px !important
}

.mb-68 {
  margin-bottom: -68px !important
}

.mb-67 {
  margin-bottom: -67px !important
}

.mb-66 {
  margin-bottom: -66px !important
}

.mb-65 {
  margin-bottom: -65px !important
}

.mb-64 {
  margin-bottom: -64px !important
}

.mb-63 {
  margin-bottom: -63px !important
}

.mb-62 {
  margin-bottom: -62px !important
}

.mb-61 {
  margin-bottom: -61px !important
}

.mb-60 {
  margin-bottom: -60px !important
}

.mb-59 {
  margin-bottom: -59px !important
}

.mb-58 {
  margin-bottom: -58px !important
}

.mb-57 {
  margin-bottom: -57px !important
}

.mb-56 {
  margin-bottom: -56px !important
}

.mb-55 {
  margin-bottom: -55px !important
}

.mb-54 {
  margin-bottom: -54px !important
}

.mb-53 {
  margin-bottom: -53px !important
}

.mb-52 {
  margin-bottom: -52px !important
}

.mb-51 {
  margin-bottom: -51px !important
}

.mb-50 {
  margin-bottom: -50px !important
}

.mb-49 {
  margin-bottom: -49px !important
}

.mb-48 {
  margin-bottom: -48px !important
}

.mb-47 {
  margin-bottom: -47px !important
}

.mb-46 {
  margin-bottom: -46px !important
}

.mb-45 {
  margin-bottom: -45px !important
}

.mb-44 {
  margin-bottom: -44px !important
}

.mb-43 {
  margin-bottom: -43px !important
}

.mb-42 {
  margin-bottom: -42px !important
}

.mb-41 {
  margin-bottom: -41px !important
}

.mb-40 {
  margin-bottom: -40px !important
}

.mb-39 {
  margin-bottom: -39px !important
}

.mb-38 {
  margin-bottom: -38px !important
}

.mb-37 {
  margin-bottom: -37px !important
}

.mb-36 {
  margin-bottom: -36px !important
}

.mb-35 {
  margin-bottom: -35px !important
}

.mb-34 {
  margin-bottom: -34px !important
}

.mb-33 {
  margin-bottom: -33px !important
}

.mb-32 {
  margin-bottom: -32px !important
}

.mb-31 {
  margin-bottom: -31px !important
}

.mb-30 {
  margin-bottom: -30px !important
}

.mb-29 {
  margin-bottom: -29px !important
}

.mb-28 {
  margin-bottom: -28px !important
}

.mb-27 {
  margin-bottom: -27px !important
}

.mb-26 {
  margin-bottom: -26px !important
}

.mb-25 {
  margin-bottom: -25px !important
}

.mb-24 {
  margin-bottom: -24px !important
}

.mb-23 {
  margin-bottom: -23px !important
}

.mb-22 {
  margin-bottom: -22px !important
}

.mb-21 {
  margin-bottom: -21px !important
}

.mb-20 {
  margin-bottom: -20px !important
}

.mb-19 {
  margin-bottom: -19px !important
}

.mb-18 {
  margin-bottom: -18px !important
}

.mb-17 {
  margin-bottom: -17px !important
}

.mb-16 {
  margin-bottom: -16px !important
}

.mb-15 {
  margin-bottom: -15px !important
}

.mb-14 {
  margin-bottom: -14px !important
}

.mb-13 {
  margin-bottom: -13px !important
}

.mb-12 {
  margin-bottom: -12px !important
}

.mb-11 {
  margin-bottom: -11px !important
}

.mb-10 {
  margin-bottom: -10px !important
}

.mb-9 {
  margin-bottom: -9px !important
}

.mb-8 {
  margin-bottom: -8px !important
}

.mb-7 {
  margin-bottom: -7px !important
}

.mb-6 {
  margin-bottom: -6px !important
}

.mb-5 {
  margin-bottom: -5px !important
}

.mb-4 {
  margin-bottom: -4px !important
}

.mb-3 {
  margin-bottom: -3px !important
}

.mb-2 {
  margin-bottom: -2px !important
}

.mb-1 {
  margin-bottom: -1px !important
}

.mb0 {
  margin-bottom: 0 !important
}

.mb1 {
  margin-bottom: 1px !important
}

.mb2 {
  margin-bottom: 2px !important
}

.mb3 {
  margin-bottom: 3px !important
}

.mb4 {
  margin-bottom: 4px !important
}

.mb5 {
  margin-bottom: 5px !important
}

.mb6 {
  margin-bottom: 6px !important
}

.mb7 {
  margin-bottom: 7px !important
}

.mb8 {
  margin-bottom: 8px !important
}

.mb9 {
  margin-bottom: 9px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.mb11 {
  margin-bottom: 11px !important
}

.mb12 {
  margin-bottom: 12px !important
}

.mb13 {
  margin-bottom: 13px !important
}

.mb14 {
  margin-bottom: 14px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.mb16 {
  margin-bottom: 16px !important
}

.mb17 {
  margin-bottom: 17px !important
}

.mb18 {
  margin-bottom: 18px !important
}

.mb19 {
  margin-bottom: 19px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.mb21 {
  margin-bottom: 21px !important
}

.mb22 {
  margin-bottom: 22px !important
}

.mb23 {
  margin-bottom: 23px !important
}

.mb24 {
  margin-bottom: 24px !important
}

.mb25 {
  margin-bottom: 25px !important
}

.mb26 {
  margin-bottom: 26px !important
}

.mb27 {
  margin-bottom: 27px !important
}

.mb28 {
  margin-bottom: 28px !important
}

.mb29 {
  margin-bottom: 29px !important
}

.mb30 {
  margin-bottom: 30px !important
}

.mb31 {
  margin-bottom: 31px !important
}

.mb32 {
  margin-bottom: 32px !important
}

.mb33 {
  margin-bottom: 33px !important
}

.mb34 {
  margin-bottom: 34px !important
}

.mb35 {
  margin-bottom: 35px !important
}

.mb36 {
  margin-bottom: 36px !important
}

.mb37 {
  margin-bottom: 37px !important
}

.mb38 {
  margin-bottom: 38px !important
}

.mb39 {
  margin-bottom: 39px !important
}

.mb40 {
  margin-bottom: 40px !important
}

.mb41 {
  margin-bottom: 41px !important
}

.mb42 {
  margin-bottom: 42px !important
}

.mb43 {
  margin-bottom: 43px !important
}

.mb44 {
  margin-bottom: 44px !important
}

.mb45 {
  margin-bottom: 45px !important
}

.mb46 {
  margin-bottom: 46px !important
}

.mb47 {
  margin-bottom: 47px !important
}

.mb48 {
  margin-bottom: 48px !important
}

.mb49 {
  margin-bottom: 49px !important
}

.mb50 {
  margin-bottom: 50px !important
}

.mb51 {
  margin-bottom: 51px !important
}

.mb52 {
  margin-bottom: 52px !important
}

.mb53 {
  margin-bottom: 53px !important
}

.mb54 {
  margin-bottom: 54px !important
}

.mb55 {
  margin-bottom: 55px !important
}

.mb56 {
  margin-bottom: 56px !important
}

.mb57 {
  margin-bottom: 57px !important
}

.mb58 {
  margin-bottom: 58px !important
}

.mb59 {
  margin-bottom: 59px !important
}

.mb60 {
  margin-bottom: 60px !important
}

.mb61 {
  margin-bottom: 61px !important
}

.mb62 {
  margin-bottom: 62px !important
}

.mb63 {
  margin-bottom: 63px !important
}

.mb64 {
  margin-bottom: 64px !important
}

.mb65 {
  margin-bottom: 65px !important
}

.mb66 {
  margin-bottom: 66px !important
}

.mb67 {
  margin-bottom: 67px !important
}

.mb68 {
  margin-bottom: 68px !important
}

.mb69 {
  margin-bottom: 69px !important
}

.mb70 {
  margin-bottom: 70px !important
}

.mb71 {
  margin-bottom: 71px !important
}

.mb72 {
  margin-bottom: 72px !important
}

.mb73 {
  margin-bottom: 73px !important
}

.mb74 {
  margin-bottom: 74px !important
}

.mb75 {
  margin-bottom: 75px !important
}

.mb76 {
  margin-bottom: 76px !important
}

.mb77 {
  margin-bottom: 77px !important
}

.mb78 {
  margin-bottom: 78px !important
}

.mb79 {
  margin-bottom: 79px !important
}

.mb80 {
  margin-bottom: 80px !important
}

.mb81 {
  margin-bottom: 81px !important
}

.mb82 {
  margin-bottom: 82px !important
}

.mb83 {
  margin-bottom: 83px !important
}

.mb84 {
  margin-bottom: 84px !important
}

.mb85 {
  margin-bottom: 85px !important
}

.mb86 {
  margin-bottom: 86px !important
}

.mb87 {
  margin-bottom: 87px !important
}

.mb88 {
  margin-bottom: 88px !important
}

.mb89 {
  margin-bottom: 89px !important
}

.mb90 {
  margin-bottom: 90px !important
}

.mb91 {
  margin-bottom: 91px !important
}

.mb92 {
  margin-bottom: 92px !important
}

.mb93 {
  margin-bottom: 93px !important
}

.mb94 {
  margin-bottom: 94px !important
}

.mb95 {
  margin-bottom: 95px !important
}

.mb96 {
  margin-bottom: 96px !important
}

.mb97 {
  margin-bottom: 97px !important
}

.mb98 {
  margin-bottom: 98px !important
}

.mb99 {
  margin-bottom: 99px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.ml-100 {
  margin-left: -100px !important
}

.ml-99 {
  margin-left: -99px !important
}

.ml-98 {
  margin-left: -98px !important
}

.ml-97 {
  margin-left: -97px !important
}

.ml-96 {
  margin-left: -96px !important
}

.ml-95 {
  margin-left: -95px !important
}

.ml-94 {
  margin-left: -94px !important
}

.ml-93 {
  margin-left: -93px !important
}

.ml-92 {
  margin-left: -92px !important
}

.ml-91 {
  margin-left: -91px !important
}

.ml-90 {
  margin-left: -90px !important
}

.ml-89 {
  margin-left: -89px !important
}

.ml-88 {
  margin-left: -88px !important
}

.ml-87 {
  margin-left: -87px !important
}

.ml-86 {
  margin-left: -86px !important
}

.ml-85 {
  margin-left: -85px !important
}

.ml-84 {
  margin-left: -84px !important
}

.ml-83 {
  margin-left: -83px !important
}

.ml-82 {
  margin-left: -82px !important
}

.ml-81 {
  margin-left: -81px !important
}

.ml-80 {
  margin-left: -80px !important
}

.ml-79 {
  margin-left: -79px !important
}

.ml-78 {
  margin-left: -78px !important
}

.ml-77 {
  margin-left: -77px !important
}

.ml-76 {
  margin-left: -76px !important
}

.ml-75 {
  margin-left: -75px !important
}

.ml-74 {
  margin-left: -74px !important
}

.ml-73 {
  margin-left: -73px !important
}

.ml-72 {
  margin-left: -72px !important
}

.ml-71 {
  margin-left: -71px !important
}

.ml-70 {
  margin-left: -70px !important
}

.ml-69 {
  margin-left: -69px !important
}

.ml-68 {
  margin-left: -68px !important
}

.ml-67 {
  margin-left: -67px !important
}

.ml-66 {
  margin-left: -66px !important
}

.ml-65 {
  margin-left: -65px !important
}

.ml-64 {
  margin-left: -64px !important
}

.ml-63 {
  margin-left: -63px !important
}

.ml-62 {
  margin-left: -62px !important
}

.ml-61 {
  margin-left: -61px !important
}

.ml-60 {
  margin-left: -60px !important
}

.ml-59 {
  margin-left: -59px !important
}

.ml-58 {
  margin-left: -58px !important
}

.ml-57 {
  margin-left: -57px !important
}

.ml-56 {
  margin-left: -56px !important
}

.ml-55 {
  margin-left: -55px !important
}

.ml-54 {
  margin-left: -54px !important
}

.ml-53 {
  margin-left: -53px !important
}

.ml-52 {
  margin-left: -52px !important
}

.ml-51 {
  margin-left: -51px !important
}

.ml-50 {
  margin-left: -50px !important
}

.ml-49 {
  margin-left: -49px !important
}

.ml-48 {
  margin-left: -48px !important
}

.ml-47 {
  margin-left: -47px !important
}

.ml-46 {
  margin-left: -46px !important
}

.ml-45 {
  margin-left: -45px !important
}

.ml-44 {
  margin-left: -44px !important
}

.ml-43 {
  margin-left: -43px !important
}

.ml-42 {
  margin-left: -42px !important
}

.ml-41 {
  margin-left: -41px !important
}

.ml-40 {
  margin-left: -40px !important
}

.ml-39 {
  margin-left: -39px !important
}

.ml-38 {
  margin-left: -38px !important
}

.ml-37 {
  margin-left: -37px !important
}

.ml-36 {
  margin-left: -36px !important
}

.ml-35 {
  margin-left: -35px !important
}

.ml-34 {
  margin-left: -34px !important
}

.ml-33 {
  margin-left: -33px !important
}

.ml-32 {
  margin-left: -32px !important
}

.ml-31 {
  margin-left: -31px !important
}

.ml-30 {
  margin-left: -30px !important
}

.ml-29 {
  margin-left: -29px !important
}

.ml-28 {
  margin-left: -28px !important
}

.ml-27 {
  margin-left: -27px !important
}

.ml-26 {
  margin-left: -26px !important
}

.ml-25 {
  margin-left: -25px !important
}

.ml-24 {
  margin-left: -24px !important
}

.ml-23 {
  margin-left: -23px !important
}

.ml-22 {
  margin-left: -22px !important
}

.ml-21 {
  margin-left: -21px !important
}

.ml-20 {
  margin-left: -20px !important
}

.ml-19 {
  margin-left: -19px !important
}

.ml-18 {
  margin-left: -18px !important
}

.ml-17 {
  margin-left: -17px !important
}

.ml-16 {
  margin-left: -16px !important
}

.ml-15 {
  margin-left: -15px !important
}

.ml-14 {
  margin-left: -14px !important
}

.ml-13 {
  margin-left: -13px !important
}

.ml-12 {
  margin-left: -12px !important
}

.ml-11 {
  margin-left: -11px !important
}

.ml-10 {
  margin-left: -10px !important
}

.ml-9 {
  margin-left: -9px !important
}

.ml-8 {
  margin-left: -8px !important
}

.ml-7 {
  margin-left: -7px !important
}

.ml-6 {
  margin-left: -6px !important
}

.ml-5 {
  margin-left: -5px !important
}

.ml-4 {
  margin-left: -4px !important
}

.ml-3 {
  margin-left: -3px !important
}

.ml-2 {
  margin-left: -2px !important
}

.ml-1 {
  margin-left: -1px !important
}

.ml0 {
  margin-left: 0 !important
}

.ml1 {
  margin-left: 1px !important
}

.ml2 {
  margin-left: 2px !important
}

.ml3 {
  margin-left: 3px !important
}

.ml4 {
  margin-left: 4px !important
}

.ml5 {
  margin-left: 5px !important
}

.ml6 {
  margin-left: 6px !important
}

.ml7 {
  margin-left: 7px !important
}

.ml8 {
  margin-left: 8px !important
}

.ml9 {
  margin-left: 9px !important
}

.ml10 {
  margin-left: 10px !important
}

.ml11 {
  margin-left: 11px !important
}

.ml12 {
  margin-left: 12px !important
}

.ml13 {
  margin-left: 13px !important
}

.ml14 {
  margin-left: 14px !important
}

.ml15 {
  margin-left: 15px !important
}

.ml16 {
  margin-left: 16px !important
}

.ml17 {
  margin-left: 17px !important
}

.ml18 {
  margin-left: 18px !important
}

.ml19 {
  margin-left: 19px !important
}

.ml20 {
  margin-left: 20px !important
}

.ml21 {
  margin-left: 21px !important
}

.ml22 {
  margin-left: 22px !important
}

.ml23 {
  margin-left: 23px !important
}

.ml24 {
  margin-left: 24px !important
}

.ml25 {
  margin-left: 25px !important
}

.ml26 {
  margin-left: 26px !important
}

.ml27 {
  margin-left: 27px !important
}

.ml28 {
  margin-left: 28px !important
}

.ml29 {
  margin-left: 29px !important
}

.ml30 {
  margin-left: 30px !important
}

.ml31 {
  margin-left: 31px !important
}

.ml32 {
  margin-left: 32px !important
}

.ml33 {
  margin-left: 33px !important
}

.ml34 {
  margin-left: 34px !important
}

.ml35 {
  margin-left: 35px !important
}

.ml36 {
  margin-left: 36px !important
}

.ml37 {
  margin-left: 37px !important
}

.ml38 {
  margin-left: 38px !important
}

.ml39 {
  margin-left: 39px !important
}

.ml40 {
  margin-left: 40px !important
}

.ml41 {
  margin-left: 41px !important
}

.ml42 {
  margin-left: 42px !important
}

.ml43 {
  margin-left: 43px !important
}

.ml44 {
  margin-left: 44px !important
}

.ml45 {
  margin-left: 45px !important
}

.ml46 {
  margin-left: 46px !important
}

.ml47 {
  margin-left: 47px !important
}

.ml48 {
  margin-left: 48px !important
}

.ml49 {
  margin-left: 49px !important
}

.ml50 {
  margin-left: 50px !important
}

.ml51 {
  margin-left: 51px !important
}

.ml52 {
  margin-left: 52px !important
}

.ml53 {
  margin-left: 53px !important
}

.ml54 {
  margin-left: 54px !important
}

.ml55 {
  margin-left: 55px !important
}

.ml56 {
  margin-left: 56px !important
}

.ml57 {
  margin-left: 57px !important
}

.ml58 {
  margin-left: 58px !important
}

.ml59 {
  margin-left: 59px !important
}

.ml60 {
  margin-left: 60px !important
}

.ml61 {
  margin-left: 61px !important
}

.ml62 {
  margin-left: 62px !important
}

.ml63 {
  margin-left: 63px !important
}

.ml64 {
  margin-left: 64px !important
}

.ml65 {
  margin-left: 65px !important
}

.ml66 {
  margin-left: 66px !important
}

.ml67 {
  margin-left: 67px !important
}

.ml68 {
  margin-left: 68px !important
}

.ml69 {
  margin-left: 69px !important
}

.ml70 {
  margin-left: 70px !important
}

.ml71 {
  margin-left: 71px !important
}

.ml72 {
  margin-left: 72px !important
}

.ml73 {
  margin-left: 73px !important
}

.ml74 {
  margin-left: 74px !important
}

.ml75 {
  margin-left: 75px !important
}

.ml76 {
  margin-left: 76px !important
}

.ml77 {
  margin-left: 77px !important
}

.ml78 {
  margin-left: 78px !important
}

.ml79 {
  margin-left: 79px !important
}

.ml80 {
  margin-left: 80px !important
}

.ml81 {
  margin-left: 81px !important
}

.ml82 {
  margin-left: 82px !important
}

.ml83 {
  margin-left: 83px !important
}

.ml84 {
  margin-left: 84px !important
}

.ml85 {
  margin-left: 85px !important
}

.ml86 {
  margin-left: 86px !important
}

.ml87 {
  margin-left: 87px !important
}

.ml88 {
  margin-left: 88px !important
}

.ml89 {
  margin-left: 89px !important
}

.ml90 {
  margin-left: 90px !important
}

.ml91 {
  margin-left: 91px !important
}

.ml92 {
  margin-left: 92px !important
}

.ml93 {
  margin-left: 93px !important
}

.ml94 {
  margin-left: 94px !important
}

.ml95 {
  margin-left: 95px !important
}

.ml96 {
  margin-left: 96px !important
}

.ml97 {
  margin-left: 97px !important
}

.ml98 {
  margin-left: 98px !important
}

.ml99 {
  margin-left: 99px !important
}

.ml100 {
  margin-left: 100px !important
}

.mr-100 {
  margin-right: -100px !important
}

.mr-99 {
  margin-right: -99px !important
}

.mr-98 {
  margin-right: -98px !important
}

.mr-97 {
  margin-right: -97px !important
}

.mr-96 {
  margin-right: -96px !important
}

.mr-95 {
  margin-right: -95px !important
}

.mr-94 {
  margin-right: -94px !important
}

.mr-93 {
  margin-right: -93px !important
}

.mr-92 {
  margin-right: -92px !important
}

.mr-91 {
  margin-right: -91px !important
}

.mr-90 {
  margin-right: -90px !important
}

.mr-89 {
  margin-right: -89px !important
}

.mr-88 {
  margin-right: -88px !important
}

.mr-87 {
  margin-right: -87px !important
}

.mr-86 {
  margin-right: -86px !important
}

.mr-85 {
  margin-right: -85px !important
}

.mr-84 {
  margin-right: -84px !important
}

.mr-83 {
  margin-right: -83px !important
}

.mr-82 {
  margin-right: -82px !important
}

.mr-81 {
  margin-right: -81px !important
}

.mr-80 {
  margin-right: -80px !important
}

.mr-79 {
  margin-right: -79px !important
}

.mr-78 {
  margin-right: -78px !important
}

.mr-77 {
  margin-right: -77px !important
}

.mr-76 {
  margin-right: -76px !important
}

.mr-75 {
  margin-right: -75px !important
}

.mr-74 {
  margin-right: -74px !important
}

.mr-73 {
  margin-right: -73px !important
}

.mr-72 {
  margin-right: -72px !important
}

.mr-71 {
  margin-right: -71px !important
}

.mr-70 {
  margin-right: -70px !important
}

.mr-69 {
  margin-right: -69px !important
}

.mr-68 {
  margin-right: -68px !important
}

.mr-67 {
  margin-right: -67px !important
}

.mr-66 {
  margin-right: -66px !important
}

.mr-65 {
  margin-right: -65px !important
}

.mr-64 {
  margin-right: -64px !important
}

.mr-63 {
  margin-right: -63px !important
}

.mr-62 {
  margin-right: -62px !important
}

.mr-61 {
  margin-right: -61px !important
}

.mr-60 {
  margin-right: -60px !important
}

.mr-59 {
  margin-right: -59px !important
}

.mr-58 {
  margin-right: -58px !important
}

.mr-57 {
  margin-right: -57px !important
}

.mr-56 {
  margin-right: -56px !important
}

.mr-55 {
  margin-right: -55px !important
}

.mr-54 {
  margin-right: -54px !important
}

.mr-53 {
  margin-right: -53px !important
}

.mr-52 {
  margin-right: -52px !important
}

.mr-51 {
  margin-right: -51px !important
}

.mr-50 {
  margin-right: -50px !important
}

.mr-49 {
  margin-right: -49px !important
}

.mr-48 {
  margin-right: -48px !important
}

.mr-47 {
  margin-right: -47px !important
}

.mr-46 {
  margin-right: -46px !important
}

.mr-45 {
  margin-right: -45px !important
}

.mr-44 {
  margin-right: -44px !important
}

.mr-43 {
  margin-right: -43px !important
}

.mr-42 {
  margin-right: -42px !important
}

.mr-41 {
  margin-right: -41px !important
}

.mr-40 {
  margin-right: -40px !important
}

.mr-39 {
  margin-right: -39px !important
}

.mr-38 {
  margin-right: -38px !important
}

.mr-37 {
  margin-right: -37px !important
}

.mr-36 {
  margin-right: -36px !important
}

.mr-35 {
  margin-right: -35px !important
}

.mr-34 {
  margin-right: -34px !important
}

.mr-33 {
  margin-right: -33px !important
}

.mr-32 {
  margin-right: -32px !important
}

.mr-31 {
  margin-right: -31px !important
}

.mr-30 {
  margin-right: -30px !important
}

.mr-29 {
  margin-right: -29px !important
}

.mr-28 {
  margin-right: -28px !important
}

.mr-27 {
  margin-right: -27px !important
}

.mr-26 {
  margin-right: -26px !important
}

.mr-25 {
  margin-right: -25px !important
}

.mr-24 {
  margin-right: -24px !important
}

.mr-23 {
  margin-right: -23px !important
}

.mr-22 {
  margin-right: -22px !important
}

.mr-21 {
  margin-right: -21px !important
}

.mr-20 {
  margin-right: -20px !important
}

.mr-19 {
  margin-right: -19px !important
}

.mr-18 {
  margin-right: -18px !important
}

.mr-17 {
  margin-right: -17px !important
}

.mr-16 {
  margin-right: -16px !important
}

.mr-15 {
  margin-right: -15px !important
}

.mr-14 {
  margin-right: -14px !important
}

.mr-13 {
  margin-right: -13px !important
}

.mr-12 {
  margin-right: -12px !important
}

.mr-11 {
  margin-right: -11px !important
}

.mr-10 {
  margin-right: -10px !important
}

.mr-9 {
  margin-right: -9px !important
}

.mr-8 {
  margin-right: -8px !important
}

.mr-7 {
  margin-right: -7px !important
}

.mr-6 {
  margin-right: -6px !important
}

.mr-5 {
  margin-right: -5px !important
}

.mr-4 {
  margin-right: -4px !important
}

.mr-3 {
  margin-right: -3px !important
}

.mr-2 {
  margin-right: -2px !important
}

.mr-1 {
  margin-right: -1px !important
}

.mr0 {
  margin-right: 0 !important
}

.mr1 {
  margin-right: 1px !important
}

.mr2 {
  margin-right: 2px !important
}

.mr3 {
  margin-right: 3px !important
}

.mr4 {
  margin-right: 4px !important
}

.mr5 {
  margin-right: 5px !important
}

.mr6 {
  margin-right: 6px !important
}

.mr7 {
  margin-right: 7px !important
}

.mr8 {
  margin-right: 8px !important
}

.mr9 {
  margin-right: 9px !important
}

.mr10 {
  margin-right: 10px !important
}

.mr11 {
  margin-right: 11px !important
}

.mr12 {
  margin-right: 12px !important
}

.mr13 {
  margin-right: 13px !important
}

.mr14 {
  margin-right: 14px !important
}

.mr15 {
  margin-right: 15px !important
}

.mr16 {
  margin-right: 16px !important
}

.mr17 {
  margin-right: 17px !important
}

.mr18 {
  margin-right: 18px !important
}

.mr19 {
  margin-right: 19px !important
}

.mr20 {
  margin-right: 20px !important
}

.mr21 {
  margin-right: 21px !important
}

.mr22 {
  margin-right: 22px !important
}

.mr23 {
  margin-right: 23px !important
}

.mr24 {
  margin-right: 24px !important
}

.mr25 {
  margin-right: 25px !important
}

.mr26 {
  margin-right: 26px !important
}

.mr27 {
  margin-right: 27px !important
}

.mr28 {
  margin-right: 28px !important
}

.mr29 {
  margin-right: 29px !important
}

.mr30 {
  margin-right: 30px !important
}

.mr31 {
  margin-right: 31px !important
}

.mr32 {
  margin-right: 32px !important
}

.mr33 {
  margin-right: 33px !important
}

.mr34 {
  margin-right: 34px !important
}

.mr35 {
  margin-right: 35px !important
}

.mr36 {
  margin-right: 36px !important
}

.mr37 {
  margin-right: 37px !important
}

.mr38 {
  margin-right: 38px !important
}

.mr39 {
  margin-right: 39px !important
}

.mr40 {
  margin-right: 40px !important
}

.mr41 {
  margin-right: 41px !important
}

.mr42 {
  margin-right: 42px !important
}

.mr43 {
  margin-right: 43px !important
}

.mr44 {
  margin-right: 44px !important
}

.mr45 {
  margin-right: 45px !important
}

.mr46 {
  margin-right: 46px !important
}

.mr47 {
  margin-right: 47px !important
}

.mr48 {
  margin-right: 48px !important
}

.mr49 {
  margin-right: 49px !important
}

.mr50 {
  margin-right: 50px !important
}

.mr51 {
  margin-right: 51px !important
}

.mr52 {
  margin-right: 52px !important
}

.mr53 {
  margin-right: 53px !important
}

.mr54 {
  margin-right: 54px !important
}

.mr55 {
  margin-right: 55px !important
}

.mr56 {
  margin-right: 56px !important
}

.mr57 {
  margin-right: 57px !important
}

.mr58 {
  margin-right: 58px !important
}

.mr59 {
  margin-right: 59px !important
}

.mr60 {
  margin-right: 60px !important
}

.mr61 {
  margin-right: 61px !important
}

.mr62 {
  margin-right: 62px !important
}

.mr63 {
  margin-right: 63px !important
}

.mr64 {
  margin-right: 64px !important
}

.mr65 {
  margin-right: 65px !important
}

.mr66 {
  margin-right: 66px !important
}

.mr67 {
  margin-right: 67px !important
}

.mr68 {
  margin-right: 68px !important
}

.mr69 {
  margin-right: 69px !important
}

.mr70 {
  margin-right: 70px !important
}

.mr71 {
  margin-right: 71px !important
}

.mr72 {
  margin-right: 72px !important
}

.mr73 {
  margin-right: 73px !important
}

.mr74 {
  margin-right: 74px !important
}

.mr75 {
  margin-right: 75px !important
}

.mr76 {
  margin-right: 76px !important
}

.mr77 {
  margin-right: 77px !important
}

.mr78 {
  margin-right: 78px !important
}

.mr79 {
  margin-right: 79px !important
}

.mr80 {
  margin-right: 80px !important
}

.mr81 {
  margin-right: 81px !important
}

.mr82 {
  margin-right: 82px !important
}

.mr83 {
  margin-right: 83px !important
}

.mr84 {
  margin-right: 84px !important
}

.mr85 {
  margin-right: 85px !important
}

.mr86 {
  margin-right: 86px !important
}

.mr87 {
  margin-right: 87px !important
}

.mr88 {
  margin-right: 88px !important
}

.mr89 {
  margin-right: 89px !important
}

.mr90 {
  margin-right: 90px !important
}

.mr91 {
  margin-right: 91px !important
}

.mr92 {
  margin-right: 92px !important
}

.mr93 {
  margin-right: 93px !important
}

.mr94 {
  margin-right: 94px !important
}

.mr95 {
  margin-right: 95px !important
}

.mr96 {
  margin-right: 96px !important
}

.mr97 {
  margin-right: 97px !important
}

.mr98 {
  margin-right: 98px !important
}

.mr99 {
  margin-right: 99px !important
}

.mr100 {
  margin-right: 100px !important
}

.p0 {
  padding: 0 !important
}

.p1 {
  padding: 1px !important
}

.p2 {
  padding: 2px !important
}

.p3 {
  padding: 3px !important
}

.p4 {
  padding: 4px !important
}

.p5 {
  padding: 5px !important
}

.p6 {
  padding: 6px !important
}

.p7 {
  padding: 7px !important
}

.p8 {
  padding: 8px !important
}

.p9 {
  padding: 9px !important
}

.p10 {
  padding: 10px !important
}

.p11 {
  padding: 11px !important
}

.p12 {
  padding: 12px !important
}

.p13 {
  padding: 13px !important
}

.p14 {
  padding: 14px !important
}

.p15 {
  padding: 15px !important
}

.p16 {
  padding: 16px !important
}

.p17 {
  padding: 17px !important
}

.p18 {
  padding: 18px !important
}

.p19 {
  padding: 19px !important
}

.p20 {
  padding: 20px !important
}

.p21 {
  padding: 21px !important
}

.p22 {
  padding: 22px !important
}

.p23 {
  padding: 23px !important
}

.p24 {
  padding: 24px !important
}

.p25 {
  padding: 25px !important
}

.p26 {
  padding: 26px !important
}

.p27 {
  padding: 27px !important
}

.p28 {
  padding: 28px !important
}

.p29 {
  padding: 29px !important
}

.p30 {
  padding: 30px !important
}

.p31 {
  padding: 31px !important
}

.p32 {
  padding: 32px !important
}

.p33 {
  padding: 33px !important
}

.p34 {
  padding: 34px !important
}

.p35 {
  padding: 35px !important
}

.p36 {
  padding: 36px !important
}

.p37 {
  padding: 37px !important
}

.p38 {
  padding: 38px !important
}

.p39 {
  padding: 39px !important
}

.p40 {
  padding: 40px !important
}

.p41 {
  padding: 41px !important
}

.p42 {
  padding: 42px !important
}

.p43 {
  padding: 43px !important
}

.p44 {
  padding: 44px !important
}

.p45 {
  padding: 45px !important
}

.p46 {
  padding: 46px !important
}

.p47 {
  padding: 47px !important
}

.p48 {
  padding: 48px !important
}

.p49 {
  padding: 49px !important
}

.p50 {
  padding: 50px !important
}

.p51 {
  padding: 51px !important
}

.p52 {
  padding: 52px !important
}

.p53 {
  padding: 53px !important
}

.p54 {
  padding: 54px !important
}

.p55 {
  padding: 55px !important
}

.p56 {
  padding: 56px !important
}

.p57 {
  padding: 57px !important
}

.p58 {
  padding: 58px !important
}

.p59 {
  padding: 59px !important
}

.p60 {
  padding: 60px !important
}

.p61 {
  padding: 61px !important
}

.p62 {
  padding: 62px !important
}

.p63 {
  padding: 63px !important
}

.p64 {
  padding: 64px !important
}

.p65 {
  padding: 65px !important
}

.p66 {
  padding: 66px !important
}

.p67 {
  padding: 67px !important
}

.p68 {
  padding: 68px !important
}

.p69 {
  padding: 69px !important
}

.p70 {
  padding: 70px !important
}

.p71 {
  padding: 71px !important
}

.p72 {
  padding: 72px !important
}

.p73 {
  padding: 73px !important
}

.p74 {
  padding: 74px !important
}

.p75 {
  padding: 75px !important
}

.p76 {
  padding: 76px !important
}

.p77 {
  padding: 77px !important
}

.p78 {
  padding: 78px !important
}

.p79 {
  padding: 79px !important
}

.p80 {
  padding: 80px !important
}

.p81 {
  padding: 81px !important
}

.p82 {
  padding: 82px !important
}

.p83 {
  padding: 83px !important
}

.p84 {
  padding: 84px !important
}

.p85 {
  padding: 85px !important
}

.p86 {
  padding: 86px !important
}

.p87 {
  padding: 87px !important
}

.p88 {
  padding: 88px !important
}

.p89 {
  padding: 89px !important
}

.p90 {
  padding: 90px !important
}

.p91 {
  padding: 91px !important
}

.p92 {
  padding: 92px !important
}

.p93 {
  padding: 93px !important
}

.p94 {
  padding: 94px !important
}

.p95 {
  padding: 95px !important
}

.p96 {
  padding: 96px !important
}

.p97 {
  padding: 97px !important
}

.p98 {
  padding: 98px !important
}

.p99 {
  padding: 99px !important
}

.p100 {
  padding: 100px !important
}

.pt0 {
  padding-top: 0 !important
}

.pt1 {
  padding-top: 1px !important
}

.pt2 {
  padding-top: 2px !important
}

.pt3 {
  padding-top: 3px !important
}

.pt4 {
  padding-top: 4px !important
}

.pt5 {
  padding-top: 5px !important
}

.pt6 {
  padding-top: 6px !important
}

.pt7 {
  padding-top: 7px !important
}

.pt8 {
  padding-top: 8px !important
}

.pt9 {
  padding-top: 9px !important
}

.pt10 {
  padding-top: 10px !important
}

.pt11 {
  padding-top: 11px !important
}

.pt12 {
  padding-top: 12px !important
}

.pt13 {
  padding-top: 13px !important
}

.pt14 {
  padding-top: 14px !important
}

.pt15 {
  padding-top: 15px !important
}

.pt16 {
  padding-top: 16px !important
}

.pt17 {
  padding-top: 17px !important
}

.pt18 {
  padding-top: 18px !important
}

.pt19 {
  padding-top: 19px !important
}

.pt20 {
  padding-top: 20px !important
}

.pt21 {
  padding-top: 21px !important
}

.pt22 {
  padding-top: 22px !important
}

.pt23 {
  padding-top: 23px !important
}

.pt24 {
  padding-top: 24px !important
}

.pt25 {
  padding-top: 25px !important
}

.pt26 {
  padding-top: 26px !important
}

.pt27 {
  padding-top: 27px !important
}

.pt28 {
  padding-top: 28px !important
}

.pt29 {
  padding-top: 29px !important
}

.pt30 {
  padding-top: 30px !important
}

.pt31 {
  padding-top: 31px !important
}

.pt32 {
  padding-top: 32px !important
}

.pt33 {
  padding-top: 33px !important
}

.pt34 {
  padding-top: 34px !important
}

.pt35 {
  padding-top: 35px !important
}

.pt36 {
  padding-top: 36px !important
}

.pt37 {
  padding-top: 37px !important
}

.pt38 {
  padding-top: 38px !important
}

.pt39 {
  padding-top: 39px !important
}

.pt40 {
  padding-top: 40px !important
}

.pt41 {
  padding-top: 41px !important
}

.pt42 {
  padding-top: 42px !important
}

.pt43 {
  padding-top: 43px !important
}

.pt44 {
  padding-top: 44px !important
}

.pt45 {
  padding-top: 45px !important
}

.pt46 {
  padding-top: 46px !important
}

.pt47 {
  padding-top: 47px !important
}

.pt48 {
  padding-top: 48px !important
}

.pt49 {
  padding-top: 49px !important
}

.pt50 {
  padding-top: 50px !important
}

.pt51 {
  padding-top: 51px !important
}

.pt52 {
  padding-top: 52px !important
}

.pt53 {
  padding-top: 53px !important
}

.pt54 {
  padding-top: 54px !important
}

.pt55 {
  padding-top: 55px !important
}

.pt56 {
  padding-top: 56px !important
}

.pt57 {
  padding-top: 57px !important
}

.pt58 {
  padding-top: 58px !important
}

.pt59 {
  padding-top: 59px !important
}

.pt60 {
  padding-top: 60px !important
}

.pt61 {
  padding-top: 61px !important
}

.pt62 {
  padding-top: 62px !important
}

.pt63 {
  padding-top: 63px !important
}

.pt64 {
  padding-top: 64px !important
}

.pt65 {
  padding-top: 65px !important
}

.pt66 {
  padding-top: 66px !important
}

.pt67 {
  padding-top: 67px !important
}

.pt68 {
  padding-top: 68px !important
}

.pt69 {
  padding-top: 69px !important
}

.pt70 {
  padding-top: 70px !important
}

.pt71 {
  padding-top: 71px !important
}

.pt72 {
  padding-top: 72px !important
}

.pt73 {
  padding-top: 73px !important
}

.pt74 {
  padding-top: 74px !important
}

.pt75 {
  padding-top: 75px !important
}

.pt76 {
  padding-top: 76px !important
}

.pt77 {
  padding-top: 77px !important
}

.pt78 {
  padding-top: 78px !important
}

.pt79 {
  padding-top: 79px !important
}

.pt80 {
  padding-top: 80px !important
}

.pt81 {
  padding-top: 81px !important
}

.pt82 {
  padding-top: 82px !important
}

.pt83 {
  padding-top: 83px !important
}

.pt84 {
  padding-top: 84px !important
}

.pt85 {
  padding-top: 85px !important
}

.pt86 {
  padding-top: 86px !important
}

.pt87 {
  padding-top: 87px !important
}

.pt88 {
  padding-top: 88px !important
}

.pt89 {
  padding-top: 89px !important
}

.pt90 {
  padding-top: 90px !important
}

.pt91 {
  padding-top: 91px !important
}

.pt92 {
  padding-top: 92px !important
}

.pt93 {
  padding-top: 93px !important
}

.pt94 {
  padding-top: 94px !important
}

.pt95 {
  padding-top: 95px !important
}

.pt96 {
  padding-top: 96px !important
}

.pt97 {
  padding-top: 97px !important
}

.pt98 {
  padding-top: 98px !important
}

.pt99 {
  padding-top: 99px !important
}

.pt100 {
  padding-top: 100px !important
}

.pb0 {
  padding-bottom: 0 !important
}

.pb1 {
  padding-bottom: 1px !important
}

.pb2 {
  padding-bottom: 2px !important
}

.pb3 {
  padding-bottom: 3px !important
}

.pb4 {
  padding-bottom: 4px !important
}

.pb5 {
  padding-bottom: 5px !important
}

.pb6 {
  padding-bottom: 6px !important
}

.pb7 {
  padding-bottom: 7px !important
}

.pb8 {
  padding-bottom: 8px !important
}

.pb9 {
  padding-bottom: 9px !important
}

.pb10 {
  padding-bottom: 10px !important
}

.pb11 {
  padding-bottom: 11px !important
}

.pb12 {
  padding-bottom: 12px !important
}

.pb13 {
  padding-bottom: 13px !important
}

.pb14 {
  padding-bottom: 14px !important
}

.pb15 {
  padding-bottom: 15px !important
}

.pb16 {
  padding-bottom: 16px !important
}

.pb17 {
  padding-bottom: 17px !important
}

.pb18 {
  padding-bottom: 18px !important
}

.pb19 {
  padding-bottom: 19px !important
}

.pb20 {
  padding-bottom: 20px !important
}

.pb21 {
  padding-bottom: 21px !important
}

.pb22 {
  padding-bottom: 22px !important
}

.pb23 {
  padding-bottom: 23px !important
}

.pb24 {
  padding-bottom: 24px !important
}

.pb25 {
  padding-bottom: 25px !important
}

.pb26 {
  padding-bottom: 26px !important
}

.pb27 {
  padding-bottom: 27px !important
}

.pb28 {
  padding-bottom: 28px !important
}

.pb29 {
  padding-bottom: 29px !important
}

.pb30 {
  padding-bottom: 30px !important
}

.pb31 {
  padding-bottom: 31px !important
}

.pb32 {
  padding-bottom: 32px !important
}

.pb33 {
  padding-bottom: 33px !important
}

.pb34 {
  padding-bottom: 34px !important
}

.pb35 {
  padding-bottom: 35px !important
}

.pb36 {
  padding-bottom: 36px !important
}

.pb37 {
  padding-bottom: 37px !important
}

.pb38 {
  padding-bottom: 38px !important
}

.pb39 {
  padding-bottom: 39px !important
}

.pb40 {
  padding-bottom: 40px !important
}

.pb41 {
  padding-bottom: 41px !important
}

.pb42 {
  padding-bottom: 42px !important
}

.pb43 {
  padding-bottom: 43px !important
}

.pb44 {
  padding-bottom: 44px !important
}

.pb45 {
  padding-bottom: 45px !important
}

.pb46 {
  padding-bottom: 46px !important
}

.pb47 {
  padding-bottom: 47px !important
}

.pb48 {
  padding-bottom: 48px !important
}

.pb49 {
  padding-bottom: 49px !important
}

.pb50 {
  padding-bottom: 50px !important
}

.pb51 {
  padding-bottom: 51px !important
}

.pb52 {
  padding-bottom: 52px !important
}

.pb53 {
  padding-bottom: 53px !important
}

.pb54 {
  padding-bottom: 54px !important
}

.pb55 {
  padding-bottom: 55px !important
}

.pb56 {
  padding-bottom: 56px !important
}

.pb57 {
  padding-bottom: 57px !important
}

.pb58 {
  padding-bottom: 58px !important
}

.pb59 {
  padding-bottom: 59px !important
}

.pb60 {
  padding-bottom: 60px !important
}

.pb61 {
  padding-bottom: 61px !important
}

.pb62 {
  padding-bottom: 62px !important
}

.pb63 {
  padding-bottom: 63px !important
}

.pb64 {
  padding-bottom: 64px !important
}

.pb65 {
  padding-bottom: 65px !important
}

.pb66 {
  padding-bottom: 66px !important
}

.pb67 {
  padding-bottom: 67px !important
}

.pb68 {
  padding-bottom: 68px !important
}

.pb69 {
  padding-bottom: 69px !important
}

.pb70 {
  padding-bottom: 70px !important
}

.pb71 {
  padding-bottom: 71px !important
}

.pb72 {
  padding-bottom: 72px !important
}

.pb73 {
  padding-bottom: 73px !important
}

.pb74 {
  padding-bottom: 74px !important
}

.pb75 {
  padding-bottom: 75px !important
}

.pb76 {
  padding-bottom: 76px !important
}

.pb77 {
  padding-bottom: 77px !important
}

.pb78 {
  padding-bottom: 78px !important
}

.pb79 {
  padding-bottom: 79px !important
}

.pb80 {
  padding-bottom: 80px !important
}

.pb81 {
  padding-bottom: 81px !important
}

.pb82 {
  padding-bottom: 82px !important
}

.pb83 {
  padding-bottom: 83px !important
}

.pb84 {
  padding-bottom: 84px !important
}

.pb85 {
  padding-bottom: 85px !important
}

.pb86 {
  padding-bottom: 86px !important
}

.pb87 {
  padding-bottom: 87px !important
}

.pb88 {
  padding-bottom: 88px !important
}

.pb89 {
  padding-bottom: 89px !important
}

.pb90 {
  padding-bottom: 90px !important
}

.pb91 {
  padding-bottom: 91px !important
}

.pb92 {
  padding-bottom: 92px !important
}

.pb93 {
  padding-bottom: 93px !important
}

.pb94 {
  padding-bottom: 94px !important
}

.pb95 {
  padding-bottom: 95px !important
}

.pb96 {
  padding-bottom: 96px !important
}

.pb97 {
  padding-bottom: 97px !important
}

.pb98 {
  padding-bottom: 98px !important
}

.pb99 {
  padding-bottom: 99px !important
}

.pb100 {
  padding-bottom: 100px !important
}

.pl0 {
  padding-left: 0 !important
}

.pl1 {
  padding-left: 1px !important
}

.pl2 {
  padding-left: 2px !important
}

.pl3 {
  padding-left: 3px !important
}

.pl4 {
  padding-left: 4px !important
}

.pl5 {
  padding-left: 5px !important
}

.pl6 {
  padding-left: 6px !important
}

.pl7 {
  padding-left: 7px !important
}

.pl8 {
  padding-left: 8px !important
}

.pl9 {
  padding-left: 9px !important
}

.pl10 {
  padding-left: 10px !important
}

.pl11 {
  padding-left: 11px !important
}

.pl12 {
  padding-left: 12px !important
}

.pl13 {
  padding-left: 13px !important
}

.pl14 {
  padding-left: 14px !important
}

.pl15 {
  padding-left: 15px !important
}

.pl16 {
  padding-left: 16px !important
}

.pl17 {
  padding-left: 17px !important
}

.pl18 {
  padding-left: 18px !important
}

.pl19 {
  padding-left: 19px !important
}

.pl20 {
  padding-left: 20px !important
}

.pl21 {
  padding-left: 21px !important
}

.pl22 {
  padding-left: 22px !important
}

.pl23 {
  padding-left: 23px !important
}

.pl24 {
  padding-left: 24px !important
}

.pl25 {
  padding-left: 25px !important
}

.pl26 {
  padding-left: 26px !important
}

.pl27 {
  padding-left: 27px !important
}

.pl28 {
  padding-left: 28px !important
}

.pl29 {
  padding-left: 29px !important
}

.pl30 {
  padding-left: 30px !important
}

.pl31 {
  padding-left: 31px !important
}

.pl32 {
  padding-left: 32px !important
}

.pl33 {
  padding-left: 33px !important
}

.pl34 {
  padding-left: 34px !important
}

.pl35 {
  padding-left: 35px !important
}

.pl36 {
  padding-left: 36px !important
}

.pl37 {
  padding-left: 37px !important
}

.pl38 {
  padding-left: 38px !important
}

.pl39 {
  padding-left: 39px !important
}

.pl40 {
  padding-left: 40px !important
}

.pl41 {
  padding-left: 41px !important
}

.pl42 {
  padding-left: 42px !important
}

.pl43 {
  padding-left: 43px !important
}

.pl44 {
  padding-left: 44px !important
}

.pl45 {
  padding-left: 45px !important
}

.pl46 {
  padding-left: 46px !important
}

.pl47 {
  padding-left: 47px !important
}

.pl48 {
  padding-left: 48px !important
}

.pl49 {
  padding-left: 49px !important
}

.pl50 {
  padding-left: 50px !important
}

.pl51 {
  padding-left: 51px !important
}

.pl52 {
  padding-left: 52px !important
}

.pl53 {
  padding-left: 53px !important
}

.pl54 {
  padding-left: 54px !important
}

.pl55 {
  padding-left: 55px !important
}

.pl56 {
  padding-left: 56px !important
}

.pl57 {
  padding-left: 57px !important
}

.pl58 {
  padding-left: 58px !important
}

.pl59 {
  padding-left: 59px !important
}

.pl60 {
  padding-left: 60px !important
}

.pl61 {
  padding-left: 61px !important
}

.pl62 {
  padding-left: 62px !important
}

.pl63 {
  padding-left: 63px !important
}

.pl64 {
  padding-left: 64px !important
}

.pl65 {
  padding-left: 65px !important
}

.pl66 {
  padding-left: 66px !important
}

.pl67 {
  padding-left: 67px !important
}

.pl68 {
  padding-left: 68px !important
}

.pl69 {
  padding-left: 69px !important
}

.pl70 {
  padding-left: 70px !important
}

.pl71 {
  padding-left: 71px !important
}

.pl72 {
  padding-left: 72px !important
}

.pl73 {
  padding-left: 73px !important
}

.pl74 {
  padding-left: 74px !important
}

.pl75 {
  padding-left: 75px !important
}

.pl76 {
  padding-left: 76px !important
}

.pl77 {
  padding-left: 77px !important
}

.pl78 {
  padding-left: 78px !important
}

.pl79 {
  padding-left: 79px !important
}

.pl80 {
  padding-left: 80px !important
}

.pl81 {
  padding-left: 81px !important
}

.pl82 {
  padding-left: 82px !important
}

.pl83 {
  padding-left: 83px !important
}

.pl84 {
  padding-left: 84px !important
}

.pl85 {
  padding-left: 85px !important
}

.pl86 {
  padding-left: 86px !important
}

.pl87 {
  padding-left: 87px !important
}

.pl88 {
  padding-left: 88px !important
}

.pl89 {
  padding-left: 89px !important
}

.pl90 {
  padding-left: 90px !important
}

.pl91 {
  padding-left: 91px !important
}

.pl92 {
  padding-left: 92px !important
}

.pl93 {
  padding-left: 93px !important
}

.pl94 {
  padding-left: 94px !important
}

.pl95 {
  padding-left: 95px !important
}

.pl96 {
  padding-left: 96px !important
}

.pl97 {
  padding-left: 97px !important
}

.pl98 {
  padding-left: 98px !important
}

.pl99 {
  padding-left: 99px !important
}

.pl100 {
  padding-left: 100px !important
}

.pl115 {
  padding-left: 115px !important
}

.pl120 {
  padding-left: 115px !important
}

.pl135 {
  padding-left: 135px !important
}

.pr0 {
  padding-right: 0 !important
}

.pr1 {
  padding-right: 1px !important
}

.pr2 {
  padding-right: 2px !important
}

.pr3 {
  padding-right: 3px !important
}

.pr4 {
  padding-right: 4px !important
}

.pr5 {
  padding-right: 5px !important
}

.pr6 {
  padding-right: 6px !important
}

.pr7 {
  padding-right: 7px !important
}

.pr8 {
  padding-right: 8px !important
}

.pr9 {
  padding-right: 9px !important
}

.pr10 {
  padding-right: 10px !important
}

.pr11 {
  padding-right: 11px !important
}

.pr12 {
  padding-right: 12px !important
}

.pr13 {
  padding-right: 13px !important
}

.pr14 {
  padding-right: 14px !important
}

.pr15 {
  padding-right: 15px !important
}

.pr16 {
  padding-right: 16px !important
}

.pr17 {
  padding-right: 17px !important
}

.pr18 {
  padding-right: 18px !important
}

.pr19 {
  padding-right: 19px !important
}

.pr20 {
  padding-right: 20px !important
}

.pr21 {
  padding-right: 21px !important
}

.pr22 {
  padding-right: 22px !important
}

.pr23 {
  padding-right: 23px !important
}

.pr24 {
  padding-right: 24px !important
}

.pr25 {
  padding-right: 25px !important
}

.pr26 {
  padding-right: 26px !important
}

.pr27 {
  padding-right: 27px !important
}

.pr28 {
  padding-right: 28px !important
}

.pr29 {
  padding-right: 29px !important
}

.pr30 {
  padding-right: 30px !important
}

.pr31 {
  padding-right: 31px !important
}

.pr32 {
  padding-right: 32px !important
}

.pr33 {
  padding-right: 33px !important
}

.pr34 {
  padding-right: 34px !important
}

.pr35 {
  padding-right: 35px !important
}

.pr36 {
  padding-right: 36px !important
}

.pr37 {
  padding-right: 37px !important
}

.pr38 {
  padding-right: 38px !important
}

.pr39 {
  padding-right: 39px !important
}

.pr40 {
  padding-right: 40px !important
}

.pr41 {
  padding-right: 41px !important
}

.pr42 {
  padding-right: 42px !important
}

.pr43 {
  padding-right: 43px !important
}

.pr44 {
  padding-right: 44px !important
}

.pr45 {
  padding-right: 45px !important
}

.pr46 {
  padding-right: 46px !important
}

.pr47 {
  padding-right: 47px !important
}

.pr48 {
  padding-right: 48px !important
}

.pr49 {
  padding-right: 49px !important
}

.pr50 {
  padding-right: 50px !important
}

.pr51 {
  padding-right: 51px !important
}

.pr52 {
  padding-right: 52px !important
}

.pr53 {
  padding-right: 53px !important
}

.pr54 {
  padding-right: 54px !important
}

.pr55 {
  padding-right: 55px !important
}

.pr56 {
  padding-right: 56px !important
}

.pr57 {
  padding-right: 57px !important
}

.pr58 {
  padding-right: 58px !important
}

.pr59 {
  padding-right: 59px !important
}

.pr60 {
  padding-right: 60px !important
}

.pr61 {
  padding-right: 61px !important
}

.pr62 {
  padding-right: 62px !important
}

.pr63 {
  padding-right: 63px !important
}

.pr64 {
  padding-right: 64px !important
}

.pr65 {
  padding-right: 65px !important
}

.pr66 {
  padding-right: 66px !important
}

.pr67 {
  padding-right: 67px !important
}

.pr68 {
  padding-right: 68px !important
}

.pr69 {
  padding-right: 69px !important
}

.pr70 {
  padding-right: 70px !important
}

.pr71 {
  padding-right: 71px !important
}

.pr72 {
  padding-right: 72px !important
}

.pr73 {
  padding-right: 73px !important
}

.pr74 {
  padding-right: 74px !important
}

.pr75 {
  padding-right: 75px !important
}

.pr76 {
  padding-right: 76px !important
}

.pr77 {
  padding-right: 77px !important
}

.pr78 {
  padding-right: 78px !important
}

.pr79 {
  padding-right: 79px !important
}

.pr80 {
  padding-right: 80px !important
}

.pr81 {
  padding-right: 81px !important
}

.pr82 {
  padding-right: 82px !important
}

.pr83 {
  padding-right: 83px !important
}

.pr84 {
  padding-right: 84px !important
}

.pr85 {
  padding-right: 85px !important
}

.pr86 {
  padding-right: 86px !important
}

.pr87 {
  padding-right: 87px !important
}

.pr88 {
  padding-right: 88px !important
}

.pr89 {
  padding-right: 89px !important
}

.pr90 {
  padding-right: 90px !important
}

.pr91 {
  padding-right: 91px !important
}

.pr92 {
  padding-right: 92px !important
}

.pr93 {
  padding-right: 93px !important
}

.pr94 {
  padding-right: 94px !important
}

.pr95 {
  padding-right: 95px !important
}

.pr96 {
  padding-right: 96px !important
}

.pr97 {
  padding-right: 97px !important
}

.pr98 {
  padding-right: 98px !important
}

.pr99 {
  padding-right: 99px !important
}

.pr100 {
  padding-right: 100px !important
}

.wAuto {
  width: auto !important
}

.w0 {
  width: 0 !important
}

.w1 {
  width: 1px !important
}

.w2 {
  width: 2px !important
}

.w3 {
  width: 3px !important
}

.w4 {
  width: 4px !important
}

.w5 {
  width: 5px !important
}

.w6 {
  width: 6px !important
}

.w7 {
  width: 7px !important
}

.w8 {
  width: 8px !important
}

.w9 {
  width: 9px !important
}

.w10 {
  width: 10px !important
}

.w11 {
  width: 11px !important
}

.w12 {
  width: 12px !important
}

.w13 {
  width: 13px !important
}

.w14 {
  width: 14px !important
}

.w15 {
  width: 15px !important
}

.w16 {
  width: 16px !important
}

.w17 {
  width: 17px !important
}

.w18 {
  width: 18px !important
}

.w19 {
  width: 19px !important
}

.w20 {
  width: 20px !important
}

.w21 {
  width: 21px !important
}

.w22 {
  width: 22px !important
}

.w23 {
  width: 23px !important
}

.w24 {
  width: 24px !important
}

.w25 {
  width: 25px !important
}

.w26 {
  width: 26px !important
}

.w27 {
  width: 27px !important
}

.w28 {
  width: 28px !important
}

.w29 {
  width: 29px !important
}

.w30 {
  width: 30px !important
}

.w31 {
  width: 31px !important
}

.w32 {
  width: 32px !important
}

.w33 {
  width: 33px !important
}

.w34 {
  width: 34px !important
}

.w35 {
  width: 35px !important
}

.w36 {
  width: 36px !important
}

.w37 {
  width: 37px !important
}

.w38 {
  width: 38px !important
}

.w39 {
  width: 39px !important
}

.w40 {
  width: 40px !important
}

.w41 {
  width: 41px !important
}

.w42 {
  width: 42px !important
}

.w43 {
  width: 43px !important
}

.w44 {
  width: 44px !important
}

.w45 {
  width: 45px !important
}

.w46 {
  width: 46px !important
}

.w47 {
  width: 47px !important
}

.w48 {
  width: 48px !important
}

.w49 {
  width: 49px !important
}

.w50 {
  width: 50px !important
}

.w51 {
  width: 51px !important
}

.w52 {
  width: 52px !important
}

.w53 {
  width: 53px !important
}

.w54 {
  width: 54px !important
}

.w55 {
  width: 55px !important
}

.w56 {
  width: 56px !important
}

.w57 {
  width: 57px !important
}

.w58 {
  width: 58px !important
}

.w59 {
  width: 59px !important
}

.w60 {
  width: 60px !important
}

.w61 {
  width: 61px !important
}

.w62 {
  width: 62px !important
}

.w63 {
  width: 63px !important
}

.w64 {
  width: 64px !important
}

.w65 {
  width: 65px !important
}

.w66 {
  width: 66px !important
}

.w67 {
  width: 67px !important
}

.w68 {
  width: 68px !important
}

.w69 {
  width: 69px !important
}

.w70 {
  width: 70px !important
}

.w71 {
  width: 71px !important
}

.w72 {
  width: 72px !important
}

.w73 {
  width: 73px !important
}

.w74 {
  width: 74px !important
}

.w75 {
  width: 75px !important
}

.w76 {
  width: 76px !important
}

.w77 {
  width: 77px !important
}

.w78 {
  width: 78px !important
}

.w79 {
  width: 79px !important
}

.w80 {
  width: 80px !important
}

.w81 {
  width: 81px !important
}

.w82 {
  width: 82px !important
}

.w83 {
  width: 83px !important
}

.w84 {
  width: 84px !important
}

.w85 {
  width: 85px !important
}

.w86 {
  width: 86px !important
}

.w87 {
  width: 87px !important
}

.w88 {
  width: 88px !important
}

.w89 {
  width: 89px !important
}

.w90 {
  width: 90px !important
}

.w91 {
  width: 91px !important
}

.w92 {
  width: 92px !important
}

.w93 {
  width: 93px !important
}

.w94 {
  width: 94px !important
}

.w95 {
  width: 95px !important
}

.w96 {
  width: 96px !important
}

.w97 {
  width: 97px !important
}

.w98 {
  width: 98px !important
}

.w99 {
  width: 99px !important
}

.w100 {
  width: 100px !important
}

.w110 {
  width: 110px !important
}

.w120 {
  width: 120px !important
}

.w130 {
  width: 130px !important
}

.w140 {
  width: 140px !important
}

.w150 {
  width: 150px !important
}

.w160 {
  width: 160px !important
}

.w170 {
  width: 170px !important
}

.w180 {
  width: 180px !important
}

.w190 {
  width: 190px !important
}

.w200 {
  width: 200px !important
}

.w210 {
  width: 210px !important
}

.w220 {
  width: 220px !important
}

.w230 {
  width: 230px !important
}

.w240 {
  width: 240px !important
}

.w250 {
  width: 250px !important
}

.w260 {
  width: 260px !important
}

.w270 {
  width: 270px !important
}

.w280 {
  width: 280px !important
}

.w290 {
  width: 290px !important
}

.w300 {
  width: 300px !important
}

.w310 {
  width: 310px !important
}

.w320 {
  width: 320px !important
}

.w330 {
  width: 330px !important
}

.w340 {
  width: 340px !important
}

.w350 {
  width: 350px !important
}

.w360 {
  width: 360px !important
}

.w370 {
  width: 370px !important
}

.w380 {
  width: 380px !important
}

.w390 {
  width: 390px !important
}

.w400 {
  width: 400px !important
}

.w410 {
  width: 410px !important
}

.w420 {
  width: 420px !important
}

.w430 {
  width: 430px !important
}

.w440 {
  width: 440px !important
}

.w450 {
  width: 450px !important
}

.w460 {
  width: 460px !important
}

.w470 {
  width: 470px !important
}

.w480 {
  width: 480px !important
}

.w490 {
  width: 490px !important
}

.w500 {
  width: 500px !important
}

.w510 {
  width: 510px !important
}

.w520 {
  width: 520px !important
}

.w530 {
  width: 530px !important
}

.w540 {
  width: 540px !important
}

.w550 {
  width: 550px !important
}

.w560 {
  width: 560px !important
}

.w570 {
  width: 570px !important
}

.w580 {
  width: 580px !important
}

.w590 {
  width: 590px !important
}

.w600 {
  width: 600px !important
}

.w610 {
  width: 610px !important
}

.w620 {
  width: 620px !important
}

.w630 {
  width: 630px !important
}

.w640 {
  width: 640px !important
}

.w650 {
  width: 650px !important
}

.w660 {
  width: 660px !important
}

.w670 {
  width: 670px !important
}

.w680 {
  width: 680px !important
}

.w690 {
  width: 690px !important
}

.w700 {
  width: 700px !important
}

.w710 {
  width: 710px !important
}

.w720 {
  width: 720px !important
}

.w730 {
  width: 730px !important
}

.w740 {
  width: 740px !important
}

.w750 {
  width: 750px !important
}

.w760 {
  width: 760px !important
}

.w770 {
  width: 770px !important
}

.w780 {
  width: 780px !important
}

.w790 {
  width: 790px !important
}

.w800 {
  width: 800px !important
}

.w810 {
  width: 810px !important
}

.w820 {
  width: 820px !important
}

.w830 {
  width: 830px !important
}

.w840 {
  width: 840px !important
}

.w850 {
  width: 850px !important
}

.w860 {
  width: 860px !important
}

.w870 {
  width: 870px !important
}

.w880 {
  width: 880px !important
}

.w890 {
  width: 890px !important
}

.w900 {
  width: 900px !important
}

.w910 {
  width: 910px !important
}

.w920 {
  width: 920px !important
}

.w930 {
  width: 930px !important
}

.w940 {
  width: 940px !important
}

.w950 {
  width: 950px !important
}

.w960 {
  width: 960px !important
}

.w970 {
  width: 970px !important
}

.w980 {
  width: 980px !important
}

.w990 {
  width: 990px !important
}

.w1000 {
  width: 1000px !important
}

.w1010 {
  width: 1010px !important
}

.w1020 {
  width: 1020px !important
}

.w1030 {
  width: 1030px !important
}

.w1040 {
  width: 1040px !important
}

.w1050 {
  width: 1050px !important
}

.w1060 {
  width: 1060px !important
}

.w1070 {
  width: 1070px !important
}

.w1080 {
  width: 1080px !important
}

.w1090 {
  width: 1090px !important
}

.w1100 {
  width: 1100px !important
}

.w1110 {
  width: 1110px !important
}

.w1120 {
  width: 1120px !important
}

.w1130 {
  width: 1130px !important
}

.w1140 {
  width: 1140px !important
}

.w1150 {
  width: 1150px !important
}

.w1160 {
  width: 1160px !important
}

.w1170 {
  width: 1170px !important
}

.w1180 {
  width: 1180px !important
}

.w1190 {
  width: 1190px !important
}

.w1200 {
  width: 1200px !important
}

.hAuto {
  height: auto !important
}

.h0 {
  height: 0 !important
}

.h1 {
  height: 1px !important
}

.h2 {
  height: 2px !important
}

.h3 {
  height: 3px !important
}

.h4 {
  height: 4px !important
}

.h5 {
  height: 5px !important
}

.h6 {
  height: 6px !important
}

.h7 {
  height: 7px !important
}

.h8 {
  height: 8px !important
}

.h9 {
  height: 9px !important
}

.h10 {
  height: 10px !important
}

.h11 {
  height: 11px !important
}

.h12 {
  height: 12px !important
}

.h13 {
  height: 13px !important
}

.h14 {
  height: 14px !important
}

.h15 {
  height: 15px !important
}

.h16 {
  height: 16px !important
}

.h17 {
  height: 17px !important
}

.h18 {
  height: 18px !important
}

.h19 {
  height: 19px !important
}

.h20 {
  height: 20px !important
}

.h21 {
  height: 21px !important
}

.h22 {
  height: 22px !important
}

.h23 {
  height: 23px !important
}

.h24 {
  height: 24px !important
}

.h25 {
  height: 25px !important
}

.h26 {
  height: 26px !important
}

.h27 {
  height: 27px !important
}

.h28 {
  height: 28px !important
}

.h29 {
  height: 29px !important
}

.h30 {
  height: 30px !important
}

.h31 {
  height: 31px !important
}

.h32 {
  height: 32px !important
}

.h33 {
  height: 33px !important
}

.h34 {
  height: 34px !important
}

.h35 {
  height: 35px !important
}

.h36 {
  height: 36px !important
}

.h37 {
  height: 37px !important
}

.h38 {
  height: 38px !important
}

.h39 {
  height: 39px !important
}

.h40 {
  height: 40px !important
}

.h41 {
  height: 41px !important
}

.h42 {
  height: 42px !important
}

.h43 {
  height: 43px !important
}

.h44 {
  height: 44px !important
}

.h45 {
  height: 45px !important
}

.h46 {
  height: 46px !important
}

.h47 {
  height: 47px !important
}

.h48 {
  height: 48px !important
}

.h49 {
  height: 49px !important
}

.h50 {
  height: 50px !important
}

.h51 {
  height: 51px !important
}

.h52 {
  height: 52px !important
}

.h53 {
  height: 53px !important
}

.h54 {
  height: 54px !important
}

.h55 {
  height: 55px !important
}

.h56 {
  height: 56px !important
}

.h57 {
  height: 57px !important
}

.h58 {
  height: 58px !important
}

.h59 {
  height: 59px !important
}

.h60 {
  height: 60px !important
}

.h61 {
  height: 61px !important
}

.h62 {
  height: 62px !important
}

.h63 {
  height: 63px !important
}

.h64 {
  height: 64px !important
}

.h65 {
  height: 65px !important
}

.h66 {
  height: 66px !important
}

.h67 {
  height: 67px !important
}

.h68 {
  height: 68px !important
}

.h69 {
  height: 69px !important
}

.h70 {
  height: 70px !important
}

.h71 {
  height: 71px !important
}

.h72 {
  height: 72px !important
}

.h73 {
  height: 73px !important
}

.h74 {
  height: 74px !important
}

.h75 {
  height: 75px !important
}

.h76 {
  height: 76px !important
}

.h77 {
  height: 77px !important
}

.h78 {
  height: 78px !important
}

.h79 {
  height: 79px !important
}

.h80 {
  height: 80px !important
}

.h81 {
  height: 81px !important
}

.h82 {
  height: 82px !important
}

.h83 {
  height: 83px !important
}

.h84 {
  height: 84px !important
}

.h85 {
  height: 85px !important
}

.h86 {
  height: 86px !important
}

.h87 {
  height: 87px !important
}

.h88 {
  height: 88px !important
}

.h89 {
  height: 89px !important
}

.h90 {
  height: 90px !important
}

.h91 {
  height: 91px !important
}

.h92 {
  height: 92px !important
}

.h93 {
  height: 93px !important
}

.h94 {
  height: 94px !important
}

.h95 {
  height: 95px !important
}

.h96 {
  height: 96px !important
}

.h97 {
  height: 97px !important
}

.h98 {
  height: 98px !important
}

.h99 {
  height: 99px !important
}

.h100 {
  height: 100px !important
}

.h110 {
  height: 110px !important
}

.h120 {
  height: 120px !important
}

.h130 {
  height: 130px !important
}

.h140 {
  height: 140px !important
}

.h150 {
  height: 150px !important
}

.h160 {
  height: 160px !important
}

.h170 {
  height: 170px !important
}

.h180 {
  height: 180px !important
}

.h190 {
  height: 190px !important
}

.h200 {
  height: 200px !important
}

.h210 {
  height: 210px !important
}

.h220 {
  height: 220px !important
}

.h230 {
  height: 230px !important
}

.h240 {
  height: 240px !important
}

.h250 {
  height: 250px !important
}

.h260 {
  height: 260px !important
}

.h270 {
  height: 270px !important
}

.h280 {
  height: 280px !important
}

.h290 {
  height: 290px !important
}

.h300 {
  height: 300px !important
}

.h310 {
  height: 310px !important
}

.h320 {
  height: 320px !important
}

.h330 {
  height: 330px !important
}

.h340 {
  height: 340px !important
}

.h350 {
  height: 350px !important
}

.h360 {
  height: 360px !important
}

.h370 {
  height: 370px !important
}

.h380 {
  height: 380px !important
}

.h390 {
  height: 390px !important
}

.h400 {
  height: 400px !important
}

.h410 {
  height: 410px !important
}

.h420 {
  height: 420px !important
}

.h430 {
  height: 430px !important
}

.h440 {
  height: 440px !important
}

.h450 {
  height: 450px !important
}

.h460 {
  height: 460px !important
}

.h470 {
  height: 470px !important
}

.h480 {
  height: 480px !important
}

.h490 {
  height: 490px !important
}

.h500 {
  height: 500px !important
}

.h510 {
  height: 510px !important
}

.h520 {
  height: 520px !important
}

.h530 {
  height: 530px !important
}

.h540 {
  height: 540px !important
}

.h550 {
  height: 550px !important
}

.h560 {
  height: 560px !important
}

.h570 {
  height: 570px !important
}

.h580 {
  height: 580px !important
}

.h590 {
  height: 590px !important
}

.h600 {
  height: 600px !important
}

.h610 {
  height: 610px !important
}

.h620 {
  height: 620px !important
}

.h630 {
  height: 630px !important
}

.h640 {
  height: 640px !important
}

.h650 {
  height: 650px !important
}

.h660 {
  height: 660px !important
}

.h670 {
  height: 670px !important
}

.h680 {
  height: 680px !important
}

.h690 {
  height: 690px !important
}

.h700 {
  height: 700px !important
}

.h710 {
  height: 710px !important
}

.h720 {
  height: 720px !important
}

.h730 {
  height: 730px !important
}

.h740 {
  height: 740px !important
}

.h750 {
  height: 750px !important
}

.h760 {
  height: 760px !important
}

.h770 {
  height: 770px !important
}

.h780 {
  height: 780px !important
}

.h790 {
  height: 790px !important
}

.h800 {
  height: 800px !important
}

.h810 {
  height: 810px !important
}

.h820 {
  height: 820px !important
}

.h830 {
  height: 830px !important
}

.h840 {
  height: 840px !important
}

.h850 {
  height: 850px !important
}

.h860 {
  height: 860px !important
}

.h870 {
  height: 870px !important
}

.h880 {
  height: 880px !important
}

.h890 {
  height: 890px !important
}

.h900 {
  height: 900px !important
}

.h910 {
  height: 910px !important
}

.h920 {
  height: 920px !important
}

.h930 {
  height: 930px !important
}

.h940 {
  height: 940px !important
}

.h950 {
  height: 950px !important
}

.h960 {
  height: 960px !important
}

.h970 {
  height: 970px !important
}

.h980 {
  height: 980px !important
}

.h990 {
  height: 990px !important
}

.h1000 {
  height: 1000px !important
}

.h1010 {
  height: 1010px !important
}

.h1020 {
  height: 1020px !important
}

.h1030 {
  height: 1030px !important
}

.h1040 {
  height: 1040px !important
}

.h1050 {
  height: 1050px !important
}

.h1060 {
  height: 1060px !important
}

.h1070 {
  height: 1070px !important
}

.h1080 {
  height: 1080px !important
}

.h1090 {
  height: 1090px !important
}

.h1100 {
  height: 1100px !important
}

.h1110 {
  height: 1110px !important
}

.h1120 {
  height: 1120px !important
}

.h1130 {
  height: 1130px !important
}

.h1140 {
  height: 1140px !important
}

.h1150 {
  height: 1150px !important
}

.h1160 {
  height: 1160px !important
}

.h1170 {
  height: 1170px !important
}

.h1180 {
  height: 1180px !important
}

.h1190 {
  height: 1190px !important
}

.h1200 {
  height: 1200px !important
}

.max-w0 {
  max-width: 0 !important
}

.max-w1 {
  max-width: 1px !important
}

.max-w2 {
  max-width: 2px !important
}

.max-w3 {
  max-width: 3px !important
}

.max-w4 {
  max-width: 4px !important
}

.max-w5 {
  max-width: 5px !important
}

.max-w6 {
  max-width: 6px !important
}

.max-w7 {
  max-width: 7px !important
}

.max-w8 {
  max-width: 8px !important
}

.max-w9 {
  max-width: 9px !important
}

.max-w10 {
  max-width: 10px !important
}

.max-w11 {
  max-width: 11px !important
}

.max-w12 {
  max-width: 12px !important
}

.max-w13 {
  max-width: 13px !important
}

.max-w14 {
  max-width: 14px !important
}

.max-w15 {
  max-width: 15px !important
}

.max-w16 {
  max-width: 16px !important
}

.max-w17 {
  max-width: 17px !important
}

.max-w18 {
  max-width: 18px !important
}

.max-w19 {
  max-width: 19px !important
}

.max-w20 {
  max-width: 20px !important
}

.max-w21 {
  max-width: 21px !important
}

.max-w22 {
  max-width: 22px !important
}

.max-w23 {
  max-width: 23px !important
}

.max-w24 {
  max-width: 24px !important
}

.max-w25 {
  max-width: 25px !important
}

.max-w26 {
  max-width: 26px !important
}

.max-w27 {
  max-width: 27px !important
}

.max-w28 {
  max-width: 28px !important
}

.max-w29 {
  max-width: 29px !important
}

.max-w30 {
  max-width: 30px !important
}

.max-w31 {
  max-width: 31px !important
}

.max-w32 {
  max-width: 32px !important
}

.max-w33 {
  max-width: 33px !important
}

.max-w34 {
  max-width: 34px !important
}

.max-w35 {
  max-width: 35px !important
}

.max-w36 {
  max-width: 36px !important
}

.max-w37 {
  max-width: 37px !important
}

.max-w38 {
  max-width: 38px !important
}

.max-w39 {
  max-width: 39px !important
}

.max-w40 {
  max-width: 40px !important
}

.max-w41 {
  max-width: 41px !important
}

.max-w42 {
  max-width: 42px !important
}

.max-w43 {
  max-width: 43px !important
}

.max-w44 {
  max-width: 44px !important
}

.max-w45 {
  max-width: 45px !important
}

.max-w46 {
  max-width: 46px !important
}

.max-w47 {
  max-width: 47px !important
}

.max-w48 {
  max-width: 48px !important
}

.max-w49 {
  max-width: 49px !important
}

.max-w50 {
  max-width: 50px !important
}

.max-w51 {
  max-width: 51px !important
}

.max-w52 {
  max-width: 52px !important
}

.max-w53 {
  max-width: 53px !important
}

.max-w54 {
  max-width: 54px !important
}

.max-w55 {
  max-width: 55px !important
}

.max-w56 {
  max-width: 56px !important
}

.max-w57 {
  max-width: 57px !important
}

.max-w58 {
  max-width: 58px !important
}

.max-w59 {
  max-width: 59px !important
}

.max-w60 {
  max-width: 60px !important
}

.max-w61 {
  max-width: 61px !important
}

.max-w62 {
  max-width: 62px !important
}

.max-w63 {
  max-width: 63px !important
}

.max-w64 {
  max-width: 64px !important
}

.max-w65 {
  max-width: 65px !important
}

.max-w66 {
  max-width: 66px !important
}

.max-w67 {
  max-width: 67px !important
}

.max-w68 {
  max-width: 68px !important
}

.max-w69 {
  max-width: 69px !important
}

.max-w70 {
  max-width: 70px !important
}

.max-w71 {
  max-width: 71px !important
}

.max-w72 {
  max-width: 72px !important
}

.max-w73 {
  max-width: 73px !important
}

.max-w74 {
  max-width: 74px !important
}

.max-w75 {
  max-width: 75px !important
}

.max-w76 {
  max-width: 76px !important
}

.max-w77 {
  max-width: 77px !important
}

.max-w78 {
  max-width: 78px !important
}

.max-w79 {
  max-width: 79px !important
}

.max-w80 {
  max-width: 80px !important
}

.max-w81 {
  max-width: 81px !important
}

.max-w82 {
  max-width: 82px !important
}

.max-w83 {
  max-width: 83px !important
}

.max-w84 {
  max-width: 84px !important
}

.max-w85 {
  max-width: 85px !important
}

.max-w86 {
  max-width: 86px !important
}

.max-w87 {
  max-width: 87px !important
}

.max-w88 {
  max-width: 88px !important
}

.max-w89 {
  max-width: 89px !important
}

.max-w90 {
  max-width: 90px !important
}

.max-w91 {
  max-width: 91px !important
}

.max-w92 {
  max-width: 92px !important
}

.max-w93 {
  max-width: 93px !important
}

.max-w94 {
  max-width: 94px !important
}

.max-w95 {
  max-width: 95px !important
}

.max-w96 {
  max-width: 96px !important
}

.max-w97 {
  max-width: 97px !important
}

.max-w98 {
  max-width: 98px !important
}

.max-w99 {
  max-width: 99px !important
}

.max-w100 {
  max-width: 100px !important
}

.max-w120 {
  max-width: 120px !important
}

.max-w150 {
  max-width: 150px !important
}

.max-w200 {
  max-width: 200px !important
}

.max-w250 {
  max-width: 250px !important
}

.max-w300 {
  max-width: 300px !important
}

.max-w350 {
  max-width: 350px !important
}

.max-w400 {
  max-width: 400px !important
}

.max-w450 {
  max-width: 450px !important
}

.max-w500 {
  max-width: 500px !important
}

.max-w550 {
  max-width: 550px !important
}

.max-w600 {
  max-width: 600px !important
}

.max-w650 {
  max-width: 650px !important
}

.max-w700 {
  max-width: 700px !important
}

.max-w750 {
  max-width: 750px !important
}

.max-w800 {
  max-width: 800px !important
}

.max-w850 {
  max-width: 850px !important
}

.max-w900 {
  max-width: 900px !important
}

.max-w950 {
  max-width: 950px !important
}

.max-w1000 {
  max-width: 1000px !important
}

.max-w1050 {
  max-width: 1050px !important
}

.max-w1100 {
  max-width: 1100px !important
}

.max-w1150 {
  max-width: 1150px !important
}

.max-w1200 {
  max-width: 1200px !important
}

.max-w1250 {
  max-width: 1250px !important
}

.max-w100p {
  max-width: 100% !important
}

.max-h0 {
  max-height: 0 !important
}

.max-h1 {
  max-height: 1px !important
}

.max-h2 {
  max-height: 2px !important
}

.max-h3 {
  max-height: 3px !important
}

.max-h4 {
  max-height: 4px !important
}

.max-h5 {
  max-height: 5px !important
}

.max-h6 {
  max-height: 6px !important
}

.max-h7 {
  max-height: 7px !important
}

.max-h8 {
  max-height: 8px !important
}

.max-h9 {
  max-height: 9px !important
}

.max-h10 {
  max-height: 10px !important
}

.max-h11 {
  max-height: 11px !important
}

.max-h12 {
  max-height: 12px !important
}

.max-h13 {
  max-height: 13px !important
}

.max-h14 {
  max-height: 14px !important
}

.max-h15 {
  max-height: 15px !important
}

.max-h16 {
  max-height: 16px !important
}

.max-h17 {
  max-height: 17px !important
}

.max-h18 {
  max-height: 18px !important
}

.max-h19 {
  max-height: 19px !important
}

.max-h20 {
  max-height: 20px !important
}

.max-h21 {
  max-height: 21px !important
}

.max-h22 {
  max-height: 22px !important
}

.max-h23 {
  max-height: 23px !important
}

.max-h24 {
  max-height: 24px !important
}

.max-h25 {
  max-height: 25px !important
}

.max-h26 {
  max-height: 26px !important
}

.max-h27 {
  max-height: 27px !important
}

.max-h28 {
  max-height: 28px !important
}

.max-h29 {
  max-height: 29px !important
}

.max-h30 {
  max-height: 30px !important
}

.max-h31 {
  max-height: 31px !important
}

.max-h32 {
  max-height: 32px !important
}

.max-h33 {
  max-height: 33px !important
}

.max-h34 {
  max-height: 34px !important
}

.max-h35 {
  max-height: 35px !important
}

.max-h36 {
  max-height: 36px !important
}

.max-h37 {
  max-height: 37px !important
}

.max-h38 {
  max-height: 38px !important
}

.max-h39 {
  max-height: 39px !important
}

.max-h40 {
  max-height: 40px !important
}

.max-h41 {
  max-height: 41px !important
}

.max-h42 {
  max-height: 42px !important
}

.max-h43 {
  max-height: 43px !important
}

.max-h44 {
  max-height: 44px !important
}

.max-h45 {
  max-height: 45px !important
}

.max-h46 {
  max-height: 46px !important
}

.max-h47 {
  max-height: 47px !important
}

.max-h48 {
  max-height: 48px !important
}

.max-h49 {
  max-height: 49px !important
}

.max-h50 {
  max-height: 50px !important
}

.max-h51 {
  max-height: 51px !important
}

.max-h52 {
  max-height: 52px !important
}

.max-h53 {
  max-height: 53px !important
}

.max-h54 {
  max-height: 54px !important
}

.max-h55 {
  max-height: 55px !important
}

.max-h56 {
  max-height: 56px !important
}

.max-h57 {
  max-height: 57px !important
}

.max-h58 {
  max-height: 58px !important
}

.max-h59 {
  max-height: 59px !important
}

.max-h60 {
  max-height: 60px !important
}

.max-h61 {
  max-height: 61px !important
}

.max-h62 {
  max-height: 62px !important
}

.max-h63 {
  max-height: 63px !important
}

.max-h64 {
  max-height: 64px !important
}

.max-h65 {
  max-height: 65px !important
}

.max-h66 {
  max-height: 66px !important
}

.max-h67 {
  max-height: 67px !important
}

.max-h68 {
  max-height: 68px !important
}

.max-h69 {
  max-height: 69px !important
}

.max-h70 {
  max-height: 70px !important
}

.max-h71 {
  max-height: 71px !important
}

.max-h72 {
  max-height: 72px !important
}

.max-h73 {
  max-height: 73px !important
}

.max-h74 {
  max-height: 74px !important
}

.max-h75 {
  max-height: 75px !important
}

.max-h76 {
  max-height: 76px !important
}

.max-h77 {
  max-height: 77px !important
}

.max-h78 {
  max-height: 78px !important
}

.max-h79 {
  max-height: 79px !important
}

.max-h80 {
  max-height: 80px !important
}

.max-h81 {
  max-height: 81px !important
}

.max-h82 {
  max-height: 82px !important
}

.max-h83 {
  max-height: 83px !important
}

.max-h84 {
  max-height: 84px !important
}

.max-h85 {
  max-height: 85px !important
}

.max-h86 {
  max-height: 86px !important
}

.max-h87 {
  max-height: 87px !important
}

.max-h88 {
  max-height: 88px !important
}

.max-h89 {
  max-height: 89px !important
}

.max-h90 {
  max-height: 90px !important
}

.max-h91 {
  max-height: 91px !important
}

.max-h92 {
  max-height: 92px !important
}

.max-h93 {
  max-height: 93px !important
}

.max-h94 {
  max-height: 94px !important
}

.max-h95 {
  max-height: 95px !important
}

.max-h96 {
  max-height: 96px !important
}

.max-h97 {
  max-height: 97px !important
}

.max-h98 {
  max-height: 98px !important
}

.max-h99 {
  max-height: 99px !important
}

.max-h100 {
  max-height: 100px !important
}

.max-h150 {
  max-height: 150px !important
}

.max-h200 {
  max-height: 200px !important
}

.max-h250 {
  max-height: 250px !important
}

.max-h300 {
  max-height: 300px !important
}

.max-h350 {
  max-height: 350px !important
}

.max-h400 {
  max-height: 400px !important
}

.max-h450 {
  max-height: 450px !important
}

.max-h500 {
  max-height: 500px !important
}

.max-h550 {
  max-height: 550px !important
}

.max-h600 {
  max-height: 600px !important
}

.max-h650 {
  max-height: 650px !important
}

.max-h700 {
  max-height: 700px !important
}

.max-h750 {
  max-height: 750px !important
}

.max-h800 {
  max-height: 800px !important
}

.max-h850 {
  max-height: 850px !important
}

.max-h900 {
  max-height: 900px !important
}

.max-h950 {
  max-height: 950px !important
}

.max-h1000 {
  max-height: 1000px !important
}

.max-h1050 {
  max-height: 1050px !important
}

.max-h1100 {
  max-height: 1100px !important
}

.max-h1150 {
  max-height: 1150px !important
}

.max-h1200 {
  max-height: 1200px !important
}

.max-h1250 {
  max-height: 1250px !important
}

.min-w0 {
  min-width: 0 !important
}

.min-w1 {
  min-width: 1px !important
}

.min-w2 {
  min-width: 2px !important
}

.min-w3 {
  min-width: 3px !important
}

.min-w4 {
  min-width: 4px !important
}

.min-w5 {
  min-width: 5px !important
}

.min-w6 {
  min-width: 6px !important
}

.min-w7 {
  min-width: 7px !important
}

.min-w8 {
  min-width: 8px !important
}

.min-w9 {
  min-width: 9px !important
}

.min-w10 {
  min-width: 10px !important
}

.min-w11 {
  min-width: 11px !important
}

.min-w12 {
  min-width: 12px !important
}

.min-w13 {
  min-width: 13px !important
}

.min-w14 {
  min-width: 14px !important
}

.min-w15 {
  min-width: 15px !important
}

.min-w16 {
  min-width: 16px !important
}

.min-w17 {
  min-width: 17px !important
}

.min-w18 {
  min-width: 18px !important
}

.min-w19 {
  min-width: 19px !important
}

.min-w20 {
  min-width: 20px !important
}

.min-w21 {
  min-width: 21px !important
}

.min-w22 {
  min-width: 22px !important
}

.min-w23 {
  min-width: 23px !important
}

.min-w24 {
  min-width: 24px !important
}

.min-w25 {
  min-width: 25px !important
}

.min-w26 {
  min-width: 26px !important
}

.min-w27 {
  min-width: 27px !important
}

.min-w28 {
  min-width: 28px !important
}

.min-w29 {
  min-width: 29px !important
}

.min-w30 {
  min-width: 30px !important
}

.min-w31 {
  min-width: 31px !important
}

.min-w32 {
  min-width: 32px !important
}

.min-w33 {
  min-width: 33px !important
}

.min-w34 {
  min-width: 34px !important
}

.min-w35 {
  min-width: 35px !important
}

.min-w36 {
  min-width: 36px !important
}

.min-w37 {
  min-width: 37px !important
}

.min-w38 {
  min-width: 38px !important
}

.min-w39 {
  min-width: 39px !important
}

.min-w40 {
  min-width: 40px !important
}

.min-w41 {
  min-width: 41px !important
}

.min-w42 {
  min-width: 42px !important
}

.min-w43 {
  min-width: 43px !important
}

.min-w44 {
  min-width: 44px !important
}

.min-w45 {
  min-width: 45px !important
}

.min-w46 {
  min-width: 46px !important
}

.min-w47 {
  min-width: 47px !important
}

.min-w48 {
  min-width: 48px !important
}

.min-w49 {
  min-width: 49px !important
}

.min-w50 {
  min-width: 50px !important
}

.min-w51 {
  min-width: 51px !important
}

.min-w52 {
  min-width: 52px !important
}

.min-w53 {
  min-width: 53px !important
}

.min-w54 {
  min-width: 54px !important
}

.min-w55 {
  min-width: 55px !important
}

.min-w56 {
  min-width: 56px !important
}

.min-w57 {
  min-width: 57px !important
}

.min-w58 {
  min-width: 58px !important
}

.min-w59 {
  min-width: 59px !important
}

.min-w60 {
  min-width: 60px !important
}

.min-w61 {
  min-width: 61px !important
}

.min-w62 {
  min-width: 62px !important
}

.min-w63 {
  min-width: 63px !important
}

.min-w64 {
  min-width: 64px !important
}

.min-w65 {
  min-width: 65px !important
}

.min-w66 {
  min-width: 66px !important
}

.min-w67 {
  min-width: 67px !important
}

.min-w68 {
  min-width: 68px !important
}

.min-w69 {
  min-width: 69px !important
}

.min-w70 {
  min-width: 70px !important
}

.min-w71 {
  min-width: 71px !important
}

.min-w72 {
  min-width: 72px !important
}

.min-w73 {
  min-width: 73px !important
}

.min-w74 {
  min-width: 74px !important
}

.min-w75 {
  min-width: 75px !important
}

.min-w76 {
  min-width: 76px !important
}

.min-w77 {
  min-width: 77px !important
}

.min-w78 {
  min-width: 78px !important
}

.min-w79 {
  min-width: 79px !important
}

.min-w80 {
  min-width: 80px !important
}

.min-w81 {
  min-width: 81px !important
}

.min-w82 {
  min-width: 82px !important
}

.min-w83 {
  min-width: 83px !important
}

.min-w84 {
  min-width: 84px !important
}

.min-w85 {
  min-width: 85px !important
}

.min-w86 {
  min-width: 86px !important
}

.min-w87 {
  min-width: 87px !important
}

.min-w88 {
  min-width: 88px !important
}

.min-w89 {
  min-width: 89px !important
}

.min-w90 {
  min-width: 90px !important
}

.min-w91 {
  min-width: 91px !important
}

.min-w92 {
  min-width: 92px !important
}

.min-w93 {
  min-width: 93px !important
}

.min-w94 {
  min-width: 94px !important
}

.min-w95 {
  min-width: 95px !important
}

.min-w96 {
  min-width: 96px !important
}

.min-w97 {
  min-width: 97px !important
}

.min-w98 {
  min-width: 98px !important
}

.min-w99 {
  min-width: 99px !important
}

.min-w100 {
  min-width: 100px !important
}

.min-w120 {
  min-width: 120px !important
}

.min-w130 {
  min-width: 130px !important
}

.min-w140 {
  min-width: 140px !important
}

.min-w150 {
  min-width: 150px !important
}

.min-w200 {
  min-width: 200px !important
}

.min-w210 {
  min-width: 210px !important
}

.min-w220 {
  min-width: 220px !important
}

.min-w230 {
  min-width: 230px !important
}

.min-w240 {
  min-width: 240px !important
}

.min-w250 {
  min-width: 250px !important
}

.min-w300 {
  min-width: 300px !important
}

.min-w350 {
  min-width: 350px !important
}

.min-w400 {
  min-width: 400px !important
}

.min-w450 {
  min-width: 450px !important
}

.min-w500 {
  min-width: 500px !important
}

.min-w550 {
  min-width: 550px !important
}

.min-w600 {
  min-width: 600px !important
}

.min-w650 {
  min-width: 650px !important
}

.min-w700 {
  min-width: 700px !important
}

.min-w750 {
  min-width: 750px !important
}

.min-w800 {
  min-width: 800px !important
}

.min-w850 {
  min-width: 850px !important
}

.min-w900 {
  min-width: 900px !important
}

.min-w950 {
  min-width: 950px !important
}

.min-w1000 {
  min-width: 1000px !important
}

.min-w1050 {
  min-width: 1050px !important
}

.min-w1100 {
  min-width: 1100px !important
}

.min-w1150 {
  min-width: 1150px !important
}

.min-w1200 {
  min-width: 1200px !important
}

.min-w1250 {
  min-width: 1250px !important
}

.min-h0 {
  min-height: 0 !important
}

.min-h1 {
  min-height: 1px !important
}

.min-h2 {
  min-height: 2px !important
}

.min-h3 {
  min-height: 3px !important
}

.min-h4 {
  min-height: 4px !important
}

.min-h5 {
  min-height: 5px !important
}

.min-h6 {
  min-height: 6px !important
}

.min-h7 {
  min-height: 7px !important
}

.min-h8 {
  min-height: 8px !important
}

.min-h9 {
  min-height: 9px !important
}

.min-h10 {
  min-height: 10px !important
}

.min-h11 {
  min-height: 11px !important
}

.min-h12 {
  min-height: 12px !important
}

.min-h13 {
  min-height: 13px !important
}

.min-h14 {
  min-height: 14px !important
}

.min-h15 {
  min-height: 15px !important
}

.min-h16 {
  min-height: 16px !important
}

.min-h17 {
  min-height: 17px !important
}

.min-h18 {
  min-height: 18px !important
}

.min-h19 {
  min-height: 19px !important
}

.min-h20 {
  min-height: 20px !important
}

.min-h21 {
  min-height: 21px !important
}

.min-h22 {
  min-height: 22px !important
}

.min-h23 {
  min-height: 23px !important
}

.min-h24 {
  min-height: 24px !important
}

.min-h25 {
  min-height: 25px !important
}

.min-h26 {
  min-height: 26px !important
}

.min-h27 {
  min-height: 27px !important
}

.min-h28 {
  min-height: 28px !important
}

.min-h29 {
  min-height: 29px !important
}

.min-h30 {
  min-height: 30px !important
}

.min-h31 {
  min-height: 31px !important
}

.min-h32 {
  min-height: 32px !important
}

.min-h33 {
  min-height: 33px !important
}

.min-h34 {
  min-height: 34px !important
}

.min-h35 {
  min-height: 35px !important
}

.min-h36 {
  min-height: 36px !important
}

.min-h37 {
  min-height: 37px !important
}

.min-h38 {
  min-height: 38px !important
}

.min-h39 {
  min-height: 39px !important
}

.min-h40 {
  min-height: 40px !important
}

.min-h41 {
  min-height: 41px !important
}

.min-h42 {
  min-height: 42px !important
}

.min-h43 {
  min-height: 43px !important
}

.min-h44 {
  min-height: 44px !important
}

.min-h45 {
  min-height: 45px !important
}

.min-h46 {
  min-height: 46px !important
}

.min-h47 {
  min-height: 47px !important
}

.min-h48 {
  min-height: 48px !important
}

.min-h49 {
  min-height: 49px !important
}

.min-h50 {
  min-height: 50px !important
}

.min-h51 {
  min-height: 51px !important
}

.min-h52 {
  min-height: 52px !important
}

.min-h53 {
  min-height: 53px !important
}

.min-h54 {
  min-height: 54px !important
}

.min-h55 {
  min-height: 55px !important
}

.min-h56 {
  min-height: 56px !important
}

.min-h57 {
  min-height: 57px !important
}

.min-h58 {
  min-height: 58px !important
}

.min-h59 {
  min-height: 59px !important
}

.min-h60 {
  min-height: 60px !important
}

.min-h61 {
  min-height: 61px !important
}

.min-h62 {
  min-height: 62px !important
}

.min-h63 {
  min-height: 63px !important
}

.min-h64 {
  min-height: 64px !important
}

.min-h65 {
  min-height: 65px !important
}

.min-h66 {
  min-height: 66px !important
}

.min-h67 {
  min-height: 67px !important
}

.min-h68 {
  min-height: 68px !important
}

.min-h69 {
  min-height: 69px !important
}

.min-h70 {
  min-height: 70px !important
}

.min-h71 {
  min-height: 71px !important
}

.min-h72 {
  min-height: 72px !important
}

.min-h73 {
  min-height: 73px !important
}

.min-h74 {
  min-height: 74px !important
}

.min-h75 {
  min-height: 75px !important
}

.min-h76 {
  min-height: 76px !important
}

.min-h77 {
  min-height: 77px !important
}

.min-h78 {
  min-height: 78px !important
}

.min-h79 {
  min-height: 79px !important
}

.min-h80 {
  min-height: 80px !important
}

.min-h81 {
  min-height: 81px !important
}

.min-h82 {
  min-height: 82px !important
}

.min-h83 {
  min-height: 83px !important
}

.min-h84 {
  min-height: 84px !important
}

.min-h85 {
  min-height: 85px !important
}

.min-h86 {
  min-height: 86px !important
}

.min-h87 {
  min-height: 87px !important
}

.min-h88 {
  min-height: 88px !important
}

.min-h89 {
  min-height: 89px !important
}

.min-h90 {
  min-height: 90px !important
}

.min-h91 {
  min-height: 91px !important
}

.min-h92 {
  min-height: 92px !important
}

.min-h93 {
  min-height: 93px !important
}

.min-h94 {
  min-height: 94px !important
}

.min-h95 {
  min-height: 95px !important
}

.min-h96 {
  min-height: 96px !important
}

.min-h97 {
  min-height: 97px !important
}

.min-h98 {
  min-height: 98px !important
}

.min-h99 {
  min-height: 99px !important
}

.min-h100 {
  min-height: 100px !important
}

.min-h150 {
  min-height: 150px !important
}

.min-h200 {
  min-height: 200px !important
}

.min-h250 {
  min-height: 250px !important
}

.min-h300 {
  min-height: 300px !important
}

.min-h350 {
  min-height: 350px !important
}

.min-h400 {
  min-height: 400px !important
}

.min-h450 {
  min-height: 450px !important
}

.min-h500 {
  min-height: 500px !important
}

.min-h550 {
  min-height: 550px !important
}

.min-h600 {
  min-height: 600px !important
}

.min-h650 {
  min-height: 650px !important
}

.min-h700 {
  min-height: 700px !important
}

.min-h750 {
  min-height: 750px !important
}

.min-h800 {
  min-height: 800px !important
}

.min-h850 {
  min-height: 850px !important
}

.min-h900 {
  min-height: 900px !important
}

.min-h950 {
  min-height: 950px !important
}

.min-h1000 {
  min-height: 1000px !important
}

.min-h1050 {
  min-height: 1050px !important
}

.min-h1100 {
  min-height: 1100px !important
}

.min-h1150 {
  min-height: 1150px !important
}

.min-h1200 {
  min-height: 1200px !important
}

.min-h1250 {
  min-height: 1250px !important
}

.w0p {
  width: 0 !important
}

.w5p {
  width: 5% !important
}

.w10p {
  width: 10% !important
}

.w15p {
  width: 15% !important
}

.w18p {
  width: 18% !important
}

.w20p {
  width: 20% !important
}

.w25p {
  width: 25% !important
}

.w30p {
  width: 30% !important
}

.w35p {
  width: 35% !important
}

.w40p {
  width: 40% !important
}

.w45p {
  width: 45% !important
}

.w50p {
  width: 50% !important
}

.w55p {
  width: 55% !important
}

.w60p {
  width: 60% !important
}

.w65p {
  width: 65% !important
}

.w70p {
  width: 70% !important
}

.w75p {
  width: 75% !important
}

.w80p {
  width: 80% !important
}

.w85p {
  width: 85% !important
}

.w88p {
  width: 88% !important
}

.w90p {
  width: 90% !important
}

.w95p {
  width: 95% !important
}

.w96p {
  width: 96% !important
}

.w97p {
  width: 97% !important
}

.w98p {
  width: 98% !important
}

.w99p {
  width: 99% !important
}

.w100p {
  width: 100% !important
}

.h0p {
  height: 0 !important
}

.h5p {
  height: 5% !important
}

.h10p {
  height: 10% !important
}

.h15p {
  height: 15% !important
}

.h20p {
  height: 20% !important
}

.h25p {
  height: 25% !important
}

.h30p {
  height: 30% !important
}

.h35p {
  height: 35% !important
}

.h40p {
  height: 40% !important
}

.h45p {
  height: 45% !important
}

.h50p {
  height: 50% !important
}

.h55p {
  height: 55% !important
}

.h60p {
  height: 60% !important
}

.h65p {
  height: 65% !important
}

.h70p {
  height: 70% !important
}

.h75p {
  height: 75% !important
}

.h80p {
  height: 80% !important
}

.h85p {
  height: 85% !important
}

.h90p {
  height: 90% !important
}

.h95p {
  height: 95% !important
}

.h100p {
  height: 100% !important
}


@keyframes dot {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes dot {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@media(width <=991px) {
  .equalButtons {
    border-spacing: 0
  }

  .equalButtons a,
  .equalButtons button,
  .equalButtons input[type="submit"] {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px
  }

  .equalButtons a:last-child,
  .equalButtons button:last-child,
  .equalButtons input[type="submit"]:last-child {
    margin-bottom: 0
  }
}

/* The screen half of the print pair. Only the @media print block came across
   from mainBgs.css, and without this .visible-print rendered on screen next to
   the .hidden-print copy it is meant to replace. */
.visible-print {
  display: none !important
}

@media print {
  .hidden-print {
    display: none !important
  }

  .dropdown-menu {
    display: none !important
  }

  .visible-print {
    display: block !important
  }

  /* The app shell's screen layout came from the old screen-only dashboard sheet.
     On paper it clipped wide pages on the right and stopped long ones after a page. */
  body {
    margin: 0;
  }

  #main-wrapper {
    overflow: visible;
  }

  /* No sidebar or fixed header on paper, so drop the room kept for them. */
  #main-wrapper .page-wrapper {
    margin-left: 0 !important;
    padding-top: 0 !important;
  }

  .page-wrapper>.container-fluid {
    min-height: 0;
  }

  /* bootstrap.min.css is screen-only, so on paper nothing pads the container
     back out from .row's negative gutter and rows hang off the left edge. */
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media(width >=1700px) {
  .col-xl-2 {
    width: 20%
  }
}

@media(width <=767px) {
  body.noHeader {
    padding-top: 10px
  }

  .home #home-top {
    background: 0;
    border: 0
  }

  .tLeftTablet {
    text-align: left !important
  }

  #footer {
    margin-top: -20px;
    text-align: center
  }

  #footer ul.col {
    height: auto;
    border-width: 0
  }

  #footer ul.col li a {
    padding: 10px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border: 1px solid var(--border-strong);
    display: block;
    margin-bottom: 4px;
    background-color: var(--surface-alt)
  }
}

@media(width <=991px) {
  .navbar .nav>li>a {
    font-size: 13px
  }

  .navbar .nav>li>a i {
    display: none !important
  }

  .container {
    width: auto
  }
}

@media(width <=479px) {
  .home #home-top {
    background: 0;
    border: 0
  }

  h1 {
    font-size: 28px
  }

  div.popover {
    display: none !important
  }

  #footer {
    margin-top: -20px
  }

  #footer ul.col li a {
    padding: 10px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border: 1px solid var(--border-strong);
    display: block;
    margin-bottom: 4px;
    background-color: var(--surface-alt)
  }

  #footer ul.col li a.socialIconFooter {
    background-image: none;
    padding: 10px;
    background-color: var(--surface-alt)
  }

  #last_step {
    border-bottom: 0 !important;
    border-top: 0 !important;
    margin: -60px 0 -130px !important;
    font-size: 40px !important
  }

  .dropdown.first {
    padding-top: 20px
  }

  form div.label.checkbox label {
    width: 90%;
    margin-top: 1px
  }

  .navbar-fixed-bottom,
  .navbar-fixed-top,
  .navbar-static-top {
    margin-right: -10px
  }

  .navbar-inverse .nav li {
    border: 0
  }

  div.modal[class*='w'] {
    top: 2% !important;
    width: 94% !important
  }

  div.modal[class*='w']#createAlertPop {
    top: 13px !important;
    height: 480px
  }

  .modal-header .close {
    margin: -3px 0 0;
    padding: 0
  }

  ul.paginationNumbers {
    display: none
  }

  .tooltip {
    display: none !important
  }
}

@media(width >=768px)and (width <=991px) {
  .home #home-top {
    background: 0;
    border: 0
  }

  .navbar-fixed-bottom .navbar-inner,
  .navbar-fixed-top .navbar-inner {
    padding-top: 0;
    padding-bottom: 0
  }
}

@media(width <=1024px)and (width >=1024px) {
  .visible-tablet {
    display: block !important
  }

  .visible-desktop {
    display: none !important
  }

  .hidden-desktop {
    display: block !important
  }

  #iframe_header .navbar-inner {
    margin-top: -21px !important
  }

  .modal-header .close {
    margin: -3px 0 0;
    padding: 0
  }
}

@media(width >=1200px) {
  body.home .container {
    width: 1170px
  }

  .visible-large-desktop {
    display: inline-block !important
  }

  .hidden-large-desktop {
    display: none
  }

  #exitPop {
    left: 56% !important
  }

  .topApplyButtons {
    display: block
  }

  ul.applyMenu {
    margin-bottom: 5px;
    float: left
  }

  ul.applyMenu li {
    float: left;
    margin: 0 9px 0 0;
    padding: 0;
    display: block;
    text-align: center;
    background: 0;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
  }

  ul.applyMenu li a.btn.mainBtns {
    display: block;
    width: 160px !important
  }

  ul.applyMenu li.linkedinApply {
    padding-bottom: 0
  }

  ul.applyMenu li.indeedApply {
    height: 37px
  }

  ul.applyMenu li.monsterApply a {
    padding: 2px 6px 3px 5px;
    font-size: inherit
  }

  ul.applyMenu li {
    max-width: 180px
  }

  ul.applyMenu li.zrApply {
    max-width: none
  }
}

@media(width <=479px) {
  .noBgPhone {
    background-image: none !important
  }

  .min-w0Phone {
    min-width: 0 !important
  }

  .p0Phone {
    padding: 0 !important
  }

  .p5Phone {
    padding: 5px !important
  }

  .p10Phone {
    padding: 10px !important
  }

  .p15Phone {
    padding: 15px !important
  }

  .p20Phone {
    padding: 20px !important
  }

  .p25Phone {
    padding: 25px !important
  }

  .p30Phone {
    padding: 30px !important
  }

  .p35Phone {
    padding: 35px !important
  }

  .p40Phone {
    padding: 40px !important
  }

  .p45Phone {
    padding: 45px !important
  }

  .p50Phone {
    padding: 50px !important
  }

  .p55Phone {
    padding: 55px !important
  }

  .p60Phone {
    padding: 60px !important
  }

  .p65Phone {
    padding: 65px !important
  }

  .p70Phone {
    padding: 70px !important
  }

  .p75Phone {
    padding: 75px !important
  }

  .p80Phone {
    padding: 80px !important
  }

  .p85Phone {
    padding: 85px !important
  }

  .p90Phone {
    padding: 90px !important
  }

  .p95Phone {
    padding: 95px !important
  }

  .p100Phone {
    padding: 100px !important
  }

  .pl0Phone {
    padding-left: 0 !important
  }

  .pl5Phone {
    padding-left: 5px !important
  }

  .pl10Phone {
    padding-left: 10px !important
  }

  .pl15Phone {
    padding-left: 15px !important
  }

  .pl20Phone {
    padding-left: 20px !important
  }

  .pl25Phone {
    padding-left: 25px !important
  }

  .pl30Phone {
    padding-left: 30px !important
  }

  .pl35Phone {
    padding-left: 35px !important
  }

  .pl40Phone {
    padding-left: 40px !important
  }

  .pl45Phone {
    padding-left: 45px !important
  }

  .pl50Phone {
    padding-left: 50px !important
  }

  .pl55Phone {
    padding-left: 55px !important
  }

  .pl60Phone {
    padding-left: 60px !important
  }

  .pl65Phone {
    padding-left: 65px !important
  }

  .pl70Phone {
    padding-left: 70px !important
  }

  .pl75Phone {
    padding-left: 75px !important
  }

  .pl80Phone {
    padding-left: 80px !important
  }

  .pl85Phone {
    padding-left: 85px !important
  }

  .pl90Phone {
    padding-left: 90px !important
  }

  .pl95Phone {
    padding-left: 95px !important
  }

  .pl100Phone {
    padding-left: 100px !important
  }

  .pr0Phone {
    padding-right: 0 !important
  }

  .pr5Phone {
    padding-right: 5px !important
  }

  .pr10Phone {
    padding-right: 10px !important
  }

  .pr15Phone {
    padding-right: 15px !important
  }

  .pr20Phone {
    padding-right: 20px !important
  }

  .pr25Phone {
    padding-right: 25px !important
  }

  .pr30Phone {
    padding-right: 30px !important
  }

  .pr35Phone {
    padding-right: 35px !important
  }

  .pr40Phone {
    padding-right: 40px !important
  }

  .pr45Phone {
    padding-right: 45px !important
  }

  .pr50Phone {
    padding-right: 50px !important
  }

  .pr55Phone {
    padding-right: 55px !important
  }

  .pr60Phone {
    padding-right: 60px !important
  }

  .pr65Phone {
    padding-right: 65px !important
  }

  .pr70Phone {
    padding-right: 70px !important
  }

  .pr75Phone {
    padding-right: 75px !important
  }

  .pr80Phone {
    padding-right: 80px !important
  }

  .pr85Phone {
    padding-right: 85px !important
  }

  .pr90Phone {
    padding-right: 90px !important
  }

  .pr95Phone {
    padding-right: 95px !important
  }

  .pr100Phone {
    padding-right: 100px !important
  }

  .pt0Phone {
    padding-top: 0 !important
  }

  .pt5Phone {
    padding-top: 5px !important
  }

  .pt10Phone {
    padding-top: 10px !important
  }

  .pt15Phone {
    padding-top: 15px !important
  }

  .pt20Phone {
    padding-top: 20px !important
  }

  .pt25Phone {
    padding-top: 25px !important
  }

  .pt30Phone {
    padding-top: 30px !important
  }

  .pt35Phone {
    padding-top: 35px !important
  }

  .pt40Phone {
    padding-top: 40px !important
  }

  .pt45Phone {
    padding-top: 45px !important
  }

  .pt50Phone {
    padding-top: 50px !important
  }

  .pt55Phone {
    padding-top: 55px !important
  }

  .pt60Phone {
    padding-top: 60px !important
  }

  .pt65Phone {
    padding-top: 65px !important
  }

  .pt70Phone {
    padding-top: 70px !important
  }

  .pt75Phone {
    padding-top: 75px !important
  }

  .pt80Phone {
    padding-top: 80px !important
  }

  .pt85Phone {
    padding-top: 85px !important
  }

  .pt90Phone {
    padding-top: 90px !important
  }

  .pt95Phone {
    padding-top: 95px !important
  }

  .pt100Phone {
    padding-top: 100px !important
  }

  .pb0Phone {
    padding-bottom: 0 !important
  }

  .pb5Phone {
    padding-bottom: 5px !important
  }

  .pb6Phone {
    padding-bottom: 6px !important
  }

  .pb7Phone {
    padding-bottom: 7px !important
  }

  .pb8Phone {
    padding-bottom: 8px !important
  }

  .pb9Phone {
    padding-bottom: 9px !important
  }

  .pb10Phone {
    padding-bottom: 10px !important
  }

  .pb15Phone {
    padding-bottom: 15px !important
  }

  .pb20Phone {
    padding-bottom: 20px !important
  }

  .pb25Phone {
    padding-bottom: 25px !important
  }

  .pb30Phone {
    padding-bottom: 30px !important
  }

  .pb35Phone {
    padding-bottom: 35px !important
  }

  .pb40Phone {
    padding-bottom: 40px !important
  }

  .pb45Phone {
    padding-bottom: 45px !important
  }

  .pb50Phone {
    padding-bottom: 50px !important
  }

  .pb55Phone {
    padding-bottom: 55px !important
  }

  .pb60Phone {
    padding-bottom: 60px !important
  }

  .pb65Phone {
    padding-bottom: 65px !important
  }

  .pb70Phone {
    padding-bottom: 70px !important
  }

  .pb75Phone {
    padding-bottom: 75px !important
  }

  .pb80Phone {
    padding-bottom: 80px !important
  }

  .pb85Phone {
    padding-bottom: 85px !important
  }

  .pb90Phone {
    padding-bottom: 90px !important
  }

  .pb95Phone {
    padding-bottom: 95px !important
  }

  .pb100Phone {
    padding-bottom: 100px !important
  }

  .m0Phone {
    margin: 0 !important
  }

  .m5Phone {
    margin: 5px !important
  }

  .m10Phone {
    margin: 10px !important
  }

  .m15Phone {
    margin: 15px !important
  }

  .m20Phone {
    margin: 20px !important
  }

  .m25Phone {
    margin: 25px !important
  }

  .m30Phone {
    margin: 30px !important
  }

  .m35Phone {
    margin: 35px !important
  }

  .m40Phone {
    margin: 40px !important
  }

  .m45Phone {
    margin: 45px !important
  }

  .m50Phone {
    margin: 50px !important
  }

  .m55Phone {
    margin: 55px !important
  }

  .m60Phone {
    margin: 60px !important
  }

  .m65Phone {
    margin: 65px !important
  }

  .m70Phone {
    margin: 70px !important
  }

  .m75Phone {
    margin: 75px !important
  }

  .m80Phone {
    margin: 80px !important
  }

  .m85Phone {
    margin: 85px !important
  }

  .m90Phone {
    margin: 90px !important
  }

  .m95Phone {
    margin: 95px !important
  }

  .m100Phone {
    margin: 100px !important
  }

  .ml0Phone {
    margin-left: 0 !important
  }

  .ml5Phone {
    margin-left: 5px !important
  }

  .ml10Phone {
    margin-left: 10px !important
  }

  .ml15Phone {
    margin-left: 15px !important
  }

  .ml20Phone {
    margin-left: 20px !important
  }

  .ml25Phone {
    margin-left: 25px !important
  }

  .ml30Phone {
    margin-left: 30px !important
  }

  .ml35Phone {
    margin-left: 35px !important
  }

  .ml40Phone {
    margin-left: 40px !important
  }

  .ml45Phone {
    margin-left: 45px !important
  }

  .ml50Phone {
    margin-left: 50px !important
  }

  .ml55Phone {
    margin-left: 55px !important
  }

  .ml60Phone {
    margin-left: 60px !important
  }

  .ml65Phone {
    margin-left: 65px !important
  }

  .ml70Phone {
    margin-left: 70px !important
  }

  .ml75Phone {
    margin-left: 75px !important
  }

  .ml80Phone {
    margin-left: 80px !important
  }

  .ml85Phone {
    margin-left: 85px !important
  }

  .ml90Phone {
    margin-left: 90px !important
  }

  .ml95Phone {
    margin-left: 95px !important
  }

  .ml100Phone {
    margin-left: 100px !important
  }

  .mr0Phone {
    margin-right: 0 !important
  }

  .mr5Phone {
    margin-right: 5px !important
  }

  .mr10Phone {
    margin-right: 10px !important
  }

  .mr15Phone {
    margin-right: 15px !important
  }

  .mr20Phone {
    margin-right: 20px !important
  }

  .mr25Phone {
    margin-right: 25px !important
  }

  .mr30Phone {
    margin-right: 30px !important
  }

  .mr35Phone {
    margin-right: 35px !important
  }

  .mr40Phone {
    margin-right: 40px !important
  }

  .mr45Phone {
    margin-right: 45px !important
  }

  .mr50Phone {
    margin-right: 50px !important
  }

  .mr55Phone {
    margin-right: 55px !important
  }

  .mr60Phone {
    margin-right: 60px !important
  }

  .mr65Phone {
    margin-right: 65px !important
  }

  .mr70Phone {
    margin-right: 70px !important
  }

  .mr75Phone {
    margin-right: 75px !important
  }

  .mr80Phone {
    margin-right: 80px !important
  }

  .mr85Phone {
    margin-right: 85px !important
  }

  .mr90Phone {
    margin-right: 90px !important
  }

  .mr95Phone {
    margin-right: 95px !important
  }

  .mr100Phone {
    margin-right: 100px !important
  }

  .mt-10Phone {
    margin-top: -10px !important
  }

  .mt0Phone {
    margin-top: 0 !important
  }

  .mt5Phone {
    margin-top: 5px !important
  }

  .mt10Phone {
    margin-top: 10px !important
  }

  .mt15Phone {
    margin-top: 15px !important
  }

  .mt20Phone {
    margin-top: 20px !important
  }

  .mt25Phone {
    margin-top: 25px !important
  }

  .mt30Phone {
    margin-top: 30px !important
  }

  .mt35Phone {
    margin-top: 35px !important
  }

  .mt40Phone {
    margin-top: 40px !important
  }

  .mt45Phone {
    margin-top: 45px !important
  }

  .mt50Phone {
    margin-top: 50px !important
  }

  .mt55Phone {
    margin-top: 55px !important
  }

  .mt60Phone {
    margin-top: 60px !important
  }

  .mt65Phone {
    margin-top: 65px !important
  }

  .mt70Phone {
    margin-top: 70px !important
  }

  .mt75Phone {
    margin-top: 75px !important
  }

  .mt80Phone {
    margin-top: 80px !important
  }

  .mt85Phone {
    margin-top: 85px !important
  }

  .mt90Phone {
    margin-top: 90px !important
  }

  .mt95Phone {
    margin-top: 95px !important
  }

  .mt100Phone {
    margin-top: 100px !important
  }

  .mb0Phone {
    margin-bottom: 0 !important
  }

  .mb5Phone {
    margin-bottom: 5px !important
  }

  .mb10Phone {
    margin-bottom: 10px !important
  }

  .mb15Phone {
    margin-bottom: 15px !important
  }

  .mb20Phone {
    margin-bottom: 20px !important
  }

  .mb25Phone {
    margin-bottom: 25px !important
  }

  .mb30Phone {
    margin-bottom: 30px !important
  }

  .mb35Phone {
    margin-bottom: 35px !important
  }

  .mb40Phone {
    margin-bottom: 40px !important
  }

  .mb45Phone {
    margin-bottom: 45px !important
  }

  .mb50Phone {
    margin-bottom: 50px !important
  }

  .mb55Phone {
    margin-bottom: 55px !important
  }

  .mb60Phone {
    margin-bottom: 60px !important
  }

  .mb65Phone {
    margin-bottom: 65px !important
  }

  .mb70Phone {
    margin-bottom: 70px !important
  }

  .mb75Phone {
    margin-bottom: 75px !important
  }

  .mb80Phone {
    margin-bottom: 80px !important
  }

  .mb85Phone {
    margin-bottom: 85px !important
  }

  .mb90Phone {
    margin-bottom: 90px !important
  }

  .mb95Phone {
    margin-bottom: 95px !important
  }

  .mb100Phone {
    margin-bottom: 100px !important
  }

  .font0Phone {
    font-size: 0 !important
  }

  .font1Phone {
    font-size: 1px !important
  }

  .font2Phone {
    font-size: 2px !important
  }

  .font3Phone {
    font-size: 3px !important
  }

  .font4Phone {
    font-size: 4px !important
  }

  .font5Phone {
    font-size: 5px !important
  }

  .font6Phone {
    font-size: 6px !important
  }

  .font7Phone {
    font-size: 7px !important
  }

  .font8Phone {
    font-size: 8px !important
  }

  .font9Phone {
    font-size: 9px !important
  }

  .font10Phone {
    font-size: 10px !important
  }

  .font11Phone {
    font-size: 11px !important
  }

  .font12Phone {
    font-size: 12px !important
  }

  .font13Phone {
    font-size: 13px !important
  }

  .font14Phone {
    font-size: 14px !important
  }

  .font15Phone {
    font-size: 15px !important
  }

  .font16Phone {
    font-size: 16px !important
  }

  .font17Phone {
    font-size: 17px !important
  }

  .font18Phone {
    font-size: 18px !important
  }

  .font19Phone {
    font-size: 19px !important
  }

  .font20Phone {
    font-size: 20px !important
  }

  .font21Phone {
    font-size: 21px !important
  }

  .font22Phone {
    font-size: 22px !important
  }

  .font23Phone {
    font-size: 23px !important
  }

  .font24Phone {
    font-size: 24px !important
  }

  .font25Phone {
    font-size: 25px !important
  }

  .font26Phone {
    font-size: 26px !important
  }

  .font27Phone {
    font-size: 27px !important
  }

  .font28Phone {
    font-size: 28px !important
  }

  .font29Phone {
    font-size: 29px !important
  }

  .font30Phone {
    font-size: 30px !important
  }

  .font35Phone {
    font-size: 35px !important
  }

  .font40Phone {
    font-size: 40px !important
  }

  .font45Phone {
    font-size: 45px !important
  }

  .lh0Phone {
    line-height: 0 !important
  }

  .lh1Phone {
    line-height: 1px !important
  }

  .lh2Phone {
    line-height: 2px !important
  }

  .lh3Phone {
    line-height: 3px !important
  }

  .lh4Phone {
    line-height: 4px !important
  }

  .lh5Phone {
    line-height: 5px !important
  }

  .lh6Phone {
    line-height: 6px !important
  }

  .lh7Phone {
    line-height: 7px !important
  }

  .lh8Phone {
    line-height: 8px !important
  }

  .lh9Phone {
    line-height: 9px !important
  }

  .lh10Phone {
    line-height: 10px !important
  }

  .lh11Phone {
    line-height: 11px !important
  }

  .lh12Phone {
    line-height: 12px !important
  }

  .lh13Phone {
    line-height: 13px !important
  }

  .lh14Phone {
    line-height: 14px !important
  }

  .lh15Phone {
    line-height: 15px !important
  }

  .lh16Phone {
    line-height: 16px !important
  }

  .lh17Phone {
    line-height: 17px !important
  }

  .lh18Phone {
    line-height: 18px !important
  }

  .lh19Phone {
    line-height: 19px !important
  }

  .lh20Phone {
    line-height: 20px !important
  }

  .lh21Phone {
    line-height: 21px !important
  }

  .lh22Phone {
    line-height: 22px !important
  }

  .lh23Phone {
    line-height: 23px !important
  }

  .lh24Phone {
    line-height: 24px !important
  }

  .lh25Phone {
    line-height: 25px !important
  }

  .lh26Phone {
    line-height: 26px !important
  }

  .lh27Phone {
    line-height: 27px !important
  }

  .lh28Phone {
    line-height: 28px !important
  }

  .lh29Phone {
    line-height: 29px !important
  }

  .lh30Phone {
    line-height: 30px !important
  }

  .wAutoPhone {
    width: auto !important
  }

  .w0pPhone {
    width: 0 !important
  }

  .w5pPhone {
    width: 5% !important
  }

  .w10pPhone {
    width: 10% !important
  }

  .w15pPhone {
    width: 15% !important
  }

  .w20pPhone {
    width: 20% !important
  }

  .w25pPhone {
    width: 25% !important
  }

  .w30pPhone {
    width: 30% !important
  }

  .w35pPhone {
    width: 35% !important
  }

  .w40pPhone {
    width: 40% !important
  }

  .w45pPhone {
    width: 45% !important
  }

  .w50pPhone {
    width: 50% !important
  }

  .w55pPhone {
    width: 55% !important
  }

  .w60pPhone {
    width: 60% !important
  }

  .w65pPhone {
    width: 65% !important
  }

  .w70pPhone {
    width: 70% !important
  }

  .w75pPhone {
    width: 75% !important
  }

  .w80pPhone {
    width: 80% !important
  }

  .w85pPhone {
    width: 85% !important
  }

  .w90pPhone {
    width: 90% !important
  }

  .w95pPhone {
    width: 95% !important
  }

  .w100pPhone {
    width: 100% !important
  }

  .hAutoPhone {
    height: auto !important
  }

  .h0Phone {
    height: 0 !important
  }

  .h5Phone {
    height: 5px !important
  }

  .h10Phone {
    height: 10px !important
  }

  .h15Phone {
    height: 15px !important
  }

  .h20Phone {
    height: 20px !important
  }

  .h25Phone {
    height: 25px !important
  }

  .h30Phone {
    height: 30px !important
  }

  .h35Phone {
    height: 35px !important
  }

  .h40Phone {
    height: 40px !important
  }

  .h45Phone {
    height: 45px !important
  }

  .h50Phone {
    height: 50px !important
  }

  .h55Phone {
    height: 55px !important
  }

  .h60Phone {
    height: 60px !important
  }

  .h65Phone {
    height: 65px !important
  }

  .h70Phone {
    height: 70px !important
  }

  .h75Phone {
    height: 75px !important
  }

  .h80Phone {
    height: 80px !important
  }

  .h85Phone {
    height: 85px !important
  }

  .h90Phone {
    height: 90px !important
  }

  .h95Phone {
    height: 95px !important
  }

  .h100Phone {
    height: 100px !important
  }

  .h200Phone {
    height: 200px !important
  }

  .h300Phone {
    height: 300px !important
  }

  .h400Phone {
    height: 400px !important
  }

  .h0pPhone {
    height: 0 !important
  }

  .h5pPhone {
    height: 5% !important
  }

  .h10pPhone {
    height: 10% !important
  }

  .h15pPhone {
    height: 15% !important
  }

  .h20pPhone {
    height: 20% !important
  }

  .h25pPhone {
    height: 25% !important
  }

  .h30pPhone {
    height: 30% !important
  }

  .h35pPhone {
    height: 35% !important
  }

  .h40pPhone {
    height: 40% !important
  }

  .h45pPhone {
    height: 45% !important
  }

  .h50pPhone {
    height: 50% !important
  }

  .h55pPhone {
    height: 55% !important
  }

  .h60pPhone {
    height: 60% !important
  }

  .h65pPhone {
    height: 65% !important
  }

  .h70pPhone {
    height: 70% !important
  }

  .h75pPhone {
    height: 75% !important
  }

  .h80pPhone {
    height: 80% !important
  }

  .h85pPhone {
    height: 85% !important
  }

  .h90pPhone {
    height: 90% !important
  }

  .h95pPhone {
    height: 95% !important
  }

  .h100pPhone {
    height: 100% !important
  }

  .h250Phone {
    height: 250px !important
  }

  .tCenterPhone {
    text-align: center !important
  }

  .tLeftPhone {
    text-align: left !important
  }

  .tRightPhone {
    text-align: right !important
  }

  .flPhone {
    float: left !important
  }

  .frPhone {
    float: right !important
  }

  .fnPhone {
    float: none !important
  }

  .clearLeftPhone {
    clear: left !important
  }

  .clearRightPhone {
    clear: right !important
  }

  .clearBothPhone {
    clear: both !important
  }

  .dNonePhone {
    display: none !important
  }

  .dBlockPhone {
    display: block !important
  }

  .dInlinePhone {
    display: inline !important
  }

  .dInlineBlockPhone {
    display: inline-block !important
  }

  .vVisiblePhone {
    visibility: visible !important
  }

  .vHiddenPhone {
    visibility: hidden !important
  }

  .wsNowrapPhone {
    white-space: nowrap !important
  }

  .wsNormalPhone {
    white-space: normal !important
  }

  .pStaticPhone {
    position: static !important
  }

  .pAboslutePhone {
    position: absolute !important
  }

  .pRelativePhone {
    position: relative !important
  }

  .pFixedPhone {
    position: fixed !important
  }

  .centerContentPhone {
    margin: 0 auto !important;
    padding: 0;
    text-align: center !important
  }

  .centerBlockPhone {
    margin: 0 auto !important;
    display: block !important
  }

  .centerTablePhone {
    margin: 0 auto !important;
    display: table !important
  }

  .bw0Phone {
    border-width: 0 !important
  }

  .fw1Phone {
    font-weight: 100 !important
  }

  .fw2Phone {
    font-weight: 200 !important
  }

  .fw3Phone {
    font-weight: 300 !important
  }

  .fw4Phone {
    font-weight: 400 !important
  }

  .fw5Phone {
    font-weight: 500 !important
  }

  .fw6Phone {
    font-weight: 600 !important
  }

  .fw7Phone {
    font-weight: 700 !important
  }

  .fw8Phone {
    font-weight: 800 !important
  }

  .fw9Phone {
    font-weight: 900 !important
  }

  .overflow-xScrollPhone {
    overflow-x: scroll !important
  }
}

@media(width >=480px)and (width <=767px) {
  .noBgTabletSmall {
    background-image: none !important
  }

  .p0TabletSmall {
    padding: 0 !important
  }

  .p5TabletSmall {
    padding: 5px !important
  }

  .p10TabletSmall {
    padding: 10px !important
  }

  .p15TabletSmall {
    padding: 15px !important
  }

  .p20TabletSmall {
    padding: 20px !important
  }

  .p25TabletSmall {
    padding: 25px !important
  }

  .p30TabletSmall {
    padding: 30px !important
  }

  .p35TabletSmall {
    padding: 35px !important
  }

  .p40TabletSmall {
    padding: 40px !important
  }

  .p45TabletSmall {
    padding: 45px !important
  }

  .p50TabletSmall {
    padding: 50px !important
  }

  .p55TabletSmall {
    padding: 55px !important
  }

  .p60TabletSmall {
    padding: 60px !important
  }

  .p65TabletSmall {
    padding: 65px !important
  }

  .p70TabletSmall {
    padding: 70px !important
  }

  .p75TabletSmall {
    padding: 75px !important
  }

  .p80TabletSmall {
    padding: 80px !important
  }

  .p85TabletSmall {
    padding: 85px !important
  }

  .p90TabletSmall {
    padding: 90px !important
  }

  .p95TabletSmall {
    padding: 95px !important
  }

  .p100TabletSmall {
    padding: 100px !important
  }

  .pl0TabletSmall {
    padding-left: 0 !important
  }

  .pl5TabletSmall {
    padding-left: 5px !important
  }

  .pl10TabletSmall {
    padding-left: 10px !important
  }

  .pl15TabletSmall {
    padding-left: 15px !important
  }

  .pl20TabletSmall {
    padding-left: 20px !important
  }

  .pl25TabletSmall {
    padding-left: 25px !important
  }

  .pl30TabletSmall {
    padding-left: 30px !important
  }

  .pl35TabletSmall {
    padding-left: 35px !important
  }

  .pl40TabletSmall {
    padding-left: 40px !important
  }

  .pl45TabletSmall {
    padding-left: 45px !important
  }

  .pl50TabletSmall {
    padding-left: 50px !important
  }

  .pl55TabletSmall {
    padding-left: 55px !important
  }

  .pl60TabletSmall {
    padding-left: 60px !important
  }

  .pl65TabletSmall {
    padding-left: 65px !important
  }

  .pl70TabletSmall {
    padding-left: 70px !important
  }

  .pl75TabletSmall {
    padding-left: 75px !important
  }

  .pl80TabletSmall {
    padding-left: 80px !important
  }

  .pl85TabletSmall {
    padding-left: 85px !important
  }

  .pl90TabletSmall {
    padding-left: 90px !important
  }

  .pl95TabletSmall {
    padding-left: 95px !important
  }

  .pl100TabletSmall {
    padding-left: 100px !important
  }

  .pr0TabletSmall {
    padding-right: 0 !important
  }

  .pr5TabletSmall {
    padding-right: 5px !important
  }

  .pr10TabletSmall {
    padding-right: 10px !important
  }

  .pr15TabletSmall {
    padding-right: 15px !important
  }

  .pr20TabletSmall {
    padding-right: 20px !important
  }

  .pr25TabletSmall {
    padding-right: 25px !important
  }

  .pr30TabletSmall {
    padding-right: 30px !important
  }

  .pr35TabletSmall {
    padding-right: 35px !important
  }

  .pr40TabletSmall {
    padding-right: 40px !important
  }

  .pr45TabletSmall {
    padding-right: 45px !important
  }

  .pr50TabletSmall {
    padding-right: 50px !important
  }

  .pr55TabletSmall {
    padding-right: 55px !important
  }

  .pr60TabletSmall {
    padding-right: 60px !important
  }

  .pr65TabletSmall {
    padding-right: 65px !important
  }

  .pr70TabletSmall {
    padding-right: 70px !important
  }

  .pr75TabletSmall {
    padding-right: 75px !important
  }

  .pr80TabletSmall {
    padding-right: 80px !important
  }

  .pr85TabletSmall {
    padding-right: 85px !important
  }

  .pr90TabletSmall {
    padding-right: 90px !important
  }

  .pr95TabletSmall {
    padding-right: 95px !important
  }

  .pr100TabletSmall {
    padding-right: 100px !important
  }

  .pt0TabletSmall {
    padding-top: 0 !important
  }

  .pt5TabletSmall {
    padding-top: 5px !important
  }

  .pt10TabletSmall {
    padding-top: 10px !important
  }

  .pt15TabletSmall {
    padding-top: 15px !important
  }

  .pt20TabletSmall {
    padding-top: 20px !important
  }

  .pt25TabletSmall {
    padding-top: 25px !important
  }

  .pt30TabletSmall {
    padding-top: 30px !important
  }

  .pt35TabletSmall {
    padding-top: 35px !important
  }

  .pt40TabletSmall {
    padding-top: 40px !important
  }

  .pt45TabletSmall {
    padding-top: 45px !important
  }

  .pt50TabletSmall {
    padding-top: 50px !important
  }

  .pt55TabletSmall {
    padding-top: 55px !important
  }

  .pt60TabletSmall {
    padding-top: 60px !important
  }

  .pt65TabletSmall {
    padding-top: 65px !important
  }

  .pt70TabletSmall {
    padding-top: 70px !important
  }

  .pt75TabletSmall {
    padding-top: 75px !important
  }

  .pt80TabletSmall {
    padding-top: 80px !important
  }

  .pt85TabletSmall {
    padding-top: 85px !important
  }

  .pt90TabletSmall {
    padding-top: 90px !important
  }

  .pt95TabletSmall {
    padding-top: 95px !important
  }

  .pt100TabletSmall {
    padding-top: 100px !important
  }

  .pb0TabletSmall {
    padding-bottom: 0 !important
  }

  .pb5TabletSmall {
    padding-bottom: 5px !important
  }

  .pb6TabletSmall {
    padding-bottom: 6px !important
  }

  .pb7TabletSmall {
    padding-bottom: 7px !important
  }

  .pb8TabletSmall {
    padding-bottom: 8px !important
  }

  .pb9TabletSmall {
    padding-bottom: 9px !important
  }

  .pb10TabletSmall {
    padding-bottom: 10px !important
  }

  .pb15TabletSmall {
    padding-bottom: 15px !important
  }

  .pb20TabletSmall {
    padding-bottom: 20px !important
  }

  .pb25TabletSmall {
    padding-bottom: 25px !important
  }

  .pb30TabletSmall {
    padding-bottom: 30px !important
  }

  .pb35TabletSmall {
    padding-bottom: 35px !important
  }

  .pb40TabletSmall {
    padding-bottom: 40px !important
  }

  .pb45TabletSmall {
    padding-bottom: 45px !important
  }

  .pb50TabletSmall {
    padding-bottom: 50px !important
  }

  .pb55TabletSmall {
    padding-bottom: 55px !important
  }

  .pb60TabletSmall {
    padding-bottom: 60px !important
  }

  .pb65TabletSmall {
    padding-bottom: 65px !important
  }

  .pb70TabletSmall {
    padding-bottom: 70px !important
  }

  .pb75TabletSmall {
    padding-bottom: 75px !important
  }

  .pb80TabletSmall {
    padding-bottom: 80px !important
  }

  .pb85TabletSmall {
    padding-bottom: 85px !important
  }

  .pb90TabletSmall {
    padding-bottom: 90px !important
  }

  .pb95TabletSmall {
    padding-bottom: 95px !important
  }

  .pb100TabletSmall {
    padding-bottom: 100px !important
  }

  .m0TabletSmall {
    margin: 0 !important
  }

  .m5TabletSmall {
    margin: 5px !important
  }

  .m10TabletSmall {
    margin: 10px !important
  }

  .m15TabletSmall {
    margin: 15px !important
  }

  .m20TabletSmall {
    margin: 20px !important
  }

  .m25TabletSmall {
    margin: 25px !important
  }

  .m30TabletSmall {
    margin: 30px !important
  }

  .m35TabletSmall {
    margin: 35px !important
  }

  .m40TabletSmall {
    margin: 40px !important
  }

  .m45TabletSmall {
    margin: 45px !important
  }

  .m50TabletSmall {
    margin: 50px !important
  }

  .m55TabletSmall {
    margin: 55px !important
  }

  .m60TabletSmall {
    margin: 60px !important
  }

  .m65TabletSmall {
    margin: 65px !important
  }

  .m70TabletSmall {
    margin: 70px !important
  }

  .m75TabletSmall {
    margin: 75px !important
  }

  .m80TabletSmall {
    margin: 80px !important
  }

  .m85TabletSmall {
    margin: 85px !important
  }

  .m90TabletSmall {
    margin: 90px !important
  }

  .m95TabletSmall {
    margin: 95px !important
  }

  .m100TabletSmall {
    margin: 100px !important
  }

  .ml0TabletSmall {
    margin-left: 0 !important
  }

  .ml5TabletSmall {
    margin-left: 5px !important
  }

  .ml10TabletSmall {
    margin-left: 10px !important
  }

  .ml15TabletSmall {
    margin-left: 15px !important
  }

  .ml20TabletSmall {
    margin-left: 20px !important
  }

  .ml25TabletSmall {
    margin-left: 25px !important
  }

  .ml30TabletSmall {
    margin-left: 30px !important
  }

  .ml35TabletSmall {
    margin-left: 35px !important
  }

  .ml40TabletSmall {
    margin-left: 40px !important
  }

  .ml45TabletSmall {
    margin-left: 45px !important
  }

  .ml50TabletSmall {
    margin-left: 50px !important
  }

  .ml55TabletSmall {
    margin-left: 55px !important
  }

  .ml60TabletSmall {
    margin-left: 60px !important
  }

  .ml65TabletSmall {
    margin-left: 65px !important
  }

  .ml70TabletSmall {
    margin-left: 70px !important
  }

  .ml75TabletSmall {
    margin-left: 75px !important
  }

  .ml80TabletSmall {
    margin-left: 80px !important
  }

  .ml85TabletSmall {
    margin-left: 85px !important
  }

  .ml90TabletSmall {
    margin-left: 90px !important
  }

  .ml95TabletSmall {
    margin-left: 95px !important
  }

  .ml100TabletSmall {
    margin-left: 100px !important
  }

  .mr0TabletSmall {
    margin-right: 0 !important
  }

  .mr5TabletSmall {
    margin-right: 5px !important
  }

  .mr10TabletSmall {
    margin-right: 10px !important
  }

  .mr15TabletSmall {
    margin-right: 15px !important
  }

  .mr20TabletSmall {
    margin-right: 20px !important
  }

  .mr25TabletSmall {
    margin-right: 25px !important
  }

  .mr30TabletSmall {
    margin-right: 30px !important
  }

  .mr35TabletSmall {
    margin-right: 35px !important
  }

  .mr40TabletSmall {
    margin-right: 40px !important
  }

  .mr45TabletSmall {
    margin-right: 45px !important
  }

  .mr50TabletSmall {
    margin-right: 50px !important
  }

  .mr55TabletSmall {
    margin-right: 55px !important
  }

  .mr60TabletSmall {
    margin-right: 60px !important
  }

  .mr65TabletSmall {
    margin-right: 65px !important
  }

  .mr70TabletSmall {
    margin-right: 70px !important
  }

  .mr75TabletSmall {
    margin-right: 75px !important
  }

  .mr80TabletSmall {
    margin-right: 80px !important
  }

  .mr85TabletSmall {
    margin-right: 85px !important
  }

  .mr90TabletSmall {
    margin-right: 90px !important
  }

  .mr95TabletSmall {
    margin-right: 95px !important
  }

  .mr100TabletSmall {
    margin-right: 100px !important
  }

  .mt-10TabletSmall {
    margin-top: -10px !important
  }

  .mt0TabletSmall {
    margin-top: 0 !important
  }

  .mt5TabletSmall {
    margin-top: 5px !important
  }

  .mt10TabletSmall {
    margin-top: 10px !important
  }

  .mt15TabletSmall {
    margin-top: 15px !important
  }

  .mt20TabletSmall {
    margin-top: 20px !important
  }

  .mt25TabletSmall {
    margin-top: 25px !important
  }

  .mt30TabletSmall {
    margin-top: 30px !important
  }

  .mt35TabletSmall {
    margin-top: 35px !important
  }

  .mt40TabletSmall {
    margin-top: 40px !important
  }

  .mt45TabletSmall {
    margin-top: 45px !important
  }

  .mt50TabletSmall {
    margin-top: 50px !important
  }

  .mt55TabletSmall {
    margin-top: 55px !important
  }

  .mt60TabletSmall {
    margin-top: 60px !important
  }

  .mt65TabletSmall {
    margin-top: 65px !important
  }

  .mt70TabletSmall {
    margin-top: 70px !important
  }

  .mt75TabletSmall {
    margin-top: 75px !important
  }

  .mt80TabletSmall {
    margin-top: 80px !important
  }

  .mt85TabletSmall {
    margin-top: 85px !important
  }

  .mt90TabletSmall {
    margin-top: 90px !important
  }

  .mt95TabletSmall {
    margin-top: 95px !important
  }

  .mt100TabletSmall {
    margin-top: 100px !important
  }

  .mb0TabletSmall {
    margin-bottom: 0 !important
  }

  .mb5TabletSmall {
    margin-bottom: 5px !important
  }

  .mb10TabletSmall {
    margin-bottom: 10px !important
  }

  .mb15TabletSmall {
    margin-bottom: 15px !important
  }

  .mb20TabletSmall {
    margin-bottom: 20px !important
  }

  .mb25TabletSmall {
    margin-bottom: 25px !important
  }

  .mb30TabletSmall {
    margin-bottom: 30px !important
  }

  .mb35TabletSmall {
    margin-bottom: 35px !important
  }

  .mb40TabletSmall {
    margin-bottom: 40px !important
  }

  .mb45TabletSmall {
    margin-bottom: 45px !important
  }

  .mb50TabletSmall {
    margin-bottom: 50px !important
  }

  .mb55TabletSmall {
    margin-bottom: 55px !important
  }

  .mb60TabletSmall {
    margin-bottom: 60px !important
  }

  .mb65TabletSmall {
    margin-bottom: 65px !important
  }

  .mb70TabletSmall {
    margin-bottom: 70px !important
  }

  .mb75TabletSmall {
    margin-bottom: 75px !important
  }

  .mb80TabletSmall {
    margin-bottom: 80px !important
  }

  .mb85TabletSmall {
    margin-bottom: 85px !important
  }

  .mb90TabletSmall {
    margin-bottom: 90px !important
  }

  .mb95TabletSmall {
    margin-bottom: 95px !important
  }

  .mb100TabletSmall {
    margin-bottom: 100px !important
  }

  .font0TabletSmall {
    font-size: 0 !important
  }

  .font1TabletSmall {
    font-size: 1px !important
  }

  .font2TabletSmall {
    font-size: 2px !important
  }

  .font3TabletSmall {
    font-size: 3px !important
  }

  .font4TabletSmall {
    font-size: 4px !important
  }

  .font5TabletSmall {
    font-size: 5px !important
  }

  .font6TabletSmall {
    font-size: 6px !important
  }

  .font7TabletSmall {
    font-size: 7px !important
  }

  .font8TabletSmall {
    font-size: 8px !important
  }

  .font9TabletSmall {
    font-size: 9px !important
  }

  .font10TabletSmall {
    font-size: 10px !important
  }

  .font11TabletSmall {
    font-size: 11px !important
  }

  .font12TabletSmall {
    font-size: 12px !important
  }

  .font13TabletSmall {
    font-size: 13px !important
  }

  .font14TabletSmall {
    font-size: 14px !important
  }

  .font15TabletSmall {
    font-size: 15px !important
  }

  .font16TabletSmall {
    font-size: 16px !important
  }

  .font17TabletSmall {
    font-size: 17px !important
  }

  .font18TabletSmall {
    font-size: 18px !important
  }

  .font19TabletSmall {
    font-size: 19px !important
  }

  .font20TabletSmall {
    font-size: 20px !important
  }

  .font21TabletSmall {
    font-size: 21px !important
  }

  .font22TabletSmall {
    font-size: 22px !important
  }

  .font23TabletSmall {
    font-size: 23px !important
  }

  .font24TabletSmall {
    font-size: 24px !important
  }

  .font25TabletSmall {
    font-size: 25px !important
  }

  .font26TabletSmall {
    font-size: 26px !important
  }

  .font27TabletSmall {
    font-size: 27px !important
  }

  .font28TabletSmall {
    font-size: 28px !important
  }

  .font29TabletSmall {
    font-size: 29px !important
  }

  .font30TabletSmall {
    font-size: 30px !important
  }

  .font35TabletSmall {
    font-size: 35px !important
  }

  .font40TabletSmall {
    font-size: 40px !important
  }

  .font45TabletSmall {
    font-size: 45px !important
  }

  .tCenterTabletSmall {
    text-align: center !important
  }

  .tLeftTabletSmall {
    text-align: left !important
  }

  .tRightTabletSmall {
    text-align: right !important
  }

  .flTabletSmall {
    float: left !important
  }

  .frTabletSmall {
    float: right !important
  }

  .fnTabletSmall {
    float: none !important
  }

  .clearLeftTabletSmall {
    clear: left !important
  }

  .clearRightTabletSmall {
    clear: right !important
  }

  .clearBothTabletSmall {
    clear: both !important
  }

  .dNoneTabletSmall {
    display: none !important
  }

  .dBlockTabletSmall {
    display: block !important
  }

  .dInlineTabletSmall {
    display: inline !important
  }

  .dInlineBlockTabletSmall {
    display: inline-block !important
  }

  .pStaticTabletSmall {
    position: static !important
  }

  .pAbosluteTabletSmall {
    position: absolute !important
  }

  .pRelativeTabletSmall {
    position: relative !important
  }

  .pFixedTabletSmall {
    position: fixed !important
  }

  .vVisibleTabletSmall {
    visibility: visible !important
  }

  .vHiddenTabletSmall {
    visibility: hidden !important
  }

  .centerContentTabletSmall {
    margin: 0 auto;
    padding: 0;
    text-align: center
  }

  .centerBlockTabletSmall {
    margin: 0 auto !important;
    display: block !important
  }

  .centerTableTabletSmall {
    margin: 0 auto !important;
    display: table !important
  }

  .bw0TabletSmall {
    border-width: 0 !important
  }

  .fw1TabletSmall {
    font-weight: 100 !important
  }

  .fw2TabletSmall {
    font-weight: 200 !important
  }

  .fw3TabletSmall {
    font-weight: 300 !important
  }

  .fw4TabletSmall {
    font-weight: 400 !important
  }

  .fw5TabletSmall {
    font-weight: 500 !important
  }

  .fw6TabletSmall {
    font-weight: 600 !important
  }

  .fw7TabletSmall {
    font-weight: 700 !important
  }

  .fw8TabletSmall {
    font-weight: 800 !important
  }

  .fw9TabletSmall {
    font-weight: 900 !important
  }

  .w0pTabletSmall {
    width: 0 !important
  }

  .w5pTabletSmall {
    width: 5% !important
  }

  .w10pTabletSmall {
    width: 10% !important
  }

  .w15pTabletSmall {
    width: 15% !important
  }

  .w20pTabletSmall {
    width: 20% !important
  }

  .w25pTabletSmall {
    width: 25% !important
  }

  .w30pTabletSmall {
    width: 30% !important
  }

  .w35pTabletSmall {
    width: 35% !important
  }

  .w40pTabletSmall {
    width: 40% !important
  }

  .w45pTabletSmall {
    width: 45% !important
  }

  .w50pTabletSmall {
    width: 50% !important
  }

  .w55pTabletSmall {
    width: 55% !important
  }

  .w60pTabletSmall {
    width: 60% !important
  }

  .w65pTabletSmall {
    width: 65% !important
  }

  .w70pTabletSmall {
    width: 70% !important
  }

  .w75pTabletSmall {
    width: 75% !important
  }

  .w80pTabletSmall {
    width: 80% !important
  }

  .w85pTabletSmall {
    width: 85% !important
  }

  .w90pTabletSmall {
    width: 90% !important
  }

  .hAutoTabletSmall {
    height: auto !important
  }

  .wAutoTabletSmall {
    width: auto !important
  }

  .w95pTabletSmall {
    width: 95% !important
  }

  .w100pTabletSmall {
    width: 100% !important
  }

  .min-w0TabletSmall {
    min-width: 0 !important
  }

  .overflow-xScrollTabletSmall {
    overflow-x: scroll !important
  }

  .h250Phone {
    height: 250px !important
  }
}

@media(width >=768px)and (width <=1350px) {
  .noBgTablet {
    background-image: none !important
  }

  .p0Tablet {
    padding: 0 !important
  }

  .p5Tablet {
    padding: 5px !important
  }

  .p10Tablet {
    padding: 10px !important
  }

  .p15Tablet {
    padding: 15px !important
  }

  .p20Tablet {
    padding: 20px !important
  }

  .p25Tablet {
    padding: 25px !important
  }

  .p30Tablet {
    padding: 30px !important
  }

  .p35Tablet {
    padding: 35px !important
  }

  .p40Tablet {
    padding: 40px !important
  }

  .p45Tablet {
    padding: 45px !important
  }

  .p50Tablet {
    padding: 50px !important
  }

  .p55Tablet {
    padding: 55px !important
  }

  .p60Tablet {
    padding: 60px !important
  }

  .p65Tablet {
    padding: 65px !important
  }

  .p70Tablet {
    padding: 70px !important
  }

  .p75Tablet {
    padding: 75px !important
  }

  .p80Tablet {
    padding: 80px !important
  }

  .p85Tablet {
    padding: 85px !important
  }

  .p90Tablet {
    padding: 90px !important
  }

  .p95Tablet {
    padding: 95px !important
  }

  .p100Tablet {
    padding: 100px !important
  }

  .pl0Tablet {
    padding-left: 0 !important
  }

  .pl5Tablet {
    padding-left: 5px !important
  }

  .pl10Tablet {
    padding-left: 10px !important
  }

  .pl15Tablet {
    padding-left: 15px !important
  }

  .pl20Tablet {
    padding-left: 20px !important
  }

  .pl25Tablet {
    padding-left: 25px !important
  }

  .pl30Tablet {
    padding-left: 30px !important
  }

  .pl35Tablet {
    padding-left: 35px !important
  }

  .pl40Tablet {
    padding-left: 40px !important
  }

  .pl45Tablet {
    padding-left: 45px !important
  }

  .pl50Tablet {
    padding-left: 50px !important
  }

  .pl55Tablet {
    padding-left: 55px !important
  }

  .pl60Tablet {
    padding-left: 60px !important
  }

  .pl65Tablet {
    padding-left: 65px !important
  }

  .pl70Tablet {
    padding-left: 70px !important
  }

  .pl75Tablet {
    padding-left: 75px !important
  }

  .pl80Tablet {
    padding-left: 80px !important
  }

  .pl85Tablet {
    padding-left: 85px !important
  }

  .pl90Tablet {
    padding-left: 90px !important
  }

  .pl95Tablet {
    padding-left: 95px !important
  }

  .pl100Tablet {
    padding-left: 100px !important
  }

  .pr0Tablet {
    padding-right: 0 !important
  }

  .pr5Tablet {
    padding-right: 5px !important
  }

  .pr10Tablet {
    padding-right: 10px !important
  }

  .pr15Tablet {
    padding-right: 15px !important
  }

  .pr20Tablet {
    padding-right: 20px !important
  }

  .pr25Tablet {
    padding-right: 25px !important
  }

  .pr30Tablet {
    padding-right: 30px !important
  }

  .pr35Tablet {
    padding-right: 35px !important
  }

  .pr40Tablet {
    padding-right: 40px !important
  }

  .pr45Tablet {
    padding-right: 45px !important
  }

  .pr50Tablet {
    padding-right: 50px !important
  }

  .pr55Tablet {
    padding-right: 55px !important
  }

  .pr60Tablet {
    padding-right: 60px !important
  }

  .pr65Tablet {
    padding-right: 65px !important
  }

  .pr70Tablet {
    padding-right: 70px !important
  }

  .pr75Tablet {
    padding-right: 75px !important
  }

  .pr80Tablet {
    padding-right: 80px !important
  }

  .pr85Tablet {
    padding-right: 85px !important
  }

  .pr90Tablet {
    padding-right: 90px !important
  }

  .pr95Tablet {
    padding-right: 95px !important
  }

  .pr100Tablet {
    padding-right: 100px !important
  }

  .pt0Tablet {
    padding-top: 0 !important
  }

  .pt5Tablet {
    padding-top: 5px !important
  }

  .pt10Tablet {
    padding-top: 10px !important
  }

  .pt15Tablet {
    padding-top: 15px !important
  }

  .pt20Tablet {
    padding-top: 20px !important
  }

  .pt25Tablet {
    padding-top: 25px !important
  }

  .pt30Tablet {
    padding-top: 30px !important
  }

  .pt35Tablet {
    padding-top: 35px !important
  }

  .pt40Tablet {
    padding-top: 40px !important
  }

  .pt45Tablet {
    padding-top: 45px !important
  }

  .pt50Tablet {
    padding-top: 50px !important
  }

  .pt55Tablet {
    padding-top: 55px !important
  }

  .pt60Tablet {
    padding-top: 60px !important
  }

  .pt65Tablet {
    padding-top: 65px !important
  }

  .pt70Tablet {
    padding-top: 70px !important
  }

  .pt75Tablet {
    padding-top: 75px !important
  }

  .pt80Tablet {
    padding-top: 80px !important
  }

  .pt85Tablet {
    padding-top: 85px !important
  }

  .pt90Tablet {
    padding-top: 90px !important
  }

  .pt95Tablet {
    padding-top: 95px !important
  }

  .pt100Tablet {
    padding-top: 100px !important
  }

  .pb0Tablet {
    padding-bottom: 0 !important
  }

  .pb5Tablet {
    padding-bottom: 5px !important
  }

  .pb6Tablet {
    padding-bottom: 6px !important
  }

  .pb7Tablet {
    padding-bottom: 7px !important
  }

  .pb8Tablet {
    padding-bottom: 8px !important
  }

  .pb9Tablet {
    padding-bottom: 9px !important
  }

  .pb10Tablet {
    padding-bottom: 10px !important
  }

  .pb15Tablet {
    padding-bottom: 15px !important
  }

  .pb20Tablet {
    padding-bottom: 20px !important
  }

  .pb25Tablet {
    padding-bottom: 25px !important
  }

  .pb30Tablet {
    padding-bottom: 30px !important
  }

  .pb35Tablet {
    padding-bottom: 35px !important
  }

  .pb40Tablet {
    padding-bottom: 40px !important
  }

  .pb45Tablet {
    padding-bottom: 45px !important
  }

  .pb50Tablet {
    padding-bottom: 50px !important
  }

  .pb55Tablet {
    padding-bottom: 55px !important
  }

  .pb60Tablet {
    padding-bottom: 60px !important
  }

  .pb65Tablet {
    padding-bottom: 65px !important
  }

  .pb70Tablet {
    padding-bottom: 70px !important
  }

  .pb75Tablet {
    padding-bottom: 75px !important
  }

  .pb80Tablet {
    padding-bottom: 80px !important
  }

  .pb85Tablet {
    padding-bottom: 85px !important
  }

  .pb90Tablet {
    padding-bottom: 90px !important
  }

  .pb95Tablet {
    padding-bottom: 95px !important
  }

  .pb100Tablet {
    padding-bottom: 100px !important
  }

  .m0Tablet {
    margin: 0 !important
  }

  .m5Tablet {
    margin: 5px !important
  }

  .m10Tablet {
    margin: 10px !important
  }

  .m15Tablet {
    margin: 15px !important
  }

  .m20Tablet {
    margin: 20px !important
  }

  .m25Tablet {
    margin: 25px !important
  }

  .m30Tablet {
    margin: 30px !important
  }

  .m35Tablet {
    margin: 35px !important
  }

  .m40Tablet {
    margin: 40px !important
  }

  .m45Tablet {
    margin: 45px !important
  }

  .m50Tablet {
    margin: 50px !important
  }

  .m55Tablet {
    margin: 55px !important
  }

  .m60Tablet {
    margin: 60px !important
  }

  .m65Tablet {
    margin: 65px !important
  }

  .m70Tablet {
    margin: 70px !important
  }

  .m75Tablet {
    margin: 75px !important
  }

  .m80Tablet {
    margin: 80px !important
  }

  .m85Tablet {
    margin: 85px !important
  }

  .m90Tablet {
    margin: 90px !important
  }

  .m95Tablet {
    margin: 95px !important
  }

  .m100Tablet {
    margin: 100px !important
  }

  .ml0Tablet {
    margin-left: 0 !important
  }

  .ml5Tablet {
    margin-left: 5px !important
  }

  .ml10Tablet {
    margin-left: 10px !important
  }

  .ml15Tablet {
    margin-left: 15px !important
  }

  .ml20Tablet {
    margin-left: 20px !important
  }

  .ml25Tablet {
    margin-left: 25px !important
  }

  .ml30Tablet {
    margin-left: 30px !important
  }

  .ml35Tablet {
    margin-left: 35px !important
  }

  .ml40Tablet {
    margin-left: 40px !important
  }

  .ml45Tablet {
    margin-left: 45px !important
  }

  .ml50Tablet {
    margin-left: 50px !important
  }

  .ml55Tablet {
    margin-left: 55px !important
  }

  .ml60Tablet {
    margin-left: 60px !important
  }

  .ml65Tablet {
    margin-left: 65px !important
  }

  .ml70Tablet {
    margin-left: 70px !important
  }

  .ml75Tablet {
    margin-left: 75px !important
  }

  .ml80Tablet {
    margin-left: 80px !important
  }

  .ml85Tablet {
    margin-left: 85px !important
  }

  .ml90Tablet {
    margin-left: 90px !important
  }

  .ml95Tablet {
    margin-left: 95px !important
  }

  .ml100Tablet {
    margin-left: 100px !important
  }

  .mr0Tablet {
    margin-right: 0 !important
  }

  .mr5Tablet {
    margin-right: 5px !important
  }

  .mr10Tablet {
    margin-right: 10px !important
  }

  .mr15Tablet {
    margin-right: 15px !important
  }

  .mr20Tablet {
    margin-right: 20px !important
  }

  .mr25Tablet {
    margin-right: 25px !important
  }

  .mr30Tablet {
    margin-right: 30px !important
  }

  .mr35Tablet {
    margin-right: 35px !important
  }

  .mr40Tablet {
    margin-right: 40px !important
  }

  .mr45Tablet {
    margin-right: 45px !important
  }

  .mr50Tablet {
    margin-right: 50px !important
  }

  .mr55Tablet {
    margin-right: 55px !important
  }

  .mr60Tablet {
    margin-right: 60px !important
  }

  .mr65Tablet {
    margin-right: 65px !important
  }

  .mr70Tablet {
    margin-right: 70px !important
  }

  .mr75Tablet {
    margin-right: 75px !important
  }

  .mr80Tablet {
    margin-right: 80px !important
  }

  .mr85Tablet {
    margin-right: 85px !important
  }

  .mr90Tablet {
    margin-right: 90px !important
  }

  .mr95Tablet {
    margin-right: 95px !important
  }

  .mr100Tablet {
    margin-right: 100px !important
  }

  .mt-10Tablet {
    margin-top: -10px !important
  }

  .mt0Tablet {
    margin-top: 0 !important
  }

  .mt5Tablet {
    margin-top: 5px !important
  }

  .mt10Tablet {
    margin-top: 10px !important
  }

  .mt15Tablet {
    margin-top: 15px !important
  }

  .mt20Tablet {
    margin-top: 20px !important
  }

  .mt25Tablet {
    margin-top: 25px !important
  }

  .mt30Tablet {
    margin-top: 30px !important
  }

  .mt35Tablet {
    margin-top: 35px !important
  }

  .mt40Tablet {
    margin-top: 40px !important
  }

  .mt45Tablet {
    margin-top: 45px !important
  }

  .mt50Tablet {
    margin-top: 50px !important
  }

  .mt55Tablet {
    margin-top: 55px !important
  }

  .mt60Tablet {
    margin-top: 60px !important
  }

  .mt65Tablet {
    margin-top: 65px !important
  }

  .mt70Tablet {
    margin-top: 70px !important
  }

  .mt75Tablet {
    margin-top: 75px !important
  }

  .mt80Tablet {
    margin-top: 80px !important
  }

  .mt85Tablet {
    margin-top: 85px !important
  }

  .mt90Tablet {
    margin-top: 90px !important
  }

  .mt95Tablet {
    margin-top: 95px !important
  }

  .mt100Tablet {
    margin-top: 100px !important
  }

  .mb0Tablet {
    margin-bottom: 0 !important
  }

  .mb5Tablet {
    margin-bottom: 5px !important
  }

  .mb10Tablet {
    margin-bottom: 10px !important
  }

  .mb15Tablet {
    margin-bottom: 15px !important
  }

  .mb20Tablet {
    margin-bottom: 20px !important
  }

  .mb25Tablet {
    margin-bottom: 25px !important
  }

  .mb30Tablet {
    margin-bottom: 30px !important
  }

  .mb35Tablet {
    margin-bottom: 35px !important
  }

  .mb40Tablet {
    margin-bottom: 40px !important
  }

  .mb45Tablet {
    margin-bottom: 45px !important
  }

  .mb50Tablet {
    margin-bottom: 50px !important
  }

  .mb55Tablet {
    margin-bottom: 55px !important
  }

  .mb60Tablet {
    margin-bottom: 60px !important
  }

  .mb65Tablet {
    margin-bottom: 65px !important
  }

  .mb70Tablet {
    margin-bottom: 70px !important
  }

  .mb75Tablet {
    margin-bottom: 75px !important
  }

  .mb80Tablet {
    margin-bottom: 80px !important
  }

  .mb85Tablet {
    margin-bottom: 85px !important
  }

  .mb90Tablet {
    margin-bottom: 90px !important
  }

  .mb95Tablet {
    margin-bottom: 95px !important
  }

  .mb100Tablet {
    margin-bottom: 100px !important
  }

  .font0Tablet {
    font-size: 0 !important
  }

  .font1Tablet {
    font-size: 1px !important
  }

  .font2Tablet {
    font-size: 2px !important
  }

  .font3Tablet {
    font-size: 3px !important
  }

  .font4Tablet {
    font-size: 4px !important
  }

  .font5Tablet {
    font-size: 5px !important
  }

  .font6Tablet {
    font-size: 6px !important
  }

  .font7Tablet {
    font-size: 7px !important
  }

  .font8Tablet {
    font-size: 8px !important
  }

  .font9Tablet {
    font-size: 9px !important
  }

  .font10Tablet {
    font-size: 10px !important
  }

  .font11Tablet {
    font-size: 11px !important
  }

  .font12Tablet {
    font-size: 12px !important
  }

  .font13Tablet {
    font-size: 13px !important
  }

  .font14Tablet {
    font-size: 14px !important
  }

  .font15Tablet {
    font-size: 15px !important
  }

  .font16Tablet {
    font-size: 16px !important
  }

  .font17Tablet {
    font-size: 17px !important
  }

  .font18Tablet {
    font-size: 18px !important
  }

  .font19Tablet {
    font-size: 19px !important
  }

  .font20Tablet {
    font-size: 20px !important
  }

  .font21Tablet {
    font-size: 21px !important
  }

  .font22Tablet {
    font-size: 22px !important
  }

  .font23Tablet {
    font-size: 23px !important
  }

  .font24Tablet {
    font-size: 24px !important
  }

  .font25Tablet {
    font-size: 25px !important
  }

  .font26Tablet {
    font-size: 26px !important
  }

  .font27Tablet {
    font-size: 27px !important
  }

  .font28Tablet {
    font-size: 28px !important
  }

  .font29Tablet {
    font-size: 29px !important
  }

  .font30Tablet {
    font-size: 30px !important
  }

  .font35Tablet {
    font-size: 35px !important
  }

  .font40Tablet {
    font-size: 40px !important
  }

  .font45Tablet {
    font-size: 45px !important
  }

  .lh0Tablet {
    line-height: 0 !important
  }

  .lh1Tablet {
    line-height: 1px !important
  }

  .lh2Tablet {
    line-height: 2px !important
  }

  .lh3Tablet {
    line-height: 3px !important
  }

  .lh4Tablet {
    line-height: 4px !important
  }

  .lh5Tablet {
    line-height: 5px !important
  }

  .lh6Tablet {
    line-height: 6px !important
  }

  .lh7Tablet {
    line-height: 7px !important
  }

  .lh8Tablet {
    line-height: 8px !important
  }

  .lh9Tablet {
    line-height: 9px !important
  }

  .lh10Tablet {
    line-height: 10px !important
  }

  .lh11Tablet {
    line-height: 11px !important
  }

  .lh12Tablet {
    line-height: 12px !important
  }

  .lh13Tablet {
    line-height: 13px !important
  }

  .lh14Tablet {
    line-height: 14px !important
  }

  .lh15Tablet {
    line-height: 15px !important
  }

  .lh16Tablet {
    line-height: 16px !important
  }

  .lh17Tablet {
    line-height: 17px !important
  }

  .lh18Tablet {
    line-height: 18px !important
  }

  .lh19Tablet {
    line-height: 19px !important
  }

  .lh20Tablet {
    line-height: 20px !important
  }

  .lh21Tablet {
    line-height: 21px !important
  }

  .lh22Tablet {
    line-height: 22px !important
  }

  .lh23Tablet {
    line-height: 23px !important
  }

  .lh24Tablet {
    line-height: 24px !important
  }

  .lh25Tablet {
    line-height: 25px !important
  }

  .lh26Tablet {
    line-height: 26px !important
  }

  .lh27Tablet {
    line-height: 27px !important
  }

  .lh28Tablet {
    line-height: 28px !important
  }

  .lh29Tablet {
    line-height: 29px !important
  }

  .lh30Tablet {
    line-height: 30px !important
  }

  .wAutoTablet {
    width: auto !important
  }

  .w0pTablet {
    width: 0 !important
  }

  .w5pTablet {
    width: 5% !important
  }

  .w10pTablet {
    width: 10% !important
  }

  .w15pTablet {
    width: 15% !important
  }

  .w20pTablet {
    width: 20% !important
  }

  .w25pTablet {
    width: 25% !important
  }

  .w30pTablet {
    width: 30% !important
  }

  .w35pTablet {
    width: 35% !important
  }

  .w40pTablet {
    width: 40% !important
  }

  .w45pTablet {
    width: 45% !important
  }

  .w50pTablet {
    width: 50% !important
  }

  .w55pTablet {
    width: 55% !important
  }

  .w60pTablet {
    width: 60% !important
  }

  .w65pTablet {
    width: 65% !important
  }

  .w70pTablet {
    width: 70% !important
  }

  .w75pTablet {
    width: 75% !important
  }

  .w80pTablet {
    width: 80% !important
  }

  .w85pTablet {
    width: 85% !important
  }

  .w90pTablet {
    width: 90% !important
  }

  .w95pTablet {
    width: 95% !important
  }

  .w100pTablet {
    width: 100% !important
  }

  .hAutoTablet {
    height: auto !important
  }

  .h0Tablet {
    height: 0 !important
  }

  .h5Tablet {
    height: 5px !important
  }

  .h10Tablet {
    height: 10px !important
  }

  .h15Tablet {
    height: 15px !important
  }

  .h20Tablet {
    height: 20px !important
  }

  .h25Tablet {
    height: 25px !important
  }

  .h30Tablet {
    height: 30px !important
  }

  .h35Tablet {
    height: 35px !important
  }

  .h40Tablet {
    height: 40px !important
  }

  .h45Tablet {
    height: 45px !important
  }

  .h50Tablet {
    height: 50px !important
  }

  .h55Tablet {
    height: 55px !important
  }

  .h60Tablet {
    height: 60px !important
  }

  .h65Tablet {
    height: 65px !important
  }

  .h70Tablet {
    height: 70px !important
  }

  .h75Tablet {
    height: 75px !important
  }

  .h80Tablet {
    height: 80px !important
  }

  .h85Tablet {
    height: 85px !important
  }

  .h90Tablet {
    height: 90px !important
  }

  .h95Tablet {
    height: 95px !important
  }

  .h100Tablet {
    height: 100px !important
  }

  .h0pTablet {
    height: 0 !important
  }

  .h5pTablet {
    height: 5% !important
  }

  .h10pTablet {
    height: 10% !important
  }

  .h15pTablet {
    height: 15% !important
  }

  .h20pTablet {
    height: 20% !important
  }

  .h25pTablet {
    height: 25% !important
  }

  .h30pTablet {
    height: 30% !important
  }

  .h35pTablet {
    height: 35% !important
  }

  .h40pTablet {
    height: 40% !important
  }

  .h45pTablet {
    height: 45% !important
  }

  .h50pTablet {
    height: 50% !important
  }

  .h55pTablet {
    height: 55% !important
  }

  .h60pTablet {
    height: 60% !important
  }

  .h65pTablet {
    height: 65% !important
  }

  .h70pTablet {
    height: 70% !important
  }

  .h75pTablet {
    height: 75% !important
  }

  .h80pTablet {
    height: 80% !important
  }

  .h85pTablet {
    height: 85% !important
  }

  .h90pTablet {
    height: 90% !important
  }

  .h95pTablet {
    height: 95% !important
  }

  .h100pTablet {
    height: 100% !important
  }

  .tCenterTablet {
    text-align: center !important
  }

  .tLeftTablet {
    text-align: left !important
  }

  .tRightTablet {
    text-align: right !important
  }

  .flTablet {
    float: left !important
  }

  .frTablet {
    float: right !important
  }

  .fnTablet {
    float: none !important
  }

  .clearLeftTablet {
    clear: left !important
  }

  .clearRightTablet {
    clear: right !important
  }

  .clearBothTablet {
    clear: both !important
  }

  .dNoneTablet {
    display: none !important
  }

  .dBlockTablet {
    display: block !important
  }

  .dInlineTablet {
    display: inline !important
  }

  .dInlineBlockTablet {
    display: inline-block !important
  }

  .vVisibleTablet {
    visibility: visible !important
  }

  .vHiddenTablet {
    visibility: hidden !important
  }

  .pStaticTablet {
    position: static !important
  }

  .pAbosluteTablet {
    position: absolute !important
  }

  .pRelativeTablet {
    position: relative !important
  }

  .pFixedTablet {
    position: fixed !important
  }

  .centerContentTablet {
    margin: 0 auto;
    padding: 0;
    text-align: center
  }

  .centerBlockTablet {
    margin: 0 auto !important;
    display: block !important
  }

  .centerTableTablet {
    margin: 0 auto !important;
    display: table !important
  }

  .bw0Tablet {
    border-width: 0 !important
  }

  .fw1Tablet {
    font-weight: 100 !important
  }

  .fw2Tablet {
    font-weight: 200 !important
  }

  .fw3Tablet {
    font-weight: 300 !important
  }

  .fw4Tablet {
    font-weight: 400 !important
  }

  .fw5Tablet {
    font-weight: 500 !important
  }

  .fw6Tablet {
    font-weight: 600 !important
  }

  .fw7Tablet {
    font-weight: 700 !important
  }

  .fw8Tablet {
    font-weight: 800 !important
  }

  .fw9Tablet {
    font-weight: 900 !important
  }

  .overflow-xScrollTablet {
    overflow-x: scroll !important
  }

  .h250Phone {
    height: 250px !important
  }
}

.percent {
  display: inline-block;
  line-height: 50px;
  z-index: 2;
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

.shift0 a.ui-state-highlight,
.shift1 a.ui-state-highlight,
.shift2 a.ui-state-highlight,
.shift3 a.ui-state-highlight {
  border: 1px solid var(--gray-800);
}

.shift0 a.ui-state-active,
.shift1 a.ui-state-active,
.shift2 a.ui-state-active,
.shift3 a.ui-state-active {
  border: 1px solid var(--gray-800);
}

.confCall .text {
  position: relative;
  z-index: 50;
  padding-top: 25px !important;
}

.confCall {
  margin-top: -40px;
  background-color: #055468;
  color: white;
  padding: 10px;
  padding-top: 0;
  position: relative;
  height: 50px;
}

.confCall:before {
  background: #055468;
  content: "";
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 100%;
  transform: rotateZ(45deg);
  transform-origin: bottom right;
  width: 200px;
}

.custom-combobox {
  position: relative !important;
  display: inline-block !important;
}

.custom-combobox-toggle {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  margin-left: -1px !important;
  padding: 0 !important;
}

.custom-combobox-input {
  margin: 0 !important;
  padding: 5px 10px !important;
}

/* Tooltips have rendered without arrows since the Bootstrap 5 bundle landed, and that is the
   look we want. Both selectors are here so it survives the CSS move to Bootstrap 5. */
.tooltip .arrow,
.tooltip-arrow {
  display: none !important;
}

/* ---- animations ----
   flipInY keeps its name because about 200 templates spell it in their markup,
   but it has been a slide-down for a while. It animates margin-top rather than
   transform: Popper positions every Bootstrap 5 dropdown by writing
   transform: translate(x, y) on the menu, and animating transform replaces that
   for the length of the run, so the menu slid from the wrong place and snapped
   into position at the end. */
@keyframes flipInY {
  from {
    opacity: 0;
    margin-top: -12px;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}

.flipInY {
  animation: flipInY 0.2s ease-out;
}

/* Exit. iOpsGlobal.js adds this on hide.bs.dropdown and holds the hide open for
   the 200ms. forwards keeps the menu faded at the end of the run, otherwise it
   snaps back to full opacity for the frame before Bootstrap hides it. The
   shorthand has to sit after .flipInY, since both classes are on the menu. */
@keyframes flipOutY {
  from {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: -8px;
  }
}

.flipOutY {
  animation: flipOutY 0.2s ease-in forwards;
}
/* ---- .sliderTime — time labels as speech bubbles above the track ----
   slideTime() in iOpsGlobal.js writes the time into .uiSliderHandle, so the
   handle is the label. It is lifted above the track and drawn as a bubble; the
   triangle and the square knob below it are pseudo-elements, which hit-test as
   part of the handle. Grabbing the bubble, the point or the knob all drag the
   same thing. Heights are stacked so the three touch with no dead gap:
   bubble 22px, triangle 6px, knob 14px straddling the 11px track. */
.sliderTime.ui-slider {
  /* Headroom for the raised row .tightHandles uses. Reserved all the time, so
     the track never shifts under the pointer mid-drag. */
  margin: 56px 12px 8px;
}

.sliderTime .uiSliderHandle {
  /* Fixed, so the bubble does not breathe as the digits change. The label is
     always HH:MM; 46px clears "00:00" at 11px bold with room to spare. */
  width: 46px;
  height: auto;
  top: -30px;
  margin-left: 0;
  transform: translateX(-50%);
  padding: 2px 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--brand-fill);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: var(--fw-bold);
  line-height: 18px;
  white-space: nowrap;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.sliderTime .uiSliderHandle:focus {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* The point */
.sliderTime .uiSliderHandle::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 6px solid var(--brand-fill);
  border-bottom: 0;
}

/* The knob on the track, kept as a drag target in its own right */
.sliderTime .uiSliderHandle::before {
  content: "";
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-radius: 3px;
  background: var(--brand-fill);
  box-shadow: var(--shadow-sm);
}

/* Handles close enough for the bubbles to touch. slideTimeSpaceHandles() in
   iOpsGlobal.js measures the two boxes and sets .tightHandles. The left bubble
   goes up a row and swaps its point for a stem, so the knob stays on the track
   where it was. 22px raise = bubble height, so the two rows sit flush. */
.sliderTime.tightHandles .uiSliderHandle:nth-of-type(1) {
  top: -52px;
}

.sliderTime.tightHandles .uiSliderHandle:nth-of-type(1)::after {
  width: 2px;
  height: 28px;
  margin-left: -1px;
  border: 0;
  background: var(--brand-fill);
}

.sliderTime.tightHandles .uiSliderHandle:nth-of-type(1)::before {
  top: calc(100% + 28px);
}

/* Fancytree ships a white box with a dotted border. body bumps specificity
   since ui.fancytree.css loads after this file. */
body ul.fancytree-container {
  background: transparent;
  border: 0;
  font-family: inherit;
  font-size: var(--fs-sm);
}

body span.fancytree-title {
  color: var(--text-strong);
  border-radius: var(--radius-sm);
}

/* --panel-alt, since dark cards paint --surface-alt */
body span.fancytree-node:hover span.fancytree-title {
  background: var(--panel-alt);
}