
:root {
    --roca-bg-color: #b93316;
    --roca-bg-color-light: #b95945;
}


.app-sidebar {
    transition: width .3s ease;
    background-color: #fff !important;
}

.app-sidebar-menu .menu > .menu-item > .menu-link .menu-icon .svg-icon, .app-sidebar-menu .menu > .menu-item > .menu-link .menu-icon i {
    color: var(--roca-bg-color) !important;
}
.app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon .svg-icon, .app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon i {
    color: #fff !important;
}

.app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon {
    background: linear-gradient(135deg,var(--roca-bg-color) 0, var(--roca-bg-color-light) 100%);
}

.card .card-header .card-title, .card .card-header .card-title .card-label {
    font-size: 1.175rem;
}
#chartdiv {
    width: 100%;
    height: 500px;
}

#chartdivradar {
    width: 100%;
    height: 500px;
    font-size: 8pt
}
#chartdivstacked {
    width: 100%;
    height: 500px;
}
#chartdivmolona {
    width: 100%;
    height: 500px;
}