/* ============================================================
   MENU CLIMATIKO
   PADRAO ESTAVEL
============================================================ */


/*
  Não altera a cor/gradiente existente.
  Apenas normaliza espaço, fonte e seleção.
*/

#sidebar,
.sidebar,
.app-sidebar{

  box-sizing:
    border-box !important;

}


/* ------------------------------------------------------------
   ITENS PRINCIPAIS
------------------------------------------------------------ */

#sidebar a,
#sidebar button,

.sidebar a,
.sidebar button,

.app-sidebar a,
.app-sidebar button{

  box-sizing:
    border-box;

  font-family:
    inherit;

}


/*
  Grupos principais:
  Cadastros, RH, Itens, Orçamentos...
*/

#sidebar .nav-item,
#sidebar .menu-item,

.sidebar .nav-item,
.sidebar .menu-item,

.app-sidebar .nav-item,
.app-sidebar .menu-item{

  min-height:
    38px;

  margin:
    2px 7px;

  padding:
    8px 10px;

  border-radius:
    7px;

  font-size:
    12.5px !important;

  font-weight:
    600;

  line-height:
    1.25;

}


/* ------------------------------------------------------------
   SUBMENUS
------------------------------------------------------------ */

#sidebar .submenu a,
#sidebar .submenu button,
#sidebar .submenu-item,

.sidebar .submenu a,
.sidebar .submenu button,
.sidebar .submenu-item,

.app-sidebar .submenu a,
.app-sidebar .submenu button,
.app-sidebar .submenu-item{

  min-height:
    31px;

  margin:
    1px 8px 1px 24px;

  padding:
    6px 9px;

  border-radius:
    6px;

  font-size:
    11.5px !important;

  font-weight:
    400;

  line-height:
    1.25;

}


/* ------------------------------------------------------------
   ITEM SELECIONADO
------------------------------------------------------------ */

#sidebar .active,
#sidebar [aria-current="page"],

.sidebar .active,
.sidebar [aria-current="page"],

.app-sidebar .active,
.app-sidebar [aria-current="page"]{

  background:
    rgba(73,126,204,.34) !important;

  box-shadow:
    inset 3px 0 0
    #77c9ef;

  color:
    #fff !important;

}


/*
  Não transforma todos os itens em grandes blocos.
*/

#sidebar .submenu .active,
.sidebar .submenu .active,
.app-sidebar .submenu .active{

  background:
    rgba(73,126,204,.25) !important;

}


/* ------------------------------------------------------------
   TITULOS GESTAO / OPERACIONAL
------------------------------------------------------------ */

#sidebar .menu-section-title,
#sidebar .section-title,

.sidebar .menu-section-title,
.sidebar .section-title,

.app-sidebar .menu-section-title,
.app-sidebar .section-title{

  margin:
    17px 14px 8px;

  font-size:
    10px !important;

  font-weight:
    600;

  letter-spacing:
    .8px;

  opacity:
    .58;

}


/* ------------------------------------------------------------
   ICONE
------------------------------------------------------------ */

#sidebar svg,
#sidebar i,

.sidebar svg,
.sidebar i,

.app-sidebar svg,
.app-sidebar i{

  flex:
    0 0 auto;

}


/* ------------------------------------------------------------
   EVITA QUE TEXTO SEJA CORTADO QUANDO ABERTO
------------------------------------------------------------ */

#sidebar:not(.collapsed) span,
.sidebar:not(.collapsed) span,
.app-sidebar:not(.collapsed) span{

  overflow:
    visible;

  text-overflow:
    clip;

  white-space:
    normal;

}