.box-notify{position:relative}.notify_menu{position:absolute;background:#fff;width:336px;top:60px;right:0;box-shadow:0 1px 4px 0 #00000033}.notify-content_mobile .sidebar-section,.notify_menu .sidebar-section{border:1px solid var(--border-default-color);padding:.5rem;transition:.2s}.noti_menu_mobile{background-color:#fff}.notify_header{border-radius:12px 12px 0 0;background:var(--input-disable-color)}.notify_menu:before{content:'';position:absolute;top:-10px;right:8px;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid var(--input-disable-color)}.notify_content{max-height:380px;overflow-y:scroll;overflow-x:hidden}.notify_content::-webkit-scrollbar{width:8px}.notify_content::-webkit-scrollbar-thumb{background:rgba(188,191,214,.5);border-radius:14px}.notify_content:hover::-webkit-scrollbar-thumb:active{background:#bcbfd6}.notify_menu{display:none}.notify_menu.is-load{top:60px;bottom:60px}.notify_menu_seeMore,.close-notification-popup{cursor:pointer}.notify_menu_seeMore:hover{opacity:.6;transition:.2s}.notify_menu_seeMore span{color:var(--primary-color)}.notify_menu_seeMore>img{width:20px;-webkit-animation:mover .3s infinite alternate;animation:mover .3s infinite alternate}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-4px)}}#num-notification{content:'';position:absolute;top:4px;right:4px;background:var(--invalid-color);color:#fff;border-radius:100%;font-weight:500;font-size:10px;line-height:16px;padding:0 5px}.notify_content a:hover .sidebar-section{background:var(--input-disable-color);transition:.2s}.notify_menu_seeMore{display:none}.notification_type .tag{background-image:none;padding:5px 20px}.notification_type .tag.active{border:1px solid var(--primary-color);color:var(--primary-color);font-weight:500}.notification_type{max-width:100%;white-space:nowrap;overflow-x:scroll}.notification_type::-webkit-scrollbar{height:4px;opacity:0}.notification_type:hover::-webkit-scrollbar{opacity:1}.notification_type::-webkit-scrollbar-thumb{background:rgba(188,191,214,.5);border-radius:14px}.notification_type:hover::-webkit-scrollbar-thumb:active{background:#bcbfd6}.num-notification-inner{background:#da4343;color:#fff;border-radius:100%;font-weight:500;font-size:8px;line-height:14px;width:14px;height:14px;text-align:center;display:none}@media(max-width:992px){.notify_menu_seeMore{position:fixed;bottom:0;width:100%;background:#fff}.notify_content_layout{height:100%}.notify-content_mobile{background:#fff}.notify-content_mobile{padding-bottom:100px}.notification_type{margin-top:60px;margin-bottom:12px}.notify-content_mobile{overflow-y:scroll;height:100%}.notify_menu_seeMore:hover{opacity:1}}