/**
 * general
 */

.ccm-notification-block{
    position: relative;
}
.ccm-notification-block .ccm-notification-button{
    position:absolute;
    top:0;
    right:0;
}
.ccm-notification-block .ccm-notification-button:before{
    font:normal normal normal 18px/1 FontAwesome;
}
.ccm-notification-block .ccm-notification-button:hover{
    cursor: pointer;
}

/**
 * type
 */

.ccm-notification-block[data-notification-type="closeable"] .ccm-notification-button:before{
    content:"\f00d"; /* x button */
}
.ccm-notification-block[data-notification-type="minifiable"] .ccm-notification-button:before{
    content:'\f0d7'; /* down caret button */
}

/**
 * state
 */

.ccm-notification-block[data-notification-state="minified"] .ccm-notification-content{
    display: none;
}
.ccm-notification-block[data-notification-state="minified"] .ccm-notification-button:before{
    content:'\f0d8'; /* up caret button */
}
.ccm-notification-block[data-notification-state="closed"]{
    display: none;
}