dialog.modal-cadastro{


    width: 100vw;


    height: 100vh;


    max-width: 100vw;


    max-height: 100vh;


    background-color: var(--azul);


    border: none;


    outline: none;


}


#closeModel{


    padding: 10px;


    cursor: pointer;


    border-radius: 15px;


    margin-bottom: 15px;


    border: 1px solid rgba(38, 57, 143, 0);


    transition: 1s all;


}


#closeModel:hover{


    border: 1px solid rgb(38, 58, 143);


}


dialog.modal-cadastro>.conteiner{


    background-color: var(--bg-principal);


    border-radius: 15px;


    width: 95%;


    margin: 5vh auto;


    padding: 10px;


    max-height: 80vh;


    overflow-x: hidden;


    overflow-y: auto;


}


dialog.modal-cadastro>.conteiner>.conteudo{


    display: flex;


    align-items: center;


    justify-content: center;


    flex-direction: column;


}