/* Alerte globale flottante (.notify.abs) : position fixe calée par left/right, la largeur suit
   (width: auto). Par défaut (pages sans barre latérale : connexion, formulaires, mobile) elle
   occupe toute la largeur avec une marge de chaque côté ; dans l'application (#wrapper, desktop)
   elle s'aligne sur le contenu à droite de la barre latérale, étendue ou rétractée. */
.notify.abs {
    position: fixed;
    top: 15px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
    z-index: 9000;
    opacity: 0.95;
    transition: left .2s ease;
}

@media (min-width: 992px) {
    .notify.abs {
        left: 15px;
        right: 15px;
    }
    #wrapper .notify.abs {
        left: calc(var(--sidebar-width-expanded, 240px) + 20px);
    }
    /* Rail rétracté (68px) : n'existe qu'en desktop */
    #wrapper.rail-collapsed .notify.abs {
        left: calc(var(--sidebar-width-collapsed, 68px) + 20px);
    }
}

.aui-flag .aui-message {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: 8px;
}
.aui-message {
    background: #fff;
    border-radius: 5px;
    color: #333;
    line-height: 24px;
    margin: 20px 0 0;
    overflow-wrap: break-word;
    padding: 20px 40px 20px 90px;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
    font-size: 16px;
}

.aui-message.danger{
    background-color: #ffc1c1;
}
.aui-message.warning,
.aui-message-warning {
    background: #EDC211;
    border-color: #EDC211;
    color: #333;
}

.aui-message.infos,
.aui-message-infos {
    background: #3ebce6;
    border-color: #3ebce6;
    color: #333;
}

.aui-message.error,
.aui-message-error {
    background: #d04437;
    border-color: #d04437;
    color: #333;
}

.aui-message.success,
.aui-message-success {
    background: #d1e6dd;
    border-color: #d1e6dd;
    color: #333;
}

.aui-message.success:before,
.aui-message-success:before {
    background-color: var(--wm-primary);
}

.aui-message.error:before,
.aui-message-error:before {
    background-color: #d04437;
}

.aui-message.warning:before,
.aui-message-warning:before {
    background-color: #d4b120;
}

.aui-message.infos:before,
.aui-message-infos:before {
    background-color: #1695c0;
}

.aui-message.success:after,
.aui-message-success:after {
    content: "\f05d";
    color: #fff;
}

.aui-message.warning:after,
.aui-message-warning:after {
    content: "\f071";
    color: #fff;
}

.aui-message.error:after,
.aui-message-error:after {
    content: "\f06a";
    color: #fff;
}

.aui-flag[aria-hidden="false"] {
    opacity: 1;
    top: 0;
    left: 0;
}
.aui-flag {
    left: 0;
    max-height: 300px;
    opacity: 0;
    position: relative;
    top: -10px;
    transition: opacity .2s, top .5s;
}
aui-message:first-child, .aui-message:first-child {
    margin-top: 0;
}
.aui-flag .aui-message {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: 8px;
}

.aui-message:before {
    background-color: #3572b0;
}
.aui-message:before {
    background-color: #ec7676;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
    border-radius: 5px 0 0 5px;
}

.aui-message.info:before {
    background-color: #0dcaf0;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
    border-radius: 8px 0 0 8px;
}

.aui-message:after {
    content: "\f05a";
    color: #fff;
}
.aui-message:after {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 36px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    left: 19px;
    line-height: 1;
    margin-top: -19px;
    position: absolute;
    speak: none;
    top: 50%;
}

/* Mobile et tablette (en fin de fichier pour primer sur les règles .aui-message ci-dessus) : bande icône et retraits réduits pour laisser la place au texte */
@media (max-width: 991.98px) {
    .aui-message {
        padding: 14px 36px 14px 64px;
        font-size: 14px;
        line-height: 1.45;
    }
    .aui-message:before,
    .aui-message.info:before {
        width: 48px;
    }
    .aui-message:after {
        font-size: 26px;
        left: 12px;
        margin-top: -13px;
    }
}