/*
 * Styles des composants partagés (menu supérieur, fil d'Ariane) extraits de
 * Views/Shared/_TopMenu.cshtml et Views/Shared/_BreadcrumbsNav.cshtml.
 */

/* --- _TopMenu --- */

.network-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.animated-signal {
    animation: pulse 1.5s infinite alternate;
}

@keyframes pulse {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

/* --- _BreadcrumbsNav --- */

.second a:hover {
    color: #1D286E !important;
}

.active-2 {
    color: #1D286E !important;
}

.second span:hover {
    padding-bottom: 21px !important;
    border-bottom: 3px solid #1D286E !important;
}

.breadcrumb > li + li:before {
    content: "" !important;
}

.breadcrumb {
    padding: 5px;
    font-size: 14px;
    color: #aaa !important;
    letter-spacing: 2px;
    border-radius: 5px !important;
}

/* Scope a #ID_breadcrumb (Views/Shared/_BreadcrumbsNav.cshtml) : ce selecteur etait globalement
   ".fa, i" (aucun scope) avant extraction depuis un <style> inline de la vue - un i/.fa n'importe ou
   ailleurs dans l'appli (ex: #signal-icon dans _TopMenu) recevait cette meme couleur en !important,
   empechant tout style JS/inline de s'appliquer. */
#ID_breadcrumb .fa,
#ID_breadcrumb i {
    color: #1D286E !important;
    font-size: 10px;
}

#ID_breadcrumb .fa-angle-double-right {
    color: #aaa !important;
}

.first {
    background-color: white !important;
}

li > a {
    text-decoration: none !important;
    color: #aaa !important;
}

a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}

.fa-caret-right,
.fa-angle-double-right {
    font-size: 20px !important;
}

.fa-caret-right {
    vertical-align: middle;
}

.four ol {
    background-color: rgb(51, 0, 80) !important;
}

.bg-gradient-bleucergi-to-orangecergi {
    background-color: rgb(237,125,49);
    background-image: linear-gradient(135deg, rgb(237,125,49) 30%,#002E64 70%);
}

.soulignement {
    border-bottom: 3px solid #1D286E;
    padding-bottom: 9px;
}

.soulignementOff {
    border-bottom: none;
}