/* Shared responsive overrides for Bootstrap 3 pages. */
/*@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
  }

  body {
    overflow-x: hidden;
  }

  #content,
  .hbox,
  .vbox,
  .panel,
  .panel-body {
    min-width: 0;
    max-width: 100%;
  }

  .scrollable,
  .table-responsive,
  .fixed-table-container,
  .fixed-table-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive,
  .bootstrap-table,
  .fixed-table-container {
    width: 100% !important;
    max-width: 100%;
  }

  .padder,
  .padder-md,
  .padder-lg {
    padding-right: 10px;
    padding-left: 10px;
  }

  .wrapper-md,
  .wrapper-lg,
  .wrapper-xl {
    padding: 15px;
  }

  img,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }

  img,
  video,
  canvas {
    height: auto;
  }

  .form-control,
  .input-group,
  .input-s-sm,
  .input-s,
  .input-s-lg,
  .chosen-container,
  .select-tree {
    max-width: 100%;
  }

  .chosen-container {
    width: 100% !important;
  }

  .text-center > .input-group {
    display: inline-flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .text-center > .input-group > .input-group-btn {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    white-space: normal;
  }

  .text-center > .input-group > .input-group-btn > .btn-group {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .tab-panel .panel-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }*/

  /* The top-layout variants hide their only navigation with hidden-xs.
     Expose it as a horizontally scrollable menu on phones. */
  /*.nav-h .nav-primary.hidden-xs,
  .nav-column .nav-primary.hidden-xs {
    display: block !important;
  }

  .nav-h,
  .nav-column,
  .kuaijienav {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nav-column {
    display: block;
  }

  .nav-column .body {
    height: auto;
  }

  .nav-h .nav-primary > .nav,
  .nav-column .nav-primary > .nav,
  .kuaijienav > .nav-tabs {
    display: flex;
    width: max-content;
    min-width: 100%;
    flex-wrap: nowrap;
  }

  .nav-h .nav-primary > .nav > li,
  .nav-column .nav-primary > .nav > li,
  .kuaijienav > .nav-tabs > li {
    float: none !important;
    flex: 0 0 auto;
  }

  .bootstrap-table .fixed-table-toolbar .bs-bars,
  .bootstrap-table .fixed-table-toolbar .search,
  .bootstrap-table .fixed-table-toolbar .columns {
    float: none !important;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .bootstrap-table .fixed-table-toolbar .search .form-control {
    width: 100%;
  }

  .bootstrap-table .fixed-table-pagination > .pagination-detail,
  .bootstrap-table .fixed-table-pagination > .pagination {
    float: none !important;
    width: 100%;
    text-align: center;
  }

  .pagination {
    max-width: 100%;
    white-space: normal;
  }

  .dropdown-menu {
    max-width: calc(100vw - 20px);
  }

  .alert-wrapper {
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
  }*/

  /* Page content is transformed while the mobile nav is open. These high
     layers keep the body-level modal above both navigation and backdrop. */
  /*.modal {
    z-index: 10000001;
  }

  .modal-backdrop {
    z-index: 10000000;
  }

  .modal-dialog {
    width: auto !important;
    max-width: calc(100% - 20px);
    margin: 10px;
  }

  .modal-content {
    display: flex;
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    flex-direction: column;
  }

  .modal-header,
  .modal-footer {
    flex: 0 0 auto;
  }

  .modal-body {
    min-height: 0;
    max-height: calc(100vh - 130px) !important;
    max-height: calc(100dvh - 130px) !important;
    flex: 1 1 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal.modal-right .modal-dialog,
  .modal.modal-left .modal-dialog,
  .modal.modal-center .modal-dialog {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
  }

  .modal.modal-right .modal-dialog .modal-content,
  .modal.modal-left .modal-dialog .modal-content,
  .modal.modal-center .modal-dialog .modal-content {
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
  }

  .tab-panel.col-xs-4 {
    width: 100%;
  }
}*/