/*ccsp new notification */
#ccsp-notification-root{
    margin: 0;
    padding: 0;
    max-height: 26px;
}

 .ccsp_noti_root {
            position: relative;
            display: inline-block;
            max-height: 26px;
        }
        
        .ccsp_noti_bell-btn {
            background: none;
            border: none;
            cursor: pointer;
            position: relative;
            width: 40px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            /*border-radius: 50%;*/
            transition: background-color 0.2s;
                padding: 0;
                 margin: 0;
        }
        
       .ccsp_noti_bell-btn:hover ,.ccsp_noti_bell-btn:focus {
            background-color: rgba(0, 0, 0, 0.05) !important;
        }
        
        body.dark-theme .ccsp_noti_bell-btn:hover, body.ccsp_noti_bell-btn:focus {
            background-color: rgba(255, 255, 255, 0.1) !important;
        }
        
        .ccsp_noti_bell-icon {
            width: 24px;
            height: 24px;
            transition: transform 0.2s;
        }
        
        .ccsp_noti_bell-icon path {
            fill: #f1b32b;
            transition: fill 0.3s;
        }
        
        body.dark-theme .ccsp_noti_bell-icon path {
            fill: #e4e6eb;
        }
        
        .ccsp_noti_bell-btn:hover .ccsp_noti_bell-icon {
            transform: rotate(5deg);
        }
        
        .ccsp_noti_badge {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #ff5252;
            color: white;
            border-radius: 50%;
            min-width: 18px;
            height: 18px;
            font-size: 11px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 2px;
            box-sizing: border-box;
            transform: translate(-5%, -15%);
            opacity: 0;
            transition: opacity 0.3s;
        }
        
        .ccsp_noti_badge.ccsp_noti_active {
            opacity: 1;
        }

/*ccsp new notification */