.notifications-btns{height:15%;width:100%}.notifications-btns button{height:100%;width:50%;color:#fff}.notifications-btns button:hover{opacity:.6;color:#000}.notification-wrapper::-webkit-scrollbar,.notification-wrapper-popup::-webkit-scrollbar{width:8px;height:8px}.notification-wrapper::-webkit-scrollbar-thumb,.notification-wrapper-popup::-webkit-scrollbar-thumb{background-color:#666;border-radius:10px}.all-notifications-popup{position:fixed;top:20%;left:50%;transform:translate(-50%,-20%);z-index:150;background-color:#fff;box-shadow:0 1px 15px #7b7b7b0d;width:30%;padding:8px 16px;border-radius:5px}.all-notifications-popup .all-notifications-popup-header{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.all-notifications-popup .all-notifications-popup-header h1{font-size:30px;color:#333}.all-notifications-popup .notification-wrapper-popup .notification{padding:8px 8px 0}.all-notifications-popup-background{z-index:149;height:100%;width:100%;position:fixed;right:0;background:#d3d3d37f;display:flex;align-items:center;justify-content:center}.sidebar-popup{position:fixed;transition:all .8s;top:-1000px;right:0;border:1px solid #ccc;padding:12px;background:#fff;box-shadow:0 1px 15px #7b7b7b0d;border-radius:10px;z-index:49}.notification-extra{height:250px;width:300px;overflow-y:auto;padding:0;position:fixed;transition:all .8s;right:-1000px;border:1px solid #ccc;background:#fff;box-shadow:0 1px 15px #7b7b7b0d;border-radius:10px;z-index:49}.notification-extra .notification div{padding:12px}.fixed-notification-footer{position:fixed;bottom:0;width:100%;background-color:#f8f9fa;padding:10px;border-top:1px solid #ccc}.p-overlay-badge .p-badge{display:flex;align-items:center;justify-content:center;padding:8px;background:#5e81ac}.p-badge{display:flex;min-width:16px;height:16px;background:#5e81ac}