.ucb-rails-users-table-header {
  margin-top: 16px;
margin-bottom: 8px; }

.ucb-rails-users-table-header a {
margin-top: 0px; }

.ucb-rails-users-table-header form {
  display: flex !important;
  gap: 15px;
  align-items: center;
  flex-direction: row;
}

.ucb-rails-users-table-header form span,
.ucb-rails-users-table-header form select,
.ucb-rails-users-table-header form input {
  vertical-align: middle;
}

table.ucb-rails-users-table {
  border-spacing: 0px;
  margin-top: 8px;
}

table.ucb-rails-users-table th {
  border: 1px solid #dee2e6;
  padding: 10px;
  margin: 0px;
}

table.ucb-rails-users-table td {
  text-align: center;
  padding: 10px;
}

table.ucb-rails-users-table tr:nth-child(even) {
  background-color: #00000011;
}


h1 {
  font-size: 2.5rem;
}

.btn {
  @apply font-bold py-2 px-4 rounded;
}
.btn-blue {
  @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded text-white;
}

.btn-danger {
  @apply bg-blue-500 text-white;
}

.ucb-rails-user > nav.pagy {
  margin-top: 10px;
  padding: 5px;
}

.ucb-rails-user > nav.pagy a {
  padding: 5px;
  border: 1px solid #99b;
  padding-left: 10px;
  padding-right: 10px;
}

.user_sort {
  text-decoration: none;
  color: inherit;
}

.user_form_container {
  margin-top: 10px;
  overflow: auto;
  margin-bottom: 10px;
  vertical-align: middle;
}

.user_form_base_style {
  display: flex; 
  gap: 10px;
  align-items:
  center; flex-grow: 1;
}

.user_form_return_count {
  float: left; 
  padding-right: 15px;
}

.user_form_search_box {
  float: left;
}

.user_form_add_user_link {
  float: right;
}

.user_turbo_frame_users {
  margin-bottom: 10px;
}