/* MESSAGE */
div.message,
#message,
.panel_information
 {
    padding: 1em;
    margin: 5px 0 1em;
    border-left: .5em solid;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
}

div.message .text,
#message .text {
    padding-left: .5em;
}

div.message.ui-state-transparent {
    background-color: transparent;
    padding: 0;
    border: 0 none;
}


.ui-state,
.ui-widget-content .ui-state,
.ui-widget-header .ui-state {
    &-highlight {
        color: $gris900;
        background: $infoLight;
        border-color: $info;
    }
    &-demat-color {
        background: lighten($jaune, 40%);
        border-color: $jaune;
        color: $gris900;
        .ui-icon {
            color: $orange
        }
    }
    &-valid {
        color: $gris900;
        background: $successLight;
        border-color: $success;
        .ui-icon {
            @include newIcon("\EB81");
        }
    }
    &-info {
        color: $gris900;
        background: $infoLight;
        border-color: $info;
    }
    &-warning {
        color: $gris900;
        background: $warningLight;
        border-color: $warning;
        .ui-icon {
            @include newIcon("\EA21");
        }
    }
    &-error {
        color: $gris900;
        background: $dangerLight;
        border-color: $danger;
        .ui-icon {
            @include newIcon("\ECA1");
        }
    }
    &-empty {
        color: $gris800;
        background: $gris200;
        border-color: $gris600;
        .ui-icon {
            display:none;
        }
    }
    &.panel-information fieldset.cadre.ui-widget-content legend.ui-widget-content{
        margin-bottom: 0;
    }
}

.ui-state-info a,
.ui-widget-content .ui-state-info a,
.ui-widget-header .ui-state-info a {
    color: #ff6000;
}

.ui-state-info-text,
.ui-widget-content .ui-state-info-text,
.ui-widget-header .ui-state-info-text {
    color: #ff6000;
}

.ui-icon,
.ui-state-error-text .ui-icon {
    background-image: none;
}

/* Message d'erreur pour les actions sur la géolocalisation */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background-image: none;
    background-color: #FEF8F6;
}

div.widget-content>div.ui-state-error.borderless {
    border-style: none;
}

.ui-state-valid .ui-icon {
    filter: hue-rotate(300deg);
}

 /* PANEL INFORMATION */
 div.panel_information { padding:10px 20px; margin:5px 0; }
 div.panel_information .ui-icon { float:left; margin-right:0.3em; }
 div.panel_information .text { display:block; padding-left: 22px; }

// Message notification demandeur
#fieldset-message-tab_erreur_param_notif {
    border: 1px solid $bleu;

    & > legend{
      border: 1px solid $bleu;
    }

    & > legend:hover,
    & > legend:focus{
      background-color: $bleu;
      color: $gris900;
    }
}