#helpSideScrollerOverlay {
    position: fixed;
    top: 50px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: calc(100% - 50px);
    z-index: 9999;
    opacity:0;
    overflow:hidden;
    display:none;
}

#helpSideScrollerWrapper{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    right:-100%;
    overflow-y: auto;
    display:none;
    border-top: 2px solid var(--red);
}

#helpSideScrollerNewCloseBtn {
    width: 40px;
    display: inline-block;
    box-shadow: -1px 1px 3px var(--dark-grey4);
    height: 30px;
    text-align: center;
    cursor: pointer;
    background: var(--dark-grey5);
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 5px;
}

#helpSideScrollerNewCloseBtn:hover {
    background: var(--blue);
    color: white;
}

#helpSideScrollerNewCloseBtn span {
    vertical-align: bottom;
}

#helpSideScrollerNewEntryBtn span {
    vertical-align: sub;
}

#helpSideScrollerNewEntryBtn:hover {
    background: var(--green);
}

#helpSideScrollerNewEntryFormWrapper {
    display: none;
    width: 100%;
    padding: 5px 10px;
}

.helpSideScrollerActionBtn {
    display: block;
    text-decoration: none;
    color: var(--dark-grey3);
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
}
.actionPlaceholder{display: inline-block; position: absolute; width: 5px; height: 100%; left: 0; top: 0; background: transparent;}
#helpSideScrollerHelpMenu .actionPlaceholder.actionPlaceholderActive{background: var(--blue);}

.helpSideScrollerActionBtn:hover .actionPlaceholder{
    background: var(--dark-grey3);
}

#helpSideScrollerLeftTitle {
    border-bottom: 1px solid var(--grey);
    padding: 15px 0 10px 15px;
}

#helpSideScrollerLeftTitle img {
    vertical-align: middle;
    padding-bottom: 5px;
    margin-right: 15px;
}

#helpSideScrollerLeftTitle span {
    display: inline-block;
    font-size: 18px;
    color: var(--dark-grey3);
}
#helpSideScrollerLeftTitle .close {
    margin-top: -6px;
    margin-right: 13px;
    font-weight: normal;
}
#helpSideScrollerLeftTitle button span {
    font-size: 30px;
}


#helpSideScrollerRight .close {
    margin-top: 3px;
    margin-right: 0;
    font-size: 30px;
}


#helpSideScrollerInnerWrapper {
    position: relative;
    height: 100%;
}

#helpSideScrollerLeft {
    background: #F0F0F0;
    border: 1px solid var(--grey);
    border-left: 0;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

#helpSideScrollerLeft .well {
    margin-bottom: 0;
}

#helpSideScrollerRight {
    overflow-y: auto;
    background: white;
    height: 100%;
}

#helpSideScrollerHelpMenu{color: var(--dark-grey3); border-left: 5px solid var(--dark-grey4); box-sizing: border-box; padding: 0 10px; margin-bottom: 30px;}

#helpSideScrollerHelpMenu .list-group {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#helpSideScrollerHelpMenu .list-group-item {
    background: transparent;
    border: 0;
}

.helpSideScrollerSubItem {
    padding-left: 45px;
}

#helpSideScrollerHelpMenu .glyphicon {
    color: var(--dark-grey3);
    margin-right:5px;
    font-size: 10px;
    top: -1px;
}

#helpSideScrollerRightDataContent {
    padding: 13px;
    margin-bottom: 35px;
}

.helpSideScrollerEntryTitle {
    font-weight: bold;
}

.helpSideScrollerEntryRow {
    padding: 7px 5px;
    border-bottom: 1px solid var(--dark-grey5);
}

#helpSideScrollerHelpMenu .helpSideScrollerHelpMenuActive {background: #F5F5F5; color: var(--dark-grey2);}

#helpSideScrollerHelpMenu .actionPlaceholder{left: -15px; background: transparent;}
#helpSideScrollerHelpMenu .pointer:hover .actionPlaceholder:not(.actionPlaceholderActive){background: var(--dark-grey3);}

.helpSideScrollerActionBtnActive, a.list-group-item.helpSideMenuActive {background: #E7E7E7;}
.helpSideScrollerActionBtnActive .actionPlaceholder{background: var(--dark-grey4);}

.helpTopicsTreeInnerContainer:hover .actionPlaceholder:not(.actionPlaceholderActive){background: var(--dark-grey3);}

#helpSideScrollerLeftContent{overflow-y: auto; max-height: calc(100vh - 125px);}
#helpSideScrollerLeftContent .list-group{border-radius: 0;}

.helpTopicsTreeWrapper{position: relative;}

#helpSideScrollerHelpMenu .collapsed{display:none;}

.helpTopicsTreeRow{ font-size: 16px; padding: 5px 0;position: relative;}
.helpTopicsTreeRowEntries{ margin: -6px auto 0 0; font-size: 14px;} /*margin: -6px auto 6px 25px;*/
.helpTopicsTreeRowEntries>div{padding: 3px; position: relative;}



@media (max-width: 767px) {
    #helpSideScrollerRight, #helpSideScrollerLeft {height: auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #helpSideScrollerLeft {min-height: 575px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #helpSideScrollerLeft {min-height: 575px;}
}

@media (min-width: 1200px) {
    #helpSideScrollerWrapper {max-width: 1400px;}
}

#sideScrollerSearchWrapper .tableSearchWrapper{padding-left: 5px; margin-top: 5px; margin-bottom: 5px;}
#sideScrollerSearchWrapper [name=search]{width: 88%;}
#sideScrollerSearchWrapper .tableSearchWrapper .reset{margin-left: -10px; border-radius: 0 2px 2px 0;}

#helpSideScrollerSearchResults .amount{color: var(--dark-grey3);}
#helpSideScrollerSearchResults{position: absolute; top: 0; padding-top: 15px; width: calc(100% - 20px); min-height: 100%; display: none;}
#helpSideScrollerSearchResults .close{margin-top: -12px; margin-right: 10px;}
#helpSideScrollerSearchResults .helpSearchResultRow{padding: 5px; margin-top: 10px; border-bottom: 1px dashed var(--dark-grey5);}
#helpSideScrollerSearchResults .helpSearchResultRow .titleRow{color: var(--dark-grey3);}
#helpSideScrollerSearchResults .helpSearchResultRow .titleRow h4{margin-bottom: 0;}
#helpSideScrollerSearchResults .helpSearchResultRow .topicsRow{color: var(--dark-grey4);}
#helpSideScrollerSearchResults .helpSearchResultRow .moreRow{margin-top: 7px;}
#helpSideScrollerSearchResults .helpSearchResultRow .moreRow>span{text-decoration: underline;}
#helpSideScrollerSearchResults .helpSearchResultRow .moreRow>span:hover{text-decoration: none;}

#helpSideScrollerLeftTitleClose{position: relative; z-index: 999;}
#helpSideScrollerVersionsContent{position: absolute; top: 0; padding-top: 15px; width: calc(100% - 40px); min-height: 100%; background: white;}
#helpChangeLogWrapperBody{border-top: 1px solid #EEE;}
.helpChangeLogVersionTitle{font-weight: bold; font-size: 1.6rem; background: #393938; color: white; width: 100%; padding: 2px 10px;}
.helpChangeLogVersionDate{position: absolute; top: 13px; right: 25px; color: white;}
.helpChangeLogVersionContainer{padding: 10px 15px; border-bottom: 1px solid #EEE; position: relative; margin-bottom: 7px;}
.helpChangeLogVersionLogsType:not(:empty){background: #EEE; font-weight: bold; color: #0f0f0f; padding: 2px 10px;}
.helpChangeLogVersionLogsTitle{width: 40%; vertical-align: top;}
.helpChangeLogVersionLogsText{width: 60%;}
.helpChangeLogVersionTypeEntryWrapper{padding: 10px;}
.helpChangeLogVersionLogsWrapper{padding: 0 0 5px 0;}

#helpSideScrollerRightContent .ProgressCont{position: absolute; top: 0; left: 45%; z-index: 0;}