.espacoDireita{
    padding-right: 5px;
}

.espacoEsquerda {
    padding-left: 5px;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background-image: "{{ url_for('static', filename='img/background.webp') }}";
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    font-size: 12px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.footer {
    
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
    color: white;
  }

html {
  font-size: 12px;
  position: relative;
  min-height: 100%;
}

.gradient-custom {
  /* fallback for old browsers */
  background: #6a11cb;
  
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
  
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}

.tela-container {
  /* Defina a altura máxima desejada */
  overflow: hidden;
}

@media screen and (min-height: 1080px) {
  .tela-container {
    min-height: 87vh; /* Altura para resoluções maiores */
  }
}

.table-container {
  min-height: 57vh;
  overflow-y: auto !important; /* Adiciona uma barra de rolagem vertical conforme necessário */
}

.tela {
  max-height: 77vh;
  overflow-y: auto !important;
}

.banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.outlined-text {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: drawOutline 4s linear forwards;
  fill: transparent;
}

@keyframes drawOutline {
  0% {
      stroke-dashoffset: 400;
  }
  100% {
      stroke-dashoffset: 0;
  }
}

.date-red {
  color: red;
}
.date-green {
  color: green;
}
.date-blue {
  color: blue;
}

    /* Estilize o tbody para ter uma altura máxima e uma barra de rolagem se necessário */
    tbody {
      max-height: 60vh; /* Ajuste conforme necessário */
      overflow-y: auto;
      display: flow-root
    }

    /* Adicione uma propriedade especial para o thead para manter as colunas alinhadas corretamente */
    thead {
      display: table;
      width: 100%;
      table-layout: fixed;
    }

    /* Force as células do tbody a terem a mesma largura das células do thead */
    tbody tr {
      display: table;
      width: 100%;
      height: 100%;
      table-layout: fixed;
    }

    .tbody-1 {
      max-height: 40vh;
    }

    .tbody-2 {
      max-height: 57vh;
    }

    .pagination {
      display: flex;
      list-style: none;
      padding: 0;
  }

  .pagination li {
      margin-right: 5px;
      cursor: pointer;
  }

  .active {
      font-weight: bold;
  }

  .tabela-desativada {
    pointer-events: none; /* Desativa a interação com a tabela */
    opacity: 0.5; /* Aplica uma opacidade para indicar visualmente que está desativada */
  }