/**/
/*Css global criado para atender alguns elementos*/


/*Isto serve para evitar o scroll lateral gerado pelo mud
O overflow-y é para retirar o scroll vertical extra gerado por este hack*/
.layout__body--evitarScroll {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden
}

/*Colocando reticências em um texto*/
.reticenciasTexto {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/*///////*/
.tamanhoLogo {
    width: 500px;
}

/*//*/
.containerPrincipalFlexbox {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
}

/*//*/
/*obs:existe uma lógica para a altura de 
cada coluna. O formulário precisa de scroll, coluna pdf
não. No mobile a lógica muda*/
.colunaFormulario {
    width: 25%;
    height: 100vh; /*assim crio o scroll*/
    display: flex;
    flex-direction: column;
    gap: 10px;
    zoom: 0.75;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*//*/
.colunaPDF {
    width: 75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}


/*////*/
@media (max-width: 768px) {
    .tamanhoLogo {
        width: 250px;
    }

    .containerPrincipalFlexbox {
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    /*//*/
    .colunaFormulario {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
    }

    /*//*/
    .colunaPDF {
        width: 100%;
        height: 100vh;
        overflow-y: hidden;
    }
}