.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}
a.nav-link{margin: 0; padding: 10px; float: left; width: 100% !important; font-size: 12px;}
.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }

.bg-gradient{background-color: var(--base-dark);background-image: linear-gradient(var(--base-light), var(--base-dark)) !important;margin: 10px;border-radius: 20px;width: 90%;position:sticky;}

.bg-gradient a{ width: 90%; margin: 0 auto;}
.bg-gradient a img{ width: 100%;}
.bg-gradient ul li a{ width: 100%;}
.footer-menu p{ font-size: 12px; color: #fff; width: 100%; text-align: center; margin-top: 50px; margin-bottom: 0; float: left;}
.footer-nav{width: 100%;text-align: center;float: left; margin-left:0px !important;}
.footer-nav a{font-size: 12px;color: #fff;text-align: center;/* float: left; */width: auto;text-decoration: none;margin-right: 2px;}
.nav-item{ margin: 5px 0; width: 250px;}
span.fs-4{ font-size: 12px !important; font-weight: bolder; color: #fff; margin: 20px 0 0; padding: 10px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background: rgba(255, 255, 255, 0.2);}
.nav-link img{ width: 9% !important; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(214deg) brightness(105%) contrast(101%);}
.nav-link span{ font-size: 12px; font-weight: normal; padding: 1px 5px; float: right; width: 90%; color: #fff;}