body {background-color:rgb(100, 100, 100) ;  }
main { width: 98%; margin: 0% auto; background-color: #dddddd;  height: 100%;  border-radius: 23px;}

.meu_texto {font-family:'Chilanka', cursive;  color: #0A9BB6; font-size: 18px;}
.meu_texto2 {font-family:'Chilanka', cursive;  color: #696969; font-size: 18px;}
.margin_titulo { width: 90%; margin-left: 5%;}
.margin_form {  margin-left: 1%; margin-right: 1%;}
.form-label-outside { font-size: 18px;}
.meu_imput { display: block; width: 100%; min-height: 58px; padding: 18px 25px; font-weight: 300; line-height: 24px; color: #29293a; background-color: #ffffff; background-image: none; border: 0px solid #f7f7f7; border-radius: 20px; -webkit-appearance: none; }
.titulo { background-color: #0A9BB6; border-radius: 23px 23px 0 0; padding-top: 7px; padding-bottom: 7px; }
.destaque { padding-bottom: 20px; color: #696969; font-size:18px ; }
.btn-foto { background-color: transparent !important;padding: 20px; }
.quadro_foto { border-radius: 50% !important;}
.caixa-com-borda { border: 2px solid #0A9BB6; padding: 10px; border-radius: 8px; }
.text-on-pannel { background: #fff none repeat scroll 0 0; height: auto;  margin-left: 20px; padding: 3px 5px; position: absolute;  margin-top: -30px; border: 1px solid #0A9BB6; border-radius: 8px;   color: #696969;}
.elo-label{	font-size: 13px;color: #838386; position: absolute; top: 20px;	left: 25px;	z-index: 9;	transition: .3s;}
.elo-erro {background-color: #F8D7DA !important; border: 2px solid #F1AEB5; color: #58151C; border-radius: 15px; }
.custom-checkbox input[type="checkbox"] { display: none;}
.custom-checkbox .checkmark { display: inline-block; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #25b8a6; border-radius: 6px; margin-right: 8px; vertical-align: middle; position: relative; cursor: pointer; }
.custom-checkbox input:checked + .checkmark::after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 12px;  border: solid #696969; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.custom-checkbox:hover .checkmark { background-color: #25b8a6;}

.botao_elo {
  color: white; /* Muda a cor do texto para branco */
  border-width: 2px; /* Define a espessura da borda */
  border-style: solid; /* Define o estilo da borda */
  border-color: #ffffff; /* Muda a cor da borda para azul */
  background-color: #007bff; /* Define a cor de fundo do botão (opcional) */
  padding: 10px 20px; /* Adiciona preenchimento para dar espaço */
  cursor: pointer; /* Muda o cursor para um ponteiro ao passar por cima */
}

/* Estilizando quando o mouse passa por cima (hover) */
.botao_elo:hover {
  background-color: #007bff; /* Muda a cor de fundo ao passar o mouse */
  color: white; /* Mantém a cor do texto, ou pode mudar também */
  border-color: #ffffff; /* Muda a cor da borda */
}

/* Estilo para o botão bloqueado */
.botao_elo:disabled {
  background-color: #cccccc; /* Cinza */
  color: #666666;
  cursor: not-allowed; /* Indica que não pode ser usado */
}


.mostrador {
  font-size: 25px;
  padding-left: 10px;
  font-weight: bold;
}

.calendar {
  background: #2A3F54 !important;
  border-width: 1px  !important;
  border-style: solid  !important; 
  border-color:  #ffffff  !important;; 
}

.finalizado {
  color: #4cbd49 !important;
}

 .imagem-central {
            width: 90%;
            max-width: 211px;
            max-height: 220px;
            display: block;
            margin: 0 auto 1rem auto;
            border-radius: 8px;
            object-fit: cover;
            }

            @media (min-width: 768px) {
            .imagem-central {
                width: 422px;
                height: 440px;
            }
            }

            .form-container {
            max-width: 500px;
            margin: 0 auto;
            }