@charset "utf-8";
/* CSS Dashboard */

/* === Lista Dados [Estrutural] === */
.dashboard-lista-dados { overflow: hidden; clear: both; }
.dashboard-lista-dados li { float: left; overflow: hidden; padding: 0.5em 1em; }
.dashboard-lista-dados a { display: block; overflow: hidden; }
.dashboard-lista-dados img { float: left; width: 20%; padding: 0.5em 1em 0.5em 0; }
.dashboard-lista-dados h6 { float: left; width: 80%; padding: 0.25em 0 0 1em; }
.dashboard-lista-dados strong { display: block; }
.dashboard-lista-dados span { display: block; padding-top: 0.3em; }

.dashboard-lista-dados.t4 li { width: 25%; }

/* === Lista Dados [Color] === */
.dashboard-lista-dados { border-right: 1px solid #e0e0e0; }
.dashboard-lista-dados:hover { background: #FFF; }
.dashboard-lista-dados li { border: 1px solid #e0e0e0; border-right: none; }
.dashboard-lista-dados li:hover { background: #eeeeee; }
.dashboard-lista-dados a { color: #333; }
.dashboard-lista-dados a:hover { color: #f68e1e; }
.dashboard-lista-dados img { border-right: 1px solid #e0e0e0; }
.dashboard-lista-dados strong { font-size: 1.5em; font-family: 'ubuntub'; }
.dashboard-lista-dados span { font-size: 0.9em; font-family: 'ubuntui'; }



/* === Canvas [Estrutural] === */
.dashboard-canvas { overflow: hidden; padding: 1.5em 0; }
.dashboard-canvas-barras { overflow: hidden; padding: 0; }
.dashboard-img-preloader { background: url(../imagens/carregando-ajax.gif) no-repeat center center; }


/* === Responsivo === */
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
    /* === Lista Dados [Estrutural] === */
    .dashboard-lista-dados li { text-align: center; }
    .dashboard-lista-dados img { float: none; width: 30%; padding: 0.5em 0 0.5em 0; border: none; border-bottom: 1px solid; }
    .dashboard-lista-dados h6 { float: none; width: 100%; padding: 0.5em 0.2em; }
    
    /* === Lista Dados [Color] === */
    .dashboard-lista-dados img { border-color: #e0e0e0; }
    
}
@media only screen and (max-width: 600px) {
    /* === Lista Dados [Estrutural] === */
    .dashboard-lista-dados.t4 li { width: 50%; }
}
@media only screen and (max-width: 400px) {
    /* === Lista Dados [Estrutural] === */
    .dashboard-lista-dados li { font-size: 0.9em; }
}