.navigationlist {
    height: calc(100vh - 100px);
    overflow-y: auto;
 }
.navigationlist ul {
    padding-left: 0;
    padding-right: 20px;
}
.navigationlist .child-layer {
    padding-left: 20px;
}

.navigationlist li {
    list-style: none;
    padding: 15px 10px 15px 0;
    border-bottom: 1px solid #f6f6f6;
    font-size: 14px;
    position: relative;
}

.navigationlist li a {
    font-size: 14px;
    font-weight: 700;
    color: #747676;
    text-decoration: none;
}

.navigationlist li a:hover {
    text-decoration: none;
}

.navigationlist .active {
    font-weight: bold !important;
    color: black !important;
}

.icon-plus {
    height: 10px;
    width: 10px;
    margin-top: 10px;
    float: right;
    cursor: pointer;
    background: url('../../../../../content/dam/mec/icons/plus.svg') no-repeat;
    background-size: contain;
}
.icon-minus {
    height:10px;
    width:10px;
    margin-top:10px;
    float:right;
    cursor: pointer;
    background:url("../../../../../content/dam/mec/icons/minus.svg") no-repeat;
    background-size: contain;
}
.icon-plus, .icon-minus {
    position: absolute;
    right: 0;
    top: 10px;
}
.ts-docs .doc-side-nav .folder-toggle-icon[aria-expanded=false] .icon-plus,
.ts-docs .doc-side-nav .folder-toggle-icon[aria-expanded=true] .icon-minus {
 display:inline-block
}
.ts-docs .doc-side-nav .folder-toggle-icon[aria-expanded=false] .icon-minus,
.ts-docs .doc-side-nav .folder-toggle-icon[aria-expanded=true] .icon-plus {
 display:none
}
@media (min-width: 992px) and (max-width: 2000px) {
    .affix {
        position: fixed;
        top: 0;
        width: 20%;
    }
}