/* Keep the existing admin sidebar and content inside the mobile viewport. */
.admin-mobile-close { display: none; }
@media (max-width: 767px) {
  .admin-mobile-close { display: block; position: absolute; top: 8px; right: 8px; z-index: 1001; }
  #wrapper { padding-left: 0; }
  #wrapper.toggled { padding-left: 0; }
  #page-content-wrapper,
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    width: 100%;
    margin-right: 0;
    padding: 10px;
  }
  #sidebar-wrapper { width: 0; z-index: 1100; }
  #wrapper.toggled #sidebar-wrapper { width: 250px; }
  #page-content-wrapper .navbar { margin-left: 0; margin-right: 0; }
  #page-content-wrapper .navbar > .container-fluid { display: flex; align-items: flex-start; padding: 0; }
  #page-content-wrapper .navbar-header { float: none; flex: 0 0 50px; margin: 0; }
  #page-content-wrapper .navbar-header .navbar-brand { margin: 0; }
  #page-content-wrapper .navbar-right { margin: 0; flex: 1; min-width: 0; }
  #page-content-wrapper .navbar-right > li { width: auto; }
  #page-content-wrapper .navbar-right > li > a { overflow-wrap: break-word; }
  #page-content-wrapper .panel-heading h3 { overflow-wrap: break-word; }
}