.notification-item-container{border:1px solid #d4d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:#555;border-radius:12px;padding:12px;padding-bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:500;margin-bottom:12px}#btn-mark-read svg{fill:var(--maincolor);width:20px;height:20px}.notification-item-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:12px}.notification-item-title-readed{font-size:1rem;font-weight:400;color:#929090}.notification-item-title-unread{font-size:1rem;font-weight:700;color:#666}.notification-item-message-readed{font-size:.7rem;max-height:200px;overflow:hidden;font-weight:300;color:#333}.notification-item-message-unread{font-size:.7rem;max-height:200px;max-width:160px;overflow:hidden;font-weight:500;color:#333}.btn-go-to-comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem;font-weight:500;color:#666;cursor:pointer;margin-top:24px;padding-bottom:12px}.btn-go-to-comment svg{fill:#555;width:16px;margin-left:6px}.spacer{padding-right:24px;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.spacer,.title-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.title-notification{height:40px;min-width:280px;color:var(--maincolor);border-radius:12px;padding:20px;padding-right:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:500}#__bv_popover_66__{min-width:320px!important}.mark-all-as-read svg{fill:var(--maincolor);width:20px}.notifications-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:16px;padding-right:20px;min-height:20vh;max-height:50vh;overflow:auto;overflow-x:hidden}.notifications-container::-webkit-scrollbar{width:6px}.notifications-container::-webkit-scrollbar-track{background:#f2f2f2;border-radius:3px}.notifications-container::-webkit-scrollbar-thumb{background-color:#dbd9d9;border-radius:5px;border:1px solid #e6e5e5}#popover-target-1 svg{fill:var(--maincolor);width:30px;margin-right:12px}b-popover:focus{box-shadow:none;min-width:800px}.btn.focus,.btn:focus,b-popover:focus{outline:none!important;-webkit-box-shadow:none}.btn.focus,.btn:focus{box-shadow:none!important}