#cc-notifications-queue {
    position: fixed;
    top: 20px;
    left: 100%;
    z-index: 99999999;
    background: #cc-ccc;
}




#cc-notifications-queue
.notification {
    position: relative;
    right: 0;
    margin: 9px 0 0 0;
    padding: 12px 15px;
    border-radius: 11px;
    transition: right 300ms;
    box-shadow: 0 10px 33px -7px rgba(0,0,0,0.8);
    background: #fff;
    z-index: 1000000;
    cursor: pointer;
}

#cc-notifications-queue
.notification:first-child {
    margin-top: 0;
}

#cc-notifications-queue
.notification.show {
    right: calc(100% + 10px);
}

#cc-notifications-queue
.notification.red {
    border: 2px solid #e14040;
    background: #fef3f3;
}

#cc-notifications-queue
.notification.green {
    border: 2px solid #389223;
    background: #f5fef3;
}

#cc-notifications-queue
.notification.yellow {
    border: 2px solid #e6de7f;
    background: #fdfce9;
}

#cc-notifications-queue
.notification.gray {
    border: 2px solid #cdcaca;
    background: #f1f2f3;
}



#cc-notifications-queue
.notification
.message {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    word-wrap: break-word;
}



#cc-notifications-queue
.notification
.clear {
    display: block;
    margin: 8px 0 0 0;
    color: #888;
    font-size: 11px;
    font-weight: 300;
    
    display: inline-block;
    padding: 2px 7px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    background: #444;
}