/* AlertGrid Users Access Lists Patch v3 */

#userModal .ag-access-select,
#userModal select#userAccessRegion,
#userModal select#userAccessDistrict,
#userModal select#userAccessSettlement {
  width: 100%;
}

.ag-allowed-objects-wrap {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}

.ag-allowed-objects-wrap select {
  width: 100%;
  min-height: 160px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  padding: 8px;
  background: #ffffff;
  color: #0f172a;
}

.ag-access-help {
  font-size: 12px;
  color: #64748b;
  font-weight: 700;
}

.ag-access-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#refreshAccessListsButton {
  margin-right: auto;
}

body.ag-bg-scada #userModal .ag-allowed-objects-wrap select,
body.ag-bg-bluegrid #userModal .ag-allowed-objects-wrap select,
body.ag-bg-controlroom #userModal .ag-allowed-objects-wrap select,
body.ag-bg-alarm #userModal .ag-allowed-objects-wrap select,
body.ag-bg-black #userModal .ag-allowed-objects-wrap select {
  background: #07111f;
  color: #e6f1ff;
  border-color: #28415f;
}

body.ag-bg-scada #userModal .ag-access-help,
body.ag-bg-bluegrid #userModal .ag-access-help,
body.ag-bg-controlroom #userModal .ag-access-help,
body.ag-bg-alarm #userModal .ag-access-help,
body.ag-bg-black #userModal .ag-access-help {
  color: #9cc9ff;
}