/*(AFI) CSS pour le bouton après le champs password de la page de login*/
button#LoginButton.btn.btn-default {
    font-size: 16px;
    line-height: 25px;
    height: 34px;
    padding-top: 0;
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #575757;
    background-position: center center;
    background-size: 8px;
    background-image: url("../img/img-chevron-right-white.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/img-chevron-right-white.svg");
    margin: 0 0 0 10px;
}

/*(AFI) modification des alert-danger bootstrap*/
#divAlert {
    margin-top: 10px;
}

/*(AFI) webkit autofill*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #efefef inset;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px #efefef inset, inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

/*(AFI) bouton disclaimer*/
#buttonAcceptDisclaimer {
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    color: #efefef;
    border-radius: 0;
    background-color: #575757;
}

.text-center.disclaimer {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*(AFI) message d'erreur en rouge*/
.errorText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a00;
}

/*(AFI) marge entre la case à cocher et le disclaimer
input#acceptDisclaimer {
    margin-right: 5px;
}*/

/*(AFI) resize none textarea*/
textarea#DisclaimerArea.form-control {
    resize: none;
}

/*(DTH) enlever l'image i des derniers contrats consultés*/
.last-contrat-viewed table tr td:last-child {
    background-image: none;
}

/*(DTH) afficher l'icône i avec l'utilisation de cette classe*/
.bg-icon.icon-info-black {
    padding-right: 5px;
    background-position: right 10px center;
    background-size: auto 17px;
    background-image: url("../img/icon-info-black.png");
    background-repeat: no-repeat;
}
/*(DTH) Augmentation de la largeur du tooltip bootstrap*/
.tooltip-large {
    max-width: 300px;
    /* If max-width does not work, try using width instead */
    width: 300px;
}
/*(DTH) Ajout de l'icone d'avenant envoyé dans 2 couleurs*/
"/*.bg-icon.icon-send { background-image: url("../img/icon-send-grey.png"); background-repeat: no-repeat; background-image: none, url("../img/icon-send-grey.svg");
}

.bg-icon.icon-send.grey {
    opacity: 0.5;
}

.bg-icon.icon-send.gold {
    background-image: url("../img/icon-send-gold.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-send-gold.svg");
}

*/
/* (NRI) CommissionStatistics.aspx AspxGridView Personalisation de la premiere row */
.dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1 {
    height: 50px;
    background: rgba(87, 87, 87, 0.8);
    display: table-row;
}

.dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1.TableRow {
    color: red;
}

.dev-express-grid .dxgvControl .dxgvTable .dxgvDataRow1 td.dxgv {
    padding: 4px 6px;
    border-top: solid 4px black;
    border-bottom: solid 4px black;
    background: rgba(87, 87, 87, 0.8);
    color: white;
}
/* (NRI) CommissionStatistics.aspx AspxGridView Personalisation Footer/Summary */
.dev-express-grid .dxgvControl .dxgvTable .dxgvFooter .dxgv {
    border: none;
    height: 50px;
}

.dev-express-grid .dxgvControl .dxgvTable .dxgvFooter {
    display: table-row;
    font-weight: bold;
    background-color: rgba(87, 87, 87, 0.8);
    color: white;
}
/* (NRI) CommissionStatistic.aspx On diminue le swap */
body.commissions-stat .breadcrumb-apporteur {
    margin-bottom: 10px;
}
/* (AFI) bouton disclaimer comme export*/
#acceptDisclaimerButton {
    /*margin-top: 10px;*/
}
/* (NRI) CommissionDetail.aspx On cache 1 des 2 grilles donc on reduit par moitié le swappable */
.swappable2 {
    padding: 15px 0 0;
}
/* (NRI) ContractHistory.aspx on supprime les dimmensions fixées en changeant la balise */
body.contrat-avoir .chart-verticalbar-stacked2 {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: content-box;
    overflow: hidden;
}
/* (NRI) ContractHistory.aspx aucune donnees graphiques à afficher */
.noData, .noDataScatter {
    padding-top: 15px;
    padding-left: 15px;
    height: 60px;
    color: #000;
    text-align: center;
    padding: 30px;
}

.noData {
    background-color: white;
}

/* (NRI) ContractHistory.aspx legende plus petite */
body.contrat-avoir .chart-legend {
    padding: 0px 15px 10px;
    background-color: rgba(255, 255, 255, 0.9);
}
/* (NRI) StatisticBroker.aspx ... on format la legende */
body.stat-apporteur .donut_graph .background-chart .chart-legend {
    height: 100%;
    padding-top: 30px;
    padding-left: 30px;
}
/* (NRI) StatisticBroker.aspx Tableau en legende */
.chart-legend table {
    border-spacing: 3px;
    border-collapse: separate;
    padding-right: 15px;
}

    .chart-legend table td {
        padding-left: 10px;
    }

    .chart-legend table tr {
        padding-bottom: 3px;
    }

/*(DTH) Suppression du margin (utilisé dans détails contrat grille frais d'entrée)*/
.noMargin {
    margin: 0 0 0 0;
}

.noPuce {
    list-style-type: none;
}


.noPadding {
    padding: 0px;
}

.arrowFunds {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .arrowFunds > li:before {
        content: "";
        border-color: transparent #111;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: inline-block;
        height: 0;
        width: 0;
        left: -0.1em;
        position: relative;
    }

/* (NRI) StatisticBroker.aspx Tableau en legende */
.chart-legend table {
    border-spacing: 3px;
    border-collapse: separate;
}

    .chart-legend table td {
        padding-left: 10px;
    }

    .chart-legend table tr {
        padding-bottom: 3px;
    }
/* (NRI) Groupe en Gras sur les GridViews */
.dxgvGroupRow {
    font-weight: bold;
}
/*(DTH) Override du CSS Vanksen pour rétablir le comportement normal du pager */
.dev-express-grid .dxgvControl .dxgvPagerBottomPanel {
    display: block;
}

body.contrat-situation .dxgvPagerBottomPanel {
    display: block;
}

/* NRI - StatisticContract.aspx */
.breadcrumb-comm2 .title-col {
    padding-right: 0;
}

@media (min-width: 768px) {
    .breadcrumb-comm2 .title-col {
        padding-right: 1px;
    }
}

.breadcrumb-comm2 .title-col .periode-title-container {
    padding: 5px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 10px;
    color: #fff;
    background-color: #575757;
}

@media (min-width: 768px) {
    .breadcrumb-comm2 .title-col .periode-title-container {
        padding: 15px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.breadcrumb-comm2 .breadcrumb-col {
    padding-left: 0;
}

    .breadcrumb-comm2 .breadcrumb-col .breadcrumb {
        margin: 0;
        padding: 5px;
        margin-left: 15px;
        border-radius: 0;
        background-color: #575757;
    }

@media (min-width: 768px) {
    .breadcrumb-comm2 .breadcrumb-col .breadcrumb {
        padding: 15px;
        margin-left: 0;
    }
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb li + li:before {
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb li.active {
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .breadcrumb a {
    text-decoration: underline;
    color: #fff;
}

.breadcrumb-comm2 .breadcrumb-col .dropdown .breadcrumb {
    padding: 15px 5px;
    padding-right: 70px;
}

.breadcrumb-comm2 .breadcrumb-col .search-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-left: 50px;
    border-left: 1px solid #fff;
    background-position: center;
    background-image: url("../img/icon-search.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-search.svg");
}

.breadcrumb-comm2 .breadcrumb-col .dropdown-menu {
    overflow-y: auto;
    width: 100%;
    max-height: 250px;
    padding: 5px;
    list-style: none;
    border: 0;
    border-radius: 0;
}

    .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li {
        list-style: none;
    }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a {
            position: relative;
            padding-left: 20px;
            border-left: 1px solid #575757;
        }

            .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b {
                position: absolute;
                left: 5px;
                top: 50%;
            }

                .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b:before {
                    content: ' ';
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    margin: -5px 0 0 3px;
                    line-height: 25px;
                    border: 5px solid transparent;
                    border-width: 5px 0 5px 5px;
                }

                .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li > a b:after {
                    content: ' ';
                    display: block;
                    position: absolute;
                    left: -6px;
                    top: -15px;
                    padding: 12px 14px 12px 10px;
                }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li ul {
            display: none;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.expendable > a b:before {
            border-left-color: #575757;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > ul {
            display: block;
        }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > a {
            color: #beae7f;
        }

            .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li.opened > a b:before {
                border-width: 5px 5px 0;
                border-color: #beae7f transparent transparent;
                margin: -3px 0 0;
            }

        .breadcrumb-comm2 .breadcrumb-col .dropdown-menu li a {
            color: #575757;
        }

    .breadcrumb-comm2 .breadcrumb-col .dropdown-menu > li > a {
        border-left: 0;
    }
/* NRI NewsList.aspx pas de news */
.emptyDiv {
    padding: 15px;
    margin: 15px;
    background-color: white;
}

/* AFI modification du pointeur pour les liens du breadcrumb */
.breadcrumb > li > a, .dropdown-menu > li > a {
    cursor: pointer;
}

/* AFI rajout d'un style pour les div sum-label et sum-title pour le bg-icon*/
.sum-panel .sum-label,
.sum-panel .sum-value {
    min-height: 30px;
    line-height: 30px;
}

/* AFI afficher le print panel en xs mode*/
.print-panel {
    display: block;
    float: right;
    margin-top: 1px;
    padding: 10px 10px 10px 50px;
    background-color: rgba(255, 255, 255, 0.8);
    background-position: 10px center;
    background-image: url("../img/icon-print-grey.png");
    background-repeat: no-repeat;
    background-image: none, url("../img/icon-print-grey.svg");
}

/* AFI style du pager */

.table-pager {
    margin: 0 auto;
    float: none;
    width: 100%;
}

.summary-pager {
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    text-align: center;
}

/* NRI ContractualDocument/SearchDocument.aspx -Detail Row colu:ns */
.dev-express-grid .dxgvControl .dxgvTable .dxgvHeader2 {
    padding-top: 0px;
    padding-bottom: 0px;
}
/* NRI ContractHistory.aspx Titre legende label-tt-legend */
.legend-contract-history .chart-legend .label-tt-legend {
    font-size: 12px;
}

.legend-contract-history .chart-legend .label-tt-legend-title {
    text-align: left !important;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
}

/*DTH : Override du CSS Vanksen pour gérer correctement les icônes de tri dans les header*/
.dev-express-grid .dxGridView_gvHeaderSortUp {
    border-top: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #575757;
    border-left: 5px solid transparent;
}

/* AFI pDisclaimer */
.disclaimer-div {
    background-color: #eeeeee;
    opacity: 1;
    border: 1px solid #ccc;
    overflow-y: scroll;
    height: 330px;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 20px;
}

/* AFI pour le disclaimer bouton accepter */
.export-panel {
    padding-left: 20px;
    padding-right: 20px;
}

/* AFI sum-value total */
.cst-align-right {
    text-align: right;
}

.sum-panel .sum-label {
    clear: both;
}

/* AFI on désactive le zoom de ie10 sous WP8*/
body {
    -ms-touch-action: none !important;
}

/* AFI légende em dans historique des avoirs */
em.label-tt-legend {
    padding-bottom: 0px !important;
    font-size: 13px !important;
}

/* NRI Taille du DatePicker sur ScatterChart.ascx */
body.fonds-details .graph-search-container .search-date-container input {
    width: 95px;
}

/* NRI Permet de rendre dynamique la taille de la valeur VNI sur ScatterChart.ascx */
body.fonds-details .graph-search-container .search-value-container .NavValueDate {
    display: inline-block;
    background-color: #888;
    padding: 10px;
}

/* NRI pour retirer le calendrier des GridViewDataDateColumn */
.dev-express-grid .dxgvControl .dxgvTable .noDxCalendar {
    display: none;
}

/* AFI style sur les link */
.footerLinks {
    padding-top: 20px;
}

/* AFI style pour la page stat contrat pour le filtre produit */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .breadcrumb-comm2 .breadcrumb-container.dropdown {
        margin-left: 25px;
    }

    .breadcrumb-comm2 .periode-title-container {
        margin-right: -25px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1200px) {
    /* Que sur chrome ou safari ... a tester les conditionnels CSS */
    /* -webkit uniquement valable sur chrome et safari */
    .breadcrumb-comm2 .breadcrumb-col {
        padding-right: 14px !important;
    }
}

/* AFI background dans row scatter*/
.row-scatter {
    background: #575757;
}

/* AFI width de l'input NavValueDate*/
input#MainMasterContainer_FundMasterContainer_dedicatedFundScatterChart_NavValueDate1 {
    width: 100%;
}

/* AFI span label form scatter chart navValueDate*/
.valueNavDate {
    display: block;
    margin-top: 10px;
}

/* AFI modifs pour le controle apporteur */
.breadcrumbPanel {
    background-color: rgba(190,174,127,0.9);
}

/* AFI on applique la bordure que pour les blocs voulus, donc création d'une classe CSS particulière */
.borderFilter .breadcrumb-container {
    border-left: solid 1px white;
}

/* AFI test bg pour chrome smartphone*/
/*@media screen and (max-device-width: 1024px) {
  body {
    background-image: url('../img/bg-overall-6.jpg') !important;
  }
}*/


/* DTH on autorise l'overflow dans les 2 grilles de demandes pour que le déroulant avec les statut du suivi s'affiche et puisse sortir */
.allowOverflow {
    overflow: visible;
    height: 100%;
}

/* AFI on change la police pour coller au pager des news */
.dxp-num, .dxp-ellip {
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* AFI boutons gauche et droit pager */
.dxbButton.pagerLeftButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-left-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerFirstButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-double-left-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerRightButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-right-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.dxbButton.pagerLastButton {
    background: transparent;
    border: none;
    background-image: url("../img/img-chevron-double-right-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.pagerCellRight {
    text-align: right;
    width: 20px;
}

.pagerCellLeft {
    text-align: left;
    width: 20px;
}

/* AFI changement de la police pour les tableaux page situation contrat*/
.cst-grid table thead {
    font-size: 11px;
    font-weight: bold !important;
    color: #575757;
    font-family: Verdana, Geneva, sans-serif;
}

.dxgvHeader {
    text-align: center;
}

/* AFI changement des entetes blocs en lien sans style*/
.title .blockLinkGold, .title .blockLinkGold:hover, .title .blockLinkGold:visited, .title .blockLinkGold:active {
    color: #FFF;
    text-decoration: none;
}

.title .blockLinkBlack, .title .blockLinkBlack:hover, .title .blockLinkBlack:visited, .title .blockLinkBlack:active {
    color: #BEAE7F;
    text-decoration: none;
}

/* AFI harmonisation des tableaux*/
.cst-grid th {
    text-align: center !important;
}

.cst-grid td {
    font-size: 11px;
}

/* AFI style spécifique IE9 */
.filters-container.breadcrumb-comm {
    margin-top: 30px;
}

/* AFI style spécifique IE9, en remettant ces règles à la fin de ce fichier cela fontionne .... pas d'explication encore ... à part une surcharge en cascade*/
.filters-container {
    color: #fff;
    margin-top: 30px;
}

    .filters-container .filters-bg {
        padding: 10px 15px;
        background: #575757;
    }

        .filters-container .filters-bg .filter-label {
            display: inline-block;
            padding: 10px 0;
        }

/* AFI style des tooltips, pour éviter d'avoir le surlignage en bleu*/
a.dxbButton, a.dxbButton:hover, a.dxbButton:visited, a.dxbButton:active {
    color: #FFF !important;
    text-decoration: none !important;
}

/* AFI espaces pour les grilles */
.dxgvTable {
    border-collapse: separate;
    border-spacing: 0 1px;
}

/* AFI Style IPAD filtre produit*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .breadcrumb-comm2 .title-col {
        padding-right: 15px;
    }

    .breadcrumb-comm2 .breadcrumb-col {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*AFI on recharge le loading gif car fichier GridViewStyle interfere dans la grille*/
.dxgvLoadingPanel .dxlp-loadingImage {
    background-image: url('../img/Loading.gif');
    height: 32px;
    width: 32px;
}

/*AFI problème de l'icone send qui n'existait pas dans le template de vanksen*/
.bg-icon.icon-send {
    background-image: url("../img/icon-send.png");
    background-repeat: no-repeat;
}

    .bg-icon.icon-send.grey {
        background-image: url("../img/icon-send-grey.png");
        opacity: 0.5;
    }

    .bg-icon.icon-send.full {
        background-image: url("../img/icon-send-full.png");
        background-repeat: no-repeat;
    }

        .bg-icon.icon-send.full.grey {
            opacity: 0.5;
        }

    .bg-icon.icon-send.gold {
        background-image: url("../img/icon-send-gold.png");
        background-repeat: no-repeat;
    }

        .bg-icon.icon-send.gold.full {
            background-image: url("../img/icon-send-full-gold.png");
            background-repeat: no-repeat;
        }



/* AFI réintégration des alert de bootstrap */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

/*DTH Ajout d'un style pour le bloc de sous-titre pour les fonds sur le dashboard*/
body.index .content-block .blockSubtitle {
    background-image: none !important;
    font-size: 14px;
    font-weight: 300;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* AFI style pour le data header dans la page des contacts car selecteurs CSS bcp trop spécifique*/
body.contenu .details-data .data-header {
    margin-top: 30px;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background: #575757;
}
/* AFI pour les curseurs*/
.dev-express-grid .dxgvControl .dxgvTable .dxgvHeader {
    cursor: default;
}

.dxgvGroupPanel + .dxgvTable .dxgvHeader {
    cursor: move;
}

/* AFI tests last connexion partners*/
#divLastCon {
    /*clear:both;*/
    float: right;
    margin-right: 10px;
}

/* DTH Modification de la couleur de texte du menu contextuel de PCU */
.dxmLite.dxm-ltr .dxm-popup .dxm-content:hover {
    color: black;
}

/* DTH mettre les mentions légales en display:inline-flex pour éviter le retour à la ligne */
#hypTerms {
    display: inline-flex;
}

/* DTH Mettre les radio button à coté du label dans hiérarchie des apporteurs*/
.radioListHorizontal input[type="radio"] {
    margin-left: 0px;
}

/* DTH gestion du curseur dans l'arbre de selection des brokers dans le wizard*/
.cursor-not-allowed {
    cursor: not-allowed;
}

/* DTH gestion du bouton print du PanAccompanyingLetter */
.print-panel-container {
    text-align: center;
    border: none;
    background-color: rgba(0,0,0,0);
    margin-top: 10px;
}

    .print-panel-container span {
        float: none;
        display: inline-block;
        cursor: pointer;
        padding: 10px 10px 10px 50px;
        background-position: 10px center;
        background-image: none,url("../img/icon-print-grey.png");
        background-repeat: no-repeat;
        background-image: none,url("../img/icon-print-grey.svg");
        background-size: 33px;
        color: #beae7f;
    }

        .print-panel-container span:hover {
            color: #a08c51;
            text-decoration: underline;
        }

/* DTH Utilisé dans les tableaux des detail rows */
.full-width {
    width: 100%;
}

/* DTH Séparation du block titre du block localisation/apporteur */
.detailProperty {
    margin-top: 5px;
}

/* DTH Bouton de création utilisateur */
.buttonInitiateWizard {
    text-align: center;
    margin-top: 20px;
    margin-left: 10px;
    border: none;
    background-color: rgba(255,255,255,1);
}

    .buttonInitiateWizard span {
        float: none;
        display: inline-block;
        cursor: pointer;
        padding: 10px 10px 10px 50px;
        background-position: 10px center;
        background-image: none,url("../img/icon-avatar.png");
        background-repeat: no-repeat;
        background-image: none,url("../img/icon-avatar.svg");
        color: #555555;
    }

        .buttonInitiateWizard span:hover {
            color: #222222;
            text-decoration: underline;
        }

/* DTH Boutons de commande dans la detail row */
.buttonBlockUser {
    text-align: center;
    margin-top: 20px;
    border: none;
    background-color: transparent;
}

    .buttonBlockUser span {
        float: none;
        display: inline-block;
        cursor: pointer;
        padding: 10px 10px 10px 40px;
        background-position: 10px center;
        background-image: none,url("../img/icon-lock-gold.png");
        background-repeat: no-repeat;
        /*background-image: none,url("../img/icon-lock-gold.svg");*/
        color: #555555;
    }

        .buttonBlockUser span:hover {
            color: #222222;
            text-decoration: underline;
        }

.buttonModifyUser {
    text-align: center;
    margin-top: 20px;
    border: none;
    background-color: transparent;
}

    .buttonModifyUser span {
        float: none;
        display: inline-block;
        cursor: pointer;
        padding: 10px 10px 10px 40px;
        background-position: 10px center;
        background-image: none,url("../img/icon-gear-gold.png");
        background-repeat: no-repeat;
        background-image: none,url("../img/icon-gear-gold.svg");
        color: #555555;
    }

        .buttonModifyUser span:hover {
            color: #222222;
            text-decoration: underline;
        }

.buttonDeleteUser {
    text-align: center;
    margin-top: 20px;
    border: none;
    background-color: transparent;
}

    .buttonDeleteUser span {
        float: none;
        display: inline-block;
        cursor: pointer;
        padding: 10px 10px 10px 40px;
        background-position: 10px center;
        background-image: none,url("../img/icon-cross-gold.png");
        background-repeat: no-repeat;
        background-image: none,url("../img/icon-cross-gold.svg");
        color: #555555;
    }

        .buttonDeleteUser span:hover {
            color: #222222;
            text-decoration: underline;
        }

/* DTH Changement margin dans le formmulaire entre header et titre */
body.formulaire .title-container {
    margin-top: 0px;
}

/*DTH Ajout d'un encadré rouge sur les dropdown et textarea */
body.formulaire .form-container .field-error .custom_dropdown select {
    border: 1px solid #d31313;
}

body.formulaire .form-container .field-error .text textarea {
    border: 1px solid #d31313;
}

/*DTH Override du comportement par défaut lors de l'ajout d'une row bootstrap dans la wizard*/
body.formulaire .form-container .fieldset .row > [class*="col-"] {
    padding: 0 6px;
}

/*DTH Accentuation du contraste entre rw / ro pour les input*/
body.formulaire .form-container .custom_dropdown select[disabled], body.formulaire .form-container input[type=text][disabled] {
    background-color: #e6e6e6;
}

/*DTH Supprimmer la min-height des radio button lorsqu'ils sont dans la barre de titre*/
.title-col .radio label {
    min-height: 0px;
}

/*DTH Style des liens dans les grilles devexpress*/
.dxgvControl a {
    color: #beae7f;
    text-decoration: none;
}

    .dxgvControl a:hover, .dxgvControl a:focus {
        color: #a08c51;
        text-decoration: underline;
    }

    .dxgvControl a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.LuxTrustResult {
    background: none;
}

/*DTH ajout d'un nouveau tooltip d'information*/
.infoSign::after {
    font-family: FontAwesome;
    content: "\f05a";
}

/*DTH override z-index du menu pour corriger bug picto wizard qui apparaisse par dessus l'overlay suite à resize (LG => SM) */
header #main-menu {
    z-index: 500 !important;
}

/*DTH Afficher totalement la dropdown de filtre sur le statut d'activation dans UserList.aspx*/
body.formulaire .allowOverflow {
    overflow: visible;
    height: 100%;
}

/*DTH On cache le bouton du datepicker dans le wizard*/
body.formulaire button.ui-datepicker-trigger {
    display: none;
}

/*DTH PanIsClientLuxtrust affichage des devices*/

.luxtrust.col-xs-12 {
    padding-right: 0px;
}

.luxtrust .legend {
    padding-top: 5px;
    padding-bottom: 5px;
}

.luxtrust .thumbnail {
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    max-width: 160px;
}

    .luxtrust .thumbnail > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

.luxtrust .device .thumbnail .img {
    display: block;
    background: url(../img/LTdevices.png) no-repeat;
    height: 145px;
}

.luxtrust .device .thumbnail.smartcard .img {
    background-position: right -315px;
}

.luxtrust .device .thumbnail.sclora .img {
    background-position: right -315px;
}

.luxtrust .device .thumbnail.stick .img {
    background-position: right -470px;
}

.luxtrust .device .thumbnail.eid .img {
    background-position: right -625px;
}

.luxtrust .device .thumbnail.vtshw .img {
    background-position: right -780px;
}

.luxtrust .device .thumbnail.vtssw .img {
    background-position: right -935px;
}

.luxtrust .device .thumbnail.vts .img {
    background-position: right -1090px;
}


/*DTH Séparateur dans un même panel du wizard, utilisé dans PanToken.ascx*/
.separator {
    clear: both;
    padding-top: 25px;
    padding-bottom: 15px;
}

/*DTH Ajout style pour message uniquement sur RequestWorkflowDisplay.ascx*/
.details-data .data-container .message {
    margin-top: 20px;
    padding: 15px 30px;
    background: #fff;
}

.LuxtrustMobileApp {
    margin-top: 20px;
}

    .LuxtrustMobileApp #ImageQRCodeLuxTrust {
        width: 150px;
        height: 150px;
        display: block;
        margin: auto;
    }

    .LuxtrustMobileApp .store {
        text-align: center;
    }

        .LuxtrustMobileApp .store img {
            width: 120px;
        }

/* MHU Ajout du style pour les disclaimers */

.disclaimerLuxTrust p {
    margin: 10px 0 10px;
}

.disclaimerLuxTrust h3 {
    text-align: center;
    font-weight: bold;
}

.disclaimerLuxTrust h5 {
    text-align: center;
    color: #C1B289;
    font-weight: bold;
}

span.disclaimer-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

span.disclaimer-subtitle {
    text-transform: uppercase;
    font-size: 14px;
    color: #C2B388;
    font-weight: bold;
}

span.disclaimer-number-title {
    font-weight: bold;
}

.disclaimer-margin {
    margin-left: 20px;
}

/* DTH Changement de la checkbox pour l'aligner correctement */

body.formulaire .form-container .checkbox label:after {
    content: none;
}

body.formulaire .form-container .checkbox input[type=checkbox]:not([disabled]) + label:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #ababab;
    vertical-align: middle;
    margin-right: 10px;
}

/*Dessin de la checkbox*/
body.formulaire .form-container .checkbox input[type=checkbox]:checked + label:before {
    background-color: #575757;
    padding: 3px;
    background-clip: content-box;
}

.checkbox label {
    padding-left: 0px;
}

body.formulaire .form-container .checkbox input[type=checkbox][disabled] + label {
    color: rgb(179,179,179);
    cursor: not-allowed;
}

    body.formulaire .form-container .checkbox input[type=checkbox][disabled] + label > span {
        color: initial;
        cursor: initial;
    }

    body.formulaire .form-container .checkbox input[type=checkbox][disabled] + label > a {
        color: #DED6BF;
    }

    body.formulaire .form-container .checkbox input[type=checkbox][disabled] + label:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid #D5D5D5;
        vertical-align: middle;
        margin-right: 10px;
    }


    /*Pager Nouvelle version DevExpress - MHU*/
.centerPager{ 
    text-align:center;
}


/* FTI: Ajout du Captcha*/
.form-group .input-group #Captcha {
    margin-top: 15px;
}
#Captcha_RTS {
    color: #a08c51;
}

/* (AFI) modification classe pour lien navbar brand */
@media (max-width:480px) {
    header #main-menu .navbar-header .navbar-brand {
        background-image: none;
        margin: 0px;
    }

        header #main-menu .navbar-header .navbar-brand img {
            height: 40px;
            display: inline-block;
        }
}

.LabelInline > div > div > label {
    display: inline !important;
    padding-left: 4px;
}

body.formulaire .time-line__item > a:hover span.spanNoTextDecoration {
    text-decoration: none;
}

.modal-dialog .modal-body .errorpanel-title.error i {
    color: #d31313;
}

body.formulaire .form-container .field-error .fa-exclamation-circle,
body.formulaire .form-container .field-errorcustom_dropdown .fa-exclamation-circle {
    color: #d31313;
    font-size: 14px;
}

body.formulaire .form-container .fa {
    padding-left: 4px;
}

.modal-dialog .modal-body .errorpanel-title i {
    margin-right: 5px;
}

/* FTI - Titre page cookie*/
body.cookie .container .title-container {
    margin-top: 24px;
}

.sizedIframe {
    width: 1200px;
    height: 675px;
}

.w-100 {
    width: 100%
}