.mainWebSite.bookViewBody{display:flex;flex-direction:column;width:100%;height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}header.bookHead{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;background-color:#1a222b;position:sticky;top:0;z-index:10;height:50px}header.bookHead nav{display:flex;gap:13px}header.bookHead nav a.selected svg{color:#cf2c99!important}header.bookHead nav a svg{color:#329279;font-size:20pt;padding:2px;border-radius:4px}header.bookHead nav a svg:hover{color:#4ab498}header.bookHead .userMenuBox .usersBox{background-color:#1a222b}header.bookHead .userMenuBox .guest,header.bookHead .userMenuBox .usersBox h4,header.bookHead .userMenuBox .usersBox h5{color:#fff}.bookFrames{transition:all .3s;flex:1;zoom:1}.bookPagingNav{position:fixed;right:0;left:0;margin:auto;z-index:11;display:flex;justify-content:space-between;gap:20px;align-items:center;width:250px;top:0;background-color:#000;padding:8px 10px}.bookPagingNav a{color:#fff;padding:4px}.bookPagingNav a svg{font-size:16pt}.bookPagingNav a:hover{color:#4ab498}.bookPagingNav input{width:70px;-moz-appearance:textfield;-webkit-appearance:none;text-align:center;font-size:12pt;padding:5px;border-radius:20px;font-weight:800}.bookPagingNav input::-webkit-inner-spin-button{-webkit-appearance:none}.mainWebSite.bookViewBody .pdfBookBox{flex:1;height:200px}.bookInfoBox{position:absolute;z-index:1;right:5px;bottom:5px;background-color:#fff;direction:rtl;padding:8px}.bookInfoBox h1,.bookInfoBox h2{font-weight:800;font-size:10pt}@media only screen and (max-width:600px){.bookPagingNav{top:unset;bottom:10px;border-radius:20px}}