body {
  margin: 0;
  padding: 0;
}

.sidebar {
  border-right: 1px solid #dee2e6;
}

.sidebar a {
  display: block;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

.sidebar a:hover {
  color: #0d6efd;
}

.content {
  overflow-y: auto;
  min-height: calc(100vh - 56px);
}

.hidden {
  display: none;
}




@media (min-width: 768px) and (max-width: 991.98px) {
  .table td, .table th {

    overflow: hidden;
    max-width: 200px;
  }
}


 @media (max-width: 767.98px) {
  .table td,
  .table th {
    overflow: hidden;
    max-width: 59px; /* ajuste o valor conforme necessário */
  }
}