fieldset{
  border: 1px solid var(--cor-fundo);
  border-radius: 5px;
  padding-bottom: 150px;
  z-index: -1;
  max-height: 90%;
  overflow: auto;
  
}
.tabela {
  border-collapse: collapse;
  font-weight: bold;
  margin:0 auto;
 margin-bottom: 150px;
 background-color:#fff;
}

.tabela th {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #fff;
  background-color:var(--cor-fundo);
  text-align:center;
  width:auto;
  
}
.tabela  img {
  border-radius: 50%;
  width: 65px;
  height: 65px;
  }
 .tabela td, .tabela th {
    padding:2px;
    text-align: center;
    border-bottom: 2px solid var(--cor-fundo);
    
  }
 .tabela tr:hover {
    background-color:#ddd;
    color: #000;
    
  }
  .tabela .icone{
    display:inline-block;
    margin: 10px auto;
   cursor:pointer;
  }
  .tabela .IconCard {
    width: 35px;
    height: 35px;
    text-align:center;
    cursor:pointer;
  }
  .tabela .hora{
    color: #177a17;
    
  }
  .tabela .info{
    color: #4556a3;
  }
  .tabela .delete{
    color: #640011;
  }
  .tabela .edit{
    color: #925c0a;
  }
  
  .tabela .historico{
    color: #7B02DA;
  }
  
  .tabela .zap{
    color: #177555;
  }
 .tabela .textoicone{

    display:block;
    font-size:7px;
    text-align:center;
    cursor:pointer;
  }
  .tabela .lazy {
    width: 100%;
    height: auto;
    opacity: 0.5; /* Adicione um efeito de transição de opacidade se desejar */
    transition: opacity 0.5s ease;
}