body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir,Helvetica,Arial,sans-serif;margin:0;overscroll-behavior:none;text-align:center}.App{height:100vh;scrollbar-color:transparent transparent;scrollbar-width:thin;width:100vw}.darkApp{background-color:rgba(0,0,0,.88);color:#fff}.lightApp{background-color:#f4f4f4;color:#2c3e50}.mainPanel{justify-content:flex-start}.contentPage,.mainPanel{display:flex;flex-direction:row}.contentPage{flex-shrink:1;height:calc(100vh - 100px);justify-content:center;padding:20px 10px 20px 20px;width:calc(100% - 30px)}::-webkit-scrollbar{background:transparent;height:8px;width:8px}::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:20px}::-webkit-scrollbar-corner{background-color:initial}.headerContainer{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:49px;justify-content:space-between;padding:0 10px 0 8px;width:calc(100vw - 18px)}.lightHeader{background-color:#fff}.loginButton{cursor:pointer;font-size:15px;font-weight:700;width:80px}.loginButton:hover{color:#489cfc}.avatar{cursor:pointer;margin-left:40px}.headerNavigationLoggedIn{width:300px}.headerNavigationLoggedIn,.headerNavigationNotLoggedIn{align-items:center;display:flex;flex-direction:row;font-size:smaller;height:40px;justify-content:space-between}.headerNavigationNotLoggedIn{width:200px}.homeJump{background-color:#489cfc;border-radius:5px;color:#fff;font-size:medium;font-weight:bolder;padding:5px 10px}.homeJump,.jump{cursor:pointer;text-decoration:none}.jump{color:inherit;font-weight:700}.jump:hover{color:#489cfc}.jumpDivider{border-left:1px solid;cursor:default;height:18px}.darkJump{color:#fff}.lightJump{color:#2c3e50}.loadingContainer{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center;width:100vw}.lightLoading{background-color:#fff}.darkLoading{background-color:rgba(0,0,0,.88)}.footerContainer{align-items:center;border-top:1px solid #dcdce4;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;height:18px;justify-content:space-around;margin-top:3px;padding-bottom:1px;padding-top:5px;position:fixed;right:0;width:100vw;z-index:1}.darkFooter{background-color:rgba(0,0,0,.88)}.lightFooter{background-color:#fff}.company{font-size:12px;line-height:18px;margin-top:-2px}.sideBar{margin:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0}.lightSideBar{background-color:#fff}.navLink{text-decoration:none}.sideBarContainer{border-right:1px solid #fff;height:calc(100vh - 120px);padding:30px 20px 20px;width:164px}.navItemContainer{cursor:default;font-size:15px}.navItemContainer,.navSubItemContainer{font-weight:bolder;padding:10px 0;width:100%}.navSubItemContainer{font-size:13px}.notSelectedSubItem{color:gray;cursor:pointer}.notSelectedSubItem:hover{color:#489cfc}.selectedSubItem{background-color:#489cfc;color:#f4f4f4;cursor:default}.frameContainer{border:5px solid #fff;border-radius:25px;height:calc(100vh - 150px);width:calc(100% - 10px)}.iframeSrc{border-radius:20px}.publishContainer{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.publishOperationPanelContainer{display:flex;flex-direction:row;justify-content:space-between;padding:0 0 10px;width:100%}.viewContainer{align-content:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:865px;overflow:auto;width:100%}.viewSectionContainer{background-color:#fff;color:#000;margin-bottom:15px;margin-right:15px;margin-top:15px;padding-bottom:15px}.viewSection{display:flex;flex-direction:row;flex-wrap:wrap}.viewSectionTitle{color:gray;cursor:default;font-size:15px;font-weight:bolder;height:30px;line-height:30px;padding:10px 0;position:relative;text-align:center;width:100%}.viewSectionPanel{position:absolute;right:20px}.viewSubSectionContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.viewSectionHalfPart{min-width:280px;width:50%}.viewSectionWholePart{display:flex;flex-direction:row;justify-content:center;width:100%}.viewSectionWholePartFlexStart{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.loadingPageForPanelNew,.loadingPageForPanelTotal{display:flex;flex-direction:column;height:201px;justify-content:center}.statSectionContent{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.statTextBlock{margin:5px 0;min-width:120px;-webkit-transform:scale(.9);transform:scale(.9);width:20%}