/* ------------------------------------------------------------------------------- */
/* GERAL */
/* ------------------------------------------------------------------------------- */

.grafico-dashboard {
    width: 500px;
    height: 400px;
    float: left;
}

/* SYNCFUSION - Grid */
.e-grid .e-icon-group::before {
    color: gray !important;
}
.e-grid .e-icon-ungroup {
    transform: rotateZ(180deg) !important;    
    margin-left: 0 !important;
}
.e-grid .e-icon-ungroup::before {
    color: gray !important;    
    content: '\e749' !important;
}

/* sort filter ordernar filtro */
.e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
    padding: 7px;
}

.e-grid tbody tr .e-recordplusexpand .e-icons,
.e-grid tbody tr .e-recordpluscollapse .e-icons {
    color: black;
    text-decoration: underline;
}

/*.e-grid tbody tr td:first-child a {
    text-decoration: underline;
    color: black;
}*/

/* ------------------------------------------------------------------------------- */
/* EXPORT SYNCFUSION */
/* ------------------------------------------------------------------------------- */
#button-control {
    width: 100%;
    text-align: center;
}

.e-play-icon::before {
    content: '\e720';
}

/* Paineis e  filtros Dashboard */
/* Filtros por para baixo quando for mobile */
.topnav .paineis {
    width: calc(100% - 180px); /* calc(100% - 210px);  */
}

.e-dialog {
    border-radius: 0px;
}

@media screen and (max-width: 600px) {
    .topnav .paineis, 
    .topnav .filtros {
        float: none;
        display: block;
        width: 100% !important;
    }
}

/* ------------------------------------------------------------------------------- */