/* =========================================================
   NMBM FINANCE v2.2
   EXECUTIVE GRAPHITE + CONTROL CENTRE + CONSTRUCTION FINANCE
   ========================================================= */


body.nmbm-v21.dp-v22 {

  --dp-red:#E31D2B;
  --dp-red-dark:#B51420;

  --dp-dark:#19232C;
  --dp-dark-2:#111A21;
  --dp-dark-3:#0C1319;

  --dp-text:#263846;
  --dp-muted:#72818D;

  --dp-bg:#F4F6F8;
  --dp-card:#FFFFFF;

  --dp-border:#DCE3E8;
  --dp-border-soft:#EAEFF3;

  --dp-green:#159C58;
  --dp-amber:#E39A19;
  --dp-blue:#397BA7;

  background:#F4F6F8 !important;
  color:var(--dp-text) !important;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

body.nmbm-v21.dp-v22 .sidebar {

  display:grid !important;

  grid-template-rows:
    auto
    minmax(0,1fr)
    auto;

  height:100vh;

  padding:
    10px 11px
    9px !important;

  overflow:hidden !important;

  background:
    linear-gradient(
      180deg,
      #1C2730 0%,
      #131D24 58%,
      #0D151B 100%
    ) !important;

  border-right:
    1px solid
    #2B3740 !important;

  box-shadow:
    8px 0 28px
    rgba(18,27,34,.12) !important;
}


/* =========================================================
   LOGO
   ========================================================= */

body.nmbm-v21.dp-v22 .sidebar .brand {

  display:block !important;

  margin:
    0 0
    5px !important;

  padding:
    0 1px
    7px !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.09) !important;
}


body.nmbm-v21.dp-v22 .dp-logo-box {

  padding:
    6px 7px;

  border-radius:10px;

  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      #F6F7F8
    );

  border:
    1px solid
    rgba(255,255,255,.7);

  box-shadow:
    0 7px 18px
    rgba(0,0,0,.18);
}


body.nmbm-v21.dp-v22 .dp-full-logo {

  display:block;

  width:100%;

  max-height:88px;

  object-fit:contain;
}


body.nmbm-v21.dp-v22 .dp-system-name {

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:
    5px 5px
    0;

  color:#B9C5CD;
}


body.nmbm-v21.dp-v22 .dp-system-name span {

  font-size:7px;

  font-weight:900;

  letter-spacing:1.05px;
}


body.nmbm-v21.dp-v22 .dp-system-name strong {

  padding:
    2px 6px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius:20px;

  background:
    rgba(255,255,255,.055);

  color:#D9E1E6;

  font-size:8px;
}


/* =========================================================
   GROUPED NAVIGATION
   ========================================================= */

body.nmbm-v21.dp-v22 .sidebar nav {

  display:block !important;

  min-height:0;

  overflow:hidden !important;

  padding:
    1px 0
    3px !important;
}


body.nmbm-v21.dp-v22 .dp-nav-group {

  margin-bottom:2px;
}


body.nmbm-v21.dp-v22 .dp-nav-title {

  height:12px;

  display:flex;

  align-items:flex-end;

  padding:
    0 7px
    2px;

  color:
    rgba(205,215,222,.48);

  font-size:6.5px;

  font-weight:900;

  letter-spacing:1px;
}


body.nmbm-v21.dp-v22 .nav-link {

  display:flex !important;

  align-items:center;

  gap:7px;

  min-height:25px !important;

  height:25px;

  margin:
    0 0
    1px !important;

  padding:
    2px 7px !important;

  border:
    1px solid
    transparent !important;

  border-radius:7px !important;

  background:
    transparent !important;

  color:#D6DFE5 !important;

  font-size:9.8px !important;

  font-weight:630 !important;

  line-height:1 !important;
}


body.nmbm-v21.dp-v22 .nav-link:hover {

  background:
    rgba(255,255,255,.055) !important;

  color:#FFF !important;
}


body.nmbm-v21.dp-v22 .nav-link.active {

  background:
    linear-gradient(
      135deg,
      #EC2937,
      #C61825
    ) !important;

  border-color:
    #F04652 !important;

  color:#FFF !important;

  box-shadow:
    0 5px 13px
    rgba(218,24,37,.24) !important;
}


body.nmbm-v21.dp-v22 .nav-link.active::after {

  display:none !important;
}


body.nmbm-v21.dp-v22 .nav-icon {

  display:grid !important;

  place-items:center;

  flex:
    0 0 21px !important;

  width:21px !important;
  height:21px !important;

  margin:0 !important;

  border-radius:6px !important;

  background:
    rgba(255,255,255,.045) !important;

  color:#BBC7CE !important;
}


body.nmbm-v21.dp-v22 .nav-icon svg {

  width:12px !important;
  height:12px !important;
}


body.nmbm-v21.dp-v22 .nav-link.active .nav-icon {

  background:
    rgba(255,255,255,.16) !important;

  color:#FFF !important;
}


body.nmbm-v21.dp-v22 .nav-divider {

  display:none !important;
}


/* =========================================================
   ACCOUNT FOOTER
   ========================================================= */

body.nmbm-v21.dp-v22 .sidebar-footer {

  position:static !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:5px;

  margin:
    3px 0
    0 !important;

  padding:
    7px 2px
    0 !important;

  border-top:
    1px solid
    rgba(255,255,255,.10) !important;

  background:
    transparent !important;
}


body.nmbm-v21.dp-v22 .sidebar-footer .user-chip {

  grid-column:
    1 / -1;

  display:grid !important;

  grid-template-columns:
    30px
    minmax(0,1fr);

  grid-template-rows:
    auto auto;

  column-gap:8px;

  align-items:center;

  padding:
    1px 2px
    5px !important;

  margin:0 !important;

  background:
    transparent !important;
}


body.nmbm-v21.dp-v22 .dp-avatar {

  grid-row:
    1 / 3;

  display:grid;

  place-items:center;

  width:30px;
  height:30px;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #F23A47,
      #C71623
    );

  color:#FFF;

  font-size:10px;

  font-weight:900;
}


body.nmbm-v21.dp-v22 .sidebar-footer .user-chip strong {

  align-self:end;

  color:#FFF;

  font-size:9.5px !important;
}


body.nmbm-v21.dp-v22 .sidebar-footer .user-chip span:not(.dp-avatar) {

  align-self:start;

  color:#8D9DA8;

  font-size:7.5px !important;
}


body.nmbm-v21.dp-v22 .sidebar-footer .small-link {

  display:flex !important;

  align-items:center;

  justify-content:center;

  min-height:25px;

  margin:0 !important;

  padding:
    4px 5px !important;

  border:
    1px solid
    #34414B !important;

  border-radius:6px !important;

  background:
    #1B262E !important;

  color:#C9D3DA !important;

  font-size:8px !important;

  font-weight:700 !important;
}


body.nmbm-v21.dp-v22 .sidebar-footer form {

  margin:0 !important;

  width:100%;
}


body.nmbm-v21.dp-v22 .sidebar-logout {

  height:25px !important;

  min-height:25px !important;

  margin:0 !important;

  padding:
    4px 5px !important;

  border:
    1px solid
    #493039 !important;

  border-radius:6px !important;

  background:
    #271B20 !important;

  color:#F0D9DB !important;

  font-size:8px !important;

  font-weight:750 !important;
}


body.nmbm-v21.dp-v22 .sidebar-logout:hover {

  background:
    var(--dp-red-dark) !important;

  border-color:
    var(--dp-red) !important;

  color:#FFF !important;
}


/* =========================================================
   MAIN WORKSPACE
   ========================================================= */

body.nmbm-v21.dp-v22 .main {

  padding:
    0 26px
    32px !important;

  background:
    linear-gradient(
      180deg,
      #F6F7F9 0%,
      #F3F5F7 100%
    );
}


/* =========================================================
   PAGE HEADER - CONSTRUCTION / EXECUTIVE STYLE
   ========================================================= */

body.nmbm-v21.dp-v22 .topbar {

  position:relative;

  min-height:102px !important;

  height:auto !important;

  overflow:hidden;

  margin:
    0 0
    18px !important;

  padding:
    17px 19px !important;

  border:
    1px solid
    var(--dp-border) !important;

  border-top:0 !important;

  border-radius:
    0 0
    13px 13px;

  background:
    linear-gradient(
      110deg,
      #FFF 0%,
      #FFF 58%,
      #F2F5F7 100%
    );

  box-shadow:
    0 6px 18px
    rgba(27,40,50,.05);
}


body.nmbm-v21.dp-v22 .topbar::before {

  content:"";

  position:absolute;

  top:0;
  right:-20px;

  width:46%;
  height:100%;

  background:

    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 18px,
      rgba(54,70,82,.05) 19px
    ),

    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 24px,
      rgba(54,70,82,.045) 25px
    );

  clip-path:
    polygon(
      22% 0,
      100% 0,
      100% 100%,
      0 100%
    );

  pointer-events:none;
}


body.nmbm-v21.dp-v22 .topbar::after {

  content:"";

  position:absolute;

  right:12%;
  top:-50px;

  width:43px;
  height:190px;

  transform:
    rotate(35deg);

  background:
    linear-gradient(
      180deg,
      rgba(227,29,43,.03),
      rgba(227,29,43,.72),
      rgba(227,29,43,.08)
    );

  pointer-events:none;
}


body.nmbm-v21.dp-v22 .topbar > * {

  position:relative;

  z-index:2;
}


body.nmbm-v21.dp-v22 .topbar h1 {

  color:
    var(--dp-dark) !important;

  font-size:28px !important;

  font-weight:850 !important;

  letter-spacing:-.6px !important;
}


body.nmbm-v21.dp-v22 .topbar .eyebrow {

  color:
    var(--dp-red) !important;

  font-size:8px !important;

  font-weight:900 !important;

  letter-spacing:1.6px !important;
}


body.nmbm-v21.dp-v22 .topbar-professional-subtitle strong {

  color:
    var(--dp-red) !important;
}


body.nmbm-v21.dp-v22 .topbar-right {

  padding:
    5px 8px;

  border:
    1px solid
    var(--dp-border);

  border-radius:20px;

  background:
    rgba(255,255,255,.88);

  font-size:0 !important;
}


/* =========================================================
   CARDS
   ========================================================= */

body.nmbm-v21.dp-v22 .card {

  border:
    1px solid
    var(--dp-border) !important;

  border-radius:10px !important;

  background:
    #FFF !important;

  box-shadow:
    0 2px 4px
    rgba(22,34,43,.018),
    0 7px 18px
    rgba(22,34,43,.04) !important;
}


body.nmbm-v21.dp-v22 .card.accent,
body.nmbm-v21.dp-v22 .card.success,
body.nmbm-v21.dp-v22 .card.warning,
body.nmbm-v21.dp-v22 .card.danger {

  border-top:
    1px solid
    var(--dp-border) !important;
}


body.nmbm-v21.dp-v22 .dp-action-panel {

  position:relative;

  overflow:hidden;
}


body.nmbm-v21.dp-v22 .dp-action-panel::before {

  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:3px;

  background:
    linear-gradient(
      180deg,
      #EE2B39,
      #B91522
    );
}


/* =========================================================
   KPI
   ========================================================= */

body.nmbm-v21.dp-v22 .dp-kpi {

  min-height:103px;

  position:relative;

  overflow:hidden;
}


body.nmbm-v21.dp-v22 .dp-kpi::after {

  content:"";

  position:absolute;

  right:-25px;
  bottom:-40px;

  width:100px;
  height:100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(227,29,43,.055),
      transparent 70%
    );
}


body.nmbm-v21.dp-v22 .metric-label {

  color:#73818C !important;

  font-size:9px !important;

  font-weight:850 !important;
}


body.nmbm-v21.dp-v22 .metric-value {

  color:
    var(--dp-dark) !important;

  font-size:26px !important;

  font-weight:860 !important;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

body.nmbm-v21.dp-v22 .section-head {

  margin:
    22px 0
    10px !important;

  padding:0 !important;

  border:0 !important;
}


body.nmbm-v21.dp-v22 .section-head h2 {

  color:
    var(--dp-dark) !important;

  font-size:17px !important;

  font-weight:830 !important;
}


body.nmbm-v21.dp-v22 .section-head h2::after,
body.nmbm-v21.dp-v22 .section-head h2::before {

  display:none !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

body.nmbm-v21.dp-v22 .btn {

  min-height:33px !important;

  border-radius:7px !important;

  padding:
    7px 11px !important;

  font-size:10px !important;

  font-weight:780 !important;

  box-shadow:none !important;
}


body.nmbm-v21.dp-v22 .btn.primary {

  background:
    linear-gradient(
      135deg,
      #EE2A38,
      #C41724
    ) !important;

  border-color:
    #AC1420 !important;

  color:#FFF !important;
}


body.nmbm-v21.dp-v22 .btn.success {

  background:#119552 !important;

  border-color:#0C8247 !important;
}


body.nmbm-v21.dp-v22 .btn.warning {

  background:#E39A18 !important;

  border-color:#C98210 !important;
}


body.nmbm-v21.dp-v22 .btn.danger {

  background:#C71925 !important;

  border-color:#AA121C !important;
}


body.nmbm-v21.dp-v22 .btn.ghost {

  background:#FFF !important;

  border-color:#CED8DF !important;

  color:#344652 !important;
}


/* =========================================================
   FORMS
   ========================================================= */

body.nmbm-v21.dp-v22 .field label {

  color:#586C7A !important;

  font-size:8px !important;

  font-weight:900 !important;

  letter-spacing:.65px !important;
}


body.nmbm-v21.dp-v22 input,
body.nmbm-v21.dp-v22 select,
body.nmbm-v21.dp-v22 textarea {

  min-height:35px;

  border:
    1px solid
    #CAD4DC !important;

  border-radius:7px !important;

  background:#FFF !important;
}


body.nmbm-v21.dp-v22 input:focus,
body.nmbm-v21.dp-v22 select:focus,
body.nmbm-v21.dp-v22 textarea:focus {

  border-color:
    var(--dp-red) !important;

  box-shadow:
    0 0 0 3px
    rgba(227,29,43,.08) !important;
}


/* =========================================================
   TABLE REGISTERS
   ========================================================= */

body.nmbm-v21.dp-v22 .dp-register {

  border:
    1px solid
    var(--dp-border) !important;

  border-radius:10px !important;

  background:#FFF !important;

  box-shadow:
    0 5px 15px
    rgba(22,34,43,.035) !important;
}


body.nmbm-v21.dp-v22 .table {

  font-size:10.5px !important;
}


body.nmbm-v21.dp-v22 .table th {

  padding:
    9px !important;

  background:
    #EFF2F4 !important;

  border-bottom:
    1px solid
    #D4DEE5 !important;

  color:#435560 !important;

  font-size:8px !important;

  font-weight:900 !important;
}


body.nmbm-v21.dp-v22 .table td {

  padding:
    9px !important;

  background:#FFF;

  border-bottom:
    1px solid
    #E9EEF2 !important;

  color:#314653 !important;
}


body.nmbm-v21.dp-v22 .table tbody tr:nth-child(even) td {

  background:#FAFBFC !important;
}


body.nmbm-v21.dp-v22 .table tbody tr:hover td {

  background:#FFF3F4 !important;
}


/* =========================================================
   BADGES
   ========================================================= */

body.nmbm-v21.dp-v22 .badge {

  border-radius:20px !important;

  padding:
    3px 7px !important;

  font-size:7.5px !important;
}


body.nmbm-v21.dp-v22 .badge.green,
body.nmbm-v21.dp-v22 .nmbm-status-good {

  background:#E9F8EF !important;

  border-color:#BDE5CD !important;

  color:#087E42 !important;
}


body.nmbm-v21.dp-v22 .badge.orange,
body.nmbm-v21.dp-v22 .badge.amber,
body.nmbm-v21.dp-v22 .nmbm-status-warning {

  background:#FFF5DE !important;

  border-color:#ECD59E !important;

  color:#9E6400 !important;
}


body.nmbm-v21.dp-v22 .badge.red,
body.nmbm-v21.dp-v22 .nmbm-status-danger {

  background:#FFE9EC !important;

  border-color:#F0B9BF !important;

  color:#B31521 !important;
}


body.nmbm-v21.dp-v22 .badge.blue,
body.nmbm-v21.dp-v22 .nmbm-status-info {

  background:#EDF5FA !important;

  border-color:#C7DCE9 !important;

  color:#326F99 !important;
}


/* =========================================================
   USER ADMIN SUMMARY
   ========================================================= */

body.nmbm-v21.dp-v22.route-admin-users .dp-admin-summary {

  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:10px;

  margin-bottom:12px;
}


body.nmbm-v21.dp-v22.route-admin-users .dp-admin-stat {

  position:relative;

  min-height:68px;

  padding:
    12px 14px;

  overflow:hidden;

  border:
    1px solid
    var(--dp-border);

  border-radius:9px;

  background:#FFF;

  box-shadow:
    0 4px 13px
    rgba(22,34,43,.03);
}


body.nmbm-v21.dp-v22.route-admin-users .dp-admin-stat::before {

  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:3px;

  background:
    var(--dp-red);
}


body.nmbm-v21.dp-v22.route-admin-users .dp-admin-stat span {

  display:block;

  color:#74828D;

  font-size:7.5px;

  font-weight:900;

  letter-spacing:.7px;
}


body.nmbm-v21.dp-v22.route-admin-users .dp-admin-stat strong {

  display:block;

  margin-top:5px;

  color:
    var(--dp-dark);

  font-size:22px;
}


/* =========================================================
   JOB CARDS
   ========================================================= */

body.nmbm-v21.dp-v22 .job-card-register-card {

  border:
    1px solid
    var(--dp-border) !important;

  border-radius:10px !important;

  background:#FFF !important;

  box-shadow:
    0 5px 15px
    rgba(22,34,43,.035) !important;
}


body.nmbm-v21.dp-v22 .job-card-register-card::before {

  background:
    linear-gradient(
      90deg,
      #E31D2B,
      #EF626C
    ) !important;
}


/* =========================================================
   AUTOMATION
   ========================================================= */

body.nmbm-v21.dp-v22 .automation-hero {

  border-left:
    3px solid
    var(--dp-red) !important;

  background:
    linear-gradient(
      135deg,
      #FFF,
      #F9FAFB
    ) !important;
}


/* =========================================================
   FORECAST
   ========================================================= */

body.nmbm-v21.dp-v22 .forecast-chart-line {

  stroke:
    var(--dp-red) !important;
}


body.nmbm-v21.dp-v22 .forecast-chart-dot {

  stroke:
    var(--dp-red) !important;
}


body.nmbm-v21.dp-v22 .forecast-chart-live {

  background:#FFF0F2 !important;

  border-color:#EEC3C7 !important;

  color:#A81924 !important;
}


/* =========================================================
   SHORTER SCREENS
   ========================================================= */

@media(max-height:850px) {

  body.nmbm-v21.dp-v22 .dp-full-logo {
    max-height:66px;
  }

  body.nmbm-v21.dp-v22 .dp-nav-title {
    height:9px;
    padding-bottom:1px;
    font-size:5.5px;
  }

  body.nmbm-v21.dp-v22 .dp-nav-group {
    margin-bottom:1px;
  }

  body.nmbm-v21.dp-v22 .nav-link {

    min-height:22px !important;
    height:22px;

    font-size:8.5px !important;
  }

  body.nmbm-v21.dp-v22 .nav-icon {

    flex-basis:18px !important;

    width:18px !important;
    height:18px !important;
  }

  body.nmbm-v21.dp-v22 .sidebar-footer .user-chip {

    padding-bottom:2px !important;
  }

  body.nmbm-v21.dp-v22 .sidebar-footer .small-link,
  body.nmbm-v21.dp-v22 .sidebar-logout {

    height:22px !important;
    min-height:22px !important;

    font-size:7px !important;
  }

}


/* =========================================================
   NMBM FINANCE v2.2
   FINAL PRODUCTION LAYOUT
   Fixed sidebar + independently flowing workspace
   ========================================================= */


/*
   This is now the ONLY layout authority.

   Sidebar = 205px fixed left column.
   Main = everything to the right of it.
*/


html,
body {

  margin:0 !important;

  width:100% !important;

  min-width:0 !important;

}


/* ---------------------------------------------------------
   APP SHELL

   Do NOT use grid/flex positioning here anymore.
   --------------------------------------------------------- */

body.nmbm-v21 .app-shell {

  display:block !important;

  position:relative !important;

  width:100% !important;

  min-width:0 !important;

  max-width:none !important;

  min-height:100vh !important;

  margin:0 !important;

  padding:0 !important;

  background:#F4F6F8 !important;

}


/* ---------------------------------------------------------
   SIDEBAR

   Completely independent of main content.
   --------------------------------------------------------- */

body.nmbm-v21 .sidebar {

  position:fixed !important;

  top:0 !important;
  left:0 !important;
  right:auto !important;
  bottom:auto !important;

  width:205px !important;

  min-width:205px !important;

  max-width:205px !important;

  height:100vh !important;

  margin:0 !important;

  transform:none !important;

  z-index:1000 !important;

  overflow:hidden !important;

  box-sizing:border-box !important;

}


/* ---------------------------------------------------------
   MAIN

   Starts precisely after the sidebar.
   --------------------------------------------------------- */

body.nmbm-v21 .main {

  display:block !important;

  position:relative !important;

  left:auto !important;
  right:auto !important;

  width:auto !important;

  min-width:0 !important;

  max-width:none !important;

  min-height:100vh !important;

  margin:
    0
    0
    0
    205px !important;

  padding:
    0
    10px
    28px !important;

  transform:none !important;

  box-sizing:border-box !important;

  background:
    linear-gradient(
      180deg,
      #F6F7F9,
      #F3F5F7
    ) !important;

}


/* ---------------------------------------------------------
   EVERYTHING INSIDE MAIN

   Allowed to use all remaining browser width.
   --------------------------------------------------------- */

body.nmbm-v21 .main > * {

  max-width:none !important;

  min-width:0 !important;

}


body.nmbm-v21 .topbar {

  width:100% !important;

  min-width:0 !important;

  max-width:none !important;

  margin-left:0 !important;
  margin-right:0 !important;

}


/* ---------------------------------------------------------
   GRIDS

   Prevent a child from increasing page width.
   --------------------------------------------------------- */

body.nmbm-v21 .grid,
body.nmbm-v21 .grid > *,
body.nmbm-v21 .card,
body.nmbm-v21 .attention-list,
body.nmbm-v21 .attention-list > *,
body.nmbm-v21 .forecast-grid,
body.nmbm-v21 .forecast-grid > *,
body.nmbm-v21 .kpi-strip,
body.nmbm-v21 .kpi-strip > * {

  min-width:0 !important;

}


/* ---------------------------------------------------------
   TABLES

   Keep oversized tables contained in their own register.
   Never allow a table to widen the entire application.
   --------------------------------------------------------- */

body.nmbm-v21 .table-wrap,
body.nmbm-v21 .dp-register {

  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

}


/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */

body.nmbm-v21 .form-grid,
body.nmbm-v21 .field {

  min-width:0 !important;

}


/* ---------------------------------------------------------
   SIDEBAR INTERNAL WIDTH

   Keep every sidebar component within the 205px column.
   --------------------------------------------------------- */

body.nmbm-v21 .sidebar .brand,
body.nmbm-v21 .sidebar nav,
body.nmbm-v21 .sidebar-footer {

  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  box-sizing:border-box !important;

}


body.nmbm-v21 .nav-link {

  max-width:100% !important;

  box-sizing:border-box !important;

}


/* ---------------------------------------------------------
   NO PAGE-LEVEL HORIZONTAL OVERFLOW
   --------------------------------------------------------- */

body.nmbm-v21 {

  overflow-x:hidden !important;

}


/* ---------------------------------------------------------
   PRINT
   --------------------------------------------------------- */

@media print {

  body.nmbm-v21 .sidebar {

    display:none !important;

  }


  body.nmbm-v21 .main {

    margin-left:0 !important;

    padding:0 !important;

    width:100% !important;

  }

}