:root {
    --primaryColor: #38b6ff;
    --secondaryColors: #071e52;
    --socialBg: #242424;
    --subTextColor: #555;
    --bodyBg: #ffffff;
    --primary-blue: #2c76bf;
    --primary-dark: #232b37;
    --primary-darker: #1d232e;
    --footer-bg: #0f141a;
    --white: #ffffff;
    --gray-light: #f9f9f9;
    --gray-border: #e3e3e3;
    --gray-text: #a4a4ad;
    --gray-medium: #555;
    --accent-book: #4a83fa;
    --accent-solution: #46c559;
    --accent-distribution: #d247f2;
    --accent-summary: #8e34fd;
    --accent-papers: #f87829;
    --accent-project: #f82116;
    --veiwWidth: calc(100vw - 17px);
    --padding: calc(var(--veiwWidth) / 2 - 785px);
}
.toolbar #toolbarContainer{background-color: var(--primary-dark);}
.toolbar #toolbarViewerLeft #sidebarToggleButton.toolbarButton{display: none;}
.toolbar #toolbarContainer #toolbarViewer .toolbarButtonSpacer{width: 40px !important;}
.toolbar #toolbarViewerLeft .toolbarHorizontalGroup.ml-page{margin-left: 0px;}
.toolbar #toolbarViewerLeft .toolbarButtonWithContainer{display: none;}
.toolbar #toolbarViewerLeft .loadingInput #pageNumber.toolbarField{font-size: 12px !important;}
.toolbar #toolbarViewerRight #editorModeButtons{display: none;}
.toolbar #toolbarViewerRight .verticalToolbarSeparator{display: none;}
.toolbar #toolbarViewerRight .toolbarHorizontalGroup.hiddenMediumView{display: none;}
.toolbar #toolbarViewerRight #secondaryToolbarToggle{display: none;}
.toolbar #toolbarViewerRight .website-link{padding: 4px;}
.toolbar #toolbarViewerRight .website-link a{display: flex;width: 100%; height: 100%;}
.toolbar #toolbarViewerRight .website-link a img{width: 100%; height: 100%; object-fit: contain;}
.toolbar #toolbarViewerRight .website-link:before{display: none;}
.toolbar #toolbarViewerMiddle{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.toolbar .toolbarLabel{color: #fff;}
.toolbar .toolbarButton{color: #fff;}
.toolbar .toolbarButton::before{background-color: #fff;}
.toolbar :is(.dropdownToolbarButton > select):is(:hover,:focus-visible){background-color: #fff; color: var(--primary-dark);}

@media screen and (max-width:480px) {
  .toolbar #toolbarViewerMiddle{position: relative;top: auto;left: auto;transform: none;margin: 0 10px 0 auto;}
  .toolbar #toolbarContainer #toolbarViewer .toolbarButtonSpacer{width: 40px !important;}
}