/* Styles for interactive admin components shared across the application */

.user-selection {
  position: relative;
}

.user-selection .list-group {
  max-height: 280px;
  overflow-y: auto;
}

.user-selection .form-control[data-user-search] {
  padding-right: 2.5rem;
}

.user-selection-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1030;
}

.permission-list {
  max-height: 320px;
  overflow-y: auto;
}

.permission-item {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.permission-item:hover {
  background-color: rgba(13, 110, 253, 0.08);
}

.permission-item input[type="checkbox"] {
  margin-top: 0.2rem;
}

.permission-item .fw-semibold {
  word-break: break-word;
}

[data-permission-empty] {
  transition: opacity 0.2s ease-in-out;
}

.table-responsive[data-filtered-table] {
  position: relative;
}

.table-responsive[data-filtered-table] .form-control[data-table-filter] {
  max-width: 320px;
}

.table-responsive[data-filtered-table] [data-filter-empty-row] {
  transition: opacity 0.2s ease-in-out;
}