@font-face {
    font-family: 'eudoFonts';
    src: url('../../fonts/eudoFonts.eot?-6wplkm');
    src: url('../../fonts/eudoFonts.eot?#iefix-6wplkm') format('embedded-opentype'), url('../../fonts/eudoFonts.woff?-6wplkm') format('woff'), url('../../fonts/eudoFonts.ttf?-6wplkm') format('truetype'), url('../../fonts/eudoFonts.svg?-6wplkm#eudoFonts') format('svg');
    font-weight: normal;
    font-style: normal;
}

.imStillHere {
    position: absolute;
    background-image: url("../images/list/img/stillhere.png");
    width: 900px;
    height: 900px;
    left: -2000px;
    bottom: 0;
    transition: 3s;
    z-index: 800;
    transition-timing-function: linear;
}

.imStillHereOn {
    left: 2000px;
}

.imStillHereOff {
    left: -2000px;
}

.rightMenu a.inherit {
    font-size: inherit;
    display: inherit;
    line-height: inherit;
    height: inherit;
    cursor: pointer;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

body {
    text-align: left;
    background-color: #f6f6f6;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Verdana !important;
    font-size: 8pt;
    overflow: hidden; /*NE PAS SUPPR : La scrollbar ne doit plus apparraitre à droite de la page principale*/
    cursor: default;
}

textarea.eMemoEditor {
    resize: none;
}

body.bodyWithScroll {
    overflow-y: auto;
}

/*GCH : pour le mode inline de ckeditor, il ne faut pas empecher la selection souris des éléments */
.cke_textarea_inline {
    -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important;
    overflow:auto;
    height:100%;
}

.fLeft {
    float: left;
}

.fRight {
    float: Right;
}

.spinner {
    position: relative;
    width: 5em;
    height: 5em;
    color: #fff;
}

    .spinner:before, .spinner:after {
        content: "";
        position: relative;
        display: block;
    }

    .spinner:before {
        -webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -moz-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -ms-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -o-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        width: 10em;
        height: 10em;
        background-color: #bb1515;
    }

    .spinner:after {
        -webkit-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -moz-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -ms-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        -o-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
        position: relative;
        bottom: -1.75em;
        height: .25em;
        border-radius: 50%;
        background-color: #636363;
    }
/* from cube to circle */
@-webkit-keyframes spinner {
    50% {
        -webkit-border-radius: 50%;
        -webkit-transform: scale(.5) rotate(360deg);
        background-color: #636363;
    }

    100% {
        -webkit-transform: scale(1) rotate(720deg);
        background-color: #BB1515;
    }
}

@-moz-keyframes spinner {
    50% {
        -moz-border-radius: 50%;
        -moz-transform: scale(.5) rotate(360deg);
        background-color: #636363;
    }

    100% {
        -moz-transform: scale(1) rotate(720deg);
        background-color: #BB1515;
    }
}

@-moz-keyframes spinner {
    50% {
        -moz-border-radius: 50%;
        -moz-transform: scale(.5) rotate(360deg);
        background-color: #636363;
    }

    100% {
        -moz-transform: scale(1) rotate(720deg);
        background-color: #BB1515;
    }

}

@-o-keyframes spinner {
    50% {
        -o-border-radius: 50%;
        -o-transform: scale(.5) rotate(360deg);
        background-color: #636363;
    }

    100% {
        -o-transform: scale(1) rotate(720deg);
        background-color: #BB1515;
    }
}

@keyframes spinner {
    50% {
        border-radius: 50%;
        transform: scale(.5) rotate(360deg);
        background-color: #636363;
    }

    100% {
        transform: scale(1) rotate(720deg);
        background-color: #BB1515;
    }
}
/*  ALTERNANCE POCHOIR  */
tr.line1 > td > div.LNKSENDMAILbtn {
    background-repeat: repeat;
    background-color: #636363;
}

tr.line2 > td > div.LNKSENDMAILbtn {
    background-repeat: repeat;
    background-color: #636363;
}

img {
    border: 0 none;
}

/*demande #84 672*/
#gw-container .gridContainer #widget-grid-container .xrm-widget .xrm-widget-content img:not([alt="wait"]) {
    object-fit: cover;
    width: 100%;
    height: auto;
}

input {
    /*activer la selection souris des éléments */
    /*-moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;*/
    font-family: Verdana, 'Trebuchet MS', Tahoma, sans-serif;
}

select {
    outline: none;
    font-family: Verdana, 'Trebuchet MS', Tahoma, sans-serif;
}

*:focus {
    outline: none;
}

.header {
    background-color: #FFFFFF;
    height: 40px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 4;
    /*empecher la selection souris des éléments */
    -moz-user-select: -moz-none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
}

.hLogo {
    background: no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    width: 65px;
}

.hNavigTab {
    height: 11px;
    text-align: center;
    position: absolute;
    left: 40%;
    top: -23px;
    z-index: 1;
}

@media only screen and (max-width: 1300px) {
    .hNavigTab {
        left: 20%;
    }
}

.hNavigTab span,
#divBkmPaging .imgAct,
#divBkmPaging .imgInact {
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
}


.hQuickActions {
    background-color: #EDEDED;
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    height: 45px;
    position: absolute;
    right: 50%;
    top: 10px;
    width: 350px;
    display: none;
}

.hQuickActionsMenu {
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

    .hQuickActionsMenu li {
        display: block;
        float: left;
        list-style: none outside none;
        margin: 0;
        padding-left: 5px;
        padding-top: 1px;
        position: relative;
    }

        .hQuickActionsMenu li a {
            display: block;
            padding: 0 0 0 5px;
        }

    .hQuickActionsMenu a {
        display: block;
    }

        .hQuickActionsMenu a img {
            border: medium none;
        }

    .hQuickActionsMenu ul {
        display: none;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    * html .hQuickActionsMenu ul {
        line-height: 0;
    }

        .hQuickActionsMenu ul a {
        }

        .hQuickActionsMenu ul li {
            float: none;
        }

        .hQuickActionsMenu ul ul {
            top: 0;
        }

    .hQuickActionsMenu li.espace {
        background: none repeat scroll 0 0 transparent;
        padding-left: 20px;
    }

    .hQuickActionsMenu li a.sprite-admin {
        background-position: 0 0;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-chat {
        background-position: 0 -95px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-contact {
        background-position: 0 -205px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-deconnexion {
        background-position: 0 -315px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-email {
        background-position: 0 -410px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-help {
        background-position: 0 -520px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-notes {
        background-position: 0 -615px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-planning {
        background-position: 0 -725px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-societes {
        background-position: 0 -835px;
        height: 40px;
        width: 40px;
    }

    .hQuickActionsMenu li a.sprite-taches {
        background-position: 0 -945px;
        height: 40px;
        width: 40px;
    }

.hPaginTab {
    left: 10px;
    position: absolute;
    top: 65px;
    width: 165px;
}

div.globalNav {
    background: none repeat scroll 0 0 #AEABAB;
    border-bottom: 1px solid #AFABAC;
    font-family: Verdana;
    margin: 40px auto 0;
    position: fixed;
    width: 100%;
    height: 37px;
    z-index: 5;
    font-family: Verdana, 'Trebuchet MS';
}

.navBar {
    border-top: 2px solid #bb1515;
    width: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

    .navBar, .navBar ul {
        list-style: none outside none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 0;
    }

li.navEntry {
    color: #FFFFFF;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}

    li.navEntry:hover, div.navEntry:hover, li.navEntryActive, div.navEntryActive {
        /* background: none repeat scroll 0 0 #BCDCFB; */
        color: black;
        z-index:21;
    }

.navTitle {
    cursor: pointer;
    font-size: 11pt;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.navTitleActive {
    cursor: pointer;
    font-size: 11pt;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

    .navTitleActive:hover {
    }

ul.sbMenu, ul.sbMenuActive {
    background: none repeat scroll 0 0 #636363;
    font-size: 10pt;
    text-overflow: ellipsis;
    left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 35px;
    display: none;
    min-width: fit-content; /*for request 99629, before was 200px*/
    width: auto;
}

ul.sbMenu {
    border: 4px solid #BEDCFB;
}

ul.sbMenuActive {
}

ul.usrOptionPrefSrcDslUL {
    display: table;
    margin-top: 15px;
    margin-left: 30px;
}

    ul.usrOptionPrefSrcDslUL li {
        display: table-row;
    }

        ul.usrOptionPrefSrcDslUL li span,
        ul.usrOptionPrefSrcDslUL li input {
            display: table-cell;
        }

            ul.usrOptionPrefSrcDslUL li span.rUsr {
                font-size: 10pt;
                vertical-align: middle;
                padding-left: 4px;
            }


.navBar *:hover ul.sbMenu, .navBar *:hover ul.sbMenuActive, .navBar li.tab-visible, .navBar ul.ul-tab-visible, .navBar:hover ul.ul-tab-visible {
    display: block;
}

.navBar *:hover ul.sbMenuD, .navBar *:hover ul.sbMenuDPlus {
    z-index: 99;
}

li.smbPlus {
    padding-top: 2px;
}

li.sbmSearch, li.sbmMRU, li.sbmA, li.smbPlus, li.sbmBottom {
    margin-top: 7px;
    white-space: nowrap;
    min-width: 190px;
    width: auto;
    text-overflow: ellipsis;
}

li.sbmMRU {
    margin-top: 14px;
}

li.sbmSearch {
}

    li.sbmSearch > ul > * {
        display: inline-block;
    }

li.navSearchInpt {
    margin-bottom: 0;
    width: calc(100% - 21px); /* CSS 3 - taille en pourcentage - taille du bouton Loupe */
    float: left;
}

    li.navSearchInpt input {
        height: 19px;
        padding: 0;
        padding-right: 2px;
        text-transform: uppercase;
        border: 1px solid #CCC;
        text-indent: 5px;
        /*  -moz-user-select:  */
        width: 100%;
    }

        /* #52 865 : Champ Input factice inséré dans les menus de la navbar sans MRU (ex : Planning) afin de disposer d'un élément focusable autorisant la navigation clavier */
        li.navSearchInpt input[id^=mru_fakesearch_] {
            background-color: transparent;
            width: 0;
            height: 0;
            border: none;
            position: absolute;
            margin-top: 7px;
        }

            li.navSearchInpt input[id^=mru_fakesearch_]:focus {
                outline: none;
            }

div.srchFldImg {
    background-color: #636363;
}

.srchFldImgNoResult, .srchFldImgCancel {
    height: 20px;
    width: 20px;
    cursor: pointer;
    line-height: 9px;
    color: white !important;
}

li.srchFldImgCancel, li.srchFldImgNoResult {
    background-color: #bb1515;
    font-size: 8pt;
    text-align: center;
    line-height: 21px;
    height: 21px;
    width: 20px;
}

li.sbmSearch li.srchFldImg, li.sbmSearch li.srchFldImgNoResult, li.sbmSearch li.srchFldImgCancel {
    display: inline-block;
}

li.srchFldImg {
    font-size: 8pt;
    text-align: center;
    line-height: 21px;
    background-color: #636363;
    width: 20px;
    color: white;
    height: 21px;
}

.btnSelectUnselectAllIcon {
    height: 20px;
    width: 20px;
    font-size: 12pt;
    margin-right: 8px;
}

.btnSelectUnselectAll, .btnSelectUnselectAllIcon, .btnSelectUnselectAllText {
    display: inline-block;
    cursor: pointer;
}

.btnSelectUnselectAllText {
    font-size: 10pt;
}

.btnSelectUnselectAll {
    margin-top: 6px;
    display: block;
}

    .btnSelectUnselectAll * {
        vertical-align: middle;
        line-height: 21px;
    }

    .btnSelectUnselectAll:hover {
        color: #42A7DC;
    }

li.navLst {
    background: none repeat scroll 0 0 #EAE8E9;
    color: #000000;
    cursor: pointer;
    font-family: verdana;
    font-size: 9pt;
    /*line-height: 18px;*/
    padding: 5px 10px;
    min-width: 170px;
    width: auto;
    max-width:450px;
}

    li.navLst div {
        overflow: hidden;
        min-width: 170px !important;
        text-overflow: ellipsis;
    }

    li.navLst:hover, li.navListActive {
        background: none repeat scroll 0 0 #BCDCFB;
        color: #000000;
    }

li.navAction {
    background: none repeat scroll 0 0 #aeabab;
    font-family: verdana;
    /*line-height: 18px;*/
    overflow: hidden;
    padding: 5px 10px;
    min-width: 170px;
    width: auto;
    color: white;
}

li.navAction div {
    overflow: hidden;
    min-width: 170px !important;
    width: auto;
}

li.navAction:hover, li.navActiveElt {
    background: none repeat scroll 0 0 #BCDCFB;
    color: #000000;
    cursor: pointer;
}

li.navActionTri {
    background: none repeat scroll 0 0 #AFABAC;
    font-family: verdana;
    font-style: italic;
    line-height: 18px;
    overflow: hidden;
    padding: 5px 10px;
    min-width: 170px;
    width: auto;
}

    li.navActionTri div {
        overflow: hidden;
        min-width: 170px !important;
        width: auto;
    }

    li.navActionTri:hover {
        background: none repeat scroll 0 0 #BCDCFB;
        color: #000000;
        cursor: pointer;
    }

.text-Result {
    color: black;
    font-style: normal;
}

.borderTop {
    border-top: 1px solid #636363;
    color: #636363;
    font-style: italic;
}

.text-StartContain {
    color: #636363;
    font-style: italic;
}

li.navLstClair {
    background: none repeat scroll 0 0 #EAE8E9;
    color: #636363;
    cursor: pointer;
    font-family: verdana;
    font-size: 9pt;
    font-style: italic;
    line-height: 18px;
    overflow: hidden;
    padding: 5px 10px;
    min-width: 170px;
    width: auto;
}

    li.navLstClair:hover {
        background: none repeat scroll 0 0 #BCDCFB;
    }

.action {
    color: white;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 9pt;
    list-style-type: none;
}

    .action li {
        border-bottom: 1px solid #636363;
        font-style: normal;
        line-height: 26px;
    }

.sbMenu_sMC {
    background-color: #636363;
    cursor: default;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 9pt;
    width: 215px;
}

.champ_filtre_sMC {
    border: 1px solid #CCCCCC;
    float: left;
    height: 19px;
    margin-bottom: 3px;
    margin-left: 9px;
    margin-top: 2px;
    text-indent: 16px;
    width: 171px;
}

.loupe_sMC {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 21px;
    margin-left: 182px;
    position: relative;
    top: 2px;
    width: 20px;
}

.sbMenu_sMC li {
    line-height: 35px;
    margin-left: -40px;
    padding-left: 20px;
    vertical-align: middle;
}

    .sbMenu_sMC li:hover {
        background-color: #BCDCFB;
    }

.sbMenu_sMC ul {
    list-style-type: none;
    margin-left: 10px;
    margin-top: 5px;
    width: 153px;
}

.listResult_sMC {
    background-color: #EAE8E9;
    list-style-type: none;
    margin: 0;
}

.listResult_sMC2 {
    margin-top: 5px;
}

.text-StartContain_sMC {
    background-color: #EAE8E9;
    color: #636363;
    font-style: italic;
    list-style-type: none;
    margin: 0;
}

.separateur_sMC {
    border-bottom: 1px solid #636363;
}

.text-Result_sMC {
    color: black;
    font-style: normal;
}

.Action_sMC {
    background-color: #AFABAC;
    color: white;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 9pt;
    list-style-type: none;
}

    .Action_sMC li {
        border-bottom: 1px solid #636363;
    }

.borderTop_sMC {
    border-top: 1px solid #636363;
}

.borderBottom_sMC {
    border-bottom: 1px solid #636363;
}

.sbmBottom .icon-cog {
    font-size: 12pt;
    color: #fff;
    margin-right: 10px;
}

.param_sMC {
    background-color: #333333;
    border-top: 1px solid #AFABAC;
    color: #D0D0D0;
    cursor: default;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11pt;
    font-weight: bold;
    line-height: 35px;
    padding-left: 39px;
    width: 176px;
}

    .param_sMC:hover {
        color: white;
    }

li.navInfo {
    background: none repeat scroll 0 0 #EAE8E9;
    color: #000000;
    font-style: italic;
    line-height: 18px;
    padding: 5px 10px;
    min-width: 170px;
    width: auto;
}

    li.navInfo div {
        overflow: hidden;
        min-width: 170px !important;
        width: auto;
    }

li.sbmBottom {
    background: none repeat scroll 0 0 #333333;
    border-top: 1px solid #888888;
    margin-left: -10px; /* permet de positionner le bandeau Administrer par-dessus le padding défini sur ul.sbMenu */
    margin-top: 5px;
    padding: 5px 0px;
    width: 100%;
    cursor: pointer;
}

#globalNav #menuNavBar .navEntry .sbMenu .sbmBottom {
    margin-left: 0;
}

li.sbmBottom p {
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    margin: 0;
    padding: 0 0 0 10px;
}

    li.sbmBottom a {
        background: none repeat scroll 0 0 transparent;
        color: #CCCCCC;
        font-family: verdana;
        font-size: 9pt;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        vertical-align: 3px;
        padding: 5px;
        text-decoration: none;
    }

        li.sbmBottom a:hover {
            color: #FFFFFF;
        }

li.navActiveElt a {
    color: #000000;
}

.navSep {
    padding-bottom: 3px;
    padding-top: 3px;
}

#ul_viewtab > li.top-a-sel {
    background: none repeat scroll 0 0 #EAE8E9;
    color: #000000;    
}

.navBar li.tab-hidden {
    display: none;
}

.navBar ul.ul-tab-hidden, .navBar:hover ul.ul-tab-hidden {
    display: none;
}

.navBar li.has-sub .top-a:hover {
    height: 36px;
}

li.top-p div {
        font-size: 19pt;
}

.container {
    width: 143px;
}

.container select {
    text-indent: 5px;
    width: 160px;
    background-image: url("../images/select_fake-border.png");
    background-repeat: no-repeat;
    background-position: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background-color: white;
    -webkit-appearance: none;
}

.waitOn, .waitOnFrmIris {
    background-color: #666;
    height: 100%;
    left: 0;
    opacity: 0.3;
    overflow: hidden;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    /*z-index: 9999;*/ /*GCH : dynamique à présent*/
}


/* SKELETON MODE ADMIN */
#pnWaiterSkltonadmin .main--table--skeleton {
    width: 100%;
    border-collapse: collapse;
}

#pnWaiterSkltonadmin .table_loader_header .top--menu--skeleton span {
    margin: 0px 0 0 -20px;
    width: calc(100% + 40px);
    border-radius: 0;
    height: 40px;
    background: #ddd;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton {
    width: 280px;
    position: relative;
    background: #ffffff;
}

    #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .bar--menu--skeleton {
        width: 30px;
        background: #3a454b;
        height: 100vh;
        top: 0;
        position: absolute;
        left: 0;
    }

    #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton {
        width: calc(100% - 30px);
        background: #ffffff;
        height: 100vh;
        top: 0;
        position: absolute;
        left: 30px;
        border-collapse: collapse;
    }

        #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton {
            height: 65px;
            background: #ffffff;
            display: flex;
        }

            #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton .avatar--menu--skeleton {
                background: #e9e9e9;
                margin: 16px 10px 17px 10px;
                display: block;
                width: 35px;
                height: 35px;
                border-radius: 50%;
            }

            #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton .name--menu--skeleton {
                background: #fff;
                width: calc(100% - 60px);
            }

                #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton .name--menu--skeleton span {
                    width: calc(100% - 25px);
                    height: 16px;
                    background: #e9e9e9;
                    display: block;
                    margin-top: 11px;
                }

        #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton {
            height: 30px;
            margin-top: 15px;
            background: #ffffff;
            display: flex;
        }

            #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton .content--separate--skeleton {
                width: 100%;
                background: #fff;
            }

                #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton .content--separate--skeleton span {
                    height: 30px;
                    width: 100%;
                    margin: 0;
                    background: #e9e9e9;
                    display: block;
                }


            #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton.separate--button {
                height: auto;
                margin-top: 0;
            }

                #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton.separate--button .content--separate--skeleton {
                    padding: 0 20px 0 20px;
                }

                    #pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton.separate--button .content--separate--skeleton span {
                        margin: 30px 0 0 0;
                        height: 20px;
                    }



.waitOnFrmIris {
    background-color: #444;
}

.waitOff, .waitOffFrmIris {
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: -888px;
    width: 0;
    z-index: -999;
}

.SktOn-list {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.SktOn-list h1 {
    position: relative;
    top: 50vh;
}


.SktOff-list, .SktOff-file, .SktOff-admin {
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: calc(-100vh);
    width: 0;
    z-index: -999;
}

.contentWait {
    color: Black;
    font-family: Verdana,Geneva,sans-serif;
    font-size: xx-large;
    left: 48%;
    margin-top: 250px;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    z-index: 999;
}

/* table loader */
#pnWaiterSkltonfile.adminMode,
div#rightMenu.FavLnkOpen ~ #pnWaiterSkltonlist,
div#rightMenu.FavLnkOpen ~ #pnWaiterSkltonfile {
    width: 100%;
}

@keyframes rightMenuOpen {
    to {
        width: calc(100% - 280px);
    }
}

@keyframes rightMenuClosed {
    to {
        width: 100%;
    }
}

#pnWaiterSkltonlist,
#pnWaiterSkltonfile,
#pnWaiterSkltonadmin {
    width: 100%;
    z-index: 110;
    background-color: #fff;
    left: 0;
    overflow: hidden;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    height: calc(100vh - 80px);
    bottom: 0;
    transition: width 0.4s ease-in;
}

#pnWaiterSkltonadmin {
    height: 100vh;
}

    #pnWaiterSkltonlist .table_loader_header,
    #pnWaiterSkltonadmin .table_loader_header {
        margin: 1% 1%;
    }

    #pnWaiterSkltonlist .table_loader_content,
    #pnWaiterSkltonadmin .table_loader_content {
        margin: 1% 1%;
        height: 70%;
    }

    #pnWaiterSkltonlist .table_loader,
    #pnWaiterSkltonadmin .table_loader {
        background-color: #FFF;
        color: #666;
        width: 98%;
        padding: 0;
    }

        #pnWaiterSkltonlist .table_loader th,
        #pnWaiterSkltonadmin .table_loader th {
            background: #F7F9FA;
            border-top: 1px solid #E5E5E5;
            border-bottom: 1px solid #E5E5E5;
            padding: 12px 10px;
            text-align: left;
        }

        #pnWaiterSkltonlist .table_loader td,
        #pnWaiterSkltonadmin .table_loader td {
            border-top: 0px solid #E5E5E5;
            border-bottom: 1px solid #E5E5E5;
            padding: 12px 10px;
        }

    #pnWaiterSkltonlist .table_loader_header span,
    #pnWaiterSkltonadmin .table_loader_header span {
        height: 6vh;
        max-height: 50px;
    }

    #pnWaiterSkltonlist .table_loader_content span,
    #pnWaiterSkltonadmin .table_loader_content span {
        height: 4vh;
        max-height: 30px;
    }

    #pnWaiterSkltonlist .table_loader span,
    #pnWaiterSkltonadmin .table_loader span {
        width: calc(100% - 5px);
        border-radius: 3px;
        background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
        background-size: 600px;
        animation: shine-lines-table 1.6s infinite linear;
        display: inline-block;
        min-width: 15px;
    }

    #pnWaiterSkltonlist .table_loader_header td,
    #pnWaiterSkltonadmin .table_loader_header td {
        border: none;
    }

    #pnWaiterSkltonlist .col1,
    #pnWaiterSkltonfile .col1,
    #pnWaiterSkltonadmin .col1 {
        width: 10%;
    }

    #pnWaiterSkltonlist .col2,
    #pnWaiterSkltonfile .col2,
    #pnWaiterSkltonadmin .col2 {
        width: 20%;
    }

    #pnWaiterSkltonlist .col3,
    #pnWaiterSkltonfile .col3,
    #pnWaiterSkltonadmin .col3 {
        width: 30%;
    }

    #pnWaiterSkltonlist .col8,
    #pnWaiterSkltonfile .col8,
    #pnWaiterSkltonadmin .col8 {
        width: 80%;
    }

    #pnWaiterSkltonlist .table_loader_header td,
    #pnWaiterSkltonadmin .table_loader_header td {
        padding: 12px 0;
    }

    #pnWaiterSkltonlist .white span,
    #pnWaiterSkltonfile .white span,
    #pnWaiterSkltonadmin .white span {
        background-image: none !important;
    }

@keyframes shine-lines-table {
    0% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.4;
    }
}

#pnWaiterSkltonfile .table_loader {
    background-color: #FFF;
    color: #666;
    width: 98%;
    padding: 0;
    margin-left: 1%;
    margin-right: 1%;
}

#pnWaiterSkltonfile .table_loader th {
    background: #F7F9FA;
    border-top: 1px solid #E5E5E5;
    text-align: left;
}

#pnWaiterSkltonfile .table_loader td {
    border-top: 0px solid #E5E5E5;
}

#pnWaiterSkltonfile .table_loader span,
#pnWaiterSkltonfile .table_loader p {
    width: calc(100% - 5px);
    border-radius: 3px;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    background-size: 600px;
    animation: shine-lines-table 1.6s infinite linear;
    display: inline-block;
    min-width: 15px;
    border-radius: 15px;
    min-height: 5px;
}

#pnWaiterSkltonfile .table_loader_header {
    margin: 0 1%;
}

#pnWaiterSkltonfile .table_loader_header span {
    height: 4vh;
    max-height: 30px;
}

#pnWaiterSkltonfile .table_loader_header td {
    padding-top: 6px;
}

#pnWaiterSkltonfile .table_loader_summary {
    height: 18%;
    margin: 1%;
}

#pnWaiterSkltonfile .table_loader_summary .col9 span {
    height: 2vh;
    max-height: 20px;
}

#pnWaiterSkltonfile .table_loader_summary .col9 span.sub-temp {
    width: calc(100% - 50%);
}

#pnWaiterSkltonfile .table_loader_summary .col9 span.sub-temp-two {
    width: calc(100% - 70%);
}

#pnWaiterSkltonfile .table_loader_summary .circle {
    text-align: center;
}

#pnWaiterSkltonfile .table_loader_summary .circle span {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

#pnWaiterSkltonfile .table_loader_content span {
    height: 4vh;
    max-height: 30px;
}

#pnWaiterSkltonfile .table_loader_content {
    margin: 15px 1%;
    height: 60%;
    border-top: 1px solid #E5E5E5;
    padding-top: 15px !important;
}

#pnWaiterSkltonfile .table_loader_assistant {
    height: 45px;
    margin: 1%;
}

#pnWaiterSkltonfile .table_loader_assistant .circle {
    width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .sub-temp {
    text-align: center;
}

#pnWaiterSkltonfile .table_loader_assistant .circle span {
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .circle p {
    height: 12px;
    width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .col1 span {
    vertical-align: top;
    height: 3px;
    width: 80%;
}


/* table loader */
.mainDiv {
    float: left;
    height: 85%;
    margin-left: 5px;
    margin-right: 1px;
    margin-top: 80px; /*overflow-x: auto; JAS : désactivation suite à création Listheader*/
    width: 1640px;
    z-index: 0;
    /*border: 1px solid #DDD;*/
    background-color: white;
}

.fileDiv {
    overflow: auto;
}

a[onclick] {
    cursor: pointer;
}



.listContent {
    z-index: 2;
}

.rightMenu {
    font-family: Verdana;
    font-size: 10pt;
    z-index: 10;
    position: fixed;
    /* cette propriété right sera recalculée par eMain.js dans certains contextes.
         On laisse une valeur par défaut pour que le repositionnement du menu à droite
         ne se voie pas au démarrage de l'application.
         Cette valeur doit correspondre à celle de eConst.RIGHT_MENU_WIDTH
     */
    right: -170px;
    transition: 500ms;
    transition-property: right;
    height: 100%;
    transition-delay: 400ms;
}

div.rightMenuBrowsing {
    text-align: left;
    background-color: #efefef;
    border-bottom: 1px solid #d3d3d3;
}

    div.rightMenuBrowsing ul {
        margin: 0;
        padding: 0;
    }

        div.rightMenuBrowsing ul li {
            list-style-type: none;
            display: table-cell;
        }

            div.rightMenuBrowsing ul li a {
                border-right: 1px solid #d3d3d3;
            }

    div.rightMenuBrowsing span.icnMnuVerBtn {
        font-size: 14pt;
        text-align: center;
        vertical-align: middle;
        line-height: 22px;
        display: inline-block;
        padding: 5px;
    }

    div.rightMenuBrowsing #BrowsingFirst[eenabled='0'] span.icnMnuVerBtn,
    div.rightMenuBrowsing #BrowsingPrevious[eenabled='0'] span.icnMnuVerBtn,
    div.rightMenuBrowsing #BrowsingNext[eenabled='0'] span.icnMnuVerBtn,
    div.rightMenuBrowsing #BrowsingLast[eenabled='0'] span.icnMnuVerBtn {
        color: #424448;
        cursor: not-allowed;
    }

.rightMenu a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rightMenu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.rightMenuOption {
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;
    vertical-align: baseline;
    position: relative;
    width: 100%;
}

div.rightMenu > div.rightMenuOption > ul.rightMenuSubMenuTitle > li:hover {
    background-color: inherit;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rightMenuOptionClickable {
    cursor: pointer;
}

.FavLnkBrd {
    border-radius: 0;
    text-indent: 10px;
    background-color: #efefef;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

.FavLnkBrdTablet {
    border-radius: 0;
    text-indent: 15px;
    float: left;
}

.FavLnk {
}

div.contentMaster div.FavLnkOpen, .touchOpen {
    right: 0px;
    transition: 500ms;
    transition-property: right;
    transition-delay: 250ms;
}

    div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:before {
        content: "\e646";
        font-size: 11pt;
    }

    div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:hover:before {
        content: "\e645";
        font-size: 18pt;
    }

.rightMenuFavlnk {
    float: left;
    width: 100%;
}

    .rightMenuFavlnk li a span {
        padding-right: 10px;
    }

.FavLnkColBord {
    border-right: 1px dashed #d3d3d3;
}

.FavLnkColSep {
    float: left;
    height: 250px;
    width: 1px;
    background-color: #c3c3c3;
    margin-top: 40px;
    margin-left: 5px;
    /* margin-right: 8px; */
}

.pin {
}

.rightMenuModFile {
    text-align: left;
    color: #707173;
    position: relative;
}

    .rightMenuModFile ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        border-radius: 8px;
    }

    .rightMenuModFile a {
        vertical-align: middle;
        /*height: 20px;*/
    }

    .rightMenuModFile span {
        line-height: 21px; /*27px;*/
        background-repeat: no-repeat;
        vertical-align: middle;
    }

        .rightMenuModFile span.icon-buzz {
           padding: 8px 0;
           font-size: 13pt;
        }

        .rightMenuModFile span.icon-administrafion {
            padding: 4px;
            font-size: 13pt;
            color: #fff;
        }

div.rightMenuModFile > ul > li > a > span.icon-edn-list {
    font-size: 13pt;
    vertical-align: -2px;
}

.rightMenuModFile span img {
    line-height: 20px;
}

div.rightMenuModFile > ul > li > a > span > img {
}

div.rightMenuModFile:hover > ul > li > a > span > img {
}

.rightMenuModFile:hover {
    background-color: #BCDCFB;
}

.rightMenuSubMenuOptions_ModeList {
    background-color: #636363;
}

#BrowsingFirst[eenabled='1'] > span > img.rightMenuBrowsingFirst {
    width: 18px;
    height: 18px;
    padding: 1px;
    background-position: -51px -147px;
    border: 1px solid #b3b3b3;
}

.rightMenuBrowsingFirst:hover {
}

#BrowsingFirst[eenabled='0'] > span > img.rightMenuBrowsingFirst {
    cursor: not-allowed;
    width: 18px;
    height: 18px;
    border: 1px solid #F2F2F2;
    padding: 1px;
    background-position: -2px -143px;
}

#BrowsingPrevious[eenabled='1'] > span > img.rightMenuBrowsingPrevious {
    width: 18px;
    height: 18px;
    padding: 1px;
    background-position: -2px -147px;
    border: 1px solid #b3b3b3;
}

.rightMenuBrowsingPrevious:hover {
    background-color: #BCDEFB;
}

#BrowsingPrevious[eenabled='0'] > span > img.rightMenuBrowsingPrevious {
    cursor: not-allowed;
    width: 18px;
    height: 18px;
    border: 1px solid #F2F2F2;
    padding: 1px;
    background-position: -2px -143px;
}

#BrowsingNext[eenabled='1'] > span > img.rightMenuBrowsingNext {
    width: 18px;
    height: 18px;
    padding: 1px;
    background-position: -25px -147px;
    border: 1px solid #b3b3b3;
}

.rightMenuBrowsingNext:hover {
    background-color: #BCDCFB;
}

#BrowsingNext[eenabled='0'] > span > img.rightMenuBrowsingNext {
    cursor: not-allowed;
    width: 18px;
    height: 18px;
    border: 1px solid #F2f2f2;
    padding: 1px;
    background-position: -2px -143px;
}

#BrowsingLast[eenabled='1'] > span > img.rightMenuBrowsingLast {
    width: 18px;
    height: 18px;
    padding: 1px;
    background-position: -75px -147px;
    border: 1px solid #b3b3b3;
}

.rightMenuBrowsingLast:hover {
    background-color: #BCDEFB;
}

#BrowsingLast[eenabled='0'] > span > img.rightMenuBrowsingLast {
    cursor: not-allowed;
    width: 18px;
    height: 18px;
    border: 1px solid #F2f2f2;
    padding: 1px;
    background-position: -2px -143px;
}

.rightMenuBrowsing a {
    font-family: verdana;
    padding: 5px;
    text-decoration: none;
}

.rightMenuSubMenuTitle {
    background: none repeat scroll 0 0 white;
    color: #666666;
    font-size: 9pt;
    line-height: 40px;
    padding: 4px 0;
    height: 40px;
}

    .rightMenuSubMenuTitle li {
        height: 100%;
    }

        .rightMenuSubMenuTitle li > .rightMenuSpan_adjust {
            width: 100%;
            height: 100%;
        }

.rightMenuSubMenuItem {
    border-top: 1px solid #d3d3d3;
    background-color: #efefef;
    border-bottom: 1px solid #d3d3d3;
}

    .rightMenuSubMenuItem > li > a {
        padding: 0;
    }

    .rightMenuSubMenuItem.closed {
        display: none;
    }

.rightMenuOption ul.rightMenuSubMenuTitle li:hover {
    background-color: inherit;
}

.rightMenuOption ul.rightMenuSubMenuTitle li span span:hover {
    color: inherit;
}



.rightMenuOptionClickable ul.rightMenuSubMenuTitle li:hover {
    background-color: #E0E0E0;
    cursor: pointer;
}

.rightMenuOptionSelected ul.rightMenuSubMenuTitle li {
    background-color: #EAEAEA;
}

    .rightMenuOptionSelected ul.rightMenuSubMenuTitle li:hover {
        background-color: #F0F0F0;
        cursor: pointer;
    }

.rightMenuOption a, .rightMenuModFile a {
    /*font-size: 9pt;
    display: block;
    line-height: 34px;
    height: 34px;
    cursor: pointer;
        */
    font-size: 9pt;
    display: block;
    padding: 5px 0 5px 0;
    cursor: pointer;
}

    .rightMenuOption a:hover, .rightMenuOption a:focus, .rightMenuOption a:active, .rightMenuModFile a:focus, .rightMenuModFile a:active {
        background-color: #BCDCFB;
    }

.rightMenuSpan_adjust {
    cursor: pointer;
    display: inline-block;
    text-overflow: ellipsis;
}

.rightMenuSubMenuItem .rightMenuSpan_adjust {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rightMenuSpan_adjust * {
    vertical-align: middle;
}

.rightMenuSpan_adjust [class^="icon-"] {
    font-size: 11pt;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    text-align: center;
}

/* Flèches de repli en menu de droite */
.rightMenuSpan_adjust [class^='icon-caret'] {
    line-height: 40px;
    position: absolute;
    right: 0;
}

.listfiltres {
    background-color: #E0E0E0;
    border-bottom: 1px solid #CCCCCC;
    color: #434343;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 8pt;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    height: 30px;
    border-top: 1px solid #ccc;
}

.listheader {
    width: 100%;
}

.calheader {
    width: 100%;
    z-index: 2;
}

.listfiltrestab {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

    .listfiltrestab td {
        padding: 0;
        padding-right: 5px;
    }

.listactions {
    height: 30px;
    white-space: nowrap;
    width: 100%;
}

    .listactions table.listactionstab {
        height: 30px;
        width: 100%;
    }

.listactionstab td.search {
    padding-right: 50px;
    text-align: right;
}

.listactionstab table {
    height: 22px;
}

/* CLASSE DES LIENS */
.LNKCAT {
    /* text-decoration: underline; */
}

input.readonly {
    background-color: #F0F0F0;
}

div.readonly {
    background-color: #F0F0F0;
}

textarea.readonly {
    background-color: #F0F0F0;
}

/*************/
html {
}

.error {
    color: red;
}

div.ePopup {
    background-color: #F8F8F8;
    margin: 0;
    padding: 0;
    box-shadow: 8px 8px 12px #CCC;
    border: 1px solid #ccc;
    border-top: none;
}

div.ePopupRevert {
    box-shadow: 8px -8px 12px #ccc;
}

div.ePopupBackground {
    background-color: #F8F8F8;
    border: 1px none;
}

.mTab td.eFieldEditorEdited, iframe.eFieldEditorEdited {
    background: url('../images/ui/check.png') no-repeat 95% 50%;
    border: 1px solid #A9d320 !important;
}

div.eFieldEditorEdited {
    background-image: url("../images/ui/check.png");
    border: 1px solid #A9d320;
    background-repeat: no-repeat;
    background-position: right;
}

input.eFieldEditorEdited, textarea.eFieldEditorEdited {
    border: 1px solid #A9d320 !important;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 8pt;
}

.mTab td.eFieldEditorNoEdited, iframe.eFieldEditorEdited {
    background: url("../images/ui/iUiSprite.png") no-repeat 0px -536px;
    border: 1px solid #BB1515 !important;
}

div.eFieldEditorNoEdited {
    background: url("../images/ui/iUiSprite.png");
    border: 1px solid #BB1515;
    background-repeat: no-repeat;
    background-position: right;
}

    div.eFieldEditorNoEdited img {
        background: url("../images/ui/iUiSprite.png");
        background-repeat: no-repeat;
        background-position: 2px -536px;
        width: 20px;
        height: 20px;
        float: right;
    }

input.eFieldEditorNoEdited, textarea.eFieldEditorNoEdited {
    border: 1px solid #BB1515 !important;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 8pt;
}

/*****************/
.mruAddBtn:hover {
    background-position: 0 -71px;
}

.mruAddBtn {
    cursor: pointer;
    vertical-align: baseline; /* for request 100009*/
    padding-top: 0px;
    padding-left: 4px;
    text-decoration: none;
    background-position: 0 0;
    width: 22px;
    height: 21px;
    line-height: 21px;
    float: left;
}

span.mruAddBtn {
    font-size: 12pt;
}

.sprite-Editor {
    display: inline-block;
    cursor: pointer;
}

.sprite-valeurs {
    background-position: 0 0;
    height: 21px;
    width: 20px;
}

.sprite-check {
    background-position: 0 -29px;
    height: 20px;
    width: 20px;
}

span.sprite-loupe-liste {
    background-position: 0 -86px;
    height: 20px;
    padding-top: 3px;
    padding-left: 4px;
    width: 20px;
    cursor: pointer;
    float: left;
    font-size: 12pt;
    display: inline;
}
/*------------------------------------*/
div.ePopup div.sprite-loupe {
    color: white;
    background-color: #636363;
    font-size: 8pt;
    text-align: center;
    float: left;
    width: 20px;
    line-height: 21px;
    height: 21px;
    padding: 5px 0px;
}

.sprite-no-valeur {
    background-color: #bb1515;
    height: 21px;
    width: 20px;
    cursor: pointer;
}

div.ePopup div.sprite-no-valeur {
    color: white;
    background-color: #bb1515;
    font-size: 8pt;
    text-align: center;
}

    div.ePopup div.sprite-no-valeur:before {
        vertical-align: -5px;
    }

.sprite-croix-grise {
    height: 21px;
    width: 20px;
    cursor: pointer;
}

div.ePopup div.sprite-croix-grise {
    color: white;
    background-color: #636363;
    font-size: 8pt;
    text-align: center;
    line-height: 21px;
}


/**/

.calTitle {
    background-image: url("../images/icon/calendar.gif");
    background-position: 4px 4px;
    background-repeat: no-repeat;
}

/**   BOUTON AFFICHER L'HISTORIQUE  */

/* le parent */
div.histoFilter {
    font: 11px verdana,sans-serif;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 0 8px;
    border-radius: 5px;
    box-sizing: border-box;
    height: 20px;
    line-height: 19px;
}

/* Partie centrale */

div.historique {
    text-overflow: ellipsis;
}

div.histoFilter.histoActive {
    background-color: #AAD524;
    color: #fff;
    box-sizing: border-box;
    border: 0;
    line-height: 19px;
}

    div.histoFilter.histoActive:hover {
        border: 1px solid #ABD625;
        line-height: 18px;
    }

/* Partie droite*/

div.histoRightBtn {
    float: left;
    width: 18px;
    height: 22px;
    background-image: url(../images/btnaction/bt-dr_ft.png);
    background-repeat: no-repeat;
}

div.histoFilter:hover div.histoRightBtn {
    background-image: url(../images/btnaction/bt-dr_hover_ft.png);
    background-repeat: no-repeat;
}

div.histoActive div.histoRightBtn {
    background-image: url(../images/btnaction/bt-dr_activ_ft.png);
    background-repeat: no-repeat;
}

div.histoActive:hover div.histoRightBtn {
    background-image: url(../images/btnaction/bt-dr_activ_hover_ft.png);
    background-repeat: no-repeat;
}

/*******************************************   fin historique   ********************************************/

/********************************************Bouton Menu des filtres avanc?s*********************************/
/*************** Normal **************/
div.advFltMenu {
    color: #636363;
    font: 11px verdana,sans-serif;
    height: 20px;
    padding: 0 8px;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    display: block;
    border-radius: 5px;
    line-height: 19px;
}

.exportChartMenu {
    height: 90%;
}

div[hideElement='1'] {
    display: none !important;
}

div[hideElement='0'] {
    display: block !important;
}

div.advExportChartMenu {
    color: #636363;
    /*font: bold 11pt verdana,sans-serif;*/
    height: 20pt;
    padding: 0 8pt;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    margin: 19pt 19pt 1pt 0pt;
    display: block;
    border-radius: 5pt;
    line-height: 19pt;
    /*background-color: #D8D8D8;*/
}

    div.advExportChartMenu:hover {
        /*background-color: #2C2A2B;
        color: #FFFFFF;*/
    }


.exportChartMenu [class^="icon-"] {
    font-size: 12pt;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    text-align: center;
}


/*.advExportChartMenu .tooltiptext {
    visibility: hidden;
    width: 100pt;
    min-height: 20pt;
    background-color: #DADADA;
    color: black;
    text-align: center;
    border-radius: 6px;
    
    margin-left: -70pt;
    font-family: Verdana, 'Trebuchet MS';
   
    position: absolute;
    font-size: x-small;
    z-index: 1;
}*/

/*.advExportChartMenu:hover .tooltiptext {
    visibility: visible;
}*/

div.advFltLeft {
    float: left;
    background-image: url(../images/btnaction/bt-gch.png);
    width: 10px;
    height: 20px;
}

div.advFltLabel {
    float: left;
    height: 19px;
    width: 105px;
    background-image: url(../images/btnaction/bt-mid.png);
    background-repeat: repeat-x;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
}

div.advFltBtn {
    float: left;
    width: 18px;
    height: 22px;
    background-image: url(../images/btnaction/bt-dr.png);
    background-repeat: no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*************** Au passage de la souris **************/

div.advFltMenu:hover div.advFltLeft {
    background-image: url(../images/btnaction/bt-gch_hover.png);
}

div.advFltMenu:hover div.advFltLabel {
    float: left;
    width: 105px;
    background-image: url(../images/btnaction/bt-mid_hover.png);
    color: white;
}

div.advFltMenu:hover div.advFltBtn {
    float: left;
    width: 18px;
    height: 20px;
    background-image: url(../images/btnaction/bt-dr_hover.png);
    background-repeat: no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/****************** Normal Qd le filtre est activé ********/

div.advFltActiv div.advFltLeft {
    float: left;
    background-image: url(../images/btnaction/bt-gch_activ.png);
    height: 22px;
    background-position-x: 1px;
    background-repeat: no-repeat;
}

div.advFltActiv div.advFltLabel {
    float: left;
    background-image: url(../images/btnaction/bt-mid_activ.png);
    background-repeat: repeat-x;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

div.advFltActiv div.advFltBtn {
    float: left;
    width: 20px;
    background-image: url(../images/btnaction/bt-dr_activ.png);
    background-repeat: no-repeat;
}

/*************** Au passage de la souris Qd le filtre est activé **************/

div.advFltActiv:hover div.advFltLeft {
    background-image: url(../images/btnaction/bt-gch_activ_hover.png);
}

div.advFltActiv:hover div.advFltBtn {
    float: left;
    width: 20px;
    background-image: url(../images/btnaction/bt-dr-activ_hover.png);
    background-repeat: no-repeat;
}

div.advFltActiv:hover div.advFltLabel {
    float: left;
    width: 105px;
    background-image: url(../images/btnaction/bt-mid_activ_hover.png);
    color: white;
}

/********************************************Fin Bouton Menu des filtres avancés*********************************/
.tabColors {
    margin: auto;
    width: 100%;
}

.btnDefaultColor {
    background-color: #A5A4AC;
    border-radius: 5px;
    font-size: 8pt;
    padding: 3px 10px;
    cursor: pointer;
    color: white;
    text-align: center;
}

    .btnDefaultColor:hover {
        background-color: #37A7DE;
    }

.PersColor {
    width: 16px;
    height: 16px;
    border: 1px solid black;
    float: left;
}

    .PersColor:hover {
        border: 1px solid #42A7DC;
        cursor: pointer;
    }

    .PersColor[ero='1'] {
        cursor: not-allowed;
    }

.selectedColCell {
    width: 16px;
    height: 16px;
    border: 2px solid #ceef60;
}

/***********MENU DE DROITE**************/
.rightMenuOption > ul > li > a:hover > span > img {
}

.rightMenuOption > ul > li > a > span > img {
    background-color: #636363;
}

.eMain_fleche {
    background-position: -163px 3px;
    background-color: #636363;
}

.eMain_File {
    background-position: -331px -47px;
}

.eMain_ajouter {
    background-position: -22px 2px;
    background-color: #636363;
}

.eMain_modifier {
    background-position: -121px -98px;
}

.eMain_dupliquer {
    background-position: 3px -214px;
}

.eRubriques {
    background-position: -44px -48px;
    background-color: #636363;
}

.eMain_configurer {
    background-position: 2px 73px;
}

.ui_supprimer {
    background-position: -140px -94px;
}

.iDel {
    height: 24px;
    width: 24px;
    background-position: -145px -99px;
}

    .iDel:hover {
    }

.debugdiv {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: Red;
    overflow: auto;
    opacity: 0.8;
}

.Cap {
    text-transform: capitalize;
}

.Up {
    text-transform: uppercase;
}

.Lw {
    text-transform: lowercase;
}

textarea.eMemoEditor {
    resize: none;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 8pt;
    border: 1px solid #b6b6b6; /* request 99339 */
}

div.inlineMemoEditor {
    border: 1px solid #b6b6b6;
    overflow: auto;
    margin-top: 4px;
    margin-bottom: 4px;
}

.imgZoom {
    width: 100%;
    height: 99%;
    object-fit: cover;
}

/*COLOR PICKER */
.colorPick {
    transition: 1s;
    bottom: 180px;
    background-color: white;
}

    .colorPick span.colorTitle span {
        cursor: default;
    }

        .colorPick span.colorTitle span.icon-brush {
            color: inherit;
        }

div.colorPick ul {
    padding: 5px 10px 8px 10px;
    display: block;
    border: none;
    border-radius: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    /* z-index: 50; */
}

    div.colorPick ul li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        /*border: 2px solid #fff;*/
        margin-bottom: 5px;
        border-radius: 0px;
        width: 42px;
        height: 42px;
    }

        div.colorPick ul li * {
            width: 100%;
            height: 100%;
            display: block;
            color: transparent;
        }

div.colorPick .themeThumbnail {
    border: 2px solid #fff;
    transition: 200ms;
    transition-property: border-color;
    box-sizing: border-box;
    position: relative;
}

    div.colorPick .themeThumbnail .themeColor2 {
        width: 0;
        height: 0;
        border: 19px solid transparent;
        border-top: 19px solid white;
        border-right: 19px solid white;
    }

div.colorPick {
    transition: 200ms;
    transition-property: background-color;
}

    div.colorPick.highLightThemeChoice {
        background-color: #BEDCFB;
    }

        div.colorPick.highLightThemeChoice .themeThumbnail {
            border-color: #BEDCFB;
        }

    div.colorPick .themeThumbnail.activeTheme /*, div.colorPick.highLightThemeChoice .themeThumbnail */ {
        border: 2px solid #79be0b;
        /*box-shadow: inset 0px 0px 0px 1px #FFF;*/
        /*transition: 200ms;*/
    }

    div.colorPick span {
        font-size: 9pt;
        height: 35px;
        line-height: 35px;
    }

        div.colorPick span.icon-check {
            color: transparent;
        }

    div.colorPick .themeThumbnail.activeTheme span.icon-check, div.colorPick .themeThumbnail:hover span.icon-check {
        color: #AAD524;
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        font-size: 13pt;
    }

div.colGuide {
    position: absolute;
    display: none;
    margin-left: -9px;
    margin-top: -11px;
    transition: 500ms;
    font-size: 11pt;
}

.invert {
    filter: invert(1);
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -o-filter: invert(1);
    -ms-filter: invert(1);
}

.uninvert {
    filter: invert(0);
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -o-filter: invert(0);
    -ms-filter: invert(0);
}

.icnMnuVerBtn {
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
    width: 22px;
    line-height: 22px;
    display: inline-block;
}

div.rightMenuOption > ul > li > a > span > span.icnMnuChip {
    font-size: 7pt;
}

div.rightMenuOption > ul.rightMenuSubMenuItem > li {
    padding-left: 26px;
}

/* MENU ESCAMOTABLE (comme un echaffaudage, mais pour de faux) */

.hUserBloc {
    font-size: 8pt;
    font-family: Verdana;
    bottom: 0px;
    width: 100%;
}

.hLinks {
}

.hAvatar {
    float: left;
    margin-left: 8px;
    margin-top: 24px;
    margin-right: 8px;
    background-repeat: no-repeat;
}

    .hAvatar img {
        height: 30px;
        width: 30px;
    }

.encartProfil {
    background-color: #f8f8f8;
    height: auto;
    border-bottom: 1px solid #d3d3d3;
}

.decBtn {
    height: 40px;
    line-height: 40px;
    font-size: 9pt;
    color: #bb1515;
    cursor: pointer;
}

    .decBtn .icon-logout {
        font-size: 14pt;
        padding: 10px;
        padding-left: 12px;
        /*height: 40px;
        line-height: 40px;*/
        display: inline-flex;
    }

    .decBtn span {
        vertical-align: -3px;
    }

.btnEscMnu {
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 9pt;
    background-color: white;
    color: #636363;
}

    .btnEscMnu [class^='icon-'] {
        font-size: 12pt;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        text-align: center;
    }

    .btnEscMnu > a {
        line-height: 40px;
        padding: 0;
    }

.helloMnu {
    font-size: 8pt;
    padding-top: 24px;
}

.nickMnu {
    /* line-height: 15px;*/
    min-height: 20px;
    font-size: 8pt;
    font-weight: bold;
    color: #42A7DC;
    overflow: hidden;
}

.touchOpen .Gerard {
}
/*.touchOpen div.Gerard ul.hUserBloc{
    display:block;
}*/
.Gerard {
    background-color: white;
    height: 100%;
    overflow-y: auto;
}

/*Ajout du switch pour l'activation du nouveau thème*/

.switch-new-theme-title {
    color: #eee;
    padding: 30px;
    font-size: 28px;
    text-align: center;
}

.switch-new-theme {
    display: none;
}

.switch-new-theme + label {
    position: relative;
    transition: all .4s ease-in-out 0s;
    height: 100%;
    width: 30%;
}

.switch-new-theme + label:after,
.switch-new-theme + label:before {
    top: 50%;
    content: '';
    position: absolute;
    transition: inherit;
}

.switch-new-theme-wrap > input:checked + label + span:before {
    /*opacity: 1;*/
    transition: opacity .5s;
    transition-delay: .5s;
}

.switch-new-theme-wrap > input + label + span:before {
    /*content: 'Thème activé';*/
    /*content: attr(title);*/
    color: black;
    display: inline-block;
    width: 100%;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    left: -85px;
    padding: 0 0 0 10px;
    /* color: #bb1614; */
    left: 1px;
    top: 10px;
}

.switch-new-theme-wrap > span {
    cursor: default;
}

.switch-new-theme-wrap.switch-Wai-wrap > input:checked + label + span {
    font-size: var(--size-13);
    font-family: var(--ffamily);
    color: black;
}

/*Ajout du switch pour l'activation du nouveau thème*/


span > .switch-disabled + label {
    cursor: not-allowed;
}

div.contentMaster div.FavLnkOpen div.menuBar, div.contentMaster .touchOpen div.menuBar {
    background-color: #414347;
    height: 100%;
    transition: 250ms;
}

.menuBar {
    width: 30px;
    position: absolute;
    top: 0px;
    left: -30px;
    cursor: pointer;
    transition: 250ms;
    display: inline-block;
    height: 4%;
}

.touchOpen div.menuBar .icon-menu_btn, div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:hover {
    text-align: center;
    line-height: 45px;
    right: 6px;
    color: #d3d3d3;
}

    .touchOpen div.menuBar .icon-menu_btn:hover, div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn {
        text-align: center;
        line-height: 45px;
        right: 4px;
        color: #d3d3d3;
    }

.rightMenu div.menuBar .icon-menu_btn {
    position: absolute;
    right: 1px;
}

.touchOpen .menuBar .icon-menu_btn:before {
    font-size: 18pt;
}

.touchOpen .menuBar .icon-menu_btn:before {
    content: "\e645";
}

.touchOpen .menuBar .icon-menu_btn:hover:before {
    content: "\e646";
    font-size: 12pt;
}




.icon-menu_btn:before, .icon-menu_btn_acc:before {
    content: "\e644";
    font-size: 30pt;
}

.icon-menu_btn_acc {
    position: absolute;
    left: -2px;
}

.divTxt {
    -webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 70px;
    font-size: 17pt;
    right: -14px;
    color: white;
}

.arrow {
    height: 29px;
    width: 28px;
    background-image: url(fleche.png);
    position: absolute;
    bottom: 110px;
    margin-left: 16px;
    -webkit-transition-duration: 500ms;
    -webkit-transform: rotate(-180deg);
    background-repeat: no-repeat;
}

div.menuBar div.mnuIcn {
    position: absolute;
    left: -5px;
    font-size: 20pt;
    top: -4px;
}

/* backlog #1421 - Ajout du switch pour l'activation du nouveau thème DEBUT */


.switch-new-theme-wrap, .switch-new-theme-wrap *, .switch-new-theme-wrap :after, .switch-new-theme-wrap :before {
    box-sizing: border-box
}

.switch-new-theme-title {
    color: #eee;
    padding: 30px;
    font-size: 28px;
    text-align: center;
}

.switch-new-theme-wrap {
    width: 283px;
    text-align: center;
    margin-left: auto;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 95px;
    box-sizing: border-box;
    flex-direction: row-reverse;
    background: transparent;
    transition: background .5s;
    height: 40px;
    cursor: default;
}


/** surcharge la position du switch pour une position relative (menu de droite) */
.switch-Wai-wrap {
    position: relative;
    width: 100%;
    right: unset;
}
.switch-Wai-wrap .switch-WAI-spn {
    text-align: left;
}

.switch-new-theme-wrap.activated {
    right: 20px;
    width: 260px;
}

.switch-new-theme {
    display: none;
}

/* TODO SWITCH 3 POSITIONS */
select.switch-new-theme {
    display: block;
    margin-right: 5px;
}

    .switch-new-theme + label {
        position: relative;
        transition: all .4s ease-in-out 0s;
        height: 100%;
        width: 30%;
        cursor: pointer;
    }

        .switch-new-theme + label:after {
            width: 70px;
            height: 35px;
            background: #212121;
            border-radius: 35px;
            border: 3px solid #212121;
            height: 25px;
            width: 63px;
            top: calc(50% - 12px);
            right: 13px;
            height: 20px;
            top: calc(50% - 10px);
            width: 50px;
            transition: all .7s;
            background: rgba(0,0,0,.05);
            border: none;
        }

        .switch-new-theme + label:before {
            top: 50%;
            z-index: 1;
            width: 23px;
            content: '';
            height: 23px;
            border-radius: 50%;
            position: absolute;
            transition: inherit;
            background-color: #737373;
            height: 15px;
            width: 15px;
            top: calc(50% - 7px);
            right: 47px;
            height: 10px;
            width: 10px;
            top: calc(50% - 5px);
            top: calc(50% - 10px);
            width: 20px;
            height: 20px;
            background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
            box-shadow: 0 1px 2px 0 rgba(34,36,38,.15), 0 0 0 1px rgba(34,36,38,.15) inset;
        }

    .switch-new-theme:checked + label:after {
        background: rgb(20, 186, 67);
        border-color: rgb(20, 186, 67);
    }

    .switch-new-theme:checked + label:before {
        background: #cecece;
        border-color: transparent;
        right: 22px;
        background: #fff;
        right: 11px;
    }

.switch-new-theme-wrap span {
    display: inline-block;
    width: 70%;
    font-size: 14px;
    font-weight: 500;
    transition: color .5s;
    padding: 0 0 0 10px;
    margin: 0 0 3px 0;
}

.switch-new-theme-wrap > input:checked + label + span {
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 3px 0;
}

    .switch-new-theme-wrap > input:checked + label + span:before {
        /*opacity: 1;*/
        transition: opacity .5s;
        transition-delay: .5s;
    }

.switch-new-theme-wrap > input + label + span:before {
    content: 'Thème activé';
    content: attr(title);
    color: black;
    display: inline-block;
    width: 100%;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    left: -85px;
    padding: 0 0 0 10px;
    /* color: #bb1614; */
    left: 1px;
    top: 10px;
}

.switch-new-theme-wrap.sombre {
    color: #fff;
}

    .switch-new-theme-wrap.sombre label:after {
        background: rgb(108, 108, 108);
    }

/*demande regression 75736*/


/*retour homologation 1600*/

div.switch-new-theme-wrap#dvSwitchErgo,
div.switch-new-theme-wrap#dvSwitchErgoList,
div.switch-new-theme-wrap#dvSwitchErgoGuided,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu,
div.dvSwitchTabsListEudonetX {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    position: static;
    flex-direction: row;
    min-height: 40px;
    padding: 8px;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 5px !important;
    border: solid 1px rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}

div.dvSwitchTabsListEudonetX {
    border: none;
    box-shadow: none;    
    box-sizing: initial;
    min-height: initial;
    max-height: initial;    
    height: 12px;
}

    div.switch-new-theme-wrap#dvSwitchErgo label[for="chckNwErgo"],
    div.switch-new-theme-wrap#dvSwitchErgoList label[for="chckNwErgoList"],
    div.switch-new-theme-wrap#dvSwitchErgoGuided label[for="chckNwErgoGuided"],
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark label[for="chckNwErgoGuided"],
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu label[for="chckNwErgoGuided"] {
        width: 75px;
        height: auto;
        height: 25px;
    }
    div.dvSwitchTabsListEudonetX label {
        display: none;
    }

    div.switch-new-theme-wrap#dvSwitchErgo span,
    div.switch-new-theme-wrap#dvSwitchErgoList span,
    div.switch-new-theme-wrap#dvSwitchErgoGuided span,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark span,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu span,
    div.dvSwitchTabsListEudonetX span {
        width: 80%;
        margin: 0;
        display: inline-flex;
        justify-content: flex-start;
        padding: 0;
        font-size: 13px;
    }


    div.switch-new-theme-wrap#dvSwitchErgo + label:after,
    div.switch-new-theme-wrap#dvSwitchErgoList + label:after,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu + label:after,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark + label:after,
    div.switch-new-theme-wrap#dvSwitchErgoGuided + label:after {
        right: 0;
    }

    div.switch-new-theme-wrap#dvSwitchErgo + label:before,
    div.switch-new-theme-wrap#dvSwitchErgoList + label:before,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu + label:before,
    div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark + label:before,
    div.switch-new-theme-wrap#dvSwitchErgoGuided + label:before {
        right: 35px;
    }

div#dvCntPref {
    box-sizing: border-box;
    overflow: hidden;
    /*margin: 15px;*/
    /*box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.06);*/
    border-radius: 3px;
    /*border-left: solid 3px #bb1515;*/
    background: white;
    min-height: 40px;
    padding: 15px;
    padding: 25px 30px;
    /*width: 97%;*/
}

    div#dvCntPref h2, h3 {
        font-family: sans-serif;
    }

    div#dvCntPref h3 {
        padding: 25px 0 5px 0;
        font-size: 14px;
        color: #797979;
        border-bottom: solid 1px rgba(34,36,38,.15);
        margin: 0 0 15px 0;
    }
    
    div#dvCntPref div.linkButton {
        margin-bottom: 2px;
    }

    div#dvCntPref textarea {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 10px;
        height: 200px;
        border: solid 1px rgba(196, 196, 196, .7);
        transition: background .5s;
        font-family: sans-serif;
        font-size: 12px;
        line-height: 1.5;
    }

        div#dvCntPref textarea:disabled {
            background: rgba(0,0,0,.05);
            border: solid 1px transparent;
        }

        div#dvCntPref textarea:focus {
            border: 1px solid #1565c0;
            box-shadow: 0 0px 5px -2px rgba(21, 101, 192, 0.8);
            border: 1px solid rgba(21, 101, 192, .7);
        }

#dvCntPref div#dvSwitchErgo,
#dvCntPref #dvSwitchErgoGuided,
#dvCntPref #dvSwitchErgoGuidedFromBookmark,
#dvCntPref #dvSwitchErgoGuidedFromMenu,
#dvCntPref #dvSwitchErgoList {
    padding: 0;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 5px !important;
    border: solid 1px rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    width: 100%;
}

#dvCntPref #dvSwitchErgoGuided,
#dvCntPref #dvSwitchErgoGuidedFromBookmark,
#dvCntPref #dvSwitchErgoGuidedFromMenu,
#dvCntPref #dvSwitchErgoList,
#dvCntPref #dvSwitchErgo {
    position: static;
    flex-direction: row;
    justify-content: flex-start;
    margin: 25px 0 0 0;
}

    #dvCntPref #dvSwitchErgoGuided label,
    #dvCntPref #dvSwitchErgoGuidedFromBookmark label,
    #dvCntPref #dvSwitchErgoGuidedFromMenu label,
    #dvCntPref #dvSwitchErgo label,
    #dvCntPref #dvSwitchErgoList label {
        width: 75px;
    }

div#dvCntPref h2 {
    display: none;
}

#dvCntPref br {
    display: none;
}

#dvCntPref input {
    padding: 7px 18px 7px 9px;
    border-radius: 3px;
    color: #222121;
    border: 1px solid transparent;
    border-bottom: 2px solid #c4c4c4;
    transition: all .3s ease-in;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    box-sizing: border-box;
    font-family: arial,sans-serif;
    color: grey;
    font-size: 9pt;
}

    #dvCntPref input:focus {
        border: 1px solid #1565c0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 0 0px 5px -2px rgba(21, 101, 192, 0.8);
        padding: 7px 23px 7px 4px;
        color: black;
    }

    #dvCntPref input:disabled {
        border: solid 1px transparent;
    }

/*div.switch-new-theme-wrap#dvSwitchErgo .switch-new-theme + label:before {
    right:58px;
}

div.switch-new-theme-wrap#dvSwitchErgo .switch-new-theme:checked + label:before {
    right:32px;
}*/

img.switch-new-theme-img {
    height: 20px;
    margin: 0 0 5px 0;
}

#dvCntPref .switch-new-theme-wrap label:after {
    background: rgba(0,0,0,.05);
    border: none;
}

#dvCntPref .switch-new-theme-wrap label:before {
    background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15), 0 0 0 1px rgba(34,36,38,.15) inset;
    top: calc(50% - 7.5px);
    width: 15px;
    height: 15px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}

#dvCntPref .switch-new-theme-wrap input:checked + label:after {
    background: rgb(20, 186, 67);
}

#dvCntPref .switch-new-theme-wrap input:checked + label:before {
    right: 15px;
    right: 11px;
}

#dvCntPref input::placeholder {
    color: #ababab;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 11px;
}



/*retour homologation 1600*/


/* backlog #1421 - Ajout du switch pour l'activation du nouveau thème FIN */

/* MENU ESCAMOTABLE (comme un echaffaudage, mais pour de faux) */

div.subTabDiv {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    line-height: 30px;
    margin-left: 3px; /* pour délimiter en mode planning la liste des modes planning et la liste des onglets web */
}

    div.subTabDiv span {
        display: inline-block;
    }

        div.subTabDiv span a {
            display: block;
            width: 100%;
            padding: 0 15px;
            box-sizing: border-box;
        }

            div.subTabDiv span a.selected {
                border-bottom: 3px solid #AEABAB;
                font-weight: bold;
            }

div.homeSubMenuDiv {
    display: inline-block;
    margin: 7px;
    text-align: center;
    width: 100%;
    font-family: Verdana;
    font-size: 10pt;
}

.webtabfrm {
    border: none;
    margin: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.webtabdiv {
    margin: 0 5px 5px;
    border: 1px solid #DDD;
}


.divInfos {
    text-align: center;
}

    .divInfos span {
        display: block;
        margin-top: 16px;
        margin-bottom: 6px;
    }

.hide {
    display: none;
}

.show {
    visibility: visible;
    display: block;
}

.vcard-line {
    /*width : 250px;*/
    display: inline-block;
}

    .vcard-line span[class^="icon-"] {
        font-size: 13pt;
        margin-right: 5px;
    }

.buttonAddWidth {
    width: 175px;
}

.buttonAdd span {
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}

.buttonAdd:hover span {
    color: #5A5A5A;
}

.buttonAdd span[class^="icon-"] {
    font-size: 12pt;
    margin-right: 5px;
}
/* CHECKBOXES */
a.chk .icon-square, a.chk .icon-square-o, a.chk .icon-check-square-o, a.chk .icon-check-square {
    margin-right: 7px;
    /*font-size: 11pt !important;*/
    vertical-align: middle;
    display: inline-block;
    width: 12px;
}

a.chk .icon-square-o, a.chk .icon-check-square {
    color: #b6b6b6 !important;
}

a.chk .icon-square, a.chk .icon-check-square-o {
    cursor: auto;
    color: #cccccc !important;
}

a.chk .icon-check-square {
    color: #3ca7de !important;
}

a.chk .icon-square:hover, a.chk .icon-check-square-o:hover {
    color: #cccccc !important;
}

a.chk:hover .icon-square-o {
    color: #3ca7de !important;
}

.pjrename {
    margin: 7px auto 7px;
    width: 700px;
}

    .pjrename input {
        width: 400px;
        border: 1px solid #b6b6b6;
    }

    .pjrename label {
        width: 290px;
        display: inline-block;
        word-wrap: break-word;
    }

.timeLeft {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana,'Trebuchet MS';
    letter-spacing: 1px;
}


#autocompletemenu, #menu-container .contentWait {
    display: block;
    height: 275px !important; /* !important for the request 82 248*/
    width: 500px;
    position: absolute; /* #67 822 */ /*#74 062 - CNA: je décommente, ca semble règler le problème sans pour autant réintroduire les problèmes des demandes précédentes, à surveiller*/
    background-color: white;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
    z-index: 20;
    padding: 2px;
    font-family: Verdana,Geneva,sans-serif;
    background-color: #F8F8F8;
    margin: 0;
    padding: 0;
    box-shadow: 8px 8px 12px #CCC;
    border: 1px solid #b3b3b3;
    bottom: auto !important; /* for request 92 390*/
}

#menu-container .contentWait {
    overflow-y: hidden;
    color: Black;
    font-family: Verdana,Geneva,sans-serif;
    font-size: xx-large;
    text-align: center;
    z-index: 21;
}

#autocompletemenu div.autocompleteResult,
#autocompletemenu .MicrosoftMap .as_container .suggestLink {
    height: 24px;
    /*margin-right: 31px;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #252525;
    padding: 0;
    padding-left: 6px;
    font-size: 12pt;
    width: 480px;
}

#autocompletemenu div.multiLineHeight2 {
    height: 48px;
}

#autocompletemenu div.multiLineHeight3 {
    height: 72px;
}

#autocompletemenu div.multiLineHeight4 {
    height: 96px;
}

#autocompletemenu .MicrosoftMap .as_container .suggestLink {
    margin-right: 0;
}

#autocompletemenu div.autocompleteResult:hover {
    cursor: pointer;
}

#autocompletemenu div.autocompleteResult .badge {
    display: inline-block;
    /* position: absolute; */
    color: #989696;
    right: 0px;
    font-style: italic;
    background-color: inherit;
    padding-left: 5px;
    padding-right: 5px;
    height: 24px;
    font-size: 9px;
    overflow: hidden;
    float: right;
}

#autocompletemenu #noResults {
    color: #989696;
    font-style: italic;
}

#autocompletemenu #searchInfo {
    color: green;
    font-style: italic;
    font-size: 9px;
}

#autocompletemenu #searchError {
    color: #BB1515;
    font-style: italic;
    font-size: 9px;
}

#autocompletemenu #searchErrorDebug {
    color: gray;
    font-style: italic;
    font-size: 9px;
}

/* BING AutoSuggest */
#autocompletemenu .line1, #autocompletemenu .line2 {
    background-color: inherit;
    font-size: 8pt;
    font-family: Verdana, Trebuchet MS, Arial;
    display: inline-block;
    width: auto;
    margin-right: 5px;
    line-height: 1.2em;
}

#autocompletemenu .line1 {
}

    #autocompletemenu .line1:after {
        content: ", ";
    }

#autocompletemenu .MicrosoftMap .as_container ul {
    padding: 0;
    background-color: #f8f8f8;
    color: #252525;
}

#autocompletemenu .MicrosoftMap .as_container .suggestLink .as_suggestion_root_inside .as_img,
#autocompletemenu .MicrosoftMap .as_container .bingLogoContainer {
    display: none !important;
}

#autocompletemenu .MicrosoftMap .as_container_search {
    width: 100%;
}

    #autocompletemenu .MicrosoftMap .as_container_search .asOuterContainer {
        border: none;
        box-shadow: none;
    }

#autocompletemenu .MicrosoftMap .suggestLink:hover {
    background-color: gray;
    color: #fff;
}

#autocompletemenu div.autocompleteResult span.sireneClosed {
    color: red;
    width: 100px;
}

#autocompletemenu div.autocompleteResult div.mainLine {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}

#autocompletemenu div.autocompleteResult div.subLine {
    float: left;
    color: #989696;
    right: 0px;
    background-color: inherit;
    padding-left: 10px;
    height: 24px;
    font-size: 12px;
    position: relative;
    display: block;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#autocompletemenu div.autocompleteResult:hover {
    background-color: gray;
    color: white;
}

    #autocompletemenu div.autocompleteResult:hover div.mainLine,
    #autocompletemenu div.autocompleteResult:hover div.subLine {
        color: white;
    }

#menu-container .waitOn,
#menu-container .waitOnFrmIris {
    background-color: #666;
    height: 100%;
    opacity: 0.3;
    overflow: hidden;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    float: left;
    width: 480px;
    height: 275px;
    top: 0;
}


#menu-container .waitOnFrmIris {
    opacity: 1;
}


#menu-container .waitOff,
#menu-container .waitOffIris {
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: -888px;
    width: 0;
    z-index: -999;
}

#menu-container .contentWait {
    left: inherit;
}

#autocompletemenu div.autocompleteResult div.withSireneBadge {
    width: 310px;
}

#autocompletemenu div.autocompleteResult div.withScoreBadge {
    width: 448px;
}

#autocompletemenu div.autocompleteResult .ScoreBadge {
    /* width: 32px; */ /* 68 722 */
}

#autocompletemenu div.autocompleteResult .SireneBadge {
    width: auto;
}

.search1 {
    background-color: #f8f8f8;
}

.search2 {
    background-color: #ece8e8;
}

.search-beta {
    background: #794297;
    color: #FFFFFF;
    padding: 0px 3px 0px 2px;
    /* margin: 2px 3px 0 0; */
    letter-spacing: 0.1em;
    position: absolute;
    top: 1px;
    left: 369px;
    font-size: 9px;
    font-family: Oxygen, sans-serif;
    font-weight: bold;
    height: 19px;
}

.provider-info {
    /*color: #16A5D7;*/
    padding: 0px 3px 0px 2px;
    /* margin: 2px 3px 0 0; */
    letter-spacing: 0.1em;
    position: absolute;
    top: 128px;
    left: 324px;
    font-size: 10px;
    font-family: Verdana, 'Trebuchet MS';
    /* font-weight: bold; */
    height: 19px;
    /* font-style: italic; */
}

/* CARTOGRAPHY ONGLET */
.carto-container {
    z-index: 0;
    width: 34%;
    display: none;
    position: absolute;
    transition: 500ms;
    transition-property: width;
    transition-delay: 450ms;
    -webkit-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
}

.maps-open {
    position: absolute;
    z-index: 5;
    /*left: -32px;*/
    left: -46px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    top: 5px;
    transition: 500ms;
    transition-property: left;
    transition-delay: 450ms;
    transition-property: width;
    transition-delay: 450ms;
    -webkit-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
}

    .maps-open:first-child[state=close] {
        opacity: 1;
    }

        .maps-open:first-child[state=close]:hover {
            opacity: 1;
        }

    .maps-open div {
        line-height: 28px;
        text-align: center;
        margin: 2px;
        height: 48px;
        width: 48px;
        padding: 11px;
        display: inline-block;
        float: left;
        box-sizing: border-box;
    }

        .maps-open div:hover {
            cursor: pointer;
        }

.maps-container {
    width: 0px;
    background-color: #ffffff;
    border: dashed 1px lightgray;
    position: absolute;
    right: 0px;
    transition: 500ms;
    transition-property: width;
    transition-delay: 250ms;
    -webkit-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition: all 500ms cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    -o-transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
    transition-timing-function: cubic-bezier(0.395, 0.590, 0.555, 1.000);
}

.maps-toolbar {
    width: 70%;
    position: absolute;
    left: 95px;
    top: 40px;
    font-family: Verdana, 'Trebuchet MS';
    opacity: 0;
    transition: opacity 1000ms ease-out;
    z-index: 1;
}

    .maps-toolbar div {
        line-height: 43px;
        height: 48px;
        width: 48px;
        text-align: center;
        margin: 2px;
        padding: 11px;
    }

        .maps-toolbar div:hover {
            cursor: pointer;
        }

.filter-maps-menu {
    background-color: inherit;
}

.maps-open .filter-maps-menu {
    display: none;
}


#adv-maps-btn {
    position: relative;
}

    #adv-maps-btn:hover #filter-maps-menu {
        display: block;
        position: absolute;
        top: 48px;
        left: 0;
        padding-left: 0px;
        margin: 0;
        width: 270px;
    }

.filter-maps-menu li {
    height: 32px;
    list-style-type: none;
    text-align: left;
    font-family: Verdana, 'Trebuchet MS';
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px;
}

    .filter-maps-menu li:hover {
    }

    .filter-maps-menu li input {
        height: 19px;
        width: 100%;
    }

.zoom-maps-btn {
    width: 46px;
    position: absolute;
    left: 6px;
    top: 200px;
    transition: opacity 1000ms ease-out;
    z-index: 1;
}

.maps-provider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ACC7F2;
    /* cursor: url(../images/pen.png) 0 19,crosshair!important;*/
}

.customInfobox {
    height: 170px;
    width: 250px;
    background-color: #f8f8f8;
    padding: 10px 16px;
    font-size: 12px;
    pointer-events: auto !important;
    position: relative;
    border: 1px solid #b9b9b9;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}


    .customInfobox .favoris {
        color: rgba(255, 255, 255, 0.4) !important;
    }

.infoboxmarkCbo {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 19px !important;
    z-index: 1;
}




.customInfoBoxCtnr {
    bottom: 195px;
    border-radius: 6px;
    width: 250px;
    position: relative;
}

.customInfoBoxCtnrMulti {
    border-radius: 9px;
    width: 272px;
    height: 234px;
    background-color: #f8f8f8;
    padding: 6px;
    /*margin: -30px;*/
    margin-top: -30px;
    margin-left: -24px;
    border: 1px solid #b9b9b9;
}

    .customInfoBoxCtnrMulti .customInfobox {
        margin-top: 2px;
        height: 206px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.customInfobox .title {
    height: 14px;
    position: absolute;
    bottom: 0;
    left: 0px;
    vertical-align: middle;
    background-color: rgba(50, 50, 50, 0.6);
    color: white;
    font-weight: bold;
    display: inline-block;
    max-width: 144px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px;
    cursor: pointer;
}

    .customInfobox .title:hover {
        text-decoration: underline;
    }

.customInfobox .detail {
    position: relative;
    height: 45px;
    width: 100%;
    margin-top: 3px;
    font-size: 8pt;
    padding-top: 0;
    overflow: auto;
    text-overflow: ellipsis;
}

    .customInfobox .detail p {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        white-space: normal;
        font-size: 8pt;
    }

    .customInfobox .detail span:first-child {
        font-weight: bold;
    }

        .customInfobox .detail span:first-child:before {
            content: "";
        }

.customInfobox .map-item {
    word-wrap: break-word;
}

.customInfobox .detail span {
    color: black !important;
    font-size: 9px;
    padding: 1px;
    word-break: break-word;
    white-space: normal;
}

    .customInfobox .detail span:last-child {
        color: black !important;
        font-size: 9px;
        padding: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.customInfoBoxTemplatesCtnr {
    width: 272px;
    padding: 0px;
    /*overflow-y: auto;*/
    overflow-y: scroll;
    overflow-x: hidden;
    height: 234px;
}

.imageCtr {
    min-height: 35px;
    display: table-cell;
    vertical-align: middle;
    background-color: gray;
    text-align: center;
    width: 200px;
    height: 132px;
    position: relative;
}

    .imageCtr img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .imageCtr span {
        font-size: 62pt;
    }

        .imageCtr span:hover {
            color: inherit !important;
        }

    .imageCtr .infoboxmarkCbo span {
        font-size: 19px;
    }



/*triangle*/
.infobox-pointer, .infobox-pointer-multi {
    position: absolute;
    height: 21px;
    display: block;
    left: 104px;
}

.infobox-pointer {
    top: 196px;
}

.infobox-pointer-multi {
    top: 218px;
}

/*Couleur fond triangle*/
.infobox-pointer-border {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid rgba(80, 79, 79, 0);
    border-top: 12px solid #b9b9b9;
    position: relative;
}

/*Border du triangle*/
.infobox-pointer-background {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid rgba(80, 79, 79, 0);
    border-top: 12px solid #f8f8f8;
    position: relative;
    top: -13px;
    float: left;
}

.eudoSearchBoxContainer {
    position: inherit;
    top: 2px;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.64);
    height: 33px;
    text-align: left;
    vertical-align: middle;
}

    .eudoSearchBoxContainer input {
    }

.edit-cursor {
    cursor: url(../images/BingMaps/pen.png) 10 21, auto;
}

.default-cursor {
    cursor: default;
}

.maps-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#edit-maps-btn[mode='1'] {
    color: #a8d31f !important;
    background-color: #ffffff;
}

#adv-maps-btn[active='1'] {
    color: #a8d31f !important;
}

#maps-open[state='close'] {
    display: none;
}




/* FIN CARTOGRAPHY ONGLET */

.icnFileBtn {
    font-size: 9pt;
    width: 16px;
    vertical-align: middle;
}

    .icnFileBtn[eaction='LNKGEO'] {
        font-size: 13pt;
    }

.icnFileBtnSocNet {
    font-size: 11pt;
    padding: 5px; /* Pour s'aligner avec les autres icônes */
}

    .icnFileBtnSocNet:hover {
        color: #47A7DC !important;
    }

.icon-agenda {
    font-size: 11pt;
    padding: 5px;
}

.icnMemo {
    vertical-align: top;
    font-size: 10pt;
    text-align: left;
    padding-top: 5px;
}

.icnBkm {
    font-size: 12pt;
    vertical-align: middle;
    height: 23px;
    line-height: 23px;
    text-align: center;
    width: 30px;
}

    .icnBkm:hover {
        color: #4C4C4C;
    }

.icnBkmDis {
    color: rgb(170,170,170) !important;
    cursor: not-allowed;
}

.icnPlanTlt {
    font-size: 8pt;
    text-align: center;
    padding: 5px;
    padding-right: 0;
    color: #636363;
    background-color: #efefef;
    border-radius: 10px;
}

.icon-logout {
    color: #bb1515 !important;
}

.logo_modifs .icon-abc {
    font-size: 8pt !important;
}

.logo_modifs [class^="icon-"] {
    font-size: 10pt;
    display: inline-block;
    line-height: 21px;
    text-align: center;
}

.icnListAct {
    font-size: 11pt;
    text-align: center;
    width: 24px;
}

/* Drag and Drop de fichiers */
:not(.drop-container).PjHover {
    background-color: #F7F7F7 !important;
    border: 2px dashed #84B0C7 !important;
}

/* 8 PT 
.fs_8pt .mTab, .fs_8pt .hdTable, .fs_8pt .table_labels, .fs_8pt .table_lab_pty, .fs_8pt input[type=\"text\"], .fs_8pt .mTab .table_values input[type='text'] {
    font-size: 8pt;
}

    .fs_8pt [fstyle='SECONDARY_TITLE'], .fs_8pt .mTab .table_values input[type='text'] {
        font-size: 12pt;
    }

    */
/* 9 PT 
.fs_9pt .mTab, .fs_9pt .hdTable, .fs_9pt .table_labels, .fs_9pt .table_lab_pty, .fs_9pt input[type=\"text\"], .fs_9pt .mTab .table_values input[type='text'] {
    font-size: 9pt;
}

    .fs_9pt [fstyle='SECONDARY_TITLE'], .fs_9pt .mTab .table_values input[type='text'] {
        font-size: 13pt;
    }
*/

/* 10 PT 
.fs_10pt .mTab, .fs_10pt .hdTable, .fs_10pt .table_labels, .fs_10pt .table_lab_pty, .fs_10pt input[type=\"text\"], .fs_10pt .mTab .table_values input[type='text'] {
    font-size: 10pt;
}

    .fs_10pt [fstyle='SECONDARY_TITLE'], .fs_10pt .mTab .table_values input[type='text'] {
        font-size: 14pt;
    }
    */

/* 11 PT 
.fs_11pt .mTab, .fs_11pt .hdTable, .fs_11pt .table_labels, .fs_11pt .table_lab_pty, .fs_11pt input[type=\"text\"], .fs_11pt .mTab .table_values input[type='text'], .fs_11pt li div, .fs_11pt li.sbmBottom a, .fs_11pt .sbmBottom .icon-cog, .fs_11pt .Action_sMC, .fs_11pt .lib, .fs_11pt .helloMnu, .fs_11pt .nickMnu, .fs_11pt .rightMenuOption a, .fs_11pt .rightMenuModFile a, .fs_11pt .rightMenuSubMenuTitle, .fs_11pt .btnEscMnu, .fs_11pt .decBtn, .fs_11pt li.navLst {
    font-size: 11pt;
}

    .fs_11pt [fstyle='SECONDARY_TITLE'], .fs_11pt .mTab .table_values input[type='text'] {
        font-size: 15pt;
    }

    */
/* 12 PT 
.fs_12pt .mTab, .fs_12pt .hdTable, .fs_12pt .table_labels, .fs_12pt .table_lab_pty, .fs_12pt input[type=\"text\"], .fs_12pt .mTab .table_values input[type='text'], .fs_12pt li div, .fs_12pt li.sbmBottom a, .fs_12pt .sbmBottom .icon-cog, .fs_12pt .Action_sMC, .fs_12pt .lib, .fs_12pt .helloMnu, .fs_12pt .nickMnu, .fs_12pt .rightMenuOption a, .fs_12pt .rightMenuModFile a, .fs_12pt .rightMenuSubMenuTitle, .fs_12pt .btnEscMnu, .fs_12pt .decBtn, .fs_12pt li.navLst {
    font-size: 12pt;
}

    .fs_12pt [fstyle='SECONDARY_TITLE'], .fs_12pt .mTab .table_values input[type='text'] {
        font-size: 16pt;
    }
    */

/* 14 PT 
.fs_14pt .mTab, .fs_14pt .hdTable, .fs_14pt .table_labels, .fs_14pt .table_lab_pty, .fs_14pt input[type=\"text\"], .fs_14pt .mTab .table_values input[type='text'], .fs_14pt li div, .fs_14pt li.sbmBottom a, .fs_14pt .sbmBottom .icon-cog, .fs_14pt .Action_sMC, .fs_14pt .lib, .fs_14pt .helloMnu, .fs_14pt .nickMnu, .fs_14pt .rightMenuOption a, .fs_14pt .rightMenuModFile a, .fs_14pt .rightMenuSubMenuTitle, .fs_14pt .btnEscMnu, .fs_14pt .decBtn, .fs_14pt li.navLst, .fs_14pt .table_values, .fs_14pt a.chk .icon-square-o, .fs_14pt a.chk .icon-check-square {
    font-size: 14pt;
}

.fs_14pt [fstyle='SECONDARY_TITLE'], .fs_14pt [fstyle='SECONDARY_TITLE'] > input {
    font-size: 18pt !important;
}

.fs_14pt .icnFileBtn, .fs_14pt .file99 {
    font-size: 12pt;
}

.fs_14pt .fileLogo {
    font-size: 13pt;
    line-height: 27px;
}

.fs_14pt a.rChk [class^='icon-'] {
    margin-right: 14px;
}

.fs_14pt .rightMenuSpan_adjust [class^="icon-"] {
    font-size: 11pt;
}
    */

/* 16 PT 
.fs_16pt .mTab, .fs_16pt .hdTable, .fs_16pt .table_labels, .fs_16pt .table_lab_pty, .fs_16pt input[type=\"text\"], .fs_16pt .mTab .table_values input[type='text'], .fs_16pt li div, .fs_16pt li.sbmBottom a, .fs_16pt .sbmBottom .icon-cog, .fs_16pt .Action_sMC, .fs_16pt .lib, .fs_16pt .helloMnu, .fs_16pt .nickMnu, .fs_16pt .rightMenuOption a, .fs_16pt .rightMenuModFile a, .fs_16pt .rightMenuSubMenuTitle, .fs_16pt .btnEscMnu, .fs_16pt .decBtn, .fs_16pt li.navLst, .fs_16pt .table_values, .fs_16pt a.chk .icon-square-o, .fs_16pt a.chk .icon-check-square {
    font-size: 16pt;
}

.fs_16pt [fstyle='SECONDARY_TITLE'], .fs_16pt [fstyle='SECONDARY_TITLE'] > input {
    font-size: 20pt !important;
}

.fs_16pt .icnFileBtn, .fs_16pt .file99 {
    font-size: 13pt;
}

.fs_16pt .fileLogo {
    font-size: 14pt;
    line-height: 30px;
}

.fs_16pt a.rChk [class^='icon-'] {
    margin-right: 16px;
}

.fs_16pt .rightMenuSpan_adjust [class^="icon-"] {
    font-size: 13pt;
}
    */
/*SyncFusion GRID*/
.e-summaryrow {
    background-color: #5f5e5f !important;
    color: white;
    text-align: left;
}

.e-headercell {
    background-color: #ccc !important;
}

.SyncFusionChartContainer {
    width: 100%;
    height: 100%; /* request 99734 */
}

g rect[id*="_svg_Series"][id^="DivChart"], g path[id*="_svg_Series"][id^="DivChart"] {
    cursor: pointer;
}

text[font-weight='Bold'] {
    font-weight: bold;
    white-space: nowrap;
}

text[font-family='Segoe UI'] {
    font-family: "Segoe UI";
}

text[font-style='normal'] {
    font-style: normal;
}

text[text-anchor='start'] {
    text-anchor: start;
}

path[name*='Light'] {
    cursor: pointer;
}

/* Boutons Reseaux Sociaux*/

.twitterButtonContainer, .facebookButtonContainer, .linkedinButtonContainer {
   /* height: 16px;*/
    border-radius: 3px;
    margin: 0px;
    padding: 2px 0px;
}

    .twitterButtonContainer a, .facebookButtonContainer a, .linkedinButtonContainer a {
        margin: 0px;
        padding: 0px 5px;
    }

.twitterButtonContainer {
    background-color: #1B95E0;
}

    .twitterButtonContainer:hover {
        background-color: #0C7ABF;
    }

.facebookButtonContainer {
    background-color: #4267B2;
}

    .facebookButtonContainer:hover {
        background-color: #365899;
    }

.linkedinButtonContainer {
    background-color: #0077B5;
}

    .linkedinButtonContainer:hover {
        background-color: #0369A0;
    }

    .twitterButtonContainer span, .facebookButtonContainer span, .linkedinButtonContainer span {
        margin: 0px 1px;
        font-size: 12px;
    }

        .twitterButtonContainer span:not([class^="icon-"]), .facebookButtonContainer span:not([class^="icon-"]), .linkedinButtonContainer span:not([class^="icon-"]) {
            font-weight: bold;
        }

        .twitterButtonContainer span, .twitterButtonContainer span:hover,
        .facebookButtonContainer span, .facebookButtonContainer span:hover,
        .linkedinButtonContainer span, .linkedinButtonContainer span:hover {
            color: #FFFFFF;
        }


/* Fin Boutons Reseaux Sociaux*/

.emtyDataChart {
    background: url(../images/emptyDataChart.jpg) no-repeat center top;
    background-size: contain;
    /*margin: 0.5%;*/
    margin-top: 2%;
    width: 20%;
}

.block {
    position: relative;
    font-size: 0.8vw;
    color: #BD2C17;
}


div.emptyPictureArea {
    border: 2px dashed;
    border-radius: 5px;
    text-align: center;
    padding: 2px;
    margin: 2px;
}

    /* Drag and Drop de fichiers */
    div.emptyPictureArea.PjHover {
        color: #84B0C7 !important;
    }

td.cell div.emptyPictureArea {
    border: none;
}

#bodyCTI #errorContainer {
    background-color: #fff;
    padding: 15px 30px;
    margin-top: 50px;
    font-size: 10pt;
    margin: 100px auto;
    width: 500px;
}

    #bodyCTI #errorContainer * {
        vertical-align: middle;
    }

    #bodyCTI #errorContainer .errorTitle {
        font-weight: bold;
        color: #bb1515;
        vertical-align: middle;
        margin-bottom: 15px;
    }

        #bodyCTI #errorContainer .errorTitle .icon-ban {
            color: #bb1515;
            margin-right: 7px;
        }

    #bodyCTI #errorContainer .closeLink {
        color: #bb1515;
        font-size: 9pt;
        display: block;
        text-align: center;
        text-decoration: underline;
        margin-top: 20px;
    }

.searchFieldWrapper * {
    float: left;
}

/*input filMyFile*/

.label-container {
    display: none;
}

/*input filMyFile*/

/* floating button */

#app-menu.edn--home--wrapper.edn--home--wrapper--floating--button.edn--home--admin {
    position: absolute;
}

.btn-group-settings.floatingLeft {
    transition: left 250ms, opacity 150ms;
    opacity: 0.3
}

    .btn-group-settings.floatingLeft:hover {
        left: 0 !important;
        transition-delay: 0.5s, 4ms;
        opacity: 1;
    }

.btn-group-settings {
    position: fixed;
}

.flex-column {
    flex-direction: column;
}

.d-flex {
    display: flex;
}

.btn-group-settings.floatingLeft button:first-child {
    border-top-right-radius: 5px;
}

.btn-group-settings.floatingLeft button:last-child {
    border-bottom-right-radius: 5px;
}

[class*="fs_"] .wizard_iframe #mainDiv #listContent {
    height: 100%;
}

.eMainRoot{
    overflow: hidden;
}

.edaCalendarList label {
    float: left;
    margin-left: -0.75rem;
}

.searchFieldWrapper {
    display: flex;
    align-items: center;
}

.color-green {
    color: #22A147 !important;
}

.color-orange {
    color: #FF832B !important;
}

.color-red {
    color: #DA1E27 !important;
}