/* GERAL */
body, html, * {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Material Symbols Outlined font for .material-symbols-outlined */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

    
      .material-icons {
        font-family: 'Material Icons' !important;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
        width: 1em;
        text-align: center;
        cursor: pointer;
        user-select: none;
      }
    

/* SIDEBAR */
.sidebar-nav .nav-link,
.sidebar-nav .nav-title {
  font-size: 0.85rem !important;
  color: #d1d5db !important; /* light gray */
}

.sidebar-nav .nav-link {
  color: rgba(233,236,239,.5) !important;
  transition: color 0.15s;
}
.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link:focus {
  color: rgba(233,236,239,.8) !important;
}

.sidebar-nav .material-symbols-outlined.nav-icon {
  font-size: 1.5rem;
  vertical-align: middle;
}

/* Center sidebar logo */
.sidebar-logo-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Header settings icon */
.header-nav .material-symbols-outlined.settings-icon {
  font-size: 1.7rem;
}