.notification-box .panel-heading[data-v-6901387c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px}.notification-box .panel-heading .panel-title[data-v-6901387c]{width:145px}.notification-box .panel-heading .panel-title[data-v-6901387c]:before{content:attr(data-title)}.notification-box .panel-heading .filter-box[data-v-6901387c]{width:calc(100% - 145px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:8px}.notification-box .panel-heading .filter-box ul.filter-options[data-v-6901387c]{list-style:none;padding:0;margin-bottom:0}.notification-box .panel-heading .filter-box ul.filter-options li[data-v-6901387c]{width:85px;float:left}.notification-box .panel-heading .filter-box ul.filter-options li .ckbox span[data-v-6901387c]:before{content:"";top:1px;left:-16px}.notification-box .panel-heading .filter-box ul.filter-options li .ckbox span[data-v-6901387c]:after{left:-13.5px;top:-1px}.notification-box .panel-heading .filter-box ul.filter-options li .rdiobox span[data-v-6901387c]:before{top:1px;left:-16px}.notification-box .panel-heading .filter-box ul.filter-options li .rdiobox span[data-v-6901387c]:after{top:4px;left:-13px}.notification-box .panel-body[data-v-6901387c]{padding:0}.notification-box .panel-body ul[data-v-6901387c]{list-style:none;padding-left:0;margin-bottom:0}.notification-box .panel-body ul .list-notify-item[data-v-6901387c]{cursor:pointer}.notification-box .panel-body ul .list-notify-item .content[data-v-6901387c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;border-bottom:1px solid #d1d1d1;background:#fff}.notification-box .panel-body ul .list-notify-item .content .icon-box[data-v-6901387c]{padding:0 10px}.notification-box .panel-body ul .list-notify-item .content .icon-box .comment-icon[data-v-6901387c]{color:#818da7;border:1px solid #818da7;padding:9px;vertical-align:middle;font-size:14px;width:34px;height:34px;border-radius:100px;text-align:center;opacity:.75}.notification-box .panel-body ul .list-notify-item .unread[data-v-6901387c]{background-color:#edf2fa}.notification-box .panel-body ul .list-notify-item a[data-v-6901387c]{color:#464f63}.notification-box .panel-body ul .list-notify-item:hover .content[data-v-6901387c]{background-color:#f6f6f6}.notification-box .panel-body ul .list-notify-item:first-child .content[data-v-6901387c]{border-top:1px solid #d1d1d1}.notification-box .panel-body ul .list-notify-none[data-v-6901387c]{padding:10px;border-top:1px solid #d1d1d1}.notification-box .panel-body .load-more-box[data-v-6901387c]{padding:10px}@media(max-width:768px){.notification-box .panel-heading .panel-title[data-v-6901387c]{width:80px}.notification-box .panel-heading .panel-title[data-v-6901387c]:before{content:attr(data-title-mb)}.notification-box .panel-heading .filter-box[data-v-6901387c]{width:calc(100% - 80px)}}