main {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items:  center;
   padding: 40px 15px 0;
}

.DivTextoAviso {
   width: 60%;
   max-width: 800px;
   text-align: center;
   margin: 30px 0 60px;
}

.DivTextoAviso h4 {
   text-transform: uppercase;
   color: #3d8cd6;
   font-weight: bolder;
   font-size: 20px;
   margin-bottom: 20px;
}

.DivTextoAviso p {
   text-align: justify;
   color: #626069;
   font-size: 18px;
}

.atencao {
   font-weight: bold;
}

.DivTextoAviso a {
   text-decoration: none;
   color: white;
   background-color: #0a5bb8;
   border-radius: 10px;
   padding: 3px 8px;
   border: none;
}

.DivTextoAviso a:hover{
   opacity: 0.75;
}

.DivTextoAviso a:active{
   opacity: 1;
}

form {
   width: 60%;
   max-width: 800px;
}

.tipoDocumento {
   text-align: center;
   margin-bottom: 35px;
}

form label{
   margin-right: 10px;
   font-weight: bold;
   color: #3d8cd6;
   font-size: 18px;
}

.DivCodigoValidador label {
   color: #0a5bb8;
   margin-bottom: 18px;
}

#tipo_documento {
   width: 340px;
   display: inline-block;
   padding: 2px 10px;
   border-radius: 15px;
   color: #fff;
   background-color: #0a5bb8;
}

#tipo_documento:hover {
   cursor: pointer;
}

#tipo_documento option {
   color: #222222;
   background-color: #fff;
}

#tipo_documento option:disabled{
   color: #fff;
   background-color: #c8c8c8;
}

.DivCodigoValidador {
   background-color: #f2f0f0;
   text-align: center;
   padding: 20px 20px 80px;
   border-radius: 35px;
   position: relative;
}

#codigo_validador{
   width: 360px;
   text-align: center;
   margin: auto;
   border-radius: 15px;
}

.btEnviar {
   border: none;
   background-color: transparent;
}

.submit-button {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   position: absolute;
   right: calc(50% - 108.70px);
   bottom: -80px;
}

.submit-button:hover {
   opacity: 0.75;
   cursor: pointer;
}

.submit-button:active {
   opacity: 1;
}

#divImg{
   width: 80px;
   height: 80px;
   border-radius: 50%;
   background-color: #0a5bb8;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   margin-bottom: 10px;
}
.submit-button img {
   width: 80px;
   height: auto;
   padding: 5px;
   position: relative;
   left: 3px;  
   bottom: 2px; 
}

.submit-button span {
   font-size: 20px; /* Tamanho do texto */
   color: #3d8cd6; /* Cor do texto */
   font-weight: bold;
   text-transform: uppercase; /* Deixa o texto em maiúsculas */
}

.cf-turnstile {
   margin: 20px auto;
   display: flex;
   justify-content: center;
}

@media screen and (max-width: 750px) {
   form {
      width: 100%;
   }
}

@media screen and (max-width: 450px) {
   #codigo_validador {
      width: 100%;
   }
}