.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: #fff;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content { 
    background-color: #fff;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li {
    border-top: none;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: black;
    display: flex
    align-items: center;
    justify-content: space-between;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
    padding-bottom: 8px;
    padding-top: 8px;
        font-size: 12px;
    font-weight: 400;
}


/* Remove o ícone de setinha e coloca um + */
.nav-sidebar .menu-item-has-children > button.toggle i {
  display: none; /* esconde a setinha original */
}

.nav-sidebar .menu-item-has-children > button.toggle::after {
  content: "+"; /* coloca o + */
  font-size: 16px;
  font-weight: bold;
  color: #000; /* pode mudar a cor */
  display: inline-block;
  margin-left: 5px;
}


/* === Remove ícone de seta e coloca + nos menus com toggle === */

/* Esconde o ícone padrão */
.menu-item-has-children > button.toggle i,
.account-item.has-child > button.toggle i {
  display: none;
}

/* Adiciona + */
.menu-item-has-children > button.toggle::after,
.account-item.has-child > button.toggle::after {
  content: "+";
  font-size: 16px;
  font-weight: bold;
  color: #000; /* pode trocar a cor */
  display: inline-block;
  margin-left: 5px;
}

/* Quando o submenu estiver aberto, vira - */
.menu-item-has-children[aria-expanded="true"] > button.toggle::after,
.account-item.has-child[aria-expanded="true"] > button.toggle::after {
  content: "-";
}



.off-canvas:not(.off-canvas-center) .nav-vertical li ul.sub-menu.nav-sidebar-ul.children a{
    font-size: 10px;
    text-transform: uppercase;
}


.off-canvas:not(.off-canvas-center) .nav-vertical li.active >a { 
  font-weight: 700; /* bold */
  text-transform: uppercase;
}