.topbar{box-sizing:border-box;z-index:1000;background-color:#3e3c46;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:fixed;top:0;left:0;right:0}.nav-links{gap:20px;list-style:none;display:flex}.nav-links li:before{content:"";width:0;height:0}.nav-links.onSite{font-weight:700}.menuFontStyle{color:#fff}.leftAndRight{align-items:center;display:flex}.leftAndRight div{align-items:center}.wrapperMenulist{padding-left:10px}.menulist{padding:10px}.menuLink{color:#fff;cursor:pointer}.topbar a{color:#f1eeee;font-weight:15px;text-decoration:none}.menuBtn{border-radius:100%;margin:0 10px;font-size:20px;display:none}.menuNotification{color:#c1c0c0;cursor:pointer;border-radius:100%;padding:8px 14px;font-size:30px}.menuNotification:hover,.menuNotification:focus{opacity:.8}.timeRecieved{color:#7c7c7c;font-size:12px;font-weight:bolder}.logoSize{width:80px;height:auto}.topbar ul{margin-right:10px}.bottomPage{text-align:center;color:#fff;z-index:2;background-color:#1d1f25;padding:15px 20px;position:relative;bottom:0}.bottomLink{color:#fff;cursor:pointer;transition:all .5s}.bottomLink:hover{color:#2297a0}.flexContainerBottom{max-width:1300px;margin:auto;display:flex}.flexContainerBottom .div3x{text-align:left;width:33%}.dropDownMenu{z-index:1;background-color:#37353c;flex-direction:column;width:350px;max-width:500px;transition:all .5s;position:fixed;top:109px;bottom:0;right:-30em;overflow:auto}.dropDownMenu.active{display:flex;right:0}.dropDownHeader{color:#fff;border-bottom:.3px solid #c1c0c0;padding:15px;font-size:25px}.dropDownMenuBtn{cursor:pointer;padding:10px 15px;font-size:18px}.notificationMenu{background-color:#fff;border-radius:10px;width:350px;transition:all .5s;display:none;position:fixed;top:120px;right:20px}.notificationMenu.active{display:block;box-shadow:0 2px 20px 10px #4a599e66}.notificationMenu .header{color:#fff;background-color:#3e3c46;border-bottom:.5px solid #797979;border-radius:3px 3px 0 0;flex-direction:row;justify-content:space-between;padding:10px;display:flex}.notificationMenu a{color:#4a68bd;transition:all .6s}.notificationMenu a:hover{color:#1a2d60;text-decoration:underline}.notificationMenu .body{background-color:#fff;border-radius:0 0 10px 10px;flex-direction:column;display:flex}.closeButton{border-radius:10px;padding:4px 2px;transition:all .5s}.closeButton:hover{color:#000;background-color:#d7c1c1}.notificationMenu .bottom{text-align:center;color:#000;background-color:#f9f2f2;border-radius:0 0 3px 3px;padding:5px;font-size:15px}.notificationMenu .bottom a{color:#000;cursor:pointer;text-align:center}.notificationMenu .body .content{padding:5px;font-size:13px;display:flex}.nofific_counter{color:#e0e0e0;text-align:center;background-color:#cc9330;border-radius:100%;justify-content:center;padding:5px 10px;font-size:10px;font-weight:bolder;display:flex;position:absolute;top:15px;right:80px}@media (max-width:800px){.menuBtn{color:#c1c0c0;cursor:pointer;padding:0;font-size:30px;display:flex}.nav-links{box-sizing:border-box;opacity:0;z-index:1;background-color:#3e3c46;flex-direction:column;width:100%;padding:30px 15px;font-size:25px;transition:all .6s;position:fixed;top:-25em;left:0;right:0}.nav-links.active{opacity:1;display:flex;top:100px}.rightSide{margin-top:0%}.nofific_counter{right:130px}.flexContainerBottom{flex-direction:column}.flexContainerBottom .div3x{width:100%}}