.table-condensed{
  font-size: 8px;
}

.mobile-menu-toggle {
  display:none;
}
.mobile-menu-overlay {
  display:none;
}
.mobile-menu-content[hidden] {
  display: block !important;
}

.btn-toolbar .btn {
  width: 250px;
  margin-left: 5px;
  margin-bottom: 5px;
}

.dropdown-menu{
  max-height: 50vh;
  overflow: auto;
}

@media (max-width: 855px) {
  .sticky-top {
    position: relative;
  }

  .btn-toolbar .btn {
    width: 20rem;
    margin-top: 5px;
  }
  .mobile-menu-toggle[hidden] {
    --y: 200%;
  }
  .mobile-menu-toggle {
      --x: -50%;
      --y: 0;
      --z: 0;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      justify-content: space-between;
      z-index: 105;
      position: fixed;
      bottom: 30px;
      left: 30%;
      -webkit-transform: translate3d(var(--x), var(--y), var(--z));
      transform: translate3d(var(--x), var(--y), var(--z));
      cursor: pointer;
      z-index: 105;
      -webkit-transition: 0.15s cubic-bezier(0.33, 1, 0.53, 1);
      transition: 0.15s cubic-bezier(0.33, 1, 0.53, 1);
  }
  .mobile-menu-overlay {
    display: block;
    width: 100%;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .mobile-menu-overlay[hidden] {
      display: none;
  }
  .mobile-menu-content{
      --x: 0;
      --y: 0;
      --z: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 10px;
      padding:30px;
      border: 1px black;
      -webkit-transform: translate3d(var(--x), var(--y), var(--z));
      transform: translate3d(var(--x), var(--y), var(--z));
      -webkit-transition: 0.2s cubic-bezier(0.33, 1, 0.53, 1);
      transition: 0.2s cubic-bezier(0.33, 1, 0.53, 1);
      z-index: 105;
      background-color: white;
  }
  .mobile-menu-content[hidden] {
      --y: 150%;
  }
  body {
    font-size: 1.1rem;
  }
  .btn {
    font-size:1.1rem;
  }
  table {
    display: block;
  }
  thead {
    display: none;
  }
  tbody {
    display: table;
  }
  tr {
    display: table-row-group;
  }
    tr:nth-child(odd) {
      background-color: #f9f9f9; /* optional */
    }
  .table td {
    border: none;
    display: table-row;
  }
    td:before,
    td > span {
      display: table-cell;
      padding: 7px 13px; /* optional */
    }
    td:before {
      content: attr(data-label);
      font-weight: 600; /* optional */
    }
    td:not(.align-start) > span {
      vertical-align: middle; /* optional */
    }
}