.settings-nav {
    background: transparent !important;
    font-size: 15px;
  }

  .settings-nav .list-group-item {
    background: transparent !important;
    border: none;
    border-radius: 5px;
    color: #2c3e50;
    cursor: pointer;
    margin-bottom: 4px;
  }

  .settings-nav .list-group-item.active,
  .settings-nav .list-group-item.active:focus,
  .settings-nav .list-group-item.active:hover {
    background-color: #ecf0f1 !important;
    color: #2c3e50;
  }

  .settings-nav .list-group-item:focus,
  .settings-nav .list-group-item:hover {
    background: transparent !important;
    color: #2c3e50;
  }

  html.dark-mode .settings-nav .list-group-item,
  body.dark-mode .settings-nav .list-group-item {
    background: transparent !important;
    color: #dce5ec;
  }

  html.dark-mode .settings-nav,
  body.dark-mode .settings-nav {
    background: transparent !important;
  }

  html.dark-mode .settings-nav .list-group-item.active,
  html.dark-mode .settings-nav .list-group-item.active:focus,
  html.dark-mode .settings-nav .list-group-item.active:hover,
  body.dark-mode .settings-nav .list-group-item.active,
  body.dark-mode .settings-nav .list-group-item.active:focus,
  body.dark-mode .settings-nav .list-group-item.active:hover {
    background-color: #2b3f4c !important;
    color: #ffffff;
  }

  html.dark-mode .settings-nav .list-group-item:focus,
  html.dark-mode .settings-nav .list-group-item:hover,
  body.dark-mode .settings-nav .list-group-item:focus,
  body.dark-mode .settings-nav .list-group-item:hover {
    background: transparent !important;
    color: #ffffff;
  }


@media (min-width: 768px) {
  .settings-content {
    padding-left: 60px !important;
  }
}