/* Minification failed. Returning unminified contents.
(18607,43): run-time error CSS1046: Expect comma, found '0'
(18607,47): run-time error CSS1046: Expect comma, found '/'
(18607,69): run-time error CSS1046: Expect comma, found '255'
(18607,77): run-time error CSS1046: Expect comma, found '/'
(18848,47): run-time error CSS1046: Expect comma, found '0'
(18848,51): run-time error CSS1046: Expect comma, found '/'
(18848,73): run-time error CSS1046: Expect comma, found '255'
(18848,81): run-time error CSS1046: Expect comma, found '/'
(19151,51): run-time error CSS1046: Expect comma, found '0'
(19151,55): run-time error CSS1046: Expect comma, found '/'
(19151,77): run-time error CSS1046: Expect comma, found '255'
(19151,85): run-time error CSS1046: Expect comma, found '/'
 */
.field-validation-error {
    margin-bottom: 15px;
    display: inline-block;
    color: rgba(200, 0, 0, 0.70);
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select, button
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: normal;
    vertical-align: baseline;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    [hidden],
    datalist,
    audio:not([controls])
    {
        display: none;
    }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    line-height: normal;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after
    {
        content: '';
        content: none;
    }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

textarea
{
    resize: none;
}

html:focus,
body:focus,
input[readonly]:focus
{
    outline-offset: 0;
}

html, body, button, input, select, textarea
{
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

body
{
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #000;
    overflow: hidden;
}

a
{
    text-decoration: none;
}

table td
{
    vertical-align: middle;
}

label[for]
{
    padding-left: 3px;
    margin-left: 0;
    vertical-align: top !important;
}

input[type=radio]
{
    margin-right: 0;
    vertical-align: top !important;
}

span
{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=button]
{
    margin-left: 0px;
    height: 50px;
    vertical-align: middle;
}

fieldset
{
    padding: 6px 12px 10px 12px;
}

    fieldset legend
    {
        padding: 0 2px 0 2px;
    }

input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
select,
textarea {
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Scrollbars */
::-webkit-scrollbar
{
    width: 6px;
}

::-scrollbar-button,
::-webkit-scrollbar-button
{ /* 2 */
}

::-webkit-scrollbar-track
{
    background-color: transparent !important;
    margin: 8px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background-image: url(../../Images/scroll_bg.png);
    background-repeat: repeat-y;
    background-position: center center;
}

::-webkit-scrollbar-track-piece
{ /* 4 */
}

::-webkit-scrollbar-thumb
{
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background-image: url(../../Images/scroller_bg.png);
    background-repeat: repeat-y;
    background-position: center center;
}

    ::-webkit-scrollbar-thumb:hover
    {
        background-color: rgba(0, 0, 0, 0.6) !important;
    }

::-webkit-scrollbar-corner
{ /* 6 */
}

::-webkit-resizer
{ /* 7 */
}

::-webkit-scrollbar:horizontal
{
    height: 6px;
}

::-webkit-scrollbar-button
{ /* 2 */
}

::-webkit-scrollbar-track:horizontal
{
    background-color: transparent !important;
    margin: 8px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background-image: url(../../Images/scroll_bg_h.png);
    background-repeat: repeat-x;
    background-position: center center;
}

::-webkit-scrollbar-thumb:horizontal
{
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background-image: url(../../Images/scroller_bg_h.png);
    background-repeat: repeat-x;
    background-position: center center;
}

    ::-webkit-scrollbar-thumb:horizontal:hover
    {
        background-color: rgba(0, 0, 0, 0.6) !important;
    }
/* Scrollbars */

.clear
{
    clear: both;
}

.visible
{
    visibility: visible;
}

.invisible
{
    visibility: hidden;
}

.sansHarmonie .requiertHarmonie,
.sansMdm .requiertMdm
{
    display: none !important;
}

.sansHarmonie .bloc.requiertHarmonie,
.sansMdm .bloc.requiertMdm
{
    display: block !important;
    visibility: hidden !important;
}

.nowrap
{
    white-space: nowrap;
}

.important
{
    font-weight: bold;
}

.importantRouge
{
    color: #BD0013;
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.centre
{
    text-align: center;
}

.droite
{
    text-align: right;
}

.nonspecifie
{
    color: #999;
    font-style: italic;
}

.clicable,
.clicable label,
.clicable span
{
    cursor: pointer !important;
}

.clicable:hover
{
}

.messageErreur {
    color: #BD0013;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.iconeFichier
{
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../Images/fichier-32x38.png);
    text-align: center;
    overflow: hidden;
    padding-top: 23px;
    padding-left: 2px;
    padding-right: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 12px;
    z-index: 10;
}

    .iconeFichier.grande
    {
        width: 38px;
        height: 46px;
        background-image: url(../../Images/fichier-38x46.png);
        padding-top: 28px;
    }


.nonImplemente,
.nonImplemente:hover,
.nonImplemente:hover *:hover,
input[type="button"].nonImplemente,
input[type="button"].nonImplemente:hover,
nav ul li.nonImplemente > span:hover,
.listeChoix > div.nonImplemente:hover,
.menuContextuel li.nonImplemente:hover span
{
    color: #fff !important;
    background-color: rgba(200, 0, 0, 0.70) !important;
    cursor: default !important;
}

.pageNonImplementee
{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../../Images/non-implemente.png);
}

.recuperationAdresse
{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../../Images/harmonie-loader-black-arrows.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

.hidden,
.element-invisible
{
    display: none;
}

.fondBlanc
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.popUpAffiche #page,
.popUpAffiche header,
.popUpAffiche footer,
.popUpAffiche nav
{
    -webkit-filter: blur(2px) grayscale(.5) opacity(0.8);
    filter: blur(2px) grayscale(.5) opacity(0.8);
}

.flou
{
    -webkit-filter: blur(1px) grayscale(.5) opacity(0.8);
    filter: blur(1px) grayscale(.5) opacity(0.8);
}


/* Cartes (Flipper) */
.conteneurCarte
{
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

    .conteneurCarte .carte
    {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -moz-transition: 500ms;
        -o-transition: 500ms;
        -webkit-transition: 500ms;
        transition: 500ms;
    }

        .conteneurCarte .carte.retournee
        {
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }

        .conteneurCarte .carte > div
        {
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
        }

            .conteneurCarte .carte > div.arriere
            {
                -moz-transform: rotateX(180deg);
                -ms-transform: rotateX(180deg);
                -o-transform: rotateX(180deg);
                -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg);
            }
/* Flipper */


/* Combobox */
.cbBox
{
    position: relative;
    cursor: pointer !important;
    padding-right: 31px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-image: url(../../Images/cbbox-22x22.png);
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255, 255, 255, 0.4);
}

    .cbBox > span
    {
        padding-left: 5px;
        display: block;
        white-space: nowrap;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        font-weight: 100 !important;
    }

    .cbBox.etatPdaCourant span
    {
        border-left-style: solid;
        border-left-width: 10px;
        border-left-color: transparent;
    }

    .cbBox .popupListeCbBox
    {
        cursor: default !important;
        display: none;
        position: absolute;
        min-width: 100%;
        top: 30px;
        right: 0;
        z-index: 10;
        text-align: left;
        background-color: #b0afaf;
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
        box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    }

        .cbBox .popupListeCbBox.visible
        {
            display: block;
        }

        .cbBox .popupListeCbBox .popupListeCbBox-ul:not(:first-child)
        {
            padding-left: 35px;
        }

        .cbBox .popupListeCbBox .popupListeCbBox-ul .popupListeCbBox-li.disabled
        {
            cursor: default;
            background-color: rgba(255, 255, 255, 0.2);
        }

        .cbBox .popupListeCbBox .popupListeCbBox-ul .popupListeCbBox-li
        {
            position: relative;
        }

            .cbBox .popupListeCbBox .popupListeCbBox-ul .popupListeCbBox-li .popupListeCbBox-span,
            .cbBox .popupListeCbBox .popupListeCbBox-ul .popupListeCbBox-li .popupListeCbBox-span-span
            {
                padding-left: 10px !important;
                display: block;
                padding-right: 50px;
                white-space: nowrap;
                font-weight: 100 !important;
                vertical-align: middle;
                cursor: pointer !important;
            }

        .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable
        {
            min-width: 300px;
        }

            .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable .popupListeCbBox-ul .popupListeCbBox-li .popupListeCbBox-span
            {
                padding-left: 5px !important;
            }

            .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable .popupListeCbBox-ul .popupListeCbBox-li .popupListeCbBox-btn
            {
                position: absolute;
                top: 1px;
                left: -40px;
                width: 40px;
                height: 40px;
                display: block;
                vertical-align: middle;
                background-position: center right 5px;
                background-repeat: no-repeat;
                background-size: 20px;
                cursor: pointer !important;
            }

            .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable .popupListeCbBox-ul .popupListeCbBox-li.popupListeCbBox-li-replie > .popupListeCbBox-btn
            {
                background-image: url(../../Images/ferme-30x30-blanc.png);
            }

            .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable .popupListeCbBox-ul .popupListeCbBox-li.popupListeCbBox-li-deplie > .popupListeCbBox-btn
            {
                background-image: url(../../Images/ouvert-30x30-blanc.png);
            }

            .cbBox .popupListeCbBox.popupListeCbBox-arboRepliable .popupListeCbBox-ul .popupListeCbBox-li.popupListeCbBox-li-replie .popupListeCbBox-ul
            {
                display: none;
            }

        .cbBox .popupListeCbBox.popupListeCbBox-filtreActif .popupListeCbBox-ul:not(.popupListeCbBox-filtre-resultat)
        {
            display: none;
        }

        .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre
        {
            display: block;
        }

            .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-filtre-input
            {
                display: block;
                width: 100%;
                box-sizing: border-box;
                line-height: 40px;
                height: 40px;
                font-size: 22px;
            }

            .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-ul.popupListeCbBox-filtre-resultat
            {
                padding-left: 0;
            }

                .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-ul.popupListeCbBox-filtre-resultat .popupListeCbBox-filtre-resultat-msg
                {
                    font-style: italic;
                    margin-top: 7px;
                    display: block;
                    text-align: center;
                    padding-bottom: 2px;
                }

                .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-ul.popupListeCbBox-filtre-resultat .popupListeCbBox-btn
                {
                    display: none;
                }



                    .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-ul.popupListeCbBox-filtre-resultat .popupListeCbBox-span .popupListeCbBox-span-span
                    {
                        display: inline-block;
                        padding-right: 0;
                        vertical-align: top;
                        box-sizing: border-box;
                    }

                        .cbBox .popupListeCbBox.popupListeCbBox-arboFiltrable .popupListeCbBox-filtre .popupListeCbBox-ul.popupListeCbBox-filtre-resultat .popupListeCbBox-span .popupListeCbBox-span-span.popupListeCbBox-span-spanParent
                        {
                            display: inline-block;
                            max-width: 50%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
/* Combobox */

/* Surcharges Styles qTip */
.qtip
{
    font-size: 13px;
    max-width: none;
    min-width: 0px;
}

    .qtip .qtip-content
    {
        max-width: 1000px;
    }
/* Surcharges Styles qTip */


/* Page */
#page
{
    margin: 0;
    padding-top: 5px;
    padding-bottom: 31px;
    padding-left: 1px;
    padding-right: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

    #page table
    {
        width: 100%;
        margin-left: auto;
        height: 50px;
        margin-right: auto;
    }

.fixe table
{
    height: 50px;
}

    #page > section div
    {
        padding-left: 50px;
        padding-right: 50px;
    }

        #page > section div div
        {
            padding-left: 0px;
            padding-right: 0px;
        }

    #page > section input[type="submit"], input[type="button"], a.btn
    {
        padding: 10px !important;
        -moz-transition: all 0.25s ease-in-out 0s !important;
        -o-transition: all 0.25s ease-in-out 0s !important;
        -webkit-transition: all 0.25s ease-in-out 0s !important;
        transition: all 0.25s ease-in-out 0s !important;
    }

        #page > section input[type="submit"]:hover, input[type="button"]:hover, a.btn:hover
        {
            -moz-transition: all 0.05s ease-in-out 0s !important;
            -o-transition: all 0.05s ease-in-out 0s !important;
            -webkit-transition: all 0.05s ease-in-out 0s !important;
            transition: all 0.05s ease-in-out 0s !important;
        }
/* Page */


/* Footer */
footer
{
    z-index: 10;
    white-space: nowrap;
    font-size: 10px;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    footer .footer-conteneur
    {
        padding-left: 5px;
        padding-right: 5px;
        float: right;
        overflow: hidden;
    }

    footer .footer-span
    {
        display: block;
        float: left;
    }

    footer .environnement
    {
        padding-right: 10px;
        border-right-width: 1px;
        border-right-style: solid;
    }

    footer .societe
    {
        padding-right: 10px;
    }

    footer .credits
    {
        cursor: pointer;
    }

    footer .releasenotes {
        cursor: pointer;
    }

    footer .bouton
    {
        width: 30px;
        height: 30px;
        background-size: 26px;
    }

        footer .bouton:hover
        {
            background-color: transparent !important;
        }

        footer .bouton.boutonFullscreen
        {
            top: 1px;
            left: 5px;
        }

    footer span
    {
        display: inline-block;
        padding-left: 10px;
        cursor: default;
    }

    footer a
    {
        color: #a7a7a7 !important;
        white-space: nowrap;
        font-size: 10px;
    }

body.reduit footer .bouton.boutonFullscreen
{
    left: 65px;
}
/* Footer */


/* En-tête */
header
{
    height: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    header .titre
    {
        position: absolute;
        top: 0;
        left: 70px;
        text-align: left;
        font-size: 36px;
        height: 60px;
        line-height: 60px;
        white-space: nowrap;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: default;
        font-weight: 100;
        width: 42%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    header .boutonsDroite
    {
        position: absolute;
        top: 0;
        right: 0;
        height: 60px;
        overflow: visible;
    }

        header .boutonsDroite .listesChoix,
        header .boutonsDroite .bouton
        {
            display: block;
            position: relative !important;
            top: auto !important;
            right: auto !important;
            float: left;
        }

            header .boutonsDroite .listesChoix .cbBox
            {
                border: none;
            }

                header .boutonsDroite .listesChoix .cbBox .valeurSelectionnee
                {
                    max-width: 370px;
                }

            header .boutonsDroite .bouton.boutonAide.premiereFois
            {
                -moz-animation: ease-in 4000ms infinite animBoutonAide;
                -o-animation: ease-in 4000ms infinite animBoutonAide;
                -webkit-animation: ease-in 4000ms infinite animBoutonAide;
                animation: ease-in 4000ms infinite animBoutonAide;
            }

                header .boutonsDroite .bouton.boutonAide.premiereFois .indic
                {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 60px;
                    height: 60px;
                    border: solid 8px #fc9e29;
                    -moz-border-radius: 30px;
                    -webkit-border-radius: 30px;
                    border-radius: 30px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    -moz-animation: ease-in 4000ms infinite animIndicateurAide;
                    -o-animation: ease-in 4000ms infinite animIndicateurAide;
                    -webkit-animation: ease-in 4000ms infinite animIndicateurAide;
                    animation: ease-in 4000ms infinite animIndicateurAide;
                }

    header .siteCourant
    {
        text-align: right;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: default;
        font-weight: 100;
    }

    header .etatPdaCourant
    {
        text-align: right;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: default;
        font-weight: 100;
    }

    header .bouton.boutonMenu
    {
        top: 0;
        left: 0;
        background-image: url(../../Images/bouton-menu-40x40.png);
    }

    header .bouton.boutonAccueil
    {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../../Images/harmonie_flowers.png);
        background-size: 50px;
        background-position: top 5px center;
        opacity: 1.0;
        cursor: default;
    }

        header .bouton.boutonAccueil:hover
        {
            background-color: transparent !important;
        }

    header .bouton.boutonConfiguration
    {
        top: 0;
        right: 0px;
    }

    header .bouton.boutonRecherche
    {
        top: 0;
        right: 60px;
    }

body.reduit header .bouton.boutonMenu
{
    visibility: hidden;
}

@media screen and (min-width: 1500px)
{
    header .boutonsDroite .listesChoix .cbBox .valeurSelectionnee
    {
        max-width: 570px;
    }
}

@media screen and (min-width: 1700px)
{
    header .boutonsDroite .listesChoix .cbBox .valeurSelectionnee
    {
        max-width: 670px;
    }
}
/* En-tête */
/* Recherche */
div.recherche
{
    padding: 0;
    position: relative;
    height: 50px;
}

    div.recherche .zoneRecherche
    {
        margin: 0;
        border: none;
        height: 100%;
        font-size: 30px;
        text-align: center;
        width: 500px;
        padding-right: 110px;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }

    div.recherche input[type="button"]
    {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 50px !important;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../../Images/menu-rechercher-40x40.png);
        width: 110px;
        padding: 0 !important;
        margin: 0 !important;
        vertical-align: top;
        -moz-border-radius: 0px 3px 3px 0px;
        -webkit-border-radius: 0px 3px 3px 0px;
        border-radius: 0px 3px 3px 0px;
    }
/* Recherche */


/* iFrames */
.iframe
{
}

    .iframe.details
    {
        border: none;
        min-height: 10px !important;
    }

    .iframe .popUpBase
    {
        position: relative !important;
        border: none !important;
    }
/* iFrames */


/* Upload fichiers */
.uploadFichiers
{
    text-align: center;
}

    .uploadFichiers input[type="file"]
    {
        display: none;
    }

    .uploadFichiers input[type="button"]
    {
    }

    .uploadFichiers .fichiersSelectionnes
    {
        margin-top: 5px;
    }

        .uploadFichiers .fichiersSelectionnes > ul
        {
            margin-top: 5px;
        }

        .uploadFichiers .fichiersSelectionnes .aucun
        {
            height: 51px;
        }

        .uploadFichiers .fichiersSelectionnes .aucun,
        .uploadFichiers .fichiersSelectionnes > ul li
        {
            font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
            line-height: 25px;
        }
/* Upload fichiers */


/* Menu Contextuel */
.menuContextuel
{
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: -5px 10px 15px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: -5px 10px 15px 0 rgba(0, 0, 0, 0.24);
    box-shadow: -5px 10px 15px 0 rgba(0, 0, 0, 0.24);
}

    .menuContextuel.gauche
    {
        left: 0;
        right: auto;
        -moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.24);
        -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.24);
        box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.24);
    }

    .menuContextuel.visible
    {
        display: block;
    }

    .menuContextuel ul li.sep
    {
        display: none;
    }

        .menuContextuel ul li.sep span
        {
            cursor: default;
        }

    .menuContextuel ul li span
    {
        display: block;
        width: 100%;
        cursor: pointer;
        white-space: nowrap;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding-right: 5px;
    }

        .menuContextuel ul li span:hover
        {
        }

    .menuContextuel > ul > li:first-child > span
    {
        border-top: none;
    }

    .menuContextuel > ul > li > span
    {
        font-size: 20px;
        font-weight: 500;
        line-height: 45px; /* Car bordure de 1px */
        padding-left: 55px;
        padding-right: 15px;
        background-position: 12px center;
        background-repeat: no-repeat;
        background-size: 30px;
    }

    .menuContextuel > ul > li.activerSynchro span
    {
        background-image: url(../../Images/synchro-active-blanc-30x30.png);
    }

    .menuContextuel > ul > li.desactiverSynchro span
    {
        background-image: url(../../Images/synchro-inactive-blanc-30x30.png);
    }

    .menuContextuel > ul > li.activerPatchs span
    {
        background-image: url(../../Images/patchs-actifs-blanc-30x30.png);
    }

    .menuContextuel > ul > li.desactiverPatchs span
    {
        background-image: url(../../Images/patchs-inactifs-blanc-30x30.png);
    }

    .menuContextuel > ul > li.nouvelleCommande span
    {
        background-image: url(../../Images/menu-commandes-40x40.png);
    }

    .menuContextuel > ul > li.chooseNewPolicy span {
        background-image: url(../../Images/vers-30x30.svg);
    }

    .menuContextuel > ul > li.nouveauScenario span
    {
        background-image: url(../../Images/menu-scenario-40x40.png);
    }

    .menuContextuel > ul > li.edition span
    {
        background-image: url(../../Images/bouton-edition-40x40.png);
    }

    .menuContextuel > ul > li.etat span
    {
        background-image: url(../../Images/etat-blanc-40x40.png);
    }

    .menuContextuel > ul > li.site span
    {
        background-image: url(../../Images/site-blanc-40x40.png);
    }

    .menuContextuel > ul > li.ajouterFavoris span
    {
        background-image: url(../../Images/favoris-actif-30x30.png);
    }

    .menuContextuel > ul > li.remoteControl span {
        background-image: url(../../Images/remotecontrol-30x30.png);
    }

    .menuContextuel > ul > li.supprimerFavoris span
    {
        background-image: url(../../Images/favoris-inactif-30x30.png);
    }

    .menuContextuel > ul > li.telecharger span
    {
        background-image: url(../../Images/telecharger-30x30.png);
    }

    .menuContextuel > ul > li.uploader span
    {
        background-image: url(../../Images/uploader-30x30.png);
    }

    .menuContextuel > ul > li.ajouter span
    {
        background-image: url(../../Images/ajouter-30x30.png);
    }

    .menuContextuel > ul > li.modifier span
    {
        background-image: url(../../Images/bouton-edition-40x40.png);
    }

    .menuContextuel > ul > li.supprimer span
    {
        background-image: url(../../Images/supprimer-30x30.png);
    }

    .menuContextuel > ul > li.email span
    {
        background-image: url(../../Images/email-30x30.png);
    }

    .menuContextuel > ul > li.nouveau span
    {
        background-image: url(../../Images/nouveau-30x30.png);
    }

    .menuContextuel > ul > li.enregistrer span
    {
        background-image: url(../../Images/enregistrer-30x30.png);
    }

    .menuContextuel > ul > li.charger span
    {
        background-image: url(../../Images/charger-30x30.png);
    }

    .menuContextuel > ul > li.configuration span
    {
        background-image: url(../../Images/configuration-30x30.png);
    }

    .menuContextuel > ul > li.application span
    {
        background-image: url(../../Images/menu-applications-40x40.png);
    }

    .menuContextuel > ul > li.supprimerApplication span
    {
        background-image: url(../../Images/menu-applications-suppression-40x40.png);
    }

    .menuContextuel > ul > li.envoyerLogsHarmonie span
    {
        background-image: url(../../Images/menu-logs-40x40.png);
    }

    .menuContextuel > ul > li.envoyerLogsApplication span
    {
        background-image: url(../../Images/menu-logs-40x40.png);
    }

    .menuContextuel > ul > li.renvoyerCommande span
    {
        background-image: url(../../Images/renvoyer-commande-30x30.png);
    }

    .menuContextuel > ul > li.cancelCommand span {
        background-image: url(../../Images/bouton-annulation-40x40.png);
    }

    .menuContextuel > ul > li.resetProfile span {
        background-image: url(../../Images/renvoyer-commande-30x30.png);
    }

    .menuContextuel > ul > li.deleteProfile span {
        background-image: url(../../Images/supprimer-30x30.png);
    }

    .menuContextuel > ul > li.archiveProfile span {
        background-image: url(../../Images/supprimer-30x30.png);
    }

    .menuContextuel > ul > li.triAsc span
    {
        background-image: url(../../Images/haut-blanc-30x30.png);
    }

    .menuContextuel > ul > li.triDesc span
    {
        background-image: url(../../Images/bas-blanc-30x30.png);
    }

    .menuContextuel > ul > li.recherche span
    {
        background-image: url(../../Images/voir-30x30.png);
    }



.menuContextuelPopup
{
    min-height: 92px;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
}

    .menuContextuelPopup > :not(:first-child)
    {
        border-top: solid 1px rgba(255, 255, 255, 0.2);
    }

    .menuContextuelPopup .menuContextuelPopup-nonTriable,
    .menuContextuelPopup .menuContextuelPopup-nonFiltrable
    {
        font-style: italic;
        height: 45px;
        line-height: 45px;
        text-align: center;
        opacity: 0.7;
    }

    .menuContextuelPopup .menuContextuelPopup-label
    {
        cursor: pointer;
    }

    .menuContextuelPopup .menuContextuelPopup-propriete
    {
        font-weight: 500;
    }

    .menuContextuelPopup .menuContextuelPopup-rechercheOk
    {
        color: green;
    }

    .menuContextuelPopup .menuContextuelPopup-rechercheKo
    {
        color: #BD0013;
    }
/* Menu Contextuel */


/* Jauges */
div.jaugeBatterie
{
    width: 30px !important;
    height: 30px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../Images/batterie-30x30.png);
    position: relative;
}

    div.jaugeBatterie > .jaugeBatterie-cadre
    {
        width: 10px;
        height: 21px;
        position: absolute;
        bottom: 3px;
        left: 10px;
    }

        div.jaugeBatterie > .jaugeBatterie-cadre > .jaugeBatterie-remplissage
        {
            width: 100%;
            background-color: #67ff97;
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: center;
            font-weight: bold;
            line-height: 21px;
            overflow: visible;
        }

    div.jaugeBatterie > .jaugeBatterie-enCharge
    {
        width: 10px;
        height: 21px;
        position: absolute;
        bottom: 3px;
        left: 10px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 10px 21px;
        background-image: url(../../Images/batterie-encharge-10x21.png);
    }

    div.jaugeBatterie.jaugeBatterie-inconnue
    {
        display: none;
    }

    div.jaugeBatterie.inconnue > .jaugeBatterie-cadre > .jaugeBatterie-remplissage
    {
        background-color: transparent;
    }

div.jaugeMemoire
{
}

    div.jaugeMemoire > div
    {
        width: 250px;
        height: 15px;
        position: relative;
        border: solid 1px #000;
    }

        div.jaugeMemoire > div > div
        {
            width: 250px;
            height: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

    div.jaugeMemoire .libre
    {
    }

    div.jaugeMemoire .total
    {
    }
/* Jauges */


/* Fiche de détails */
.details
{
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border-left: solid 1px #444;*/
    /*border-right: solid 1px #444;*/
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    .details .contenu
    {
        padding-top: 0px !important;
        overflow-x: hidden;
        overflow-y: auto;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        cursor: default;
    }

        .details .contenu .article > div
        {
            white-space: nowrap;
        }

            .details .contenu .article > div span
            {
                white-space: nowrap;
                display: inline-block;
                vertical-align: middle;
            }

        .details .contenu .article.utilisateur
        {
            background-image: url(../../Images/utilisateur-25x25.png);
        }


        .details .contenu .article.site
        {
            background-image: url(../../Images/site-30x30.png);
        }


        .details .contenu .article.profile {
            background-image: url(../../Images/encours-25x25.png);
            clear: both;
        }

        .details .contenu .article.etat
        {
            background-image: url(../../Images/etat-30x30.png);
            clear: both;
        }

        .details .contenu .article.securite
        {
            background-image: url(../../Images/cle.png);
        }

        .details .contenu .article.materiel
        {
            background-image: url(../../Images/terminal-30x30.png);
        }

            .details .contenu .article.materiel .v
            {
                width: 245px;
            }

        .details .contenu .article.mdm
        {
            background-image: url(../../Images/mdm.svg);
            background-size: 30px;
        }

        .details .contenu .article.proprietaire
        {
            background-image: url(../../Images/proprietaire-30x30.png);
        }


        .details .contenu .article.versions
        {
            background-image: url(../../Images/versions-30x30.png);
        }

            .details .contenu .article.versions .v.italic
            {
            }

        .details .contenu .article.synchro
        {
            background-image: url(../../Images/synchro-active-30x30.png);
        }

        .details .contenu .article.sim
        {
            background-image: url(../../Images/carte-sim-30x30.png);
        }


        .details .contenu .article.performance
        {
            background-image: url(../../Images/jauge-30x30.png);
        }

        .details .contenu .article.position
        {
            background-image: url(../../Images/position-30x30.png);
        }

            .details .contenu .article.position .adresse
            {
                margin-top: 5px;
                text-align: center;
                min-height: 30px;
                white-space: normal;
                font-size: 16px;
            }

                .details .contenu .article.position .adresse a
                {
                    font-size: 16px;
                }

            .details .contenu .article.position .carto
            {
                margin-top: 5px;
                margin-right: 5px;
                height: 300px;
            }

        .details .contenu .article.customFields {
            background-image: url(../../Images/encours-25x25.png);
        }

        .details .contenu .article .log
        {
            font-family: 'Lucida Console';
            font-size: 13px;
            -ms-word-break: break-all;
            word-break: break-all;
        }

    .details .footer
    {
        position: relative !important;
    }


/* Fiche de détails */
/* Elément non trouvé */
.ecran:not(:first-child) .pageErreur {
    width: 420px;
}

.pageErreur
{
}

    .pageErreur > div
    {
        font-size: 30px;
        padding-top: 300px;
        text-align: center;
        background-size: 150px;
        background-position: center top 150px;
        background-repeat: no-repeat;
    }

        .pageErreur > div.pageNonTrouvee
        {
            background-image: url(../../Images/page-non-trouvee.png);
        }

        .pageErreur > div.pageAccesRefuse {
            background-image: url(../../Images/acces-refuse.svg);
        }

        .pageErreur > div.pageErreurServeur
        {
            background-image: url(../../Images/erreur-serveur.png);
        }
/* Elément non trouvé */


#page.pageIframe
{
    padding: 0;
}

    #page.pageIframe .popUpBase
    {
        min-width: 200px;
        min-height: 90px;
        -moz-box-shadow: inherit !important;
        -webkit-box-shadow: inherit !important;
        box-shadow: inherit !important;
        width: 100% !important;
        border: none !important;
        top: 0px;
        padding: 0;
    }

    #page.pageIframe > section
    {
        min-height: 440px !important;
        background-color: inherit !important;
        margin-left: auto;
        margin-right: auto;
    }

    #page.pageIframe .popUpBase .header
    {
        background-color: inherit !important;
        height: 140px;
        line-height: 50px;
        font-weight: 100;
        font-size: 40px;
        margin-top: 0px;
        padding-top: 80px;
        background-image: url(../../Images/upload.png);
        background-repeat: no-repeat;
        background-position: center 0px;
    }

    #page.pageIframe .popUpBase .contenu
    {
    }

    #page.pageIframe .popUpBase .footer
    {
        background-color: inherit !important;
        border: none !important;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        height: 80px;
    }

    #page.pageIframe .boutonAppliquer, .boutonAnnuler
    {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 50%;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

        #page.pageIframe .boutonAppliquer:hover
        {
            width: 80px;
            height: 80px;
            -moz-transition: all 0.05s ease-in-out 0s;
            -o-transition: all 0.05s ease-in-out 0s;
            -webkit-transition: all 0.05s ease-in-out 0s;
            transition: all 0.05s ease-in-out 0s;
        }

    #page.pageIframe .boutonAnnuler:hover
    {
        width: 80px;
        height: 80px;
        -moz-transition: all 0.05s ease-in-out 0s;
        -o-transition: all 0.05s ease-in-out 0s;
        -webkit-transition: all 0.05s ease-in-out 0s;
        transition: all 0.05s ease-in-out 0s;
    }

    #page.pageIframe .uploadFichiers input[type="button"]
    {
        height: 50px !important;
        margin-top: 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    #page.pageIframe .uploadFichiers
    {
        text-align: center;
    }

    #page.pageIframe section div div
    {
    }

    #page.pageIframe .uploadFichiers .fichiersSelectionnes > ul li
    {
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        line-height: 25px;
        display: inline-block;
        margin: 0px 5px 10px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.actionsContacts input[type="button"]
{
    width: 15% !important;
    height: 50px !important;
    padding: 0px !important;
    margin: 5px;
}

.details .header
{
    font-weight: 100;
}

    .details .header .boutonRetour
    {
        top: 0;
        left: 0;
        display: none;
    }

.ecran .details:first-child .header .boutonRetour
{
    display: block;
}

.details .header .boutonRecharger
{
    top: 0;
    left: 50px;
    display: block;
}


/* Loader */
/*========== STRUCTURE ==========*/
/*
<div class="contener_loader">
    <div class="loader_logo"></div>
    <div class="loader_arrows"></div>
    <div class="loader_txt">Chargement en cours...</div>
</div>
*/
.contener_loader
{
    width: 100%;
    height: 200px;
    position: relative;
    display: inline-block;
}

.loader_logo
{
    width: 100%;
    height: 200px;
    background-image: url(../../Images/loader_hg3_logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0px;
}

.loader_arrows
{
    width: 100%;
    height: 200px;
    background-image: url(../../Images/loader_hg3_arrows.svg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

.loader_txt
{
    width: 100%;
    height: 20px;
    position: absolute;
    top: 183px;
    left: 0;
    text-align: center;
    font-weight: 100;
    white-space:nowrap;
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.details .contener_loader
{
    background-color: #ccc;
}
/* Loader */


/* Google Maps */
.gm-style
{
}

    .gm-style .gmnoprint,
    .gm-style .gm-style-cc
    {
        display: none;
    }

.carto
{
    position: relative;
}

    .carto a.voir
    {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 30px;
        height: 30px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        background-image: url(../../Images/voir-noir-30x30.png);
        border-top: solid 1px #777;
        border-left: solid 1px #777;
        z-index: 10;
        opacity: 0.7;
    }

        .carto a.voir:hover
        {
            opacity: 1;
            background-color: rgba(255, 255, 255, 0.3);
        }
/* Google Maps */


/* Icones OS */
.icone.android,
.os.android,
.detailsVersion .contenu .titre td.nom.android,
section.patchs .patch .infos span.typeOS.android,
.detailsProfil .contenu .titre.android
{
    /*background-image: url(../../Images/os-android-30x30.png);*/
    background-image: url(../../Images/os-android-40x40.svg);
    background-size: 30px;
}

.gae-fully-managed
{
    background-image: url(../../Images/androidenterprise-blue.svg);
    background-size: 30px;
}

.gae-bring-your-own-device
{
    background-image: url(../../Images/androidenterprise-green.svg);
    background-size: 30px;
}

.gae-company-owned-personally-enabled {
    background-image: url(../../Images/androidenterprise-green.svg);
    background-size: 30px;
}

.terminaux .liste > .elements .elt td.icone.android-samsung,
.detailsTerminal .contenu .titre .icones > div.os.android-samsung,
.versions .liste .elements .elt td.icone.android-samsung,
.detailsVersion .contenu .titre td.nom.android-samsung,
section.patchs .patch .infos span.typeOS.android-samsung,
.profils .liste > .elements .elt td.icone.android-samsung,
.detailsProfil .contenu .titre.android-samsung,
.kiosk-profils .liste > .elements .elt td.icone.android-samsung,
.kiosk-profil-edit .basic .contenu .icone.android-samsung
{
    /*background-image: url(../../Images/os-android-samsung-30x30.png);*/
    background-image: url(../../Images/os-android-samsung5-40x40.svg);
    background-size: 35px;
}

.terminaux .liste > .elements .elt td.icone.android-samsung4,
.detailsTerminal .contenu .titre .icones > div.os.android-samsung4,
.versions .liste .elements .elt td.icone.android-samsung4,
.detailsVersion .contenu .titre td.nom.android-samsung4,
section.patchs .patch .infos span.typeOS.android-samsung4,
.profils .liste > .elements .elt td.icone.android-samsung4,
.detailsProfil .contenu .titre.android-samsung4,
.kiosk-profils .liste > .elements .elt td.icone.android-samsung4,
.kiosk-profil-edit .basic .contenu .icone.android-samsung4
{
    /*background-image: url(../../Images/os-android-samsung4-30x30.png);*/
    background-image: url(../../Images/os-android-samsung4-40x40.svg);
    background-size: 35px;
}

.terminaux .liste > .elements .elt td.icone.android-samsung5,
.detailsTerminal .contenu .titre .icones > div.os.android-samsung5,
.versions .liste .elements .elt td.icone.android-samsung5,
.detailsVersion .contenu .titre td.nom.android-samsung5,
section.patchs .patch .infos span.typeOS.android-samsung5,
.profils .liste > .elements .elt td.icone.android-samsung5,
.detailsProfil .contenu .titre.android-samsung5,
.kiosk-profils .liste > .elements .elt td.icone.android-samsung5,
.kiosk-profil-edit .basic .contenu .icone.android-samsung5
{
    /*background-image: url(../../Images/os-android-samsung5-30x30.png);*/
    background-image: url(../../Images/os-android-samsung5-40x40.svg);
    background-size: 35px;
}

.terminaux .liste > .elements .elt td.icone.android-motorola,
.detailsTerminal .contenu .titre .icones > div.os.android-motorola,
.versions .liste .elements .elt td.icone.android-motorola,
.detailsVersion .contenu .titre td.nom.android-motorola,
section.patchs .patch .infos span.typeOS.android-motorola,
.profils .liste > .elements .elt td.icone.android-motorola,
.detailsProfil .contenu .titre.android-motorola,
.kiosk-profils .liste > .elements .elt td.icone.android-motorola,
.kiosk-profil-edit .basic .contenu .icone.android-motorola
{
    /*background-image: url(../../Images/os-android-motorola-30x30.png);*/
    background-image: url(../../Images/os-android-motorola-40x40.svg);
    background-size: 35px;
}

.terminaux .liste > .elements .elt td.icone.android-for-work,
.detailsTerminal .contenu .titre .icones > div.os.android-for-work,
.versions .liste .elements .elt td.icone.android-for-work,
.detailsVersion .contenu .titre td.nom.android-for-work,
section.patchs .patch .infos span.typeOS.android-for-work,
.profils .liste > .elements .elt td.icone.android-for-work,
.detailsProfil .contenu .titre.android-for-work,
.kiosk-profils .liste > .elements .elt td.icone.android-for-work,
.kiosk-profil-edit .basic .contenu .icone.android-for-work
{
    /*background-image: url(../../Images/os-android-for-work-30x30.png);*/
    background-image: url(../../Images/os-android-for-work-40x40.svg);
    background-size: 35px;
}

.terminaux .liste > .elements .elt td.icone.ios,
.detailsTerminal .contenu .titre .icones > div.os.ios,
.versions .liste .elements .elt td.icone.ios,
.detailsVersion .contenu .titre td.nom.ios,
section.patchs .patch .infos span.typeOS.ios,
.profils .liste > .elements .elt td.icone.ios,
.detailsProfil .contenu .titre.ios,
.kiosk-profils .liste > .elements .elt td.icone.ios,
.kiosk-profil-edit .basic .contenu .icone.ios
{
    background-image: url(../../Images/os-ios-30x30.png);
}

.terminaux .liste > .elements .elt td.icone.windows-mobile,
.detailsTerminal .contenu .titre .icones > div.os.windows-mobile,
.versions .liste .elements .elt td.icone.windows-mobile,
.detailsVersion .contenu .titre td.nom.windows-mobile,
section.patchs .patch .infos span.typeOS.windows-mobile,
.profils .liste > .elements .elt td.icone.windows-mobile,
.detailsProfil .contenu .titre.windows-mobile,
.kiosk-profils .liste > .elements .elt td.icone.windows-mobile,
.kiosk-profil-edit .basic .contenu .icone.windows-mobile
{
    background-image: url(../../Images/os-windows-mobile-30x30.png);
}

.terminaux .liste > .elements .elt td.icone.windows-phone,
.detailsTerminal .contenu .titre .icones > div.os.windows-phone,
.versions .liste .elements .elt td.icone.windows-phone,
.detailsVersion .contenu .titre td.nom.windows-phone,
section.patchs .patch .infos span.typeOS.windows-phone,
.profils .liste > .elements .elt td.icone.windows-phone,
.detailsProfil .contenu .titre.windows-phone,
.kiosk-profils .liste > .elements .elt td.icone.windows-phone,
.kiosk-profil-edit .basic .contenu .icone.windows-phone
{
    background-image: url(../../Images/os-windows-phone-30x30.png);
}

.terminaux .liste > .elements .elt td.icone.windows-desktop,
.detailsTerminal .contenu .titre .icones > div.os.windows-desktop,
.versions .liste .elements .elt td.icone.windows-desktop,
.detailsVersion .contenu .titre td.nom.windows-desktop,
section.patchs .patch .infos span.typeOS.windows-desktop,
.profils .liste > .elements .elt td.icone.windows-desktop,
.detailsProfil .contenu .titre.windows-desktop,
.kiosk-profils .liste > .elements .elt td.icone.windows-desktop,
.kiosk-profil-edit .basic .contenu .icone.windows-desktop
{
    background-image: url(../../Images/os-windows-desktop-30x30.png);
}
/* Icones OS */

h1 {
    font-size:25px;
    color:#fff;
}

/* Animations */
@keyframes animBoutonAide
{
    0%
    {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    50%
    {
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100%
    {
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes animIndicateurAide
{
    0%
    {
        opacity: 1;
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40%
    {
        opacity: 0;
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100%
    {
        opacity: 0;
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes highlight
{
    0%
    {
        background-color: rgba(0, 0, 0, 0.2);
    }

    100%
    {
        background-color: transparent;
    }
}

@keyframes highlightPrincipal
{
    0%
    {
        background-color: rgba(0, 0, 0, 0.4);
    }

    100%
    {
        background-color: transparent;
    }
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loading-icon {
    background-image: url(../../images/loading.svg);
    background-size: 30px 30px;
    background-position: center;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

.warning-message {
    color: #fc9e29;
}

.error-message {
    color: rgba(200, 0, 0, 0.70);
    padding: 10px;
}

.input-validation-error {
    border: 2px ridge red !important;
}

.display-table {
    display: table;
    border-spacing: 2px;
}

    .display-table > div {
        display: table-row;
        margin-bottom:2px;
    }

        .display-table > div > div {
            display: table-cell;
            vertical-align:middle;
        }
input[type="submit"],
input[type="button"],
a.btn
{
    display: inline-block;
    height: 36px !important;
    font-size: 22px !important;
    line-height: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    text-align: center;
    margin: 0;
    padding: 0 13px 0 13px !important;
    cursor: default !important;
    overflow: hidden !important;
    border: none !important;
    min-width: 100px !important;
    outline: none;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

    input[type="submit"]:hover,
    input[type="button"]:hover,
    a.btn:hover
    {
        text-decoration: none;
    }

    input[type="button"].important, input[type="submit"].important, a.btn.important
    {
    }

        input[type="button"].important:hover, input[type="submit"].important:hover, a.btn.important:hover
        {
        }

    input[type="button"].importantRouge, input[type="submit"].importantRouge, a.btn.importantRouge
    {
    }

        input[type="button"].importantRouge:hover, input[type="submit"].importantRouge:hover, a.btn.importantRouge:hover
        {
        }

    input[type="button"]:disabled, input[type="submit"]:disabled, a.btn:disabled, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, a.btn:disabled:hover
    {
        cursor: default !important;
    }

a.btn
{
    line-height: 36px !important;
}


.actions
{
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}

    .actions input[type=button]
    {
        margin-left: 10px;
        margin-right: 10px;
        min-width: 130px !important;
    }

.bouton
{
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: 0.8;
}

header .bouton
{
    position: absolute;
    width: 60px;
    height: 60px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    header .bouton:hover
    {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

.bouton.boutonTexte
{
    text-align: center;
    padding-top: 40px !important;
    line-height: 13px !important;
    font-size: 12px !important;
    background-position: center 10px;
    background-size: 24px !important;
    overflow: hidden;
    font-weight: 100;
}

.bouton:hover
{
    opacity: 1.0;
}

.bouton.boutonConfiguration
{
    background-size: 40px;
    background-image: url(../../Images/menu-configuration-40x40.png);
}

.bouton.boutonRecherche
{
    background-size: 40px;
    background-image: url(../../Images/menu-rechercher-40x40.png);
}

.bouton.boutonRetour
{
    background-size: 35px;
    background-image: url(../../Images/bouton-retour-40x40.png);
}

.bouton.boutonRecharger
{
    background-size: 30px;
    background-image: url(../../Images/bouton-recharger-30x30.png);
}

.bouton.boutonExportCsv
{
    background-size: 30px;
    background-image: url(../../Images/bouton-export-30x30.png);
}

.bouton.boutonCreateCustomGroup 
{
    background-size: 30px;
    background-image: url(../../Images/bouton-plus-30x30.png);    
}

.bouton.boutonTelechargement
{
    background-size: 30px;
    background-image: url(../../Images/telecharger-30x30.png);
}

.bouton.boutonFiltres
{
    background-size: 30px;
    background-image: url(../../Images/bouton-filtre-30x30.png);
}

.bouton.boutonSupprimerFiltres
{
    background-size: 40px;
    background-image: url(../../Images/bouton-supprimerfiltre-40x40.png);
}

.bouton.boutonAjouter
{
    background-size: 30px;
    background-image: url(../../Images/bouton-plus-30x30.png);
}

.bouton.boutonModifier
{
    background-size: 30px;
    background-image: url(../../Images/bouton-modifier-30x30.png);
}

.bouton.boutonModifierBlanc
{
    background-size: 30px;
    background-image: url(../../Images/bouton-modifier-blanc-30x30.png);
}

.bouton.boutonCopier
{
    background-size: 30px;
    background-image: url(../../Images/bouton-copier-30x30.png);
}

.bouton.boutonSupprimer
{
    background-size: 30px;
    background-image: url(../../Images/bouton-supprimer-30x30.png);
}

.bouton.boutonMonter
{
    background-size: 30px;
    background-image: url(../../Images/haut-30x30.png);
}

.bouton.boutonDescendre
{
    background-size: 30px;
    background-image: url(../../Images/bas-30x30.png);
}

.bouton.boutonResultat
{
    background-size: 30px;
    background-image: url(../../Images/resultat-30x30.png);
}

.bouton.boutonVoir
{
    background-size: 30px;
    background-image: url(../../Images/voir-30x30.png);
}

.bouton.boutonFullscreen
{
    background-image: url(../../Images/plein-ecran.png);
}

.bouton.boutonSupprimerBlanc
{
    background-size: 30px;
    background-image: url(../../Images/supprimer-30x30-blanc.png);
}

.bouton.boutonTelechargerBlanc
{
    background-size: 30px;
    background-image: url(../../Images/telecharger-30x30-blanc.png);
}

.bouton.boutonDeployer
{
    background-size: 40px;
    background-image: url(../../Images/deploiement-40x40.png);
}

.bouton.boutonDeployerBlanc
{
    background-size: 40px;
    background-image: url(../../Images/deploiement-blanc-40x40.png);
}

.bouton.boutonAide
{
    background-size: 40px;
    background-image: url(../../Images/aide-40x40.png);
}

.bouton.boutonLienStore
{
    background-size: 30px;
    background-image: url(../../Images/informations-30x30.png);
}

.bouton.boutonSelectionMultiple
{
    background-size: 30px;
    background-image: url(../../Images/selection-multiple-40x40.png);
}

.bouton.boutonAddNewItem
{
    background-size: 30px;
    background-image: url(../../Images/ajouter-30x30.png);
}

.bouton.lock-icon {
    background-size: 30px;
    background-image: url(../../Images/outline_lock_white_24dp.png);
}

.bouton.lock-open-icon {
    background-size: 30px;
    background-image: url(../../Images/outline_lock_open_white_24dp.png);
}

.actionsPrincipales
{
    position: fixed;
    top: 10px;
    right: 25px;
}

#panelGAEEnrollmentToken .actionsPrincipales {
    top: 65px;
}

.actionsPrincipales .boutonActionPrincipale {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

    .actionsPrincipales .boutonActionPrincipale:hover
    {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .actionsPrincipales .boutonActionPrincipale.boutonAjouter
    {
        background-image: url(../../Images/ajouter-30x30.png);
    }

    .actionsPrincipales .boutonActionPrincipale.boutonExporter
    {
        background-image: url(../../Images/bouton-export-30x30.png);
    }

    .actionsPrincipales .boutonActionPrincipale.boutonRecharger
    {
        background-image: url(../../Images/bouton-recharger-30x30.png);
    }
    .actionsPrincipales .boutonActionPrincipale.editButton {
        background-image: url(../../Images/outline_edit_white_18dp.png);
    }
    .actionsPrincipales .boutonActionPrincipale.deleteButton {
        background-image: url(../../Images/outline_clear_white_18dp.png);
    }
    .actionsPrincipales .boutonActionPrincipale.saveButton {
        background-image: url(../../Images/bouton-enregistrement2-40x40.png);
    }

    .actionsPrincipales .boutonActionPrincipale.undoButton {
        background-image: url(../../Images/bouton-reinitialiser-40x40.png);
    }

.copy-to-clipboard-button {
    cursor: pointer !important;
    font-size: 20px !important;
    color: #000;
}
input[type=checkbox].css-checkbox,
input[type=radio].css-checkbox {
    display: none !important;
}

label.css-label {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=radio].css-checkbox + label.css-label {
    padding-left: 26px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=radio].css-checkbox + label.css-label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAYUlEQVRIS2MYFuADFfFVIMYA/6mIHwExBsCmkFj8D4j/IPHxWwAEIIJkjGQGzSz4DTVj6Ppg1AL8GMmMoWsBKMPR1IK/UDNG4wA7RjJjgC2gAh4YC7BVfeRirFXmUAYMDACX3hBzE8HfdAAAAABJRU5ErkJggg==);
}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=radio].css-checkbox:checked + label.css-label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAABgklEQVRIS93VPygGcRzH8aMQi4WkLEKRLFilrDYWk00xKptV2ZSsFsqmbErKYGBhMFAeA1mIlIGU/+/P3X1/7rl7HnXnSnzqxfW73/f39fz87h7vL6YGjcFlkPsc3GEFLZjFCYZQBe8jB3voxDjUUGMFDCAxOY13HKEPI7iEjW+jDV8FRD9SI4M4s3Vwjl74KWqQMhXoxiFsnWuMQvf8lGtQjfrgsmw6sANtiYofMAnVupRqUIc5LKFJAyWi5ht4hQpfsAjVFiXeQIULeNIY1tGMaHTOl6FFbfE1xOf5iTfQX7wF+9gqXoXOuFKJeTzCag+gYzqFRGySNVBaoSbuHnbRhWnYtsgp+jEDPWCJuEUiDZQe7MPu25m/jYzdYAzDuIKeg0RscryB0o5NuDkR2qKJsOYiHEvdQNG26FXg5uEZOmG1Yc0bdJGpgR4YNYl+Er3YGqAi/1coUwOLtkv/E50YO1G5NlD08lIjl9QNsois8X2DHPxOg/jX308c41/F8z4BTJiEib7ru4AAAAAASUVORK5CYII=);
}

input[type=checkbox].css-checkbox + label.css-label:hover,
input[type=radio].css-checkbox + label.css-label:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVRIS92MQQrEQBAC5/+f3kQQER1oktlTCgoabGp9gt+fLXZPJxa7pxMLjW/xxm2hkeB4osdhoZFkYNLjsNBIMjDpcVhoJBmY9DgsNJIMTHocFhpJBiY9DguNJAOTHoeFRpKBSY/DQiPJwKTHYaGRZGDS47DQSDIw6XFYaCQZmPQ4LDS+xRu3RT6cWuyeTix2Tyd+irUuaQlI4h34DkwAAAAASUVORK5CYII=);
}

input[type=checkbox].css-checkbox:checked + label.css-label:hover,
input[type=radio].css-checkbox:checked + label.css-label:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAABg0lEQVRIS93VPygGcRzH8aMQi4WkLEKRLFilrDYWk00xKptV2ZSsFsqmbErKYGBhMFAYyEKkDKT8f3/u7nt+z93zyJ0r8alXPf3u9/19n/s9v7vH+4upQn3wMchdDm6xhCZM4wgDqID3noMdtGMUaqixE/QhMTmNNxygB0O4gI1vogWfBVlDbT9OnbXO0A0/BQ38ke+nDJ3Yh61zhWHomp9SDSpRG3wsmTZsQVui2nuMQ7VRijWowQwW0KCBIlHzNbxAdc+Yh2oLEm+gwjk8huOraIQbnfNFaFFbfAXxeX7iDfSNN2C3reJl6Iwr5ZjFA6x2DzqmE0jEJlkDpRlqEl3DNjowCdsWOUYvpqAHLJFoEaeB0oVd2HU78zfO2DVGMIhL6DlIxCbHGyitWEc0x6EtGgtrzsOx1A0UbYteBdE8PEEnrDqseQ3HMzXQA6Mm7p3oxVYHvygck0wNLNou/SY6MXaicm2g6OWlRlFSN8gSZ42vG+TgdxrE//5+4hD/Kp73AWVssVy1fa++AAAAAElFTkSuQmCC);
}

input[type=checkbox].css-checkbox + label.css-label:active,
input[type=radio].css-checkbox + label.css-label:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAbUlEQVRIS+2NQQqAMAwE8y5/5f8P2sKyFDdImoiH0oEBIWPXluD6WMGLKgpeVFHgMcv4RlPgEfE5Y3bgiJoe6J9v9gYd/4cCj4j3gMAj4j0g8Ij4n4Go2YGw0wMZxjeawjOoKnhRRcGLKi6F2Q23m3MxHyT8SAAAAABJRU5ErkJggg==);
}

input[type=checkbox].css-checkbox:checked + label.css-label:active,
input[type=radio].css-checkbox:checked + label.css-label:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAABiklEQVRIS93VTygEYRzG8aFQ7pJyQ5FccFJSDkououTkpjiupKScyE3J1YVyU25KysGBCweF/DmQC5FyIOX/95l93/HuzK6asSV+9Wm337zv++y8+86u9xerBGXpt+m6z4M7LKISEzhCO4rgfeTBNmoxAAWqd4pWRAbH8Y59NKEHl7D9DVTha0LSYm4bzpy1ztEIvzICeE3FMIJ67MGuc41eFMCvbAEt0KfqMO9zqcEmtCWa+4AhFCOobAE6AVOYRzmylcJX8QrNe8EcSpFR4YBxzOLJ9FdQAbd0zhegRe3iywiP8yscMIl12NvW5CXojKsKMYNH2Lm70DEdRqTsIBugLdKXpJDgGrZQB1232yInaMYo9IBFKljECdAX2IAd9Q175m+d3g360YUr6DmIlB0cDlBVYw3BGIe2aNDMuTC92AEqbYt+CoJxeIZO2JiZ82b6iQL0wCjEvRP9sHUiZeZYsQLC+nCAY3SbXuKAXPTwTbu92AFJylnj+4A8+J2A8N/fTxziX5XnfQIEwsdVVdoy+gAAAABJRU5ErkJggg==);
}

input[type=checkbox].css-checkbox:disabled + label.css-label,
input[type=radio].css-checkbox:disabled + label.css-label {
    opacity: 0.5;
}

.data-list__line {
    position: relative;
}


.liste
{
    position: relative;
}

    .liste .nodisplay {
        display: none;
    }

    .liste > .elements
    {
        overflow-y: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 5px);
        -moz-transition: width 500ms ease-in-out;
        -o-transition: width 500ms ease-in-out;
        -webkit-transition: width 500ms ease-in-out;
        transition: width 500ms ease-in-out;
    }

        .liste > .elements > .temp
        {
            display: none;
        }

        .liste > .elements .pageListe
        {
            margin-top: 1px;
        }

            .liste > .elements .pageListe:first-child
            {
                margin-top: 0px;
            }

            .liste > .elements .pageListe .loaderPage
            {
                background-color: rgba(255, 255, 255, 0.15) !important;
            }

                .liste > .elements .pageListe .loaderPage .contener_loader,
                .liste > .elements .pageListe .loaderPage .loader_logo,
                .liste > .elements .pageListe .loaderPage .loader_arrows
                {
                    width: 50px;
                    height: 50px;
                }

                .liste > .elements .pageListe .loaderPage .loader_txt
                {
                    top: 40px;
                }

        .liste > .elements .elt
        {
            height: 50px;
            overflow: hidden;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            white-space: nowrap;
            margin-bottom: 1px;
            font-size: 0;
            display: flex;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            cursor: default;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

            .liste > .elements .elt:first-child
            {
                margin-top: 0px;
            }

            .liste > .elements .elt .indicActif
            {
                position: absolute;
                width: 0px;
                height: 0px;
                opacity: 0.0;
                border-top: 25px solid transparent;
                border-bottom: 25px solid transparent;
                border-right: 20px solid #FFA726;
                -moz-transition: all 350ms linear;
                -o-transition: all 350ms linear;
                -webkit-transition: all 350ms linear;
                transition: all 350ms linear;
                -moz-transform: translateX(500px);
                -ms-transform: translateX(500px);
                -o-transform: translateX(500px);
                -webkit-transform: translateX(500px);
                transform: translateX(500px);
            }

.repliee .liste
{
    /*width: 200px;*/ /* On ne force pas la largeur sinon on n'a plus d'animation */
}

    .repliee .liste > .elements .elt .indicActif
    {
        -moz-transform: translateX(230px);
        -ms-transform: translateX(230px);
        -o-transform: translateX(230px);
        -webkit-transform: translateX(230px);
        transform: translateX(230px); /* Car il part de moins loin quand la liste est repliée. */
    }

.liste > .elements .elt.actif .indicActif
{
    opacity: 1.0;
    -moz-transform: translateX(185px);
    -ms-transform: translateX(185px);
    -o-transform: translateX(185px);
    -webkit-transform: translateX(185px);
    transform: translateX(185px);
    z-index: 2;
}

.liste > .elements .elt:hover .fixe
{
    border-right-color: #ddd;
}

.liste > .elements .elt span
{
    display: block;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.liste > .header
{
    margin-bottom: 3px;
    padding-left: 100px;
    padding-right: 100px;
}

    .liste > .header div.titre
    {
        height: 100%;
    }

    .liste > .header span {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        line-height: 50px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-weight: 100;
        white-space: nowrap;
    }

    .liste > .header.datalist
    {
        padding-right: 50px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .liste > .header.datalist div.titre
        {
            cursor: pointer;
        }

            .liste > .header.datalist div.titre:hover
            {
                background-color: #ccc;
            }

            .liste > .header.datalist div.titre span
            {
                width: auto;
                padding-right: 50px;
                background-position: right center;
                background-repeat: no-repeat;
                background-image: url(../../Images/bouton-datalist-30x30.png);
            }

            .liste > .header.datalist div.titre.deplie span
            {
                background-image: url(../../Images/bouton-datalist-depliee-30x30.png);
            }

body.reduit section:not(.repliee) .liste > .header span
{
    padding-right: 50px;
}

body.reduit .ecran:first-child section:not(.repliee) .liste > .footer span
{
    margin-right: 60px;
}

@media screen and (max-width: 1400px)
{
    .liste > .header.datalist div.titre
    {
        text-align: left;
        padding-left: 20px;
    }
}

.liste > .header .boutonRecharger
{
    top: 0;
    left: 0;
}

.liste > .header .boutonRetour
{
    top: 0;
    left: 0;
}

.liste > .header .boutonExportCsv
{
    top: 0;
    left: 50px;
}

.liste > .header .boutonCreateCustomGroup 
{
    top: 0;
    left: 150px;
}

.liste > .header .boutonSelectionMultiple
{
    top: 0;
    left: 100px;
}

.liste > .header .boutonAddNewItem
{
    top: 0;
    left: 100px;
}

.liste > .header .boutonTelechargement
{
    top: 0;
    left: 50px;
}

.liste > .header .boutonFiltres
{
    top: 0;
    right: 0;
    color: #444;
    line-height: 18px;
    text-align: right;
    padding-right: 2px;
    padding-top: 29px;
    font-size: 20px;
    font-weight: bold;
}

.liste > .header .boutonSupprimerFiltres
{
    display: none;
    top: 0;
    right: 0;
    background-size: 40px;
    color: #444;
    line-height: 18px;
    text-align: right;
    padding-right: 2px;
    padding-top: 21px;
    font-size: 20px;
    font-weight: bold;
}

.liste > .header .zoneRecherche
{
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    padding-right: 52px;
}

.zoneRecherche
{
    height: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .zoneRecherche input[type="text"]
    {
        width: 120px;
        height: 40px;
        margin: 0;
        border: none;
        display: block;
        vertical-align: top;
        margin-top: 2px;
        text-align: center;
        font-size: 22px !important;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        -moz-transition: width 250ms ease-in-out;
        -o-transition: width 250ms ease-in-out;
        -webkit-transition: width 250ms ease-in-out;
        transition: width 250ms ease-in-out;
        color: #000 !important;
        background-color: #fff !important;
    }

        .zoneRecherche input[type="text"]:focus,
        .zoneRecherche input[type="text"].actif
        {
            width: 220px;
        }

    .zoneRecherche .bouton
    {
        width: 50px;
        top: 0;
        right: 0;
        background-image: url(../../Images/voir-30x30.png);
    }

        .zoneRecherche .bouton.boutonSupprimerFiltres
        {
            display: none;
            background-size: 40px;
            background-image: url(../../Images/bouton-supprimerfiltre-40x40.png);
        }

section:not(.repliee) .liste.avecFiltres > .header .boutonFiltres
{
    right: 50px;
}

section:not(.repliee) .liste.avecFiltres > .header .boutonSupprimerFiltres
{
    display: block;
}

.liste.avecFiltres > .header .zoneRecherche
{
    right: 100px;
}

section:not(.repliee) .liste > .header .zoneRecherche
{
    display: block;
}

.repliee .liste > .header .zoneRecherche
{
    display: none !important;
}

.liste > .footer
{
    color: #fff;
    /*border: solid 1px #444;*/
}

    .liste > .footer .cptNumTotal
    {
        min-width: 50px;
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.2) !important;
        vertical-align: top;
        padding-left: 3px;
        padding-right: 3px;
    }

    .liste > .footer .pagination
    {
        position: relative;
        width: 400px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .liste > .footer .pagination .boutonPremier
        {
            width: 50px;
            height: 50px;
            top: 0;
            left: 0;
            background-image: url(../../Images/bouton-pagination-premier-30x30.png);
        }

        .liste > .footer .pagination .boutonPrecedent
        {
            width: 50px;
            height: 50px;
            top: 0;
            left: 50px;
            background-image: url(../../Images/bouton-pagination-precedent-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonSuivant
        {
            width: 50px;
            height: 50px;
            top: 0;
            right: 50px;
            background-image: url(../../Images/bouton-pagination-suivant-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonDernier
        {
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
            background-image: url(../../Images/bouton-pagination-dernier-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonPremierInactif
        {
            width: 50px;
            height: 50px;
            top: 0;
            left: 0;
            background-image: url(../../Images/bouton-pagination-premier-inactif-30x30.png);
        }

        .liste > .footer .pagination .boutonPrecedentInactif
        {
            width: 50px;
            height: 50px;
            top: 0;
            left: 50px;
            background-image: url(../../Images/bouton-pagination-precedent-inactif-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonSuivantInactif
        {
            width: 50px;
            height: 50px;
            top: 0;
            right: 50px;
            background-image: url(../../Images/bouton-pagination-suivant-inactif-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonDernierInactif
        {
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
            background-image: url(../../Images/bouton-pagination-dernier-inactif-30x30.png);
            /* border-right: solid 1px #ccc; */
        }

        .liste > .footer .pagination .boutonPremierInactif,
        .liste > .footer .pagination .boutonPrecedentInactif,
        .liste > .footer .pagination .boutonSuivantInactif,
        .liste > .footer .pagination .boutonDernierInactif
        {
            display: none;
            cursor: default;
        }

            .liste > .footer .pagination .boutonPremierInactif:hover,
            .liste > .footer .pagination .boutonPrecedentInactif:hover,
            .liste > .footer .pagination .boutonSuivantInactif:hover,
            .liste > .footer .pagination .boutonDernierInactif:hover
            {
            }

        .liste > .footer .pagination.premierePage .boutonPremier,
        .liste > .footer .pagination.premierePage .boutonPrecedent
        {
            display: none;
        }

        .liste > .footer .pagination.dernierePage .boutonSuivant,
        .liste > .footer .pagination.dernierePage .boutonDernier
        {
            display: none;
        }

        .liste > .footer .pagination.premierePage .boutonPremierInactif,
        .liste > .footer .pagination.premierePage .boutonPrecedentInactif
        {
            display: block;
        }

        .liste > .footer .pagination.dernierePage .boutonSuivantInactif,
        .liste > .footer .pagination.dernierePage .boutonDernierInactif
        {
            display: block;
        }

        .liste > .footer .pagination .compteurs
        {
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            line-height: 28px;
        }

            .liste > .footer .pagination .compteurs .numPage,
            .liste > .footer .pagination .compteurs .sep,
            .liste > .footer .pagination .compteurs .numPageTotal
            {
                font-size: 20px;
                line-height: 22px;
            }

            .liste > .footer .pagination .compteurs .numTotal
            {
                display: block;
                font-size: 16px;
                line-height: 18px;
                opacity: 0.5;
            }

.liste .listeChoix
{
    position: absolute;
    top: 1px;
    left: 100px; /* Pour s'ajuster sur les bordures */
    /*border-left: solid 1px #444;*/
    /*border-right: solid 1px #444;*/
    /*border-bottom: solid 1px #444;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateY(-600px);
    -ms-transform: translateY(-600px);
    -o-transform: translateY(-600px);
    -webkit-transform: translateY(-600px);
    transform: translateY(-600px);
    z-index: 2000;
}

    .liste .listeChoix > div
    {
        width: 100%;
        height: 50px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        font-size: 23px;
        cursor: pointer;
    }

        .liste .listeChoix > div:first-child
        {
            border-top: none;
        }

        .liste .listeChoix > div:hover
        {
        }

        .liste .listeChoix > div.actif
        {
            cursor: default;
        }

.liste > .elements .elt .fixe,
.liste > .elements .elt .extras
{
    font-size: 17px;
    height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
}

.liste > .elements .elt .extras
{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 6px;
}

.liste > .elements .elt .extras .fullwidth {
    overflow: visible;
}

.liste > .elements .elt .fixe
{
    width: 275px;
}

    .liste > .elements .elt .fixe tr td
    {
        padding-right: 6px;
        padding-bottom: 2px;
    }

        .liste > .elements .elt .fixe tr td:first-child
        {
            padding-left: 5px;
            padding-right: 0px;
        }

    .liste > .elements .elt .fixe tr:first-child
    {
        /*background-color: #ddd;*/
    }

        .liste > .elements .elt .fixe tr:first-child td
        {
            padding-top: 2px;
            padding-bottom: 0px;
            /*background-color: #ddd;*/
        }

.liste > .elements .elt table
{
    margin: 0;
    padding: 0;
}

    .liste > .elements .elt table td
    {
        margin: 0;
        padding: 0;
        padding-bottom: 2px;
        /*height: 25px;*/
    }

.liste > .elements .elt td.icone
{
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liste > .elements .elt .list__item--important
{
    font-weight: bold;
}

.liste > .elements .elt .list__item--minor
{
    font-style: italic;
}

.repliee .liste > .elements .elt .fixe {
}

.repliee .liste > .header,
.repliee .liste > .footer
{
    width: 200px !important;
}

.repliee .liste > .elements
{
    width: 220px !important;
}

.repliee .liste > .header
{
    padding-left: 50px;
    padding-right: 50px;
}

    .repliee .liste > .header.datalist div.titre
    {
        padding-left: 2px;
        padding-right: 2px;
    }

        .repliee .liste > .header.datalist div.titre span
        {
            background-image: none;
            padding-right: 2px;
            text-align: center;
        }

    .repliee .liste > .header span
    {
        line-height: 21px;
    }

.repliee .liste .listeChoix
{
    left: 0px; /* Pour s'ajuster sur les bordures */
}

.repliee .liste > .elements .elt:hover .fixe
{
}

.repliee .liste .header .boutonExportCsv,
.repliee .liste .header .boutonCreateCustomGroup,
.repliee .liste .header .boutonAddNewItem,
.repliee .liste .header .boutonTelechargement,
.repliee .liste .header .boutonSelectionMultiple,
.repliee .liste .header .boutonAddNewItem,
.ecran:not(:first-child) .liste .header .boutonSelectionMultiple {
    display: none !important;
}

.repliee .liste > .footer .pagination
{
    width: 200px;
}

    .repliee .liste > .footer .pagination .compteurs .numPage
    {
        line-height: 50px;
    }

    .repliee .liste > .footer .pagination .compteurs .sep,
    .repliee .liste > .footer .pagination .compteurs .numPageTotal,
    .repliee .liste > .footer .pagination .compteurs .numTotal
    {
        display: none;
    }

    .repliee .liste > .footer .pagination .boutonPremier,
    .repliee .liste > .footer .pagination .boutonPremierInactif
    {
        border-left: none;
    }

    .repliee .liste > .footer .pagination .boutonDernier,
    .repliee .liste > .footer .pagination .boutonDernierInactif
    {
        border-right: none;
    }

.indicateurSelection
{
    position: absolute;
    top: 0;
    left: 0;
    height: 52px;
    width: 250px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
    overflow: hidden;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -moz-transform: translateX(0px) translateY(-100px);
    -ms-transform: translateX(0px) translateY(-100px);
    -o-transform: translateX(0px) translateY(-100px);
    -webkit-transform: translateX(0px) translateY(-100px);
    transform: translateX(0px) translateY(-100px);
    opacity: 0.0;
}

    .indicateurSelection.visible
    {
        opacity: 1.0;
        cursor: pointer;
    }

    .indicateurSelection.invisible
    {
        display: none;
    }

    .indicateurSelection .corps
    {
        border: solid 4px #fc9e29;
        width: 206px;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .indicateurSelection .fleche
    {
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 40px solid #fc9e29;
        float: left;
        opacity: 0.6;
    }

.listeEcrans
{
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .listeEcrans .ecran {        
        width: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 5px;
        -moz-transform: translateX(2500px);
        -ms-transform: translateX(2500px);
        -o-transform: translateX(2500px);
        -webkit-transform: translateX(2500px);
        transform: translateX(2500px);
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

        .listeEcrans .ecran:first-child
        {
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }

        .listeEcrans .ecran section
        {
            position: relative;
            height: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .listeEcrans .ecran section .header
            {
                width: 100%;
                height: 50px;
                overflow: hidden;
                /*border-top: solid 1px #444;*/
                /*border-bottom: solid 1px #444;*/
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: center;
                line-height: 50px;
                font-size: 22px;
                -moz-transition: all 500ms ease-in-out;
                -o-transition: all 500ms ease-in-out;
                -webkit-transition: all 500ms ease-in-out;
                transition: all 500ms ease-in-out;
                position: relative;
                cursor: default;
                z-index: 20;
                -webkit-border-top-left-radius: 3px;
                -webkit-border-top-right-radius: 3px;
                -moz-border-radius-topleft: 3px;
                -moz-border-radius-topright: 3px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
            }

            .listeEcrans .ecran section .contenu
            {
                padding: 5px;
                -webkit-border-bottom-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }

                .listeEcrans .ecran section .contenu span
                {
                    cursor: default;
                }

                .listeEcrans .ecran section .contenu .article {
                    padding-top: 12px;
                    padding-bottom: 12px;
                    padding-left: 50px;
                    background-position: left 8px top 13px;
                    background-repeat: no-repeat;
                    background-size: 30px;
                    min-height: 60px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border-top: solid 1px rgba(0, 0, 0, 0.2);
                }

                    .listeEcrans .ecran section .contenu .article.noborder
                    {
                        border: none;
                    }

                    .listeEcrans .ecran section .contenu .article.nopadding
                    {
                        padding-left: 0px;
                    }

                    .listeEcrans .ecran section .contenu .article .l
                    {
                    }

                    .listeEcrans .ecran section .contenu .article .v
                    {
                        overflow-x: hidden;
                        -ms-text-overflow: ellipsis;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                    }

            .listeEcrans .ecran section .footer
            {
                width: 100%;
                height: 50px;
                overflow: hidden;
                /*border-top: solid 1px #444;*/
                /*border-bottom: solid 1px #444;*/
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                bottom: 0;
                left: 0;
                text-align: center;
                line-height: 50px;
                font-size: 23px;
                -moz-transition: all 500ms ease-in-out;
                -o-transition: all 500ms ease-in-out;
                -webkit-transition: all 500ms ease-in-out;
                transition: all 500ms ease-in-out;
                cursor: default;
                -webkit-border-bottom-right-radius: 3px;
                border-bottom-right-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }

                .listeEcrans .ecran section .footer .bouton
                {
                    -moz-border-radius: 0px;
                    -webkit-border-radius: 0px;
                    border-radius: 0px;
                }

                    .listeEcrans .ecran section .footer .bouton.boutonTexte
                    {
                        background-position-y: 3px;
                        padding-top: 26px;
                        padding-top: 33px !important;
                        background-position: center 7px !important;
                    }

                        .listeEcrans .ecran section .footer .bouton.boutonTexte:hover
                        {
                        }


                .listeEcrans .ecran section .footer .boutonReinitialiser
                {
                    top: 0;
                    left: 0;
                    height: 100%;
                    background-image: url(../../Images/bouton-reinitialiser-40x40.png);
                    border-right: solid 1px #ccc;
                }

                .listeEcrans .ecran section .footer .boutonAppliquer
                {
                    top: 0;
                    right: 0;
                    height: 100%;
                    background-image: url(../../Images/bouton-appliquer-40x40.png);
                    border-left: solid 1px #ccc;
                }

            .listeEcrans .ecran section .header .boutonMenuContextuel
            {
                top: 0;
                right: 0;
                height: 100%;
                background-image: url(../../Images/bouton-menucontextuel-40x40.png);
            }

                .listeEcrans .ecran section .header .boutonMenuContextuel.gauche
                {
                    left: 0;
                    right: auto;
                    border-left: none !important;
                    border-right: solid 1px #ccc;
                }

            .listeEcrans .ecran section .boutonEtapeSuivante
            {
                background-image: url(../../Images/suivant-30x30.png);
            }

            .listeEcrans .ecran section .details
            {
                display: flex;
                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .listeEcrans .ecran section .details .contenu
                {
                    -ms-flex: 1;
                    -webkit-flex: 1;
                    flex: 1;
                    overflow-x: hidden;
                    overflow-y: auto;
                    height: 495px; /* Pour les navigateurs qui ne supportent pas flex */
                }

                .listeEcrans .ecran section .details .footer
                {
                    position: relative;
                }

            .listeEcrans .ecran section.details
            {
                -webkit-border-top-left-radius: 3px;
                border-top-left-radius: 3px;
                -webkit-border-top-right-radius: 3px;
                border-top-right-radius: 3px;
            }

/* Pop-up */
.fondOpaquePopUp
{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-style: none;
    opacity: 0.3 !important;
    filter: Alpha(Opacity=30) !important;
    z-index: 900;
    -webkit-transition: 1s ease-in-out !important;
    -moz-transition: 1s ease-in-out !important;
    -o-transition: 1s ease-in-out !important;
    transition: 1s ease-in-out !important;
}

.popUpBase
{
    color: #000;
    min-width: 200px;
    width: 100% !important;
    border: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    min-height: 25px !important;
    position: absolute !important; /* Utile pour les mobiles ; de toutes façons la page n'est pas censée être plus grande que l'écran. */
    -moz-box-shadow: 0px 0px 50px #333;
    -webkit-box-shadow: 0px 0px 50px #333;
    box-shadow: 0px 0px 50px #333;
}

    .popUpBase #Titre
    {
        background-color: inherit !important;
        border: none !important;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
        line-height: 50px;
        font-weight: 100 !important;
        font-size: 40px !important;
    }

    .popUpBase #Contenu
    {
        padding: 10px !important;
        /*text-align: center !important;*/
        min-width: 350px !important;
        display: table !important;
        margin-left: auto;
        margin-right: auto;
    }

        .popUpBase #Contenu ul
        {
        }

            .popUpBase #Contenu ul li
            {
                font-size: 16px;
            }

        .popUpBase #Contenu fieldset
        {
            margin-bottom: 20px;
            border: solid 1px rgba(255, 255, 255, 0.4);
        }

            .popUpBase #Contenu fieldset legend
            {
                line-height: 50px;
                font-weight: 100;
                font-size: 40px;
                margin-top: 15px;
                margin-bottom: 10px;
            }

        .popUpBase #Contenu > div > div:last-child input[type=button]
        {
            width: 20%;
            margin-left: 15%;
            margin-right: 15%;
        }

        .popUpBase #Contenu .footer
        {
            padding: 0px !important;
            margin: 0px !important;
            width: 100%;
        }

    .popUpBase .header
    {
        width: 100%;
        height: 50px;
        overflow: hidden;
        /*border-bottom: solid 1px #444;*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        font-size: 23px;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        cursor: default;
        position: relative;
        background-color: inherit !important;
    }

    .popUpBase .footer
    {
        width: 50%;
        height: 80px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        font-size: 23px;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        cursor: default;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background-color: inherit !important;
    }

        .popUpBase .footer .boutonAnnuler
        {
            top: 0;
            left: 0;
            height: 100%;
            background-image: url(../../Images/bouton-annulation-40x40.png);
            /* border-right: solid 1px #ccc; */
        }

        .popUpBase .footer .boutonReinitialiser
        {
            top: 0;
            left: 45%;
            background-image: url(../../Images/bouton-reinitialiser-40x40.png);
            width: 80px;
            height: 80px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 50%;
            -moz-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            /* border-right: solid 1px #ccc; */
        }

        .popUpBase .footer .boutonAppliquer
        {
            top: 0;
            right: 0;
            background-image: url(../../Images/bouton-enregistrement-40x40.png);
            width: 80px;
            height: 80px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 50%;
            -moz-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }


            .popUpBase .footer .boutonAppliquer:hover
            {
                width: 80px;
                height: 80px;
                -moz-transition: all 0.05s ease-in-out 0s;
                -o-transition: all 0.05s ease-in-out 0s;
                -webkit-transition: all 0.05s ease-in-out 0s;
                transition: all 0.05s ease-in-out 0s;
            }

        .popUpBase .footer .boutonReinitialiser:hover
        {
            width: 80px;
            height: 80px;
            -moz-transition: all 0.05s ease-in-out 0s;
            -o-transition: all 0.05s ease-in-out 0s;
            -webkit-transition: all 0.05s ease-in-out 0s;
            transition: all 0.05s ease-in-out 0s;
        }

        .popUpBase .footer .boutonAnnuler:hover
        {
        }


    .popUpBase .popUpFiltres .titre
    {
        text-align: center;
        font-size: 20px;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .popUpBase .popUpFiltres table
    {
        margin-left: auto;
        margin-right: auto;
    }

    .popUpBase .popUpFiltres td
    {
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: top;
        text-align: left;
    }

        .popUpBase .popUpFiltres td:first-child
        {
            /* border-right: solid 1px #bbb;*/
        }

    .popUpBase .popUpFiltres span,
    .popUpBase .popUpFiltres select,
    .popUpBase .popUpFiltres input,
    .popUpBase .popUpFiltres .tris div.bouton,
    .popUpBase .popUpFiltres .filtres div.bouton
    {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
    }

    .popUpBase .popUpFiltres span
    {
        width: 250px;
        text-align: right;
        font-weight: bold;
        margin-right: 20px;
    }

    .popUpBase .popUpFiltres select,
    .popUpBase .popUpFiltres input
    {
        width: 200px;
        font-weight: bold;
    }

    .popUpBase .popUpFiltres select
    {
        width: 200px;
        font-weight: bold;
    }

    .popUpBase .popUpFiltres .tris .bouton,
    .popUpBase .popUpFiltres .filtres .bouton
    {
        position: relative;
        width: 45px;
        height: 40px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .popUpBase .filtres .titre
    {
        line-height: 50px;
        font-weight: 100;
        font-size: 40px;
    }

    .popUpBase .popUpFiltres .bouton.boutonTriDesc
    {
        background-image: url(../../Images/bouton-tri-desc-40x40.png);
        margin-left: 6px;
    }

    .popUpBase .popUpFiltres .bouton.boutonSupprimer
    {
        background-image: url(../../Images/bouton-supprimer-40x40.png);
    }

    .popUpBase .popUpFiltres table.conteneurTrisFiltres
    {
        margin-bottom: 10px;
    }

        .popUpBase .popUpFiltres table.conteneurTrisFiltres .col1
        {
            padding: 0 10px 0 0;
        }

        .popUpBase .popUpFiltres table.conteneurTrisFiltres .col2
        {
            padding: 0 0 0 10px;
        }

    .popUpBase .popUpFiltres .tris
    {
        padding: 10px;
        border: solid 1px rgba(255, 255, 255, 0.5);
        margin-bottom: 40px;
    }

        .popUpBase .popUpFiltres .tris span
        {
            width: auto;
        }

        .popUpBase .popUpFiltres .tris select
        {
            width: 200px;
            height: 40px;
        }

        .popUpBase .popUpFiltres .tris .bouton.actif
        {
            border: solid 2px rgb(255, 255, 255);
        }

        .popUpBase .popUpFiltres .tris div.bouton
        {
            display: inline-block;
            vertical-align: middle;
            font-size: 15px;
            height: 45px;
            width: 45px;
        }

        .popUpBase .popUpFiltres .tris .bouton.boutonTriAsc
        {
            background-image: url(../../Images/bouton-tri-asc-40x40.png);
            margin-left: 8px;
        }

        .popUpBase .popUpFiltres .zoneRecherche 
        {
            padding: 10px;
            border: solid 1px rgba(255, 255, 255, 0.5);
            height: 60px !important;
        }

        .popUpBase .popUpFiltres .zoneRecherche input[type="text"] 
        {
            width: 100%;
            color: #000 !important;
            background-color: #fff !important;
            font-weight: normal !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .popUpBase .popUpFiltres .zoneRecherche .bouton,
        .popUpBase .popUpFiltres .zoneRecherche.ectif .bouton
        {
            display: none !important;
        }

    .popUpBase .popUpFiltres .filtres
    {
        padding: 10px 0 10px 0;
        border: solid 1px rgba(255, 255, 255, 0.5);
        overflow-x: hidden;
        overflow-y: auto;
        width: 570px;
        height: 430px;
    }

        .popUpBase .popUpFiltres .filtres > div
        {
            white-space: nowrap;
        }

    .popUpBase .popUpFiltres select,
    .popUpBase .popUpFiltres input[type=text],
    .popUpBase .popUpFiltres .bouton.boutonSupprimer
    {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 5px 0 5px !important;
    }

    .popUpBase .popUpFiltres .filtres input[type=text],
    .popUpBase .popUpFiltres .filtres select
    {
        height: 40px;
        margin-right: 5px;
    }


    .popUpBase .popUpFiltres .filtres input[type=text]
    {
    }

    .popUpBase .popUpFiltres .filtres select.operateur
    {
        width: 50px;
        padding-right: 0px;
        margin-left: 1px;
        font-size: 20px;
        border: 0 !important;
    }

    .popUpBase .popUpFiltres .filtres div div.bouton
    {
        visibility: hidden;
        width: 30px;
        padding: 0;
    }

    .popUpBase .popUpFiltres .filtres div.actif input[type=text],
    .popUpBase .popUpFiltres .filtres div.actif select
    {
        background-color: #fff !important;
        color: #000 !important;
    }

    .popUpBase .popUpFiltres .filtres div.actif.diff input[type=text],
    .popUpBase .popUpFiltres .filtres div.actif.diff select
    {
        color: #C30D00 !important;
    }

    .popUpBase .popUpFiltres .filtres div.actif div.bouton
    {
        visibility: visible;
    }

    .popUpBase .popUpFiltres .clePrefiltre span
    {
        margin-right: 280px;
    }

    .popUpBase.popupPadding #Contenu
    {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        white-space: nowrap;
        width: 100%;
    }

        .popUpBase.popupPadding #Contenu .contenuPopUpOuiNon
        {
            white-space: normal;
            max-width: 550px;
        }

        .popUpBase.popupPadding #Contenu > div:first-child
        {
            margin-bottom: 15px;
            width: 50% !important;
            margin-left: auto;
            margin-right: auto;
        }

    .popUpBase iframe
    {
        border: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*background-image: url(../../Images/loader_hg3_logo.svg);*/
        /*background-image: url(../../Images/loader_hg3_arrows.svg);*/
        background-image: url(../../Images/chargement-blanc-gris-64x64.gif);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .popUpBase .popUpRemplacerFichierProtocole {
        width: 800px;
        height: 380px;
    }

    .popUpBase .popUpAjouterProtocole {
        width: 800px;
        height: 435px;
    }

.popUpBase .popUpAjouterPatch
    {
        width: 500px;
        height: 460px;
    }

    .popUpBase .popUpDetailsPartage
    {
        width: 1260px;
        height: 760px;
    }

    .popUpBase .popUpNouveauPartageRapide
    {
        width: 900px;
        height: 603px;
    }

    .popUpBase .popUpEnvoyerFichierListeIpSites
    {
        width: 800px;
        height: 517px;
    }

    .popUpBase .popUpEnvoyerFichierListeContacts {
        width: 800px;
        height: 517px;
    }

    .popUpBase .popUpQrCodeTicketEnrolement
    {
        width: 1150px;
        height: 595px;
    }

    .popUpBase .boutonAppliquer,
    .popUpBase .boutonAnnuler
    {
        background-color: none;
        width: 80px;
        height: 80px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 50%;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

        .popUpBase .boutonAppliquer:hover,
        .popUpBase .boutonAnnuler:hover
        {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

@media screen and (max-width: 1260px)
{
    .popUpBase .popUpDetailsPartage
    {
        width: 845px;
    }
}

@media screen and (max-height: 760px)
{
    .popUpBase .popUpDetailsPartage
    {
        height: 600px;
    }
}

.popUpBase .popUpDetailsContact
{
    width: 600px;
    height: 620px;
}
/* Pop-up */


/* Pop-up Recherche */
#PopUpRecherche
{
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

    #PopUpRecherche .recherche
    {
    }
/* Pop-up Recherche */


/* Popup chargement en cours */
.popupChargementEnCours
{
    width: 100%;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
/* Popup chargement en cours */


.popUpBase #Contenu .explorateurFichiers
{
    background-color: #fff;
    display: block;
}

    .popUpBase #Contenu .explorateurFichiers .fichiers
    {
        overflow: auto;
        margin-top: 0;
    }

.contenuPopUpOuiNon
{
    text-align: center;
}

    .contenuPopUpOuiNon span.important
    {
        white-space: nowrap;
    }

.details .popUpBase .contenu
{
    padding: 10px !important;
}

.liseretMenu
{
    position: fixed;
    top: 60px;
    left: 0px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
}

nav
{
    font-weight: 100;
    position: fixed;
    top: 60px;
    left: 0px;
    width: 410px;
    height: 500px;
    color: #fff;
    background-color: #b0afaf;
    overflow: hidden;
    -moz-transition: transform 400ms ease-in-out;
    -o-transition: transform 400ms ease-in-out;
    -webkit-transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateX(-430px);
    -ms-transform: translateX(-430px);
    -o-transform: translateX(-430px);
    -webkit-transform: translateX(-430px);
    transform: translateX(-430px);
    padding-bottom: 50px;
    z-index: 25;
}

    nav.visible,
    body.reduit nav
    {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

body:not(.reduit) nav
{
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

nav .invisible,
.menuContextuel .invisible,
.popupSousMenu .invisible,
.popupSousSousMenu .invisible,
.listeChoix .invisible
{
    display: none;
}

nav > .conteneurMenu
{
    height: 100%;
    width: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
}

nav .boutonPin
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-image: url(../../Images/pin-30x30.png);
}

nav,
.popupSousMenu
{
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    nav > .conteneurMenu
    {
        position: relative;
    }

        nav > .conteneurMenu > ul
        {
            position: absolute;
            overflow: hidden;
            z-index: 1;
        }

        nav > .conteneurMenu > .bouton
        {
            position: absolute;
            left: 0;
            width: 100%;
            display: none;
            z-index: 2;
            opacity: 1.0 !important;
        }

            nav > .conteneurMenu > .bouton.boutonMonter
            {
                top: 0;
                background-image: url(../../Images/bouton-montermenu-30x30.png);
            }

            nav > .conteneurMenu > .bouton.boutonDescendre
            {
                bottom: 0;
                background-image: url(../../Images/bouton-descendremenu-30x30.png);
            }

        nav > .conteneurMenu ul li
        {
            padding-bottom: 0 !important;
        }

            nav > .conteneurMenu ul li span,
            .popupSousMenu ul li span
            {
                display: block;
                width: 100%;
                cursor: pointer;
                white-space: nowrap;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                padding-right: 5px;
            }

            nav > .conteneurMenu ul li:not(.selectionne) span:hover
            {
                padding-left: 65px;
                background-color: rgba(0, 0, 0, 0.2);
                -moz-transition: all 0.05s ease-in-out 0s;
                -o-transition: all 0.05s ease-in-out 0s;
                -webkit-transition: all 0.05s ease-in-out 0s;
                transition: all 0.05s ease-in-out 0s;
            }

            nav > .conteneurMenu ul li.actif > span,
            nav > .conteneurMenu > ul > li:hover > span,
            .popupSousMenu .selectionne > span,
            .popupSousMenu .actif > span,
            .cbBox li span.actif,
            .cbBox:hover,
            .bouton:hover,
            .ui-theme__menu-button:hover,
            .ui-theme__menu-button:focus,
            .device-groups__menu-button:hover,
            .device-groups__menu-button:focus {
                background-color: rgba(255, 255, 255, 0.2) !important;
                opacity: 1.0 !important;
            }

        nav > .conteneurMenu > ul > li.elt-principal-menu
        {
            border-radius: 0;
        }

            nav > .conteneurMenu > ul > li.elt-principal-menu.selectionne
            {
                background-position: left -5px center;
                background-repeat: no-repeat;
                background-size: 16px;
                background-image: url(../../Images/indicateur-menu-16x16.png) !important;
                border-left: 3px #fff solid;
            }

        nav > .conteneurMenu > ul > li:first-child > span
        {
            /*border-top: solid 1px #ccc;*/
        }

        nav > .conteneurMenu > ul > li > span,
        .popupSousMenu:not(.popupSousSousMenu) > ul > li > span
        {
            font-size: 25px;
            font-weight: 500;
            line-height: 59px; /* Car bordure de 1px */
            padding-left: 60px;
            background-repeat: no-repeat;
            background-size: 30px;
            background-position: 15px center;
        }

        nav > .conteneurMenu > ul > li > ul,
        .popupSousMenu > ul > li > ul
        {
            overflow: hidden;
            height: 0px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -moz-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            -webkit-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

        nav > .conteneurMenu > ul > li > ul,
        .popupSousMenu > ul > li > ul,
        .popupSousSousMenu > ul,
        .popupListeCbBox > .popupListeCbBox-ul,
        .popupListeCbBox .popupListeCbBox-filtre-resultat,
        .device-groups__menu-container .ui-menu,
        .ui-theme__menu-container .ui-widget-content,
        .device-detail--menu-item {
            background-color: rgba(0, 0, 0, 0.2);
        }

            nav > .conteneurMenu > ul > li > ul > li.sousMenuParent > span,
            .popupSousMenu > ul > li > ul > li.sousMenuParent > span
            {
                background-position: right 7px top 12px;
                background-repeat: no-repeat;
                background-size: 20px;
                background-image: url(../../Images/sousmenu-20x20.png);
            }

            nav > .conteneurMenu > ul > li > ul > li > span,
            .popupSousMenu > ul > li > ul > li > span,
            .popupSousSousMenu > ul > li > span,
            .cbBox .popupListeCbBox .popupListeCbBox-li > .popupListeCbBox-span
            {
                font-size: 22px;
                line-height: 40px;
                padding-left: 60px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 40px;
            }

            nav > .conteneurMenu > ul > li > ul > li:not(.selectionne) > span:hover,
            .popupSousMenu > ul > li > ul > li:not(.selectionne) > span:hover,
            .popupSousSousMenu > ul > li:not(.selectionne) > span:hover,
            .cbBox .popupListeCbBox .popupListeCbBox-li:not(.selectionne):not(.disabled) > .popupListeCbBox-span:hover,
            .ui-theme__menu-container .ui-menu-item-wrapper:hover,
            .ui-theme__menu-container .ui-menu-item-wrapper.ui-state-active,
            .device-groups__menu-container .ui-menu-item-wrapper:hover,
            .device-groups__menu-container .ui-menu-item-wrapper.ui-state-active {
                background-color: rgba(0, 0, 0, 0.2);
            }

        nav > .conteneurMenu > ul > li.accueil > span
        {
            background-image: url(../../Images/menu-accueil-40x40.png);
        }

        nav > .conteneurMenu > ul > li.terminaux > span
        {
            background-image: url(../../Images/menu-terminaux-40x40.png);
        }

        nav > .conteneurMenu > ul > li.patchs > span
        {
            background-image: url(../../Images/menu-patchs-40x40.png);
        }

        nav > .conteneurMenu > ul > li.commandes > span
        {
            background-image: url(../../Images/menu-commandes-40x40.png);
        }

        nav > .conteneurMenu > ul > li.logs > span
        {
            background-image: url(../../Images/menu-logs-40x40.png);
        }

        nav > .conteneurMenu > ul > li.serveurs > span
        {
            background-image: url(../../Images/menu-serveurs-40x40.png);
        }

        nav > .conteneurMenu > ul > li.notifications > span
        {
            background-image: url(../../Images/menu-notifications-40x40.png);
        }

        nav > .conteneurMenu > ul > li.reporting > span
        {
            background-image: url(../../Images/menu-reporting-40x40.png);
        }

        nav > .conteneurMenu > ul > li.outils > span
        {
            background-image: url(../../Images/menu-outils-40x40.png);
        }

        nav > .conteneurMenu > ul > li.applications > span
        {
            background-image: url(../../Images/menu-applications-40x40.png);
        }

        nav > .conteneurMenu > ul > li.partage > span
        {
            background-image: url(../../Images/menu-partage-40x40.png);
        }

        nav > .conteneurMenu > ul > li.messagerie > span
        {
            background-image: url(../../Images/menu-messagerie-40x40.png);
        }

        nav > .conteneurMenu > ul > li.kiosk > span
        {
            background-image: url(../../Images/menu-scenario-40x40.png);
        }

        nav > .conteneurMenu > ul > li.deconnexion > span
        {
            background-image: url(../../Images/menu-deconnexion-40x40.png);
        }

        nav > .conteneurMenu > ul > li.gestionTerminaux > span
        {
            background-image: url(../../Images/menu-scenario-40x40.png);
        }

        nav > .conteneurMenu > ul > li.administration > span
        {
            background-image: url(../../Images/menu-administration-40x40.png);
        }

        nav > .conteneurMenu > ul > li.androidEnterprise > span {
            background-image: url(../../Images/menu-android-enterprise-40x40.png);
        }

        nav > .conteneurMenu > ul > li.logoZebra > span {
            background-image: url(../../Images/zebra_logo_white.png);
        }

        nav > .conteneurMenu > ul > li.os-manager > span {
            background-image: url(../../Images/menu-os-manager-40x40.png);
        }

        nav > .conteneurMenu ul li.inactif > span,
        .listeChoix > div.inactif,
        .menuContextuel li.inactif span {
            opacity: 0.3;
            cursor: default;
        }

            nav > .conteneurMenu ul li.inactif > span:hover,
            .listeChoix > div.inactif:hover,
            .menuContextuel li.inactif:hover span
            {
                background-color: #b0afaf;
            }

        nav > .conteneurMenu > ul > li > ul > li > ul,
        .popupSousMenu > ul > li > ul > li > ul
        {
            display: none;
        }

.menu__statistics {
    background-image: url(../../Images/bar_chart.svg);
}

/*
@media screen and (max-height: 800px)
{
    nav > .conteneurMenu > ul > li:not(.accueil) > span,
    .popupSousMenu ul li span
    {
        line-height: 47px !important;
    }

    nav .boutonPin
    {
        height: 48px;
    }

    nav > .conteneurMenu.haut > ul
    {
        top: 0;
        bottom: auto;
    }

    nav > .conteneurMenu.bas > ul
    {
        top: auto;
        bottom: 0;
    }

    nav > .conteneurMenu.haut > .bouton.boutonDescendre
    {
        display: block;
    }

    nav > .conteneurMenu.bas > .bouton.boutonMonter
    {
        display: block;
    }
}
*/
/* Menu */
/* Menu réduit */
body.reduit {
}

    body.reduit .liseretMenu
    {
        display: none;
    }

    body.reduit #page
    {
        padding-left: 61px;
    }

    body.reduit nav
    {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 60px;
        top: 0px;
    }

        body.reduit nav > .conteneurMenu ul li span:hover
        {
            padding-left: 60px;
        }

        body.reduit nav > .conteneurMenu > ul > li > span
        {
            opacity: 0.8;
            background-position: 16px center;
            background-size: 28px;
            width: 60px;
            padding-right: 0px;
            overflow: hidden;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        body.reduit nav > .conteneurMenu > ul > li:hover > span
        {
            opacity: 1.0;
        }

        body.reduit nav > .conteneurMenu > ul > li > ul
        {
            display: none;
        }

        body.reduit nav .boutonPin
        {
            background-image: url(../../Images/pin-supprimer-30x30.png);
        }

        body.reduit nav > .conteneurMenu > ul > li.elt-principal-menu.selectionne span.libelle-elt-principal-menu
        {
            width: 57px;
            background-position: left 13px center;
        }

.popupSousMenu
{
    width: 370px;
    overflow: auto;
    max-height: calc(100vh);
    position: absolute;
    left: 60px;
    opacity: 0.0;
    z-index: 20;
    -moz-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    -o-transform: translateX(-500px);
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    -moz-transition: transform 250ms ease-in-out, opacity 350ms ease-in-out;
    -o-transition: transform 250ms ease-in-out, opacity 350ms ease-in-out;
    -webkit-transition: transform 250ms ease-in-out, opacity 350ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 350ms ease-in-out;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

    .popupSousMenu.visible
    {
        opacity: 1.0;
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .popupSousMenu:not(.popupSousSousMenu) > span
    {
        line-height: 59px;
        padding-left: 10px;
        background-color: rgba(255, 255, 255, 0.2);
        cursor: default;
    }

    .popupSousMenu > ul > li > ul
    {
        overflow: visible;
        height: auto;
    }

        .popupSousMenu > ul > li > ul > li > span,
        .popupSousSousMenu > ul > li > span
        {
            padding-left: 20px;
            line-height: 40px;
            font-weight: 100;
        }

        .popupSousMenu > ul > li > ul > li > span a,
        .popupSousSousMenu > ul > li > span a {
            font-weight: 100;
        }

    .popupSousMenu > ul > li > ul > li:not(.selectionne) > span:hover,
        .popupSousSousMenu > ul > li:not(.selectionne) > span:hover
        {
        padding-left: 25px;
        -moz-transition: all 0.05s ease-in-out 0s;
        -o-transition: all 0.05s ease-in-out 0s;
        -webkit-transition: all 0.05s ease-in-out 0s;
        transition: all 0.05s ease-in-out 0s;
    }


.popupSousSousMenu
{
    left: 410px;
    z-index: 19;
    -moz-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -o-transform: translateX(-800px);
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

body.reduit .popupSousSousMenu
{
    left: 430px;
}
/* Menu réduit */

/*Device groups menu*/

.device-groups__menu-button,
.device-groups__menu-button:hover,
.device-groups__menu-button:focus,
.ui-theme__menu-button,
.ui-theme__menu-button:hover,
.ui-theme__menu-button:focus {
    border: 0;
    width: auto !important;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 10px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
}
.device-groups__menu-button,
.device-groups__menu-button:hover,
.device-groups__menu-button:focus {
    line-height: 60px !important;
}

.device-groups__menu-button,
.ui-theme__menu-button {
    background-color: transparent;
    vertical-align: top;
}

.device-groups__menu-button .ui-selectmenu-text {
    display: inline-block;
}

.device-groups__menu-button .ui-widget-content {
    background-color: #b0afaf;
}

.device-groups__menu-container,
.ui-theme__menu-container {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

.device-groups__menu-container .ui-menu,
.ui-theme__menu-container .ui-menu {
    color: #fff;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    border: 0;
}

.device-groups__menu-container .ui-menu-item-wrapper:hover,
.device-groups__menu-container .ui-menu-item-wrapper.ui-state-active,
.ui-theme__menu-container .ui-menu-item-wrapper:hover,
.ui-theme__menu-container .ui-menu-item-wrapper.ui-state-active {
    border: 0;
}

.device-groups__menu-container .ui-menu-item-wrapper {
    padding-left: 20px;
    line-height: 40px;
    font-weight: 100;
    font-size: 22px;
}

.header__title span {
    font-weight: 100;
}

.device-groups__menu-container {
    max-height: calc(100% - 90px);
    overflow-x: hidden;
    overflow-y: auto;
}

.device-groups__menu-button .ui-selectmenu-icon,
.ui-theme__menu-button .ui-selectmenu-icon {
    display: none;
}

.device-groups__menu-button .ui-selectmenu-text,
.ui-theme__menu-button .ui-selectmenu-text {
    padding-right: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../../Images/cbbox-22x22.png);
    margin: 0;
}
.ui-theme__menu-button {
    height: 30px;
}
.device-groups__menu-button.ui-selectmenu-button-open .ui-selectmenu-text,
.ui-theme__menu-button.ui-selectmenu-button-open .ui-selectmenu-text {
    background-image: url(../../Images/cbbox-22x22.png);
}

/* ui-theme__select-menu */
.ui-theme__select-menu-container {
    position: relative;
    top: auto;
    right: auto;
    float: left;
}

.ui-theme__menu-button,
.ui-theme__menu-button:hover,
.ui-theme__menu-button:focus {
    font-size: 18px;
}

.ui-theme__menu-button .ui-selectmenu-text {
    font-weight: 100 !important;
}

.ui-theme__menu-container .ui-menu-item-wrapper{
    padding:10px;
}
    

/* The switch - the box around the slider */
.toggleSwitch {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 60px;
    margin: 5px;
}
    .toggleSwitch.small {
        height: 23px;
        width: 49px;
    }
    /* Hide default HTML checkbox */
    .toggleSwitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.toggleSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .toggleSlider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
.toggleSwitch.small .toggleSlider:before {
    height: 15px;
    width: 15px;
}
        input:checked + .toggleSlider {
    background-color: #2196F3;
}

input:focus + .toggleSlider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggleSlider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.toggleSlider.round {
    border-radius: 34px;
}

    .toggleSlider.round:before {
        border-radius: 50%;
    }

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .toggleSlider .on {
    display: block;
}

input:checked + .toggleSlider .off {
    display: none;
}
/* Administration des adresses IP des sites */
section.administrationIpSites
{
}

    section.administrationIpSites .liste .elements .elt span.ipDebut
    {
        width: 195px;
        font-size: 16px !important;
        font-style: italic;
        box-sizing: border-box;
        padding-left: 25px;
    }

    section.administrationIpSites .liste .elements .elt span.ipFin
    {
        width: 195px;
        font-size: 16px !important;
        font-style: italic;
        box-sizing: border-box;
        background-size: 18px;
        padding-left: 25px;
        background-image: url(../../Images/vers-grand-25x25.png);
        background-position: left 4px center;
        background-repeat: no-repeat;
    }

        section.administrationIpSites .liste .elements .elt span.ipDebut .ip-debut,
        section.administrationIpSites .liste .elements .elt span.ipDebut .ip-fin,
        section.administrationIpSites .liste .elements .elt span.ipFin .ip-debut,
        section.administrationIpSites .liste .elements .elt span.ipFin .ip-fin
        {
            display: inline;
        }

        section.administrationIpSites .liste .elements .elt span.ipDebut .ip-fin,
        section.administrationIpSites .liste .elements .elt span.ipFin .ip-fin
        {
            font-weight: normal;
        }

    section.administrationIpSites .liste .elements .elt span.dateMaj
    {
        width: 195px;
        font-size: 14px;
        font-style: italic;
    }

    section.administrationIpSites .liste > .elements .elt td.icone.site
    {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/site-30x30.png);
        background-size: 30px;
    }

    section.administrationIpSites .liste > .elements .elt td.icone.user {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/utilisateur-25x25.png);
    }

    section.administrationIpSites .liste > .elements .elt td.icone.email {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/informations-noir-30x30.png);
    }

    section.administrationIpSites .liste > .elements .elt td.icone.cardsim {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/carte-sim-30x30.png);
    }

    section.administrationIpSites .liste .elements .elt span.libelleSite
    {
        font-size: 16px;
    }

    section.administrationIpSites .liste .elements .elt span.idSite
    {
        color: #808080;
        font-size: 16px;
        font-style: italic;
        font-size: 14px;
    }
/* Administration des adresses IP des sites */

/* Ajout protocole */
.uploadFichierListeIpSites {
}

    .uploadFichierListeIpSites .header {
        white-space: normal;
        height: auto !important;
    }

    .uploadFichierListeIpSites .contenu form {
        overflow: auto;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .uploadFichierListeIpSites .messageErreur {
        overflow: auto;
        height: 90px;
        margin-bottom: 10px;
        font-weight: normal;
        text-align: left;
        color: red !important;
    }
/* Ajout protocole */
/* Applications */
section.applications
{
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.applications,
div.applications
{
    color: #fff;
}

.applications .listeApplications
{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    border: solid 5px transparent;
    position: relative;
    min-height: 100px;
}

    .applications .listeApplications.drag
    {
        border: dashed 5px #00BEFD;
    }

    .applications .listeApplications .nom,
    .applications .listeApplications .nom > span
    {
        cursor: pointer !important;
    }

        .applications .listeApplications .nom .lib
        {
            padding-left: 32px;
            line-height: 30px;
            display: inline-block;
            background-position: left top 5px;
            background-repeat: no-repeat;
            background-size: 25px;
            background-image: url(../../Images/bouton-groupe-deplie-30x30.png);
            font-weight: 100;
        }

    .applications .listeApplications .replie > .nom > .lib
    {
        background-image: url(../../Images/bouton-groupe-30x30.png);
    }

    .applications .listeApplications .replie > .apps,
    .applications .listeApplications .replie > .listeApps
    {
        display: none !important;
    }

    .applications .listeApplications .groupeApps
    {
        margin-top: 50px;
    }

        .applications .listeApplications .groupeApps:first-child
        {
            margin-top: 0px;
        }

        .applications .listeApplications .groupeApps > .nom
        {
            text-align: center;
            font-size: 30px;
            font-weight: 100;
            opacity: 0.8;
            width: 400px;
            margin-left: auto;
            margin-right: auto;
        }

        .applications .listeApplications .groupeApps .apps
        {
        }

            .applications .listeApplications .groupeApps .apps .groupeOS
            {
                padding-left: 0px;
                padding-right: 10px;
                padding-bottom: 20px;
            }

                .applications .listeApplications .groupeApps .apps .groupeOS > .nom
                {
                    text-align: center;
                    font-size: 20px;
                    font-weight: 100;
                    opacity: 0.8;
                    padding-top: 15px;
                    width: 350px;
                    margin-left: auto;
                    margin-right: auto;
                }

                .applications .listeApplications .groupeApps .apps .groupeOS > .listeApps
                {
                    display: flex;
                    -ms-flex-direction: row;
                    -webkit-flex-direction: row;
                    flex-direction: row;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
                    justify-content: space-around;
                }

                    .applications .listeApplications .groupeApps .apps .groupeOS > .listeApps .app:last-child
                    {
                        margin-bottom: 40px;
                    }

        .applications .listeApplications .groupeApps.groupeNonMdm .apps .groupeOS .app .boutons > div
        {
            display: none;
        }

    .applications .listeApplications .nom .nb
    {
        opacity: 0.5;
        font-size: 16px;
    }

    .applications .listeApplications .zoneRecherche
    {
        position: absolute;
        top: 44px;
        right: 10px;
    }

        .applications .listeApplications .zoneRecherche > .zoneRecherche-input,
        .applications .listeApplications .zoneRecherche > .boutonRecherche,
        .applications .listeApplications .zoneRecherche > .boutonSupprimerFiltres
        {
            position: relative;
            display: inline-block !important;
        }

            .applications .listeApplications .zoneRecherche > .boutonSupprimerFiltres.invisible,
            .applications .listeApplications .zoneRecherche > .boutonRecherche.invisible
            {
                display: none !important;
            }


    .applications .listeApplications .LinkAppleBussinesManager {
        padding: 10px;
        margin-top: 10px;
        cursor: pointer;
    }

.applications .bandeauBas
{
    height: 50px;
    text-align: center;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 15px;
}

    .applications .bandeauBas .bouton.ajouter
    {
        position: relative;
        width: 100%;
        line-height: 50px;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .applications .bandeauBas input[type=file]
    {
        display: none;
    }

.applications .app
{
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    padding: 5px;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    border: solid 1px rgba(0, 0, 0, 0.2);
    /*width: 580px;*/
    width: 100%;
    /*height: 150px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .applications .app:hover
    {
        background-color: rgba(0, 0, 0, 0.2);
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .applications .app.derniereVersion,
    .applications .app.derniereVersion span
    {
        /*cursor: pointer !important;*/
    }

    .applications .app:not(.derniereVersion) .nbVersions
    {
        display: none !important;
    }

    .applications .app.invisible
    {
        display: none;
    }

    .applications .app .notification
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-position: left 2px top 2px;
        background-repeat: no-repeat;
        background-size: 18px;
        cursor: pointer;
        z-index: 10;
    }

        .applications .app .notification.notificationErreur
        {
            background-image: url(../../Images/application-erreur-18x18.png);
        }

        .applications .app .notification.notificationVersion
        {
            background-image: url(../../Images/application-nouvelleversion-18x18.png);
        }

    .applications .app .logo
    {
        width: 120px;
        height: 132px;
        position: relative;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 20px;
        -ms-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
        flex: 0 0 120px;
    }

        .applications .app .logo .logo-image
        {
            width: 90px;
            max-width: 90px;
            max-height: 90px;
        }

        .applications .app .logo .logo-image-ios {
            width: 90px;
            max-width: 90px;
            max-height: 90px;
            border-radius: 8%;
        }

        .applications .app .logo .taille
        {
            font-size: 12px;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 120px;
            text-align: center;
            box-sizing: border-box;
            opacity: 0.3;
        }

    .applications .app .infos
    {
        padding-left: 5px;
        white-space: nowrap;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

        .applications .app .infos span
        {
            display: block;
            cursor: default;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            .applications .app .infos span.nom
            {
                font-size: 26px;
                line-height: 32px;
            }

                .applications .app .infos span.nom span.disabled {
                    color: red;
                    font-size: x-small;
                    border-radius: 10px 10px 10px;
                    border: 1px solid red;
                    width: 50px;
                    display: inline-grid;
                    vertical-align: middle;
                    height: 15px;
                    align-content: center;
                    text-align: center;
                }

            .applications .app .infos span.version
            {
                font-size: 14px;
                line-height: 19px;
                opacity: 0.9;
                display: inline-block;
                vertical-align: bottom;
            }

            .applications .app .infos span.dateCompilation
            {
                font-size: 12px;
                font-weight: 100;
                opacity: 0.3;
                line-height: 19px;
                font-style: italic;
                display: inline-block;
                vertical-align: bottom;
            }

            .applications .app .infos span.nbVersions
            {
                font-size: 12px;
                font-weight: 100;
                opacity: 0.7;
                line-height: 19px;
                font-style: italic;
                display: inline-block;
                vertical-align: bottom;
            }

            .applications .app .infos span.editeur
            {
                font-weight: 100;
                font-size: 14px;
                margin-top: 4px;
                margin-bottom: 7px;
            }

            .applications .app .infos span.signee
            {
                font-size: 12px;
                font-weight: 500;
                padding-left: 20px;
                line-height: 16px;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 16px;
                margin-top: 5px;
            }

                .applications .app .infos span.signee.ok
                {
                    color: #0c0;
                    background-image: url(../../Images/application-installee-20x20.png);
                }

                .applications .app .infos span.signee.ko
                {
                    color: #F15804;
                    background-image: url(../../Images/application-erreur-18x18.png);
                }

                .applications .app .infos span.signee.inconnu
                {
                    background-image: url(../../Images/application-signatureinconnue-18x18.png);
                }

            .applications .app .infos span.dateAjout
            {
                margin-top: 5px;
                font-size: 13px;
                font-weight: 100;
                opacity: 0.3;
            }

            .applications .app .infos span.idBundle
            {
                font-size: 13px;
                font-weight: 100;
                opacity: 0.3;
                font-family: monospace;
                font-style: italic;
                margin-top: 2px;
            }

    .applications .app .boutonsTerminal
    {
        width: 216px;
        -ms-flex: 0 0 210px;
        -webkit-flex: 0 0 210px;
        flex: 0 0 210px;
        padding: 5px;
    }

        .applications .app .boutonsTerminal input[type=button]
        {
            width: 100%;
            display: inline-block;
            font-size: 12px !important;
            height: 33px !important;
            padding: 0 !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: 100;
            margin-top: 10px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            white-space:normal;
        }

        .applications .app .boutonsTerminal div
        {
            width: 100%;
            min-height: 33px;
            display: inline-block;
            padding: 5px;
            border: solid 1px rgba(255, 255, 255, 0.3);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: 100;
            margin-top: 10px;
            background-position: left 5px top 6px;
            background-repeat: no-repeat;
            background-size: 20px;
        }

            .applications .app .boutonsTerminal div:first-child
            {
                margin-top: 0px;
            }

            .applications .app .boutonsTerminal div span
            {
                font-size: 14px;
                padding-left: 25px;
                font-weight: 100;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
            }

            .applications .app .boutonsTerminal div.installee
            {
                background-color: rgba(0, 200, 0, 0.3);
                background-image: url(../../Images/application-installee-20x20.png);
            }

            .applications .app .boutonsTerminal div.supprimee
            {
                background-color: rgba(200, 100, 100, 0.3);
                background-image: url(../../Images/application-supprimee-20x20.png);
            }

            .applications .app .boutonsTerminal div.nonInstallee
            {
                opacity: 0.6;
                font-style: italic;
                text-align: center;
            }

                .applications .app .boutonsTerminal div.nonInstallee span
                {
                    padding-left: 0;
                }

            .applications .app .boutonsTerminal div.installationDemandee,
            .applications .app .boutonsTerminal div.suppressionDemandee
            {
                background-color: rgba(0, 50, 255, 0.3);
                background-image: url(../../Images/application-demandeencours-20x20.png);
            }

                .applications .app .boutonsTerminal div.installationDemandee input[type=button],
                .applications .app .boutonsTerminal div.suppressionDemandee input[type=button]
                {
                    margin-top: 5px;
                }

            .applications .app .boutonsTerminal div.erreurInstallation,
            .applications .app .boutonsTerminal div.erreurDesinstallation,
            .applications .app .boutonsTerminal div.erreurConflit
            {
                background-color: rgba(200, 0, 0, 0.3);
                background-image: url(../../Images/application-erreur-18x18.png);
            }

                .applications .app .boutonsTerminal div.erreurInstallation input[type=button],
                .applications .app .boutonsTerminal div.erreurDesinstallation input[type=button]
                {
                    margin-top: 5px;
                }

                .applications .app .boutonsTerminal div.erreurConflit .erreurConflit-msg
                {
                    white-space: normal;
                }

    .applications .app .boutons
    {
        overflow: auto;
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
    }

        .applications .app .boutons .bouton
        {
            float: left;
            position: relative;
            opacity: 0.8;
        }

            .applications .app .boutons .bouton.desactive,
            .applications .app .boutons .bouton.desactive:hover
            {
                opacity: 0.20 !important;
                cursor: default;
            }

                .applications .app .boutons .bouton.desactive:hover
                {
                    background-color: transparent !important;
                }

    .applications .app .nbTerminaux
    {
        overflow: auto;
        position: absolute;
        top: 50px;
        right: 7px;
        width: 300px;
        height: 60px;
        text-align: right;
        overflow: hidden;
    }

        .applications .app .nbTerminaux span
        {
            display: inline-block;
            cursor: default;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            .applications .app .nbTerminaux span.nbTerminauxTotal
            {
                line-height: 30px;
                padding-left: 32px;
                font-size: 25px;
                font-weight: bold;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 30px;
                background-image: url(../../Images/terminal-blanc-30x30.png);
            }

                .applications .app .nbTerminaux span.nbTerminauxTotal.nb0
                {
                    color: rgba(255, 255, 255, 0.25) !important;
                }

            .applications .app .nbTerminaux span.nbTerminauxVersion
            {
                font-size: 14px;
                font-weight: 100;
            }

.ecran > .applications .app:not(.derniereVersion)
{
    margin-left: 130px;
    margin-top: 6px;
}

    .ecran > .applications .app:not(.derniereVersion):not(.visible)
    {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        height: 0;
        margin-top: 0;
        padding: 0;
    }
/* Applications */


/* Applications d'un terminal */
.applicationsTerminal
{
    background-color: transparent !important;
}

    .applicationsTerminal .header
    {
    }

        .applicationsTerminal .header .boutonRecharger
        {
            left: 0 !important;
        }

        .applicationsTerminal .header.datalist
        {
            padding-left: 50px !important;
            padding-right: 0px !important;
            margin-bottom: 0px !important;
        }

            .applicationsTerminal .header.datalist div.titre
            {
                padding-left: 0px !important;
                padding-right: 0px !important;
                text-align: center;
            }

    .applicationsTerminal .contenu
    {
        -webkit-border-bottom-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #b0afaf !important;
        border-top: none !important;
    }

    .applicationsTerminal .applications .applications-recupDemandee
    {
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 5px;
        line-height: 36px;
        height: 36px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 16px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .applicationsTerminal .applications .applications-recupDemandee:before,
        .applicationsTerminal .applications .applications-recupDemandee:after
        {
            content: '\020----\020';
        }

    .applicationsTerminal .applications .applications-demanderRecuperation
    {
        display: block;
        width: 100%;
        margin-top: 5px;
        font-size: 16px !important;
    }

    .applicationsTerminal .applications .listeApplications .filtres
    {
        position: absolute;
        top: 13px;
        left: 0;
        opacity: 0.8;
    }

    .applicationsTerminal .applications .listeApplications .zoneRecherche
    {
        top: 0px;
    }

    .applicationsTerminal .applications .app,
    .applicationsTerminal .applications .app span
    {
        cursor: default !important;
    }

        .applicationsTerminal .applications .app .infos span.nbVersions
        {
            display: none;
        }

        .applicationsTerminal .applications .app .boutons,
        .applicationsTerminal .applications .app .nbTerminaux
        {
            display: none;
        }

    .applicationsTerminal.uniquementInstallees .applications .app:not(.appInstallee)
    {
        display: none;
    }

    .applicationsTerminal .footer .dateMaj
    {
        font-size: 16px;
        font-weight: 100;
    }

    .applicationsTerminal .listeChoix
    {
        left: 50px !important;
    }

.popupChoixVersionApplication
{
    padding-top: 15px;
    margin-bottom: 5px !important;
}

    .popupChoixVersionApplication label
    {
        font-size: 18px;
        margin-right: 15px;
    }

    .popupChoixVersionApplication select
    {
        font-size: 18px;
        width: auto;
    }

    .popupChoixVersionApplication input[type=button]
    {
        margin: 15px;
        margin-bottom: 0px;
    }

@media screen and (max-width: 1400px)
{
    .applicationsTerminal .applications .listeApplications .zoneRecherche
    {
        display: none;
    }

    .applicationsTerminal .applications .listeApplications .app span
    {
        max-width: 177px;
    }

        .applicationsTerminal .applications .listeApplications .app span.nom
        {
            font-size: 20px;
        }
}
/* Applications d'un terminal */

/* Page d'authentification */
#Authentification
{
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #Authentification .formulaireLogin
    {
        padding: 20px;
        padding-top: 0px;
        width: 660px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

        #Authentification .formulaireLogin .titre
        {
            text-align: center;
            margin-top: 10px;
        }

            #Authentification .formulaireLogin .titre h1
            {
                font-size: 38px;
            }

        #Authentification .formulaireLogin .logo
        {
            text-align: center;
            margin-top: 50px;
        }

            #Authentification .formulaireLogin .logo img
            {
                width: 200px;
                height: 200px;
            }

        #Authentification .formulaireLogin .contenu
        {
            margin: 0;
            font-size: 13px;
            background-color: #ddd;
            margin-top: 50px;
            padding-top: 10px;
            padding-left: 20px;
            padding-right: 20px;
        }

            #Authentification .formulaireLogin .contenu h2
            {
                font-size: 22px;
                margin: 0;
                line-height: 30px;
                text-align: center;
                border-bottom: 1px dotted #777;
                padding-bottom: 5px;
                color: #000;
            }

            #Authentification .formulaireLogin .contenu > div
            {
                padding-top: 17px;
                padding-bottom: 17px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                #Authentification .formulaireLogin .contenu > div > label
                {
                    font-weight: bold;
                    display: inline-block;
                }

            #Authentification .formulaireLogin .contenu form
            {
            }

                #Authentification .formulaireLogin .contenu form label
                {
                    display: inline-block;
                    width: 220px;
                    text-align: right;
                    margin-right: 10px;
                }

                #Authentification .formulaireLogin .contenu form input
                {
                    font-weight: bold;
                    display: block;
                    width: 300px;
                    margin-left: auto;
                    margin-right: auto;
                }

                    #Authentification .formulaireLogin .contenu form input[type=text],
                    #Authentification .formulaireLogin .contenu form input[type=password]
                    {
                        height: 50px;
                        line-height: 35px;
                        text-align: center;
                        font-size: 18px;
                        font-weight: normal;
                    }

                    #Authentification .formulaireLogin .contenu form input[type=submit]
                    {
                        height: 50px !important;
                        margin-top: 25px;
                    }

            #Authentification .formulaireLogin .contenu .formulaireLogin-reinitmdp
            {
                margin-top: 15px;
                text-align: center;
            }

                #Authentification .formulaireLogin .contenu .formulaireLogin-reinitmdp .formulaireLogin-reinitmdp-a
                {
                    font-weight: 400;
                    font-size: 12px;
                    color: #000;
                    text-decoration: underline;
                }

                    #Authentification .formulaireLogin .contenu .formulaireLogin-reinitmdp .formulaireLogin-reinitmdp-a:hover
                    {
                        text-decoration: none;
                    }
/* Page d'authentification */

/* Calcul MotDePasse Pda */
section.calculMotDePassePda
{
}

    section.calculMotDePassePda .calculMotDePassePda-conteneur
    {
        margin-top: 200px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-fieldset
        {
            display: inline-block;
            height: 160px;
            text-align: center;
            padding-bottom: 25px;
            margin-bottom: 20px;
            border: solid 1px rgba(255, 255, 255, .4);
            vertical-align: top;
            white-space: nowrap;
        }

            section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-fieldset .calculMotDePassePda-legend
            {
                line-height: 50px;
                font-weight: 100;
                font-size: 40px;
                margin-top: 15px;
                margin-bottom: 10px;
                color: rgba(255, 255, 255, .8);
            }

        section.calculMotDePassePda .calculMotDePassePda-conteneur div.vers
        {
            width: 76px;
            height: 160px;
            display: inline-block;
            vertical-align: top;
            background-position: center top 56px;
            background-repeat: no-repeat;
            background-size: 76px 76px;
            background-image: url(../../Images/vers-76x76.png);
        }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-input {
            display: inline-block;
            color: #000 !important;
            background-color: #fff !important;
            font-weight: normal !important;
            margin-top: 2px;
            font-size: 32px !important;
            border: none;
            width: 150px;
            text-align: left;
            -webkit-appearance: textfield;
        }

        /* Little hack to hide browser numeric increments */
            .calculMotDePassePda-input::-webkit-outer-spin-button,
            .calculMotDePassePda-input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-resultat
        {
            display: inline-block;
            width: 200px;
            height: 80px;
            text-align: center;
            background-color: transparent !important;
            font-size: 60px !important;
            font-weight: 100 !important;
            border: none;
            margin-top: -17px;
            line-height: 80px;
            padding: 0;
        }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-span
        {
            display: inline-block;
            font-size: 32px !important;
            color: rgba(255, 255, 255, .8);
        }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .calculMotDePassePda-footer
        {
            margin-left: 100px !important;
            margin-right: 100px !important;
            width: auto;
        }

        section.calculMotDePassePda .calculMotDePassePda-conteneur .loaderCalcul
        {
            display: block;
            width: 100px;
            height: 100px;
            margin-left: auto;
            margin-right: auto;
            background-image: url(../../Images/loader_hg3_arrows.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px 100px;
            -webkit-animation: spin 1s infinite linear;
            -moz-animation: spin 1s infinite linear;
            -o-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
        }
/* Calcul MotDePasse Pda */

/* Crédits */
section.credits
{
    overflow-y: auto;
    padding: 15px;
}

    section.credits .credits-titre
    {
        font-weight: 100;
        font-size: 36px;
        text-align: center;
    }

    section.credits .credits-presentation
    {
    }

        section.credits .credits-presentation .credits-p
        {
            margin-top: 20px;
            text-indent: 30px;
            font-style: italic;
            text-align: justify;
        }

            section.credits .credits-presentation .credits-p.credits-p-noindent
            {
                text-indent: 0;
            }

            section.credits .credits-presentation .credits-p.credits-p-margintop
            {
                margin-top: 40px;
            }

            section.credits .credits-presentation .credits-p .credits-ul
            {
                padding-left: 40px;
            }

                section.credits .credits-presentation .credits-p .credits-ul .credits-li
                {
                    list-style-type: square;
                    list-style-position: inside;
                }

                    section.credits .credits-presentation .credits-p .credits-ul .credits-li .credits-ul .credits-li
                    {
                        list-style-type: circle;
                    }

    section.credits .credits-signature
    {
        font-family: 'Brush Script MT';
        font-size: 36px;
        margin-top: 2px;
    }

    section.credits .credits-collaborateurs
    {
        margin-top: 40px;
        font-style: italic;
    }

        section.credits .credits-collaborateurs .credits-ul
        {
            margin-top: 15px;
            padding-left: 40px;
        }

            section.credits .credits-collaborateurs .credits-ul .credits-collaborateur
            {
                margin-top: 2px;
            }
/* Crédits */

.release-block {
    overflow-y: auto;
    padding: 15px;
    color: white;
}

.release-block__item {
    vertical-align: bottom;
}
.release-block__item__icon-container {
    display: flex;
    align-items: center;
    padding: 2px;
}

.release-block__item__icon-container--white {
    color: white;
    align-items: center;
 }
.release-block__item__icon-container__label {
    color: white;
    font-weight: bolder;
    margin-left: 8px;
    font-size: 1.2em;
}

.release-block__item__version {
    font-size: 1.7em;
    font-weight: bolder;
}
.release-block__item__date--italic {
    padding: 10px;
    margin-bottom:20px;
    font-style: italic;
}

.release-block__item__list {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.release-block__item__icon-container__label{
    font-size: 16px;
}

/* Nouveau scenario */
.detailsScenario
{
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .detailsScenario .criteresSelection
    {
        width: 200px;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .detailsScenario .criteresSelection .listeCriteres .critere
        {
            padding-right: 4px;
        }

        .detailsScenario .criteresSelection .footer .bouton
        {
            width: 100px;
        }

        .detailsScenario .criteresSelection .footer .nbTerminaux
        {
            text-align: center;
        }

            .detailsScenario .criteresSelection .footer .nbTerminaux span
            {
                display: block;
                padding-top: 5px;
                line-height: 16px;
                font-size: 11px;
                text-transform: uppercase;
                color: #ddd;
            }

                .detailsScenario .criteresSelection .footer .nbTerminaux span.nb
                {
                    padding-top: 9px;
                    font-size: 23px;
                    color: #fff;
                }

        .detailsScenario .criteresSelection .boutonFermerDetails
        {
            display: none !important;
        }

    .detailsScenario.existant .criteresSelection .boutonFermerDetails
    {
        display: block !important;
    }

    .detailsScenario.existant .criteresSelection .boutonRetourSelection,
    .detailsScenario.existant .criteresSelection .footer .nbTerminaux
    {
        display: none !important;
    }


    .detailsScenario .listeTerminaux
    {
        margin-left: 5px;
    }

        .detailsScenario .listeTerminaux .liste .fixe
        {
            width: 200px;
        }

        .detailsScenario .listeTerminaux .liste .extras
        {
            display: none !important;
        }

        .detailsScenario .listeTerminaux.repliee .liste
        {
            width: 200px;
        }

            .detailsScenario .listeTerminaux.repliee .liste > .header span
            {
                padding-right: 0px;
            }

    .detailsScenario .listeCommandes
    {
        width: 300px;
        height: 100%;
        margin-left: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .detailsScenario .listeCommandes .contenu
        {
            padding: 0 !important;
        }

            .detailsScenario .listeCommandes .contenu ul li div
            {
                white-space: nowrap;
                border-bottom: solid 1px #ccc;
                cursor: pointer;
            }

                .detailsScenario .listeCommandes .contenu ul li div:hover
                {
                    background-color: #ccc;
                }

                .detailsScenario .listeCommandes .contenu ul li div span
                {
                    display: inline-block;
                    white-space: nowrap;
                    cursor: pointer;
                }

                    .detailsScenario .listeCommandes .contenu ul li div span.nbCat {
                        margin-left: 3px;
                        opacity:0.5;
                    }

            .detailsScenario .listeCommandes .contenu ul li ul li span
            {
                display: block;
                width: 100%;
                cursor: pointer;
                white-space: nowrap;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                padding-right: 5px;
                border-bottom: solid 1px #ccc;
            }

                .detailsScenario .listeCommandes .contenu ul li ul li span:hover
                {
                    background-color: #ccc;
                }

            .detailsScenario .listeCommandes .contenu ul li ul li.actif span,
            .detailsScenario .listeCommandes .contenu ul li ul li.selectionnee span
            {
                color: #000;
                background-color: #ccc;
                cursor: default;
            }

            .detailsScenario .listeCommandes .contenu > ul > li div
            {
                padding-left: 46px;
                background-position: 6px center;
                background-repeat: no-repeat;
                text-align: left;
            }

                .detailsScenario .listeCommandes .contenu > ul > li div > span
                {
                    font-size: 25px;
                    font-weight: 500;
                    line-height: 49px;
                }

            .detailsScenario .listeCommandes .contenu > ul > li > ul
            {
                overflow: hidden;
                height: 0px;
                -moz-transition: all 400ms ease-in-out;
                -o-transition: all 400ms ease-in-out;
                -webkit-transition: all 400ms ease-in-out;
                transition: all 400ms ease-in-out;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .detailsScenario .listeCommandes .contenu > ul > li.invisible,
                .detailsScenario .listeCommandes .contenu > ul > li > ul > li.invisible
                {
                    display: none;
                }

                .detailsScenario .listeCommandes .contenu > ul > li > ul > li > span
                {
                    font-size: 18px;
                    line-height: 35px;
                    padding-left: 25px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    height: 35px;
                    text-align: left;
                }

            .detailsScenario .listeCommandes .contenu > ul > li.app > div
            {
                background-image: url(../../Images/application-30x30.png);
            }

            .detailsScenario .listeCommandes .contenu > ul > li.fich > div
            {
                background-image: url(../../Images/fichiers-30x30.png);
            }

            .detailsScenario .listeCommandes .contenu > ul > li.term > div
            {
                background-image: url(../../Images/terminal-30x30.png);
            }

            .detailsScenario .listeCommandes .contenu > ul > li.infos > div
            {
                background-image: url(../../Images/informations-noir-30x30.png);
            }

            .detailsScenario .listeCommandes .contenu > ul > li.conf > div
            {
                background-size: 25px;
                background-position: left 9px center;
                background-image: url(../../Images/configuration-noir-30x30.png);
            }

            .detailsScenario .listeCommandes .contenu > ul > li.super > div
            {
                background-size: 30px;
                background-image: url(../../Images/html5.svg);
            }

        .detailsScenario .listeCommandes .footer
        {
            margin: 0;
        }

            .detailsScenario .listeCommandes .footer .bouton
            {
                width: 120px;
            }

                .detailsScenario .listeCommandes .footer .bouton.boutonAjouter
                {
                    background-image: url(../../Images/retour-30x30.png);
                }

            .detailsScenario .listeCommandes .footer input[type=text].rechercheCommande
            {
                display: block;
                width: 100%;
                height: 100%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: center;
                font-size: 20px;
                margin: 0;
                border: 0;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                padding-right: 56px;
                border-top: solid 1px #ccc;
            }

            .detailsScenario .listeCommandes .footer input[type=button]
            {
                position: absolute;
                top: 2px;
                right: 1px;
                height: 47px !important;
                background-position: center;
                background-repeat: no-repeat;
                width: 50px;
                padding: 0 !important;
                min-width: 0 !important;
                background-size: 30px;
            }

                .detailsScenario .listeCommandes .footer input[type=button].btnRecherche
                {
                    background-image: url(../../Images/menu-rechercher-40x40.png);
                }

                .detailsScenario .listeCommandes .footer input[type=button].btnSupRecherche
                {
                    display: none;
                    background-image: url(../../Images/supprimer-30x30.png);
                }

            .detailsScenario .listeCommandes .footer.rechercheActive input[type=button].btnRecherche
            {
                display: none;
            }

            .detailsScenario .listeCommandes .footer.rechercheActive input[type=button].btnSupRecherche
            {
                display: block;
            }

    .detailsScenario.existant .listeCommandes
    {
        display: none !important;
    }


    .detailsScenario .detailsCommande
    {
        width: 450px;
        height: 100%;
        margin-left: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .detailsScenario .detailsCommande .header .boutonRecharger
        {
            display: none;
        }

        .detailsScenario .detailsCommande .contenu
        {
        }

        .detailsScenario .detailsCommande.vide .contenu > div
        {
            display: none;
        }

        .detailsScenario .detailsCommande .footer .bouton.boutonRetour
        {
            display: none !important;
        }

        .detailsScenario .detailsCommande.vide .footer .bouton
        {
            display: none !important;
        }

        .detailsScenario .detailsCommande .contenu .titre
        {
            color: inherit;
            min-height: 40px;
            text-align: center;
            font-size: 30px;
            line-height: 40px;
            border-bottom: solid 1px #ccc;
        }

        .detailsScenario .detailsCommande .contenu .description
        {
            min-height: 30px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-style: italic;
            text-align: center;
            border-bottom: solid 1px #ccc;
        }

        .detailsScenario .detailsCommande .contenu .parametres
        {
            padding-top: 15px;
        }

            .detailsScenario .detailsCommande .contenu .parametres .param
            {
                margin-top: 15px;
            }

                .detailsScenario .detailsCommande .contenu .parametres .param:first-child
                {
                    margin-top: 0px;
                }


                .detailsScenario .detailsCommande .contenu .parametres .param label.l {
                    display: block;
                    opacity:0.5;
                }

                .detailsScenario .detailsCommande .contenu .parametres .param .typeInconnu
                {
                    color: #BD0013;
                    font-style: italic;
                    text-align: center;
                }

                .detailsScenario .detailsCommande .contenu .parametres .param input[type=text],
                .detailsScenario .detailsCommande .contenu .parametres .param select
                {
                    font-size: 16px;
                    width: 100%;
                }

                .detailsScenario .detailsCommande .contenu .parametres .param textarea
                {
                    height: 250px;
                    white-space: nowrap;
                    width: 100%;
                }

                .detailsScenario .detailsCommande .contenu .parametres .param .radio
                {
                    margin-top: 5px;
                }

                    .detailsScenario .detailsCommande .contenu .parametres .param .radio input[type=radio]
                    {
                        margin-left: 20px;
                    }

                        .detailsScenario .detailsCommande .contenu .parametres .param .radio input[type=radio]:first-child
                        {
                            margin-left: 5px;
                        }

                .detailsScenario .detailsCommande .contenu .parametres .param .listeParams
                {
                    position: relative;
                    padding: 5px;
                    margin-top: 2px;
                    border: 1px solid #E5E5E5;
                    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;
                    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;
                    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;
                }

                    .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .conteneurParam
                    {
                        position: relative;
                        margin-bottom: 2px;
                        min-height: 18px;
                    }

                        .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .conteneurParam.conteneurListe
                        {
                            padding-right: 38px;
                        }

                        .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .conteneurParam input[type=text],
                        .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .conteneurParam select
                        {
                            margin: 0;
                        }

                        .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .conteneurParam .boutonSupprimer
                        {
                            top: 0;
                            right: 0;
                            width: 33px;
                            height: 33px;
                        }

                    .detailsScenario .detailsCommande .contenu .parametres .param .listeParams .boutonAjouter
                    {
                        margin-top: 4px;
                        margin-left: auto;
                        margin-right: auto;
                        display: block;
                    }

        .detailsScenario .detailsCommande .footer
        {
        }

            .detailsScenario .detailsCommande .footer .boutonAjouter,
            .detailsScenario .detailsCommande .footer .boutonModifierBlanc
            {
                top: 0;
                right: 0;
                border-left: solid 1px #ccc;
            }

            .detailsScenario .detailsCommande .footer .boutonModifierBlanc
            {
                display: none;
            }

        .detailsScenario .detailsCommande.modification .footer .boutonAjouter
        {
            display: none;
        }

        .detailsScenario .detailsCommande.modification .footer .boutonModifierBlanc
        {
            display: block;
        }

    .detailsScenario.existant .detailsCommande.modification .footer .boutonReinitialiser,
    .detailsScenario.existant .detailsCommande.modification .footer .boutonModifierBlanc,
    .detailsScenario.existant .detailsCommande.modification .footer .boutonAjouter,
    .detailsScenario.existant .detailsCommande .footer .boutonRetour,
    .detailsScenario.existant .detailsCommande .header .boutonRecharger
    {
        display: none;
    }


    .detailsScenario .scenario
    {
        width: 50px; /* Peut grandir grâce au flex */
        height: 100%;
        margin-left: 5px;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .detailsScenario .scenario .contenu
        {
            padding: 0 !important;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
        }

            .detailsScenario .scenario .contenu .commande
            {
                border-bottom: solid 1px #ddd;
                position: relative;
                height: 50px;
            }

                .detailsScenario .scenario .contenu .commande:hover
                {
                    background-color: rgba(0, 0, 0, 0.15) !important;
                }

                .detailsScenario .scenario .contenu .commande.highlight
                {
                    background-color: transparent;
                    -moz-animation: ease-in 500ms 1 highlight;
                    -o-animation: ease-in 500ms 1 highlight;
                    -webkit-animation: ease-in 500ms 1 highlight;
                    animation: ease-in 500ms 1 highlight;
                }

                .detailsScenario .scenario .contenu .commande.highlightPrincipal
                {
                    background-color: transparent;
                    -moz-animation: ease-in 500ms 1 highlightPrincipal;
                    -o-animation: ease-in 500ms 1 highlightPrincipal;
                    -webkit-animation: ease-in 500ms 1 highlightPrincipal;
                    animation: ease-in 500ms 1 highlightPrincipal;
                }

                .detailsScenario .scenario .contenu .commande .progression
                {
                    border-left: none;
                }

                .detailsScenario .scenario .contenu .commande .texte
                {
                    padding-right: 165px;
                    display: flex;
                    white-space: nowrap;
                    -ms-flex-direction: row;
                    -webkit-flex-direction: row;
                    flex-direction: row;
                    border-left: solid 5px transparent;
                    position: relative;
                    z-index: 20;
                }

                    .detailsScenario .scenario .contenu .commande .texte .num
                    {
                        min-width: 35px;
                        font-weight: bold;
                        font-size: 20px;
                        line-height: 50px;
                        padding-left: 5px;
                    }

                    .detailsScenario .scenario .contenu .commande .texte .nom
                    {
                        font-weight: bold;
                        padding-right: 15px;
                        line-height: 50px;
                        overflow: hidden;
                        -ms-text-overflow: ellipsis;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                    }

                    .detailsScenario .scenario .contenu .commande .texte .params
                    {
                        font-style: italic;
                        color: #888;
                        -ms-flex: 1;
                        -webkit-flex: 1;
                        flex: 1;
                        overflow: hidden;
                        -ms-text-overflow: ellipsis;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        line-height: 50px;
                    }

                        .detailsScenario .scenario .contenu .commande .texte .params .p
                        {
                            display: inline;
                        }

                            .detailsScenario .scenario .contenu .commande .texte .params .p > div
                            {
                                display: inline;
                            }

                .detailsScenario .scenario .contenu .commande .boutons
                {
                    position: absolute;
                    right: 4px;
                    top: 5px;
                    z-index: 30;
                }

                    .detailsScenario .scenario .contenu .commande .boutons .bouton
                    {
                        width: 40px;
                        height: 40px;
                        position: relative;
                        display: inline-block;
                    }

    .detailsScenario.existant .scenario .contenu .commande .boutons
    {
        right: 52px;
    }

    .detailsScenario .scenario .contenu.selection .commande:not(.selectionnee)
    {
        opacity: 0.4;
    }

        .detailsScenario .scenario .contenu.selection .commande:not(.selectionnee) .texte
        {
            /*padding-right: 5px;*/
        }

    .detailsScenario.existant .scenario .contenu.selection .commande:not(.selectionnee) .texte
    {
        /*padding-right: 30px;*/
    }

    .detailsScenario:not(.existant) .scenario .contenu.selection .commande:not(.selectionnee) .boutons
    {
        display: none;
    }

    .detailsScenario .scenario .contenu.selection .commande.selectionnee
    {
        background-color: #ddd !important;
    }

    .detailsScenario .scenario .footer
    {
    }

        .detailsScenario .scenario .footer .bouton
        {
            width: 105px;
        }

            .detailsScenario .scenario .footer .bouton.boutonAppliquer
            {
                left: auto;
                right: 0;
                border-left: solid 1px #ccc;
            }

    .detailsScenario.existant .scenario .contenu .commande .texte
    {
        padding-right: 93px;
    }

    .detailsScenario .scenario .contenu .commande .boutons .bouton.boutonResultat
    {
        display: none;
    }

    .detailsScenario.existant .scenario .contenu .commande .boutons .bouton.boutonCopier,
    .detailsScenario.existant .scenario .contenu .commande .boutons .bouton.boutonDescendre,
    .detailsScenario.existant .scenario .contenu .commande .boutons .bouton.boutonMonter,
    .detailsScenario.existant .scenario .contenu .commande .boutons .bouton.boutonSupprimer
    {
        display: none;
    }

    .detailsScenario.existant .scenario .contenu .commande .boutons .bouton.boutonResultat
    {
        display: block;
    }

    .detailsScenario.existant .scenario .footer .bouton.boutonAppliquer,
    .detailsScenario.existant .scenario .bouton.boutonMenuContextuel
    {
        display: none;
    }

    .detailsScenario.detailsScenario-postenrolement .scenario .contenu .commande .progression
    {
        display: none;
    }

    .detailsScenario.detailsScenario-postenrolement .scenario .contenu .commande .texte
    {
        padding-right: 48px;
    }

    .detailsScenario.detailsScenario-postenrolement .scenario .contenu .commande .boutons
    {
        right: 8px;
    }

.popUpValidationScenario
{
    font-size: 18px;
    width: 500px;
}

    .popUpValidationScenario .contenu
    {
    }

        .popUpValidationScenario .contenu > div
        {
            border-top: solid 1px #ddd;
            padding-top: 25px;
            padding-bottom: 30px;
        }

            .popUpValidationScenario .contenu > div:first-child
            {
                padding-top: 10px;
                border-top: none;
            }

            .popUpValidationScenario .contenu > div .titre
            {
                color: inherit;
                font-weight: bold;
                text-align: center;
                margin-bottom: 10px;
            }

            .popUpValidationScenario .contenu > div input,
            .popUpValidationScenario .contenu > div select,
            .popUpValidationScenario .contenu > div span
            {
                display: inline-block;
                font-size: 18px;
            }

    .popUpValidationScenario .libelleScenario
    {
    }

        .popUpValidationScenario .libelleScenario input[type=text]
        {
            text-align: center;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .popUpValidationScenario .dateDebut
    {
    }

        .popUpValidationScenario .dateDebut > div
        {
            white-space: nowrap;
            width: 300px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5px;
        }

            .popUpValidationScenario .dateDebut > div.param
            {
                padding-left: 40px;
            }

            .popUpValidationScenario .dateDebut > div input.date
            {
                width: 110px;
            }

    .popUpValidationScenario .param select
    {
        width: 60px;
    }

    .popUpValidationScenario .dateDebut > div.desactive input,
    .popUpValidationScenario .dateDebut > div.desactive select,
    .popUpValidationScenario .dateDebut > div.desactive span
    {
        color: #ccc;
    }
/* Nouveau scenario */


/* Liste des scenarii */
.listeScenarii
{
}

    .listeScenarii .liste .elements .elt .fixe
    {
        width: 300px;
    }

        .listeScenarii .liste .elements .elt .fixe span.libelle
        {
            width: 295px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-size: 16px;
            padding-left: 21px;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px 18px;
            background-image: url(../../Images/encours-25x25.png);
        }

        .listeScenarii .liste .elements .elt .fixe.annule span.libelle
        {
            background-image: url(../../Images/annule-25x25.png);
        }

        .listeScenarii .liste .elements .elt .fixe.planifie span.libelle
        {
            background-image: url(../../Images/planifie-25x25.png);
        }

        .listeScenarii .liste .elements .elt .fixe.termine span.libelle
        {
            background-image: url(../../Images/termine-25x25.png);
        }

        .listeScenarii .liste .elements .elt .fixe.erreur span.libelle
        {
            background-image: url(../../Images/erreur-25x25.png);
        }

        .listeScenarii .liste .elements .elt .fixe span.dateCreation
        {
            width: 68px;
            font-size: 13px;
            font-style: italic;
            line-height: 18px;
        }

        .listeScenarii .liste .elements .elt .fixe span.dateExecution
        {
            width: 123px;
            text-align: right;
            font-size: 13px;
            font-style: italic;
            line-height: 18px;
            background-position: 6px center;
            background-repeat: no-repeat;
            background-image: url(../../Images/planifie-18x18.png);
        }

        .listeScenarii .liste .elements .elt .fixe:not(.planifie) span.dateExecution
        {
            color: #000 !important;
        }

        .listeScenarii .liste .elements .elt .fixe td.vide
        {
            width: 92px;
        }

    .listeScenarii.repliee .liste .elements .elt .fixe
    {
        /*width: 201px;*/
    }

        .listeScenarii.repliee .liste .elements .elt .fixe span.libelle
        {
            width: 195px;
        }

        .listeScenarii.repliee .liste .elements .elt .fixe td.vide
        {
            width: 0px;
            padding: 0 !important;
        }

    .listeScenarii .liste .elements .elt .extras
    {
        padding: 0;
    }


    .listeScenarii .liste .elements .elt .fixe.annule
    {
        opacity: 0.4;
    }

        .listeScenarii .liste .elements .elt .fixe.annule span
        {
            font-style: italic;
        }

    .listeScenarii .liste .elements .elt .extras.annule
    {
        opacity: 0.7;
    }

    .listeScenarii .liste .elements .elt .extras table
    {
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
    }

    .listeScenarii .liste .elements .elt .extras td
    {
        height: 50px;
    }

        .listeScenarii .liste .elements .elt .extras td.icone.terminaux
        {
            width: 60px;
            background-image: url(../../Images/terminal-30x30.png);
        }

        .listeScenarii .liste .elements .elt .extras td.icone.commandes
        {
            width: 60px;
            background-image: url(../../Images/commandes-30x30.png);
        }

        .listeScenarii .liste .elements .elt .extras td.nbTerminaux
        {
            font-weight: bold;
            font-size: 25px;
            width: 90px;
        }

        .listeScenarii .liste .elements .elt .extras td.nbCommandes
        {
            font-weight: bold;
            font-size: 25px;
            width: 90px;
        }

        .listeScenarii .liste .elements .elt .extras td.nomsCommandes
        {
            padding-right: 50px;
        }

            .listeScenarii .liste .elements .elt .extras td.nomsCommandes span
            {
                font-style: italic;
                display: block;
                white-space: normal;
                height: 50px;
                overflow: hidden;
            }

    .listeScenarii.listeScenarii-postenrolement .liste .elements .elt .fixe .dateExecution,
    .listeScenarii.listeScenarii-postenrolement .liste .elements .elt .extras .progression
    {
        display: none;
    }

    .listeScenarii.listeScenarii-postenrolement .liste .elements .elt .fixe span.libelle
    {
        padding-left: 0;
        background-image: none;
    }
/* Liste des scenarii */


/* Progression scenarii */
div > .progression
{
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    border-left: solid 1px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

    div > .progression > div.indic
    {
        width: 0;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #C4E3FF;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../../Images/fond-progression-100x50.png);
    }

div.elt:hover > div > .progression > div.indic,
div:hover > .progression > div.indic
{
    background-color: #dceeff;
}

div > .progression > div.val
{
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    padding-top: 31px;
    text-align: center;
    width: 50px;
    background-position: center 5px;
    background-repeat: no-repeat;
    background-image: url(../../Images/encours-25x25.png);
}

div.annule > .progression > div.val
{
    font-style: italic;
    background-image: url(../../Images/annule-25x25.png);
}

div.annule > .progression > div.indic
{
    background-color: #ccc;
}

div.elt:hover > div.annule > .progression > div.indic,
div.annule:hover > .progression > div.indic
{
    background-color: #ddd;
}

div.termine > .progression > div.indic
{
    background-color: #D9FFC5;
}

div.elt:hover > div.termine > .progression > div.indic,
div.termine:hover > .progression > div.indic
{
    background-color: #e9ffde;
}

div.erreur > .progression > div.indic
{
    background-color: #E6B3B8;
}

div.elt:hover > div.erreur > .progression > div.indic div.erreur:hover > .progression > div.indic
{
    background-color: #fec3c9;
}

div.planifie > .progression > div.val
{
    background-image: url(../../Images/planifie-25x25.png);
}

div.termine > .progression > div.val
{
    background-image: url(../../Images/termine-25x25.png);
}

div.erreur > .progression > div.val
{
    background-image: url(../../Images/erreur-25x25.png);
}

div.annule > .progression > div.val,
div.planifie > .progression > div.val,
div.termine > .progression > div.val,
div.erreur > .progression > div.val
{
    padding-top: 33px;
    font-size: 11px;
}
/* Progression scenarii */


/* Commandes */
.commandes
{
}

    .commandes .liste .elements .elt .fixe {
        border-left-style: solid;
        border-left-width: 7px;
        border-left-color: transparent;
        width: fit-content;
    }

        .commandes .liste .elements .elt .fixe.termine {
            border-left-color: green;
            width: fit-content;
        }

        .commandes .liste .elements .elt .fixe.erreur {
            border-left-color: #BD0013;
            width: fit-content;
        }

        .commandes .liste .elements .elt .fixe table
        {
            width: 194px;
        }

            .commandes .liste .elements .elt .fixe table td:first-child
            {
            }

        .commandes .liste .elements .elt .fixe span.libelle {
            min-width:300px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-size: 16px;
            padding-left: 21px;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px 18px;
            background-image: url(../../Images/encours-25x25.png);
        }

        .commandes .liste .elements .elt .fixe.annule span.libelle
        {
            background-image: url(../../Images/annule-25x25.png);
        }

        .commandes .liste .elements .elt .fixe.planifie span.libelle
        {
            background-image: url(../../Images/planifie-25x25.png);
        }

        .commandes .liste .elements .elt .fixe.termine span.libelle
        {
            background-image: url(../../Images/termine-25x25.png);
        }

        .commandes .liste .elements .elt .fixe.erreur span.libelle
        {
            background-image: url(../../Images/erreur-25x25.png);
        }

        .commandes .liste .elements .elt .fixe span.dateExecution
        {
            width: 121px;
            text-align: right;
            font-size: 13px;
            font-style: italic;
            line-height: 18px;
            background-position: 1px center;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .commandes .liste .elements .elt .fixe span.idTerminal
        {
            width: 67px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: bold;
            font-size: 14px !important;
            padding-left: 15px;
            line-height: 18px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

    .commandes .liste > .elements .elt td.icone.etat
    {
        padding-left: 47px;
        background-position: left 11px center;
    }

        .commandes .liste > .elements .elt td.icone.etat span
        {
            width: 123px;
        }

    .commandes .liste > .elements .elt .extras.annule td.icone.etat
    {
        background-image: url(../../Images/annule-25x25.png);
    }

    .commandes .liste > .elements .elt .extras.erreur td.icone.etat
    {
        background-image: url(../../Images/erreur-25x25.png);
    }

    .commandes .liste .elements .elt .fixe.planifie span.dateExecution
    {
        background-image: url(../../Images/planifie-18x18.png);
    }

    .commandes .liste > .elements .elt .extras.planifie td.icone.etat
    {
        background-image: url(../../Images/planifie-25x25.png);
    }

    .commandes .liste > .elements .elt .extras.termine td.icone.etat
    {
        background-image: url(../../Images/termine-25x25.png);
    }

    .commandes .liste > .elements .elt .extras.encours td.icone.etat
    {
        background-image: url(../../Images/encours-25x25.png);
    }

    .commandes .liste > .elements .elt td.icone.fichier
    {
        padding-left: 55px;
        background-position: left 10px center;
    }

        .commandes .liste > .elements .elt td.icone.fichier span
        {
            width: 143px;
        }

        .commandes .liste > .elements .elt td.icone.fichier.fichierOk
        {
            background-image: url(../../Images/fichier-30x30.png);
        }

        .commandes .liste > .elements .elt td.icone.fichier.fichierKo
        {
            color: #999;
            font-style: italic;
            background-image: url(../../Images/fichier-aucun-30x30.png);
            visibility: hidden;
        }

    .commandes .liste > .elements .elt td.icone.resultat
    {
        width: auto;
        height: 50px;
        padding-left: 55px;
        background-position: left 10px top 10px;
        background-image: url(../../Images/resultat-30x30.png);
    }

        .commandes .liste > .elements .elt td.icone.resultat.resultatOk
        {
            background-image: url(../../Images/resultat-30x30.png);
        }

        .commandes .liste > .elements .elt td.icone.resultat.resultatKo
        {
            color: #999;
            font-style: italic;
            background-image: url(../../Images/resultat-aucun-30x30.png);
        }

        .commandes .liste > .elements .elt td.icone.resultat.resultatOk span {
            line-height: 50px;
            white-space: nowrap;
        }

    .commandes .liste > .elements .elt .extras:not(.termine) td.icone.fichierKo
    {
        visibility: hidden;
    }

    .commandes .liste > .elements .elt .extras:not(.termine) td.icone.resultatKo
    {
        visibility: hidden;
    }

    .commandes .liste > .elements .elt .extras.erreur td.icone.resultatKo
    {
        visibility: visible;
    }

.ecran:not(:first-child) .commandes .liste > .elements .elt td.icone.etat
{
    display: none; /* Ecran de détails d'un terminal */
}

.ecran:not(:first-child) .commandes .liste > .elements .elt td.fichier span
{
    display: none; /* Ecran de détails d'un terminal */
}
/* Commandes */


/* Détails commande */
.detailsCommandeRth
{
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .detailsCommandeRth .detailsCommande
    {
        margin-left: 0px;
    }

        .detailsCommandeRth .detailsCommande .footer .bouton
        {
            display: none !important;
        }

    .detailsCommandeRth .resultatCommande
    {
        width: 420px;
        margin-left: 5px;
    }

        .detailsCommandeRth .resultatCommande .header .boutonRecharger
        {
            left: 0;
        }

        .detailsCommandeRth .resultatCommande .contenu .titre
        {
            padding-top: 2px;
            padding-bottom: 3px;
            border-top: solid 1px #ccc;
        }

            .detailsCommandeRth .resultatCommande .contenu .titre:first-child
            {
                border-top: none;
            }

            .detailsCommandeRth .resultatCommande .contenu .titre table td.nomCommande
            {
            }

            .detailsCommandeRth .resultatCommande .contenu .titre table td.dateExecution,
            .detailsCommandeRth .resultatCommande .contenu .titre table td.etat
            {
                text-align: right;
                font-size: 15px;
                font-style: italic;
                vertical-align: bottom;
            }

            .detailsCommandeRth .resultatCommande .contenu .titre table td.idTerminal
            {
                color: #000;
                padding-left: 15px;
                background-image: url(../../Images/terminal-12x18.png);
                background-position: left center;
                background-repeat: no-repeat;
            }

            .detailsCommandeRth .resultatCommande .contenu .titre table td.dateExecution span
            {
                padding-left: 22px;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 18px 18px;
            }

            .detailsCommandeRth .resultatCommande .contenu .titre table td.etat span
            {
                padding-left: 22px;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 18px 18px;
                background-image: url(../../Images/encours-25x25.png);
            }

        .detailsCommandeRth .resultatCommande.annule .contenu .titre table td.etat span
        {
            background-image: url(../../Images/annule-25x25.png);
        }

        .detailsCommandeRth .resultatCommande.planifie .contenu .titre table td.dateExecution span
        {
            background-image: url(../../Images/planifie-25x25.png);
        }

        .detailsCommandeRth .resultatCommande.planifie .contenu .titre table td.etat span
        {
            background-image: url(../../Images/planifie-25x25.png);
        }

        .detailsCommandeRth .resultatCommande.termine .contenu .titre table td.etat span
        {
            background-image: url(../../Images/termine-25x25.png);
        }

        .detailsCommandeRth .resultatCommande.erreur .contenu .titre table td.etat span
        {
            background-image: url(../../Images/erreur-25x25.png);
        }

        .detailsCommandeRth .resultatCommande .contenu .article
        {
            padding: 0 !important;
            min-height: 0px !important;
        }

            .detailsCommandeRth .resultatCommande .contenu .article .l
            {
                width: 230px;
                font-size: 14px;
                white-space: nowrap;
                margin-right: 10px;
            }

            .detailsCommandeRth .resultatCommande .contenu .article .v
            {
                font-size: 14px;
            }

            .detailsCommandeRth .resultatCommande .contenu .article .fichier
            {
                padding-left: 37px;
                background-repeat: no-repeat;
                background-position: left center;
                line-height: 40px;
                white-space: nowrap;
                display: block;
            }

                .detailsCommandeRth .resultatCommande .contenu .article .fichier.fichierOk
                {
                    background-image: url(../../Images/fichier-30x30.png);
                }

                .detailsCommandeRth .resultatCommande .contenu .article .fichier.fichierKo
                {
                    color: #999;
                    font-style: italic;
                    background-image: url(../../Images/fichier-aucun-30x30.png);
                }

            .detailsCommandeRth .resultatCommande .contenu .article.dates
            {
                padding-bottom: 10px !important;
            }

        .detailsCommandeRth .resultatCommande:not(.termine) .contenu .article .fichier.fichierKo
        {
            visibility: hidden;
        }

        .detailsCommandeRth .resultatCommande:not(.termine) .contenu .article td.lienFichier
        {
            width: 300px;
            text-align: right;
        }

            .detailsCommandeRth .resultatCommande:not(.termine) .contenu .article td.lienFichier a
            {
                font-size: 16px;
                color: #000 !important;
                width: 300px;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                padding-right: 30px;
                background-repeat: no-repeat;
                background-position: right center;
                background-image: url(../../Images/telecharger-fichier-24x24.png);
                line-height: 40px;
                white-space: nowrap;
                font-style: italic;
                display: block;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

        .detailsCommandeRth .resultatCommande .contenu .article.log
        {
            overflow: auto;
        }

            .detailsCommandeRth .resultatCommande .contenu .article.log .log
            {
                white-space: pre; /* "pre" pour conserver le formatage JSON */
            }

        .detailsCommandeRth .resultatCommande .contenu .footer .bouton
        {
            display: none;
        }

    .detailsCommandeRth .scenario .contenu.selection .commande .texte
    {
        padding-right: 50px !important;
    }

    .detailsCommandeRth .scenario .footer .boutonVoir
    {
        width: 60px;
        right: 0;
        border-left: solid 1px #ccc;
    }

    .detailsCommandeRth .resultatCommande .footer .bouton
    {
        display: none;
    }

@media screen and (max-width: 1200px)
{
    .detailsCommandeRth .scenario
    {
        display: none !important;
    }

    .detailsCommandeRth .resultatCommande .header .boutonRetour
    {
        display: block !important;
    }

    .detailsCommandeRth .resultatCommande .header .boutonRecharger
    {
        left: 50px;
    }
}

@media screen and (max-width: 1600px)
{
    .detailsCommandeRth .resultatCommande .header .boutonRetour
    {
        display: block !important;
    }

    .detailsCommandeRth .resultatCommande .header .boutonRecharger
    {
        display: block;
        left: 50px;
    }

    .ecran:nth-child(4) .detailsCommandeRth .detailsCommande
    {
        display: none !important;
    }

    .ecran:nth-child(4) .detailsCommandeRth .resultatCommande
    {
        width: 100%;
        margin-left: 0;
    }

        .ecran:nth-child(4) .detailsCommandeRth .resultatCommande .footer .bouton
        {
            display: block;
        }
}

@media screen and (max-width: 1700px)
{
    .ecran:nth-child(4) .detailsCommandeRth .scenario
    {
        display: none !important;
    }
}
/* Détails commande */


/* Popup d'envoi d'une commande */
.popupEnvoiCommande
{
    width: 750px;
    height: 690px;
    margin-left: auto;
    margin-right: auto;
}

    .popupEnvoiCommande .ecran
    {
        padding-left: 0px;
        position: relative;
        height: 580px;
        margin-bottom: 20px;
    }

    .popupEnvoiCommande .detailsScenario .listeCommandes
    {
        margin-left: 0px;
    }

    .popupEnvoiCommande .detailsScenario .detailsCommande
    {
        margin-left: 0px;
        border-left: solid 1px #ccc;
    }

        .popupEnvoiCommande .detailsScenario .criteresSelection,
        .popupEnvoiCommande .detailsScenario .scenario,
        .popupEnvoiCommande .detailsScenario .listeCommandes .header,
        .popupEnvoiCommande .detailsScenario .detailsCommande .header,
        .popupEnvoiCommande .detailsScenario .detailsCommande .footer
        {
            display: none !important;
        }
/* Popup d'envoi d'une commande */

.command__state-label {
    padding-left: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(../../Images/encours-25x25.png);
    float:right;
}

.command__state--annule {
    background-image: url(../../Images/annule-25x25.png);
}

.command__state--erreur {
    background-image: url(../../Images/erreur-25x25.png);
}

.command__state--planifie {
    background-image: url(../../Images/planifie-25x25.png);
}

.command__state--termine {
    background-image: url(../../Images/termine-25x25.png);
}

.command__state--encours {
    background-image: url(../../Images/encours-25x25.png);
}

.command-details__content-container {
    display: flex;
    flex-direction: column;
    padding: 0 5%;
    height:100%;
    overflow-y:auto;
}

.command-details__title {
    color: inherit;
    min-height: 40px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

.command-details__description {
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: italic;
    text-align: center;
}

.command__textarea {
    white-space: pre;
    width: 100%;
    border: 1px solid #ccc !important;
}

.command__device-id-container {
    padding-left: 15px;
    background-image: url(../../Images/terminal-12x18.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.command__command-id-container {
    padding-left: 20px;
    background-image: url(../../Images/commandes-30x30.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.command-response__container {
    margin-top: 10px;
    padding-bottom: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.command-response__textarea {
    flex-grow: 1;
    white-space: pre;
}

.command-response__title,
.command__parameters__title {
    font-size: 25px;
    margin: 15px 0 5px 0;
}

.command__parameters-container,
.command-response__container,
.command__raw-command-container {
    margin: 0 5%;
}

.command__parameters-container{
    border: 1px solid #ccc;
    padding: 5px 15px;
}

.command-details__content-block {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

.command-details__content-table {
    width: fit-content !important;
    margin-left: 0 !important;
}

.command-details__content-table td:nth-child(2) {
    padding-left:5px;
}

.command-detail__input{
    width:100%;
}

.command-detail__input--read-only {
    color: #959595;
}

.command__parameters-container--no-padding{
    padding:0;
    border:0;
}

.command__subtitle{
    margin-left:5%;
}
/* Contacts */
.rechercheContact
{
    padding: 0;
    margin: 0;
}

    .rechercheContact input[type=text]
    {
        margin: 0;
        text-align: center;
        font-size: 18px;
        border-style: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

.detailsPartage .contenu
{
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    .detailsPartage .contenu .rechercheContact
    {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }

    .detailsPartage .contenu .listeContacts
    {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

.listeContacts
{
    overflow: auto;
    background-color: #ddd;
    border-top: solid 1px #bbb;
    padding: 5px;
}

    .listeContacts .contact
    {
        float: left;
        overflow: hidden;
        margin: 1px;
        color: #000 !important;
        background-color: #fff;
        border: solid 4px #ddd;
        -moz-transition: border ease-in-out 350ms;
        -o-transition: border ease-in-out 350ms;
        -webkit-transition: border ease-in-out 350ms;
        transition: border ease-in-out 350ms;
    }

        .listeContacts .contact.ajout .conteneur
        {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../../Images/ajouter-grand-40x40.png);
        }

        .listeContacts .contact .conteneur:hover
        {
            background-color: #eee;
        }

        .listeContacts .contact.invisible
        {
            display: none;
        }

        .listeContacts .contact.selectionne
        {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

        .listeContacts .contact .conteneur
        {
            width: 400px;
            height: 195px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: flex;
            border: solid 1px #444;
            cursor: pointer !important;
        }

            .listeContacts .contact .conteneur span
            {
                cursor: pointer !important;
            }

        .listeContacts .contact .societe
        {
            height: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5px;
        }

            .listeContacts .contact .societe .editContact {
                margin-top: 10px;
                width: 100%;
                background-color: blue;
                padding: 5px;
                font: normal 12px Verdana;
                color: #ffffff;
                background-color: #333333;
            }

                .listeContacts .contact .societe .editContact:hover {
                    cursor: pointer !important;
                    background-color: #000000;
                }

            .listeContacts .contact .societe .deleteContact {
                margin-top: 5px;
                width: 100%;
                background-color: blue;
                padding: 5px;
                font: normal 12px Verdana;
                color: #ffffff;
                background-color: #333333;
            }

                .listeContacts .contact .societe .deleteContact:hover {
                    cursor: pointer !important;
                    background-color: #000000;
                }
                
                
                .listeContacts .contact .societe .logo {
                    border: solid 1px #ccc;
                    width: 110px;
                    height: 110px;
                    text-align: center;
                    white-space: normal;
                }

            .listeContacts .contact .societe .indicateur
            {
                width: 110px;
                text-align: center;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

        .listeContacts .contact .c
        {
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 2px;
        }

            .listeContacts .contact .c div:not(:first-child) span:not(.l)
            {
                color: #666 !important;
            }

            .listeContacts .contact .c span
            {
                display: inline-block;
                vertical-align: middle;
                font-size: 13px;
                white-space: nowrap;
            }

                .listeContacts .contact .c span.l
                {
                    width: 65px;
                }

                .listeContacts .contact .c span.titreContact,
                .listeContacts .contact .c span.nom,
                .listeContacts .contact .c span.prenom
                {
                    font-weight: bold;
                    font-size: 20px;
                }

                .listeContacts .contact .c span.fonction
                {
                    margin-top: 5px;
                    margin-bottom: 5px;
                    font-style: italic;
                }

                .listeContacts .contact .c span.adresse
                {
                    margin-top: 10px;
                }

                .listeContacts .contact .c span.cp
                {
                }

                .listeContacts .contact .c span.ville
                {
                    margin-left: 5px;
                }

                .listeContacts .contact .c span.pays
                {
                    font-style: italic;
                }
/* Contacts */


/* Modification d'un contact */
.detailsContact
{
}

    .detailsContact .header
    {
        background-color: #b0afaf !important;
    }

    .detailsContact .contenu
    {
        padding: 5px;
    }

        .detailsContact .contenu > div
        {
            display: table;
            margin-left: auto;
            margin-right: auto;
            padding-top: 10px;
        }

        .detailsContact .contenu span,
        .detailsContact .contenu input[type=text]
        {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
        }

        .detailsContact .contenu span
        {
            width: 110px;
        }

        .detailsContact .contenu input[type=text]
        {
            width: 320px;
        }
/* Modification d'un contact */

.import-contacts-result {
    padding: 10px;
    background-color: #fafafa;
    width: 700px;
    height: 300px;
    max-height: 500px;
    overflow: scroll;
    font-family: Verdana;
    font-size: 14px;
}

    .import-contacts-result .row {
        height: 40px;
        line-height: 40px;
        background-color: #eee;
        padding: 3px;
        margin-bottom: 10px;
        font-size: 18px;
        color: #333;
    }

/* Configuration du serveur */
.configurationServeur
{
    overflow-y: auto;
}

    .configurationServeur .article:first-child
    {
        border-top: none !important;
    }

    .configurationServeur .article
    {
        padding-left: 10px !important;
    }

        .configurationServeur .article div .l
        {
            min-width: 150px;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

        .configurationServeur .article div .v
        {
        }

        .configurationServeur .article div.masquee
        {
            display: none;
        }

    .configurationServeur .configurationServeur-titre
    {
        margin-top: 30px;
        padding-top: 22px;
        font-weight: 100;
        font-size: 30px;
        margin-bottom: 10px;
        border-top: solid 1px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .configurationServeur .configurationServeur-titre:first-child
        {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

    .configurationServeur .configurationServeur-configs
    {
    }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-namespace
        {
            margin-top: 30px;
            padding-top: 22px;
            font-weight: 100;
            font-size: 26px;
            margin-bottom: 10px;
            border-top: solid 1px rgba(0, 0, 0, 0.1);
        }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-namespace:first-child
            {
                margin-top: 0;
                padding-top: 0;
                border-top: none;
            }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees
        {
            padding-left: 40px;
        }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees
        {
            margin-top: 20px;
            padding-left: 40px;
        }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-libelle,
        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-libelle
        {
            font-weight: 100;
            font-size: 18px;
        }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-table,
        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-table
        {
            width: auto !important;
            height: auto !important;
            margin-left: 40px !important;
        }

        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur,
        .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur
        {
        }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur:hover,
            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur:hover
            {
                background-color: rgba(0, 0, 0, 0.1);
            }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur .configurationServeur-configs-valeursModifiees-valeur-td,
            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur .configurationServeur-configs-valeursModifiees-valeur-td
            {
                vertical-align: top;
            }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur .configurationServeur-configs-valeursModifiees-valeur-lib,
            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur .configurationServeur-configs-valeursNonModifiees-valeur-lib
            {
                font-weight: 100;
            }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur .configurationServeur-configs-valeursModifiees-valeur-eq,
            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur .configurationServeur-configs-valeursNonModifiees-valeur-eq
            {
                padding-right: 8px;
            }

            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursModifiees-valeur .configurationServeur-configs-valeursModifiees-valeur-val,
            .configurationServeur .configurationServeur-configs .configurationServeur-configs-valeursNonModifiees-valeur .configurationServeur-configs-valeursNonModifiees-valeur-val
            {
                font-family: monospace;
                white-space: pre !important;
            }
/* Configuration d'un serveur */


/* Etat d'un serveur */
.etatServeur
{
    overflow-y: auto;
}

    .etatServeur .article:first-child
    {
        border-top: none !important;
    }

    .etatServeur .article
    {
        padding-left: 10px !important;
    }

        .etatServeur .article div .l
        {
            min-width: 150px;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

        .etatServeur .article div .v
        {
        }

        .etatServeur .article div.masquee
        {
            display: none;
        }
/* Etat d'un serveur */


/* Fichiers de log */
.fichiersLogs
{
}

    .fichiersLogs .liste .elements .elt span.nomFichier
    {
        width: 200px;
        font-size: 15px;
        padding-left: 1px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fichiersLogs .liste .elements .elt span.datePremierLog
    {
        width: 102px;
        font-size: 13px;
        font-style: italic;
        text-align: right;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 18px;
    }

    .fichiersLogs .liste .elements .elt span.dateDernierLog
    {
        width: 93px;
        font-size: 13px;
        font-style: italic;
        text-align: right;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 18px;
        padding-left: 22px;
        background-image: url(../../Images/vers-15x15.png);
        background-position: left 5px center;
        background-repeat: no-repeat;
    }

    .fichiersLogs .liste .elements .elt span.taille
    {
        font-style: italic;
        padding-left: 10px;
    }

    .fichiersLogs .liste .elements .elt .extras span
    {
        font-size: 16px;
    }

    .fichiersLogs .liste .elements .elt .extras .l
    {
    }
/* Fichiers de log */


/* Détails d'un fichier de log */
.detailsFichierLog
{
}

    .detailsFichierLog .contenu .titre
    {
        height: 54px;
        position: relative;
    }

        .detailsFichierLog .contenu .titre table td.nomFichier
        {
            padding-left: 0px;
        }

        .detailsFichierLog .contenu .titre table td.date,
        .detailsFichierLog .contenu .titre table td.taille
        {
            text-align: right;
            font-size: 15px;
            font-style: italic;
            vertical-align: bottom;
        }

            .detailsFichierLog .contenu .titre table td.date span.datePremierLog
            {
            }

            .detailsFichierLog .contenu .titre table td.date span.dateDernierLog
            {
                padding-left: 27px;
                background-image: url(../../Images/vers-15x15.png);
                background-position: left 5px center;
                background-repeat: no-repeat;
            }

        .detailsFichierLog .contenu .titre table td.nomApplication
        {
            padding-left: 0px;
        }

    .detailsFichierLog .contenu .article .messageErreur
    {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
    }
/* Détails d'un fichier remonté par un terminal */

/* Evènements des terminaux */
.evenementsTerminaux
{
}

    .evenementsTerminaux .liste .elements .elt .fixe
    {
    }

        .evenementsTerminaux .liste .elements .elt .fixe span.type
        {
            width: 200px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-size: 16px;
        }

        .evenementsTerminaux .liste .elements .elt .fixe span.dateEvt
        {
            width: 130px;
            text-align: right;
            font-size: 14px;
            font-style: italic;
            display: inline-block;
            padding-top: 2px;
        }

        .evenementsTerminaux .liste .elements .elt .fixe span.idTerminal
        {
            width: 60px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: bold;
            font-size: 14px !important;
            padding-left: 15px;
            line-height: 18px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

    .evenementsTerminaux .liste > .elements .elt .extras span
    {
        font-size: 16px;
        height: 23px;
        line-height: 23px;
        white-space: nowrap;
    }

        .evenementsTerminaux .liste > .elements .elt .extras span.valeurSimple
        {
            height: auto;
            padding-left: 20px;
        }

        .evenementsTerminaux .liste > .elements .elt .extras span.av:not(.valeurSimple)
        {
            padding-left: 20px;
            color: #999;
        }

        .evenementsTerminaux .liste > .elements .elt .extras span.nv:not(.valeurSimple)
        {
            padding-left: 75px;
            background-position: left 50px center;
            background-repeat: no-repeat;
            background-size: 20px 20px;
            background-image: url(../../Images/vers-grand-25x25.png);
        }

        .evenementsTerminaux .liste > .elements .elt .extras span.invisible
        {
            display: none;
        }
/* Evènements des terminaux */


/* Détails évènement terminal */
.detailsEvenementTerminal
{
}

    .detailsEvenementTerminal .contenu .titre
    {
        padding-top: 2px;
        padding-bottom: 3px;
        border-top: solid 1px #ccc;
    }

        .detailsEvenementTerminal .contenu .titre:first-child
        {
            border-top: none;
        }

        .detailsEvenementTerminal .contenu .titre table td.type
        {
        }

        .detailsEvenementTerminal .contenu .titre table td.etat
        {
            text-align: right;
            font-size: 15px;
            font-style: italic;
            vertical-align: bottom;
        }

        .detailsEvenementTerminal .contenu .titre table td.idTerminal
        {
            color: #000;
            padding-left: 15px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

    .detailsEvenementTerminal .contenu .article.valeurs
    {
        padding-left: 10px !important;
    }

        .detailsEvenementTerminal .contenu .article.valeurs span
        {
            display: block;
            font-size: 16px;
            min-height: 23px;
            line-height: 23px;
        }

            .detailsEvenementTerminal .contenu .article.valeurs span.valeurSimple
            {
                height: auto;
                min-height: 0;
            }

            .detailsEvenementTerminal .contenu .article.valeurs span.av:not(.valeurSimple)
            {
                color: #999;
            }

            .detailsEvenementTerminal .contenu .article.valeurs span.nv:not(.valeurSimple)
            {
                padding-left: 40px;
                background-position: left 15px top 2px;
                background-repeat: no-repeat;
                background-size: 20px 20px;
                background-image: url(../../Images/vers-grand-25x25.png);
            }

            .detailsEvenementTerminal .contenu .article.valeurs span.invisible
            {
                display: none;
            }
/* Détails évènement terminal */

/* Fichiers serveurs */
.fichiersServeurs
{
}

    .fichiersServeurs .explorateurFichiers
    {
        height: 100%;
    }

.popUpBase #Contenu .fichiersServeurs .footer
{
    margin-top: 10px !important;
}
/* Fichiers serveurs */


/* Explorateur de fichiers */
.explorateurFichiers
{
    display: flex !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    .explorateurFichiers .barreAdresse
    {
        height: 35px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 45px;
        font-size: 20px;
        line-height: 25px;
        cursor: default;
        border-bottom: solid 1px #888;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .explorateurFichiers .barreAdresse .chemin label
        {
            line-height: 35px;
            display: inline-block;
        }

            .explorateurFichiers .barreAdresse .chemin label:first-child
            {
                padding-left: 45px;
                background-position: 8px center;
                background-repeat: no-repeat;
                background-image: url(../../Images/dossier-ouvert-30x30.png);
            }

            .explorateurFichiers .barreAdresse .chemin label:after
            {
                content: "\\";
            }

        .explorateurFichiers .barreAdresse .boutonActualiser
        {
            top: 0;
            right: 0;
            width: 45px;
            height: 35px;
            background-image: url(../../Images/actualiser-30x30.png);
            background-color: #fff;
        }


    .explorateurFichiers .barreActions
    {
        height: 43px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: solid 1px #888;
        position: relative;
        -moz-box-shadow: #ccc 0px 2px 5px 0px;
        -webkit-box-shadow: #ccc 0px 2px 5px 0px;
        box-shadow: #ccc 0px 2px 5px 0px;
        overflow: hidden;
    }

        .explorateurFichiers .barreActions .bouton.boutonFichier,
        .explorateurFichiers .barreActions .bouton.boutonPressePapier,
        .explorateurFichiers .barreActions input[type=file]
        {
            display: none;
        }

        .explorateurFichiers .barreActions .bouton
        {
            color: #000 !important;
            width: 60px;
            height: 42px;
            border-right: solid 1px #ccc;
            position: relative;
            float: left;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            opacity: 1.0;
        }

        .explorateurFichiers .barreActions.actionsInterdites .bouton
        {
            display: none !important;
        }

        .explorateurFichiers .barreActions .bouton.actif
        {
            cursor: default;
        }

        .explorateurFichiers .barreActions .bouton.boutonTexte
        {
            padding-top: 29px !important;
            background-position-y: 3px;
        }

        .explorateurFichiers .barreActions .bouton.boutonDroit
        {
            float: right;
            border-right: none;
            border-left: solid 1px #ccc;
        }

        .explorateurFichiers .barreActions.actionsInterdites .bouton.boutonModeListe,
        .explorateurFichiers .barreActions.actionsInterdites .bouton.boutonModeIcones
        {
            display: block !important;
        }

        .explorateurFichiers .barreActions .bouton.boutonAjouter
        {
            background-image: url(../../Images/ajouter-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.btnReloadFileSystem
        {
            background-image: url(../../Images/reload-24x24.png);
            display: block;
        }

        .explorateurFichiers .barreActions .bouton.boutonCreerDossier
        {
            background-image: url(../../Images/ajouter-dossier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonCouper
        {
            background-image: url(../../Images/couper-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonCopier
        {
            background-image: url(../../Images/copier-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonColler
        {
            background-image: url(../../Images/coller-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonSupprimer
        {
            background-image: url(../../Images/supprimer-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonRenommer
        {
            background-image: url(../../Images/renommer-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonTelecharger
        {
            background-image: url(../../Images/telecharger-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonPartager
        {
            background-image: url(../../Images/partager-fichier-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonModeListe
        {
            background-image: url(../../Images/liste-24x24.png);
        }

        .explorateurFichiers .barreActions .bouton.boutonModeIcones
        {
            background-image: url(../../Images/grille-24x24.png);
        }

        .explorateurFichiers .barreActions.selectionMultiple .bouton.boutonFichier,
        .explorateurFichiers .barreActions.selectionSimple .bouton.boutonFichier,
        .explorateurFichiers .barreActions.pressePapier .bouton.boutonPressePapier
        {
            display: block;
        }

        .explorateurFichiers .barreActions.selectionMultiple .bouton.selectionSimple
        {
            display: none;
        }

        .explorateurFichiers .barreActions.selectionDossier .bouton.selectionFichier
        {
            display: none;
        }


    .explorateurFichiers .enTetes
    {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 25px;
        display: none;
    }

        .explorateurFichiers .enTetes label
        {
            border-left: solid 1px rgba(0, 0, 0, 0.5);
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .explorateurFichiers .enTetes label:first-child
            {
                border-left: none;
                padding-left: 0px;
            }


    .explorateurFichiers .nomFichier
    {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .explorateurFichiers .dateFichier
    {
        width: 200px !important;
    }

    .explorateurFichiers .typeFichier
    {
        width: 140px !important;
    }

    .explorateurFichiers .tailleFichier
    {
        width: 120px !important;
    }


    .explorateurFichiers .listeFichiers
    {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
        border: solid 5px #fff;
    }

        .explorateurFichiers .listeFichiers.drag
        {
            border: dashed 5px #00BEFD;
        }

        .explorateurFichiers .listeFichiers .dossiers,
        .explorateurFichiers .listeFichiers .fichiers
        {
            overflow: hidden;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
        }

        .explorateurFichiers .listeFichiers .fichiers
        {
            margin-top: 35px;
        }

        .explorateurFichiers .listeFichiers .eltDossier
        {
            width: 104px;
            height: 75px;
            margin: 15px;
            float: left;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            border: solid 2px #fff;
            position: relative;
            cursor: default !important;
        }

            .explorateurFichiers .listeFichiers .eltDossier .modeListe
            {
                display: none;
            }

            .explorateurFichiers .listeFichiers .eltDossier label
            {
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
                display: block;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                cursor: default !important;
            }

            .explorateurFichiers .listeFichiers .eltDossier.selectionne
            {
                border-color: #fc9e29;
                background-color: #ddd;
            }

            .explorateurFichiers .listeFichiers .eltDossier.coupe
            {
                opacity: 0.4;
                border-color: #fc9e29;
                background-color: #ddd;
            }

            .explorateurFichiers .listeFichiers .eltDossier.copie
            {
                border-color: #00BEFD;
                background-color: #ddd;
            }

            .explorateurFichiers .listeFichiers .eltDossier.upload
            {
                border-color: #00BEFD;
                border-style: dashed;
                cursor: default;
            }

                .explorateurFichiers .listeFichiers .eltDossier.upload .iconeFichier,
                .explorateurFichiers .listeFichiers .eltDossier.upload label
                {
                    opacity: 0.5;
                }

                .explorateurFichiers .listeFichiers .eltDossier.upload .indicateur
                {
                    width: 25px;
                    height: 25px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    position: absolute;
                    top: 1px;
                    left: 3px;
                    font-weight: bold;
                    font-size: 12px;
                    text-align: left;
                }

                .explorateurFichiers .listeFichiers .eltDossier.upload .loader
                {
                    width: 25px;
                    height: 25px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    position: absolute;
                    top: 1px;
                    right: 1px;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-image: url(../../Images/chargement-noir-blanc-64x64.gif);
                    background-size: 25px;
                }

        .explorateurFichiers .listeFichiers .dossiers .eltDossier
        {
            padding-top: 50px;
            background-position: center 5px;
            background-repeat: no-repeat;
            background-image: url(../../Images/dossier-ouvert-46x46.png);
        }

        .explorateurFichiers .listeFichiers .fichiers .eltDossier
        {
            padding-top: 3px;
        }

            .explorateurFichiers .listeFichiers .fichiers .eltDossier .iconeFichier
            {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 1px;
            }


    .explorateurFichiers .barreEtat
    {
        height: 27px;
        line-height: 26px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top: solid 1px #888;
        font-size: 16px;
        padding-left: 5px;
        -moz-box-shadow: #ccc 0px -2px 5px 0px;
        -webkit-box-shadow: #ccc 0px -2px 5px 0px;
        box-shadow: #ccc 0px -2px 5px 0px;
    }

        .explorateurFichiers .barreEtat .selectionSimple,
        .explorateurFichiers .barreEtat .selectionMultiple
        {
            display: none;
        }

            .explorateurFichiers .barreEtat.selectionSimple .selectionMultiple,
            .explorateurFichiers .barreEtat.selectionSimple .selectionAucune
            {
                display: none;
            }

            .explorateurFichiers .barreEtat.selectionSimple .selectionSimple
            {
                display: block;
                white-space: nowrap;
            }

            .explorateurFichiers .barreEtat.selectionMultiple .selectionSimple,
            .explorateurFichiers .barreEtat.selectionMultiple .selectionAucune
            {
                display: none;
            }

            .explorateurFichiers .barreEtat.selectionMultiple .selectionMultiple
            {
                display: block;
            }

        .explorateurFichiers .barreEtat.selectionDossier .selectionFichier
        {
            display: none;
        }

        .explorateurFichiers .barreEtat label
        {
            display: inline-block;
            vertical-align: top;
        }

            .explorateurFichiers .barreEtat label.l
            {
                margin-left: 100px;
                color: #999;
            }

                .explorateurFichiers .barreEtat label.l:first-child
                {
                    margin-left: 0px;
                }

            .explorateurFichiers .barreEtat label.v
            {
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

                .explorateurFichiers .barreEtat label.v.nom
                {
                    max-width: 400px;
                }

        .explorateurFichiers .barreEtat.selectionDossier label.v.nom
        {
            max-width: none;
        }


.champRenommageFichier
{
    position: fixed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    height: 21px;
    background-color: #fff;
    z-index: 30000;
}

.fondSelectionFichiers
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    opacity: 0;
    cursor: default;
}

.cadreSelectionFichiers
{
    position: fixed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #00BEFD;
    z-index: 1000;
}

    .cadreSelectionFichiers > div
    {
        width: 100%;
        height: 100%;
        opacity: 0.15;
        background-color: #00BEFD;
    }


/* Affichage liste */
.explorateurFichiers.affichageListe
{
}

    .explorateurFichiers.affichageListe .enTetes
    {
        display: flex;
    }

    .explorateurFichiers.affichageListe .listeFichiers .eltDossier
    {
        width: 100%;
        height: 30px;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
        padding-top: 2px !important;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .explorateurFichiers.affichageListe .listeFichiers .eltDossier .modeGrille
        {
            display: none;
        }

        .explorateurFichiers.affichageListe .listeFichiers .eltDossier .modeListe
        {
            text-align: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .explorateurFichiers.affichageListe .listeFichiers .eltDossier label
        {
            overflow: visible;
            width: auto;
            display: inline-block;
            vertical-align: top;
        }

            .explorateurFichiers.affichageListe .listeFichiers .eltDossier label.nomFichier
            {
                padding-left: 0px;
            }

    .explorateurFichiers.affichageListe .listeFichiers .dossiers .eltDossier
    {
        background-size: 23px;
        background-position: top left;
        padding-left: 28px;
    }

    .explorateurFichiers.affichageListe .listeFichiers .fichiers
    {
        margin-top: 15px;
    }

        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier label.nomFichier
        {
            padding-left: 5px;
        }

        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier .iconeFichier
        {
            width: 23px;
            height: 23px;
            padding-top: 12px;
            display: inline-block;
            background-size: 19px 23px;
            font-size: 7px;
        }

        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier label.tailleFichier
        {
            text-align: right;
        }


        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier.upload
        {
        }

            .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier.upload .iconeFichier
            {
                margin-left: 0;
                margin-right: 0;
            }

            .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier.upload label
            {
                opacity: 1.0;
            }

            .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier.upload .indicateur
            {
                display: inline-block;
                position: relative;
                margin-left: 15px;
                font-size: 16px;
                font-weight: normal;
                width: auto;
                height: auto;
            }

            .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier.upload .loader
            {
                display: inline-block;
                position: relative;
            }

        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier:not(.upload) .indicateur,
        .explorateurFichiers.affichageListe .listeFichiers .fichiers .eltDossier:not(.upload) .loader
        {
            display: none;
        }

.champRenommageFichier.affichage-liste
{
    text-align: left;
}
/* Explorateur de fichiers */


/* Détails partage de fichiers */
.detailsPartage
{
}

    .detailsPartage .header
    {
        background-color: #b0afaf !important;
    }

    .detailsPartage .parametresPartage
    {
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        border-top: solid 1px #bbb;
        font-size: 18px;
    }

        .detailsPartage .parametresPartage .bouton
        {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 100px;
            width: 40px;
        }

        .detailsPartage .parametresPartage span
        {
            vertical-align: middle;
        }

        .detailsPartage .parametresPartage input[type=text]
        {
            font-size: 18px;
            vertical-align: baseline;
        }

            .detailsPartage .parametresPartage input[type=text].dateMax
            {
                width: 110px;
            }

            .detailsPartage .parametresPartage input[type=text].nbMaxAcces
            {
                width: 50px;
                margin-right: 100px;
            }

        .detailsPartage .parametresPartage input[type=button].boutonModifierMessage
        {
            font-size: 16px !important;
            vertical-align: baseline;
        }

.popUpModificationMessageEmailPartage
{
}

    .popUpModificationMessageEmailPartage .objet
    {
        display: block;
        width: 700px;
        font-size: 16px;
        border: solid 1px rgba(0, 0, 0, 0.5);
    }

    .popUpModificationMessageEmailPartage .message
    {
        display: block;
        width: 700px;
        height: 400px;
        font-size: 16px;
        border: solid 1px rgba(0, 0, 0, 0.5);
    }

    .popUpModificationMessageEmailPartage > div input[type=button]
    {
    }
/* Détails partage de fichiers */


/* Téléchargement d'un fichier partagé */
#page .enTeteTelechargementFichierPartage
{
    background-image: url(../../Images/harmonie_flowers.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
}

#page .footerTelechargementFichierPartage
{
    width: 400px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    color: #c8c8c8;
    text-align: center;
}

    #page .footerTelechargementFichierPartage a
    {
        font-size: 14px;
        padding-left: 30px;
        background-image: url(../../Images/logo-rayonnance-256x256.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 19px;
    }

        #page .footerTelechargementFichierPartage a:hover
        {
        }

#page section.telechargementFichierPartage
{
    font-size: 18px;
    min-height: 450px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 400px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff !important;
    color: #888 !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
}

    #page section.telechargementFichierPartage div
    {
        padding-left: 40px;
        padding-right: 40px;
    }

        #page section.telechargementFichierPartage div div
        {
            padding-left: 0px;
            padding-right: 0px;
        }

    #page section.telechargementFichierPartage .titreNom
    {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #FFFFFF;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #fff;
        text-align: center;
        background-image: url(../../images/hg3_bg.jpg);
        font-weight: 100;
        font-size: 22px;
        background-position: top center;
    }

        #page section.telechargementFichierPartage .titreNom .nom
        {
        }

    #page section.telechargementFichierPartage .titreFichier
    {
        margin-top: 30px;
    }

        #page section.telechargementFichierPartage .titreFichier .nom
        {
            color: #333 !important;
            font-weight: bold;
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
        }

    #page section.telechargementFichierPartage .titreLimites
    {
        margin-top: 40px;
        font-style: italic;
        font-size: 14px;
        min-height: 45px;
    }

        #page section.telechargementFichierPartage .titreLimites > div:not(:first-child)
        {
            margin-top: 10px;
        }

        #page section.telechargementFichierPartage .titreLimites .limiteDate
        {
            color: #333 !important;
            font-weight: bold;
        }

        #page section.telechargementFichierPartage .titreLimites .limiteNbAcces
        {
            color: #333 !important;
            font-weight: bold;
        }

    #page section.telechargementFichierPartage form
    {
        text-align: center;
        margin-top: 50px;
    }

    #page section.telechargementFichierPartage input[type="submit"],
    #page section.telechargementFichierPartage input[type="button"],
    #page section.telechargementFichierPartage a.btn
    {
        color: #0FC5D8 !important;
        background-color: #FFFFFF !important;
        width: 100%;
        padding: 30px 0px 50px 0px !important;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        -moz-transition: all 0.25s ease-in-out 0s !important;
        -o-transition: all 0.25s ease-in-out 0s !important;
        -webkit-transition: all 0.25s ease-in-out 0s !important;
        transition: all 0.25s ease-in-out 0s !important;
        border-top: 1px solid #e5e5e5 !important;
        font-size: 22px !important;
        cursor: pointer !important;
    }

        #page section.telechargementFichierPartage input[type="submit"]:hover,
        #page section.telechargementFichierPartage input[type="button"]:hover,
        #page section.telechargementFichierPartage a.btn:hover
        {
            color: #FFF !important;
            background-color: #0E5D6C !important;
            -moz-transition: all 0.05s ease-in-out 0s !important;
            -o-transition: all 0.05s ease-in-out 0s !important;
            -webkit-transition: all 0.05s ease-in-out 0s !important;
            transition: all 0.05s ease-in-out 0s !important;
        }

@media screen and (max-width: 600px)
{
    .enTeteTelechargementFichierPartage
    {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
        background-position: center 2px;
    }

    #page section.telechargementFichierPartage
    {
        width: 90%;
        min-height: 375px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #page section.telechargementFichierPartage .titreNom
        {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        #page section.telechargementFichierPartage div
        {
            padding-left: 20px;
            padding-right: 20px;
        }

    .footerTelechargementFichierPartage
    {
        width: 90%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
/* Téléchargement d'un fichier partagé */


/* Liste des fichiers partagés */
.ecran .fichiersPartages
{
}

    .ecran .fichiersPartages .liste .elements .elt tr span
    {
        font-size: 15px;
        line-height: 22px;
    }

    .ecran .fichiersPartages .liste > .elements .elt .extras table td.icone:first-child
    {
        background-position: center right 8px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .ecran .fichiersPartages .liste .elements .elt .extras tr span
    {
        padding-right: 10px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.dateMax
    {
        width: 133px;
        font-style: italic;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.nbMax
    {
        text-align: right;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.chemin
    {
        width: 300px;
        white-space: normal;
        font-size: 13px;
        font-style: italic;
    }

    .ecran .fichiersPartages .liste .elements .elt span.nbContactsTelechargement
    {
        font-weight: bold;
        font-size: 25px;
        width: 110px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.dateCreation
    {
        width: 250px;
        font-style: italic;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.dateModification
    {
        width: 250px;
        font-style: italic;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.utilisateurCreation
    {
        width: 250px;
        font-style: italic;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste .elements .elt span.utilisateurModification
    {
        width: 250px;
        font-style: italic;
        font-size: 14px;
    }

    .ecran .fichiersPartages .liste > .elements .elt td.icone.utilisateurTelechargement
    {
        padding-left: 45px;
        background-position: left center;
        background-image: url(../../Images/utilisateur-telechargement-40x40.png);
    }
/* Liste des fichiers partagés */


/*  Page de détails d'un partage */
.pageDetailsPartage
{
}

    .pageDetailsPartage .contenu .article
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .pageDetailsPartage .contenu .article .l
        {
            width: 150px;
        }

        .pageDetailsPartage .contenu .article.contacts > div.nbContacts
        {
            margin-bottom: 10px;
        }

            .pageDetailsPartage .contenu .article.contacts > div.nbContacts:first-child
            {
                margin-bottom: 0px;
            }

            .pageDetailsPartage .contenu .article.contacts > div.nbContacts .l
            {
                display: inline;
            }

        .pageDetailsPartage .contenu .article.contacts .listeContacts .carte
        {
            float: left;
            width: 410px;
            height: 205px;
        }

        .pageDetailsPartage .contenu .article.contacts .listeContacts .contact
        {
            border-style: none !important;
            margin: 5px;
        }

            .pageDetailsPartage .contenu .article.contacts .listeContacts .contact .societe .indicateur
            {
                background-position: left center;
                background-size: 30px;
                background-repeat: no-repeat;
                background-image: url(../../Images/telecharger-noir-30x30.png);
                padding-left: 35px;
                line-height: 30px;
                margin-top: 15px;
                text-align: left;
                font-size: 30px;
            }

        .pageDetailsPartage .contenu .article.contacts .listeContacts .actionsContacts
        {
            border: solid 1px #444;
            margin: 5px;
            width: 400px;
            height: 195px;
            background-color: #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .pageDetailsPartage .contenu .article.contacts .listeContacts .actionsContacts > div
            {
                text-align: center;
                font-size: 20px;
                margin-bottom: 12px;
                line-height: 30px;
            }

            .pageDetailsPartage .contenu .article.contacts .listeContacts .actionsContacts > input[type=button]
            {
                text-align: center;
                width: 250px !important;
                display: block;
                margin-bottom: 8px;
                margin-left: auto;
                margin-right: auto;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 16px !important;
                font-weight: 100 !important;
                height: 40px !important;
            }
/*  Page de détails d'un partage */


/* Historique des accès aux fichiers partagés */
.popUpHistoriqueAccesPartage
{
    height: 490px;
}

.accesPartage
{
}

    .accesPartage .header
    {
        background-color: rgba(255, 255, 255, 0.5) !important;
        border-top: solid 1px rgba(255, 255, 255, 0.4);
        border-left: solid 1px rgba(255, 255, 255, 0.4);
        border-right: solid 1px rgba(255, 255, 255, 0.4);
    }

    .accesPartage .contenu
    {
        overflow: auto;
        height: 350px;
        margin-bottom: 10px;
        background-color: rgba(255, 255, 255, 0.5);
        border-left: solid 1px rgba(255, 255, 255, 0.4);
        border-right: solid 1px rgba(255, 255, 255, 0.4);
        border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    }

    .accesPartage table
    {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
    }

        .accesPartage table td.date
        {
            padding-right: 10px;
        }

        .accesPartage table td.fleche
        {
            width: 50px;
            text-align: center;
        }

        .accesPartage table td.cpt
        {
            padding-left: 10px;
            text-align: right;
        }
/* Historique des accès aux fichiers partagés */


/* Nouveau partage rapide */
.nouveauPartageRapide
{
}

    .nouveauPartageRapide .header
    {
        height: auto !important;
        background-image: none !important;
        padding-top: 0 !important;
    }

    .nouveauPartageRapide .parametresPartage
    {
        border-top: none !important;
    }

    .nouveauPartageRapide .nouveauPartageRapide-emails
    {
    }

        .nouveauPartageRapide .nouveauPartageRapide-emails .nouveauPartageRapide-emails-input
        {
            width: 800px;
        }

    .nouveauPartageRapide .nouveauPartageRapide-fichiers
    {
        margin-top: 15px;
        text-align: center;
    }

        .nouveauPartageRapide .nouveauPartageRapide-fichiers .boutonSelectionFichiers
        {
            font-size: 16px !important;
        }

        .nouveauPartageRapide .nouveauPartageRapide-fichiers .fichiersSelectionnes
        {
            display: block;
            overflow: auto;
            width: 100%;
            height: 270px;
            margin-top: 5px;
            margin-left: auto;
            margin-right: auto;
            border: solid 1px rgba(0, 0, 0, 0.1);
            cursor: default;
        }

    .nouveauPartageRapide .nouveauPartageRapide-parametres
    {
        margin-top: 15px;
        text-align: center;
    }

        .nouveauPartageRapide .nouveauPartageRapide-parametres .boutonSupprimer
        {
            margin-right: 35px;
        }

        .nouveauPartageRapide .nouveauPartageRapide-parametres input[type=text].nbMaxAcces
        {
            margin-right: 35px;
        }

        .nouveauPartageRapide .nouveauPartageRapide-parametres .boutonModifierMessage
        {
            font-size: 16px !important;
        }
/* Nouveau partage rapide */

/* Fichiers remontés par les terminaux */
.fichiersTerminaux
{
}

    .fichiersTerminaux .liste .elements .elt .iconeFichier
    {
        width: 40px;
        height: 50px;
        background-size: 30px 35px;
        font-size: 11px;
    }

    .fichiersTerminaux .liste .elements .elt span.nomFichier
    {
        width: 156px;
        font-size: 15px;
        padding-left: 1px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fichiersTerminaux .liste .elements .elt span.idTerminal
    {
        width: 35px;
        font-weight: bold;
        font-size: 14px !important;
        padding-left: 15px;
        line-height: 18px;
        background-image: url(../../Images/terminal-12x18.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .fichiersTerminaux .liste .elements .elt span.dateUpload
    {
        width: 102px;
        font-size: 13px;
        font-style: italic;
        text-align: right;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 18px;
    }

    .fichiersTerminaux .liste .elements .elt td.icone
    {
        width: 27px;
        /* padding: 2px !important; */
        padding-left: 0px !important;
        /* vertical-align: bottom; */
    }



    .fichiersTerminaux .liste .elements .elt span.taille
    {
        font-style: italic;
        padding-left: 10px;
    }

    .fichiersTerminaux .liste .elements .elt .extras span
    {
        font-size: 16px;
    }

    .fichiersTerminaux .liste .elements .elt .extras .l
    {
    }
/* Fichiers remontés par les terminaux */


/* Détails d'un fichier remonté par un terminal */
.detailsFichierTerminal
{
}

    .detailsFichierTerminal .contenu .titre
    {
        height: 54px;
        position: relative;
    }

        .detailsFichierTerminal .contenu .titre table td.icone
        {
            width: 38px;
            vertical-align: bottom;
            padding-left: 0px;
        }

        .detailsFichierTerminal .contenu .titre table td.nomFichier
        {
            padding-left: 0px;
        }

        .detailsFichierTerminal .contenu .titre table td.dateUpload,
        .detailsFichierTerminal .contenu .titre table td.taille
        {
            text-align: right;
            font-size: 15px;
            font-style: italic;
            vertical-align: bottom;
        }

        .detailsFichierTerminal .contenu .titre table td.idTerminal
        {
            padding-left: 15px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

    .detailsFichierTerminal .contenu .article .image
    {
        text-align: center;
    }

        .detailsFichierTerminal .contenu .article .image img
        {
            max-width: 100%;
        }

    .detailsFichierTerminal .contenu .article .nonspecifie
    {
        text-align: center;
        display: block;
    }

    .detailsFichierTerminal .contenu .article .messageErreur
    {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
    }
/* Détails d'un fichier remonté par un terminal */

/* Kiosk - Profiles */

.kiosk-profils
{
    padding-bottom: 50px;
}

.kiosk-profils .liste .bouton.boutonAddNewItem {
    display: none;
}

.sectionOverrideIcon {
    width: 320px;
}

.kiosk-profils.kiosk-peutAjouter .liste .bouton.boutonAddNewItem {
    display: block;
}

    .kiosk-profils .liste
    {
    }

        .kiosk-profils .liste .elt .fixe
        {
            width: 701px !important;
        }

        .kiosk-profils .liste > .elements .elt span.idProfile
        {
            width: 30px;
        }

        .kiosk-profils .liste > .elements .elt span.nameProfile
        {
            width: 600px;
        }

        .kiosk-profils .liste > .elements .elt table td.integer
        {
            width: 50px;
        }

        .kiosk-profils .liste > .elements .elt table td.string
        {
            width: 200px;
        }

        .kiosk-profils .liste > .elements .elt .extras span.nbTerminaux
        {
            font-weight: bold;
            font-size: 25px;
            width: 90px;
        }

        .kiosk-profils .liste > .elements .elt .extras table td.icone.terminal
        {
            background-image: url(../../Images/terminal-30x30.png);
        }

        .kiosk-profils.repliee .liste > .elements .elt span.nameProfile
        {
            width: 151px !important;
        }

/* Popup ajout version */
.popupAjouterProfil
{
}

    .popupAjouterProfil .contenu
    {
        padding: 15px;
    }


        

        .popupAjouterProfil .contenu table {
        }

            .popupAjouterProfil .contenu table td
            {
                text-align: left;
            }

        .popupAjouterProfil .contenu input[type=text],
        .popupAjouterProfil .contenu select,
        .popupAjouterProfil .contenu input[type=button]
        {
            margin-left: 5px;
        }

        .popupAjouterProfil .contenu input[type=text],
        .popupAjouterProfil .contenu select
        {
            width: 400px;
            font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
        }

    .popupAjouterProfil input[type=button]
    {
        height: 50px !important;
    }

    .popupAjouterProfil .footer
    {
        background-color: inherit !important;
        border: none !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 80px;
        margin-bottom: 20px !important;
    }

    .popupAjouterProfil .header
    {
        height: 140px;
        line-height: 50px;
        font-weight: 100;
        font-size: 40px;
        margin-top: 0px;
        padding-top: 80px;
        background-color: inherit !important;
        background-image: url(../../Images/upload.png);
        background-repeat: no-repeat;
        background-position: center 0px;
    }

    .popupAjouterProfil .boutonAppliquer:hover
    {
        width: 80px;
        height: 80px;
        -moz-transition: all 0.05s ease-in-out 0s;
        -o-transition: all 0.05s ease-in-out 0s;
        -webkit-transition: all 0.05s ease-in-out 0s;
        transition: all 0.05s ease-in-out 0s;
    }

    .popupAjouterProfil .boutonAnnuler:hover
    {
        width: 80px;
        height: 80px;
    }

    .popupAjouterProfil .contenu select
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

        .popupAjouterProfil .contenu select option
        {
            font-weight: normal;
        }

    .popupAjouterProfil .contenu input[type=text]
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

/* Popup ajout version */

/* Détails Profils */

.detailsKioskProfil
{
    width: 420px;
}
mobile_preview_content
.detailsKioskProfil .contenu .article {
    padding-left: 0px !important;
}

        .detailsKioskProfil .contenu .article.previewProfile div.list,
        .detailsKioskProfil .mobile_preview_message
        {
            white-space: normal !important;
        }

            .detailsKioskProfil .contenu .article.previewProfile div.list span
            {
                white-space: normal;
                display: inherit;
                vertical-align: inherit;
            }

        .detailsKioskProfil .contenu .article div
        {
            margin-bottom: 10px;
        }

            .detailsKioskProfil .contenu .article div .l
            {
                width: 100px;
            }

            .detailsKioskProfil .contenu .article div .v.big
            {
                font-size: 22px;
            }

            .detailsKioskProfil .contenu .article div.titre
            {
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .detailsKioskProfil .contenu .article div.titre .name
                {
                    width: 280px;
                    margin: 0 auto;
                    text-align: center;
                }

            .detailsKioskProfil .contenu .article div.description
            {
                white-space: normal;
            }

                .detailsKioskProfil .contenu .article div.description .l
                {
                    float: left;
                    margin-right: 4px;
                }

                .detailsKioskProfil .contenu .article div.description .v
                {
                    width: 290px;
                    white-space: normal;
                }

            .detailsKioskProfil .contenu .article div.iconDevices
            {
                position: absolute;
                top: 12px;
                right: 0px;
                height: 30px;
                width: 70px;
                padding-right: 30px;
                background: top right url(../../Images/terminal-30x30.png) no-repeat;
                text-align: right;
            }

                .detailsKioskProfil .contenu .article div.iconDevices span
                {
                    color: #ff8d00;
                }

            .detailsKioskProfil .contenu .article div.top_menu
            {
                margin-bottom: 0px;
            }

        .detailsKioskProfil .contenu .article.basicData
        {
            position: relative;
        }

.articleKiosk {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 50px;
    background-position: left 8px top 13px;
    background-size: 30px;
    min-height: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Détails Profils */

/* Profils - Edit*/
.formKioskProfil input[type='checkbox'] {
    margin-top: 5px;
    height: 20px;
    width: 20px;
}

.kiosk-profil-edit
{
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .kiosk-profil-edit .hide
    {
        display: none;
    }

    .kiosk-profil-edit .css-checkbox
    {
        display: inline !important;
    }

    .kiosk-profil-edit .basic
    {
        position: relative;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc((100% - 371px) / 2); /* Car le flexbox bug parfois */
    }

        .kiosk-profil-edit .basic .contenu
        {
            position: relative;
        }

        .kiosk-profil-edit .basic .block
        {
            padding: 10px 0px;
            border-top: solid 1px rgba(0, 0, 0, 0.2);
        }

            .kiosk-profil-edit .basic .block p
            {
                margin-bottom: 10px;
            }

                .kiosk-profil-edit .basic .block p label
                {
                    display: inline-block;
                    width: 160px;
                    padding: 8px 0px 0px 3px;
                }

                    .kiosk-profil-edit .basic .block p label.CheckboxLabel
                    {
                        padding-top: 0px;
                    }

                .kiosk-profil-edit .basic .block p input[type=text],
                .kiosk-profil-edit .basic .block p textarea
                {
                    width: calc(100% - 160px);
                }

                    .kiosk-profil-edit .basic .block p input[type=text].Name
                    {
                        width: 50%;
                    }

                    .kiosk-profil-edit .basic .block p input[type=text].ColorPickerInput
                    {
                        width: 30%;
                    }

                .kiosk-profil-edit .basic .block p select
                {
                    width: 30%;
                }

                .kiosk-profil-edit .basic .block p textarea
                {
                    height: 100px;
                }

                .kiosk-profil-edit .basic .block p button
                {
                    margin-left: 5px;
                    border: none;
                    background-color: transparent;
                }

                    .kiosk-profil-edit .basic .block p button img
                    {
                        width: 30px;
                    }

                .kiosk-profil-edit .basic .block p:last-child
                {
                    margin-bottom: 0px;
                }

                .kiosk-profil-edit .basic .block p.WhiteBlackList
                {
                }

                    .kiosk-profil-edit .basic .block p.WhiteBlackList label
                    {
                        display: inline-block;
                        margin-bottom: 5px;
                    }

                    .kiosk-profil-edit .basic .block p.WhiteBlackList input[type=button]
                    {
                        height: 30px !important;
                        min-width: 30px !important;
                        padding: 0px !important;
                        margin-left: 5px;
                        background-color: transparent !important;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                        .kiosk-profil-edit .basic .block p.WhiteBlackList input[type=button].AddWhiteAppButton,
                        .kiosk-profil-edit .basic .block p.WhiteBlackList input[type=button].AddBlackAppButton
                        {
                            background-image: url(../../Images/ajouter-grand-40x40.png);
                        }

                        .kiosk-profil-edit .basic .block p.WhiteBlackList input[type=button].DeleteWhiteAppButton,
                        .kiosk-profil-edit .basic .block p.WhiteBlackList input[type=button].DeleteBlackAppButton
                        {
                            background-image: url(../../Images/bouton-supprimer-30x30.png);
                        }

            .kiosk-profil-edit .basic .block:first-child
            {
                border-top: none;
            }

        .kiosk-profil-edit .basic .terminal
        {
            position: absolute;
            top: 15px;
            right: 0px;
            height: 30px;
            width: 70px;
            padding-top: 3px;
            padding-right: 30px;
            background: top right url(../../Images/terminal-30x30.png) no-repeat;
            text-align: right;
            color: #ff8d00;
        }

        .kiosk-profil-edit .basic .versionLabel {
            position: absolute;
            top: 20px;
            right: 80px;
            height: 30px;
            width: 70px;           
            text-align: right;
        }

        .kiosk-profil-edit .basic .icone {
            position: absolute;
            top: 15px;
            right: 30px;
            height: 30px;
            width: 30px;
            padding-top: 3px;
            padding-right: 30px;
        }

    .kiosk-profil-edit .profilActions
    {
        width: 600px;
        height: 100%;
        -ms-flex: 0 0 600px;
        -webkit-flex: 0 0 600px;
        flex: 0 0 600px;
        margin-left: 5px;
        margin-right: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .kiosk-profil-edit .preview
    {
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc((100% - 669px) / 2); /* Car le flexbox bug parfois */
    }

.detailsPreviewKioskProfil .article
{
    padding-left: 0px !important;
}

.kiosk-profil-edit .preview .mobile_preview,
.detailsPreviewKioskProfil .mobile_preview
{
    position: relative;
    margin: 0 auto;
    height: 604px;
    width: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .kiosk-profil-edit .preview .mobile_preview.android,
    .detailsPreviewKioskProfil .mobile_preview.android
    {
        height: 604px;
        width: 300px;
        background-image: url(../../Images/mobile_template_android.png);
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-phone,
    .detailsPreviewKioskProfil .mobile_preview.windows-phone
    {
        height: 604px;
        width: 300px;
        background-image: url(../../Images/mobile_template_windowsphone.png);
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-desktop,
    .detailsPreviewKioskProfil .mobile_preview.windows-desktop
    {
        height: 604px;
        width: 300px;
        background-image: url(../../Images/mobile_template_windowsphone.png);
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-mobile,
    .detailsPreviewKioskProfil .mobile_preview.windows-mobile
    {
        height: 657px;
        width: 350px;
        background-image: url(../../Images/mobile_template_windowsmobile.png);
    }

    .kiosk-profil-edit .preview .mobile_preview.ios,
    .detailsPreviewKioskProfil .mobile_preview.ios
    {
        height: 647px;
        width: 320px;
        background-image: url(../../Images/mobile_template_ios.png);
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content
    {
        position: absolute;
        background-color: #ffffff;
    }

    .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content
    {
        top: 67px;
        left: 14px;
        height: 477px;
        width: 272px;
        padding-top: 15px;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-phone .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview.windows-phone .mobile_preview_content
    {
        top: 70px;
        left: 12px;
        height: 443px;
        width: 274px;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-desktop .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview.windows-desktop .mobile_preview_content
    {
        top: 70px;
        left: 12px;
        height: 443px;
        width: 274px;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-mobile .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview.windows-mobile .mobile_preview_content
    {
        top: 129px;
        left: 39px;
        height: 333px;
        width: 272px;
    }

    .kiosk-profil-edit .preview .mobile_preview.ios .mobile_preview_content,
    .detailsPreviewKioskProfil .mobile_preview.ios .mobile_preview_content
    {
        top: 76px;
        left: 24px;
        height: 489px;
        width: 272px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .top_menu,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .top_menu {
        position: relative;
        display: table;
        height: 50px;
        width: 100%;
        padding: 0px 10px;
        background-color: #cccccc;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-phone .mobile_preview_content .top_menu,
    .detailsPreviewKioskProfil .mobile_preview.windows-phone .mobile_preview_content .top_menu
    {
        display: none;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .top_menu span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .top_menu span
    {
        display: table-cell;
        vertical-align: middle;
        color: #ffffff;
        font-size: 0.9em;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .top_menu .configuration_img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .top_menu .configuration_img
    {
        width: 20px;
        position: absolute;
        top: 15px;
        right: 70px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list {
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
        -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
        scrollbar-width: none; /* Hide scrollbar for Firefox */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list::-webkit-scrollbar,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list::-webkit-scrollbar {
        display: none;
    }

    .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .list {
        height: 377px;
    }

    .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar,
    .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar {
        height: 85px;
        background-color: #ffffff;
        opacity: 0.6;
    }

    .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row,
    .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row {
        float: left;
        height: 40px;
    }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .col1,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .col1 {
            float: left;
            width: 68px;
            height: 40px;
            background-position: center center;
            background-size: contain;
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .device-id-kiosk-version,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .device-id-kiosk-version {
            padding-left: 5px;
            font-size: 12px;
            text-align: center;
            vertical-align: middle;
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .autobrightness,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .autobrightness {
            background-image: url('../../Images/kioskbottombar2.png')
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .col2,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .col2 {
            float: left;
            width: 136px;
            height: 40px;
            background-position: center center;
            background-size: contain;
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .company-logo,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .company-logo {
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
        }


        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .brightness,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .brightness {
            background-image: url('../../Images/kioskbottombar1.png')
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .col3,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .col3 {
            float: left;
            min-width: 68px;
            height: 40px;
            background-position: center center;
            background-size: contain;
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .without_img,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .without_img {
            background-image: url('')
        }


        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .torch,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .torch {
            background-image: url('../../Images/kioskbottombar3.png')
        }

        .kiosk-profil-edit .preview .mobile_preview.android .mobile_preview_content .bottom-bar .row .img4,
        .detailsPreviewKioskProfil .mobile_preview.android .mobile_preview_content .bottom-bar .row .img4 {
            background-image: url('../../Images/kioskbottombar4.png')
        }

    .kiosk-profil-edit .preview .mobile_preview.windows-phone .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview.windows-phone .mobile_preview_content .list
    {
        position: relative;
        height: 444px;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-desktop .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview.windows-desktop .mobile_preview_content .list
    {
        height: 394px;
    }

    .kiosk-profil-edit .preview .mobile_preview.windows-mobile .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview.windows-mobile .mobile_preview_content .list
    {
        height: 284px;
    }

    .kiosk-profil-edit .preview .mobile_preview.ios .mobile_preview_content .list,
    .detailsPreviewKioskProfil .mobile_preview.ios .mobile_preview_content .list
    {
        height: 440px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul
    {
        padding: 0px 10px;
    }

        /*auto columns*/

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li
        {
            position: relative;
            float: left;
            width: 118px;
            margin: 20px 2px 0px 0px;
        }

            .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li img,
            .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li img
            {
                margin: 0px 0px 5px 43px;
                display: block;
                height: 30px;
            }

            .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li span,
            .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li span
            {
                display: block;
                height: 35px;
                width: 118px;
                text-align: center;
                font-size: 0.8em;
                overflow: hidden;
                text-overflow: ellipsis;
            }

@-moz-document url-prefix()
{
    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li
    {
        width: 110px;
    }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li img,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li img
        {
            margin: 0px 0px 5px 40px;
        }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li span,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li span
        {
            width: 110px;
        }
}

/*1 columns*/
.kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns1,
.detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns1
{
    width: 252px;
}

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns1 img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns1 img
    {
        margin: 0px 0px 5px 111px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns1 span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns1 span
    {
        width: 252px;
    }

/*2 columns*/
.kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2,
.detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2
{
    width: 118px;
}

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2 img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2 img
    {
        margin: 0px 0px 5px 43px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2 span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2 span
    {
        width: 118px;
    }

@-moz-document url-prefix()
{
    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2
    {
        width: 110px;
    }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2 img,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2 img
        {
            margin: 0px 0px 5px 40px;
        }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns2 span,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns2 span
        {
            width: 110px;
        }
}

/*3 columns*/
.kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3,
.detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3
{
    width: 78px;
}

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3 img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3 img
    {
        margin: 0px 0px 5px 24px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3 span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3 span
    {
        width: 78px;
    }

@-moz-document url-prefix()
{
    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3
    {
        width: 75px;
    }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3 img,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3 img
        {
            margin: 0px 0px 5px 22px;
        }

        .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns3 span,
        .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns3 span
        {
            width: 75px;
        }
}

/*4 columns*/
.kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns4,
.detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns4
{
    width: 56px;
}

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns4 img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns4 img
    {
        margin: 0px 0px 5px 13px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns4 span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns4 span
    {
        width: 56px;
    }

/*5 columns*/
.kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns5,
.detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns5
{
    width: 44px;
}

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns5 img,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns5 img
    {
        margin: 0px 0px 5px 7px;
    }

    .kiosk-profil-edit .preview .mobile_preview .mobile_preview_content .list ul li.Columns5 span,
    .detailsPreviewKioskProfil .mobile_preview .mobile_preview_content .list ul li.Columns5 span
    {
        width: 44px;
    }

.kiosk-profil-edit .preview .mobile_preview_message,
.detailsPreviewKioskProfil .mobile_preview_message
{
    padding-top: 10px;
    font-weight: bold;
    text-align: center;
}

/*Start new phone drag command drop*/

.container {
    width: 250px;
    height: 400px;
    padding: 10px;
    box-sizing: border-box;
}

.shortcut {
    height: 80px;
    margin: 5px;
    float: left;
    box-sizing: border-box;
    padding: 2px;
}

.column3 {
    width: 80px;
}

.column4 {
    width: 58px;
}

    .shortcutReadonly:hover {
        cursor: default !important;
    }

    .shortcut:hover {
        cursor: move;
    }

    .shortcut .content {
        pointer-events: none;
        text-align: center;
    }

        .shortcut .content .title {
            color: black;
            margin-top: 5px;
            font-family: Verdana;
            font-size: 11px;
        }

        .shortcut .content .icon {
            width: 100%;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .shortcut .content .icon .icon-image{
            width: 50px;
            height: 50px;
        }

    .shortcut.over {
        border: 1px solid white;
        opacity: 0.1;
    }


/*End new phone drag command drop*/

/*Start restrictions panel*/

.restriction {
    border: 1px solid #E5E5E5;
    padding: 10px;
    margin-bottom: 8px;
    box-sizing: border-box;
    height: 45px;
}
    .restriction .label {
        width: 80%;
        float: left;
    }

    .restriction:first-child {
        margin-top: 8px;
    }

    .restriction:hover {
        background-color: #fafafa;
    }

    .restriction .switch {
        position: relative;
        display: inline-block;
        width: 49px;
        height: 23px;
        float: right;
        margin-top: 0px;
    }

        .restriction label.switch:hover {
            cursor: pointer;
        }

        .restriction .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .restriction .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .restriction .slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .restriction input:checked + .slider {
        background-color: #2196F3;
    }

    .restriction input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .restriction input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }


/*End restrictions panel*/

.kiosk-profil-edit .basic .center {
    text-align: center;
}

.kiosk-profil-edit .basic .windowsPhoneLauncherSettings
{
    width: 100%;
    padding-left: 3px;
}

    .kiosk-profil-edit .basic .windowsPhoneLauncherSettings li
    {
        float: left;
        width: 33.33%;
        margin-bottom: 10px;
    }


.kiosk-profil-edit .basic .settings
{
}

    .kiosk-profil-edit .basic .settings p
    {
    }

        .kiosk-profil-edit .basic .settings p:last-child
        {
            padding-top: 20px;
            text-align: center;
        }

        .kiosk-profil-edit .basic .settings p .LargeLabel
        {
            width: 300px;
        }

.distributed {
    display: flex;
}

    .kiosk-profil-edit .basic div.footer.distributed .bouton {
        position: initial;
        width: 100%;
    }

    .kiosk-profil-edit .basic div.footer .boutonDownload {
        border-right: solid 1px #dddddd;
        background-image: url(../../Images/telecharger-30x30.png);
    }

    .kiosk-profil-edit .basic div.footer .boutonSendToDevice {
        border-right: solid 1px #dddddd;
        background-image: url(../../Images/terminal-blanc-30x30.png);
    }

    .kiosk-profil-edit .basic div.footer .boutonAddToProfile {
        border-right: solid 1px #dddddd;
        background-image: url(../../Images/deploiement-blanc-40x40.png);
    }

    .kiosk-profil-edit .basic div.footer .boutonSaveProfile {
        background-image: url(../../Images/enregistrer-30x30.png);
    }

.kiosk-profil-edit .profilActions .actionsTreeView
{
    padding-top: 2px;
}

    .kiosk-profil-edit .profilActions .actionsTreeView ul li
    {
        margin-bottom: 1px;
        margin-left: 0px;
        padding: 12px 0px;
        border: solid 1px #000000;
        border-radius: 3px;
        color: #000000;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView .root_node ul li:hover,
    .kiosk-profil-edit .profilActions .actionsTreeView .root_node ul li.itemSelected
    {
        background-color: #dddddd;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li div
    {
        padding: 10px 0px;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li a
    {
        width: calc(100% - 24px);
        color: #000000 !important;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li div.jstree-wholerow-clicked,
    .kiosk-profil-edit .profilActions .actionsTreeView ul li div.jstree-wholerow-hovered
    {
        background: none;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li span
    {
        width: 430px;
        display: inline-block;
        overflow: hidden;
        font-weight: bold;
        text-overflow: ellipsis;
    }

        .kiosk-profil-edit .profilActions .actionsTreeView ul li span:hover
        {
            cursor: pointer;
        }

        .kiosk-profil-edit .profilActions .actionsTreeView ul li span i
        {
            font-size: 0.9em;
            font-style: italic;
            font-weight: normal;
        }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li a input[type=button]
    {
        background-color: transparent !important;
        position: absolute;
        top: -11px;
        width: 30px !important;
        height: 45px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0px !important;
        padding: 0 !important;
        cursor: pointer !important;
        background-image: url(../../Images/bouton-supprimer-40x40.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 25px;
    }

        .kiosk-profil-edit .profilActions .actionsTreeView ul li a input[type=button].DropActionButton
        {
            right: 0px;
            background-image: url(../../Images/bouton-supprimer-40x40.png);
        }

        .kiosk-profil-edit .profilActions .actionsTreeView ul li a input[type=button].UpActionButton
        {
            right: 30px;
            background-image: url(../../Images/bouton-tri-asc-40x40.png);
        }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li ul li:first-child a input[type=button].UpActionButton
    {
        display: none;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li a input[type=button].DownActionButton
    {
        right: 60px;
        background-image: url(../../Images/bouton-tri-desc-40x40.png);
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li ul li:last-child a input[type=button].DownActionButton
    {
        display: none;
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li a input[type=button].EditActionButton
    {
        right: 90px;
        background-image: url(../../Images/bouton-modifier-30x30.png);
    }

    .kiosk-profil-edit .profilActions .actionsTreeView ul li.root_node
    {
        margin-bottom: 0px;
        margin-left: 0px;
        padding: 0px;
        border: none;
    }

        .kiosk-profil-edit .profilActions .actionsTreeView ul li.root_node > div,
        .kiosk-profil-edit .profilActions .actionsTreeView ul li.root_node > i,
        .kiosk-profil-edit .profilActions .actionsTreeView ul li.root_node > a
        {
            display: none;
        }

.kiosk-profil-edit .preview div.footer .boutonAddAction {
    position: absolute;
    right: 0px;
    width: 105px;
    border-left: solid 1px #dddddd;
    background-image: url(../../Images/ajouter-30x30.png);
}

/* Profils - Edit*/

/* Add/Edit Actions Popup */

.popupAjouterModifierProfilAction
{
    height: 650px;
    width: 1000px;
}

    .popupAjouterModifierProfilAction .hide
    {
        display: none !important;
    }

    .popupAjouterModifierProfilAction profilaction-contenu
    {
        height: 500px;
    }

    .popupAjouterModifierProfilAction .add-shortcut {
        border: 1px solid #ffffff;
        padding: 30px;
        margin-bottom: 15px;
        color: white;
    }

        .popupAjouterModifierProfilAction .add-shortcut  .all-action-sections {
            display: none;
        }

        .popupAjouterModifierProfilAction .add-shortcut .row {
            display: flex;
            flex-direction: row;
            flex-grow: 1;
            margin-bottom: 10px;
        }

            .popupAjouterModifierProfilAction .add-shortcut .row .section {
                min-width: 200px;
            }

            .popupAjouterModifierProfilAction .add-shortcut .row .section2 {
                flex-grow: 3;
            }


                .popupAjouterModifierProfilAction .add-shortcut .row .section2 select {
                    width: 100% !important;
                }

                .popupAjouterModifierProfilAction .add-shortcut .row .section2 input[type='text'] {
                    width: 100% !important;
                }

                .popupAjouterModifierProfilAction .add-shortcut .row .section input[type='text'] {
                    width: 90% !important;
                }

                .popupAjouterModifierProfilAction .add-shortcut .row .section input[type='checkbox'] {
                    margin-top: 5px;
                    height: 20px;
                    width: 20px;
                }

                .popupAjouterModifierProfilAction .add-shortcut .row .section input[type='radio'] {
                    margin-top: 5px;
                    height: 20px;
                    width: 20px;
                }


    .popupAjouterModifierProfilAction .messageErreur {
        clear: both;
        padding: 10px 0px;
    }

.popUpBase .addToProfilePopupContent .addToProfilePopupProfileList {
    overflow: auto;
    height: 350px;
}


/*section:not(.repliee) .profilActions > .header .zoneRecherche {
    display: block;
}*/

.profilActions > .header .zoneRecherche {
    /*display: none;
    position: absolute;*/
    top: 0;
    right: 50px;
    padding-right: 10px;
    float: right;
    width: 180px;
}

.zoneRecherche input[type="text"]{
    float: right;
}
/* Add/Edit Actions */
/* Add/Edit WP Settings Popup */
.popupAjouterModifierProfilWpSettings {
    height: 650px;
    width: 1600px;
}

    .popupAjouterModifierProfilWpSettings .hide
    {
        display: none;
    }

    .popupAjouterModifierProfilWpSettings .setting-tabs
    {
        width: 1600px;
    }

        .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav
        {
            padding: 0px !important;
            border: none;
            background: #ffffff;
        }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav li a
            {
                font-size: 0.8em;
            }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-active,
            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-default:hover
            {
                background: #FFA726 !important;
            }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-active
            {
                border: none;
            }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-default a
            {
                color: #FFA726 !important;
            }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-active a,
            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav .ui-state-default:hover a
            {
                color: #ffffff !important;
            }

            .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-nav::after
            {
                width: 100%;
                height: 20px;
                background-color: #FFA726;
            }

        .popupAjouterModifierProfilWpSettings .setting-tabs .ui-tabs-panel
        {
            padding: 0px !important;
        }

        .popupAjouterModifierProfilWpSettings .setting-tabs .tab-content
        {
            height: 400px;
            padding: 10px !important;
            overflow-y: auto;
        }

            .popupAjouterModifierProfilWpSettings .setting-tabs .tab-content p
            {
                text-align: center;
                padding-bottom: 5px;
            }

                .popupAjouterModifierProfilWpSettings .setting-tabs .tab-content p span
                {
                    display: inline-block;
                    width: 250px;
                    text-align: left;
                }

                .popupAjouterModifierProfilWpSettings .setting-tabs .tab-content p:first-child
                {
                    text-align: left;
                }

                    .popupAjouterModifierProfilWpSettings .setting-tabs .tab-content p:first-child span
                    {
                        width: auto;
                    }

.popUpBase #Contenu .popupSendToDevice fieldset legend#sendToDevicePopupTitle {
    font-size: 23px;
}

.popupSendToDevice div.deviceSearch {
    position: relative;
    height: 40px;
}
    .popupSendToDevice div.deviceSearch .deviceSearchField {
        margin: 0;
        border: none;
        height: 100%;
        text-align: center;
        border-radius: 3px 0px 0px 3px;
    }

    .popupSendToDevice div.deviceSearch .deviceSearchButton {
        vertical-align: top;
        height: 100% !important;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../../Images/voir-30x30.png);
        border-radius: 0px 3px 3px 0px;
    }

.popupSendToDevice div.deviceResult {
    margin-top: 30px
}

.popupSendToDevice div.errorMessage {
    text-align: center;
    font-size: large;
}

/* Add/Edit WP Settings Popup */
/* Color Picker */
.ui-colorpicker-dialog,
.ui-colorpicker-dialog .ui-dialog-content,
.ui-colorpicker-dialog .ui-dialog-buttonpane {
    background-color: #b0afaf !important;
}

.ui-colorpicker-dialog
{
    font-size: 0.8em !important;
}

    .ui-colorpicker-dialog .ui-button
    {
        padding: 5px;
    }


/* DropDown with image*/
.pCompanyLogo {
    display: inline-block;
}

.labelCompanyLogo {
    vertical-align: top;
}

.dd-option-text {
    color: black !important;
    display: inline-block !important;
    line-height: 20px !important;
    padding: 8px 0px 0px 0px !important;
    width: 230px !important;
    cursor:pointer;
}

.dd-selected {
    color: black !important;
    height: 55px !important;
    padding: 10px !important;
}

.dd-option-image, .dd-selected-image {
    max-width: 35px !important;
    max-height: 35px !important;
}

.dd-container {
    display: inline-block;
}

.dd-select {
    border-radius: 2px !important;
    border: solid 1px #ccc !important;
    position: relative !important;
    cursor: pointer !important;
    background-color: white !important;
    color: black !important;    
}

.dd-selected-text {
    color: black !important;
    line-height: 20px !important;
    padding: 8px 0px 0px 0px !important;
    display: inline-block !important;
    width: 230px !important;
}

.dd-option:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.dd-option-selected {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/*********************/
.dropdown-check-list {
    display: inline-block;
}

    .dropdown-check-list .anchor {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 5px 50px 5px 10px;
        border: 1px solid #ccc;
        width: 240px;
    }

        .dropdown-check-list .anchor:after {
            position: absolute;
            content: "";
            border-left: 2px solid black;
            border-top: 2px solid black;
            padding: 5px;
            right: 10px;
            top: 20%;
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .dropdown-check-list .anchor:active:after {
            right: 8px;
            top: 21%;
        }

    .dropdown-check-list ul.items {
        padding: 2px;
        display: none;
        margin: 0;
        border: 1px solid #ccc;
        border-top: none;
    }

    .dropdown-check-list ul.items li {
        list-style: none;
    }

    .dropdown-check-list.visible .items label {
        color: black;
    }

    .dropdown-check-list.visible .items {
        display: block;
        
    }

    .labelListCheckBox {
        width:160px;
        float: left;
        padding: 8px 0px 0px 3px;
    }


        

    
/* Messages */
section.messagerie
{
}

    section.messagerie span
    {
        display: inline-block !important;
    }

    section.messagerie .bo.nonLu
    {
        font-weight: bold;
    }

    section.messagerie .expediteur
    {
        font-size: 14px;
        width: 200px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    section.messagerie .destinataire
    {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 2px;
        font-weight: normal !important;
        background-position: left 2px center;
        background-repeat: no-repeat;
        background-image: url(../../Images/vers-15x15.png);
    }

    section.messagerie .nbMessages
    {
        font-size: 18px;
        font-style: italic;
        line-height: 19px;
        vertical-align: baseline;
        font-weight: normal;
        padding-left: 5px;
        padding-right: 2px;
    }

    section.messagerie .dateEnvoi
    {
        font-size: 14px;
        font-style: italic;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(../../Images/message-lu-18x19.png);
    }

    section.messagerie .objet
    {
        font-size: 14px;
        line-height: 22px;
        white-space: normal;
        padding-left: 30px;
    }

    section.messagerie .message
    {
        font-size: 13px;
        line-height: 22px;
        white-space: normal;
        padding-left: 30px;
        font-style: italic;
    }

    section.messagerie .nonLu .dateEnvoi
    {
        background-image: url(../../Images/message-nonlu-18x19.png);
    }

    section.messagerie .fixe:not(.bo) .dateEnvoi
    {
        background-image: none !important;
    }
/* Messages */


/* Détails d'une conversation */
.detailsConversation
{
}

    .detailsConversation .header
    {
    }

        .detailsConversation .header .boutonExportCsv
        {
            top: 0;
            left: 100px;
        }

    .detailsConversation .contenu
    {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        .detailsConversation .contenu .titre
        {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15);
            margin-bottom: 12px;
        }

            .detailsConversation .contenu .titre .libelleExpediteur
            {
                width: 40%;
                text-align: right;
            }

                .detailsConversation .contenu .titre .libelleExpediteur .exp
                {
                }

                .detailsConversation .contenu .titre .libelleExpediteur .fonction
                {
                }

            .detailsConversation .contenu .titre .libelleDestinataire
            {
                width: 40%;
            }

            .detailsConversation .contenu .titre .nbMessages
            {
                text-align: center;
            }

                .detailsConversation .contenu .titre .nbMessages .nb
                {
                    font-size: 30px;
                    display: block;
                    line-height: 25px;
                }

                .detailsConversation .contenu .titre .nbMessages .libelleMessages
                {
                    font-size: 14px;
                    display: block;
                }

        .detailsConversation .contenu .article
        {
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            overflow-y: auto;
            padding-top: 0 !important;
            border-top: none !important;
        }

            .detailsConversation .contenu .article .listeMessages
            {
                display: table;
                width: 750px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 20px;
                padding-right: 20px;
                border-left: solid 1px rgba(0, 0, 0, 0.15);
                border-right: solid 1px rgba(0, 0, 0, 0.15);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .detailsConversation .contenu .article .listeMessages .message
                {
                    padding: 5px;
                    display: table;
                    min-width: 300px;
                    max-width: 470px;
                    position: relative;
                }

                    .detailsConversation .contenu .article .listeMessages .message.exp
                    {
                        margin-left: auto;
                        background-color: rgba(0, 0, 0, 0.30);
                        color: #444;
                        margin-bottom: 30px;
                    }

                        .detailsConversation .contenu .article .listeMessages .message.exp:after
                        {
                            content: '';
                            position: absolute;
                            bottom: -20px;
                            right: 40px;
                            border-width: 20px 0 0 20px;
                            border-style: solid;
                            border-color: rgba(0, 0, 0, 0.30) transparent;
                            display: block;
                            width: 0;
                        }

                    .detailsConversation .contenu .article .listeMessages .message.dest
                    {
                        margin-right: auto;
                        background-color: rgba(0, 0, 0, 0.15);
                        margin-top: 30px;
                        margin-bottom: 20px;
                    }

                        .detailsConversation .contenu .article .listeMessages .message.dest:after
                        {
                            content: '';
                            position: absolute;
                            top: -20px;
                            left: 40px;
                            border-width: 0 20px 20px 0;
                            border-style: solid;
                            border-color: rgba(0, 0, 0, 0.15) transparent;
                            display: block;
                            width: 0;
                        }

                    .detailsConversation .contenu .article .listeMessages .message span
                    {
                        display: block;
                        white-space: normal;
                    }

                        .detailsConversation .contenu .article .listeMessages .message span.objet
                        {
                            font-weight: bold;
                            font-size: 16px;
                            margin-bottom: 5px;
                        }

                        .detailsConversation .contenu .article .listeMessages .message span.msg
                        {
                            font-size: 16px;
                        }

                        .detailsConversation .contenu .article .listeMessages .message span.dateEnvoi
                        {
                            text-align: right;
                            font-size: 12px;
                            margin-top: 15px;
                            font-style: italic;
                        }

                        .detailsConversation .contenu .article .listeMessages .message span.dateLecture
                        {
                            text-align: right;
                            font-size: 12px;
                            font-style: italic;
                        }

        .detailsConversation .contenu .nouveauMessage
        {
            border-top: solid 1px rgba(0, 0, 0, 0.30);
            margin-top: 12px;
            padding: 0px 70px 0px 10px;
            position: relative;
        }

            .detailsConversation .contenu .nouveauMessage .btnEnvoi
            {
                position: absolute;
                top: 63px;
                right: 5px;
                width: 60px;
                height: 60px;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(../../Images/envoyer-50x50.png);
                background-size: 50px;
            }

.pageDetailsMessagerie .nouveauMessage .objet
{
    border: none;
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

.pageDetailsMessagerie .nouveauMessage .nouvMsg
{
    border: none;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100px;
    overflow-y: auto;
    font-size: 16px;
    display: inline-block;
}

.popUpNouveauMessage
{
    width: 550px;
    height: 580px;
}

    .popUpNouveauMessage .nouveauMessage
    {
    }

        .popUpNouveauMessage .nouveauMessage fieldset
        {
            padding-bottom: 10px !important;
            margin-bottom: 10px !important;
        }

            .popUpNouveauMessage .nouveauMessage fieldset .broadcast
            {
                margin-bottom: 5px;
            }

                .popUpNouveauMessage .nouveauMessage fieldset .broadcast input[type=text].rechercheContact
                {
                    width: 350px;
                    margin-right: 30px;
                    vertical-align: baseline !important;
                }

                .popUpNouveauMessage .nouveauMessage fieldset .broadcast label
                {
                    vertical-align: baseline !important;
                }

            .popUpNouveauMessage .nouveauMessage fieldset .destinataires
            {
                height: 200px;
                overflow-y: auto;
                margin-bottom: 15px;
                border: solid 1px rgba(255, 255, 255, 0.3);
                padding: 5px;
            }

                .popUpNouveauMessage .nouveauMessage fieldset .destinataires > div.invisible
                {
                    display: none;
                }
/* Détails d'une conversation */

/* Patchs */
section.patchs
{
    overflow: auto;
}

    section.patchs .patch
    {
        float: left;
        width: 170px;
        height: 140px;
        /*border: solid 1px #444;*/
        position: relative;
        margin-left: 13px;
        margin-top: 13px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
    }

        section.patchs .patch:hover, .patchs .patch.selectionne
        {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

        section.patchs .patch.ajouter
        {
            cursor: pointer;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../../Images/ajouter-grand-40x40.png);
        }

        section.patchs .patch .contenuPatch
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
        }

        section.patchs .patch .infos
        {
            display: block;
            cursor: pointer;
        }

            section.patchs .patch .infos span
            {
                display: block;
            }

                section.patchs .patch .infos span.depuis
                {
                    font-size: 30px;
                    line-height: 30px;
                    opacity: 0.6;
                }

                section.patchs .patch .infos span.vers
                {
                    font-size: 30px;
                    line-height: 30px;
                    padding-left: 53px;
                    background: inherit !important;
                    -webkit-background-clip: inherit !important;
                    -moz-background-clip: inherit !important;
                    background-clip: inherit !important;
                    -webkit-text-fill-color: inherit !important;
                    background-position: left 20px top !important;
                    background-repeat: no-repeat !important;
                    background-image: url(../../Images/vers-grand-25x25.png) !important;
                    margin-top: 2px;
                }

                section.patchs .patch .infos span.typeOS
                {
                    position: absolute;
                    top: 7px;
                    right: 7px;
                    width: 30px;
                    height: 30px;
                    background-position: left 2px center;
                    background-repeat: no-repeat;
                }

                section.patchs .patch .infos span.taille
                {
                    font-style: italic;
                    margin-top: 20px;
                    text-align: right;
                }

                section.patchs .patch .infos span.date
                {
                    font-style: italic;
                    text-align: right;
                }

        section.patchs .patch .menu
        {
            display: none;
            cursor: default;
        }

            section.patchs .patch .menu table td
            {
            }

            section.patchs .patch .menu .depuis
            {
                font-size: 25px;
                text-align: left;
            }

            section.patchs .patch .menu .iconeVers
            {
                width: 30px;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(../../Images/droite-30x30.png);
            }

            section.patchs .patch .menu .vers
            {
                font-size: 25px;
                text-align: right;
            }

            section.patchs .patch .menu input[type=button]
            {
                display: block;
                width: 100%;
                margin-top: 7px;
                padding: 0 13px 0 13px !important;
                font-size: 14px !important;
            }

        section.patchs .patch.selectionne .infos
        {
            display: none;
        }

        section.patchs .patch.selectionne .menu
        {
            display: block;
        }

            section.patchs .patch.selectionne .menu table
            {
                height: 30px !important;
            }

        section.patchs .patch > .infos span
        {
        }

        section.patchs .patch:hover > .infos span
        {
        }
/* Patchs */


/* Ajout patch */
.ajoutPatch
{
}

    .ajoutPatch .popUpBase
    {
        height: 600px;
    }

    .ajoutPatch .contenu form
    {
        height: 210px;
        overflow: auto;
    }

    .ajoutPatch table, /* Pour le message de chargement en cours */
    .ajoutPatch table td
    {
        height: 460px; /* 340 (form) + 40 (header) + 40 (footer) + 20 (padding) */
    }
/* Ajout patch */

/* Protocoles */
.protocoles
{
}

    .protocoles .liste .elements .elt tr:first-child span
    {
        font-size: 16px;
    }

    .protocoles .liste .elements .elt .extras
    {
    }

        .protocoles .liste .elements .elt .extras tr td
        {
        }

            .protocoles .liste .elements .elt .extras tr td.colDate,
            .protocoles .liste .elements .elt .extras tr td.colDate span
            {
                width: 260px;
            }

            .protocoles .liste .elements .elt .extras tr td span
            {
                font-weight: bold;
            }

        .protocoles .liste .elements .elt .extras tr:first-child span
        {
            font-style: italic;
            font-weight: normal;
        }

    .protocoles .liste .elements .elt span.id
    {
        font-size: 14px !important;
        padding-left: 21px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-image: url(../../Images/valide-25x25.png);
    }

    .protocoles .liste .elements .elt .avertissement span.id
    {
        background-image: url(../../Images/avertissement-25x25.png);
    }

    .protocoles .liste .elements .elt span.version
    {
        width: 65px;
        font-weight: bold;
        font-size: 15px !important;
    }

    .protocoles .liste .elements .elt span.date
    {
        width: 130px;
        font-size: 14px;
        font-style: italic;
        text-align: right;
    }
/* Protocoles */


/* Détails Protocole */
.detailsProtocole
{
}

    .detailsProtocole .contenu
    {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        .detailsProtocole .contenu .titre td
        {
            line-height: 30px;
        }

            .detailsProtocole .contenu .titre td.id
            {
                width: 30%;
                text-align: left;
                padding-left: 21px;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 18px 18px;
                background-image: url(../../Images/valide-25x25.png);
            }

    .detailsProtocole.avertissement .contenu .titre td.id
    {
        background-image: url(../../Images/avertissement-25x25.png);
    }

    .detailsProtocole .contenu .titre td.version
    {
        text-align: center;
    }

    .detailsProtocole .contenu .titre td.date
    {
        width: 30%;
        text-align: right;
    }

    .detailsProtocole .contenu > div
    {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .detailsProtocole .contenu .article
    {
        padding-left: 0px !important;
    }

        .detailsProtocole .contenu .article .l
        {
            width: 180px;
        }

        .detailsProtocole .contenu .article .v.suppressionOk
        {
            font-style: italic;
            margin-left: 5px;
        }

        .detailsProtocole .contenu .article .v.suppressionKo
        {
            font-style: italic;
            margin-left: 5px;
        }

        .detailsProtocole .contenu .article.versionsConcernees
        {
            padding-bottom: 20px !important;
        }

        .detailsProtocole .contenu .article.definition
        {
            font-family: 'Lucida Console';
            font-size: 13px;
            white-space: nowrap;
            overflow: auto;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding-bottom: 0px;
            line-height: 15px;
        }

    .detailsProtocole .contenu .definition .a
    {
    }

    .detailsProtocole .contenu .definition .v
    {
    }

    .detailsProtocole .contenu .article.presentationGraphique
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

        .detailsProtocole .contenu .article.presentationGraphique .table
        {
        }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos
            {
                border-right: solid 1px #ccc;
                border-bottom: solid 1px #ccc;
                border-left: solid 1px #ccc;
                padding: 5px;
                padding-bottom: 7px;
                overflow: hidden;
            }

                .detailsProtocole .contenu .article.presentationGraphique .table .infos > div:not(:first-child)
                {
                    font-style: italic;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .l
                {
                    width: 90px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .index
                {
                    background-position: left center;
                    background-repeat: no-repeat;
                    background-size: 36px;
                    background-image: url(../../Images/ferme-36x36.png);
                    padding-left: 40px;
                    line-height: 40px;
                    font-size: 24px;
                    color: #444;
                }

            .detailsProtocole .contenu .article.presentationGraphique .table .indic
            {
                padding-left: 21px;
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 18px 18px;
                background-image: url(../../Images/valide-25x25.png);
            }

                .detailsProtocole .contenu .article.presentationGraphique .table .indic.avertissement
                {
                    background-image: url(../../Images/avertissement-orange-25x25.png);
                }

            .detailsProtocole .contenu .article.presentationGraphique .table.nosync .indic,
            .detailsProtocole .contenu .article.presentationGraphique .table.nosync .synchro .ic
            {
                background-image: none;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .l,
            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v
            {
                min-height: 21px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .nom
            {
                line-height: 40px;
                font-size: 20px;
                color: #444;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .nbCol
            {
                width: 30px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .l.uCol
            {
                width: 150px;
                margin-left: 50px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.uCol
            {
                min-width: 110px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .l.synchro
            {
                width: auto;
                margin-left: 50px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro
            {
                display: inline-block;
                min-width: 50px;
                height: 26px;
                vertical-align: middle;
                overflow-y: hidden;
                padding-left: 31px;
            }

                .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic
                {
                    width: 26px;
                    height: 26px;
                    display: inline-block;
                    margin-left: 5px;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 26px 26px;
                }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.typeSynchro
                    {
                        margin-left: 0px;
                        width: 51px;
                        background-size: 51px 26px;
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.typeSynchro.inconnu
                        {
                            background-image: url(../../Images/sync-type-inconnu.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.typeSynchro.etat
                        {
                            background-image: url(../../Images/sync-type-etat.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.typeSynchro.date
                        {
                            background-image: url(../../Images/sync-type-date.png);
                        }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.highspeed
                    {
                        width: 43px;
                        background-size: 43px 26px;
                        margin-left: 10px;
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.highspeed.ok
                        {
                            background-image: url(../../Images/sync-highspeed-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.highspeed.ko
                        {
                            opacity: 0.2;
                            background-image: url(../../Images/sync-highspeed-ko.png);
                        }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.alluser.ok
                    {
                        background-image: url(../../Images/sync-allusers-ok.png);
                    }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.alluser.ko
                    {
                        opacity: 0.2;
                        background-image: url(../../Images/sync-allusers-ko.png);
                    }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.fullsync
                    {
                        width: 43px;
                        background-size: 43px 26px;
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.fullsync.ok
                        {
                            background-image: url(../../Images/sync-fullsync-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.fullsync.ko
                        {
                            opacity: 0.2;
                            background-image: url(../../Images/sync-fullsync-ko.png);
                        }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.c2s
                    {
                        width: 51px;
                        background-size: 51px 26px;
                        margin-left: 8px;
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.c2s.ok
                        {
                            background-image: url(../../Images/synchro-c2s-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.c2s.ko
                        {
                            opacity: 0.2;
                            background-image: url(../../Images/synchro-c2s-ko.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.c2s.ok-ack
                        {
                            background-image: url(../../Images/synchro-c2s-ack-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.c2s.ko-ack
                        {
                            background-image: url(../../Images/synchro-c2s-ack-ko.png);
                        }

                    .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.s2c
                    {
                        width: 51px;
                        background-size: 51px 26px;
                        margin-left: 8px;
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.s2c.ok
                        {
                            background-image: url(../../Images/synchro-s2c-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.s2c.ko
                        {
                            opacity: 0.2;
                            background-image: url(../../Images/synchro-s2c-ko.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.s2c.ok-ack
                        {
                            background-image: url(../../Images/synchro-s2c-ack-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .v.synchro .ic.s2c.ko-ack
                        {
                            background-image: url(../../Images/synchro-s2c-ack-ko.png);
                        }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .callback
            {
                font-size: 14px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .infos > div .filtre
            {
                font-size: 14px;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .colonnes
            {
                display: none;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table.selectionnee .infos > div .index
            {
                background-image: url(../../Images/ouvert-36x36.png);
            }

            .detailsProtocole .contenu .article.presentationGraphique .table.selectionnee .colonnes
            {
                display: block;
                border-left: solid 1px #ccc;
                border-right: solid 1px #ccc;
            }

            .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col
            {
                line-height: 45px;
                border-bottom: solid 1px #ccc;
                padding-left: 5px;
                overflow: hidden;
            }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col.nosync
                {
                    opacity: 0.3;
                    font-style: italic;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col.indic
                {
                    padding-left: 30px;
                    background-position: left 5px center;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col .nom
                {
                    color: #000;
                    width: 200px;
                    overflow: hidden;
                    -ms-text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col .type
                {
                    color: #000;
                    width: 120px;
                    overflow: hidden;
                    -ms-text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col .cle
                {
                    min-width: 200px;
                    font-weight: bold;
                }

                    .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .col .cle.nokey
                    {
                        background-image: none;
                    }

            .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro
            {
                display: inline-block;
                height: 36px;
                vertical-align: middle;
            }

                .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic
                {
                    width: 51px;
                    height: 36px;
                    line-height: 36px;
                    display: inline-block;
                    margin-left: 7px;
                    background-position: center top;
                    background-repeat: no-repeat;
                    background-size: 51px 26px;
                    font-size: 10px;
                    text-align: center;
                    padding-top: 13px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.c2s
                    {
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.c2s.ok
                        {
                            background-image: url(../../Images/synchro-c2s-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.c2s.ko
                        {
                            color: #000;
                            opacity: 0.2;
                            background-image: url(../../Images/synchro-c2s-ko.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.c2s.ok-ack
                        {
                            background-image: url(../../Images/synchro-c2s-ack-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.c2s.ko-ack
                        {
                            background-image: url(../../Images/synchro-c2s-ack-ko.png);
                        }

                    .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.s2c
                    {
                    }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.s2c.ok
                        {
                            background-image: url(../../Images/synchro-s2c-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.s2c.ko
                        {
                            color: #000;
                            opacity: 0.2;
                            background-image: url(../../Images/synchro-s2c-ko.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.s2c.ok-ack
                        {
                            background-image: url(../../Images/synchro-s2c-ack-ok.png);
                        }

                        .detailsProtocole .contenu .article.presentationGraphique .table .colonnes .synchro .ic.s2c.ko-ack
                        {
                            background-image: url(../../Images/synchro-s2c-ack-ko.png);
                        }
/* Détails Protocole */


/* Erreurs dans un protocole */
.erreursProtocole
{
}

    .erreursProtocole li
    {
        font-size: 13px;
        padding-left: 20px;
        line-height: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url(../../Images/avertissement-25x25.png);
    }

        .erreursProtocole li:not(:first-child)
        {
        }
/* Erreurs dans un protocole */


/* Remplacer fichier */
.remplacerFichier
{
}

    .remplacerFichier form
    {
    }

    .remplacerFichier table, /* Pour le message de chargement en cours */
    .remplacerFichier table td
    {
        height: 240px; /* 120 (form) + 40 (header) + 40 (footer) + 20 (padding) */
    }
/* Remplacer fichier */


/* Ajout protocole */
.ajoutProtocole
{
}

    .ajoutProtocole .contenu form
    {
        overflow: auto;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .ajoutProtocole .contenu fieldset
    {
        float: left;
        width: 340px;
    }

        .ajoutProtocole .contenu fieldset:first-child
        {
            margin-right: 10px;
        }

        .ajoutProtocole .contenu fieldset legend
        {
            text-align: center;
        }

    .ajoutProtocole table,
    .ajoutProtocole table td
    {
        height: 240px; /* 140 (form) + 40 (header) + 40 (footer) + 20 (padding) */
    }

    .ajoutProtocole .uploadFichiers input[type="button"]
    {
    }
/* Ajout protocole */

/* Profils */

.profile-command-result-container{
    width:100%!important;
}

.profils {
    padding-bottom: 50px;
}

    .profils .liste .elements .elt span.idProfile
    {
        width: 30px;
    }

    .repliee .profils .liste .elements .elt span.nameProfile {
        width: 150px;
    }

    .profils .liste > .elements .elt .extras table td.icone:first-child
    {
        background-position: center right 8px;
        padding-left: 45px;
    }

    .profils .liste > .elements .elt .extras table td.icone.terminal
    {
        background-image: url(../../Images/terminal-30x30.png);
    }

    .profils .liste > .elements .elt .extras table td.icone.settings
    {
        background-image: url(../../Images/configuration-noir-30x30.png);
    }

    .profils .liste > .elements .elt .extras span.nbTerminaux,
    .profils .liste > .elements .elt .extras span.NbSettings
    {
        font-weight: bold;
        font-size: 25px;
        width: 90px;
    }

    .profils .liste > .elements .elt table td.date
    {
        width: 200px;
    }

    .profils .liste > .elements .elt table td.integer
    {
        width: 50px;
    }

    .profils .fixe {
        width: 100% !important;
    }

    .profils .extras {
        position: absolute !important;
        right: 0;
        height:auto !important;
    }

    .repliee .profils .extras {
        display: none !important;
    }

    /* Profils */
    /* Détails Profils */

.detailsProfil
{
    width: 420px;
    margin-left: 5px;
}

    .detailsProfil .contenu .titre
    {
        line-height: 40px;
        text-align: center;
        padding-right: 35px;
        padding-left: 35px;
        font-weight: bold;
        background-position: left center;
        background-repeat: no-repeat;
    }

        .detailsProfil .contenu .commandResultContainer {
            word-wrap: break-word;
            padding: 20px;
            padding-left: 50px;
        }

        .listeEcrans .detailsProfil .contenu .commandResultContainer .commandResult li {
            list-style: decimal;
        }
        
        .detailsProfil .contenu .commandResultContainer .detailsProfil .contenu .article {
            padding-left: 0px !important;
        }

        .detailsProfil .contenu .article .l
        {
            width: 160px;
        }

/* Détails Profils */

/* Popup ajout version */
.popupAjouterVersion
{
}

    .popupAjouterVersion .contenu
    {
        padding: 15px;
    }

        .popupAjouterVersion .contenu table
        {
        }

            .popupAjouterVersion .contenu table td
            {
                text-align: left;
            }

        .popupAjouterVersion .contenu input[type=text],
        .popupAjouterVersion .contenu select,
        .popupAjouterVersion .contenu input[type=button]
        {
            margin-left: 5px;
        }

        .popupAjouterVersion .contenu input[type=text],
        .popupAjouterVersion .contenu select
        {
            width: 400px;
            font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
        }

    .popupAjouterVersion input[type=button]
    {
        height: 50px !important;
    }

    .popupAjouterVersion .footer
    {
        background-color: inherit !important;
        border: none !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 80px;
        margin-bottom: 20px !important;
    }

    .popupAjouterVersion .header
    {
        height: 140px;
        line-height: 50px;
        font-weight: 100;
        font-size: 40px;
        margin-top: 0px;
        padding-top: 80px;
        background-color: inherit !important;
        background-image: url(../../Images/upload.png);
        background-repeat: no-repeat;
        background-position: center 0px;
    }

    .popupAjouterVersion .boutonAppliquer:hover
    {
        width: 80px;
        height: 80px;
        -moz-transition: all 0.05s ease-in-out 0s;
        -o-transition: all 0.05s ease-in-out 0s;
        -webkit-transition: all 0.05s ease-in-out 0s;
        transition: all 0.05s ease-in-out 0s;
    }

    .popupAjouterVersion .boutonAnnuler:hover
    {
        width: 80px;
        height: 80px;
    }

    .popupAjouterVersion .contenu select
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

        .popupAjouterVersion .contenu select option
        {
            font-weight: normal;
        }

    .popupAjouterVersion .contenu input[type=text]
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

/* Popup ajout version */

/* Profils - Settings*/

.profils-settings
{
}

    .profils-settings .liste > .elements .elt
    {
        height: auto;
    }

        .profils-settings .liste > .elements .elt .fixe {
            width: 280px;
        }

            .profils-settings .liste > .elements .elt .fixe table
            {
                height: 30px !important;
            }

            .profils-settings .liste > .elements .elt .fixe td
            {
                height: 30px;
                vertical-align: bottom;
            }

        .profils-settings .liste > .elements .elt span.idSetting
        {
            width: 45px;
            font-size: 30px;
            line-height: 30px;
        }

        .profils-settings .liste > .elements .elt span.idSettingTerminaux {
            width: 45px;
            font-size: 20px;
            line-height: 30px;
        }

        .profils-settings .liste > .elements .elt span.nameSetting
        {
            width: 224px;
            white-space: normal;
        }

        .profils-settings .liste > .elements .elt table td.settings-parameters
        {
            padding-top: 5px;
        }

            .profils-settings .liste > .elements .elt table td.settings-parameters ul li
            {
                margin-bottom: 10px;
            }

                .profils-settings .liste > .elements .elt table td.settings-parameters ul li span
                {
                    padding-left: 20px;
                    min-height: 22px;
                }


    .profils-settings .liste .footer .cptNumTotal
    {
        margin-right: 0 !important;
    }

    .profils-settings .boutonActionListe
    {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 105px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        padding-left: 7px;
        padding-right: 7px;
        border-left: solid 1px #ddd;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-top: 33px !important;
        background-position: center top 7px !important;
    }

    .profils-settings .bouton.boutonModifySettings
    {
        background-image: url(../../Images/bouton-modifier-blanc-30x30.png);
    }

/* Profils - Settings*/

/* Profils - Builder*/

.profil-builder
{
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .profil-builder .settingsAvailables
    {
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc((100% - 700px) / 2); /* Car le flexbox bug parfois */
    }

        .profil-builder .settingsAvailables .liste .header
        {
            padding-left: 60px;
        }

        .profil-builder .settingsAvailables .pagination
        {
            margin-left: 0px;
            width: 260px;
        }

            .profil-builder .settingsAvailables .pagination .boutonPremier,
            .profil-builder .settingsAvailables .pagination .boutonPremierInactif
            {
                border-left: none;
            }

        .profil-builder .settingsAvailables .liste .fixe
        {
            width: 350px;
        }

        .profil-builder .settingsAvailables .liste .extras .action
        {
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
        }

            .profil-builder .settingsAvailables .liste .extras .action input[type=button].boutonAjouterBuilderSetting
            {
                width: 50px !important;
                height: 50px !important;
                font-size: 45px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                min-width: 0px !important;
                line-height: 50px !important;
                padding: 0 !important;
                cursor: pointer !important;
                background-image: url(../../Images/ajouter-terminal-40x40.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 25px;
            }

    .profil-builder .profileNameSelectedSettings
    {
        background-color: transparent;
    }

    .profil-builder .profileName
    {
        width: 420px;
        height: 100px;
        -ms-flex: 0 0 420px;
        -webkit-flex: 0 0 420px;
        flex: 0 0 420px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .profil-builder .profileName .contenu
        {
            padding-top: 5px !important;
            height: 100px;
        }

            .profil-builder .profileName .contenu input[type=text]
            {
                width: 100%;
            }

    .profil-builder .selectedSettings
    {
        width: 420px;
        height: calc(100% - 105px);
        -ms-flex: 0 0 420px;
        -webkit-flex: 0 0 420px;
        flex: 0 0 420px;
        margin-left: 5px;
        margin-right: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .profil-builder .selectedSettings .settingsTreeView
        {
            padding-top: 2px;
        }

            .profil-builder .selectedSettings .settingsTreeView ul li
            {
                margin-bottom: 1px;
                margin-left: 0px;
                padding: 12px 0px;
                border: solid 1px #000000;
                border-radius: 3px;
                color: #000000;
            }

            .profil-builder .selectedSettings .settingsTreeView .root_node ul li:hover,
            .profil-builder .selectedSettings .settingsTreeView .root_node ul li.itemSelected
            {
                background-color: #dddddd;
            }

            .profil-builder .selectedSettings .settingsTreeView ul li div
            {
                padding: 10px 0px;
            }

            .profil-builder .selectedSettings .settingsTreeView ul li a
            {
                width: calc(100% - 24px);
                color: #000000 !important;
            }

            .profil-builder .selectedSettings .settingsTreeView ul li div.jstree-wholerow-clicked,
            .profil-builder .selectedSettings .settingsTreeView ul li div.jstree-wholerow-hovered
            {
                background: none;
            }

            .profil-builder .selectedSettings .settingsTreeView ul li span
            {
                width: 275px;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .profil-builder .selectedSettings .settingsTreeView ul li span:hover
                {
                    cursor: pointer;
                }

            .profil-builder .selectedSettings .settingsTreeView ul li a input[type=button]
            {
                background-color: transparent !important;
                position: absolute;
                top: -11px;
                width: 30px !important;
                height: 45px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                min-width: 0px !important;
                padding: 0 !important;
                cursor: pointer !important;
                background-image: url(../../Images/bouton-supprimer-40x40.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 25px;
            }

                .profil-builder .selectedSettings .settingsTreeView ul li a input[type=button].DropComponentButton
                {
                    right: 0px;
                    background-image: url(../../Images/bouton-supprimer-40x40.png);
                }

            .profil-builder .selectedSettings .settingsTreeView ul li.MandatorySetting a input[type=button].DropComponentButton
            {
                display: none;
            }

            .profil-builder .selectedSettings .settingsTreeView ul li a input[type=button].UpComponentButton
            {
                right: 30px;
                background-image: url(../../Images/bouton-tri-asc-40x40.png);
            }

            .profil-builder .selectedSettings .settingsTreeView ul li a input[type=button].DownComponentButton
            {
                right: 60px;
                background-image: url(../../Images/bouton-tri-desc-40x40.png);
            }

            .profil-builder .selectedSettings .settingsTreeView ul li.root_node
            {
                margin-bottom: 0px;
                margin-left: 0px;
                padding: 0px;
                border: none;
            }

                .profil-builder .selectedSettings .settingsTreeView ul li.root_node > div,
                .profil-builder .selectedSettings .settingsTreeView ul li.root_node > i,
                .profil-builder .selectedSettings .settingsTreeView ul li.root_node > a
                {
                    display: none;
                }

        .profil-builder .selectedSettings div.footer .boutonModifySettings
        {
            position: absolute;
            right: 0px;
            width: 105px;
            border-left: solid 1px #dddddd;
            background-image: url(../../Images/enregistrer-30x30.png);
        }

    .profil-builder .editSettings
    {
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc((100% - 160px) / 2); /* Car le flexbox bug parfois */
    }

        .profil-builder .editSettings .footer
        {
        }

        .profil-builder .editSettings div.footer .boutonModifySettings
        {
            position: absolute;
            right: 0px;
            width: 105px;
            border-left: solid 1px #dddddd;
            background-image: url(../../Images/enregistrer-30x30.png);
        }

        .profil-builder .editSettings .comp-children
        {
            margin-top: 20px;
            padding: 0px 20px;
        }


        .profil-builder .editSettings .comp-group
        {
        }

            .profil-builder .editSettings .comp-group > label
            {
                font-size: 20px;
                color: #000000;
            }

        .profil-builder .editSettings .comp-children .comp-base
        {
            margin-bottom: 10px;
        }

            .profil-builder .editSettings .comp-children .comp-base label
            {
                display: block;
            }

            .profil-builder .editSettings .comp-children .comp-base .comp-checkbox-label
            {
                display: inline;
            }

            .profil-builder .editSettings .comp-children .comp-base .comp-string-input,
            .profil-builder .editSettings .comp-children .comp-base .comp-text-input
            {
                width: 100%;
            }

            .profil-builder .editSettings .comp-children .comp-base .comp-text-input
            {
                height: 100px;
            }

            .profil-builder .editSettings .comp-children .comp-base .comp-choice-select
            {
                width: 25%;
            }


/* Profiles */
.profiles {
}

        .profiles .liste .elements .pageListe .elt .extras .champListe {
            width: 500px;
        }


        .profiles .liste .elements .elt .fixe {
            border-left-style: solid;
            border-left-width: 10px;
            border-left-color: transparent;
        }

        .profiles .liste .elements .elt .fixe.termine {
            border-left-color: green;
        }

        .profiles .liste .elements .elt .fixe.erreur {
            border-left-color: #BD0013;
        }

        .profiles .liste .elements .elt .fixe table {
            width: 194px;
        }

            .profiles .liste .elements .elt .fixe table td:first-child {
            }

    .profiles .liste .elements .elt .fixe span.libelle {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 16px;
        padding-left: 21px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-image: url(../../Images/encours-25x25.png);
    }

        .profiles .liste .elements .elt .fixe.annule span.libelle {
            background-image: url(../../Images/annule-25x25.png);
        }

        .profiles .liste .elements .elt .fixe.planifie span.libelle {
            background-image: url(../../Images/planifie-25x25.png);
        }

        .profiles .liste .elements .elt .fixe.termine span.libelle {
            background-image: url(../../Images/termine-25x25.png);
        }

        .profiles .liste .elements .elt .fixe.erreur span.libelle {
            background-image: url(../../Images/erreur-25x25.png);
        }

        .profiles .liste .elements .pageListe .elt .fixe .droite .dateExecution {
            width: 150px;
            text-align: left;
        }

        .profiles .liste .elements .elt .fixe span.dateExecution {
            width: 121px;
            text-align: right;
            font-size: 13px;
            font-style: italic;
            line-height: 18px;
            background-position: 1px center;
            background-repeat: no-repeat;
            display: inline-block;
            color: red;
        }

        .profiles .liste .elements .elt .fixe span.idTerminal {
            width: 67px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: bold;
            font-size: 14px !important;
            padding-left: 15px;
            line-height: 18px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

        .profiles .liste .elements .elt .fixe:not(.planifie) span.dateExecution {
            color: #000 !important;
        }

    .profiles .liste > .elements .elt td.icone.etat {
        padding-left: 47px;
        background-position: left 11px center;
    }

        .profiles .liste > .elements .elt td.icone.etat span {
            width: 123px;
        }

    .profiles .liste > .elements .elt .extras.annule td.icone.etat {
        background-image: url(../../Images/annule-25x25.png);
    }

    .profiles .liste > .elements .elt .extras.erreur td.icone.etat {
        background-image: url(../../Images/erreur-25x25.png);
    }

    .profiles .liste .elements .elt .fixe.planifie span.dateExecution {
        background-image: url(../../Images/planifie-18x18.png);
    }

    .profiles .liste > .elements .elt .extras.planifie td.icone.etat {
        background-image: url(../../Images/planifie-25x25.png);
    }

    .profiles .liste > .elements .elt .extras.termine td.icone.etat {
        background-image: url(../../Images/termine-25x25.png);
    }

    .profiles .liste > .elements .elt .extras.encours td.icone.etat {
        background-image: url(../../Images/encours-25x25.png);
    }

    .profiles .liste > .elements .elt td.icone.fichier {
        padding-left: 55px;
        background-position: left 10px center;
    }

        .profiles .liste > .elements .elt td.icone.fichier span {
            width: 143px;
        }

        .profiles .liste > .elements .elt td.icone.fichier.fichierOk {
            background-image: url(../../Images/fichier-30x30.png);
        }

        .profiles .liste > .elements .elt td.icone.fichier.fichierKo {
            color: #999;
            font-style: italic;
            background-image: url(../../Images/fichier-aucun-30x30.png);
            visibility: hidden;
        }

    .profiles .liste > .elements .elt td.icone.resultat {
        width: auto;
        height: 50px;
        padding-left: 55px;
        background-position: left 10px top 10px;
        background-image: url(../../Images/resultat-30x30.png);
    }

        .profiles .liste > .elements .elt td.icone.resultat.resultatOk {
            background-image: url(../../Images/resultat-30x30.png);
        }

        .profiles .liste > .elements .elt td.icone.resultat.resultatKo {
            color: #999;
            font-style: italic;
            background-image: url(../../Images/resultat-aucun-30x30.png);
        }

        .profiles .liste > .elements .elt td.icone.resultat.resultatOk span {
            line-height: 50px;
            white-space: normal;
        }

    .profiles .liste > .elements .elt .extras:not(.termine) td.icone.fichierKo {
        visibility: hidden;
    }

    .profiles .liste > .elements .elt .extras:not(.termine) td.icone.resultatKo {
        visibility: hidden;
    }

    .profiles .liste > .elements .elt .extras.erreur td.icone.resultatKo {
        visibility: visible;
    }

.ecran:not(:first-child) .profiles .liste > .elements .elt td.icone.etat {
    display: none; /* Ecran de détails d'un terminal */
}

.ecran:not(:first-child) .profiles .liste > .elements .elt td.fichier span {
    display: none; /* Ecran de détails d'un terminal */
}
/* Profiles */
.remotecontrol
{
    
}

    .remotecontrol .remotecontrol-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .remotecontrol #initConnection {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 200px;
        height: 50px;
        margin: auto;
        background-color: #CCCCCC;
        color: #FFFFFF;
        border-width: 0px;
        display: none;
        -webkit-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }

        .remotecontrol #initConnection:hover {
            cursor: pointer;
            background-color: #6B6B6B;
        }

.remotecontrol__status-message {
    white-space: nowrap;
    height: auto;
    margin: auto;
    font-size: 30px;
    text-align: center;
    border-width: 0px;
    display: hidden;
}

.remotecontrol__status-message--error{
    color:red;
}

.remotecontrol__progress-bar {
    height: 10px !important;
    display: hidden;
}

        .remotecontrol__progress-bar .ui-progressbar-value {
            margin: 0 !important;
        }

.remotecontrol__connect-button {
    font-size: 22px;
    width: 300px;
    height: 50px;
    margin: 20px auto;
    text-align: center;
    border-width: 0px;
    display: block;
    color: #fff !important;
    background-color: #6B6B6B !important;
}

    .remotecontrol__connect-button:hover {
        cursor: pointer;
        background-color: #B0AFAF !important;
    }

    .remotecontrol .button {
        float: left;
        font-size: 15px;
        min-width: 100px;
        padding: 2px;
        background-color: #b0afaf;
        border: 0px;
        border-right: 1px solid #fff;
        color: #fff;
    }

    .remotecontrol .button:hover {
        cursor: pointer;
        background-color: #6B6B6B;
    }

    .remotecontrol .toolbarData {
        float: left;
        font-size: 15px;
        min-width: 220px;
        min-width: 220px;
        display: inline-block;
        padding: 2px;
        background-color: #b0afaf;
        border: 0px;
        border-right: 1px solid #fff;
        color: #fff;
        padding-left: 15px;
        padding-right: 15px;
    }

    .remotecontrol .contenu .bar {
        background-color: red;
        border: 1px solid red;
    }


    .remotecontrol .footer {
        display: none;
    }


input[type=range] {
    height: 34px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 200px;
    background: #b0afaf;
    border:none;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 11px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #2c3e50;
        background: #2C3E50;
        border-radius: 12px;
        border: none;
    }

        input[type=range]::-webkit-slider-thumb {
            box-shadow: 1px 1px 1px #2C3E50;
            border: 1px solid #2C3E50;
            height: 26px;
            width: 26px;
            border-radius: 15px;
            background: #FFF;
            cursor: pointer;
            -webkit-appearance: none;
            margin-top: -8px;
        }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #2C3E50;
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 11px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #2c3e50;
        background: #2C3E50;
        border-radius: 12px;
        border: 0px solid #2C3E50;
    }

    input[type=range]::-moz-range-thumb {
        border: none;
        height: 26px;
        width: 26px;
        border-radius: 15px;        
        cursor: pointer;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 11px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower {
        background: #2C3E50;
        border: 0px solid #2C3E50;
        border-radius: 24px;
        box-shadow: 0px 0px 0px #2c3e50;
    }

    input[type=range]::-ms-fill-upper {
        background: #2C3E50;
        border: 0px solid #2C3E50;
        border-radius: 24px;
        box-shadow: 0px 0px 0px #2c3e50;
    }

        input[type=range]::-ms-thumb {
            margin-top: 1px;
            box-shadow: 0px 0px 0px #2C3E50;
            border: 1px solid #2C3E50;
            height: 26px;
            width: 26px;
            border-radius: 15px;
            background: #FFF;
            cursor: pointer;
        }

    input[type=range]:focus::-ms-fill-lower {
        background: #2C3E50;
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #2C3E50;
    }





.switch {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 30px;
    margin-top:10px;
}

    .switch input {
        display: none;
    }

.slider-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e8e8e8;
    -webkit-transition: .4s;
    transition: .4s;
    user-select: none;
}

    .slider-switch:before {
        position: absolute;
        content: "";
        height: 25px;
        width: 75px;
        left: 3px;
        bottom: 3px;
        background-color: #2C3E50;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider-switch {
    background-color: #e8e8e8;
}

input:focus + .slider-switch {
    box-shadow: 0 0 1px #fff;
}

input:checked + .slider-switch:before {
    -webkit-transform: translateX(124px);
    -ms-transform: translateX(124px);
    transform: translateX(90px);
    background-color: #2C3E50;
}

/* Rounded slids */
.slider-switch.round {
    border-radius: 34px;
}

    .slider-switch.round:before {
        border-radius: 34px;
    }

.slider-switch.square:before {
    border-radius: 4px;
}

.switch-non {
    position: absolute;
    top: 50%;
    transform: translate(100%, -50%);
    left: -15px;
    color: #fff
}

.switch-oui {
    position: absolute;
    top: 50%;
    transform: translate(-150%, -50%);
    right: -55px;
    color: #fff;
}

input:checked + .slider-switch > .switch-oui {
    color: #FFF
}

.phone {
    transform: translate(-50%,-50%) infinite;
    background-color: black;
    border: 10px solid black;
    border-radius: 30px;
    width: auto;
    height: auto;
    min-width: 100px;
    min-height: 200px;
    overflow: auto;
    display: none;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

    .phone .up {
        background-color: black;
        position: relative;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        border-radius: 30px 30px 0 0;
    }

        .phone .up .cam {
            width: 12px;
            height: 12px;
            background-color: #494949;
            position: absolute;
            left: 31%;
            top: 20px;
            border-radius: 50%;
        }

        .phone .up .sound {
            width: 40px;
            height: 6px;
            background-color: #494949;
            position: absolute;
            left: 43%;
            top: 24px;
            border-radius: 2px;
        }

        .phone .up .flash {
            width: 12px;
            height: 12px;
            background-color: #494949;
            position: absolute;
            left: 60%;
            top: 20px;
            border-radius: 50%;
        }

        .phone .up .sensor {
            width: 10px;
            height: 10px;
            background-color: #494949;
            position: absolute;
            left: 68%;
            top: 22px;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
        }

    .phone .surface {
        width: 250px;
        height: 400px;
        background-color: #262323;
        position: relative;
        left: 0;
        cursor: pointer;
    }

    .phone .phone-buttons {
        height: 50px;
        width: 100%;
        border-radius: 0 0 30px 30px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding-top: 12px;
    }

        .phone .phone-buttons:hover {
            cursor: pointer;
        }

        .phone .phone-buttons .phone-button {
            width: 35px;
            max-height: 35px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .phone .phone-buttons .home {
            background-image: url('../../Images/phone_home.png')
        }

        .phone .phone-buttons .back {
            background-image: url('../../Images/phone_back.png')
        }

        .phone .phone-buttons .menu {
            background-image: url('../../Images/phone_menu.png')
        }
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
    color: black !important;
}

    .jstree-anchor:hover {
        background-color: #d5d2d2 !important;
    }

.jstree-default .jstree-clicked {
    background: gray !important;
    color: white !important;
}

.device-file-explorer {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .device-file-explorer .container {
        float: left;
        width: 100%;
        height: 80vh;
        box-sizing: border-box;
    }

    /*Action bar*/    
    .device-file-explorer .container .action-bar {
        padding: 5px;
        width: 100%;
        box-sizing: border-box;
        height: 10vh;
        overflow: auto;
    }

        .device-file-explorer .container .action-bar .action-bar-button {
            float: left;
            padding: 0.2vw;
            height: 8.5vh;
            margin-right: 0.3vw;
            width: 4.1vw;
            border-radius: 5px;
            transition: opacity 0.5s ease;
            font-size: 9px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 15px;
            transition: all 0.3s ease;
            box-sizing: border-box;
        }

            .device-file-explorer .container .action-bar .action-bar-button:first-child {
                margin-left: 0.1vw;
            }

            .device-file-explorer .container .action-bar .action-bar-button:last-child {
                margin-right: 0vw;
            }

            .device-file-explorer .container .action-bar .action-bar-button:hover:enabled {
                cursor: pointer;
                background-color: darkgrey;
            }

            .device-file-explorer .container .action-bar .action-bar-button:disabled {
                opacity: 0.3
            }

    /*Navigation*/

    .device-file-explorer .container .navigation {
            float: left;
            padding: 10px;
            overflow-y: scroll;
            min-width: 400px;
            height: 70vh;
            box-sizing: border-box;
        }

    /*Content*/

        .device-file-explorer .container .content {
            overflow: hidden;
            height: 70vh;
            box-sizing: border-box;
        }

        /*Preview panel*/

        .device-file-explorer .container .content .preview-panel {
            position: fixed;
            height: 70vh;
            right: 0;
            width: 25vw;
            transform: translateX(100%);
            transition: .3s ease-out;
            z-index: 1000;
            top: 15.5vh;

        }

            .device-file-explorer .container .content .preview-panel .panel {
                position: absolute;
                height: 100%;
                left: 0;
                right: 0;
                background: #dbdbdb;
                color: #eee;
                overflow: auto;
                padding: 20px;
            }

                .device-file-explorer .container .content .preview-panel .panel .title {
                    color: #333;
                    font-size: 20px;
                    font-weight: bold;
                }

                .device-file-explorer .container .content .preview-panel .panel .close {
                    position: absolute;
                    top: 15px;
                    left: 92%;
                    transition: all 200ms;
                    font-size: 30px;
                    font-weight: bold;
                    text-decoration: none;
                    color: #333 !important;
                }

                .device-file-explorer .container .content .preview-panel .panel .file-contents {
                    margin-top: 20px;
                    width: 100%;
                    height: 84%;
                    background-color: #fafafa;
                    text-align: left;
                    vertical-align: top;
                    padding: 20px
                }

                .device-file-explorer .container .content .preview-panel .panel .edit-file-button {
                    margin-top: 30px;
                    height: 30px;
                    line-height: 30px;
                    width: 100px;
                    margin-right: 20px;
                }

                    .device-file-explorer .container .content .preview-panel .panel .edit-file-button:hover:enabled {
                        cursor: pointer;
                        background-color: darkgrey;
                    }

                    .device-file-explorer .container .content .preview-panel .panel .edit-file-button:disabled {
                        opacity: 0.3
                    }

                .device-file-explorer .container .content .preview-panel .panel .close:hover {
                    cursor: pointer;
                    color: red !important;
                }

        /*Folder panel*/

            .device-file-explorer .container .content .folder-panel {
                font-size: 15px;
                color: black;
                overflow: hidden;
                overflow-y: scroll;
                height: 70vh;
            }

            .device-file-explorer .container .content .folder-panel .search-clue {
                float: left;
                background-color: #fafafa;
                color: #333;
                width: 100%;
                font-size: 18px;
                min-height: 60px;
                line-height: 60px;
                transform: translateY(-100%);
                transition: .3s ease-out;
                display: none;
            }

                .device-file-explorer .container .content .folder-panel .search-clue .caption {
                    float: left;
                    width: 80%;
                    padding-left: 20px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .device-file-explorer .container .content .folder-panel .search-clue .close {
                    float: left;
                    transition: all 200ms;
                    font-size: 30px;
                    font-weight: bold;
                    text-decoration: none;
                    color: #333 !important;
                    width: 15%;
                    text-align: right;
                }

                    .device-file-explorer .container .content .folder-panel .search-clue .close:hover {
                        cursor: pointer;
                        color: red !important;
                    }

        .device-file-explorer .container .content .folder {
            font-size: 15px;
            color: black;
            padding: 10px;
            box-sizing: border-box;
        }

            .device-file-explorer .container .content .folder .file-uploader {
                visibility: hidden;
            }

        .device-file-explorer .container .content .folder-panel .folder .header {
            color: black;
            text-align: left;
            font-weight: bold;
            box-sizing: border-box;
        }

            .device-file-explorer .container .content .folder-panel .folder .header .col {
                float: left;
                text-align: left;
            }

            .device-file-explorer .container .content .folder-panel .folder .header .col1 {
                width: 5%;
            }

            .device-file-explorer .container .content .folder-panel .folder .header .col2 {
                width: 55%;
            }

            .device-file-explorer .container .content .folder-panel .folder .header .col3 {
                width: 15%;
            }

            .device-file-explorer .container .content .folder-panel .folder .header .col4 {
                width: 25%;
            }

        .device-file-explorer .container .content .folder .rows {
            float: left;
            width: 100%;
        }

            .device-file-explorer .container .content .folder .rows .row {
                height: 40px !important;
                line-height: 40px;
            }

                .device-file-explorer .container .content .folder .rows .row:hover {
                    background-color: #d5d2d2;
                    cursor: pointer;
                }

            .device-file-explorer .container .content .folder .rows .selected {
                background-color: gray !important;
                color: white !important;
            }

            .device-file-explorer .container .content .folder .rows .row .col {
                float: left;
                line-height: 40px
            }

            .device-file-explorer .container .content .folder .rows .row .col1 {
                background-image: url('../../Images/fichier-30x30.png');
                background-repeat: no-repeat;
                background-position: left center;
                width: 5%;
                height: 40px;
            }

            .device-file-explorer .container .content .folder .rows .row .col2 {
                width: 55%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 10px;
            }

            .device-file-explorer .container .content .folder .rows .row .col3 {
                width: 15%;
            }

            .device-file-explorer .container .content .folder .rows .row .col4 {
                width: 25%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .device-file-explorer .container .preview {
        background-color: #fafafa;
    }

    .device-file-explorer .container .bottom {
        float: left;
        padding: 15px;
        width: 100%;
        box-sizing: border-box;
        height: 5vh;
    }

        .device-file-explorer .container .bottom .pathLabel {
            float: left;
            padding-right: 10px;
            text-overflow: ellipsis;
            width: 50%;
            overflow: hidden;
        }

        .device-file-explorer .container .bottom .folderStats {
            float: left;
            padding-left: 10px;
            border-left: 1px solid #d5d2d2;
            padding-right: 10px;
        }

        .device-file-explorer .container .bottom .networkType {
            float: left;
            padding-left: 10px;
            border-left: 1px solid #d5d2d2;
        }
/* RTH_DEVICELOG */
.rthdevicelog
{
}

    .rthdevicelog .liste .elements .elt tr:first-child span
    {
        font-size: 16px;
    }

    .rthdevicelog .liste .elements .elt span.idTerminal
    {
        width: 50px;
        font-weight: bold;
        font-size: 14px !important;
        padding-left: 15px;
        background-image: url(../../Images/terminal-12x18.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .rthdevicelog .liste .elements .elt span.type
    {
        width: 133px;
    }

    .rthdevicelog .liste .elements .elt span.niveau
    {
        width: 55px;
        font-size: 16px !important;
    }

    .rthdevicelog .liste .elements .elt span.dateLog
    {
        width: 133px;
        font-size: 14px;
        font-style: italic;
    }

    .rthdevicelog .liste .elements .elt span.texte
    {
        font-size: 15px;
        line-height: 20px;
        white-space: normal;
        -ms-word-break: break-all;
        word-break: break-all;
        font-style: italic;
    }
/* RTH_DEVICELOG */


/* Détails RTH_DEVICELOG */
.detailsRthDeviceLog
{
}

    .detailsRthDeviceLog .contenu .titre .date
    {
        width: 30%;
        text-align: left;
    }

    .detailsRthDeviceLog .contenu .titre .type
    {
        text-align: center;
    }

    .detailsRthDeviceLog .contenu .titre .niveau
    {
        width: 30%;
        text-align: right;
    }

    .detailsRthDeviceLog .contenu .article .l
    {
        width: 115px !important;
    }
/* Détails RTH_DEVICELOG */

/* RTH_LOG */
.rthlog
{
}

    .rthlog .liste .elements .elt tr:first-child span
    {
        font-size: 16px;
    }

    .rthlog .liste .elements .elt span.idTerminal
    {
        width: 50px;
        font-weight: bold;
        font-size: 14px !important;
        padding-left: 15px;
        background-image: url(../../Images/terminal-12x18.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .rthlog .liste .elements .elt span.resumeTexte
    {
        width: 133px;
    }

    .rthlog .liste .elements .elt span.niveau
    {
        width: 55px;
        font-size: 16px !important;
    }

    .rthlog .liste .elements .elt span.dateLog
    {
        width: 133px;
        font-size: 14px;
        font-style: italic;
    }

    .rthlog .liste .elements .elt span.texte
    {
        font-size: 15px;
        line-height: 22px;
        white-space: normal;
        -ms-word-break: break-all;
        word-break: break-all;
        font-style: italic;
        padding-right: 90px;
    }

    .rthlog .liste .elements .elt .extras .stats
    {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        padding-left: 2px;
        width: 87px;
        height: 50px;
        padding-top: 2px;
        padding-right: 2px;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.2);
    }

        .rthlog .liste .elements .elt .extras .stats span
        {
            font-size: 14px;
            line-height: 14px;
            padding-right: 17px;
            background-position: right center;
            background-repeat: no-repeat;
            font-style: italic;
            white-space: nowrap;
            overflow: hidden;
        }

            .rthlog .liste .elements .elt .extras .stats span.entrant
            {
                background-image: url(../../Images/montant-15x15.png);
            }

            .rthlog .liste .elements .elt .extras .stats span.sortant
            {
                background-image: url(../../Images/descendant-15x15.png);
            }

            .rthlog .liste .elements .elt .extras .stats span.tempsExec
            {
            }

    .rthlog.repliee .liste .elements .elt .extras .stats
    {
        display: none;
    }
/* RTH_LOG */


/* Détails RTH_LOG */
.detailsRthLog
{
}

    .detailsRthLog .contenu .titre table td
    {
        text-align: right;
    }

        .detailsRthLog .contenu .titre table td:first-child
        {
            width: 30%;
            text-align: left;
        }

    .detailsRthLog .contenu .article .l
    {
        width: 115px !important;
    }
/* Détails RTH_LOG */

/* Statistiques */
#panelApplicationsStatisticsList, #panelDeviceStatistics, #panelPatchVersionsStatistics
{
    overflow: auto;
}

.statistiques .statistique
{
    width: 4px;
    height: 400px;
    float: left;
    margin: 7px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    position: relative;
}

    .statistiques .statistique .graphique
    {
        width: 880px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }

        .statistiques .statistique .graphique text {
            cursor: pointer;
            font-family: Calibri, Verdana, Arial, sans-serif !important;
        }

    .statistiques .statistique .statistique-aucunedonnee
    {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
    }
/* Statistiques */

/* Statistiques Application OS*/
.applicationOSForm p {
    text-align: center;
}

    .applicationOSForm p label {
        color: white;
        display: inline-block;
        padding-top: 6px;
        width: 150px;
    }

    .applicationOSForm p select {
        width: 220px
    }
/* Statistiques Application OS*/

/* Signature de fichiers */
section.signatureFichier
{
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

section.signatureFichier,
div.signatureFichier
{
    color: #fff;
}

.signatureFichier .signatureFichier-conteneur
{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    border: solid 5px transparent;
    position: relative;
    min-height: 100px;
}

    .signatureFichier .signatureFichier-conteneur.drag
    {
        border: dashed 5px #00BEFD;
    }

.signatureFichier .bandeauBas
{
    height: 50px;
    text-align: center;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 15px;
}

    .signatureFichier .bandeauBas .bouton.ajouter
    {
        position: relative;
        width: 100%;
        line-height: 50px;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .signatureFichier .bandeauBas input[type=file]
    {
        display: none;
    }
/* Signature de fichiers */

/* Tableau de bord */
.tableauDeBord
{
}

    .tableauDeBord input[type="text"]
    {
        text-align: center;
        font-size: 40px;
        font-style: italic;
        padding: 0;
    }

    .tableauDeBord .indicateurs
    {
    }

        .tableauDeBord .indicateurs .indicateurs-ligne
        {
            display: flex;
            flex-direction: row;
            padding-left: 4px;
            padding-right: 4px;
        }

            .tableauDeBord .indicateurs .indicateurs-ligne:not(:last-child)
            {
                margin-bottom: 20px;
            }

            .tableauDeBord .indicateurs .indicateurs-ligne:first-child
            {
                margin-top: 15px;
            }

            .tableauDeBord .indicateurs .indicateurs-ligne .indicateur
            {
                width: 16px;    /* Valeur par défaut */
                height: 9px;    /* Valeur par défaut */
                max-width: 350px;
                max-height: 250px;
                /*border: solid 1px #444;*/
                overflow: hidden;
                text-align: center;
                position: relative;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5px;
                -moz-transition: 500ms all ease-in-out;
                -o-transition: 500ms all ease-in-out;
                -webkit-transition: 500ms all ease-in-out;
                transition: 500ms all ease-in-out;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                cursor: default;
                margin: auto;
            }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur:hover
                {
                    -moz-transition: 50ms all ease-in-out;
                    -o-transition: 50ms all ease-in-out;
                    -webkit-transition: 50ms all ease-in-out;
                    transition: 50ms all ease-in-out;
                    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
                    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
                    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur.lien
                {
                    cursor: pointer;
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur .gradient
                {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    z-index: 10;
                    opacity: 0.2;
                    display: none;
                    background: linear-gradient(transparent, #000);
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur.lien:hover .gradient
                {
                    background: linear-gradient(#000, transparent);
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-principale
                {
                    font-size: 4em;
                    font-size: 8.5vmin;
                    font-weight: 100;
                    line-height: 110px;
                    line-height: 12vh;
                    display: block;
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-libelle
                {
                    font-size: 2.5vmin;
                    line-height: 3vh;
                    font-weight: 100;
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire
                {
                    font-weight: 500;
                    font-size: 2.4vmin;
                    line-height: 3vh;
                }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os
                {
                    line-height: 4vh;
                    padding-right: 1.7vw;
                    margin-left: 0.5vw;
                    margin-right: 0.5vw;
                    background-position: center right;
                    background-repeat: no-repeat;
                    background-size: 1.3vw;
                }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.indicateur-os-droite
                    {
                        padding-left: 1.7vw;
                        padding-right: 0;
                        background-position: center left;
                        width: 70px;
                        box-sizing: border-box;
                        text-align: left;
                    }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.windowsMobile
                    {
                        background-image: url(../../Images/os-windows-mobile-25x25.png);
                    }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.windowsPhone
                    {
                        background-image: url(../../Images/os-windows-phone-25x25.png);
                    }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.windowsDesktop
                    {
                        background-image: url(../../Images/os-windows-desktop-25x25.png);
                    }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.android
                    {
                        background-image: url(../../Images/os-android-25x25.png);
                    }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-os.ios
                    {
                        background-image: url(../../Images/os-ios-25x25.png);
                    }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur .compteursOS
                {
                    position: absolute;
                    bottom: 1vh;
                    left: 0;
                    width: 100%;
                }

                    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur .compteursOS span.indicateur-valeur-secondaire:last-child
                    {
                        margin-right: 0 !important;
                    }

                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsMobile,
                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsPhone,
                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsDesktop,
                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.android,
                .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.ios
                {
                    display: none;
                }

    .tableauDeBord.WindowsMobile .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsMobile
    {
        display: inline-block;
    }

    .tableauDeBord.WindowsPhone .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsPhone
    {
        display: inline-block;
    }

    .tableauDeBord.WindowsDesktop .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsDesktop
    {
        display: inline-block;
    }

    .tableauDeBord.Android .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.android
    {
        display: inline-block;
    }

    .tableauDeBord.iOS .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.ios
    {
        display: inline-block;
    }
/* Tableau de bord */

/* Gestion des petits écrans */
/*
@media screen and (max-height: 750px), screen and (max-width: 750px)
{
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span
    {
        font-size: 16px;
        line-height: 25px;
    }

        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-principale
        {
            font-size: 50px;
            line-height: 60px;
        }
}

@media screen and (max-height: 750px)
{
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span
    {
        font-size: 14px;
        line-height: 16px;
    }

        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-principale
        {
            font-size: 40px;
            line-height: 42px;
        }
}

@media screen and (max-width: 1250px)
{
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span
    {
        font-size: 14px;
    }

        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsMobile,
        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsPhone,
        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsDesktop,
        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.android,
        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.ios
        {
            background-size: 16px !important;
            font-size: 12px !important;
            margin-right: 10px !important;
            padding-right: 20px !important;
        }
}

@media screen and (max-width: 1400px)
{
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsMobile,
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsPhone,
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.windowsDesktop,
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.android,
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-secondaire.ios
    {
        background-size: 20px !important;
        font-size: 14px !important;
        margin-right: 12px !important;
        padding-right: 24px !important;
    }
}

@media screen and (min-height: 700px)
{
    .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span
    {
        font-size: 19px;
        line-height: 30px;
    }

        .tableauDeBord .indicateurs .indicateurs-ligne .indicateur span.indicateur-valeur-principale
        {
            font-size: 4em;
            font-weight: 100;
            line-height: 110px;
        }
}
*/
/* Gestion des petits écrans */

/* Terminaux */

.min-width-100 {
    min-width: 100px;
}
.min-width-200 {
    min-width: 200px;
}

.device-group-executiondate{
    font-size: 13px;
}
.device-group-verificationdate{
    font-size: 13px;
}

.terminaux {
    padding-bottom: 50px;
}

    .terminaux .liste .bouton.boutonSelectionMultiple
    {
        background-size: 40px;
        background-image: url(../../Images/deploiement-blanc-40x40.png);
    }

    .terminaux .liste .elements .elt tr span
    {
        font-size: 15px;
    }

    .terminaux .liste > .elements .elt .fixe
    {
        border-left-style: solid;
        border-left-width: 10px;
        border-left-color: transparent;
    }

    .terminaux .liste > .elements .elt .extras table td.icone:first-child
    {
        background-position: center right 8px;
        padding-left: 45px;
    }

    .terminaux .liste > .elements .elt .cell {
        height: 50px !important;
        font-size: 15px !important;
        padding-top: 3px;
        padding-left: 15px;
        padding-right: 15px;
        width: 200px;
        float: left;
    }

        .terminaux .liste > .elements .elt .extras .cell .value {
            font-size: 15px;
            font-weight: bold;
        }

        .terminaux .liste > .elements .elt .extras .cell .assigned {
            color: green;
        }

        .terminaux .liste > .elements .elt .extras .cell .unassigned {
            color: #00BEFD;
        }

        .terminaux .liste > .elements .elt .extras .cell .disabled {
            color: #C30D00;
        }

    .terminaux .liste > .elements .elt .extras .cell .statusError {
        background-image: url(../../Images/erreur-25x25.png);
        width: 25px;
        height: 25px;
    }

    .terminaux .liste > .elements .elt .extras .cell .statusCompleted {
        background-image: url(../../Images/termine-25x25.png);
        width: 25px;
        height: 25px;
    }

    .terminaux .liste > .elements .elt .extras .cell .statusInProgress {
        background-image: url(../../Images/encours-25x25.png);
        width: 25px;
        height: 25px;
    }

    .terminaux .liste > .elements .elt .extras .cell .iconList {
        background-image: url(../../Images/resultat-30x30.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-left: 30px;
        width: 50px;
        height: 20px;
    }

    .terminaux .liste > .elements .elt .cell .iconGear {
        background-image: url(../../Images/configuration-noir-30x30.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-left: 30px;
        width: 50px;
        height: 20px;
    }

    .terminaux .liste > .elements .elt .extras .cell-right {
        float: right !important;
        width: 100px;
    }

    .terminaux .liste > .elements .elt .extras .cell-right .label {
        font-size: 12px;
    }

    .terminaux .liste .elements .elt .extras tr span
    {
        padding-right: 10px;
    }

    .devices-list__os-icon {
        width: 30px;
        height: 30px;
        font-weight: bold;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .device-list__device-id{
        font-size: 14px;
        font-weight:bold;
    }

.terminaux .liste .elements .elt .extras td.padding-left-50 {
    padding-left: 50px;
}

    .ios {
        background-image: url(../../Images/os-ios-30x30.png);
    }

    .android {
        background-image: url(../../Images/os-android-30x30.png);
    }

    .windows-mobile {
        background-image: url(../../Images/os-windows-mobile-30x30.png);
    }

    .windows-desktop {
        background-image: url(../../Images/os-windows-desktop-30x30.png);
    }

    .windows-phone {
        background-image: url(../../Images/os-windows-phone-30x30.png);
    }

.terminaux .liste .elements .elt span.device {
        width: 90px;
        /*font-weight: bold;
            font-size: 14px !important;*/
        padding-left: 15px;
        background-image: url(../../Images/terminal-12x18.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .terminaux .liste .elements .elt span.login
    {
        width: 133px;
    }

    .terminaux .liste .elements .elt span.versionApp
    {
        width: 55px;
        font-size: 16px !important;
        font-style: italic;
    }

    .terminaux .liste .elements .elt span.synchro
    {
        width: 130px;
        font-size: 14px;
        font-style: italic;
    }

    .terminaux .liste .elements .elt span.synchrosmall {
        width: 130px;
        font-size: 11px;
        font-style: italic;
        margin-left:5px;
    }

    .terminaux .liste .elements .elt .nomUtilisateur {
        width: 200px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0;
        margin: 0;
        height: 21px;
        display: inline-block;
    }

        .terminaux .liste .elements .elt .nomUtilisateur span.nom
        {
            display: inline;
            padding-right: 0;
        }

        .terminaux .liste .elements .elt .nomUtilisateur span.prenom
        {
            display: inline;
            font-style: italic;
            opacity: 0.5;
        }

        .terminaux .liste .elements .elt .nomUtilisateur span.userlogin {
            display: block;
            font-style: italic;
            opacity: 0.5;
        }

    .terminaux .liste .elements .elt span.nomTerminal
    {
        width: 200px;
        font-style: italic;
    }

    .terminaux .liste .elements .elt span.numSerie
    {
        width: 210px;
        font-size: 15px;
    }

    .terminaux .liste .elements .elt span.modele
    {
        width: 210px;
        font-size: 15px;
    }

    .terminaux .liste .elements .elt span.proprietaire
    {
        width: 210px;
        font-style: italic;
    }

    .terminaux .liste .elements .elt span.libelleSite
    {
        width: 180px;
    }

    .terminaux .liste .elements .elt span.idSite
    {
        color: #999;
        width: 150px;
        font-style: italic;
    }

    .terminaux .liste .elements .elt span.libelleEtat
    {
        width: 180px;
    }

    .terminaux .liste .elements .elt span.libelleProjet
    {
        width: 120px;
    }

    .terminaux .liste .elements .elt span.nomProjet
    {
        width: 120px;
    }

    .terminaux .liste > .elements .elt td.icone.utilisateur
    {
        background-image: url(../../Images/utilisateur-25x25.png);
        height: 22px;
        width:30px;
        background-size:20px;
        background-position:center;
    }

    .terminaux .liste > .elements .elt td.icone.site
    {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/site-30x30.png);
        background-size: 23px 23px;
    }

    .terminaux .liste > .elements .elt td.icone.etat
    {
        width: 35px;
        padding-left: 45px;
        background-image: url(../../Images/etat-30x30.png);
        background-size: 20px 20px;
    }


        .terminaux .liste > .elements .elt td.icone.synchro.actif
        {
            background-image: url(../../Images/synchro-active-30x30.png);
        }

        .terminaux .liste > .elements .elt td.icone.synchro.inactif
        {
            background-image: url(../../Images/synchro-inactive-30x30.png);
        }


        .terminaux .liste > .elements .elt td.icone.patchs.actif
        {
            background-image: url(../../Images/patchs-actifs-30x30.png);
        }

        .terminaux .liste > .elements .elt td.icone.patchs.inactif
        {
            background-image: url(../../Images/patchs-inactifs-30x30.png);
        }

    .terminaux .liste > .elements .elt td.icone.harmonie
    {
        background-size: 30px 30px;
    }

        .terminaux .liste > .elements .elt td.icone.harmonie.actif
        {
            background-image: url(../../Images/harmonie.svg);
        }

        .terminaux .liste > .elements .elt td.icone.harmonie.inactif
        {
            background-image: url(../../Images/harmonie-inactif.svg);
        }

    .terminaux .liste > .elements .elt td.icone.mdm
    {
        background-size: 30px 30px;
    }

        .terminaux .liste > .elements .elt td.icone.mdm.actif
        {
            background-image: url(../../Images/mdm.svg);
        }

        .terminaux .liste > .elements .elt td.icone.mdm.inactif
        {
            background-image: url(../../Images/mdm-inactif.svg);
        }

        .terminaux .liste > .elements .elt td.icone.favori.actif
        {
            background-image: url(../../Images/favoris-actif-noir-30x30.png);
        }

    .terminaux .liste > .elements .elt td.icone.batterie
    {
        width: 30px;
    }

@media screen and (min-width: 1910px)
{
    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.modele,
    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.proprietaire
    {
        width: 300px;
    }

    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.nomUtilisateur,
    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.nomTerminal
    {
        width: 300px;
    }

    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.libelleSite,
    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.idSite
    {
        width: 300px;
    }

    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.libelleProjet,
    .terminaux:not(.terminauxDisponibles):not(.terminauxSelectionnes) .liste .elements .elt span.nomProjet
    {
        width: 200px;
    }
}

@media screen and (max-width: 1600px) {
    .terminaux .libelleProjet,
    .terminaux .nomProjet {
        display: none !important;
    }

    .terminaux .modele,
    .terminaux .proprietaire {
        width: 200px !important;
    }
}

@media screen and (max-width: 1000px) {
    .terminaux .nomUtilisateur,
    .terminaux .icone.utilisateur,
    .terminaux .modele {
        display: none !important;
    }
}

.device-list__model {
    width: 150px;
}
.panelProfilesSide .terminaux .nomProjet,
.panelProfilesSide .terminaux .modele,
.panelProfilesSide .terminaux .nomUtilisateur,
.panelProfilesSide .terminaux .nom,
.panelProfilesSide .terminaux .icone.utilisateur,
.panelProfilesSide .terminaux .device-list__model,
.panelProfilesSide .terminaux .device-list__serial-number,
.panelProfilesSide .terminaux .device-list__emei,
.panelProfilesSide .terminaux .device-list__action-button {
    display: none !important;
}

.panelProfilesSide .terminaux td.padding-left-50 {
    padding: 0 !important;
}

/* Terminaux */
/* Détails terminal */
.detailsTerminal {
    width: 420px;
}

    .detailsTerminal .header .favori
    {
        position: absolute;
        top: 0;
        right: 50px;
        height: 100%;
        width: 50px;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .detailsTerminal .header .favori.actif
        {
            background-image: url(../../Images/favoris-actif-30x30.png);
        }

        .detailsTerminal .header .favori.inactif
        {
            background-image: url(../../Images/favoris-inactif-30x30.png);
        }

    .detailsTerminal .contenu .titre
    {
        height: 50px;
        line-height: 50px;
        position: relative;
        padding-left: 5px;
        font-weight: bold;
    }

        .detailsTerminal .contenu .titre span
        {
            color: #000;
            padding-left: 18px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left center;
            background-repeat: no-repeat;
            font-weight: bold;
        }

        .detailsTerminal .contenu .titre .icones
        {
            position: absolute;
            top: 0;
            right: 0;
            overflow: visible;
        }

            .detailsTerminal .contenu .titre .icones > div
            {
                float: left;
                width: 40px;
                height: 40px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 30px;
            }

                .detailsTerminal .contenu .titre .icones > div.invisible
                {
                    display: none;
                }

                    .detailsTerminal .contenu .titre .icones > div.synchro.actif
                    {
                        background-image: url(../../Images/synchro-active-30x30.png);
                    }

                    .detailsTerminal .contenu .titre .icones > div.synchro.inactif
                    {
                        background-image: url(../../Images/synchro-inactive-30x30.png);
                    }

                    .detailsTerminal .contenu .titre .icones > div.patchs.actif
                    {
                        background-image: url(../../Images/patchs-actifs-30x30.png);
                    }

                    .detailsTerminal .contenu .titre .icones > div.patchs.inactif
                    {
                        background-image: url(../../Images/patchs-inactifs-30x30.png);
                    }

                .detailsTerminal .contenu .titre .icones > div.jaugeBatterie
                {
                    margin-top: 5px;
                }

        .detailsTerminal .contenu .titre > .icones > div.harmonie.actif
        {
            background-image: url(../../Images/harmonie.svg);
        }

        .detailsTerminal .contenu .titre > .icones > div.harmonie.inactif
        {
            width: 0px;
        }

            .detailsTerminal .contenu .titre > .icones > div.mdm.actif
            {
                background-image: url(../../Images/mdm.svg);
            }

            .detailsTerminal .contenu .titre > .icones > div.mdm.inactif
            {
                width: 0px;
            }

    .detailsTerminal .contenu .article.etat
    {
        border-left-style: solid;
        border-left-width: 10px;
        border-left-color: transparent;
        margin-left: -5px;
    }

    .detailsTerminal .footer
    {
        display: none;
    }

        .detailsTerminal .footer .boutonAnnulation
        {
            top: 0;
            left: 0;
            height: 100%;
            background-image: url(../../Images/bouton-annulation-40x40.png);
            /* border-right: solid 1px #ccc; */
        }

        .detailsTerminal .footer .boutonEnregistrement
        {
            top: 0;
            right: 0;
            height: 100%;
            background-image: url(../../Images/bouton-enregistrement-40x40.png);
        }

    .detailsTerminal.edition .header .bouton,
    .detailsTerminal.edition .header .favori
    {
        display: none;
    }

    .detailsTerminal.edition .footer
    {
        display: block;
    }

    .detailsTerminal .footer .bouton.boutonTexte
    {
        background-position-y: 8px !important;
    }

    .detailsTerminal .l {
        width: 100px;
    }

    .device-detail_battery-informations-container {
        background-image: url(../../Images/batterie-30x30.png);
    }
    .device-detail_battery-informations-container .l {
        width: 140px
    }
        /* Détails terminal */
        /* Sélection de terminaux */
        .selectionTerminaux {
            display: flex;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
        }

    .selectionTerminaux .terminauxDisponibles
    {
        height: 100%;
        /*-ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc((100% - 430px) / 2); /* Car le flexbox bug parfois */
    }

        .selectionTerminaux .terminauxDisponibles .liste .header
        {
            text-align: left;
            padding-left: 60px;
        }

        .selectionTerminaux .terminauxDisponibles .pagination
        {
            margin-left: 0px;
            width: 260px;
        }

            .selectionTerminaux .terminauxDisponibles .pagination .boutonPremier,
            .selectionTerminaux .terminauxDisponibles .pagination .boutonPremierInactif
            {
                border-left: none;
            }

        .selectionTerminaux .terminauxDisponibles .bouton.boutonAjouterFiltre
        {
            background-image: url(../../Images/ajouterfiltre-30x30.png);
        }

        .selectionTerminaux .terminauxDisponibles .bouton.boutonAnnulerModificationCriteres
        {
            display: none;
            left: 0;
            right: auto;
            border-left: none;
            border-right: solid 1px #ddd;
            background-image: url(../../Images/retour-30x30.png);
        }

    .selectionTerminaux.criteresGroupe .terminauxDisponibles .bouton.boutonAnnulerModificationCriteres
    {
        display: block;
    }


.criteresSelection .listeCriteres
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .criteresSelection .listeCriteres .critere
    {
        position: relative;
        padding-right: 140px;
        border-bottom: solid 1px #ddd;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .criteresSelection .listeCriteres .critere:hover
        {
            background-color: #ddd !important;
        }

        .criteresSelection .listeCriteres .critere > div:first-child
        {
            padding: 4px;
            min-height: 50px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-left: solid 10px #64DD17;
            color: #64DD17;
        }

        .criteresSelection .listeCriteres .critere.exclusion > div:first-child
        {
            border-left-color: #C30D00;
            color: #C30D00;
        }

        .criteresSelection .listeCriteres .critere.filtreScenario > div:first-child
        {
            border-left-color: #00befd;
            color: #00befd;
        }

        .criteresSelection .listeCriteres .critere .boutons
        {
            position: absolute;
            right: 0px;
            top: 0px;
        }

            .criteresSelection .listeCriteres .critere .boutons .bouton
            {
                width: 50px;
                height: 50px;
                position: relative;
                display: inline-block;
            }

        .criteresSelection .listeCriteres .critere .op
        {
            display: block;
            text-align: center;
            font-weight: bold;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .criteresSelection .listeCriteres .critere:first-child .op
        {
            display: none;
        }

        .criteresSelection .listeCriteres .critere ul
        {
            margin-left: 20px;
        }

            .criteresSelection .listeCriteres .critere ul li
            {
                font-size: 18px;
                line-height: 20px;
                list-style-type: square;
            }

.selectionTerminaux .criteresSelection
{
    width: 420px;
    height: 100%;
    -ms-flex: 0 0 420px;
    -webkit-flex: 0 0 420px;
    flex: 0 0 420px;
    margin-left: 5px;
    margin-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectionTerminaux .criteresSelection .footer .bouton
    {
        width: 105px;
        font-size: 16px;
    }

        .selectionTerminaux .criteresSelection .footer .bouton.boutonSupprimerTous
        {
            left: 0;
            background-image: url(../../Images/supprimer-30x30.png);
            background-position: center 7px !important;
            border-right: solid 1px #ccc;
        }

        .selectionTerminaux .criteresSelection .footer .bouton.boutonCharger
        {
            left: 105px;
            background-image: url(../../Images/ouvrir-30x30.png);
        }

        .selectionTerminaux .criteresSelection .footer .bouton.boutonEnregistrer
        {
            left: 210px;
            border-left: solid 1px #ccc;
            background-image: url(../../Images/enregistrer-30x30.png);
        }

        .selectionTerminaux .criteresSelection .footer .bouton.boutonAjouter
        {
            left: 315px;
            background-image: url(../../Images/ajouter-30x30.png);
            border-left: solid 1px #ccc;
        }

.selectionTerminaux.criteresGroupe .criteresSelection .footer .bouton.boutonCharger,
.selectionTerminaux.criteresGroupe .criteresSelection .footer .bouton.boutonEnregistrer
{
    display: none;
}


.selectionTerminaux .terminauxSelectionnes
{
    height: 100%;
    /*-ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 430px) / 2); /* Car le flexbox bug parfois */
}

    .selectionTerminaux .terminauxSelectionnes .liste .header
    {
        text-align: left;
        padding-left: 60px;
    }

    .selectionTerminaux .terminauxSelectionnes .pagination
    {
        margin-left: 0px;
        width: 260px;
    }

        .selectionTerminaux .terminauxSelectionnes .pagination .boutonPremier,
        .selectionTerminaux .terminauxSelectionnes .pagination .boutonPremierInactif
        {
            border-left: none;
        }

    .selectionTerminaux .terminauxSelectionnes .bouton.boutonValiderSelection
    {
        background-image: url(../../Images/validerselection-30x30.png);
    }

.selectionTerminaux .terminaux
{
    position: relative;
}

    .selectionTerminaux .terminaux .extras
    {
        padding-right: 46px !important;
    }

        .selectionTerminaux .terminaux .extras .action
        {
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
        }

            .selectionTerminaux .terminaux .extras .action input[type=button].boutonAjouterTerminal,
            .selectionTerminaux .terminaux .extras .action input[type=button].boutonSupprimerTerminal
            {
                width: 50px !important;
                height: 50px !important;
                font-size: 45px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                min-width: 0px !important;
                line-height: 50px !important;
                padding: 0 !important;
                cursor: pointer !important;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 25px;
            }

            .selectionTerminaux .terminaux .extras .action input[type=button].boutonAjouterTerminal
            {
                background-image: url(../../Images/ajouter-terminal-40x40.png);
            }

            .selectionTerminaux .terminaux .extras .action input[type=button].boutonSupprimerTerminal
            {
                background-image: url(../../Images/supprimer-terminal-40x40.png);
            }

    .selectionTerminaux .terminaux .boutonActionListe
    {
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 105px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        padding-left: 7px;
        padding-right: 7px;
        border-left: solid 1px #ddd;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-top: 33px !important;
        background-position: center top 7px !important;
    }

    .selectionTerminaux .terminaux .liste .footer .cptNumTotal
    {
        margin-right: 0 !important;
    }

.popupDetailsTerminal
{
    position: absolute !important;
    left: 0px;
    width: 100%;
    padding-bottom: 0px !important;
    -moz-box-shadow: 0px 0px 10px 0px #000;
    -webkit-box-shadow: 0px 0px 10px 0px #000;
    box-shadow: 0px 0px 10px 0px #000;
    z-index: 50;
}

    .popupDetailsTerminal .elt
    {
        margin-bottom: 0px !important;
    }

    .popupDetailsTerminal.terminaux .extras
    {
        padding-right: 6px !important;
    }

@media screen and (max-width: 1910px)
{
    .selectionTerminaux .terminauxDisponibles .extras td.icone.synchro,
    .selectionTerminaux .terminauxDisponibles .extras td.icone.patchs,
    .selectionTerminaux .terminauxDisponibles .extras td.icone.batterie,
    .selectionTerminaux .terminauxDisponibles .extras td.icone.harmonie,
    .selectionTerminaux .terminauxDisponibles .extras td.icone.mdm,
    .selectionTerminaux .terminauxDisponibles .liste .header .zoneRecherche,
    .selectionTerminaux .terminauxSelectionnes .extras td.icone.synchro,
    .selectionTerminaux .terminauxSelectionnes .extras td.icone.patchs,
    .selectionTerminaux .terminauxSelectionnes .extras td.icone.batterie,
    .selectionTerminaux .terminauxSelectionnes .extras td.icone.harmonie,
    .selectionTerminaux .terminauxSelectionnes .extras td.icone.mdm,
    .selectionTerminaux .terminauxSelectionnes .liste .header .zoneRecherche
    {
        display: none;
    }
}
/* Sélection de terminaux */


/* Mode portrait */
@media screen and (max-width: 800px)
{
    .terminaux .liste .elements .elt span.numSerie,
    .terminaux .liste .elements .elt span.modele,
    .terminaux .liste > .elements .elt td.icone.site,
    .terminaux .liste .elements .elt span.libelleSite,
    .terminaux .liste .elements .elt span.idSite
    {
        display: none;
    }

    .terminaux .liste > .elements .elt td.icone.typeOS
    {
        background-position: center right 28px !important;
    }
}
/* Mode portrait */


/* Modifier état, site, profil Pda, choix action */
.popUpBase #Contenu .modifierEtatTerminaux,
.popUpBase #Contenu .modifierSiteTerminaux,
.popUpBase #Contenu .modifierProfilTerminaux,
.popUpBase #Contenu .chargerGroupeTerminaux
{
    width: 500px;
    height: 240px;
}

.popUpBase #Contenu .cbBox
{
    width: 100%;
}

    .popUpBase #Contenu .cbBox > span
    {
        height: 40px;
        line-height: 40px;
    }

    .popUpBase #Contenu .cbBox span
    {
        color: #fff !important;
        font-size: 22px !important;
    }

    .popUpBase #Contenu .cbBox .popupListeCbBox
    {
        top: 41px;
        max-height: 320px;
    }

.popUpBase #Contenu .choixActionTerminaux
{
    width: 850px;
    height: 590px;
}

    .popUpBase #Contenu .choixActionTerminaux fieldset
    {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .popUpBase #Contenu .choixActionTerminaux fieldset .menuContextuel
        {
            display: block;
            position: relative;
            top: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: inherit;
        }

            .popUpBase #Contenu .choixActionTerminaux fieldset .menuContextuel ul
            {
                display: flex;
                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                height: 410px;
                overflow-x: auto;
            }

                .popUpBase #Contenu .choixActionTerminaux fieldset .menuContextuel ul li
                {
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 50%;
                }

                    .popUpBase #Contenu .choixActionTerminaux fieldset .menuContextuel ul li.sep
                    {
                        display: block;
                    }

                    .popUpBase #Contenu .choixActionTerminaux fieldset .menuContextuel ul li:not(.sep) span:hover
                    {
                        background-color: rgba(255, 255, 255, 0.4);
                    }

.popUpBase #Contenu .installerApplicationTerminaux
{
    width: 500px;
    height: 280px;
}

    .popUpBase #Contenu .installerApplicationTerminaux .cbBox
    {
        margin-top: 10px;
    }

        .popUpBase #Contenu .installerApplicationTerminaux .cbBox .popupListeCbBox.cbListeApplications.uniquementDernieres .ancienneVersion
        {
            display: none;
        }
/* Modifier état, site, profil Pda, choix action */


/* Groupes de terminaux */
.groupesTerminaux
{
    color: #fff;
    height: 100%;
    overflow-y: auto;
    padding: 5px;
}

    .groupesTerminaux > .nom,
    .groupesTerminaux .listeGroupes > .nom
    {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        text-align: center;
        font-weight: 100;
        cursor: default !important;
    }

    .groupesTerminaux .listeGroupes > .nom
    {
        cursor: pointer !important;
        text-align: center;
        font-size: 30px;
        font-weight: 100;
        opacity: 0.8;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

        .groupesTerminaux > .nom span.lib,
        .groupesTerminaux .listeGroupes > .nom span.lib
        {
            font-size: 30px;
            opacity: 0.8;
            line-height: 30px;
            display: inline-block;
            font-weight: 100;
        }

        .groupesTerminaux .listeGroupes > .nom span.lib
        {
            cursor: pointer !important;
            font-size: 20px;
            padding-left: 32px;
            background-position: left top 5px;
            background-repeat: no-repeat;
            background-size: 25px;
            background-image: url(../../Images/bouton-groupe-deplie-30x30.png);
        }

        .groupesTerminaux > .nom span.nb,
        .groupesTerminaux .listeGroupes > .nom span.nb
        {
            opacity: 0.5;
            font-size: 16px !important;
        }

    .groupesTerminaux .listeGroupes.replie > .nom > .lib
    {
        background-image: url(../../Images/bouton-groupe-30x30.png);
    }

    .groupesTerminaux .listeGroupes.replie > .groupes
    {
        display: none !important;
    }

    .groupesTerminaux .listeGroupes
    {
        padding-bottom: 20px;
    }

        .groupesTerminaux .listeGroupes .groupes
        {
        }

            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux
            {
                display: block !important;
                margin-top: 15px;
                border: solid 1px rgba(0, 0, 0, 0.2);
                -moz-transition: all ease-in-out 300ms;
                -o-transition: all ease-in-out 300ms;
                -webkit-transition: all ease-in-out 300ms;
                transition: all ease-in-out 300ms;
            }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux:not(.replie)
                {
                    background-color: rgba(0, 0, 0, 0.1);
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux:hover
                {
                    background-color: rgba(0, 0, 0, 0.2);
                    -moz-transition: none;
                    -o-transition: none;
                    -webkit-transition: none;
                    transition: none;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div
                {
                    border-top: solid 1px rgba(255, 255, 255, 0.2);
                    padding: 5px;
                    position: relative;
                    min-height: 35px;
                }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div:first-of-type
                    {
                        border-top: none;
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .titre
                    {
                        padding-top: 8px;
                        display: block;
                        line-height: 25px;
                        padding-left: 32px;
                        background-position: left top 5px;
                        background-repeat: no-repeat;
                        background-size: 30px;
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .indicateurs
                    {
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        padding: 0;
                        margin: 0;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .indicateurs .indic
                        {
                            line-height: 30px;
                            padding-left: 32px;
                            font-size: 25px;
                            font-weight: bold;
                            background-position: left center;
                            background-repeat: no-repeat;
                            background-size: 30px;
                            display: inline-block;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            color: rgba(255, 255, 255, 0.25);
                        }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .indicateurs .indic.indicConfigurations
                            {
                                width: 100px;
                                background-size: 25px;
                                background-image: url(../../Images/configuration-30x30.png);
                            }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .indicateurs .indic.indicApplications
                            {
                                width: 90px;
                                background-size: 25px;
                                background-image: url(../../Images/menu-applications-40x40.png);
                            }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .indicateurs .indic.indicDossiers
                            {
                                width: 65px;
                                padding-left: 35px;
                                background-position: left top 2px;
                                background-image: url(../../Images/dossier-synchronise-30x30.png);
                            }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux > div .actions
                    {
                        position: absolute;
                        top: 15px;
                        right: 5px;
                        padding: 0;
                        margin: 0;
                    }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux input[type=button]
                {
                    display: block;
                    font-size: 12px !important;
                    width: 278px !important;
                    height: 33px !important;
                    padding: 0 15px 0 15px !important;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    margin: 0 0 5px 0;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux span,
                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux li
                {
                    cursor: default !important;
                }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux span.aucunElement
                    {
                        font-style: italic;
                        color: rgba(255, 255, 255, 0.5);
                        padding-left: 35px;
                    }


                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales
                {
                    min-height: 84px;
                    cursor: pointer;
                }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales span
                    {
                        cursor: pointer !important;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales span.libelle
                        {
                            display: block;
                            font-size: 26px;
                        }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales span.dateModif
                        {
                            display: block;
                            font-size: 13px;
                            font-weight: 100;
                            opacity: 0.7;
                            margin-top: 7px;
                        }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions
                    {
                        top: 6px;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions input[type=button]
                        {
                            display: block;
                            position: absolute;
                        }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions input[type=button].voirDetails
                            {
                                top: 39px;
                                right: 0;
                                display: none;
                            }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions input[type=button].fermer
                            {
                                top: 39px;
                                right: 0;
                            }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions input[type=button].renommer
                            {
                                top: 0;
                                right: 285px;
                            }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .infosGenerales .actions input[type=button].supprimer
                            {
                                top: 39px;
                                right: 285px;
                            }


                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .criteres
                {
                    width: auto;
                    min-height: 60px;
                }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .criteres .titre
                    {
                        padding-left: 0;
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .criteres .listeCriteres
                    {
                        margin-top: 9px;
                        margin-bottom: 2px;
                        border-radius: 0;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .criteres .listeCriteres .critere .op
                        {
                            text-align: left;
                        }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .criteres .listeCriteres .critere:last-child
                        {
                            border-bottom: none;
                        }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .configurations .titre
                    {
                        background-size: 25px;
                        background-position: left top 7px;
                        background-image: url(../../Images/configuration-30x30.png);
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .configurations .listeConfigurations
                    {
                        padding-top: 5px;
                        padding-bottom: 15px;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .configurations .listeConfigurations ul
                        {
                            padding-left: 35px;
                        }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .configurations .listeConfigurations ul li
                            {
                                list-style-type: square;
                                font-size: 16px;
                                line-height: 30px;
                            }


                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .applications .titre
                    {
                        background-size: 25px;
                        background-position: left top 5px;
                        background-image: url(../../Images/menu-applications-40x40.png);
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .applications .listeApplications
                    {
                        min-height: 30px;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        border: none;
                        padding-top: 0px;
                        padding-bottom: 15px;
                    }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .applications .listeApplications .app .boutons,
                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .applications .listeApplications .app .nbTerminaux
                            {
                                display: none;
                            }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .titre
                    {
                        background-size: 25px;
                        background-position: left 2px top 9px;
                        background-image: url(../../Images/dossier-synchronise-30x30.png);
                    }

                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers
                    {
                        padding-top: 5px;
                        padding-bottom: 15px;
                    }

                        .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul
                        {
                            padding-left: 35px;
                        }

                            .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li
                            {
                                list-style-type: square;
                                font-size: 16px;
                                line-height: 30px;
                                padding-left: 5px;
                                margin-top: 15px;
                                position: relative;
                            }

                                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li:hover
                                {
                                    background-color: rgba(0, 0, 0, 0.2);
                                }

                                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.serveur
                                {
                                    display: block;
                                    padding-left: 30px;
                                    background-size: 20px;
                                    background-position: left top 7px;
                                    background-repeat: no-repeat;
                                    background-image: url(../../Images/dossier-synchronise-serveur-40x40.png);
                                }

                                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.sep
                                {
                                    width: 15px;
                                    padding-left: 25px;
                                    background-size: 15px;
                                    background-position: left 4px center;
                                    background-repeat: no-repeat;
                                    background-image: url(../../Images/synchro-dossier-aucun-16x16.png);
                                }

                                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.sep.s2c
                                    {
                                        background-image: url(../../Images/synchro-dossier-vers-15x15.png);
                                    }

                                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.sep.c2s
                                    {
                                        background-image: url(../../Images/synchro-dossier-depuis-15x15.png);
                                    }

                                    .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.sep.full
                                    {
                                        background-image: url(../../Images/synchro-dossier-full-15x15.png);
                                    }

                                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li span.terminal
                                {
                                    padding-left: 25px;
                                    background-size: 20px;
                                    background-position: left center;
                                    background-repeat: no-repeat;
                                    background-image: url(../../Images/terminal-blanc-30x30.png);
                                }

                                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux .dossiersSynchronises .listeDossiers ul li input[type=button]
                                {
                                    position: absolute;
                                    right: 0;
                                    top: 13px;
                                    width: 213px !important;
                                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .criteres,
                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .configurations,
                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .applications,
                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .dossiersSynchronises
                {
                    display: none;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .infosGenerales .actions input[type=button]:not(:hover)
                {
                    -moz-transition: none !important;
                    -o-transition: none !important;
                    -webkit-transition: none !important;
                    transition: none !important;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie:not(:hover) .infosGenerales .actions input[type=button]
                {
                    display: block;
                    opacity: 0.2;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .infosGenerales .actions input[type=button].voirDetails
                {
                    display: block;
                }

                .groupesTerminaux .listeGroupes .groupes .groupeTerminaux.replie .infosGenerales .actions input[type=button].fermer
                {
                    display: none;
                }

.popUpBase #Contenu .enregistrerGroupeTerminaux
{
    width: 550px;
    height: 270px;
}

    .popUpBase #Contenu .enregistrerGroupeTerminaux input[type=text]
    {
        vertical-align: middle !important;
        font-size: 18px;
        width: 100%;
    }

    .popUpBase #Contenu .enregistrerGroupeTerminaux label
    {
        vertical-align: middle !important;
        margin-top: 10px;
    }

.popUpBase #Contenu .definirConfigurationsGroupeTerminaux
{
    width: 700px;
    height: 550px;
}

    .popUpBase #Contenu .definirConfigurationsGroupeTerminaux .listeConfigurations
    {
        overflow: auto;
        height: 350px;
    }

        .popUpBase #Contenu .definirConfigurationsGroupeTerminaux .listeConfigurations > div
        {
            margin-bottom: 7px;
        }

.popUpBase #Contenu .definirApplicationsGroupeTerminaux
{
    width: 700px;
    height: 550px;
}

    .popUpBase #Contenu .definirApplicationsGroupeTerminaux .listeApplications
    {
        overflow: auto;
        height: 350px;
    }

        .popUpBase #Contenu .definirApplicationsGroupeTerminaux .listeApplications > div
        {
            margin-bottom: 7px;
        }

.popUpBase #Contenu .ajouterDossierSynchronise
{
    width: 550px;
    height: 340px;
}

    .popUpBase #Contenu .ajouterDossierSynchronise .cheminServeur-label,
    .popUpBase #Contenu .ajouterDossierSynchronise .cheminTerminal-label
    {
        display: block;
    }

    .popUpBase #Contenu .ajouterDossierSynchronise .cheminServeur,
    .popUpBase #Contenu .ajouterDossierSynchronise .cheminTerminal
    {
        vertical-align: middle !important;
        font-size: 18px;
        display: block;
        width: 100%;
    }

    .popUpBase #Contenu .ajouterDossierSynchronise .cheminServeur
    {
        margin-bottom: 20px;
    }
/* Groupes de terminaux */

/* Set Policy popup*/
#setPolicySelector
{
    min-width: 340px;
    display: block;
    margin: 0 auto;
}

.remoteControlIcon {
    width: 30px;
    padding-left: 25px;
    background-size: 30px;
    background-position: left 4px center;
    background-repeat: no-repeat;
    background-image: url(../../Images/remote-control.png);
    display: none;
}


/* Profils - Settings*/

    .terminaux-profils-settings .liste > .elements {
        width: 100%;
    }

    .terminaux-profils-settings .liste > .header .zoneRecherche {
        display: none !important;
    }
    
    .terminaux-profils-settings .liste > .elements .elt {
        height: auto;
        border-left: 1px solid gray;
    }

        .terminaux-profils-settings .liste > .elements .elt .fixe {
            width: 240px;
        }

            .terminaux-profils-settings .liste > .elements .elt .fixe table {
                height: 30px !important;
            }

            .terminaux-profils-settings .liste > .elements .elt .fixe td {
                height: 30px;
                vertical-align: bottom;
            }

        .terminaux-profils-settings .liste > .elements .elt .content {
            font-size: 15px;
            word-wrap: break-word;
        }

        .terminaux-profils-settings .liste > .elements .elt span.idSetting {
            min-width: 25px;
            font-size: 30px;
            line-height: 30px;
        }

        .terminaux-profils-settings .liste > .elements .elt span.nameSetting {
            width: 205px;
            font-size: 17px;
            white-space: normal;
        }

        .terminaux-profils-settings .liste > .elements .elt table td.settings-parameters {
            padding-top: 5px;
            font-size: 13px;
        }

            .terminaux-profils-settings .liste > .elements .elt table td.settings-parameters ul li {
                margin-bottom: 10px;
            }

                .terminaux-profils-settings .liste > .elements .elt table td.settings-parameters ul li span {
                    padding-left: 5px;

                }


    .terminaux-profils-settings .liste .footer .cptNumTotal {
        margin-right: 0 !important;
    }

    .terminaux-profils-settings .boutonActionListe {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 105px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 50px;
        padding-left: 7px;
        padding-right: 7px;
        border-left: solid 1px #ddd;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-top: 33px !important;
        background-position: center top 7px !important;
    }

    .terminaux-profils-settings .bouton.boutonModifySettings {
        background-image: url(../../Images/bouton-modifier-blanc-30x30.png);
    }

.device-list__action-button {
    font-size: 45px !important;
    cursor:pointer;
    width:50px;
    height:50px;
    padding:0 !important;
}

.device__action-menu {
    width:auto;
    right:95px;
}

/* Tickets d'enrôlement */

.ticketsEnrolement
{
    color: #fff;
    height: 100%;
    overflow-y: auto;
    padding: 5px 0 0 0;
}

    .ticketsEnrolement > .nom
    {
        text-align: center;
        font-weight: 100;
        cursor: default !important;
        margin-top: 50px;
        margin-bottom: 10px;
    }

        .ticketsEnrolement > .nom:first-child
        {
            margin-top: 0;
        }

        .ticketsEnrolement > .nom span.lib,
        .ticketsEnrolement > .nom span.nb,
        .ticketsEnrolement > .nom span.sep,
        .ticketsEnrolement > .nom span.nbTotal
        {
            font-size: 25px;
            opacity: 0.8;
            line-height: 30px;
            display: inline-block;
        }

        .ticketsEnrolement > .nom span.nb
        {
            font-weight: 500;
        }

            .ticketsEnrolement > .nom span.nb.ok
            {
                color: #64DD17;
            }

            .ticketsEnrolement > .nom span.nb.ko
            {
                color: #C30D00;
            }

    .ticketsEnrolement .messageCodeBarre
    {
        font-style: italic;
        font-weight: 100;
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
    }

    .ticketsEnrolement > .tickets
    {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

        .ticketsEnrolement > .tickets > .ticketEnrolement
        {
            width: 200px;
            height: 30px;
            border: solid 1px rgba(0, 0, 0, 0.2);
            border-left-width: 10px;
            border-right-style: none;
            border-top-style: none;
            border-bottom-style: none;
            margin: 7px;
            background-color: #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            color: #000;
            padding: 5px 5px 5px 7px;
            outline: solid 1px rgba(0, 0, 0, 0.2);
        }

        .ticketsEnrolement > .tickets > .ticketEnrolementApp
        {
            height: auto !important;
        }

        .ticketsEnrolement > .tickets.disponibles > .ticketEnrolement
        {
        }

        .ticketsEnrolement > .tickets.utilises > .ticketEnrolement
        {
            height: 90px;
        }

        .ticketsEnrolement > .tickets.desactives > .ticketEnrolement
        {
            height: 90px;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .token,
        .ticketsEnrolement > .tickets > .ticketEnrolement > .terminal0,
        .ticketsEnrolement > .tickets > .ticketEnrolement > .terminal,
        .ticketsEnrolement > .tickets > .ticketEnrolement > .date,
        .ticketsEnrolement > .tickets > .ticketEnrolement > .proprietaire
        {
            display: block;
            cursor: default;
            position: absolute;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .token
        {
            position: relative;
            float: left;
            font-size: 19px;
            font-weight: 500;
            line-height: 20px;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-left: 30px;
            padding-right: 30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .tokenApp
        {
            height: 25px;
            line-height: 25px;
            font-size: 14px;
            padding-left: 0px;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .infoField
        {
            font-size: 12px !important;
            background-image: url(../../Images/application-30x30.png);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px;
            padding-left: 25px;
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .terminal
        {
            position: relative;
            float: left;
            font-weight: bold;
            padding-left: 22px;
            padding-bottom: 5px;
            background-image: url(../../Images/terminal-12x18.png);
            background-position: left 2px center;
            background-repeat: no-repeat;
            background-size: 12px 18px;
            width: 100%;
            left: 2px;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .proprietaire
        {
            position: relative;
            float: left;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding-left: 22px;
            background-image: url(../../Images/proprietaire-30x30.png);
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px;
            font-size: 14px;
            width: 100%;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .date
        {
            font-style: italic;
            text-align: center;
            font-size: 12px;
            left: 0;
            bottom: 2px;
            width: 100%;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .dateApp
        {
            position: relative;
            float: left;
            font-size: 11px;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .gap
        {
            width: 100%;
            min-height: 15px;
            height: 15px;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .boutonSupprimer
        {
            top: 0;
            right: 0;
            width: 30px;
            height: 30px;
            background-size: 25px;
            opacity: 0.2;
        }

        .ticketsEnrolement > .tickets > .ticketEnrolement > .codeBarre
        {
            display: none;
        }

        .ticketsEnrolement > .tickets.disponibles
        {
        }

            .ticketsEnrolement > .tickets.disponibles > .ticketEnrolement > .token
            {
                padding-right: 45px;
            }

        .ticketsEnrolement > .tickets.utilises > .ticketEnrolement > .boutonSupprimer,
        .ticketsEnrolement > .tickets.desactives > .ticketEnrolement > .boutonSupprimer
        {
            display: none;
        }

    .ticketsEnrolement .tokenTicket
    {
        font-family: monospace;
        letter-spacing: 1px;
    }

.popUpBase #Contenu .ajouterTicketsEnrolement
{
    width: 600px;
    height: 290px;
}

.popUpBase #Contenu .ajouterTicketsEnrolement.ajouterTicketsEnrolementApp {
    height: 660px;
} 

    .popUpBase #Contenu .ajouterTicketsEnrolement fieldset > div
    {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }

    .popUpBase #Contenu .ajouterTicketsEnrolement .nbNouveauxTickets
    {
        vertical-align: middle !important;
        font-size: 18px;
        width: 70px;
        text-align: right;
    }

    .popUpBase #Contenu .ajouterTicketsEnrolement span,
    .popUpBase #Contenu .ajouterTicketsEnrolement label
    {
        vertical-align: middle !important;
        font-size: 18px;
        display: inline-block;
    }

        .popUpBase #Contenu .ajouterTicketsEnrolement label.libelle
        {
            margin-bottom: 10px;
        }
/* Tickets d'enrôlement */



/* QR Code Tickets d'enrôlement */
.ticketEnrolement-qrcode
{
    overflow: visible;
}

    .ticketEnrolement-qrcode .ticketEnrolement-qrcode-fieldset
    {
        width: 500px;
        height: 490px;
        margin-left: 25px;
        margin-right: 25px;
        float: left;
    }

    .ticketEnrolement-qrcode .ticketEnrolement-qrcode-prec,
    .ticketEnrolement-qrcode .ticketEnrolement-qrcode-suiv
    {
        height: 490px;
        float: left;
    }

    .ticketEnrolement-qrcode .ticketEnrolement-qrcode-btn
    {
        width: 300px !important;
        height: 70px !important;
        margin-top: 250px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ticketEnrolement-qrcode .ticketEnrolement-qrcode-conteneur
    {
        position: relative;
        width: 400px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }

        .ticketEnrolement-qrcode .ticketEnrolement-qrcode-conteneur .ticketEnrolement-qrcode-img
        {
        }

        .ticketEnrolement-qrcode .ticketEnrolement-qrcode-conteneur .ticketEnrolement-qrcode-token
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 400px;
            height: 400px;
            line-height: 400px;
            text-align: center;
        }

            .ticketEnrolement-qrcode .ticketEnrolement-qrcode-conteneur .ticketEnrolement-qrcode-token .ticketEnrolement-qrcode-token-span
            {
                background-color: #fff;
                cursor: default;
                font-size: 30px;
                font-family: monospace;
                letter-spacing: 2px;
                padding-left: 5px;
                padding-right: 5px;
            }
/* QR Code Tickets d'enrôlement */

span.ticketEnrolment {
    width: 150px;
    /*font-weight: bold;*/
    /*font-size: 14px !important;*/
    padding-left: 15px;
    background-image: url(../../Images/vers-15x15.png);
    background-position: left center;
    background-repeat: no-repeat;
}
/* Versions */
.versions
{
}

    .versions .liste .elements .elt tr:first-child span
    {
        font-size: 16px;
    }

    .versions .liste .elements .elt td.icone.typeOS span
    {
        width: 30px;
    }

    .versions .liste .elements .elt span.nom
    {
        width: 65px;
        font-weight: bold;
        font-size: 16px !important;
    }

    .versions .liste .elements .elt span.date
    {
        width: 120px;
        font-size: 14px;
        font-style: italic;
    }

    .versions .liste .elements .elt td.icone.typeOS
    {
        padding-right: 15px;
        background-position: center center;
    }

    .versions .liste .elements .elt .extras
    {
        padding-left: 70px;
    }

        .versions .liste .elements .elt .extras .protocole,
        .versions .liste .elements .elt .extras .protocole span
        {
            width: 270px;
        }

            .versions .liste .elements .elt .extras .protocole span label
            {
                font-style: italic;
            }

                .versions .liste .elements .elt .extras .protocole span label:first-child
                {
                    margin-right: 5px;
                }

        .versions .liste .elements .elt .extras span.dll
        {
            font-size: 15px;
        }

        .versions .liste .elements .elt .extras td.icone.terminal
        {
            background-image: url(../../Images/terminal-30x30.png);
        }

        .versions .liste .elements .elt .extras td.icone.vers
        {
            width: 60px;
            background-image: url(../../Images/vers-30x30.png);
        }

        .versions .liste .elements .elt .extras td.icone.depuis
        {
            width: 50px;
            background-image: url(../../Images/depuis-30x30.png);
        }

        .versions .liste .elements .elt .extras span.nbTerminaux
        {
            font-weight: bold;
            font-size: 25px;
            width: 90px;
        }

        .versions .liste .elements .elt .extras .patchKo span
        {
        }

        .versions .liste .elements .elt .extras span.lnbvers
        {
            margin-right: 5px;
            width: 200px;
            font-style: italic;
        }

        .versions .liste .elements .elt .extras span.lnbdepuis
        {
            margin-right: 5px;
            font-style: italic;
        }

        .versions .liste .elements .elt .extras .vnbvers
        {
            vertical-align: top;
        }

            .versions .liste .elements .elt .extras .vnbvers span
            {
                font-size: 18px;
                font-weight: bold;
                line-height: 18px;
            }

        .versions .liste .elements .elt .extras .vnbdepuis
        {
            vertical-align: top;
        }

            .versions .liste .elements .elt .extras .vnbdepuis span
            {
                font-size: 18px;
                font-weight: bold;
                line-height: 18px;
            }
/* Versions */


/* Détails Version */
.detailsVersion
{
    width: 420px;
}

    .detailsVersion .contenu .titre td
    {
        line-height: 40px;
    }

        .detailsVersion .contenu .titre td.nom
        {
            text-align: left;
            font-weight: bold;
            padding-left: 35px;
            background-position: left center;
            background-repeat: no-repeat;
        }

        .detailsVersion .contenu .titre td.date
        {
            text-align: right;
        }

    .detailsVersion .contenu .article
    {
        padding-left: 0px !important;
    }

        .detailsVersion .contenu .article .l
        {
            width: 160px;
        }

        .detailsVersion .contenu .article .v.suppressionOk
        {
            font-style: italic;
            display: block;
            text-align: center;
            margin-top: 5px;
        }

        .detailsVersion .contenu .article .v.suppressionKo
        {
            font-style: italic;
            display: block;
            text-align: center;
            margin-top: 5px;
        }

        .detailsVersion .contenu .article.patchsConcernes
        {
        }

            .detailsVersion .contenu .article.patchsConcernes table
            {
                width: auto !important;
                margin-left: auto;
                margin-right: auto;
            }

                .detailsVersion .contenu .article.patchsConcernes table td.version
                {
                    width: 130px;
                    text-align: center;
                }

                .detailsVersion .contenu .article.patchsConcernes table td.vers
                {
                    text-align: left;
                }

                .detailsVersion .contenu .article.patchsConcernes table td.depuis
                {
                    text-align: right;
                }

                .detailsVersion .contenu .article.patchsConcernes table td > div
                {
                    font-weight: bold;
                    cursor: default;
                }

                .detailsVersion .contenu .article.patchsConcernes table td.version > div
                {
                    font-size: 55px;
                }

                .detailsVersion .contenu .article.patchsConcernes table td.vers > div
                {
                    padding-left: 10px;
                    padding-right: 60px;
                    font-size: 35px;
                    line-height: 50px;
                    font-weight: normal;
                    font-style: italic;
                    background-position: right 10px center;
                    background-repeat: no-repeat;
                    background-image: url(../../Images/droite-30x30.png);
                }

                .detailsVersion .contenu .article.patchsConcernes table td.depuis > div
                {
                    padding-right: 10px;
                    padding-left: 60px;
                    font-size: 35px;
                    line-height: 50px;
                    font-weight: normal;
                    font-style: italic;
                    background-position: left 10px center;
                    background-repeat: no-repeat;
                    background-image: url(../../Images/droite-30x30.png);
                }

        .detailsVersion .contenu .article.chemin > div
        {
            text-align: center;
        }

            .detailsVersion .contenu .article.chemin > div > div
            {
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
            }

                .detailsVersion .contenu .article.chemin > div > div.version
                {
                    font-size: 55px;
                    font-weight: bold;
                }

                .detailsVersion .contenu .article.chemin > div > div.versionSuivante
                {
                    position: relative;
                    padding-right: 50px;
                    padding-left: 50px;
                    padding-top: 50px;
                    font-size: 35px;
                    line-height: 50px;
                    font-style: italic;
                    background-position: center top 10px;
                    background-repeat: no-repeat;
                    background-image: url(../../Images/bas-30x30.png);
                }

                    .detailsVersion .contenu .article.chemin > div > div.versionSuivante > div.cpt
                    {
                        position: absolute;
                        left: 5px;
                        top: 18px;
                        font-style: italic;
                        font-size: 25px;
                    }
/* Détails Version */


/* Popup ajout version */
.popupAjouterVersion
{
}

    .popupAjouterVersion .contenu
    {
        padding: 15px;
    }

        .popupAjouterVersion .contenu table
        {
        }

            .popupAjouterVersion .contenu table td
            {
                text-align: left;
            }

        .popupAjouterVersion .contenu input[type=text],
        .popupAjouterVersion .contenu select,
        .popupAjouterVersion .contenu input[type=button]
        {
            margin-left: 5px;
        }

        .popupAjouterVersion .contenu input[type=text],
        .popupAjouterVersion .contenu select
        {
            width: 400px;
            font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
        }

    .popupAjouterVersion input[type=button]
    {
        height: 50px !important;
    }

    .popupAjouterVersion .footer
    {
        background-color: inherit !important;
        border: none !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 80px;
        margin-bottom: 20px !important;
    }

    .popupAjouterVersion .header
    {
        height: 140px;
        line-height: 50px;
        font-weight: 100;
        font-size: 40px;
        margin-top: 0px;
        padding-top: 80px;
        background-color: inherit !important;
        background-image: url(../../Images/upload.png);
        background-repeat: no-repeat;
        background-position: center 0px;
    }

    .popupAjouterVersion .boutonAppliquer:hover
    {
        width: 80px;
        height: 80px;
        -moz-transition: all 0.05s ease-in-out 0s;
        -o-transition: all 0.05s ease-in-out 0s;
        -webkit-transition: all 0.05s ease-in-out 0s;
        transition: all 0.05s ease-in-out 0s;
    }

    .popupAjouterVersion .boutonAnnuler:hover
    {
        width: 80px;
        height: 80px;
    }

    .popupAjouterVersion .contenu select
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

        .popupAjouterVersion .contenu select option
        {
            font-weight: normal;
        }

    .popupAjouterVersion .contenu input[type=text]
    {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }
/* Popup ajout version */

.provqrcode 
{
    font-size: 14px;
}
    .provqrcode .container 
    {
        width: 100%;
        padding: 2%;
    }
    
    .provqrcode .container h1 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .provqrcode .container .row 
    {
        width: 100%;
        height: 50px;
        margin-bottom: 5px;
    }

        .provqrcode .container .row .left
        {
            float: left;
            width: 200px;
            padding-left: 10px;
        }

            .provqrcode .container .row .left .caption {
                line-height: 50px;
                vertical-align: middle;
                font-weight: bold;
            }

            .provqrcode .container  button
            {
                margin-top: 20px;
                width: 150px;
                height: 50px;
            }

        .provqrcode .container .row .right 
        {
            width: 100%;
            line-height: 50px;
            vertical-align: middle;
        }

            .provqrcode .container .row .right .textbox
            {
                border: 1px solid #CCC;
                color: #1b1a1a;
                width: 250px;
                padding-top: 0px;
                height: 30px;
                font-size: 14px;
                padding-top: 5px;
            }

            .provqrcode .container .row .right .data {
                line-height: 50px;
                vertical-align: middle;
                color: #ff8d00;
            }
    


/*GAE Settings*/

.androidenterprise-setting {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .androidenterprise-setting form {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .androidenterprise-setting form .details {
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        }

        .androidenterprise-setting form .basic .contenu {
            position: relative;
            padding: 20px;
        }

        .androidenterprise-setting form .basic .block {
            padding: 10px 0px;
            border-top: solid 1px rgba(0, 0, 0, 0.2);
        }

            .androidenterprise-setting form .basic .block p label {
                display: inline-block;
                width: 150px;
                padding: 8px 0px 0px 3px;
            }

            .androidenterprise-setting form .basic .block p input[type=text].projectId {
                width: 300px;
            }


        .androidenterprise-setting form .basic div.footer .boutonSaveSettings {
            position: absolute;
            right: 0px;
            width: 105px;
            border-left: solid 1px #dddddd;
            background-image: url(../../Images/enregistrer-30x30.png);
        }

/*GAE entreprise creation*/

.androidenterprise-creation {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .androidenterprise-creation .details {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .androidenterprise-creation .basic .contenu {
        position: relative;
        padding: 20px;
    }

    .androidenterprise-creation .basic .block {
        padding: 10px 0px;
        border-top: solid 1px rgba(0, 0, 0, 0.2);
    }

        .androidenterprise-creation .basic .block p label {
            display: inline-block;
            width: 300px;
            padding: 8px 0px 0px 3px;
        }

        .androidenterprise-creation .basic .block p input[type=text].projectId {
            width: 300px;
        }

    .androidenterprise-creation .basic div.footer .boutonCreationEnterprise {
        position: absolute;
        right: 0px;
        width: 105px;
        border-left: solid 1px #dddddd;
        background-image: url(../../Images/enregistrer-30x30.png);
    }

.enterprise_created_message {
    padding-top: 10px;
    text-align: center;
}

    .enterprise_created_message p {
        font-weight: bold !important;
        color: red;
    }



/*GAE enrollment token*/

.gae-token {
}

    .gae-token .gae-center {
        text-align: center !important;
    }

    .gae-token .gae-container {
        padding: 20px;
    }

    .gae-token .gae-token-policy {
        width: 400px;
    }

    .gae-token .gae-token-border {
        border: 1px solid gray;
    }

    .configuration-popup {
        min-height: 370px;
        width: 900px;
    }

    .gae-token .configuration {
        overflow: auto;
        width: 900px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 1px solid white;
        padding: 10px;
    }

        .gae-token .configuration .left-panel {
            float: left;
            width: 50%;
        }

        .gae-token .configuration .right-panel {
            float: right;
            width: 50%;
        }

        .gae-token .configuration .row {
            float: left;
            min-height: 50px;
            width: 100%;
        }

            .gae-token .configuration .row .col-label {
                float: left;
                width: 40%;
                color: white;
                font-size: 16px;
            }

            .gae-token .configuration .row .col-control {
                float: right;
                width: 60%;
            }

        .gae-token .configuration .control {
            width: 200px;
        }

/*GAE list Policies */
.gae-policydefaultvaluelist .liste > .header .boutonAddNewItem,
.gae-policylist .liste > .header .boutonAddNewItem {
    left: 50px !important;
}

.gae-policydefaultvaluelist .liste > .header .zoneRecherche,
.gae-policydefaultvaluelist .liste > .header .boutonFiltres,
.gae-policylist .liste > .header .zoneRecherche,
.gae-policylist .liste > .header .boutonFiltres {
    display: none !important;
}

.gae-policydefaultvaluelist .liste > .elements .elt span,
.gae-policylist .liste > .elements .elt span {
    padding: 10px !important;
}

    .gae-policylist .liste > .elements .elt span.version {
        width: 151px !important;
    }


.gae-policylist .liste > .elements .elt div.buttonSettings,
.gae-policylist .liste > .elements .elt div.buttonApp {
    background-color: #b0afaf;
    width: 170px;
    height: 36px;
    cursor: pointer;
}

    .gae-policylist .liste > .elements .elt div.buttonSettings .text,
    .gae-policylist .liste > .elements .elt div.buttonApp .text {
        color: white;
        padding: 6px;
        margin: auto;
    }


    .gae-policylist .liste > .elements .elt div.buttonApp .icon {
        -webkit-mask: url(../../Images/gae-applications.svg) no-repeat;
        mask: url(../../Images/gae-applications.svg) no-repeat;
        -webkit-mask-size: 18px 28px;
        mask-size: 18px 28px;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        background-color: white;
        width: 40px;
        height: 35px;
        float: left;
    }

    .gae-policylist .liste > .elements .elt div.buttonSettings .icon {
        -webkit-mask: url(../../Images/gae-settings.svg) no-repeat;
        mask: url(../../Images/gae-settings.svg) no-repeat;
        -webkit-mask-size: 18px 28px;
        mask-size: 18px 28px;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        background-color: white;
        width: 40px;
        height: 35px;
        float: left;
    }

.gae-policydefaultvaluelist .liste > .elements .modifyPolicyDefaultValue {
    width: 200px;
}

.gae-policydefaultvaluelist .liste > .elements .elt div.buttonModify {
    background-color: #b0afaf;
    width: 150px;
    height: 36px;
    cursor: pointer;
    color: white;
    text-align: center;
    background-image: url(../../Images/bouton-edition-40x40.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 28px 28px;
    padding: 6px;
}

.gae-policydefaultvaluelist .liste > .elements .elt div.buttonDelete {
    background-color: #b0afaf;
    width: 36px;
    height: 36px;
    cursor: pointer;
    color: white;
    background-image: url(../../Images/application-supprimee-20x20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    padding: 6px;
}

.gae-policydefaultvaluelist .liste > .elements .elt span.value {
    width: 400px !important;
}

.gae-policydefaultvaluelist .liste > .elements .elt span.dynamicValue {
    width: 400px !important;
    font-style: italic;
}

.policyDefaultValueSavePopup .header,
.policyCreatePopup .header {
    height: 140px;
    line-height: 50px;
    font-weight: 100;
    font-size: 40px;
    margin-top: 0px;
    padding-top: 80px;
    background-color: inherit !important;
    background-image: url(../../Images/upload.png);
    background-repeat: no-repeat;
    background-position: center 0px;
}

.policyDefaultValueSavePopup .contenu,
.policyCreatePopup .contenu {
    padding: 15px;
    width: 620px;
}

    .policyDefaultValueSavePopup .contenu div p label,
    .policyCreatePopup .contenu div p label {
        margin: 5px 10px;
        display: inline-block;
        padding: 10px;
    }


    .policyDefaultValueSavePopup .contenu div p label {
        width: 100px;
    }

    .policyDefaultValueSavePopup .contenu input[type=text],
    .policyCreatePopup .contenu input[type=text],
    .policyDefaultValueSavePopup .contenu select {
        width: 400px;
        font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        height: 50px;
    }

    .policyDefaultValueSavePopup .contenu input[type=radio] {
        vertical-align: initial !important;
        height: 20px;
        width: 20px;
    }

    .policyDefaultValueSavePopup .contenu .field-validation-error {
        margin-left: 125px;
    }

    .policyCreatePopup .contenu .information {
        text-align: center;
        border-color: black;
        border: 1px solid white;
        padding: 10px;
        background-image: url("../../Images/informations-noir-30x30.png");
        background-repeat: no-repeat;
        background-size: 17px 17px;
        background-position: 5px 5px;
        margin: 10px;
    }

.policySerialized {
    resize: both;
    display: block;
    width: 100%;
    height: 300px;
}

.gae-policysettings .formPolicySettings div.footer .buttonPolicySave {
    position: absolute;
    right: 0px;
    width: 105px;
    border-left: solid 1px #dddddd;
    background-image: url(../../Images/enregistrer-30x30.png);
}

.gae-policysettings .formPolicySettings div span {
    padding-right: 30px;
}

/* GAE Zero Touch Management */
.gae-zerotouchmanagement .iframe-zerotouch {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Zero-Touch Set token */
.zero-touch-set-token__container {
    padding: 10px;
    color: #fff;
    margin: auto;
    width: 350px;
    text-align: center;
}

.zero-touch-set-token__error-message {
    margin: auto;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.gae-policyapplications {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .gae-policyapplications .basic {
        position: relative;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3%;
        min-width: 473px;
    }

        .gae-policyapplications .basic .contenu {
            position: relative;
        }

    .gae-policyapplications .iframe-playstore {
        position: relative;
        margin: 0px 5px;
        height: 100%;
        width: 66.6%;
    }

    .gae-policyapplications .details .header .buttonSettings {
        top: 0;
        right: 0;
        color: #444;
        line-height: 18px;
        text-align: center;
        padding-right: 2px;
        padding-top: 29px;
        font-size: 8px;
        color: white;
    }

        .gae-policyapplications .details .header .buttonSettings.selected {
            background: #2196F3
        }

        .gae-policyapplications .details .header .buttonSettings .icon {
            -webkit-mask: url(../../Images/gae-settings.svg) no-repeat;
            mask: url(../../Images/gae-settings.svg) no-repeat;
            -webkit-mask-size: 18px 28px;
            mask-size: 18px 28px;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            background-color: white;
            width: 100%;
            height: 35px;
            float: left;
            position: absolute;
            top: 0;
            right: 0;
        }

    .gae-policyapplications .details .header .buttonApplications {
        position: absolute;
        top: 0;
        right: 50px;
        color: #444;
        line-height: 18px;
        text-align: center;
        padding-right: 2px;
        padding-top: 29px;
        font-size: 8px;
        color: white;
        display: inline-block;
    }

        .gae-policyapplications .details .header .buttonApplications.selected {
            background: #2196F3
        }

        .gae-policyapplications .details .header .buttonApplications .icon {
            -webkit-mask: url(../../Images/gae-applications.svg) no-repeat;
            mask: url(../../Images/gae-applications.svg) no-repeat;
            -webkit-mask-size: 18px 28px;
            mask-size: 18px 28px;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            background-color: white;
            width: 100%;
            height: 35px;
            float: left;
            position: absolute;
            top: 0;
        }


    .gae-policyapplications .details .header .policyName {
        width: 60%;
    }

    .gae-policyapplications .details .header .policyVersion {
        position: absolute;
        top: 0;
        right: 100px;
        text-align: center;
        padding-right: 20px;
        color: white;
    }

    .gae-policyapplications .details .listApplication .application {
        padding: 10px;
        margin: 8px 0;
        height: 108px;
        width: 100%;
        border: solid 1px black;
        position:relative;
    }

        .gae-policyapplications .details .listApplication .application .applicationInfo {
            float: left;
        }

            .gae-policyapplications .details .listApplication .application .applicationInfo .applicationName {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: bold;
                padding-right: 5px;
            }

            .gae-policyapplications .details .listApplication .application .applicationInfo .packageName {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .gae-policyapplications .details .listApplication .application .applicationButtons {
            position: absolute;
            top: 40px;
            right: 7px;
        }

        .gae-policyapplications .details .listApplication .application .applicationSettings {
            right: 1px;
            position: absolute;
            top: 0px;
        }

    .gae-policyapplications .application_setting-button {
        width: 28px;
        height: 28px;
        background: #e4e4e4;
        margin: 5px 2px;
        cursor: pointer;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%);
        border-radius: 4px;
        margin-right: 5px;
        position: absolute;
    }

.application_setting-button.remove {
    right: 0px;
}

.application_setting-button.settings {
    right: 30px;
}

.application_setting-button.lock {
    right: 60px;
}

.application_setting-button.update {
    right: 90px;
    color:#000;
}

                .gae-policyapplications .details .listApplication .application .applicationSettings .settings .icon {
                    -webkit-mask: url(../../Images/gae-configuration.svg) no-repeat;
                    mask: url(../../Images/gae-configuration.svg) no-repeat;
                    -webkit-mask-size: 22px 22px;
                    mask-size: 22px 22px;
                    -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%;
                    background-color: black;
                    width: 100%;
                    height: 100%;
                }

                .gae-policyapplications .details .listApplication .application .applicationSettings .remove .icon {
                    -webkit-mask: url(../../Images/gae-close.svg) no-repeat;
                    mask: url(../../Images/gae-close.svg) no-repeat;
                    -webkit-mask-size: 22px 22px;
                    mask-size: 24px 24px;
                    -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%;
                    background-color: black;
                    width: 100%;
                    height: 100%;
                }

                .gae-policyapplications .details .listApplication .application .applicationSettings .lock .icon {
                    -webkit-mask: url(../../Images/gae-lock-black.svg) no-repeat;
                    mask: url(../../Images/gae-lock-black.svg) no-repeat;
                    -webkit-mask-size: 22px 22px;
                    mask-size: 24px 24px;
                    -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%;
                    background-color: black;
                    width: 100%;
                    height: 100%;
                }

                .gae-policyapplications .details .listApplication .application .applicationSettings .lock .icon.permissions {
                    background-color: green !important;
                }

        .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field {
            display: flex;
            overflow: hidden;
        }

            .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field input {
                position: absolute !important;
                clip: rect(0, 0, 0, 0);
                height: 1px;
                width: 1px;
                border: 0;
                overflow: hidden;
            }

            .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field label {
                background-color: #e4e4e4;
                color: black;
                font-size: 10px;
                line-height: 1;
                text-align: center;
                padding: 8px 8px 8px 8px !important;
                margin-right: -1px;
                border: 1px solid rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
                transition: all 0.1s ease-in-out;
                height: auto !important;
                line-height: 6px;
                background-image: none !important;
            }

                .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field label:hover {
                    cursor: pointer;
                }

            .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field input:checked + label {
                background-color: #2196F3;
                box-shadow: none;
                color: white !important;
            }

            .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field label:first-of-type {
                border-radius: 4px 0 0 4px;
            }

            .gae-policyapplications .details .listApplication .application .applicationButtons .switch-field label:last-of-type {
                border-radius: 0 4px 4px 0;
            }

    .gae-policyapplications .details div.footer .buttonPolicySave {
        position: absolute;
        right: 0;
        width: 105px;
        border-left: solid 1px #dddddd;
        background-image: url(../../Images/enregistrer-30x30.png);
    }

    .gae-policyapplications .details div.footer .buttonPolicyTemplateDeploy {
        position: absolute;
        right: 105px;
        width: 105px;
        border-left: solid 1px #dddddd;
        background-image: url(../../Images/deploiement-blanc-40x40.png);
    }

    .gae-policyapplications .details div.footer .buttonPolicyTemplateDeploy.disabled {
        cursor: default;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

    .gae-policyapplications .details div.footer .buttonPolicyTemplateDeploy.disabled:hover {
        opacity: 0.8 !important;
    }

    .gae-policyapplications .details div.footer .buttonAdd {
        position: absolute;
        right: 0px;
        width: 105px;
        border-left: solid 1px #dddddd;
        background-image: url(../../Images/ajouter-30x30.png);
    }

.panelApplicationSettings {
    width: 850px;
    height: 640px;
}

    .panelApplicationSettings .iframeApplicationSettings {
        background: white;
        width: 100%;
        height: 500px;
        margin-bottom: 10px;
    }

    .panelApplicationSettings .footer .boutonAnnuler {
        left: 50%;
        margin-left: -40px;
    }

.application-update__select {
    height: 25px;
    width:100%;
    font-size: 14px;
    padding: 0 0 0 5px;
    margin-top: 0;
    vertical-align: bottom;
    cursor:pointer;
    float:right;
}

.application-update__container {
    margin-top:2px;
}

/*application permissions*/
.gae-applicationpermission {
}

    .gae-applicationpermission .gae-center {
        text-align: center !important;
    }

    .gae-applicationpermission .permission {
        overflow: auto;
        width: 900px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 1px solid white;
        padding: 10px;
    }

        .gae-applicationpermission .permission .left-panel {
            float: left;
            width: 40%;
        }

        .gae-applicationpermission .permission .right-panel {
            float: left;
            width: 40%;
        }

        .gae-applicationpermission .permission .button-panel {
            float: right;
            width: 10%;
        }

            .gae-applicationpermission .permission .button-panel .addPermissionButton {
                border: 1px solid rgba(255, 255, 255, 0.5) !important;
                width: 40px !important;
                height: 40px !important;
                border-radius: 50%;
            }

        .gae-applicationpermission .permission .row {
            float: left;
            min-height: 50px;
            width: 100%;
        }

            .gae-applicationpermission .permission .row .col-label {
                float: left;
                width: 20%;
                color: white;
                font-size: 16px;
                text-align: center
            }

            .gae-applicationpermission .permission .row .col-control {
                float: right;
                width: 80%;
            }

        .gae-applicationpermission .permission .permissionTable .permissionTableBody .remove {
            width: 20px;
            height: 20px;
            background: #e4e4e4;
            margin: 5px 2px;
            cursor: pointer;
            border: 1px solid rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%);
            border-radius: 4px;
        }

        .gae-applicationpermission .permission .permissionTable .permissionTableBody .remove .icon {
            -webkit-mask: url(../../Images/gae-close.svg) no-repeat;
            mask: url(../../Images/gae-close.svg) no-repeat;
            -webkit-mask-size: 22px 22px;
            mask-size: 24px 24px;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            background-color: black;
            width: 100%;
            height: 100%;
        }

        .gae-applicationpermission .permission .permissionTable {
            display: table;
            width: 100%;
        }

        .gae-applicationpermission .permission .permissionTableRow {
            display: table-row;
        }

        .gae-applicationpermission .permission .permissionTableCell, 
        .gae-applicationpermission .permission .permissionTableHead {
            border: 1px solid white;
            display: table-cell;
            padding: 3px 10px;
            color: white;
            text-align: center;
            align-content: center;
            vertical-align: middle;
            width: 45%;
        }

        .gae-applicationpermission .permission .permissionTableCellDel,
        .gae-applicationpermission .permission .permissionTableHeadDel {
            border: 1px solid white;
            display: table-cell;
            padding: 3px 10px;
            color: white;
            text-align: center;
            align-content: center;
            vertical-align: middle;
            width: 10%;
        }

        .gae-applicationpermission .permission .permissionTableHeadDel,
        .gae-applicationpermission .permission .permissionTableHead {
            font-weight: bold;
        }

        .gae-applicationpermission .permission .permissionTableCellDel {
            padding: 0px 32px;
        }

        .gae-applicationpermission .permission .permissionTableHeading {
            display: table-header-group;
            font-weight: bold;
        }

        .gae-applicationpermission .permission .permissionTableFoot {
            display: table-footer-group;
            font-weight: bold;
        }

        .gae-applicationpermission .permission .permissionTableBody {
            display: table-row-group;
        }

        .gae-applicationpermission .permission .row.table {
            max-height: 192px;
            overflow-y: auto;
        }

.displayRawPolicyBtn {
    width: 18px;
    height: 18px;
    background-image: url(../../Images/application-nouvelleversion-18x18.png);
    background-repeat: no-repeat;
    background-color: #b0afaf;
    cursor: pointer;
}

#RawPolicyTextArea {
    width: 500px;
    height: 500px;
    font-size: 12px !important;
}

#CopyToClipboardBtn {
    width: 30px;
    height: 30px;
    background-image: url(../../Images/bouton-copier-30x30.png);
    cursor: pointer;
}
.gae-policy-panels {

}

    .gae-policy-panels .policyName {
        width: 100% !important;
    }

    .gae-policy-panels .basic {
        position: relative;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3% !important;
        min-width: 366px;
        box-sizing: border-box;
    }

    .gae-policy-panels .left-margin {
        margin-left: 5px;
    }

    .gae-policy-panels .top-margin {
        margin-top: 5px;
    }

    .gae-policy-panels .half-height {
        height: 50% !important;
        max-height: 50% !important;
        float: left;
        clear: left;
        width: 99% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
    }

    .gae-policy-panels .details .buttonAdd {
        position: absolute;
        right: 0px;
        width: 60px;
        height: 60px;
        top: -7px;
        border-left: solid 1px #dddddd;
        background-image: url(../../Images/ajouter-30x30.png);
        background-color: #b0afaf;
        z-index: 1000;
    }

    /*Simple settings*/

    .gae-policy-panels .simple-settings {
        padding: 5px;
    }

        .gae-policy-panels .simple-settings .simple-setting {
            border: 1px solid #fafafa;
            padding: 10px;
            margin-top: 10px;
            margin-bottom: 15px;
            min-height: 60px;
        }

            .gae-policy-panels .simple-settings .simple-setting .left {
                font-size: 16px;
                font-weight: bold;
                width: 50%;
                float: left;
            }

            .gae-policy-panels .simple-settings .simple-setting .right {
                width: 50%;
                float: right;
                text-align: right;
            }

                .gae-policy-panels .simple-settings .simple-setting .right input[type="text"],
                .gae-policy-panels .simple-settings .simple-setting .right input[type="number"],
                .gae-policy-panels .simple-settings .simple-setting .right select,
                .gae-policy-panels .simple-settings .simple-setting .right textarea {
                    max-width: 250px !important;
                }

                .popUpBase input:disabled {
                    opacity: 0.7;
                }

/*Complex settings*/

.overlay-container .overlay {
    overflow: auto;
    width: 900px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid white;
    padding: 10px;
}


.overlay-container input[type="text"],
.overlay-container input[type="number"],
.overlay-container select,
.overlay-container textarea {
    width: 250px !important;
    max-width: 250px !important;
}


   

.overlay-container .overlay .row {
    display: flex;
    align-items: stretch;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: central;
}


    .overlay-container .overlay .row .left-panel {
        display: flex;
        align-items: center;
        vertical-align: central;
        float: left;
        width: 50%;
    }

    .overlay-container .overlay .row .right-panel {
        display: flex;
        align-items: center;
        float: right;
        width: 50%;
    }

    .overlay-container .overlay .row .col-label {
        align-items: center;
        float: left;
        width: 40%;
        color: white;
        font-size: 16px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: central;
        padding: 10px;
    }

    .overlay-container .overlay .row .col-control {
        align-items: center;
        float: left;
        width: 60%;
        color: white;
        vertical-align: central;
    }

    .overlay-container .overlay input[type="text"] {
        width: 100%;
    }

.gae-policy-panels .complex-settings {
}

    .gae-policy-panels .complex-settings .complex-setting {
        border: 1px solid #fafafa;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
        height: 60px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .gae-policy-panels .complex-settings .complex-setting .label {
            font-size: 16px;
            font-weight: bold;
            width: 60%;
        }

        .gae-policy-panels .complex-settings .complex-setting .is-complex-setting-defined {
            font-size: 15px;
        }

        .gae-policy-panels .complex-settings .complex-setting .controls {
            min-width: 64px;
        }

            .gae-policy-panels .complex-settings .complex-setting .controls .gear,
            .gae-policy-panels .complex-settings .complex-setting .controls .remove {
                float: right;
                width: 28px !important;
                height: 28px;
                background: #e4e4e4;
                margin: 5px 2px;
                cursor: pointer;
                border: 1px solid rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%);
                border-radius: 4px;
            }

            .gae-policy-panels .complex-settings .complex-setting .controls .remove {
                visibility: hidden;
            }

            .gae-policy-panels .complex-settings .complex-setting .controls .force-show {
                display: inherit !important;
                visibility: visible;
            }

                .gae-policy-panels .complex-settings .complex-setting .controls .gear .icon {
                    -webkit-mask: url(../../Images/gae-configuration.svg) no-repeat;
                    mask: url(../../Images/gae-configuration.svg) no-repeat;
                    -webkit-mask-size: 22px 22px;
                    mask-size: 22px 22px;
                    -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%;
                    background-color: black;
                    width: 100%;
                    height: 100%;
                }

            .gae-policy-panels .complex-settings .complex-setting .controls .remove {
                width: 10%;
                float: right;
            }

                .gae-policy-panels .complex-settings .complex-setting .controls .remove .icon {
                    -webkit-mask: url(../../Images/gae-close.svg) no-repeat;
                    mask: url(../../Images/gae-close.svg) no-repeat;
                    -webkit-mask-size: 22px 22px;
                    mask-size: 24px 24px;
                    -webkit-mask-position: 50% 50%;
                    mask-position: 50% 50%;
                    background-color: black;
                    width: 100%;
                    height: 100%;
                }


/*Switch*/
.gae-policy-panels .switch,
.overlay-container .switch {
    position: relative;
    display: inline-block;
    width: 49px;
    height: 23px;
    float: left;
    margin-top: 0px;
}

.gae-policy-panels label.switch:hover,
.overlay-container label.switch:hover {
    cursor: pointer !important;
}

.gae-policy-panels .switch input,
.overlay-container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.gae-policy-panels .slider,
.overlay-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.overlay-container .slider {
    background-color: gray;
}

    .gae-policy-panels .slider:before,
    .overlay-container .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.gae-policy-panels input:checked + .slider,
.overlay-container input:checked + .slider {
    background-color: #2196F3;
}

.gae-policy-panels input:focus + .slider,
.overlay-container input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.gae-policy-panels input:checked + .slider:before,
.overlay-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.global-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.global-settings-column {
    border: 1px solid #808080;
    border-radius: 4px;

    padding: 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.global-settings-group-description {
    font-size: 12px;
}

.global-settings-column label[for] {
    vertical-align: middle !important;
}
.global-settings-billable-group-enable {
    color: #44cc1d;
}

.global-settings-billable-group-disable {
    color: #20138e;
}
.global-settings-enable-group-container {
    display: flex;
    align-items: center;
}
.global-settings-group-disabled-message {
    font-size: 12px;
    border: 1px solid;
}

.panelGlobalSettings {
    overflow-y: auto;
}
/*#region Tables*/
.os-manager__table th {
    background-color: #b0afaf;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

.os-manager__table tr {
    background-color: #fff;
}

.os-manager__table th, .os-manager__table td {
    padding: 10px;
    border: 1px solid #6B6B6B;
}

.os-manager__table td.text-align_center {
    text-align: center;
}
/*#endregion */

/*#region fixed-header-table*/

.fixed-header-table-container {
    overflow-y: auto;
}
.fixed-header-table-container th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*#endregion */

/*#region Manage deployment page*/
/*#region pie-chart */

.version-target-pie-chart {
    width: 20%;
    float: left;
    height: 90%;
    margin: 0;
    padding: 0;
}
/*#endregion */

.half-of-page {
    clear: both;
    height: 50%;
}

.target-container .fixed-header-table-container {
    width: 80%;
    height: 100%;
    float: left;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.patches-container .fixed-header-table-container {
    overflow-y: auto;
    height: calc(100% - 70px);
    width: 100%;
    padding-bottom: 70px;
}
.patches-container {
    position:relative;
    top: -33px;
}

#js-devices-container {
    height: calc(100% - 150px);
    overflow-y: auto;
    width: 850px;
    margin: 0 auto;
    background-color: #E1E1E1;
}

/*#region percentage-gauge */
td.percentage-gauge-container {
    padding: 0;
    height: 100%;
}

.percentage-gauge {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    opacity: .9;
}

.percentage-gauge.red {
    background-color: red;
}

.percentage-gauge.orange {
    background-color: orange;
}

.percentage-gauge.yellow {
    background-color: yellow;
    color: darkorange;
}

.percentage-gauge.green {
    background-color: #2E9614;
}

.percentage-gauge__outer-percentage {
    height: 100%;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*#endregion */
/*#endregion */

/*#region Edit target popup*/
.edit-target__popup-container {
    color: #fff;
}
.edit-target__popup-container td {
    padding: 10px;
}

.edit-target__popup-container select {
    width:100%;
}
.os-manager__edit-target__no-patches-contener {
    text-align: center;
}
/*#endregion */

/*#region Devices to upgrade page*/
.os-manager__devices-to-upgrade .fixed-header-table-container {
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding-bottom: 70px;
}

.os-manager__manage-deployment table {
    background-color: #fff;
}

#js-upgrade-button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.os-manager__devices-to-upgrade .drop-down-list-container {
    display: inline;
}

.os-manager__devices-to-upgrade form {
    height: 100%;
    width: 100%;
}

/* filter-table */
.os-manager__devices-to-upgrade .filter-table {
    margin: 0 auto 10px auto;
    width: 690px !important;
    background-color: #E1E1E1;
}

.os-manager__devices-to-upgrade .filter-table select {
    margin: 0;
}

.os-manager__devices-to-upgrade .filter-table td {
    height: 50px;
    
}

.os-manager__devices-to-upgrade label[for] {
    vertical-align: inherit !important;
}

.os-manager__devices-to-upgrade select {
    width: 200px;
}

.os-manager__devices-to-upgrade td.icon {
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.icon.device__state {
    background-image: url(../../Images/etat-30x30.png);
}

.device__state {
    border-left-style: solid !important;
    border-left-width: 10px !important;
    border-left-color: transparent !important;
}

.icon.device__site {
    background-image: url(../../Images/site-30x30.png);
}

.os-manager__devices-to-upgrade td.device-id {
    font-weight: bold;
}

#os-manager__devices-table tbody tr {
    cursor: pointer;
}

#os-manager__devices-table tbody tr:hover, #os-manager__devices-table tbody .tr--selected {
    background-color: #B0AFAF;
    color: #000;
}

#os-manager__devices-table tbody .tr--selected {
    background-color: #4591d1;
}

/*#endregion */

/* deployment list */
.os-manager__deployment-list .elt {
    flex-wrap: wrap;
}

/* Hack to reset the overflow to initial value (use flex warp instead of overflow behavior) */
.os-manager__deployment-list .liste > .elements .elt .extras {
    overflow: initial;
}

.os-manager__deployment-list .deployment-list__first-column {
    display: grid !important;
    justify-content: start;
    min-width: 201px;
    margin-left: 10px;
    flex: 1;
}

    .os-manager__deployment-list .deployment-list__first-column .deployment-list__id-item {
        grid-row: 2;
    }

    .os-manager__deployment-list .deployment-list__first-column .deployment-list__creation-date-item {
        grid-row: 2;
        padding: 0 10px;
    }

.os-manager__deployment-list .deployment-list__version-column {
    display: grid !important;
    flex: 3 !important;
    justify-content: start;
}

    .os-manager__deployment-list .deployment-list__version-column .deployment-list__from-item {
        grid-column: 1;
    }

    .os-manager__deployment-list .deployment-list__version-column .deployment-list__arrow-item {
        grid-column: 2;
        padding: 0 5px;
        align-self: center;
    }

    .os-manager__deployment-list .deployment-list__version-column .deployment-list__to-item {
        grid-column: 3;
    }

/*#region download-and-install-popup */

.download-and-install-popup-container {
    height:105px;
}

.download-and-install-popup-container > div{
    padding:10px;
}

.download-and-install-popup-container .column--left {
    border-right:2px solid #fff;
    width:410px;
    margin-right:10px;
    float:left;
}

.download-and-install-popup-container .column--right {
    float:left;
}

.download-schedules-container{
    height:200px;
}

.download-schedules-container table{
    border-spacing:2px;
}

.download-schedules-container th {
    background-color: #ff8026;
}

.download-schedules-container td, .download-schedules-container th {
    padding: 10px;
    border: 1px solid #fff;
    white-space: nowrap;
}

.time-slots-container
{
    display: block;
    border: 2px dashed #fff;
    padding: 10px;
    clear:both;
    margin:10px 0 15px 0;
}

.time-slots-container .add-schedule-button {
    /*float: right;*/
    margin-top: 55px;
}

.download-schedules-container table {
    width:100%;
}
.upgrade-popup-container .field-validation-error {
    display: block;
    clear: both;
}

.add-time-slot__title {
    font-size: 20px;
    color: #fff;
}

.add-time-slot__form--container {
    display: grid;
    width: 280px;
}

.add-time-slot__form--container .bloc-1 {
    grid-column-start: 1;
    grid-row-start: 1;
}

.add-time-slot__form--container .bloc-2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.add-time-slot__form--container .bloc-3 {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: span 2;
}
/*#endregion */
label[for="checkAll"] {
    font-size: 11px;
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 3px;
    cursor:pointer;
}

label[for="checkAll"]:hover {
    background-color: #6B6B6B;
}
#qtip-overlay.blurs,.qtip-close{cursor:pointer}.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}.qtip-content{padding:5px 9px;text-align:left;word-wrap:break-word}.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal 700 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-red,.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}#qtip-overlay,#qtip-overlay div{left:0;top:0;width:100%;height:100%}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed}#qtip-overlay div{position:absolute;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}
.modal-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
    z-index: 100000;
}

.visible {
    visibility: visible;
    opacity: 1;
}

.hidden {
    visibility: hidden;
    opacity: 0;
}

.modal-popup .popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 600px;
    position: relative;
    transition: all 0.25s ease-in-out;
    top: -400px;
}

    .modal-popup .popup h2 {
        margin-top: 0;
        color: #666;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .modal-popup .popup h3 {
        margin-top: 0;
        color: #333;
        width: 80%;
        font-size: 18px;
        margin-bottom: 20px;
        word-break: break-word;
    }

    .modal-popup .popup input {
        width: 80%;
        padding: 10px;
    }

    .modal-popup .popup .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333 !important;
    }

        .modal-popup .popup .close:hover {
            cursor: pointer;
        }

        .modal-popup .popup .close:hover {
            color: red;
        }

    .modal-popup .popup .content {
        max-height: 30%;
        overflow: auto;
    }

        .modal-popup .popup .content div {
            width: 100%;
            float: left;
            margin-top: 20px;
        }

        .modal-popup .popup .content .button {
            background-color: #d5d2d2;
            padding: 10px;
            float: left;
            margin-right: 10px;
            border: 2px solid #d5d2d2;
            min-width: 150px
        }

            .modal-popup .popup .content .button:hover {
                cursor: pointer;
                border: 2px solid #333;
            }

        .modal-popup .popup .content .red-button {
            background-color: brown;
            color: white;
            border: 2px solid brown;
        }

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../Components/material-design-icons/font/material-icons.woff2) format('woff2');
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../Components/material-design-icons/font/material-symbols-outlined.woff2) format('woff2');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../Components/material-design-icons/font/material-icons-outlined.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons.md-white,
.material-icons-outlined.md-white,
.material-symbols-outlined.md-white {
    color: #fff;
}

.material-icons.md-black,
.material-icons-outlined.md-black,
.material-symbols-outlined.md-black {
    color: #000;
}

.material-icons.md-18,
.material-icons-outlined.md-18,
.material-symbols-outlined.md-18 {
    font-size: 18px;
}

.material-icons.md-24,
.material-icons-outlined.md-24,
.material-symbols-outlined.md-24 {
    font-size: 24px;
}

.material-icons.md-36,
.material-icons-outlined.md-36,
.material-symbols-outlined.md-36 {
    font-size: 36px;
}

.material-icons.md-48,
.material-icons-outlined.md-48,
.material-symbols-outlined.md-48 {
    font-size: 48px;
}

.material-icons.md-48,
.material-icons-outlined.md-48,
.material-symbols-outlined.md-48 {
    font-size: 48px;
}

.material-icons.icon-button,
.material-icons-outlined.icon-button,
.material-symbols-outlined.icon-button {
    cursor: pointer;
}

.material-icons.icon-button:hover,
.material-icons-outlined.icon-button:hover,
.material-symbols-outlined.icon-button:hover {
    opacity: 0.5;
}

h1 .material-symbols-outlined,
h2 .material-symbols-outlined {
    margin-right:5px;
    font-size: inherit;
}
.growl-notification{background:#fff;border-radius:4px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);min-height:56px;position:fixed;width:320px;z-index:99999}.growl-notification:before{border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.growl-notification__progress{border-radius:4px 4px 0 0;display:none;height:4px}.growl-notification__progress.is-visible{display:flex}.growl-notification__progress-bar{border-radius:4px 4px 0 0;height:4px;width:0}.growl-notification__body{align-items:center;display:flex;min-height:56px;padding:13px 25px}.growl-notification__buttons{border-top:1px solid rgba(0,0,0,.1);display:none}.growl-notification__buttons.is-visible{display:flex}.growl-notification__button{align-items:center;color:#fff;display:flex;flex-grow:1;font-size:14px;font-weight:600;justify-content:center;min-height:39px;min-width:50%;text-align:center}.growl-notification__button:hover{background:rgba(0,0,0,.02);color:#fff;text-decoration:none}.growl-notification__button--cancel,.growl-notification__button--cancel:hover{color:hsla(0,0%,100%,.7)}.growl-notification__button+.growl-notification__button{border-left:1px solid rgba(0,0,0,.1)}.growl-notification__close{cursor:pointer;font-size:12px;line-height:12px;position:absolute;right:8px;top:8px;transition:color .1s}.growl-notification__close-icon{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cg id='Bounding_Boxes'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3C/g%3E%3Cg id='Outline_1_'%3E%3Cpath fill='#fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;display:inline-flex;height:18px;opacity:.6;width:18px}.growl-notification__close-icon:hover{opacity:.8}.growl-notification--closed{z-index:1055}.growl-notification__title{color:#fff;font-size:18px;font-weight:600;margin-top:-2px}.growl-notification__desc{color:#fff}.growl-notification__title+.growl-notification__desc{color:hsla(0,0%,100%,.9)}.growl-notification--close-on-click{cursor:pointer}.growl-notification--default{background:#fff}.growl-notification--default:before{background:#b2b2b2}.growl-notification--default .growl-notification__desc,.growl-notification--default .growl-notification__title{color:#000}.growl-notification--default .growl-notification__title+.growl-notification--default .growl-notification__desc{color:rgba(0,0,0,.8)}.growl-notification--default .growl-notification__button,.growl-notification--default .growl-notification__button:hover{color:#000}.growl-notification--default .growl-notification__button--cancel,.growl-notification--default .growl-notification__button--cancel:hover{color:#ff0048}.growl-notification--default .growl-notification__close-icon{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cg id='Bounding_Boxes'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3C/g%3E%3Cg id='Outline_1_'%3E%3Cpath d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41z'/%3E%3C/g%3E%3C/svg%3E")}.growl-notification--info{background:#00b1fe}.growl-notification--info:before{background:rgba(0,0,0,.2)}.growl-notification--success{background:#08c27a}.growl-notification--success:before{background:rgba(0,0,0,.2)}.growl-notification--warning{background:#ffe100}.growl-notification--warning:before{background:#ff5e3a}.growl-notification--warning .growl-notification__desc,.growl-notification--warning .growl-notification__title{color:#000}.growl-notification--warning .growl-notification__title+.growl-notification--default .growl-notification__desc{color:rgba(0,0,0,.8)}.growl-notification--warning .growl-notification__button,.growl-notification--warning .growl-notification__button:hover{color:#000}.growl-notification--warning .growl-notification__button--cancel,.growl-notification--warning .growl-notification__button--cancel:hover{color:rgba(0,0,0,.6)}.growl-notification--warning .growl-notification__close-icon{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cg id='Bounding_Boxes'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3C/g%3E%3Cg id='Outline_1_'%3E%3Cpath d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41z'/%3E%3C/g%3E%3C/svg%3E")}.growl-notification--danger,.growl-notification--error{background:#ff5e3a}.growl-notification--danger:before,.growl-notification--error:before{background:rgba(0,0,0,.2)}.growl-notification__image{background-size:85%;opacity:.8}.growl-notification--image{width:420px}.growl-notification__image{background-position:50%;background-repeat:no-repeat;height:46px;margin-right:17px;min-width:40px}.growl-notification__image--custom{background:none!important;height:auto}.growl-notification--default .growl-notification__image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23B2B2B2' d='M544 184.88V32c0-8.74-6.98-32-31.99-32H512c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64l-.48 32c0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h106.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.12c19.05-11.09 32-31.49 32-55.12.01-23.63-12.94-44.03-31.99-55.12zM223.76 480l-105.89-.03c-14.83-30.56-22.35-62.19-22.36-95.49l.48-32L96 352h99.33c-2.31 10.7-3.81 21.43-3.81 32 0 35.29 11.3 68.78 32.24 96zM64 320c-17.64 0-32-14.36-32-32v-96c0-17.64 14.36-32 32-32h192v160H64zm448.05 126.93c-.04.25-.13.58-.25.9l-84.83-67.87C386.99 348 338.54 328.14 288 322.13V157.87c50.54-6.01 98.99-25.87 138.98-57.84l84.87-67.9c.03.03.06.05.08.05.04 0 .06-.05.07-.17l.05 414.92z'/%3E%3C/svg%3E")}.growl-notification--info .growl-notification__image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zm-228-80h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'/%3E%3C/svg%3E")}.growl-notification--success .growl-notification__image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 32c8.823 0 16 7.178 16 16v352c0 8.822-7.177 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352m-34.301 98.293l-8.451-8.52c-4.667-4.705-12.265-4.736-16.97-.068l-163.441 162.13-68.976-69.533c-4.667-4.705-12.265-4.736-16.97-.068l-8.52 8.451c-4.705 4.667-4.736 12.265-.068 16.97l85.878 86.572c4.667 4.705 12.265 4.736 16.97.068l180.48-179.032c4.704-4.667 4.735-12.265.068-16.97z'/%3E%3C/svg%3E")}.growl-notification--warning .growl-notification__image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ff5e3a' d='M224 480c-17.66 0-32-14.38-32-32.03h-32c0 35.31 28.72 64.03 64 64.03s64-28.72 64-64.03h-32c0 17.65-14.34 32.03-32 32.03zm209.38-145.19c-27.96-26.62-49.34-54.48-49.34-148.91 0-79.59-63.39-144.5-144.04-152.35V16c0-8.84-7.16-16-16-16s-16 7.16-16 16v17.56C127.35 41.41 63.96 106.31 63.96 185.9c0 94.42-21.39 122.29-49.35 148.91-13.97 13.3-18.38 33.41-11.25 51.23C10.64 404.24 28.16 416 48 416h352c19.84 0 37.36-11.77 44.64-29.97 7.13-17.82 2.71-37.92-11.26-51.22zM400 384H48c-14.23 0-21.34-16.47-11.32-26.01 34.86-33.19 59.28-70.34 59.28-172.08C95.96 118.53 153.23 64 224 64c70.76 0 128.04 54.52 128.04 121.9 0 101.35 24.21 138.7 59.28 172.08C421.38 367.57 414.17 384 400 384z'/%3E%3C/svg%3E")}.growl-notification--danger .growl-notification__image,.growl-notification--error .growl-notification__image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.054-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.952 83.154 0l239.94 416.028zm-27.658 15.991l-240-416c-6.16-10.678-21.583-10.634-27.718 0l-240 416C27.983 466.678 35.731 480 48 480h480c12.323 0 19.99-13.369 13.859-23.996zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm-11.49-212h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z'/%3E%3C/svg%3E");background-size:90%}.growl-notification.position-bottom-right.animation-slide-in,.growl-notification.position-top-right.animation-slide-in{animation:position-right-slide-in .2s forwards;transform:translateX(100%)}.growl-notification.position-bottom-right.animation-slide-out,.growl-notification.position-top-right.animation-slide-out{animation:position-right-slide-out .2s forwards;margin-right:-20px;transform:translateX(0)}.growl-notification.position-top-center.animation-slide-in{animation:position-top-slide-in .2s forwards;transform:translateY(-100%)}.growl-notification.position-top-center.animation-slide-out{animation:position-top-slide-out .2s forwards;margin-top:-20px;transform:translateY(0)}.growl-notification.position-bottom-center.animation-slide-in{animation:position-bottom-slide-in .2s forwards;transform:translateY(100%)}.growl-notification.position-bottom-center.animation-slide-out{animation:position-bottom-slide-out .2s forwards;margin-bottom:-20px;transform:translateY(0)}.growl-notification.position-bottom-left.animation-slide-in,.growl-notification.position-top-left.animation-slide-in{animation:position-left-slide-in .2s forwards;transform:translateX(-100%)}.growl-notification.position-bottom-left.animation-slide-out,.growl-notification.position-top-left.animation-slide-out{animation:position-left-slide-out .2s forwards;margin-left:-20px;transform:translateX(0)}.growl-notification.position-top-center,.growl-notification.position-top-left,.growl-notification.position-top-right{transition:top .2s}.growl-notification.position-bottom-center,.growl-notification.position-bottom-left,.growl-notification.position-bottom-right{transition:bottom .2s}.growl-notification.animation-fade-in{animation:fade-in .2s forwards;opacity:0}.growl-notification.animation-fade-out{animation:fade-out .2s forwards}@keyframes position-right-slide-in{to{transform:translateX(0)}}@keyframes position-right-slide-out{to{transform:translateX(100%)}}@keyframes position-left-slide-in{to{transform:translateX(0)}}@keyframes position-left-slide-out{to{transform:translateX(-100%)}}@keyframes position-top-slide-in{to{transform:translateY(0)}}@keyframes position-top-slide-out{to{transform:translateY(-100%)}}@keyframes position-bottom-slide-in{to{transform:translateY(0)}}@keyframes position-bottom-slide-out{to{transform:translateY(100%)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}
.zebraApiView .libelle {
    white-space: nowrap;
    width: 155px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    font-size: 22px;
}

.zebraApiView .divGauche {
    float: left;
    margin-right: 90px
}

.zebraApiView .divDroite {
    float: right;
    margin-right: 90px
}

.zebraApiView .divDroiteV2 {
    float: right
}
.zebraApiView ._panel {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 100px;
}

.zebraApiView .SiteName {
    margin-top: 70px;
}

.zebraApiView ._params {
    margin-top: 100px;
}

.zebraApiView .hideParam {
    display: none;
}


.zebraApiView td,
.zebraApiView th {
    border: 1px solid rgb(190, 190, 190);
    padding: 10px;
}

.zebraApiView td {
    text-align: center;
}

.zebraApiView tr:nth-child(even) {
    background-color: #eee;
}

.zebraApiView th[scope="col"] {
    background-color: #696969;
    color: #fff;
}

.zebraApiView th[scope="row"] {
    background-color: #d7d9f2;
}

.zebraApiView caption {
    padding: 10px;
    caption-side: bottom;
}

.zebraApiView table {
    border-collapse: collapse;
    border: 2px solid rgb(200, 200, 200);
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: .8rem;
}

.zebraApiView .scroller {
    overflow-y: scroll;
    margin-top: 20px;
    max-height: 600px;
}
.zebraApiView .parameters {
    margin-top: 70px;
}

.zebraApiView .reduirePopup {
    width: 450px !important;
    height: 100px !important;
}

.zebraApiView ._scrol {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}

/* Zebra KPI Device Smart Battery detail page */
.zebra-api-device-batteries-detail__title {
    text-align: center;
    color: black;
    text-decoration: underline;
}

.zebra-api-device-batteries-detail__selector {
    text-align: center;
}

.zebra-api-device-batteries-detail__detail-container {
    width: 60%;
    margin: 0 auto;
}

.ui-filters__title {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 10px;
    font-size: 22px;
    position: relative;
}

.ui-filters__summary-container {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    overflow-wrap: anywhere;
}

.ui-filters__summary {
    font-size: 16px;
    background-color: #808080;
    color: #fff;
}

.ui-filters__filter-selection-has-change-message {
    text-align: center;
    background-color: #E1E1E1;
    color: #6B6B6B;
    width: 600px;
    position: absolute;
    border: 2px solid #6B6B6B;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 52px;
    z-index: 1;
}

.ui-filters__title-label {
    float: left;
    margin-right: 10px;
}

.hidden-elements-number {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 16px;
    background-color: #808080;
    color: #fff;
}

.ui-filters__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height:50px;
}

.ui-filters__submit-button-container {
    width: 200px;
    text-align: center;
    padding:0;
}

.ui-filters__button {
    cursor: pointer;
    background-color: #B0AFAF;
    font-size: 45px;
    text-align: center;
    color: #fff;
    width: 100px;
    height: 50px;
    border: 1px solid #6B6B6B;
}

.ui-filters__button:hover {
    background-color: #E1E1E1;
}

.ui-filters__excel-button {
    background-image: url(../../images/excel-48.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}

.ui-filters__column {
    flex: 33%;
    background-color: #E1E1E1;
    border: 1px solid #6B6B6B;
}

.ui-filters__column--active {
    background-color: #fff;
}

.ui-filters__ui-filters-sites {
    overflow-y: scroll;
    min-height: 100px;
    background-color: #fff;
    width: 100%;
    margin-top: 5px;
    height: 350px;
}

.ui-filters__widget {
    position: absolute;
    margin: 10px 0 0 10px;
    width: fit-content;
    background-color: #e1e1e1;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.42);
    box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.42);
}

.ui-filters__site-search-input {
    width: 100%;
    height: 30px;
    padding: 6px;
}

.ui-filters__close-button-container {
    text-align: center;
    padding-top: 10px;
}

.ui-filters__close-button {
    margin-top: 7px !important;
}

.ui-filters__ul {
    color: #fff;
    font-size: 22px;
    list-style: none;
    background-color: #8D8C8C;
    padding: 5px;
    width: fit-content;
}

.ui-filters__li {
    margin-bottom: 6px;
    height: 40px;
}

.ui-filters__li:hover, .ui-filters__li--active {
    background-color: rgba(0, 0, 0, 0.2);
}

.ui-filters__list-label {
    height: 100%;
    display: block;
    cursor: pointer;
}

.ui-filters-groups__list-label {
    width: 100%;
    border:0;
}

.ui-filters-states__list-label {
    border-left-style: solid !important;
    border-left-width: 10px !important;
}
.ui-filters__list-label-text {
    padding-left: 10px;
}

input[type="button"].ui-filters__close-button {
    cursor: pointer !important;
}