:root{
    /*cores que se trocam*/
    --cor-primaria: #00a7d2;
    --cor-secundaria: #136abc;
    /*cores padrão do projeto*/
    --branco: #ffffff;
    --cinza-1: #f4f5fa;
    --cinza-2: #c9cee1;
    --cinza-3: #8f8f8d;
    --cinza-4: #222222;
    --preto: #555555;
    --fontTitulo: "BebasNeue-Regular";
    --fontSubTitulo: "ArialRoundedMTBold";
    --fontConteudo: "ProximaNova-Regular";
    --fontSubConteudo: "ArialNarrow";
    --fontItalic: "Oswald-RegularItalic";
    --fontCidade: "Oswald-Heavy";
    --fontExtratLight: "Oswald-ExtraLight";
    --fontLightItalic: "Oswald-LightItalic";
    --fontTituloRodape: "MyriadPro-Bold";
    --fontBotao: "Oswald-Regular";
}

.inputs:nth-of-type(2){
    margin-top: 20px;
}

.inputs{
   border: none !important;
}

.card{
    width: 80%;
    margin: 0 auto;
    border-radius: 10px !important;
    padding: 10px;
    border-left: 7px solid var( --cor-primaria) !important ;
    background-color: #f2f2f2;
}

.card:nth-of-type(){
    margin-top: 20px;
}

.card textarea{
    margin-top: 25px;
    border-radius: 10px;
}

.card input[type='text']{
    margin-top: 25px;
    border-radius: 10px;
}

.card-header{
    /* border: 10px solid var( --cor-primaria) !important; */
    border-radius: 10px !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    /* margin-bottom: 1rem !important; */
}

.multiplaEscolha, .selectEscolha{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.multiplaEscolha input,
.selectEscolha input{
    cursor: pointer;
}

.tituloCard{
    font-size: 1.5rem;
}

#captchaConta{
    margin: 15px 0;
}

/* Inicio Estilização de mascaras */

.dataMask{
    padding: 10px;
    color: #101010;
    border: 1px solid #ccc;
}

.dataMask:focus{
    outline: none;
}

.horaMask{
    padding: 10px;
    color: #101010;
    border: 1px solid #ccc;
}

.horaMask:focus{
    outline: none;
}

.data{
    padding: 10px;
    color: #101010;
    border: 1px solid #ccc;
}

.data:focus{
    outline: none;
}

.hora{
    padding: 10px;
    color: #101010;
    border: 1px solid #ccc;
}

.hora:focus{
    outline: none;
}

/* Final Estilização de mascaras */

/*Botão Formulário enviar*/
.buttonForms{
    margin-left: 11% !important;
}

@media (max-width: 458px) {
    .buttonForms{
        width: 78% !important;
    }
}
/*Botão Formulário enviar*/

/* Imprime comprovante */
.pergunta__resposta{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.header__container{
    font-family: 'Roboto', sans-serif;
    width: 100%;
}

.img__header{
    display: table;
    width: 100px;
    margin: 0 auto;
}

.header__resposta{
    margin: 0;
    padding: 0;
    text-align: center;
}

.header__resposta{
    font-weight: 100;
}

.wraper__resposta{
    width: 100%;
    max-width: 600px;
    margin-bottom: 20px;
}

.wraper__resposta h2{
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
}

.comprovante__numero{
    text-align: right;
}

.comprovante__numero h2{
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    -webkit-print-color-adjust: exact;
}

.bot__box p{
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
    -webkit-print-color-adjust: exact;
}