.col-left-nav {position: sticky;top: 10.9375rem;height: max-content;flex-grow: 0;flex-shrink: 0;display: none; } @media (min-width: 768px) {.col-left-nav {display: block;} } @media (min-width: 1100px) {.col-left-nav {flex-basis: 21%;max-width: 21%;padding-right: 1.71875rem;} } .col-content {flex-grow: 0;flex-shrink: 0; } @media (min-width: 1100px) {.col-content {flex-basis: 79%;max-width: 79%;} } .nav-left-nav {flex-direction: column;margin-bottom: 0;background: #f8f8f8; } .nav-left-nav .nav-item {border-bottom: solid 1px var(--card-border-color);padding: 0; } .nav-left-nav .nav-item:last-child {border-bottom: 0; } .nav-left-nav .nav-item span {position: relative;display: block; } .nav-left-nav .nav-item span .btn {position: absolute;right: 0;height: 100%;top: 0;box-shadow: none; } .nav-left-nav .nav-item span .btn svg {width: 1.5rem;height: auto;transition: transform 0.05s ease-in-out; } .nav-left-nav .nav-item span .btn:not(.collapsed) svg {transform: rotate(90deg); } .nav-left-nav .nav-item span .btn:hover {color: var(--primary); } .nav-left-nav .nav-item span .btn:hover ~ .nav-link:not(.active) {background: #d7d7d7 !important; } .nav-left-nav .nav-item.active > span .btn {color: var(--white); } .nav-left-nav .nav-link {border: 0;width: 100%;padding-top: 0.6875rem;padding-bottom: 0.6875rem;font-weight: 500;color: var(--body-color);text-align: left;background: transparent; } .nav-left-nav .nav-link:last-child {border-bottom: 0; } .nav-left-nav .nav-link.nav-link-level-1 {background: rgba(0, 0, 0, 0.1); } .nav-left-nav .nav-link.nav-link-level-2 {background: rgba(0, 0, 0, 0.05); } .nav-left-nav .nav-link:hover {background: #d7d7d7;color: var(--body-color); } .nav-left-nav .nav-link.active, .nav-left-nav .nav-link.active:hover {background: var(--primary) !important;color: var(--white) !important; } .nav-left-nav ul {list-style-type: none;padding-left: 0;width: 100%;border-top: solid 1px var(--card-border-color); } .nav-left-nav ul .nav-link {padding-left: 2.0625rem;font-size: 0.9375rem; } .nav-left-nav ul ul:not(.show) {display: none; } .nav-left-nav ul ul .nav-link {padding-left: 2.25rem;font-size: 0.875rem; }