:root{
  --n-bg:#071428;
  --n-bg2:#0b1d36;
  --n-card:#102a4c;
  --n-line:#1d4e89;
  --n-text:#e8f2ff;
}
html,body,body.bg-dark{
  background:#071428!important;
  color:#e8f2ff!important;
}
html,body,*{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(126,182,255,.07) transparent!important;
}
*::-webkit-scrollbar{
  width:4px!important;
  height:4px!important;
  background:transparent!important;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-corner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
*::-webkit-scrollbar-thumb{
  background:rgba(126,182,255,.08)!important;
  border:0!important;
  border-radius:99px!important;
  box-shadow:none!important;
}
*::-webkit-scrollbar-thumb:hover{
  background:rgba(126,182,255,.32)!important;
}
*::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}
.nl-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(900px 500px at 12% -10%,#1d4e89aa,transparent 60%),#061224;
}
.neural-card{
  position:relative;z-index:2;
  background:#102a4c;
  border:1px solid #2a5080;
  border-radius:22px;
  padding:28px 26px 24px;
}
.neural-card h1{margin:0 0 8px;color:#fff}
.neural-lead{color:#9bb4d4;font-size:14px}

#mainNav,#mainNav.navbar,#mainNav.bg-dark{
  background:#0a1b34!important;
}
.navbar-brand,.navbar-dark .navbar-brand{color:#fff!important}
.navbar-dark .navbar-nav .nav-link{color:#d7e8ff!important}
.navbar-sidenav{background:#0a1b34!important}
.navbar-sidenav img,.navbar-brand img{display:none!important}

.content-wrapper{
  background:#0b1d36!important;
  color:#e8f2ff!important;
}
.card,.card.mb-3{
  background:#102a4c!important;
  color:#e8f2ff!important;
  border-color:#1d4e89!important;
}
.card-header,.card-body,.card-footer{
  background:#0e2748!important;
  color:#e8f2ff!important;
  background-image:none!important;
}
.table-responsive,.dataTables_wrapper{
  background:#0e2748!important;
  color:#e8f2ff!important;
}
.table,.table th,.table td,table.dataTable,table.dataTable th,table.dataTable td{
  color:#e8f2ff!important;
  border-color:#1d4e89!important;
}
.table thead th,table.dataTable thead th{
  background:#12325a!important;
  color:#fff!important;
}
.table tbody td,table.dataTable tbody td{
  background:#0e2748!important;
}
select,input[type=text],input[type=password],input[type=search],textarea,.form-control{
  background:#071831!important;
  color:#f3f8ff!important;
  border:1px solid #2a5080!important;
}
.btn,.btn-primary,input[type=submit],input[type=button],button.btn{
  background:rgba(47,125,255,.35)!important;
  border:1px solid rgba(126,182,255,.35)!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:none!important;
  min-height:32px;
  padding:6px 12px!important;
}
.btn:hover,.btn-primary:hover,input[type=submit]:hover{
  background:rgba(47,125,255,.55)!important;
  color:#fff!important;
}
.btn-danger{background:rgba(220,70,90,.4)!important;border-color:rgba(255,140,150,.35)!important}
.modal.show,.modal.in{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  padding:10px!important;
}
.modal-dialog{
  margin:8px auto!important;
  max-width:calc(100vw - 20px)!important;
}
.modal-content{
  background:#0e2748!important;
  color:#e8f2ff!important;
  border:1px solid #1d4e89!important;
  max-height:calc(100vh - 16px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-header,.modal-body,.modal-footer{
  background:#0e2748!important;
  color:#e8f2ff!important;
  border-color:#1d4e89!important;
}
.modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;flex:1 1 auto!important}
.modal-footer{background:#0c203c!important}
.modal-header{background:linear-gradient(120deg,#0a1b34,#12325a)!important}
.modal-title,.modal-header .close{color:#fff!important;text-shadow:none}
.modal-content .table,.modal-content .table td,.modal-content .table th,
.modal-content .table-bordered,.modal-content .table-bordered td{
  background:transparent!important;
  color:#e8f2ff!important;
  border-color:#1d4e89!important;
}
select option{background:#0a1b34;color:#e8f2ff}
a{color:#7eb6ff}

footer.sticky-footer{
  display:none!important;
}
body.sticky-footer{margin-bottom:0!important}

/* Pagination: only inside DataTables — no square frames */
.dataTables_wrapper .dataTables_paginate{
  background:transparent!important;
}
.dataTables_wrapper .dataTables_paginate .pagination{
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  background:transparent!important;
  border:0!important;
}
.dataTables_wrapper .dataTables_paginate .page-item,
.dataTables_wrapper .dataTables_paginate .paginate_button{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0!important;
}
.dataTables_wrapper .dataTables_paginate .page-link,
.dataTables_wrapper .dataTables_paginate a.page-link{
  min-width:28px!important;
  height:28px!important;
  padding:0 10px!important;
  line-height:26px!important;
  font-size:11px!important;
  font-weight:600!important;
  border-radius:8px!important;
  border:1px solid rgba(126,182,255,.25)!important;
  background:rgba(16,42,76,.35)!important;
  color:#d7e8ff!important;
  outline:0!important;
  box-shadow:none!important;
}
.dataTables_wrapper .dataTables_paginate .page-item:first-child .page-link,
.dataTables_wrapper .dataTables_paginate .page-item:last-child .page-link{
  border-radius:8px!important;
}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link{
  background:rgba(47,125,255,.8)!important;
  border-color:rgba(126,182,255,.45)!important;
  color:#fff!important;
}
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link{
  opacity:.4;
  background:rgba(16,42,76,.2)!important;
}
.dataTables_wrapper .dataTables_paginate .page-link:hover{
  background:rgba(47,125,255,.32)!important;
  color:#fff!important;
}

.neural-help-btn{
  position:fixed;right:16px;bottom:16px;z-index:1080;
  width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:#2f7dff;color:#fff;font-size:22px;font-weight:800;
}
.neural-help-panel{
  position:fixed;right:16px;bottom:76px;z-index:1080;width:min(360px,calc(100vw - 24px));
  background:#0e2748;border:1px solid #2a5080;border-radius:16px;padding:16px;color:#e8f2ff;display:none;
}
.neural-help-panel.is-open{display:block}
.neural-help-panel .neural-help-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#9bb4d4;font-size:20px;cursor:pointer}

.vz-col-nitro{display:none!important}

@media (max-width:991px){
  .content-wrapper{margin-left:0!important}
  .card-header select{max-width:100%}
}

/* Soft glass: menos cajas duras, mas tinte tenue */
html,body,body.bg-dark{
  background:
    radial-gradient(900px 420px at 8% -8%,rgba(47,125,255,.18),transparent 55%),
    radial-gradient(700px 380px at 110% 10%,rgba(80,180,255,.08),transparent 50%),
    #071428!important;
}
.content-wrapper{
  background:transparent!important;
}
#mainNav,#mainNav.navbar,#mainNav.bg-dark{
  background:rgba(8,22,46,.78)!important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(126,182,255,.12)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.navbar-sidenav{
  background:rgba(8,22,46,.72)!important;
  border-right:1px solid rgba(126,182,255,.1)!important;
}
#mainNav .navbar-sidenav > .nav-item > .nav-link,
#mainNav .navbar-sidenav .sidenav-second-level > li > a{
  border-radius:12px!important;
  margin:3px 8px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#mainNav .navbar-sidenav > .nav-item > .nav-link:hover,
#mainNav .navbar-sidenav .sidenav-second-level > li > a:hover{
  background:rgba(47,125,255,.16)!important;
  border-color:rgba(126,182,255,.22)!important;
  color:#fff!important;
}
#mainNav .navbar-sidenav a.n-nav-on,
#mainNav .navbar-sidenav .nav-item.active > .nav-link,
#mainNav .navbar-sidenav li.active > a{
  background:linear-gradient(90deg,rgba(47,125,255,.32),rgba(47,125,255,.08))!important;
  border-color:rgba(126,182,255,.28)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(126,182,255,.12),0 6px 16px rgba(47,125,255,.12);
}
.card,.card.mb-3{
  background:rgba(16,42,76,.62)!important;
  border:1px solid rgba(126,182,255,.16)!important;
  border-radius:16px!important;
  box-shadow:0 12px 36px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}
.card-header,.card-body,.card-footer{
  background:transparent!important;
  border-color:rgba(126,182,255,.1)!important;
}
.table,.table th,.table td,table.dataTable,table.dataTable th,table.dataTable td{
  border-color:rgba(126,182,255,.12)!important;
}
.table thead th,table.dataTable thead th{
  background:rgba(18,50,90,.55)!important;
}
.table tbody td,table.dataTable tbody td{
  background:#0e2748!important;
  color:#e8f2ff!important;
}
.table-responsive,.dataTables_wrapper{
  background:transparent!important;
}
select,input[type=text],input[type=password],input[type=search],textarea,.form-control{
  background:rgba(7,24,49,.72)!important;
  border:1px solid rgba(126,182,255,.22)!important;
  border-radius:10px!important;
}
select:focus,input:focus,textarea:focus,.form-control:focus{
  border-color:rgba(126,182,255,.45)!important;
  box-shadow:0 0 0 3px rgba(47,125,255,.16)!important;
  outline:0!important;
}
.modal-content{
  background:rgba(14,39,72,.88)!important;
  border:1px solid rgba(126,182,255,.2)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.4);
  backdrop-filter:blur(12px);
}
.modal-header,.modal-body,.modal-footer{
  background:transparent!important;
  border-color:rgba(126,182,255,.12)!important;
}
.modal-header{
  background:linear-gradient(120deg,rgba(10,27,52,.9),rgba(29,78,137,.55))!important;
  border-radius:18px 18px 0 0!important;
}
.modal-footer{background:rgba(8,22,46,.45)!important}

/* Tooltips: pastilla de cristal, sin marco cuadrado */
.tooltip,.tooltip.show,.navbar-sidenav-tooltip,.navbar-sidenav-tooltip.show{
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.tooltip-inner{
  background:rgba(10,27,52,.86)!important;
  color:#e8f2ff!important;
  border:1px solid rgba(126,182,255,.28)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  padding:6px 11px!important;
  font-size:12px!important;
  font-weight:700!important;
  backdrop-filter:blur(8px);
}
.tooltip .arrow,.tooltip .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before,
.tooltip.right .tooltip-arrow{
  border-right-color:rgba(10,27,52,.86)!important;
}
.tooltip.left .tooltip-arrow{border-left-color:rgba(10,27,52,.86)!important}
.tooltip.top .tooltip-arrow{border-top-color:rgba(10,27,52,.86)!important}
.tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(10,27,52,.86)!important}

.neural-help-panel{
  background:rgba(14,39,72,.9)!important;
  border:1px solid rgba(126,182,255,.22)!important;
  backdrop-filter:blur(10px);
}
.neural-help-btn{
  background:linear-gradient(145deg,#2f7dff,#1d4e89)!important;
  box-shadow:0 8px 20px rgba(47,125,255,.28);
}

/* Tablas: nunca fondo blanco / texto ilegible (bgcolor, DataTables, Bootstrap) */
.content-wrapper table,
.content-wrapper .table,
.content-wrapper table.dataTable,
.container-fluid table,
.card table{
  background:transparent!important;
  color:#e8f2ff!important;
}
.content-wrapper table tr,
.content-wrapper .table tr,
.content-wrapper table.dataTable tbody tr,
.content-wrapper table.dataTable tbody tr.odd,
.content-wrapper table.dataTable tbody tr.even,
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even),
.table-hover tbody tr:hover,
tr[bgcolor],
tr[bgcolor="#DFDFDF"],
tr[bgcolor="#F1F3F3"],
tr[bgcolor="#FFFFFF"],
tr[bgcolor="#ffffff"],
tr[bgcolor="#fff"]{
  background:#0e2748!important;
  background-color:#0e2748!important;
  color:#e8f2ff!important;
}
.content-wrapper table tbody tr:nth-child(even),
.content-wrapper .table tbody tr:nth-child(even),
.content-wrapper table.dataTable tbody tr.even{
  background:#12325a!important;
  background-color:#12325a!important;
}
.content-wrapper table th,
.content-wrapper table td,
.content-wrapper .table th,
.content-wrapper .table td,
.content-wrapper table.dataTable th,
.content-wrapper table.dataTable td,
.content-wrapper table.dataTable tbody tr.odd td,
.content-wrapper table.dataTable tbody tr.even td,
.content-wrapper table.dataTable td.sorting_1,
.content-wrapper table.dataTable tr.odd td.sorting_1,
.content-wrapper table.dataTable tr.even td.sorting_1,
tr[bgcolor] td,tr[bgcolor] th{
  background:inherit!important;
  color:#e8f2ff!important;
  border-color:rgba(126,182,255,.14)!important;
}
.content-wrapper table thead th,
.content-wrapper .table thead th,
.content-wrapper table.dataTable thead th{
  background:#12325a!important;
  color:#fff!important;
}
.content-wrapper table tbody tr:hover,
.content-wrapper table tbody tr:hover td,
.content-wrapper .table tbody tr:hover td,
.content-wrapper table.dataTable tbody tr:hover,
.content-wrapper table.dataTable tbody tr:hover td{
  background:#18406f!important;
  color:#fff!important;
}
.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,
.content-wrapper h4,.content-wrapper h5,.content-wrapper p,
.content-wrapper label,.content-wrapper b,.content-wrapper strong{
  color:#e8f2ff;
}
.content-wrapper .bg-white,
.content-wrapper .table-light,
.content-wrapper .table-white,
.content-wrapper .list-group-item,
.content-wrapper .well,
.content-wrapper .jumbotron,
.content-wrapper .panel,
.content-wrapper .panel-body,
.content-wrapper .panel-default{
  background:#0e2748!important;
  color:#e8f2ff!important;
  border-color:#1d4e89!important;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label{
  color:#9bb4d4!important;
}

/* Nagel credit-balance (header tel.neural-ia.mx) */
.nagel-bal-wrap{position:relative}
.nagel-bal-ico{display:flex!important;align-items:center;gap:6px}
.nagel-bal-pill{
  font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;
  background:#1d4e89;color:#e8f2ff;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.nagel-bal-pill.is-favor{background:#146c43;color:#d1f7e3}
.nagel-bal-pill.is-contra{background:#842029;color:#f8d7da}
.nagel-bal-pill.is-cero{background:#495057;color:#f1f3f5}
.nagel-bal-pop{
  position:absolute;right:0;top:calc(100% + 8px);width:480px;max-width:92vw;z-index:2050;
  background:#0e2748;color:#e8f2ff;border:1px solid #1d4e89;border-radius:8px;
  box-shadow:0 12px 32px rgba(0,0,0,.45)
}
.nagel-bal-pop[hidden]{display:none!important}
.nagel-bal-pop:before{
  content:"";position:absolute;right:18px;top:-7px;border:7px solid transparent;border-bottom-color:#c5d4e6;border-top-width:0
}
.nagel-bal-hd{background:#c5d4e6;color:#333;font-weight:600;padding:8px 12px;border-radius:8px 8px 0 0}
.nagel-bal-bd{padding:12px}
.nagel-bal-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #1d4e89;white-space:nowrap}
.nagel-bal-ttl{white-space:nowrap;flex:0 0 auto}
.n-sol{font-size:12px;font-weight:700;letter-spacing:-.02em;display:inline-block;min-width:1.4em;text-align:center}
@media (min-width:992px){
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item > .nav-link{
    margin:2px 2px!important;
    padding:.55rem .2rem!important;
  }
  body.sidenav-toggled .navbar-sidenav,
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item,
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item > .nav-link{
    width:55px!important;
  }
  body:not(.sidenav-toggled) .navbar-sidenav,
  body:not(.sidenav-toggled) #mainNav .navbar-sidenav > .nav-item,
  body:not(.sidenav-toggled) #mainNav .navbar-sidenav > .nav-item > .nav-link{
    width:250px!important;
  }
  body:not(.sidenav-toggled) .content-wrapper{
    margin-left:250px!important;
  }
  #mainNav.fixed-top .sidenav-toggler{
    z-index:1045!important;
    pointer-events:auto!important;
  }
  #sidenavToggler{
    cursor:pointer!important;
    pointer-events:auto!important;
    min-height:48px;
    display:flex!important;
    align-items:center;
    justify-content:center;
  }
}
.nagel-bal-sum{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;font-size:12px;color:#9bb4d4}
.nagel-bal-sum b{color:#e8f2ff}
.nagel-bal-tbl{width:100%;font-size:12px;border-collapse:collapse}
.nagel-bal-tbl th,.nagel-bal-tbl td{padding:4px 5px;border-bottom:1px solid #1d4e89;text-align:right}
.nagel-bal-tbl th:first-child,.nagel-bal-tbl td:first-child{text-align:left}
.nagel-bal-ft{margin-top:8px;font-size:11px;color:#7a93b3}
.nagel-bal-amt-favor{color:#75e0a8}
.nagel-bal-amt-contra{color:#ff8a8a}
#mainNav .navbar-nav.ml-auto{flex-wrap:nowrap}
.card-header,.card-header form,.card-header p,.card-header b,.card-header div[align]{
  white-space:nowrap
}
.card-header{overflow-x:auto}

/* ===== Sidenav: iconos y textos en una sola linea, sin solapes ===== */
#mainNav .navbar-sidenav > .nav-item > .nav-link,
#mainNav .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-sidenav .sidenav-third-level > li > a{
  display:flex!important;
  align-items:center!important;
  gap:10px;
  box-sizing:border-box!important;
  min-height:42px;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  outline:0!important;
}
#mainNav .navbar-sidenav > .nav-item > .nav-link:focus,
#mainNav .navbar-sidenav .sidenav-second-level > li > a:focus{
  outline:0!important;
  box-shadow:none!important;
}
#mainNav .navbar-sidenav .fa-fw,
#mainNav .navbar-sidenav .n-sol{
  flex:0 0 22px;
  width:22px;
  min-width:22px;
  text-align:center;
  line-height:1!important;
}
#mainNav .navbar-sidenav .nav-link-text{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
#mainNav .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-sidenav .sidenav-third-level{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 0 6px!important;
  list-style:none!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
  left:auto!important;
  top:auto!important;
}
#mainNav .navbar-sidenav .sidenav-second-level > li,
#mainNav .navbar-sidenav .sidenav-third-level > li{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
}
#mainNav .navbar-sidenav .sidenav-second-level > li > a{
  margin:2px 8px 2px 18px!important;
  padding:.55rem .75rem!important;
  font-size:13px!important;
}
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after{
  float:none!important;
  margin-left:auto;
  flex:0 0 14px;
}

/* Escritorio colapsado: solo iconos. NUNCA el flyout de 250px encima del contenido */
@media (min-width:992px){
  body.sidenav-toggled .navbar-sidenav .sidenav-second-level,
  body.sidenav-toggled .navbar-sidenav .sidenav-third-level{
    display:none!important;
  }
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item > .nav-link{
    justify-content:center;
    gap:0;
    margin:2px 4px!important;
    padding:.55rem 0!important;
  }
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-link-text{
    display:none!important;
  }
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler,
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler > .nav-item,
  body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link{
    width:55px!important;
  }
  body:not(.sidenav-toggled) #mainNav.fixed-top .sidenav-toggler,
  body:not(.sidenav-toggled) #mainNav.fixed-top .sidenav-toggler > .nav-item,
  body:not(.sidenav-toggled) #mainNav.fixed-top .sidenav-toggler .nav-link{
    width:250px!important;
  }
  #mainNav.fixed-top .sidenav-toggler{
    background:rgba(8,22,46,.92)!important;
    border-right:1px solid rgba(126,182,255,.1)!important;
    border-top:1px solid rgba(126,182,255,.1)!important;
  }
  #mainNav.fixed-top .navbar-sidenav{
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}

/* Celular: lista completa, sin sidebar de 55px ni textos cortados */
@media (max-width:991.98px){
  #mainNav.navbar{padding:.35rem .65rem!important;min-height:52px}
  #mainNav .navbar-brand{
    max-width:calc(100vw - 88px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:15px!important;
  }
  #mainNav .navbar-collapse{
    max-height:calc(100vh - 56px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    width:100%!important;
    margin:0 -.65rem;
    padding:.2rem .65rem .8rem;
    background:rgba(8,22,46,.96)!important;
  }
  #mainNav .navbar-sidenav,
  #mainNav .navbar-collapse .navbar-sidenav,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link,
  body.sidenav-toggled #mainNav .navbar-sidenav,
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item,
  body.sidenav-toggled #mainNav .navbar-sidenav > .nav-item > .nav-link{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-link-text,
  #mainNav .navbar-sidenav .nav-link-text{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-item,
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-link,
  body.sidenav-toggled #mainNav .navbar-sidenav .sidenav-second-level > li{
    width:100%!important;
    max-width:100%!important;
  }
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-item:after,
  body.sidenav-toggled #mainNav .navbar-sidenav .nav-link:after,
  #mainNav .navbar-sidenav .nav-link-collapse:after{
    display:inline-block!important;
  }
  .navbar-sidenav-tooltip,
  .tooltip.navbar-sidenav-tooltip{display:none!important}
  #mainNav .navbar-sidenav .sidenav-second-level,
  #mainNav .navbar-sidenav .sidenav-third-level,
  body.sidenav-toggled #mainNav .navbar-sidenav .sidenav-second-level,
  body.sidenav-toggled #mainNav .navbar-sidenav .sidenav-third-level{
    display:block;
    position:static!important;
    width:100%!important;
    background:rgba(7,24,49,.45)!important;
    border-radius:10px;
    margin:0 0 6px!important;
  }
  #mainNav .navbar-sidenav .sidenav-second-level:not(.show),
  #mainNav .navbar-sidenav .sidenav-third-level:not(.show){
    display:none!important;
  }
  #mainNav .navbar-sidenav .sidenav-second-level.show,
  #mainNav .navbar-sidenav .sidenav-third-level.show,
  #mainNav .navbar-sidenav .sidenav-second-level.collapse.show{
    display:block!important;
  }
  #mainNav .navbar-sidenav .sidenav-second-level > li > a{
    margin:2px 8px!important;
    padding:.7rem .8rem!important;
    white-space:normal!important;
  }
  #mainNav .navbar-collapse .sidenav-toggler{display:none!important}
  #mainNav .navbar-nav.ml-auto{
    flex-direction:column;
    flex-wrap:wrap!important;
    width:100%;
    border-top:1px solid rgba(126,182,255,.12);
    margin-top:.4rem;
    padding-top:.35rem;
  }
  .content-wrapper{
    margin-left:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .nagel-bal-pop{width:min(480px,calc(100vw - 16px));right:-8px}
  .card-header,.card-header form,.card-header p,.card-header b,.card-header div[align]{
    white-space:normal
  }
}