/*         COLORES            */

:root {
  --color-fondosidebar: #383838;
  --color-fondosidebar-hover: #232323;
}

/*     estilos sidebar nav      */

.navbar {
  padding: 0 !important;
}

.sidebar-nav {
  top: 0;
  margin: 0;
  padding-top: 50px;
  list-style: none;
  background-color: var(--color-fondosidebar);
}

.sidebar-nav li {
  position: relative;
  line-height: 20px;
  width: 100%;
}

.sidebar-nav li a:hover {
  background-color: var(--color-fondosidebar-hover);
  display: block;
  color: #ddd;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
}

#sidebar-footer {
  display: block;
  background-color: var(--color-fondosidebar);
  height: 100%;
}

/* efectos - botones - sidebar nav */

.sidebar-nav li a {
  display: block;
  color: #ddd;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
}

.sidebar-nav .nav-item .nav-link-a.active {
  font-weight: bold;
  background-color: var(--color-fondosidebar-hover);
}