<div class="container-modal-document" id="modalPreviewCNH">
    <div class="container-image" id="driverPreviewCNH">
        <ul>
            <li class="btn-open-camera" value="CNH">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="CNH">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Retire a capinha de plastico</li>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentCNH">Confirmar Documento</button>
    </div>
</div>

<div class="container-modal-document" id="modalPreviewCRLV">
    <div class="container-image" id="driverPreviewCRLV">
        <ul>
            <li class="btn-open-camera" value="CRLV">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="CRLV">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Retire a capinha de plastico</li>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentCRLV">Confirmar CRLV</button>
    </div>
</div>
<div class="container-modal-document" id="modalPreviewALVARA">
    <div class="container-image" id="driverPreviewALVARA">
        <ul>
            <li class="btn-open-camera" value="ALVARA">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="ALVARA">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Retire a capinha de plastico</li>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentALVARA">Confirmar ALVARA</button>
    </div>
</div>


<div class="container-modal-document" id="modalPreviewPROOF_OF_RESIDENCE">
    <div class="container-image" id="driverPreviewPROOF_OF_RESIDENCE">
        <ul>
            <li class="btn-open-camera" value="PROOF_OF_RESIDENCE">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="PROOF_OF_RESIDENCE">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentPROOF_OF_RESIDENCE">Confirmar Comprovante de Residência</button>
    </div>
</div>



<div class="container-modal-document" id="modalPreviewRG_FRONT">
    <div class="container-image" id="driverPreviewRG_FRONT">
        <ul>
            <li class="btn-open-camera" value="RG_FRONT">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="RG_FRONT">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentRG_FRONT">Confirmar</button>
    </div>
</div>



<div class="container-modal-document" id="modalPreviewRG_BACK">
    <div class="container-image" id="driverPreviewRG_BACK">
        <ul>
            <li class="btn-open-camera" value="RG_BACK">
                <i class="material-icons">
                    camera_alt
                </i>
                <span>Abrir Camera</span>
            </li>
            <li class="btn-open-gallery" value="RG_BACK">
                <i class="material-icons">
                    collections
                </i>
                <span>Abrir Galeria</span>
            </li>
        </ul>
    </div>
    <div class="about-document">
        <h4>É super fácil enviar seu documento</h4>
        <label>Veja essas dicas para agilizar a aprovação do cadastro:</label>
        <ul>
            <li>Tire foto do documento por completo, sem omitir nenhuma informação</li>
            <li>Confira se as informações estão légiveis, nítidas e a foto bem iluminada</li>
        </ul>
        <label>Se não estiver bom, não tem problema. É só cancelar e fazer de novo.</label>
        <button type="button" id="confirmationDocumentRG_BACK">Confirmar</button>
    </div>
</div>