/* CONTENEDOR GENERAL */

.procedimientos.view-caja-herramientas{
  display:flex;
  gap:40px;
  padding:35px;
  background:#f2f2f2;
  border-radius:15px;
  border:1px solid #dcdcdc;
}


/* ========================= */
/* PANEL IZQUIERDO */
/* ========================= */

.procedimientos .view-filters{
  width:330px;
}


/* labels */

.procedimientos .view-filters label{
  font-weight:700;
  display:block;
  margin-bottom:8px;
  font-size:16px;
}


/* select estilo cápsula */

.procedimientos .view-filters select{
  width:100%;
  padding:12px 15px;
  border-radius:30px;
  border:2px solid #2e5bd7;
  background:#f3f3f3;
  font-size:14px;
  margin-bottom:25px;
}


/* ocultar boton aplicar */

.procedimientos .form-actions{
  display:none;
}



/* ========================= */
/* PANEL DERECHO */
/* ========================= */

.procedimientos .view-content{
  /*flex:1;*/
  border:2px solid #2e5bd7;
  border-radius:20px;
  padding:30px 40px;
  background:#f7f7f7;
}


/* TITULO */

.procedimientos thead th{
  font-size:28px;
  text-align:center;
  font-weight:700;
  padding-bottom:20px;
  border:none;
}


/* quitar apariencia tabla */

.procedimientos table{
  border:none;
  width:100%;
}

.procedimientos tbody tr{
  border:none;
}

.procedimientos td{
  border:none;
}



/* ========================= */
/* SCROLL */
/* ========================= */

.procedimientos tbody{
  display:block;
  max-height:260px;
  overflow-y:auto;
  padding-right:10px;
}

.procedimientos thead,
.procedimientos tbody tr{
  display:table;
  width:100%;
  table-layout:fixed;
}



/* ========================= */
/* ITEM DOCUMENTO */
/* ========================= */

.procedimiento-item{
  background:#d8d8d8;
  border-radius:35px;
  padding:16px 30px;
  text-align:center;
  margin-bottom:18px;
  transition:all .2s;
  
  white-space: nowrap;    
  overflow: hidden;          
  text-overflow: ellipsis;  

}


/* link */

.procedimiento-item a{
  text-decoration:none;
  color:#2d2d2d;
  font-weight:500;
  display:block;
}



/* hover */

.procedimiento-item:hover{
  background:#cfcfcf;
}