* {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
}

.container {
  border-radius: 15px;
  border: 5px solid #00bd8b;
  background-color: #F0F5F9 !important;
}

html {
  background-color: #F0F5F9 !important;
}

#update_panel_form {
  background-color: #F0F5F9 !important;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  /* Compensação para o espaçamento entre as colunas */
}

h2 {
  color: #0c0a33;
  font-family: Poppins, Sans-serif;
  font-size: 62px;
  font-weight: 700;
}

.column {
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
}

  .column input {
    border-radius: 0;
  }

    .column input:focus {
      box-shadow: none;
    }

hr {
  border: 1px solid #00bd8b;
  /* Cor e espessura da borda */
}


label {
  background-color: #ffffff00 !important;
}

input {
  background-color: #ffffff00 !important;
}

/* Adiciona a fonte Poppins e torna os rótulos em negrito */
.three-column-form input,
.three-column-form select,
.three-column-form textarea {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 15px;
}

.three-column-form label {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
}

/* Remove a borda ao clicar nos campos */
.three-column-form input:focus,
.three-column-form select:focus,
.three-column-form textarea:focus {
  outline: none;
  border-bottom: 1px solid #000;
  /* Mantém a borda inferior após clicar */
}

/* Estiliza o botão de envio */
.three-column-form input[type="submit"] {
  background-color: #192d3e !important;
  color: #ffffff;
  font-size: 16px;
  /* Ajuste o tamanho da fonte conforme necessário */
  border: none;
  width: 100%;
  /* Define a largura como 100% para ocupar a largura disponível */
  padding: 10px;
  /* Ajuste o padding para aumentar o tamanho do botão */
  cursor: pointer;
  box-sizing: border-box;
  /* Garante que o padding não afete a largura total */
}

  /* Estiliza o botão de envio ao passar o mouse sobre ele */
  .three-column-form input[type="submit"]:hover {
    background-color: #00c08b !important;
  }

.btn-gerar-indicacao {
  background-color: #192d3e !important;
  color: #ffffff;
  font-size: 16px;
  border: none;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 15px;
}

.loader {
  animation: is-rotating 1s infinite;
  border: 6px solid #e5e5e5;
  border-radius: 50%;
  border-top-color: #00c08b;
  height: 40px;
  width: 40px;
}

@keyframes is-rotating {
  to {
    transform: rotate(1turn);
  }
}

.item-hide {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .h2 {
    font-size: 36px !important;
    font-weight: 900;
  }

  .h4 {
    font-size: calc(0.8rem + .3vw) !important;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    /* Compensação para o espaçamento entre as colunas */
    flex-direction: column;
    /* Altera a direção do flex container para coluna em dispositivos móveis */
  }

  .column {
    /* Garante que cada coluna ocupe a largura total */
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }
}