﻿.cherry-handler-notice {
    background: #23282d;
    position: fixed;
    margin: 5px 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    box-sizing: border-box;
    padding: 8px 15px 8px 8px;
    min-width: 200px;
    overflow: hidden;
    color: #fff;
    z-index: 999;
    border-radius: 2px;
    -webkit-transition: all 250ms cubic-bezier(0.85, 0.04, 1, 1);
    transition: all 250ms cubic-bezier(0.85, 0.04, 1, 1)
}

    .cherry-handler-notice span.dashicons {
        position: relative;
        margin-right: 10px
    }

        .cherry-handler-notice span.dashicons:before {
            position: absolute;
            font-size: 30px;
            left: -6px;
            top: -4px
        }

    .cherry-handler-notice.success-notice span.dashicons {
        color: #48c569
    }

        .cherry-handler-notice.success-notice span.dashicons:before {
            content: "\f147"
        }

    .cherry-handler-notice.success-notice .inner b {
        color: #48c569
    }

    .cherry-handler-notice.info-notice span.dashicons {
        color: #faa730
    }

        .cherry-handler-notice.info-notice span.dashicons:before {
            content: "\f534"
        }

    .cherry-handler-notice.info-notice .inner b {
        color: #faa730
    }

    .cherry-handler-notice.error-notice span.dashicons {
        color: #e54343
    }

        .cherry-handler-notice.error-notice span.dashicons:before {
            content: "\f158"
        }

    .cherry-handler-notice.show-state {
        -webkit-transition: all 500ms cubic-bezier(0.1, 0.67, 0.26, 1);
        transition: all 500ms cubic-bezier(0.1, 0.67, 0.26, 1)
    }

    .cherry-handler-notice .inner {
        display: inline-block
    }
