a,a:active,a:focus{outline:none;cursor:pointer}.noti-headeraction button:hover,.noti-headeraction button:active,.noti-headeraction button:focus{background:#fff0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.em-notification-btn{background-color:#fff0;border:0}.em-notification-btn .bell-icon{width:20px;fill:#fff}.em-notifications .notification-group{background-clip:padding-box;background-color:#fff;box-shadow:0 6px 12px rgb(0 0 0 / .175);-webkit-box-shadow:0 6px 12px rgb(0 0 0 / .175);color:#1d2129;float:left;font-size:14px;list-style:none;margin:0 auto;opacity:0;padding:0;position:absolute;right:0;text-align:left;top:100%;visibility:hidden;width:380px;z-index:-1}.em-notifications.open .notification-group{visibility:visible;opacity:1;z-index:999;display:block;left:auto;right:0}.noti-headertop{border-bottom:1px solid #ddd;box-shadow:0 0 2px #ddd;font-size:12px;height:45px;padding:10px;position:relative}.noti-headertop .noti-headertitle{color:#1d2129;display:inline-block;float:left;font-size:14px;font-weight:600;text-transform:capitalize;line-height:24px;margin:0;padding-left:2px}.noti-headertop .noti-headeraction{float:right}.em-notif-mark-all-read{background:#fff0;border:0;box-shadow:none;color:#0c8acd;cursor:pointer;font-size:12px;font-weight:600;line-height:20px;outline:none;padding:0;text-transform:unset}.em-notif-mark-all-read:hover{text-decoration:underline}.notification-group ul.list-notification{left:0;list-style-type:none;max-height:420px;overflow-y:visible;overflow:auto;padding:0;width:100%}.list-notification:hover{overflow:auto}.list-notification::-webkit-scrollbar-thumb{background:#999;height:62px}.list-notification::-webkit-scrollbar{background:#fff0;width:4px}.em-notifications .list-notification li{border-bottom:1px solid #ddd;line-height:1.5;border-right:0;position:relative;padding-right:15px;width:100%;word-wrap:break-word}.em-notifications .list-notification li.no-notif{text-align:center;padding:50px 0}.em-notifications .list-notification li.read{background:#fff}.em-notifications .list-notification li.read:hover{background:#e5e5e5}.em-notifications .list-notification li.unread{background:#ecf0f7}.em-notifications .list-notification li.unread::before{content:"";position:absolute;width:8px;height:8px;background:#3ea6ff;border-radius:50%;top:50%;transform:translateY(-50%);left:8px}.em-notifications .list-notification li.unread:hover{background:#d4d8de}.em-notifications .list-notification li a,.em-notifications-popup .em-notif-popup a{color:#333;display:block;font-size:13px;font-weight:400;padding:20px 0 20px 70px;width:100%;word-wrap:break-word}.em-notifications .list-notification li a{padding-left:90px}.em-notifications .list-notification li:hover a,.em-notifications-popup .em-notif-popup:hover a{color:#333}.em-notifications .list-notification li a .notif-avatar,.em-notifications-popup .em-notif-popup a .notif-avatar{bottom:0;left:12px;position:absolute;top:20px}.em-notifications .list-notification li a .notif-avatar{left:25px}.em-notifications .list-notification li a .notif-avatar img,.em-notifications-popup .em-notif-popup a .notif-avatar img{border-radius:50%;height:48px;width:48px}.em-notifications-popup .em-notif-popup a .notif-avatar img{height:32px;width:32px}.em-notifications .list-notification li a .notif-time,.em-notifications-popup .em-notif-popup a .notif-time{color:#999;font-size:12px;font-weight:500;position:relative;padding-left:18px}.em-notifications .list-notification li a .notif-time:before,.em-notifications-popup .em-notif-popup a .notif-time:before{color:#ccc;content:"\f017";font:normal normal normal 14px/1 FontAwesome;left:0;position:absolute;top:1px}.em-notifications .list-notification li.answered a .notif-time:before,.em-notifications-popup .em-notif-popup.answered a .notif-time:before{content:"\f122";color:#4dadf7}.em-notifications .list-notification li.replied a .notif-time:before,.em-notifications-popup .em-notif-popup.replied a .notif-time:before{content:"\f27a";color:#12b886}.em-notifications .list-notification li.tagged a .notif-time:before,.em-notifications-popup .em-notif-popup.tagged a .notif-time:before{content:"\f02b";color:#e9580b}.em-notifications .list-notification li.asked a .notif-time:before,.em-notifications-popup .em-notif-popup.asked a .notif-time:before{content:"\f058";color:#84c31e}.notif-count-unchecked{background:#d13e32;border-radius:10px;border:1px solid #fff;color:#fff;display:inline-block;font-size:10px;line-height:13px;min-height:20px;min-width:20px;padding:2px 3px;position:absolute;right:-6px;text-align:center;top:2px;z-index:9999;visibility:hidden}.em-notification-btn:hover .notif-count-unchecked{transition:top cubic-bezier(.165,.84,.44,1) .15s;-webkit-transition:top cubic-bezier(.165,.84,.44,1) .15s;-moz-transition:top cubic-bezier(.165,.84,.44,1) .15s;top:0}.em-notification-btn.has-notification .notif-count-unchecked{visibility:visible}.em-notifications-popup{bottom:10%;left:3%;max-width:250px;position:fixed;z-index:9999}.em-notifications-popup li{background:#fff;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:4px;-webkit-border-radius:4px;border:1px solid;box-shadow:0 3px 3px rgb(0 0 0 / .08);clear:both;line-height:1.5;margin-top:20px;opacity:0;position:relative;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;visibility:hidden;word-wrap:break-word}.em-notifications-popup.open li{opacity:1;visibility:visible}.em-notifications-popup .em-notif-popup a{font-size:12px;line-height:1.5;padding:15px 30px 15px 55px}.em-notifications-popup ul{padding:0;list-style-type:none}.em-notifications-popup .em-notif-popup-close{border-radius:50%;height:25px;position:absolute;cursor:pointer;width:30px;right:4px;top:2px}.em-notifications-popup .em-notif-popup-close:hover{background:#f5f5f5}.em-notifications-popup .em-notif-popup-close .bar{background:#999;content:"";height:1px;position:absolute;right:8px;top:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);width:15px}.em-notifications-popup .em-notif-popup-close .bar:nth-child(2){top:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.em-notif-menu{margin:0 auto;position:absolute;right:0;top:auto}@media (max-width:480px){.em-notifications .notification-group{width:100%}}