html, body { height:100%; background:#121212; color:#fff; }
    /* Login BG overlay */
    .login-bg::before{
      content:""; position:absolute; inset:0; background:rgba(0,0,0,.45);
    }
    
/* Loader overlay */
#loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(18, 18, 18, .82);
  z-index: 10;
  font-weight: 700;
  transition: opacity .5s ease;
}
#loader.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Sidebar transition */
#sidebar {
  transition: all 0.3s ease;
}
.sidebar-collapsed #sidebar {
  width: 0;
  padding: 0;
  overflow: hidden;
  border: none;
}
.sidebar-collapsed main {
  width: 100% !important;
}

    .shadow-deep{ box-shadow: 0 25px 60px rgba(0,0,0,.45); }
    .iframe-wrap{ height: 100%; }
    @media (max-width: 768px){
      .iframe-wrap{ height: calc(100vh - 56px - 56px); }
    }
    .no-scrollbars::-webkit-scrollbar{ display:none; }
    .no-scrollbars{ -ms-overflow-style: none; scrollbar-width: none; }

    #popupNotice{
      position: fixed; left:50%; top: 50%; transform: translate(-50%,-50%);
      z-index: 1000; display:none;
    }