.mostrarMobile { display: none;}

@media screen and (max-width: 767px) {
    .ocultarMobile {display:none;}
    .legenda {
        display: flex;
        flex-direction: column;
    }
    .legenda a {
        display: block;
    }

    .float {
        top:60%;
	    right:25px;
    }

    .float-comp {
        overflow: auto;
        top:60%;
	    right:25px;
        display: flex;
        flex-direction: column;
        z-index: 101;
    }

    .float-comp div#botoes select {
        width: 100%;
    }


    .float-comp div#botoes {
        display: flex;
        flex-direction: column;
    }

    .float-comp div#botoes button,span,select {
        margin: 5px 5px;
    }



    .mostrarMobile { display: block;}

    body {
        width: 100%;
        overflow-x: auto;
    }
}

@media screen and (max-width: 1000px) {
   table.tablemobile td.ocultarMobile {display:none;}
}