.notice.success {
    background-color: #bfdc96;
    border-color: #90c349;
    color: #6d7841;
    -webkit-animation: success 0.5s ease-out 10s 1 forwards;
    -ms-animation: success 0.5s ease-out 10s 1 forwards;
    -o-animation: success 0.5s ease-out 10s 1 forwards;
    animation: success 0.5s ease-out 10s 1 forwards;
}

.notice {
    position: relative;
    margin: 0;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #575757;
    color: #9b9b9b;
    background: #383838;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.notice a {
    padding: 0 10px;
}

.notifications {
    position: fixed;
}

/* Positioning */
.notifications.top-right {
    right: 10px;
    top: 25px;
}

.notifications.top-left {
    left: 10px;
    top: 25px;
}

.notifications.bottom-left {
    left: 10px;
    bottom: 25px;
}

.notifications.bottom-right {
    right: 10px;
    bottom: 25px;
}

/* Notification Element */
.notifications > div {
    position: relative;
    z-index: 9999;
    margin: 10px 0;
}