/**
 * CSS base pour le style ib_notify
 */
.notifyjs-ib_notify-base {
    max-width: 500px;
    background: #F5F5F5;
    padding: 5px;
    border-radius: 0px;
    border: 2px solid lightgray;
}

.notifyjs-ib_notify-base .title {
    max-width: 460px;
    float: right;
    margin: 0px;
    padding: 2px 0px 0px 5px;
    text-align: justify;
}

.notifyjs-ib_notify-base .icons {
    float: left;
    width: 22px;
    padding: 0px;
    margin: 0px;
    height: 100%;
}
.notifyjs-ib_notify-base .icons>span{
    padding: 0px 0px 2px 2px;
    font-size: 20px;
    line-height: 1.5px;
}


/**
 * CSS base pour le style ib_notify_confirm
 */

.notifyjs-ib_notify_confirm-base,
.notifyjs-ib_notify_manual_close-base {
    max-width: 500px;
    background: #F5F5F5;
    padding: 5px;
    border-radius: 0px;
    border: 2px solid lightgray;
}

.notifyjs-ib_notify_confirm-base .title,
.notifyjs-ib_notify_manual_close-base .title{
    max-width: 460px;
    float: right;
    margin: 0px;
    padding: 2px 0px 0px 5px;
    text-align: justify;
}

.notifyjs-ib_notify_confirm-base .buttons,
.notifyjs-ib_notify_manual_close-base .buttons{
    float: left;
    padding: 0px;
    margin: 0px;
    height: 100%;
}

.notifyjs-ib_notify_confirm-base button,
.notifyjs-ib_notify_manual_close-base button{
    height: 22px;
    padding: 0px 4px 2px 4px;
    font-size: 12px;
    line-height: 1.5px;
    border-radius: 3px;
}
.notifyjs-ib_notify_confirm-base button.notify-close,
.notifyjs-ib_notify_manual_close-base button.notify-close{
    margin-bottom: 4px;
}

/**
 * CSS success 
 * Pour les styles ib_notify, ib_notify_confirm, ib_notify_manual_close
 */

.notifyjs-ib_notify-success,
.notifyjs-ib_notify_confirm-success,
.notifyjs-ib_notify_manual_close-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #9EE168;
}
.notifyjs-ib_notify-success .icons>span,
.notifyjs-ib_notify_confirm-success button:not(.notify-close),
.notifyjs-ib_notify_manual_close-success button:not(.notify-close){
    color: #3c763d;
    border-color: #9EE168;
}

/**
 * CSS info
 * Pour les styles ib_notify, ib_notify_confirm, ib_notify_manual_close
 */

.notifyjs-ib_notify-info,
.notifyjs-ib_notify_confirm-info,
.notifyjs-ib_notify_manual_close-info {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #81DAF5;
}
.notifyjs-ib_notify-info .icons>span,
.notifyjs-ib_notify_confirm-info button:not(.notify-close),
.notifyjs-ib_notify_manual_close-info button:not(.notify-close){
    color: #31708F;
    border-color: #81DAF5;
}

/**
 * CSS warning
 * Pour les styles ib_notify, ib_notify_confirm, ib_notify_manual_close
 */

.notifyjs-ib_notify-warning,
.notifyjs-ib_notify_confirm-warning,
.notifyjs-ib_notify_manual_close-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #F4CB79;
}
.notifyjs-ib_notify-warning .icons>span,
.notifyjs-ib_notify_confirm-warning button:not(.notify-close),
.notifyjs-ib_notify_manual_close-warning button:not(.notify-close){
    color: #8A6D3B;
    border-color: #F4CB79;
}

/**
 * CSS error
 * Pour les styles ib_notify, ib_notify_confirm, ib_notify_manual_close
 */

.notifyjs-ib_notify-danger,
.notifyjs-ib_notify_confirm-danger,
.notifyjs-ib_notify_manual_close-danger {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #F5A9A9;
}
.notifyjs-ib_notify-danger .icons>span,
.notifyjs-ib_notify_confirm-danger button:not(.notify-close),
.notifyjs-ib_notify_manual_close-danger button:not(.notify-close){
    color: #A94442;
    border-color: #F5A9A9;
}