:root{
    --progressBar-color: #F56476;
    --toolbar-icon-bg-color: #F56476;
    --separator-color: rgba(0,0,0,0.1)
}

#toolbarViewerRight,
#scaleSelectContainer,
#viewsManagerToggleButton,
#viewsManager,
.toolbarButtonWithContainer,
.toolbarButtonSpacer{
    display: none !important;
}
#mainContainer{
    flex-direction: column-reverse;
}
#toolbarContainer #loadingBar{
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    border: none;
}
#toolbarViewerLeft{
    margin: 0 auto;
    padding-left: 59px;
}
#toolbarViewerLeft button,#toolbarViewerMiddle button{
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#toolbarViewerLeft button:before,#toolbarViewerMiddle button:before{
    cursor: pointer;
}
#viewerContainer{
    inset: 0 0 var(--toolbar-height);
}

@media all and (max-width: 690px) {
    #toolbarViewerLeft .hiddenSmallView,
    #toolbarViewerLeft .hiddenSmallView * {
        display: inline flex !important;
    }
}