/* 
------------------------------------------------------------------------
notification.css
------------------------------------------------------------------------
*/

.notifications {
    border: medium none;
    margin-bottom: 1px;
    padding: 4px 8px;
    margin: 8px 4px;
    position: relative;
    border-radius: 4px;
}

.notifications.info {
    background: #b8fcb8;
    border: 2px solid #8BB856;
}

body.console .notifications.info {
    background: url('../images/console/B8FCB8-op-70.png') repeat
}

.notifications.warning {
    background: #ffff80;
    border: 2px solid #FF9000;
}

body.console .notifications.warning {
    background: url('../images/console/FFFF80-op-70.png') repeat
}

.notifications.error {
    background: #F99F9F;
    border: 2px solid #DC2F34;
}

body.console .notifications.error {
    background: url('../images/console/FF7878-op-70.png') repeat
}

.notifications.notify {
    background: #378adf;
    border-radius: 4px
}

body.console .notifications.notify {
    background-color: rgba(55, 138, 223, 0.6)
}

#title.notification-displayed {
    margin-bottom: 4px
}

.notifications p.notification-msg {
    color: #242424;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 8px;
    min-height: 32px;
    height: auto !important;
    background: url(../images/notifications/error_icon.png) 0 0 no-repeat transparent
}

.warning p.notification-msg {
    background: url(../images/notifications/warning_icon.png) 0 0 no-repeat transparent
}

.info p.notification-msg {
    background: url(../images/notifications/info_icon.png) 0 0 no-repeat transparent
}

.notify p.notification-msg {
    background: url(../images/notifications/timer_icon.svg) 0 0 no-repeat transparent;
    color: #fff
}