.bi {
     vertical-align: -0.125em;
     fill: currentColor;
 }


 body {
     font-size: 0.875rem;
 }

 ul.numbered-list {
     list-style-type: decimal;
 }

 .customLIMargin {
     margin-bottom: 10px;
     /* Adjust the value to increase or decrease the spacing */
 }

 .customFontWeight {
     font-size: 1.1em;
     font-weight: 500 !important;
 }

 .hiddenContent {
     display: none;
 }

 .displayInline {
     display: inline;
 }

 .customPadLeft {
     padding-left: 25px;
 }

 .accordionStyle {
     font-size: inherit;
     width: 65%;
 }

 .fullWidth {
     width: 100%;
 }

 .fontInherit {
     font-size: inherit;
 }

 .feather {
     width: 16px;
     height: 16px;
 }

 h2~*:not(h2) {
     margin-left: 20px;
 }

 .sidebar {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     z-index: 100;
     /* Behind the navbar */
     padding: 48px 0 0;
     /* Height of navbar */
     box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
 }

 @media (max-width: 767.98px) {
     .sidebar {
         top: 5rem;
     }
 }

 html {
     scroll-padding-top: 90px;
 }

 .sidebar-sticky {
     height: calc(100vh - 48px);
     overflow-x: hidden;
     overflow-y: auto;
     /* Scrollable contents if viewport is shorter than content. */
 }

 .sidebar .nav-link {
     font-weight: 500;
     color: #333;
 }

 .sidebar .nav-link .feather {
     margin-right: 4px;
     color: #727272;
 }

 .sidebar .nav-link.active {
     color: #2470dc;
 }

 .sidebar .nav-link:hover .feather,
 .sidebar .nav-link.active .feather {
     color: inherit;
 }

 .sidebar-heading {
     font-size: 0.75rem;
 }

 .navbar-brand {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     /* background-color: rgba(0, 0, 0, 0.25); */
     box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
 }

 .navbar .navbar-toggler {
     top: 0.25rem;
     right: 1rem;
 }

 .navbar .form-control {
     padding: 0.75rem 1rem;
 }

 .form-control-dark {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: rgba(255, 255, 255, 0.1);
 }

 .form-control-dark:focus {
     border-color: transparent;
     box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
 }

 .dropdown-toggle {
     outline: 0;
 }

 .btn-toggle {
     padding: 0.25rem 0.5rem;
     font-weight: 600;
     color: rgba(0, 0, 0, 0.65);
     background-color: transparent;
 }

 .btn-toggle:hover,
 .btn-toggle:focus {
     color: rgba(0, 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 0.35s ease;
     transform-origin: 0.5em 50%;
 }

 .btn-toggle[aria-expanded="true"] {
     color: rgba(0, 0, 0, 0.85);
 }

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

 .btn-toggle-nav a {
     padding: 0.1875rem 0.5rem;
     margin-top: 0.125rem;
     margin-left: 1.25rem;
 }

 .btn-toggle-nav a:hover,
 .btn-toggle-nav a:focus {
     background-color: #d2f4ea;
 }

 .scrollarea {
     overflow-y: auto;
 }

 .accordion-container {
     display: flex;
     flex-direction: column;
 }

 header {
     font-size: 1.2em;
     padding: 10px;
     text-align: left;
 }

 .split {
     flex: 1;
     padding: 20px;
 }

 .accordion-left-panel {
     flex-shrink: 0;
 }

 .accordion-right-panel {
     flex-grow: 1;
 }