@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/open-sans-v13-latin-regular.eot?v=13");
    src: url("../fonts/open-sans/open-sans-v13-latin-regular.eot?#iefix?v=13") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v13-latin-regular.woff2?v=13") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v13-latin-regular.ttf?v=1.1.0") format("truetype"), url("../fonts/open-sans/open-sans-v13-latin-regular.svg?v=1.1.0#Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/open-sans-v13-latin-600.eot?v=13");
    src: url("../fonts/open-sans/open-sans-v13-latin-600.eot?#iefix?v=13") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v13-latin-600.woff2?v=13") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-600.woff") format("woff"), url("../fonts/open-sans/open-sans-v13-latin-600.ttf?v=1.1.0") format("truetype"), url("../fonts/open-sans/open-sans-v13-latin-600.svg?v=1.1.0#Regular") format("svg");
    font-weight: 600;
    font-style: normal;
}

/**
    Styles Top Menu Responsive
*/
.icon {
    height: 20px;
    width: 20px;
}

#topBlock.responsive {
    min-height: 62px;
}

.navbar-teogest {
    margin-bottom: 0;
}

    .navbar-teogest .image-logo {
        max-height: 40px;
        max-width: 210px;
    }

    .navbar-teogest .retour-cabinet,
    .navbar-teogest .en-tant-que {
        float: left;
        cursor: pointer;
    }

        .navbar-teogest .retour-cabinet svg {
            fill: white;
        }

        .navbar-teogest .en-tant-que svg {
            height: 18px;
            fill: white;
        }

            .navbar-teogest .retour-cabinet svg:hover,
            .navbar-teogest .en-tant-que svg:hover {
                opacity: .7;
            }

    .navbar-teogest .en-tant-que-retour svg {
        fill: red;
    }

    .navbar-teogest .boutonFicheSynthese {
        display: inline-block;
    }

        .navbar-teogest .boutonFicheSynthese .icon {
            cursor: pointer;
            position: absolute;
            top: 2px;
            height: 15px;
            width: 15px;
        }

            .navbar-teogest .boutonFicheSynthese .icon:hover {
                opacity: .7;
            }

    .navbar-teogest #dossierAnnuelPrecedent .icon {
        position: absolute;
        bottom: 4px;
        height: 14px;
        width: 14px;
    }

    .navbar-teogest #dossierAnnuelSuivant .icon {
        position: absolute;
        bottom: 4px;
        height: 14px;
        width: 14px;
    }

    .navbar-teogest a span {
        display: block;
        line-height: normal;
        margin-top: 11px;
        color: white;
        text-align: center;
    }


    .navbar-teogest .navbar-nav > li > a {
        color: white;
    }

    /* #region Logo */
    .navbar-teogest .logo {
        padding-top: 6px;
        margin-left: 20px;
    }

        .navbar-teogest .logo .logo-abonne {
            max-width: 210px;
            max-height: 40px;
        }

    .navbar-teogest .partenariat {
        float: none;
        display: inline-block;
        margin-top: 0;
        vertical-align: bottom;
    }
    /* #endregion*/

    /* #region Separateurs */
    .navbar-teogest .hdivider {
        height: 1px;
        margin: 5px;
        width: calc(100% - 10px);
        background: white;
        opacity: .3;
    }

    .navbar-teogest .vdivider {
        height: 45px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 2px;
        width: 1px;
        opacity: .3;
    }

    /* #endregion */

    /* #region Boutons en mode xs*/
    .navbar-teogest .navbar-toggle {
        border: solid 1px white;
        color: white;
        min-width: 40px;
    }

        .navbar-teogest .navbar-toggle span {
            background-color: white;
        }

        .navbar-teogest .navbar-toggle.fleche {
            padding-bottom: 8px;
            padding-top: 7px;
        }

    /* #endregion*/

    /* #region Bloc Utilisateur */
    .navbar-teogest .utilisateur {
        max-width: 200px;
        margin-left: 5px;
    }

        .navbar-teogest .utilisateur.cliquable {
            cursor: pointer;
        }

            .navbar-teogest .utilisateur.cliquable:hover * {
                text-decoration: underline;
            }

        .navbar-teogest .utilisateur .nom-utilisateur.en-tant-que-utilisateur {
            color: red;
        }

        .navbar-teogest .utilisateur .nom-utilisateur .libelle {
            height: 12px !important;
        }

        .navbar-teogest .utilisateur .nom-utilisateur a {
            text-decoration: none;
        }

        .navbar-teogest .utilisateur .nom-utilisateur .nom-texte {
            display: inline-block;
            float: left;
            vertical-align: text-top;
            vertical-align: top;
        }

        .navbar-teogest .utilisateur .nom-utilisateur .mdp-icone {
            float: right;
            text-align: right;
            vertical-align: top;
            width: 26px;
            top: -4px;
            position: relative;
        }

    .navbar-teogest .image-utilisateur {
        float: left;
        margin-right: 5px;
        ;
    }

        .navbar-teogest .image-utilisateur > img {
            border-radius: 150px !important;
            width: 52px;
            height: 52px;
        }


    .navbar-teogest .nom-utilisateur {
        float: right;
        margin-top: 4px;
        max-width: 143px;
        white-space: nowrap;
    }



        .navbar-teogest .nom-utilisateur .nom {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .navbar-teogest .nom-utilisateur .prenom {
            display: block;
            padding-top: 3px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

#popupPassword {
    /* display: none;
    min-width: 450px;
    width: auto;
   min-height: 100px;
    height: 168px;*/
}

/* #endregion */

/* #region Boutons */


.navbar-teogest .societe-dossier .spanCabinet {
    text-align: center !important;
    /*display: block;*/
    margin: 9px 0 3px 0;
    color: #ffffff;
}

.navbar-teogest .bloc-icones {
    white-space: nowrap;
}

.navbar-teogest .nav-icon {
    width: 35px;
    display: inline-block;
    padding-top: 3px;
}

    .navbar-teogest .nav-icon.icon-messages {
        padding-top: 4px;
    }

    .navbar-teogest .nav-icon.icon-aide {
        padding-top: 4px;
    }

    .navbar-teogest .nav-icon:hover,
    .navbar-teogest .nom-utilisateur a:hover,
    .navbar-teogest .societe-dossier a:hover,
    .navbar-teogest .navbar-toggle:hover {
        opacity: .8;
    }

    .navbar-teogest .nav-icon a {
        text-decoration: none;
    }

.navbar-teogest .icon-menumodules {
    max-width: 50px;
    min-width: 50px;
}

.navbar-teogest .icon-syntheseGlobale {
    padding-top: 12px;
    text-align: center;
}

.navbar-teogest .icon-menumodules > .picto-menu-modules {
    margin-top: -3px;
    float: none;
}

.navbar-teogest .icon-syntheseGlobale .icon.etoile1 {
    fill: white;
}

/* #endregion */

/* #region Correction fenetre de logout */
.logoutBtn {
    min-width: 100px;
}

    .logoutBtn.deleteBtn {
        float: right;
    }
/* #endregion */

/* #region Bloc Societe / Dossier Annuel */
.navbar-teogest .select-label {
    display: inline-block;
    /* width: 95px;*/
    width: 8.55em;
    text-align: right;
}

#spanSociete {
    margin-bottom: 3px;
}

.navbar-teogest .societe-dossier {
    width: 294px; /* 310 Attention aux boutons en tant que et cabinet */
    margin-top: 2px;
}

    .navbar-teogest .societe-dossier .comboContainer.dossier-annuel-container.en-tant-que {
        margin-left: 9px;
        width: 293px;
    }

    .navbar-teogest .societe-dossier .comboContainer.dossier-annuel-container.en-tant-que-retour {
        margin-left: 2px;
        width: 293px;
        float: left;
    }

    .navbar-teogest .societe-dossier .comboContainer.picto-cabinet {
        overflow: hidden;
        margin-bottom: 0 !important;
    }

        .navbar-teogest .societe-dossier .comboContainer.picto-cabinet .select-label {
            width: 7.5em; /* Ne pas modifier à la baisse sans tester sous FW avec un zoom à 80% */
        }

.navbar-teogest .NavBtnContainer,
.navbar-teogest .arrow-spacer {
    display: inline-block;
    width: 15px;
}

    .navbar-teogest .arrow-spacer.sans-entantque.avec-cabinet {
        width: 8px;
    }

.picto-spacer.avec-entantque {
    display: none;
}
/* #endregion*/

/* #region SousMenu */

#navBlock.responsive {
    height: unset !important;
    min-height: 35px;
}

.navbar-sousmenu {
    margin-bottom: 0;
    min-height: 35px;
}

    .navbar-sousmenu .dropdown.open {
        z-index: 10000;
    }

    /* #region Boutons en mode xs*/
    .navbar-sousmenu .navbar-toggle {
        border: solid 1px white;
        color: white;
        min-width: 40px;
        margin-top: 2px;
        margin-bottom: 2px;
        padding-top: 7px;
        padding-bottom: 8px;
    }

        .navbar-sousmenu .navbar-toggle span {
            background-color: white;
        }

    .navbar-sousmenu li {
        float: none !important;
    }

@media (min-width: 768px) {
    .navbar-sousmenu li {
        float: left !important;
    }
}

@media (max-width: 767px) {

    .navbar-teogest .nom-utilisateur {
        float: unset;
    }

    .navbar-nav .dropdown-menu {
        margin-left: 30px;
    }

    .navbar-nav .open .dropdown-menu {
        overflow: visible;
        display: block;
        background: white;
        max-width: 250px;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
        border-bottom: 1px solid !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
        width: auto;
    }

    .navbar-teogest .nav-icon {
        margin-top: -5px;
        margin-bottom: 5px;
        max-width: 60px;
        width: 25%;
    }

    .navbar-sousmenu .navbar-collapse ul li ul {
        margin-left: 50px !important;
    }

    .navbar-sousmenu .navbar-collapse ul li {
        height: 28px !important;
    }

        .navbar-sousmenu .navbar-collapse ul li > a {
            padding: 5px 10px !important;
        }
}

.navbar-sousmenu .dropdown-menu {
    border-top: none;
    margin-top: 1px !important;
}

    .navbar-sousmenu .dropdown-menu li {
        float: none !important;
    }

.navbar-sousmenu .navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 4px;
}

.navbar-sousmenu .navbar-collapse {
    padding: 0;
}

.navbar-sousmenu li > a {
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
    text-align: left !important;
    border-radius: 5px 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* #endregion*/

/* #endregion*/

.recherche-container, .recherche-separateur.vdivider {
    display: none;
}

/* #region Ancres */
.ancre .ancre-hidden {
    display: none !important;
}

.popAncres {
    background: white !important;
}

.popAncresContainer .ui-dialog-titlebar {
    background-color: transparent !important;
    color: white;
    font-weight: bold;
}

.popAncres div {
    padding: 10px;
    cursor: pointer;
}

    .popAncres div:not(:last-child) {
        border-bottom: 1px solid gray;
    }

    .popAncres div:hover {
        background-color: lightgray;
    }
/* #endregion */

/* #region Modifs pour tailles > xs*/
@media (min-width: 768px ) {
    .navbar-teogest .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-teogest .utilisateur {
        margin-left: 0;
    }

    .logoutBtn {
        min-width: 0;
    }

        .logoutBtn.deleteBtn {
            float: unset;
        }
}
/* #endregion */

.navbar-teogest .recherche-container {
    max-width: 300px;
    width: 100%;
    color: black;
}

    .navbar-teogest .recherche-container .recherche-texte {
        width: calc(100% - 25px);
        padding-left: 2px;
    }

.navbar-teogest .recherche-picto {
    display: inline-block;
    width: 15px;
    height: 15px;
}

    .navbar-teogest .recherche-picto svg {
        height: 100%;
        width: 100%;
        top: 3px;
        position: relative;
    }

.navbar-teogest .recherche-en-cours .recherche-picto {
    filter: blur(1px);
}

    .navbar-teogest .recherche-en-cours .recherche-picto svg {
        fill: Red;
    }

.recherche-resultat {
    display: block;
    font-family: 'Open Sans';
    z-index: 100000;
    background-color: white;
}

    .recherche-resultat .actions {
        width: 100%;
    }

    .recherche-resultat .action {
        margin: 4px;
        padding: 2px;
        width: calc(100% - 8px);
        cursor: pointer;
    }

        .recherche-resultat .action.selection {
            background-color: #F44 !important;
        }

        .recherche-resultat .action .module {
            font-weight: bold;
            font-size: 13px;
            text-decoration: none;
            display: block;
            text-align: center;
        }

        .recherche-resultat .action .libelle {
            text-indent: 5px;
        }

    .recherche-resultat .vide {
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
    }

    .recherche-resultat .action .surbrillance {
        text-decoration: underline;
        text-decoration-style: solid;
    }

@media (max-width: 767px) {
    .navbar-teogest .recherche-container {
        margin-left: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-teogest .recherche-container {
        margin-top: 12px;
    }
}