#users-index-wrapper {
  .card-body {
    padding: 2rem 2.25rem !important;

    > .row {
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-gap: 16px;

      > div {
        width: 100% !important;
      }
    }
  }
}

#users-index {
  margin-top: 0 !important;

  tbody {
    border-top: 0;
  }

  th,
  td {
    background-color: #fdfcfb !important;
    border-right: 0 !important;
    color: #333 !important;
  }
}

@media (max-width: 1200px) {
  #users-index-wrapper {
    .card-body {
      > .row {
        grid-template-columns: 1fr;
      }
    }
  }
}