/* YOLKA_USUARIO_PESTANAS_V4 */

/* V4: sin barras de desplazamiento en Usuarios. */
#usersPage .users-grid{
  grid-template-columns:1fr;
}

#usersPage #usersTable{
  width:100%;
  overflow:visible;
}

#usersPage .upt4-table-shell{
  width:100%;
  overflow:visible;
}

#usersPage .upt4-users-table{
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}

#usersPage .upt4-users-table th:nth-child(1),
#usersPage .upt4-users-table td:nth-child(1){
  width:23%;
}

#usersPage .upt4-users-table th:nth-child(2),
#usersPage .upt4-users-table td:nth-child(2){
  width:12%;
}

#usersPage .upt4-users-table th:nth-child(3),
#usersPage .upt4-users-table td:nth-child(3){
  width:13%;
}

#usersPage .upt4-users-table th:nth-child(4),
#usersPage .upt4-users-table td:nth-child(4){
  width:20%;
}

#usersPage .upt4-users-table th:nth-child(5),
#usersPage .upt4-users-table td:nth-child(5){
  width:10%;
}

#usersPage .upt4-users-table th:nth-child(6),
#usersPage .upt4-users-table td:nth-child(6){
  width:22%;
}

#usersPage .upt4-user-main td{
  vertical-align:middle;
  padding-top:7px;
  padding-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis;
}

#usersPage .upt4-identity b,
#usersPage .upt4-identity small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#usersPage .upt4-identity small{
  margin-top:2px;
  color:#718096;
  font-size:10px;
}

#usersPage .upt4-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:nowrap;
  white-space:nowrap;
}

#usersPage .upt4-actions button{
  margin:0;
  white-space:nowrap;
}

#usersPage .upt4-user-permissions td{
  padding:0 8px 8px;
  border-top:0;
  background:#fbfcfe;
  overflow:visible !important;
}

#usersPage .upt4-user-permissions + .upt4-user-main td{
  border-top:1px solid #dbe3eb;
}

#usersPage .upt4-permissions{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:6px;
  width:100%;
}

#usersPage .upt4-permissions-title{
  color:#536579;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

#usersPage .upt4-permissions-line{
  display:grid;
  grid-template-columns:repeat(16,minmax(0,1fr));
  gap:3px;
  align-items:center;
  width:100%;
  min-width:0;
  overflow:visible;
}

#usersPage .upt4-chip,
#usersPage .upt4-all,
#usersPage .upt4-none,
#usersPage .upt4-super-lock{
  min-width:0;
}

#usersPage .upt4-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:24px;
  padding:3px 3px;
  border:1px solid #d5dee7;
  border-radius:5px;
  background:#fff;
  cursor:pointer;
  user-select:none;
  overflow:hidden;
}

#usersPage .upt4-chip input{
  width:11px;
  height:11px;
  margin:0;
  flex:0 0 auto;
}

#usersPage .upt4-chip span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  line-height:1;
  color:#536579;
}

#usersPage .upt4-chip.is-on{
  border-color:#8bb9e5;
  background:#eef7ff;
}

#usersPage .upt4-chip.is-on span{
  color:#0f5f9e;
  font-weight:800;
}

#usersPage .upt4-chip.is-locked{
  opacity:.82;
  cursor:default;
}

#usersPage .upt4-all,
#usersPage .upt4-none{
  min-height:24px;
  padding:3px 3px;
  border:1px solid #cbd5df;
  border-radius:5px;
  background:#fff;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#usersPage .upt4-all{
  color:#1269aa;
}

#usersPage .upt4-none{
  color:#a62b22;
}

#usersPage .upt4-super-lock{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  padding:3px;
  background:#eef7ff;
  color:#0f5f9e;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Paginacion, no scrollbars. */
#usersPage .upt4-pagination{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #dbe3eb;
  border-radius:8px;
  background:#fff;
}

#usersPage .upt4-page-size{
  display:flex;
  align-items:center;
  gap:6px;
  justify-self:start;
  font-size:10px;
  font-weight:700;
  color:#536579;
}

#usersPage .upt4-page-size select{
  min-height:30px;
  padding:4px 7px;
  border:1px solid #cbd5df;
  border-radius:6px;
  background:#fff;
}

#usersPage .upt4-page-summary{
  justify-self:center;
  font-size:10px;
  color:#617184;
}

#usersPage .upt4-page-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  justify-self:end;
}

#usersPage .upt4-page-nav span{
  font-size:10px;
  color:#536579;
  white-space:nowrap;
}

#usersPage .upt4-page-nav button{
  min-height:31px;
  padding:5px 10px;
  border:1px solid #b9cee1;
  border-radius:6px;
  background:#fff;
  color:#0c65aa;
  font-weight:800;
  cursor:pointer;
}

#usersPage .upt4-page-nav button:disabled{
  opacity:.45;
  cursor:default;
}

/* El alta de usuario va debajo para que la tabla utilice todo el ancho. */
#usersPage .users-grid > .content-card{
  min-width:0;
}