/* Estilos para a tabela e responsividade */

@media (max-width: 991.98px) {
  .tabela-container {
    font-size: 14px!important;
    max-width: 100%;
    overflow-x: auto;
    margin-top: 10px;
  }
}

.tabela-container {
  font-size: 18px;
  max-width: 100%;
  overflow-x: auto;
  margin-top: 10px;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

/* Estilo para a tabela */

.tabela-modalidades {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

.tabela-modalidades th, .tabela-modalidades td {
  padding: 8px;
  text-align: center;
  border: 5px solid #fbebda;
  color: black;
}

.sticky-column {
  position: sticky;
  left: 0;
  background-color: #d9d9d9;
  z-index: 1;
  font-weight: bold;
  min-width: 150px;
  color: black;
}

/* Estilos para colunas presenciais */

.presencial-column {
  background-color: #5094b1;
}

/* Estilos para colunas semipresenciais */

.semipresencial-column {
  background-color: #81b1c6;
}

/* Estilos para colunas EAD */

.ead-column {
  background-color: #accad7;
}

/* Estilo para marcar as células com check */

.check {
  font-weight: bold;
  font-size: 1.5em!important;
}

/* Responsividade para mobile */

@media screen and (max-width: 768px) {
  .tabela-container {
    overflow-x: auto;
  }
}