html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
/* CSS para limitar conteúdo de uma célula específica */
.limite {
    display: -webkit-box; /* Para exibir o conteúdo como um bloco flexível */
    -webkit-line-clamp: 3; /* Limita o conteúdo a 3 linhas */
    -webkit-box-orient: vertical  ; /* Define a orientação do layout como vertical */
    overflow: hidden; /* Esconde o conteúdo que ultrapassa o limite da célula */
    text-overflow: ellipsis; /* Exibe '...' no final do conteúdo que não cabe */
    
    max-width: 300px; /* Limita a largura da célula (ajuste conforme necessário) */
    min-width: 150px;
    min-height:100px;
    word-wrap: break-word; /* Quebra palavras longas se necessário */
    vertical-align: top; /* Alinha o conteúdo ao topo da célula */
    padding: 5px; /* Espaçamento interno */
    border-bottom: 1px solid #dee2e6; /* Borda inferior para as células */
}