.users-list {
}

.users-list .users-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.users-list table.users {
  border: 1px solid var(--border-color);
}

.users-list table.users th,
.users-list table.users td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  text-align: left;
}

.users-list table.users th:last-child,
.users-list table.users td:last-child {
  border-right: none;
}

.users-list table.users tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.03);
}

.user-view {
}

.w3-container.user-view {
  margin-top: 24px;
}

.user-view .section {
  margin-bottom: 32px;
}

.user-view .section h2 {
  margin: 0 !important;
  padding: 0 !important;
}

.user-view .section hr {
  margin: 8px 0;
}

.user-view .user-form {
  display: flex;
  flex-flow: nowrap column;
}

.user-view .user-form .field {
  margin-bottom: 12px;
  display: flex;
  flex-flow: nowrap column;
}

.user-view .user-form .field label {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}

.user-view .user-form .field input {
  height: 32px;
}

.user-view .user-form .form-actions {
  display: flex;
}

.user-view .user-form button[type="submit"] {
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
}

.user-view table.permissions-data {
  border: 1px solid var(--border-color);
}

.user-view table.permissions-data th,
.user-view table.permissions-data td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  text-align: left;
}

.user-view table.permissions-data th:last-child,
.user-view table.permissions-data td:last-child {
  border-right: none;
}

.user-view table.permissions-data tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.03);
}

.user-view code {
  padding: 2px 4px;
  background: var(--border-color);
  border-radius: 4px;
}