@media(max-width: 767px){

body.webview{
 max-width: 100vw;
}

#cbContainer{
 max-width: 100vw;
 padding-right: 0px;
 padding-left: 0px;
}

/* body.webview */#cbModuloPesquisa{
 padding: 0px 0px;
 display: flex;
 flex-direction: column-reverse; 
 width: 100% !important;
 padding: 0px 8px !important;
 margin: 0px !important;
}

/* body.webview */#cbFiltroRapido{
 display: flex;
 width: 100vw;
}

#cbBarraPesquisa {
 display: flex !important;
 width: 100%;
 max-width: 100vw;
}
#cbModuloPesquisa #cbTextoPesquisa{
 width: 100% !important;
}
#cbDaterange {
    width: 15%!important;
}
#cbBarraPesquisa > .input-group-btn {
    width: 15%;
}
#cbModuloPesquisa #cbPesquisar {
    width: 100%;
}

#cbFiltroRapido {
    display: flex!important;
    width: 100%!important;
    max-width: 99vw!important;
}

#cbFiltroRapido{
 display: flex;
 flex-flow: row wrap;
 align-content: space-between;
 justify-content: space-between;
}

#cbFiltroRapido.btn-group > .btn-group{
 float: unset;
 padding-top: 10px;
 margin-bottom: 6px;
}

}