.panel-heading .title {font-size: 18px; font-weight: 600}
.panel-heading { justify-content: space-between; }
.panel-actions { margin-left: auto; }

#docPanel {flex: 1 1 100%; margin-right: 1.5rem;}

.scrollbar-hover { overflow-y: scroll; }
#mainContent .panel+.panel {flex: none}
#history{ position: relative; flex: 0 1 40%; z-index: 120;}
#history > #closeBtn { position: absolute; right: 0; top: 0;}

.main-content-cell > .panel {max-height: calc(100vh - 110px); overflow-y: auto;}
.main-content-cell > .panel > .doc-content {padding-right: 0;}

#contentTree {background: #fff; position: sticky; height: calc(100vh - 180px)!important; overflow: auto; top: 3rem; right: 1rem; z-index: 100; flex: 0 1 30%;}
#contentTree .tree-item .item-content > a {white-space: nowrap; text-overflow: clip; overflow: hidden;}

#docPanel::-webkit-scrollbar,
#contentTree::-webkit-scrollbar {height: 0px; width: 0px; background: transparent;}
#contentTree::-moz-scrollbar {height: 0px; width: 0px; background: transparent;}

.w-144 {width: 36rem;}

#outlineToggle {display: block; position: absolute; top: 5.5rem; right: 3.5rem; z-index: 110;}