.sticky {
    position: sticky;
    top: 0;
    max-height: 100vh;
}

.toggle-nav-sidebar {
    z-index: 20;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 23px;
    width: 23px;
    border: 0;
    border-right: 1px solid var(--hairline-color);
    background-color: var(--body-bg);
    cursor: pointer;
    font-size: 20px;
    color: var(--link-fg);
    padding: 0;
}

[dir="rtl"] .toggle-nav-sidebar {
    border-left: 1px solid var(--hairline-color);
    border-right: 0;
}

.toggle-nav-sidebar:hover,
.toggle-nav-sidebar:focus {
    background-color: var(--darkened-bg);
}

#nav-sidebar {
    z-index: 15;
    flex: 0 0 200px;
    left: -276px;
    margin-left: -276px;
    border-top: 1px solid transparent;
    border-right: 1px solid var(--hairline-color);
    background-color: #191919;
    overflow: auto;
}

[dir="rtl"] #nav-sidebar {
    border-left: 1px solid var(--hairline-color);
    border-right: 0;
    left: 0;
    margin-left: 0;
    right: -276px;
    margin-right: -276px;
}

.toggle-nav-sidebar::before {
    content: '\00BB';
}

.main.shifted .toggle-nav-sidebar::before {
    content: '\00AB';
}

.main.shifted > #nav-sidebar {
    margin-left: 0;
}

[dir="rtl"] .main.shifted > #nav-sidebar {
    margin-right: 0;
}

#nav-sidebar .module th {
    width: 100%;
    overflow-wrap: anywhere;
}

#nav-sidebar .module th,
#nav-sidebar .module caption {
    padding-left: 44px;
}

#nav-sidebar .module td {
    white-space: nowrap;
}

[dir="rtl"] #nav-sidebar .module th,
[dir="rtl"] #nav-sidebar .module caption {
    padding-left: 8px;
    padding-right: 16px;
}

#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited {
    color: var(--header-color);
    font-weight: bold;
}

#nav-sidebar .current-model {
    background: var(--selected-row);
}

.main > #nav-sidebar + .content {
    max-width: calc(100% - 23px);
}

.main.shifted > #nav-sidebar + .content {
    max-width: calc(100% - 299px);
}

#nav-filter {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 5px;
    margin: 5px 0;
    border: 1px solid var(--border-color);
    background-color: var(--darkened-bg);
    color: var(--body-fg);
}

#nav-filter:focus {
    border-color: var(--body-quiet-color);
}

#nav-filter.no-results {
    background: var(--message-error-bg);
}

#nav-sidebar table {
    width: 100%;
}

#toggle-nav-sidebar {
    display: none !important;
}

#nav-sidebar caption {
    background-color: #191919;
    font-size: 16px;
    font-weight: 500;
}

#nav-sidebar .app-product table caption a {
    position: relative;
}

#nav-sidebar .app-order table caption a {
    position: relative;
}

#nav-sidebar .module {
    margin-bottom: 26px !important;
}

#nav-sidebar .app-product table caption a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -28px;
    background-image: url("../img/store.svg");
    width: 20px;
    height: 20px;
}

#nav-sidebar {
    padding-top: 26px !important;
}

#nav-sidebar .app-product table caption {
    padding-bottom: 18px !important;
}

#nav-sidebar .app-order table caption a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -28px;
    background-image: url("../img/order.svg");
    width: 20px;
    height: 20px;
}

#nav-sidebar {
    padding: 20px;
    /*width: 150px !important;*/
}

#nav-sidebar caption a {
    vertical-align: middle;
   color: #999999 !important;
    display: inline-block;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/*#nav-sidebar caption a:before {*/
/*    content: "";*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C3 3.44772 3.44772 3 4 3H7H8H11H13H16H17H20C20.5523 3 21 3.44772 21 4V11C21 11.8885 20.6137 12.6868 20 13.2361V21H4V13.2361C3.38625 12.6868 3 11.8885 3 11V4ZM6 14V19H18V14C17.2316 14 16.5308 13.7111 16 13.2361C15.4692 13.7111 14.7684 14 14 14C13.2316 14 12.5308 13.7111 12 13.2361C11.4692 13.7111 10.7684 14 10 14C9.23164 14 8.53076 13.7111 8 13.2361C7.46925 13.7111 6.76836 14 6 14ZM13 5H15V11C15 11.5523 14.5523 12 14 12C13.4477 12 13 11.5523 13 11V5ZM17 11V5H19V11C19 11.5523 18.5523 12 18 12C17.4477 12 17 11.5523 17 11ZM11 11V5H9V11C9 11.5523 9.44772 12 10 12C10.5523 12 11 11.5523 11 11ZM5 5H7V11C7 11.5523 6.55228 12 6 12C5.44772 12 5 11.5523 5 11V5Z' fill='white'/%3E%3C/svg%3E%0A");*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    fill: white;*/
/*    margin-right: 8px;*/
/*    margin-bottom: 3px;*/
/*}*/

#nav-sidebar tr {
    background-color: #191919 !important;
}

#nav-sidebar th {
    border-bottom: none;
}

#nav-sidebar th a {
    font-size: 18px;
    padding: 8px 0;
    display: block;
    color: white !important;
}

.module {
    background-color: transparent !important;
}

#nav-sidebar tr.current-model th {
    background-color: rgba(250, 250, 250, 0.1) !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

#nav-sidebar tr th {
    padding: 14px 0 14px 44px;
}

#nav-sidebar tr a {
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 100% !important;
    font-weight: 700 !important;
    padding: 0 !important;
}