.header-logo {
    background-color: #1a9cde;
    padding: 10px 0;
  }
  
.header-menu {
    background-color: #2488bc;
  }

.header-sec1 {
    color: white;
    font-size:25px;
}  

.header-sec2 {
  color: white;
  font-size:15px;
}  

.header-sec3 {
  color: white;
  font-size:14px;
} 

.header-sec4 {
  color: white;
  font-size:12px;
} 

.logo {
    max-height: 90px; /* Ajuste conforme necessário */
  }

.logout-img {
    max-height: 20px; /* Ajuste conforme necessário */
    margin-right: 5px; /* Espaço entre a imagem e o texto */
  }  

body {
    padding-top: 130px; /* Ajuste conforme necessário para evitar sobreposição do conteúdo */
    min-height: 100vh;
}

.rodape{
  position: fixed;
  bottom: 0;
  width: 100%;
  
}

.home-footer {
    flex: 0;
    margin-top: 20px;
    width: 100%;
    display: flex;
    max-width: 100%;
    align-items: center;
    background-color: #2488bc;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
    flex-direction: row;
    padding-bottom: var(--dl-space-space-twounits);
    justify-content: center;
  }

 .conteudo-titulo-texto {
    color: #2488bc;
    font-size: 22px;
  }
  
 .conteudo-titulo {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    align-items: center;
    justify-content: center;
  }

 .navbar-nav .nav-link {
    font-size: 14px; /* Tamanho da fonte aumentado */
    /* Outros estilos personalizados */
    /* font-weight: bold; */
    color: white; /* Cor do texto */
    margin-right: 20px; /* Espaçamento entre os itens de menu */
}

.navbar-nav .nav-link:hover {
  background-color: #1a9cde; /* Cor de fundo ao passar o mouse */
  color: #fff; /* Cor do texto ao passar o mouse */
  border-radius: 10px; 
}

.custom_01-btn {
  background-color: #4CAF50; /* Cor de fundo personalizada */
  color: white; /* Cor do texto */
}
.custom_01-btn:hover {
  background-color: #45a049; /* Cor de fundo ao passar o mouse */
  color: white;
}

.custom_02-btn {
  background-color: #1a9cde; /* Cor de fundo personalizada */
  color: white; /* Cor do texto */
}
.custom_02-btn:hover {
  background-color: #2488bc; /* Cor de fundo ao passar o mouse */
  color: white;
}

.custom_03-btn {
  background-color: red; /* Cor de fundo personalizada */
  color: white; /* Cor do texto */
}

.custom_03-btn:hover {
  background-color: red; /* Cor de fundo ao passar o mouse */
}

.custom-table_01 th,
.custom-table_01 td {
    text-align: center; /* Centraliza o texto nas células */
}

.custom-table_01 th:nth-child(1),
.custom-table_01 td:nth-child(1) {
    width: 65%; /* Define a largura da primeira coluna */
}

.custom-table_01 th:nth-child(2),
.custom-table_01 td:nth-child(2) {
    width: 10%; /* Define a largura da segunda coluna */
}

.custom-table_01 th:nth-child(3),
.custom-table_01 td:nth-child(3) {
    width: 10%; /* Define a largura da terceira coluna */
}

.custom-table_01 th:nth-child(4),
.custom-table_01 td:nth-child(4) {
    width: 15%; /* Define a largura da terceira coluna */
}

.custom-table_02 th,
.custom-table_02 td {
    text-align: center; /* Centraliza o texto nas células */
}

.custom-table_02 th:nth-child(1),
.custom-table_02 td:nth-child(1) {
    width: 30%; /* Define a largura da primeira coluna */
}

.custom-table_02 th:nth-child(2),
.custom-table_02 td:nth-child(2) {
    width: 45%; /* Define a largura da segunda coluna */
}

.custom-table_02 th:nth-child(3),
.custom-table_02 td:nth-child(3) {
    width: 10%; /* Define a largura da terceira coluna */
}

.custom-table_02 th:nth-child(4),
.custom-table_02 td:nth-child(4) {
    width: 15%; /* Define a largura da terceira coluna */
}

.save-button {
  background-color: #45a049;
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #1a9cde;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 2px solid #1a9cde;
}

.separator::before {
  margin-right: .25em;
}

.separator::after {
  margin-left: .25em;
}

.texto-transform-3d {
  font-size: 2rem;
  font-weight: bold;
  color: pink;
  text-shadow: 
      3px 3px 0px #000000,
      6px 6px 0px rgba(0, 0, 0, 0.5);
  transform: rotateX(0deg) rotateY(20deg);
  display: inline-block;
}