* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #F7FFFF;
}


.bg-modal-modelo {
    /*
    largura
    altura
    cor de fundo
    posição fixada nos 100%
    posiçao do elemento sobreposto ao outro
    borda superior dele estará em -100% deslocado acima do indice de referencia que é a pagina
    display estará em bloco um abaixo do outro
    transição será de 350ms caso haja movimentação
    */
    width: 70%;
    height: 70%;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    z-index: 2;
    top: -140%;
    display: block;
    transition: 350ms;
}

.modal-modelo {
    /*
    margim interna 10px
    largura 
    altura
    cor do fundo
    borda
    borda arrendondada
    margin
    */
    padding: 10px;
    width: 70%;
    height: 70%;
    background-color: #fff;
    border-radius: 5px;
    margin: auto;
}
.modal-modelo span {
        /*
    Retira do seu lado normal e deixa ele libre para se movimentar
    tamanho da fonte
    cor da font
    margin
    cursor mão
    */
        float: right;
        font-size: 50px;
        color: #000;
        margin: 20px 20px;
        cursor: pointer;
        color:red;
}

.modal-modelo span:hover {
            /*
    efeito ao sair
    transição
    */
     color: #990000;
    transition: 350ms;
}
#imagemdocumento {
    width:85%;
    height:85%;
}
.micon{
    font-size:20px;
}
#fontetable{
    font-size:10px;
}

.imgfiltro{
    width:20px;
    height:20px;
}
#imgdetalhes {
    border:solid;
    border-color:gray;
    width: 600px;
    height: 600px;
}

.texto-centralizado {
    text-align: center;
}

.box {
    border-radius: 25px;
    margin-right: 5px;
}
.box-indicadores {
    border-radius: 25px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:5px;
    max-width:150px;
}
#imagem-init{
    margin-top:50px;
    width:450px;
    height:400px;
}
form {
    background-color: #F3FFFF;
    padding: 25px;
    border: double;
    border-color: #D8E5E5;
}

#videoElement {
    width: 100%; /* Largura em 100% */
    height: 100%; /* Altura em 0 para ajustar automaticamente com base na largura */
    padding-bottom:1%;
}