/* ==========================================================================
   Une feuille de site gloable : Site.css :
    - d'abord toutes les class liées à la structure/squelette du site (header, nav, content, footer...
    - l'affichage en fonction des media queries
    - print css
    - le style commun aux éléments du type boutons, tableau...
    - puis les class spécifiques à chaque page

    La personnalisation BDDF est par défaut : cf "personalisation BDDF" dans la CSS 
    color :#00945f
   ========================================================================== */



/* ==========================================================================
   Surcharge
   ========================================================================== */

.mainSectionLarge .row {
    margin-top: 37px;
    margin-left: 128px;
}

#loginform fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#LogIn .dx-button-content {
    padding: 8px 18px;
    width: 166px;
    font-weight: 700;
    font-size: 1.2em;
}

#ForgotPassword {
    background-color: white;
    color: #00945F;
    position: relative;
    right: 44%;
    border: none;
}

#ForgotPassword .dx-button-content {
    padding: 0px;
    width: 100%;
    font-weight: 700;
}

.dx-texteditor-input {
    min-height: 25px;
    border: 1px solid #888;
}

.dx-texteditor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.QuickActions + div {
    display: flex;
    flex-wrap: wrap;
}

/* Libellé des étapes de souscription */

.steps ul li div:hover .dx-button-content {
    text-decoration: none;
}

.steps li.active div.dx-button-content span.dx-button-text {
    font-size: 10.5px;
    color: #00945F;
    font-weight: 700;
}

.steps li.next div.dx-button-content span.dx-button-text {
    font-size: 10.5px;
    color: #B6B8B9;
}

.steps li.previous div.dx-button-content span.dx-button-text {
    font-size: 10.5px;
    color: #00945F;
    opacity: 1;
}


div.button #Back, #back1, #modify1, #modify2, #modify3, div.button #btnBack, div.button #btnBackCompany {
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #A40133;
    color: #A40133;
    font-weight: 700;
}

div.button #Back:hover .dx-button-content,
#back1:hover .dx-button-content,
#modify1:hover .dx-button-content,
#modify2:hover .dx-button-content,
#modify3:hover .dx-button-content,
#btnBack:hover .dx-button-content,
#btnBackCompany:hover .dx-button-content {
    background-color: #A40133;
    border-radius: 5px border: 1px solid #A40133;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
}

/* FAL - Bouton Modifier - Cas particulier "Options du contrat" */
.ContractOptions .button {
    float: right;
    margin: 0;
    width: initial;
}

.ContractOptions div.button {
    float: right;
    /* padding: 0 0 0 10px; */
}

div.button #Valid_Sub1,
div.button #Cancel_Sub1,
div#btnSaveGenerateCode .dx-button-content,
div#btnCancelGenerateCode .dx-button-content,
div#btnCancelAdministrativeInfo .dx-button-content,
div#btnSaveAdministrativeInfo .dx-button-content {
    border-radius: 5px;
    border: 1px solid #00945F;
    font-weight: 700;
    line-height: 18px;
    font-size: 1.2em;
}

div.button #Cancel_Sub1 {
    width: 260px !important;
}

div.button #Valid_Sub1 {
    margin-left: 120px;
    width: 250px !important;
}

.alignDate {
    display: inline-block;
}

div.button #Valid_Sub1 .dx-button-content,
div.button #Cancel_Sub1 .dx-button-content,
div#btnSaveGenerateCode .dx-button-content,
div#btnCancelGenerateCode .dx-button-content,
div#btnCancelAdministrativeInfo .dx-button-content,
div#btnSaveAdministrativeInfo .dx-button-content {
    padding: 6px 18px;
}

div.button #Valid_Sub1:hover .dx-button-content,
div.button #Cancel_Sub1:hover .dx-button-content,
div#btnSaveGenerateCode:hover .dx-button-content,
div#btnCancelGenerateCode .dx-button-content,
div#btnCancelAdministrativeInfo .dx-button-content,
div#btnSaveAdministrativeInfo .dx-button-content {
    text-decoration: none;
}

/* Boutons Détail Entreprise */
/* FAL - Correction*/
#mainContent > ul {
    width: 50%;
    float: left;
}

.DetailCompany .dx-button {
    background-color: #FFF;
    border-radius: 5px border: 1px solid #A40133;
    color: #A40133;
    font-weight: 700;
    margin: 0px 2px 5px;
}

.DetailCompany .dx-button .dx-button-content {
    padding: 8px 12px;
}

.DetailCompany .dx-button.dx-state-hover {
    background-color: #A40133;
    border-radius: 5px border: 1px solid #A40133;
    color: #FFF;
    font-weight: 700;
}

.DetailCompany .dx-button.dx-state-hover .dx-button-content {
    text-decoration: none;
}

/* FAL - Amélioration de la lisibilité détail du contrat */
dl.options {
    margin-bottom: 25px;
}

dl.options dt {
    font-size: 1.2em;
}

/* FAL - Liens des différents type de documents, transformés en bouton pour inciter au clic car
on a perdu la gestion de l'élément actif */
span.docs-sections {
    font-size: 1.1em;
    padding: 4px 15px 4px;
    margin-bottom: 20px;
    /* border: 1px solid #A40133; */
    /* border-radius: 5px; */
    background-color: #E7E7E7;
    color: #000;
}

span.docs-sections.active {
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    color: #000;
    font-weight: 700;
}

/* FAL - Boutons téléchargement de documents, transformés en liens */
div.DownloadDocs .dx-button {
    margin-left: 20px;
    background-color: #fff0;
    font-size: 1.2em;
    border: 0px;
}

body div.DownloadDocs .dx-button-content {
    padding: 5px 0px;
    font-size: 0.9em;
}

body div.DownloadDocs #download1,
body div.DownloadDocs #download2 {
    margin: 0px;
}

body div.DownloadDocs #download1 .dx-button-content,
body div.DownloadDocs #download2 .dx-button-content {
    padding: 5px 0px;
    font-size: 0.85em;
    color: #646567;
    font-weight: 700;
    display: flex;
    flex-direction: row-reverse;
}

body div.DownloadDocs #download1 .dx-button-content img {
    margin: 0 8px 0 0;
}

.LiMandat .dx-button-has-text .dx-button-content {
    padding: 0px;
}

.contract #wrapper {
    background-color: #E7E7E7;
    padding: 10px;
    margin-bottom: 8px;
}


#wrapper > div {
    background-color: #F0F0F0;
    width: 100% !important;
    margin-top: 4px;
}


div.DownloadDocs {
    background-color: #F0F0F0;
    padding: 5px 0px 5px 0px;
    margin-top: 0px;
}


div.DownloadDocs li {
    background-image: url('../images/download.png');
    background-repeat: no-repeat;
    background-position: left;
}

div.timeline div.DownloadDocs li,
div.outTimeline div.DownloadDocs li {
    padding-left: 20px;
    background-image: none;
}

/*
    #Recipient3 div.DownloadDocs li,
    div.DownloadDocs #download1 li {
        background-image: none;
    }
    */
/* Onglet Epargnant - Même mise en forme que l'onglet ES*/
div#tabE1.Epargnant.tab {
    border: 1px solid #b6b8b9;
    margin: 20px 0 0;
    padding: 1%;
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: inline-block;
}

/* FAL - Menu - Affiche des titres de section (avec picto) */
nav div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px 7px;
    border-bottom: 1px solid #b6b8b9;
    color: #344046;
    font-size: 1.2em;
    margin: 0;
    padding: 5px 0 5px 31px;
}

/* FAL - Menu - Cas particulier pour l'Accueil */
div#tvOverview div.dx-scrollable-content > ul.dx-treeview-node-container > li.dx-treeview-node-is-leaf > div {
    background: url("../images/menu.gif") no-repeat scroll 9px 7px;
    border-bottom: 1px solid #b6b8b9;
    color: #344046;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 5px 31px;
}

nav li[data-item-id='2'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -93px;
}

nav li[data-item-id='manageClient'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -144px;
}

nav li[data-item-id='adminData'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -193px;
}

nav li[data-item-id='manageWebSite'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

nav li[data-item-id='auditWebSite'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

nav li[data-item-id='manageAccess'] div.dx-state-disabled {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

li.dx-treeview-node {
    padding-left: 0px;
}

li[data-item-id='/Simulateur/Index'] .dx-item {
    background: url(../images/simulateurCard_v2.png) no-repeat scroll 6px 0px !important;
    background-size: 93% !important;
    height: 100px;
    width: 100%;
    padding: 0px;
    border: none !important;
    margin-top: 10px !important;
}

li[data-item-id='/Simulateur/Index'] .dx-item.dx-treeview-item.dx-state-hover {
    background: url(../images/simulateurCard_v2.png) no-repeat scroll 6px 0px !important;
    background-size: 93% !important;
    height: 100px;
    width: 100%;
    padding: 0px;
    border: none !important;
    margin-top: 10px !important;
}

li[data-item-id='/Simulateur/Index'] .dx-item span {
    display: none !important;
}

li[data-item-id='/Simulateur/Index'] .dx-item:hover {
    background: url(../images/simulateurCard_v2.png) no-repeat scroll 6px 0px !important;
    background-color: inherit !important;
}


.menuTuto {
    background: url(../images/tutorielCard.png) no-repeat scroll 6px 3px;
    background-size: 93% !important;
    height: 84px;
    width: 100%;
    border: none !important;
    padding: 0px;
}

.menuPasAPas {
    background: url(../images/arbre.png) no-repeat scroll 6px 3px;
    background-size: 93% !important;
    height: 84px;
    width: 100%;
    border: none !important;
    padding: 0px;
}


.menuTuto:hover {
    background: url(../images/tutorielCard.png) no-repeat scroll 6px 3px;
    background-color: inherit !important;
}

/* FAL - Décaler les sous-items du menu */
div.dx-state-disabled + ul {
    padding-left: 10%;
}

/* FAL - Resize checkboxes */

div.dx-widget.dx-checkbox {
    border: none !important;
}

div.dx-state-readonly.dx-checkbox .dx-checkbox-icon {
    width: 15px;
    height: 15px;
    margin-right: 12px;
    border: 1px solid #AAA;
}

div.dx-checkbox .dx-checkbox-icon {
    width: 15px;
    height: 15px;
    margin-right: 12px;
    border: 1px solid #777;
}

div.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
    font: 13px/1em DXIcons;
    color: #00945F;
    text-align: center;
    /* left:-3px; */
}

div.dx-state-readonly.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
    font: 13px/1em DXIcons;
    color: #AAA;
    text-align: center;
    /* left:-3px; */
}


/* FAL - Resize radio boutons */
div.dx-radiobutton .dx-radiobutton-icon::before {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    content: "";
    border-radius: 11px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

div.dx-radiobutton .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -13px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    background: #00945F;
    content: "";
    border-radius: 5px;
}

/* FAL - Radio boutons - Alignement des labels */
div.dx-radio-value-container + div.dx-item-content {
    margin-top: 5px;
}

div.validate ul li div.dx-button-has-text {
    display: inline-block;
    background: none;
    color: #00945F;
    border: 0px;
    font-size: 1.05em;
}

div.validate div.dx-button-content {
    padding: 0px 0px 0px 20px;
}

div.validate > br:nth-of-type(8),
div.validate > br:nth-of-type(10) {
    display: none;
}

div.dx-button-has-text img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

div.timeline ul li div.dx-button-has-text {
    display: inline-block;
    background: none;
    color: #00945F;
    border: 0px;
    font-size: 1.05em;
}

div.timeline div.DownloadDocs li, div.outTimeline div.DownloadDocs li {
    padding-left: 20px;
}

/* FAL - Widget Calendar aux couleurs BNP   */
div.dx-datebox-wrapper-calendar .dx-calendar-navigator .dx-button {
    position: absolute;
    height: 100%;
    border-radius: 0;
    border-color: #ddd;
    background-color: #fff;
}

div.dx-datebox-wrapper-calendar .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    color: #00945f;
}


div.dx-datebox-wrapper-calendar .dx-calendar-navigator-next-view.dx-button .dx-icon,
div.dx-datebox-wrapper-calendar .dx-calendar-navigator-previous-view.dx-button .dx-icon {
    color: #00945f;
}

div.dx-datebox-wrapper-calendar .dx-calendar-body table .dx-week-number-header {
    color: #00945f;
}


div.dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-selected-date,
div.dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1000px #00945f;
    box-shadow: inset 0 0 0 1000px #00945f;
    font-weight: 400;
}

div.dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
div.dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #bebebe,inset 0 0 0 1000px #00945f;
    box-shadow: inset 0 0 0 1px #bebebe,inset 0 0 0 1000px #00945f;
}


.dx-datebox-wrapper-datetime .dx-datebox-datetime-time-side {
    display: none !important;
}

/* FAL - Gérer les entreprises - Lien "Créer une entreprise" */
#CreateNew.dx-button-mode-text.dx-button-success {
    background-color: transparent;
    border-color: transparent;
    color: #00945F;
    font-weight: 700;
}

div.dx-datagrid .dx-link {
    text-decoration: none;
    cursor: pointer;
    color: #00945F;
}

/* FAL - Bouton ajouter une ligne */
div#CompanyContactGridView .dx-datagrid .dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
    content: "Ajouter un interlocuteur";
    color: #FFF;
    font-weight: 700;
    line-height: 18px;
    font-size: 0.8em;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
}

.disabledNext{
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

div#CompanyContactGridView .dx-datagrid .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    width: auto;
    height: 18px;
    padding: 0px 18px;
}

.checkbox-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 72%;
}

.checkbox-label {
    display: flex;
    position: relative;
    top: 65px;
    left: 24%;
}

.checkbox-label:after {
    content: ": *";
    color: #c9302c;
}

div#employeePhone {
    position: relative;
    right: 5.5%;
    margin-right: 1.4em;
}

/* FAL - Cadre de cellules selectionnées 
div.dx-datagrid .dx-texteditor.dx-state-active.dx-editor-filled,
div.dx-datagrid .dx-texteditor.dx-state-active.dx-editor-outlined,
div.dx-datagrid .dx-texteditor.dx-state-active.dx-editor-underlined,
div.dx-datagrid .dx-texteditor.dx-state-focused.dx-editor-filled,
div.dx-datagrid .dx-texteditor.dx-state-focused.dx-editor-outlined,
div.dx-datagrid .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: #FFF;
}
*/
div.dx-datagrid .dx-datagrid-focus-overlay {
    border: 1px solid #FFF;
}

/* FAL - Onglets des tableaux */

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    display: inline-flex;
    border: none;
    background-color: transparent;
    color: transparent;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tabs-wrapper {
    display: flex;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    width: 190px;
    font-size: 1.2em;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-right: 3px;
    /*    color: transparent;*/
    background-color: #e0e0e0;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-item.dx-tab.dx-state-hover,
body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-item.dx-tab.dx-state-hover {
    background-color: #f0f0f0;
}

#CompanyDetailsTabs .dx-multiview-wrapper {
    border: none;
}

/*body .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected,
body .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected.dx-state-hover
{
    background-color: #da5a74;
}*/

body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    height: 48px;
    padding-left: 40px;
    font-size: 1.3em;
}

body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:nth-of-type(1) {
    background: url("../images/onglet.png") no-repeat scroll 6px 5px #da5a74 !important;
}

body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-tab:nth-of-type(1) {
    background: url("../images/onglet.png") no-repeat scroll 6px -54px #e0e0e0 !important;
}

body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:nth-of-type(2) {
    background: url("../images/onglet.png") no-repeat scroll 6px -235px #743380 !important;
}

body div#CompanyDetailsTabs.dx-tabpanel > .dx-tabpanel-tabs .dx-tab:nth-of-type(2) {
    background: url("../images/onglet.png") no-repeat scroll 6px -296px #e0e0e0 !important;
}


body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected:nth-of-type(2) {
    background-color: #568ebe;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected:nth-of-type(3) {
    background-color: #743380;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected:nth-of-type(4) {
    background-color: #c1d784;
}

body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected:nth-of-type(5) {
    background-color: #ff6500;
}


body .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content,
body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: #fff;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #ddd,inset -1px 0 #ddd,inset 1px 0 #ddd;
    box-shadow: inset 0 1px #ddd,inset -1px 0 #ddd,inset 1px 0 #ddd;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
    -webkit-box-shadow: inset 0 1px,inset 0 -1px #ddd;
    box-shadow: inset 0 1px,inset 0 -1px #ddd;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
    -webkit-box-shadow: inset 0 -1px #ddd,inset 1px 0,inset 0 1px;
    box-shadow: inset 0 -1px #ddd,inset 1px 0,inset 0 1px;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #ddd,inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px #ddd,inset 0 1px,inset -1px 0,inset 1px 0;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
    -webkit-box-shadow: inset 0 1px,inset 0 -1px #ddd;
    box-shadow: inset 0 1px,inset 0 -1px #ddd;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #ddd,inset -1px 0 #ddd,inset 1px 0 #ddd;
    box-shadow: inset 0 1px #ddd,inset -1px 0 #ddd,inset 1px 0 #ddd;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-right {
    -webkit-box-shadow: inset 0 -1px #ddd,inset 0 1px,inset -1px 0;
    box-shadow: inset 0 -1px #ddd,inset 0 1px,inset -1px 0;
}

body .dx-tabpanel.dx-state-focused > .dx-tabpanel-container > .dx-multiview-wrapper {
    border-color: #ddd;
}

body .dx-multiview-item {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    border: none;
}


div#ProductShortcut8 .dx-button-content,
div#ProductShortcut9 .dx-button-content {
    background-color: #FFF;
    color: #00945F;
    font-size: 1.15em;
}

div#ProductShortcut8 .dx-button-content::before,
div#ProductShortcut9 .dx-button-content::before {
    content: ">\00a0";
}


body .dx-checkbox-indeterminate .dx-checkbox-icon::before {
    position: relative;
    display: block;
    width: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 50%;
    margin-left: -.5em;
    content: "";
    background-color: transparent;
    border-radius: 2px;
    height: 1em;
}


/* FAL - Accueil - Btn Action Rapide */

article.QuickActions .dx-button-content {
    align-items: end;
    padding: 90px 30px 0 30px;
    font-size: 1.125em;
    width: 50px;
    flex-wrap: wrap;
}

article.QuickActions .dx-button-has-text .dx-button-content,
article.QuickActions .dx-button-has-text .dx-button-content .dx-button-text {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: flex;
    align-items: center;
}

article.QuickActions .dx-button-has-text.dx-state-hover .dx-button-content,
article.QuickActions .dx-button-has-text.dx-state-hover .dx-button-content .dx-button-text {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-decoration: none !important;
}

/*
.QuickActions div:nth-child(3) {
    margin: 0px auto 50px auto;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto !important;
}*/



#actionS8, #actionS9 {
    background: url("../images/btn_actions_final_v4.jpg") no-repeat scroll center top #fff !important;
    height: 130px;
    position: relative;
    width: 285px;
}

#actionV {
    background: url("../images/btn_actions_final_v4.jpg") no-repeat scroll center -210px #fff !important;
    height: 130px;
    position: relative;
    width: 285px;
}

#actionTutorial {
    background: url("../images/btn_actions_final_v4.jpg") no-repeat scroll center -650px #fff !important;
    height: 130px;
    position: relative;
    width: 285px;
}

#actionTutorialSignOn {
    background: url("../images/btn_actions_final_v4.jpg") no-repeat scroll center -870px #fff !important;
    height: 130px;
    position: relative;
    width: 285px;
}

#actionSimulateur {
    background: url("../images/btn_actions_final_v4.jpg") no-repeat scroll center -1090px #fff !important;
    height: 130px;
    position: relative;
    width: 285px;
}

/* FAL - Compression box Modification Interlocuteurs */
#CompanyContactGridView .dx-scrollable-simulated .dx-datagrid-table-fixed .dx-master-detail-cell {
    padding: 5px 20px;
}

/* FAL - Spécifique pour positionnement du Type (Représentant/Correspondant) */
#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(3) label.checkbox-label {
    /* color:red; */
    /* display: flex; */
    /* position: relative; */
    top: 20px;
    left: 3%;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(3).checkbox-label {
}

#CompanyContactGridView #myForm #employeeName,
#CompanyContactGridView #myForm #employeeFirstName,
#CompanyContactGridView #myForm #employeeEmail {
    margin-right: 34px;
}

#CompanyContactGridView #myForm div#employeeEmail {
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4) > div {
    margin-left: 18%;
    align-items: center !important;
    display: block !important;
    float: left;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4) > div > div {
    float: left;
    margin-left: 23px !important;
}

img#toolTipRepres {
    translate: 5px -40px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(5) > div {
    align-items: center !important;
    flex-direction: row !important;
    flex: 0 0 auto !important;
    margin-left: 18%;
}

#CompanyContactGridView .dx-item.dx-box-item: nth-of-type(4) .dx-label-h-align {
                                                                 display: flex;
                                                                 width: 160px;
                                                                 flex-direction: row-reverse;
                                                                 align-content: stretch;
                                                                 align-items: flex-end;
                                                                 translate: -24px -45px;
                                                                 flex-wrap: nowrap;
                                                                 justify-content: flex-end;
                                                             }

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4),
#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(5) {
    z-index: 10;
    width: 50%;
    margin-left: 50%;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    flex: 0 0 auto !important;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4) .dx-label-h-align {
    display: flex;
    width: 160px;
    flex-direction: row-reverse;
    align-content: stretch;
    align-items: flex-end;
    translate: -24px -45px;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(5) .dx-label-h-align {
    display: flex;
    width: 160px;
    flex-direction: row-reverse;
    align-content: stretch;
    align-items: flex-end;
    translate: 0px -45px;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4) .dx-label-h-align .dx-field-item-content-location-right,
#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(5) .dx-label-h-align .dx-field-item-content-location-right {
    width: 20px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(6) {
    translate: 0px -71px;
    width: 50%;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(6) .dx-label-h-align {
    padding-right: 15px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(7) label {
    width: 357px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(7) {
    translate: 0px -71px;
    height: 0px !important;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(7) > div {
    align-items: baseline !important;
}

img#toolTipInfo {
    translate: -55px 0px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(8) {
    translate: 0px -80px;
    height: 0px !important;
    width: 47%;
    margin-left: 53%;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(8) .dx-flex-layout {
    padding-top: 0px;
}

#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(4) label,
#CompanyContactGridView .dx-item.dx-box-item:nth-of-type(5) label {
    text-align: left;
}

#CompanyContactGridView .dx-invalid-message-content {
    max-width: 290px !important;
    transform: translate(0px, 47px) !important;
}

a.dx-link.dx-link-edit, a.dx-link.dx-link-delete {
    font-weight: bold;
    font-family: "BBNPP Sans Bold", Helvetica, Arial, sans-serif;
}

a.dx-link.dx-link-delete:hover, a.dx-link.dx-link-edit:hover {
    font-weight: lighter;
    margin: 0px;
}

#gv_Documents tr > td{
    overflow-wrap: break-word;
    white-space: normal;
}

.multi-line-cell{
    white-space: normal;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    max-height: 3em;
}

#gv_Documents .dx-data-row:hover {
    background: rgb(0,148,95);
    cursor: pointer;
    color: white;
}

#gv_Documents .dx-data-row.dx-state-hover > td {
    color: white !important;
}

#gv_Documents .dx-data-row:hover a {
    color: white;
}

.dx-item-content.dx-list-item-content {
    overflow-wrap: break-word;
    white-space: normal;
}

input[id='Link'] {
    width: 350px;
}

#modelTypeBlock .dx-radiobutton {
    margin: 0;
}

#IsDynamicModel {
    float: right;
}

#linkBlock {
    margin-top: 2%;
}

/* FAL - Ajustement "Gérer les paramétrages"
       - Ajout d'une marge G/D sur tous les onglets
       - Correction largeur 0% > 100% pour faire apparaitre les tableaux Tarif et Paramètre
       - Correction couleur de l'onglet "PASS"
*/


section#mainContent .dx-multiview-wrapper {
    padding: 0px 10px;
}



section#mainContent .dx-multiview-wrapper div#gv_Pricing > div,
section#mainContent .dx-multiview-wrapper div#gv_Settings > div {
    width: 100%;
}



body .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab.dx-tab-selected:nth-of-type(1) {
    background-color: #da5a74;
}

/* ==========================================================================
   Framework
   ========================================================================== */
@font-face {
    font-family: 'BNPP Sans Light';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/bnpp_sans_light-webfont.eot'); /* IE9 Compat Modes */
    src: local('BNPP Sans Light'), url('fonts/bnpp_sans_light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/bnpp_sans_light-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/bnpp_sans_light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/bnpp_sans_light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'BNPP Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/bnpp_sans_bold-webfont.eot'); /* IE9 Compat Modes */
    src: local('BNPP Sans Bold'), url('fonts/bnpp_sans_light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/bnpp_sans_light-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/bnpp_sans_light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/bnpp_sans_light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html,
button,
input,
select,
textarea {
    color: #646567;
}

h1, h2, h3 {
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
}

section h2, section h3 {
    color: #00945F;
    font-weight: 700;
    margin-bottom: 18px;
}

div[class*='ES tab'] h2{
    width:50%;
}

/*personalisation BDDF*/

html {
    font-size: 100%;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.danger {
    display: block;
    left: 320px;
    position: relative;
    color: #d9534f;
    font-size: .85em;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
}

.IsFree label {
    width: 50px !important;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

body {
    color: #344046 !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 0.8em !important;
}

a {
    color: #00945F; /*personalisation BDDF*/
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Theme */

/* BNPP ERE Theme */

.header-container {
    background: #00945F; /*personalisation BDDF*/
}

.title {
    color: white;
}

/* END BNPP ERE Theme */

/* ENDTheme */

/*ALL: IE Fixes*/

.ie7 .title {
    padding-top: 20px;
}

/*  END : IE Fixes  */

/* ==========================================================================
   Main framework
   ========================================================================== */

.wrapper {
    margin: 0 auto;
    overflow: visible;
    width: 1240px;
}

.wrapperLarge {
    margin: 0 auto;
    overflow: visible;
    width: 1400px;
}

#header {
    height: 56px;
    position: relative;
}

.header-container.wrapper, .header-container.wrapperLarge {
    overflow: inherit;
}

.headerTemplate {
    font-weight: bold;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    color: black;
}

.dx-datagrid-filter-row input {
    width: 95%;
}

#gvCompany input {
    border-radius: 0px;
}

#gvCompany .dx-data-row:hover {
    background: rgb(0,148,95);
    cursor: pointer;
    color: white;
}

#gvCompany .dx-data-row.dx-state-hover > td {
    color: white !important;
}

/*** title ***/
#header h1 {
    background-color: #eae8e9;
    box-shadow: 0 0 0 -7px rgba(0, 0, 0, 0.5) inset, -10px 0 7px -7px rgba(0, 0, 0, 0.5) inset;
    display: block;
    float: left;
    height: 56px;
    margin: 0;
    width: 238px;
}

#header h1 span {
    background-color: #eae8e9;
    background-image: url("../images/logo.gif");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 0;
    height: 56px;
    letter-spacing: -50px;
    margin: 0 0 0 0;
    text-decoration: none;
    width: 172px;
    cursor: pointer;
}

/*** END title ***/

/*** Search***/

#header #form-search {
    bottom: 0;
    clear: both;
    left: 301px;
    position: absolute;
    top: 15px;
    width: 30%;
    z-index: 100;
}

#form-search #Search {
    background: url("../images/loupe.gif") no-repeat scroll 9px 5px #fff;
    height: 30px;
    padding: 0 0 0 45px;
    width: 325px !important;
}

#form-search #Search input {
    font-size: 1em;
    *font-size: 12px;
    *margin: 0 0 0 30px;
}

input.dxeEditArea.dxeEditAreaSys {
    *font-size: 12px !important;
}

#form-search table.dxeFocused .dxeEditArea {
    color: #344046;
}

/*** END Search***/

/*** Account/Logout ***/

.dxtvControl li,
.dxtvControl ul {
    overflow-y: inherit !important;
}

ul#sub-nav {
    bottom: 0;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 500px;
    z-index: 100;
}

ul#sub-nav li {
    float: left;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    margin: 0px 100px 3px 0;
}

ul#sub-nav li a {
    color: #fff;
    font-size: 0.875em;
    text-decoration: none;
}

/*helloheader*/
span.helloheader {
    color: #FFF;
    padding: 25px 25px 0 0;
}
/*mon compte*/

ul#sub-nav li.account {
    color: #fff;
}

ul#sub-nav li.account ul li {
    float: inherit;
    /*margin: 0;*/
}

ul#sub-nav li.account .dxmLite .dxm-main {
    background-color: transparent;
    border: none;
    box-sizing: inherit;
}

ul#sub-nav li.account .dxmLite ul.dx {
    font-size: 1.1em;
}

ul#sub-nav li.account .dxm-item {
    margin: -3px 0 0;
    margin: 0\9;
    min-width: inherit;
}

ul#sub-nav li.account .dxm-image {
    margin-bottom: 1px;
    margin-bottom: 2px\9;
}

@-moz-document url-prefix() {
    ul#sub-nav li.account .dxm-item {
        margin: -3px 0 0;
    }

    ul#sub-nav li.account .dxm-image {
        margin-bottom: -1px;
    }
}

ul#sub-nav li.account .dxmLite .dxm-popup {
    background-color: white;
    border: 1px solid #b6b8b9;
    color: #00945f; /*personalisation BDDF*/
    padding: 1px;
    padding: 10px 0 5px 0;
}

ul#sub-nav li.account .dxmLite .dxm-popup .dxm-gutter {
    background-image: none;
}

ul#sub-nav li.account .dxmLite .dxm-main .dxm-hovered {
    background-color: inherit;
    border-color: #00945f; /*personalisation BDDF*/
}

ul#sub-nav li.account .dxm-item.dxm-hovered {
    border-color: #b6b8b9;
}

ul#sub-nav li.account .dxmLite.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item {
    padding: 5px 0 5px 11px;
}

.dx-item.dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-submenu.dx-menu-item-expanded {
    color: #333;
}

.dx-item.dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-submenu {
    color: white;
}
/*Logout*/
ul#sub-nav li.logout {
    margin: 4px 0 0 0\9;
}

ul#sub-nav li.logout a {
    background: url("../images/header.gif") no-repeat scroll left 3px;
    padding: 2px 0 0 12px;
    /*padding: -2px 0 0 12px\9;*/
}

@-moz-document url-prefix() {
    ul#sub-nav li.logout a {
        background: url("../images/header.gif") no-repeat scroll left 2px;
    }
}

.logout a.dxbButton span {
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    font-size: 0.96em\9 !important;
    text-decoration: none !important;
}

/*** END Account/Logout ***/

/*** Vertical menu ***/

.main nav {
    background-color: #eae8e9;
    box-shadow: 0 0 0 -7px rgba(0, 0, 0, 0.5) inset, -10px 0 7px -7px rgba(0, 0, 0, 0.5) inset;
    float: left;
    width: 238px;
}

nav #tvOverview {
    border-bottom: none;
    overflow: hidden;
    width: 100% !important;
}

/* FAL - La ligne de fin de section est mal placée
#tvOverview li[aria-level='1'] {
    border-bottom: 1px solid #b6b8b9;
}
 */

/*
#tvOverview li[data-item-id='/Home/Content'] {
    background: url(../images/menu.gif) no-repeat scroll 9px -43px;
    padding-left: 23px;
}
*/

/*
#tvOverview li[aria-label='ACCUEIL'] > div {
    border-bottom: none;
}
*/

.main nav {
    /*margin-bottom: -32767px;
    padding-bottom: 32767px;*/
    padding-top: 20px;
}

nav .dxtvControl .dxtv-elbNoLn, nav .dxtvControl .dxtv-elb {
    width: 0;
}

.dxtvControl .dxtv-nd {
    color: #344046 !important;
    float: none !important;
    font-size: 1em;
}

/*nav ul {
    margin: 0;
    padding: 0;
	background-color:#eae8e9;
	box-shadow:0 0 0 -7px rgba(0, 0, 0, 0.5) inset, -10px 0 7px -7px rgba(0, 0, 0, 0.5) inset;
    font-size: 1.05em;
    color:#344046;
    border-bottom: 1px solid #b6b8b9;
    padding: 0 0 5px;
}*/

/*nav a,*/

nav #tvOverview.dxtvControl li {
    color: #344046;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: left;
}

nav #tvOverview.dxtvControl li .dxtv-subnd {
    border-bottom: none;
}

nav #tvOverview.dxtvControl .dxtv-subnd {
    margin-left: 10% !important;
}

nav .dxtvControl .menu {
    background: url("../images/menu.gif") no-repeat scroll 9px 7px;
    /*width: 89%;*/
    border-bottom: 1px solid #b6b8b9;
    color: #344046 !important;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 -23px;
    margin: 0;
    padding: 0 0 0 23px;
    padding: 5px 0 5px 31px;
}


@-moz-document url-prefix() {
    nav .dxtvControl .menu {
        background: url("../images/menu.gif") no-repeat scroll 9px 6px;
    }
}

nav .dxtvDisabled,
nav .dxtvControl .dxtvDisabled,
nav .dxtvDisabled a,
nav .dxtvDisabled .dxtv-ndTxt,
nav .dxtvDisabled .dxtv-ndImg,
nav .dxtvDisabled .dxtv-btn,
nav .dxtvDisabled .dxtv-nd {
    color: #344046 !important;
}

nav .dxtvControl .dxtv-ndTxt {
    white-space: normal;
}

nav span.dxtv-ndTxt {
    display: block;
    word-wrap: break-word;
}

#tvOverview_N0 span,
.dxtv-subnd .dxtv-ndTxt.dx-vam {
    cursor: pointer !important;
}


nav .dxtvControl .dxtv-ndHov {
    border-bottom: 1px solid #b6b8b9;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    color: #00945F !important; /*personalisation BDDF*/
}

nav .dxtvControl .dxtv-subnd .dxtv-ndHov {
    background-color: transparent !important;
    border-bottom: none !important;
    padding: 3px 5px 4px !important;
    text-decoration: underline !important;
}

nav .dxtvControl .menu#tvOverview_N0:hover {
    background: url("../images/menu.gif") no-repeat scroll 9px -43px; /*personalisation BDDF*/
}

@-moz-document url-prefix() {
    nav .dxtvControl .menu#tvOverview_N0:hover {
        background: url("../images/menu.gif") no-repeat scroll 9px -44px;
    }
}

/*nav  h3.subscribe*/

nav .dxtvControl #tvOverview_N1.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -93px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N1.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -95px;
    }
}

/*nav  h3.manage*/

nav .dxtvControl #tvOverview_N2.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -144px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N2.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -144px;
    }
}

/*nav h3.administrate*/

nav .dxtvControl #tvOverview_N3.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -193px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N3.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -194px;
    }
}

/*nav h3.set*/

nav .dxtvControl #tvOverview_N4.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N4.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -245px;
    }
}

nav .dxtvControl #tvOverview_N5.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N5.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -245px;
    }
}

nav .dxtvControl #tvOverview_N6.menu {
    background: url("../images/menu.gif") no-repeat scroll 9px -245px;
}

@-moz-document url-prefix() {
    nav .dxtvControl #tvOverview_N6.menu {
        background: url("../images/menu.gif") no-repeat scroll 9px -245px;
    }
}

/*Contacts*/


#CompanyContactGridView input {
    width: 292px !important;
    min-height: 26px !important;
}

#contacts {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
    margin: 15px auto;
    padding: 10px 5px 5px 10px;
    width: 86%;
}

#contacts li {
    margin: 10px 0;
    padding: 0 0 0 0;
}

#contacts p {
    margin: 0;
}

#contacts .tel {
    /*background: url("../images/contacts.gif") no-repeat scroll center -82px;*/
}

#contacts .mail {

}

/*lien en vert*/

#contacts .contact p:nth-child(1) {
    font-size: 14px;
    color: #00945F;
    font-weight: bold;
    margin-left: -5px;
    margin-top: -10px;
    text-align: center;
}

#contacts .tel p:nth-child(1) {
    color: #58595E;
    font-size: 17px;
    text-align: center;
}

#contacts .tel p:nth-child(2) {
    color: black;
    text-align: center;
}

#contacts .tel p:nth-child(3) {
    color: black;
    text-align: center;
}

#contacts .tel p:nth-child(4) {
    /*font-style: italic;*/
    font-size: 0.80em;
    text-align: center;
}

#contacts .tel p:nth-child(5) {
    /*font-style: italic;*/
    font-size: 0.80em;
    text-align: center;
}

#contacts .mail p:nth-child(1) {
    color: #58595E;
    font-size: 15px;
    padding-top: 10px;
    text-align: center;
}

#contacts .mail a {
    margin-left: 23px;
    font-size: 11px;
}

#contacts .mail a, a.dxbButton.dxbButtonSys, .dxgvHeader a.dxgvCommandColumnItem {
    color: #00945F !important;
    text-decoration: none !important;
}

.dxgvCommandColumnItem[type=button] {
    background-color: white;
    color: #a40133;
    border: 1px solid #a40133;
    padding: 3px 7px 2px 7px;
}

.dxgvCommandColumnItem[type=button]:hover {
    background-color: #a40133;
    color: white;
}

/*personalisation BDDF*/

#contacts .mail a:hover, a.dxbButton.dxbButtonSys:hover, .dxgvHeader a.dxgvCommandColumnItem:hover {
    color: #00945F !important;
    text-decoration: underline !important;
}

a.dxbButton.changeCompany.dxbButtonSys:hover, a.dxbButton.back.dxbButtonSys:hover, a.dxbButton.modify.dxbButtonSys:hover {
    text-decoration: none !important;
}

/*page login*/

.form-group {
    margin-left: 180px;
    margin-top: 10px;
    margin-top: 23px;
}

/*** END Vertical menu ***/

/*** MAIN ***/

.main {
    padding: 0;
}

.main section {
    float: right;
    margin: 0 0 50px 15px;
    position: relative;
    width: auto;
}

.main section.mainSectionLarge {
    float: right;
    margin: 0 0 60px 15px;
    position: relative;
    width: 1140px !important;
}

.main section h5 {
    margin: 0 0 10px;
}

.dxeBase {
    /*color: #344046 !important;*/
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
}

/*** END MAIN ***/

/*** Footer ***/

.footer-container {
    float: right;
    font-size: 0.75em;
    margin: 0;
    text-align: center;
    width: 939px;
}

.footer-container-large {
    float: right;
    font-size: 0.75em;
    margin: 0;
    text-align: center;
    width: 1139px;
}

.footer-container .TopPage, .footer-container-large .TopPage {
    text-align: right;
    border-bottom: 1px solid #b6b8b9;
}

.footer-container .TopPage a, .footer-container-large .TopPage a {
    background: url("../images/TopPage.gif") no-repeat scroll right top; /*personalisation BDDF*/
    color: #00945f; /*personalisation BDDF*/
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    padding: 3px 20px 0 0;
}

/*** END Footer ***/

/* ==========================================================================
   Main Framework Media Queries
   ========================================================================== */

@media
    /* Smartphones (portrait and landscape) ----------- */
only screen and (max-device-width: 767px),
    /* Desktops and laptops ----------- */
only screen and (max-width: 767px) {
    /*general*/
    html {
        -webkit-text-size-adjust: none;
    }

    .wrapper, .wrapperLarge {
        width: auto;
    }

    .main-container {
        top: 60px;
    }

    /*header*/
    #header h1 {
        box-shadow: none;
        width: 100%;
    }

    #header {
        height: 124px;
    }

    #header #form-search, #header #form-search #Search {
        bottom: 0;
        clear: both;
        left: 3px;
        position: absolute;
        top: 31px;
        width: 100%;
        z-index: 100;
    }

    #form-search #Search {
        width: 95% !important;
    }

    /*nav*/
    ul#sub-nav {
        bottom: 0;
        left: 2px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 98px;
        width: 259px;
        z-index: 100;
    }

    .main nav {
        box-shadow: none;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%;
    }

    nav h3, nav a {
        font-size: 90%;
    }

    nav h3.home a {
        font-size: 100%;
    }

    nav h3.home a, nav h3.home a:hover,
    nav h3.subscribe,
    nav h3.manage,
    nav h3.administrate,
    nav h3.set,
    .steps li.active .arrow,
    .steps li.active .line {
        background: transparent !important;
        background-image: none;
    }

    nav h3 {
        padding: 5px 0 5px 5px;
    }

    nav ul li > ul {
        margin: 0 0 0 10px;
    }

    .main nav, nav ul {
        box-shadow: none;
    }

    nav ul li {
        line-height: 1.8;
    }

    /*contacts*/
    /*#contacts {
        background-color: inherit;
        margin: 0 auto;
        width: 95%;
    }

    #contacts li {
        background-color: #fff;
        float: left;
        margin: 0 5px 5px 0;
        padding: 2px;
    }

    #contacts .adresse,
    #contacts .tel,
    #contacts .fax,
    #contacts .mail {
        background-color: #fff;
        background-image: none;
    }*/

    /*content*/
    .main section, .main form, .footer-container, .footer-container-large {
        float: left;
        font-size: 90%;
        width: 100%;
    }

    .footer-container, .footer-container-large {
        font-size: 70%;
    }

    /*Souscription*/
    .steps li.next, .steps li.previous {
        display: none;
    }

    form span.dxeBase {
        text-align: left !important;
    }

    /*form div.IBAN span.dxeBase { float: none; }

    form div.IBAN #BIC { margin: 10px 0 0 0 !important; }*/

    form .Validate, form .ValidateSmall {
        margin: auto !important;
    }

    form .Validate .dxbButton, form .ValidateSmall .dxbButton {
        margin: 30px 0 !important;
    }

    form .dx-vam {
        padding: 8px 0 0 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    /*general*/
    html {
        -webkit-text-size-adjust: none;
    }

    .wrapper, .wrapperLarge {
        width: auto;
    }

    .main-container {
        top: 60px;
    }

    /*header*/
    #header h1 {
        box-shadow: none;
        width: 100%;
    }

    #header {
        height: 124px;
    }

    #header #form-search, #header #form-search #Search {
        bottom: 0;
        clear: both;
        left: 3px;
        position: absolute;
        top: 31px;
        width: 100%;
        z-index: 100;
    }

    #form-search #Search {
        width: 95% !important;
    }

    /*nav*/
    ul#sub-nav {
        bottom: 0;
        left: 2px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 98px;
        width: 259px;
        z-index: 100;
    }

    .main nav {
        box-shadow: none;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%;
    }

    nav h3, nav a {
        font-size: 90%;
    }

    nav h3.home a {
        font-size: 100%;
    }

    nav h3.home a, nav h3.home a:hover,
    nav h3.subscribe,
    nav h3.manage,
    nav h3.administrate,
    nav h3.set,
    .steps li.active .arrow,
    .steps li.active .line {
        background: transparent !important;
        background-image: none;
    }

    nav h3 {
        padding: 5px 0 5px 5px;
    }

    nav ul li > ul {
        margin: 0 0 0 10px;
    }

    .main nav, nav ul {
        box-shadow: none;
    }

    nav ul li {
        line-height: 1.8;
    }

    /*contacts*/
    #contacts {
        background-color: inherit;
        margin: 0 auto;
        width: 95%;
    }

    #contacts li {
        background-color: #fff;
        float: left;
        margin: 0 5px 5px 0;
        padding: 2px;
    }

    #contacts .adresse,
    #contacts .tel,
    #contacts .fax,
    #contacts .mail {
        background-color: #fff;
        background-image: none;
    }

    #contacts .contact p:nth-child(1), #contacts .mail a {
        margin: 0;
    }

    /*content*/
    .main section, .main form, .footer-container, .footer-container-large {
        float: left;
        font-size: 90%;
        width: 100%;
    }

    .footer-container, .footer-container-large {
        font-size: 70%;
    }

    /*Souscription*/
    .steps li.next, .steps li.previous {
        display: none;
    }

    form span.dxeBase {
        text-align: left !important;
    }

    form div.IBAN span.dxeBase {
        float: none;
    }

    form div.IBAN #BIC {
        margin: 10px 0 0 0 !important;
    }

    form .Validate, form .ValidateSmall {
        margin: auto !important;
    }

    form .Validate .dxbButton, form .ValidateSmall .dxbButton {
        margin: 30px 0 !important;
    }

    form .dx-vam {
        padding: 8px 0 0 0 !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 950px), only screen and (min-width: 768px) and (max-width: 950px) {
    .s4, .s5 {
        margin-top: 40px;
    }

    #mainContent fieldset:nth-child(1) {
        margin-top: 65px;
    }
}

@media
    /* This section concerns the steps positioning */
only screen and (min-device-width: 950px) and (max-device-width: 1111px), only screen and (min-width: 950px) and (max-width: 1111px) {
    .s5 {
        margin-top: 40px;
    }

    #mainContent fieldset:nth-child(1) {
        margin-top: 65px;
    }
}

@media
    /* iPads (portrait and landscape) ----------- */
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
    /* Desktops and laptops ----------- */
only screen and (min-width: 768px) and (max-width: 1024px) {

    /*general*/
    .wrapper, .wrapperLarge {
        margin: 0 auto;
        width: 99%;
    }

    .main section, .mainSectionLarge, .main .footer-container, .main .footer-container-large {
        width: 76%;
    }

    .main section.mainSectionLarge {
        float: right;
        margin: 0 0 50px 15px;
        position: relative;
        width: 70% !important;
    }

    .main nav {
        width: 25%;
    }

    /*header*/
    #header h1 {
        width: 25%;
    }

    #header #form-search {
        left: 24%;
        position: relative;
        top: -43px;
        width: 50%;
    }

    /*nav*/
    .main nav, #header h1 {
        width: 22%;
    }

    nav h3.home a, nav h3.home a:hover,
    nav h3.subscribe,
    nav h3.manage,
    nav h3.administrate,
    nav h3.set {
        background: transparent !important;
        background-image: none;
    }

    nav h3 {
        padding: 5px 0 5px 5px;
    }

    nav ul li > ul {
        margin: 0 0 0 10px;
    }

    /*soucription*/
    .steps {
        margin: 30px 0 0 -25px !important;
        padding-left: 0% !important;
        font-family: 'Times New Roman';
    }
}

@media
    /* Desktops and laptops ----------- */
only screen and (min-width: 1025px) and (max-width: 1366px) {
    .wrapper, .wrapperLarge {
        margin: 0 auto;
        width: 99%;
    }

    .main section.mainSectionLarge {
        float: right;
        margin: 0 0 50px 15px;
        position: relative;
        width: 80% !important;
    }

    #header h1 {
        width: 18%;
    }

    #header #form-search {
        left: 27%;
        position: relative;
        top: -43px;
        width: 30% !important;
    }

    .main section, .mainSectionLarge, .main .footer-container, .main .footer-container-large {
        width: 80%;
    }

    .main nav {
        width: 18%;
    }

    /*soucription*/
    .steps {
        /*margin: 34px 0 0 -25px !important;*/
        width: auto !important;
    }
}

/* END Main Framework Media Queries */

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    height: 150%;
    width: 0;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* END Print styles */


/* ==========================================================================
   Common tag
   ========================================================================== */

/*Tooltip*/

/*bulle info*/

.main-container .dxpcLite .dxpc-mainDiv {
    background-color: #666666 !important;
}

/*detail interlocuteur*/

.main-container .operator .dxpcLite .dxpc-mainDiv {
    background-color: #00945F !important;
}

.main-container .dxpcLite .dxpc-content {
    color: #fff;
}

/*élément "validé" avec check vert*/

.validate, .ValidateSmall {
    background: url("../images/check_green.gif") no-repeat scroll 10px 8px #d9efe7;
    border: 1px solid #00945f;
    color: #00945f;
    margin: 0 auto;
    padding: 5px 5px 5px 37px;
    width: 50%;
}

.validate p {
    margin: 0;
}

/*élément "alerte" avec panneau attention */

.alert {
    background: url("../images/alert.gif") no-repeat scroll 6px 7px #f7f4f6;
    color: #a40133;
    margin: 0 auto;
    padding: 6px 3px 5px 28px !important;
    width: 100%;
    font-size: 12px;
    border: 1px solid #a40133 !important;
}

.alert-popup {
    padding-top: 0px !important;
}

.alert p {
    margin-top: 5px;
    color: black;
}

.alert p.title {
    color: #a40133;
}


.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    /* padding: 18px; */
    /* width: 100%; */
    border: none;
    font-weight: bold;
    /* text-align: left; */
    /* outline: none; */
    /* font-size: 15px; */
    /* display: flex; */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collapsible.active, .collapsible:hover {
    background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

/*Steps in forms*/

.steps {
    height: 100px !important;
    margin: 0 auto !important;
    width: 101% !important;
}

.steps li {
    float: left;
    height: 32px !important;
    line-height: 1.5em !important;
    text-align: center !important;
    width: 115px !important;
}

.steps .dxbButtonSys {
    white-space: normal;
}

.steps .dxbButton.dxbButtonSys {
    color: #00945f !important;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    font-size: 0.75em !important;
    width: 95% !important;
}

.steps .dxbButton.dxbButtonSys.dxbTSys {
    display: block;
}

.steps .next .dxbButton.dxbButtonSys {
    color: #b6b8b9 !important;
}

.steps ul li .dxbButton:hover {
    color: #00945f !important;
    font-weight: bold !important;
}

#Valid_Sub1 {
    width: 246px;
    /* height: 34px; */
    /* font-size: 18px; */
    /* margin-bottom: 8px; */
    padding-bottom: -8px;
    /* bottom: 5px; */
    /* position: relative; */
}

.steps ul li.next .dxbButton:hover {
    font-weight: normal !important;
}

.steps .dxbButton {
    border: none !important;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    padding: 0px !important;
}

.steps .dxb {
    margin: 0 0 0 0;
    padding: 57px calc(50% - 19px) 0 !important;
    width: 95%;
}


.previous.s1 > div {
    background: url("../images/steps.png") no-repeat scroll right -1396px;
}

.next.s1 > div {
    background: url("../images/steps.png") no-repeat scroll right -1336px;
}

.active.s1 > div {
    background: url("../images/steps.png") no-repeat scroll right -1276px;
}

.previous.s2 > div {
    background: url("../images/steps.png") no-repeat scroll right -1216px;
}

.next.s2 > div {
    background: url("../images/steps.png") no-repeat scroll right -1156px;
}

.active.s2 > div {
    background: url("../images/steps.png") no-repeat scroll right -1096px;
}

.previous.s3 > div {
    background: url("../images/steps.png") no-repeat scroll right -1036px;
}

.next.s3 > div {
    background: url("../images/steps.png") no-repeat scroll right -976px;
}

.active.s3 > div {
    background: url("../images/steps.png") no-repeat scroll right -916px;
}

.previous.s4 > div {
    background: url("../images/steps.png") no-repeat scroll right -856px;
}

.next.s4 > div {
    background: url("../images/steps.png") no-repeat scroll right -796px;
}

.active.s4 > div {
    background: url("../images/steps.png") no-repeat scroll right -736px;
}

.previous.s5 > div {
    background: url("../images/steps.png") no-repeat scroll right -675px;
}

.next.s5 > div {
    background: url("../images/steps.png") no-repeat scroll right -615px;
}

.active.s5 > div {
    background: url("../images/steps.png") no-repeat scroll right -555px;
}

.previous.s6 > div {
    background: url("../images/steps.png") no-repeat scroll right -495px;
}

.next.s6 > div {
    background: url("../images/steps.png") no-repeat scroll right -435px;
}

.active.s6 > div {
    background: url("../images/steps.png") no-repeat scroll right -375px;
}

.previous.s7 > div {
    background: url("../images/steps.png") no-repeat scroll right -325px;
}

.next.s7 > div {
    background: url("../images/steps.png") no-repeat scroll right -265px;
}

.active.s7 > div {
    background: url("../images/steps.png") no-repeat scroll right -205px;
}

.previous.s8 > div {
    background: url("../images/steps.png") no-repeat scroll right -156px;
}

.next.s8 > div {
    background: url("../images/steps.png") no-repeat scroll right -93px;
}

.active.s8 > div {
    background: url("../images/steps.png") no-repeat scroll right -33px;
}

/*END Steps in forms*/

/*Button styles*/

form .button {
    margin: 30px 0 50px 0;
    position: relative;
}

form .dxeRadioButtonList td.dxe, form .dxeCheckBoxList td.dxe {
    padding: 0 !important;
}

form .button.ChangeCompany {
    margin: 0 0 15px;
    position: relative;
    display: -webkit-inline-box;
}

form .Validate.dxbButton {
    background: #00945F;
    border: none;
    color: #fff;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    font-size: 1.3em;
    height: 34px;
    margin: 0 0 0 250px;
    min-width: 270px !important;
    padding: 1px;
    width: auto !important;
    *width: 400px !important;
}

form .ValidateSmall.dxbButton {
    background: #00945F;
    border: none;
    color: #fff;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    font-size: 1.3em;
    height: 34px;
    min-width: 200px !important;
    padding: 1px;
    width: auto !important;
    *width: 400px !important;
}

/*Btn validation de la page de login*/

form .Validate#LogIn .dx-vam {
    min-width: initial;
    width: 152px !important;
}

/**end**/

form .Validate.dxbButton.dxbButtonSys.dxbButtonHover, form .ValidateSmall.dxbButton.dxbButtonSys.dxbButtonHover {
    font-weight: bold;
}

form .Validate .dx-vam {
    color: #fff !important;
    display: block;
    min-width: 270px;
    padding: 6px 0 0 0;
    padding: 8px 0 0 0\9;
    width: auto !important;
}

form .ValidateSmall .dx-vam {
    color: #fff !important;
    display: block;
    min-width: 150px;
    padding: 6px 0 0 0;
    padding: 8px 0 0 0\9;
    width: auto !important;
}

form .dxgvControl .dx-vam {
    min-width: inherit !important;
}

/*spécifique FF - position texte dans bouton de validation*/

@-moz-document url-prefix() {
    form .Validate .dx-vam {
        padding: 0;
    }
}

form .dxb {
    height: 20px;
    margin: 0;
}

/*bouton valider-annuler de la griedview interlocuteurs - souscription*/

.button.gridview a.back.dxbButton.dxbButtonSys {
    float: left;
    margin: 6px 0 0;
    position: absolute;
}

.button.gridview a.back.dxbButton.dxbButtonSys:hover {
    color: #a40133 !important;
    text-decoration: none;
}

.button.gridview .Validate.dxbButton {
    margin: 0 15px 0 123px;
    min-width: 260px !important;
}

.buttonUpload .dxucButton a {
    background: #00945F;
    color: #fff;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
    font-size: 1.3em;
    padding: 8px;
}

.buttonUpload .dxucButton a:hover {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
}

.buttonUpload .dxucButton.dxucDisabled.dxucButtonDisabled a {
    display: none;
}

/*END Button styles*/

/*Boutons action : modifier, retour...*/

/*spéficique bouton retour*/

.button a.back.dxbButton.dxbButtonSys {
    float: left;
    margin: 13px 0 0 0;
    position: absolute;
}

.button a span {
    border: 1px solid #a40133;
    color: #a40133;
    display: block;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
}

.Migration .button a span {
    border: 1px solid #a40133;
    color: #a40133;
    display: block;
    padding: 7px 7px 7px 7px;
    text-decoration: none;
}

.button a span:hover {
    background-color: #a40133;
    color: #fff;
    text-decoration: none;
}

.button .dxbButton {
    font-family: Helvetica, Helvetica Neue, Arial !important;
}

.button a.dxbButton,
.button a.dxbButton span {
    text-decoration: none !important;
}

/* END common tag */

/* ==========================================================================
   PAGES
   ========================================================================== */

/*Home*/
.news {
    background-color: #eae8e9;
    margin: 0 auto;
    padding: 2%;
    float: left;
    width: 90%;
}

.news h2,
.QuickActions h2 {
    color: #344046;
    text-align: center;
    width: 100%;
}

.news ul {
    margin: 0;
    padding: 0;
}

.news ul li {
    background-color: #fff;
    margin: 20px 0 20px 0;
    /* padding: 15px 0 15px 0; */
    /* min-height: 57px; */
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100px;
    width: 100%;
    border-radius: 15px;
}

.news li span {
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 9px;
    text-align: center;
    word-spacing: 65px;
    flex: 0 1 auto;
    width: 10%;
    height: 100%;
    border-radius: 15px 0px 15px 0px;
}

.news li.push span {
    background-color: hsl(0 12% 83% / 1);
    color: #755763;
}

.news li.pushFirst span {
    background-color: #F25D7A;
    color: white;
    font-size: 1.2em;
    border-radius: 15px 0px 15px 0px;
    height: 100%;
    width: 10%;
}

.news ul li p {
    margin: 0 0 0 0px;
    width: 88%;
    height: auto;
    white-space: nowrap;
    flex: 0 1 auto;
    font-size: larger;
}

.news p.title{
    padding-top:5px;
}

.news ul li.pushFirst p {
    font-size: medium;
    /*font-size: 1.4em !important;*/
}

.news a,
.news a:hover {
    color: #755763;
    text-decoration: none !important;
}

.news a:hover {
    text-decoration: underline;
}

.news p.title a, .push .title {
    font-weight: bold;
}

.news .push p.title a,
.push .title {
    color: #755763;
    text-decoration: underline;
}

.news ul li.pushFirst p.title a,
.pushFirst .title {
    color: #F25D7A !important;
    padding-top: 5px;
    text-decoration: underline !important;
}

.news ul li.pushFirst p,
.news ul li.pushFirst p a {
    /* font-weight: bold; */
    color: #F25D7A !important;
    text-decoration: none;
}

.news ul li.First p, .news ul li.First p a {font-weight: bold;color: #F25D7A !important;}
.news li.First span {background-color: #F25D7A;color: white;font-size: 1.2em;margin-right: 5px;}
.news ul li.First p {font-size: medium;font-size: 1.4em !important;width: 100%;white-space: normal;}

.article-date {
    background-color: #D3D3D3;
    color: #344046;
    width: 100%;
    display: inline-flex;
    text-align: center;
    /* max-width: 2px; */
    width: 13%;
    padding: 5px;
    font-weight: bold;
}

.title-article {
    display: inline-flex;
    left: 1%;
    position: relative;
}


/*Souscription*/

/*style message info SIREN*/
/*
.field.SIREN {
    height: 80px;
    margin-top: 15px;
    margin-left: 250px;
}*/

.field p.messageSIREN {
    color: #a40133;
    margin: 0 0 0 180px;
}

.repartition-total{
    margin-left: 50px !important;
}

.siren-msg {
    margin-top: 45px;
}
/*
@-moz-document url-prefix() {
    .field #Siren_ET { width: 0px; }
    .field #Siren_ETC { white-space: initial !important; }
}

.field #Siren_EC,
#Bic_EC,
#AgentId_EC {
    height: 60px;
    left: 250px;
    position: absolute;
    white-space: pre-wrap;
    width: 350px;
}

.field #Siren_ETC,
#Bic_ETC,
#AgentId_ETC { white-space: pre-wrap !important; }*/

/*style validation/erreur dans le form*/

.dxeErrorCell, .dxeErrorCell td {
    color: #a40133 !important;
}

.dxeErrorCell {
    padding: 3px 0 0 0 !important;
    z-index: 1;
    position: absolute;
}

.dxeErrorCell td {
    padding: 0 8px 0 3px !important;
}

.dxEditors_edtError {
    background: url("../images/CloseButton.png") no-repeat scroll center top !important;
}

form legend {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 10px;
}

form div.field,
form div.fieldLeft,
form div.fieldLarge {
    height: 58px;
    margin: 0;
}

form div.fieldRight {
    height: 50px;
    margin: 0;
    width: 300px;
}

form div.field table,
form div.fieldLarge table,
form div.fieldLeft table,
form div.fieldRight table,
form div.gridField table,
form div.gridFieldLeft table {
    float: left;
    margin-right: 10px;
}

form div.ID {
    margin: 15px 0 0 70px;
}

/*champs texte*/

label {
    text-align: right;
    padding-right: 8px;
    width: 320px;
}

div

#LogIn {
    position: relative;
    top: -11px;
    left: 174px;
    border-radius: 5px;
}

.form-input {
    display: inline-block !important;
}

fieldset {
    border: none !important;
}

.form-block {
    display: block;
    margin: 0px 0 8px 0;
    /* width: 70%; */
}

.login-block {
    display: block;
    margin: 0px 0 8px 0;
}

.login-block label {
    width: 160px;
}

form span.dxeBase,
form label.dxeBase {
    display: block;
    float: left;
    font-family: inherit;
    font-size: inherit;
    margin: 3px 30px 0px 0px;
    text-align: right;
    width: 220px;
}

form div.fieldLarge span.dxeBase,
form div.fieldLarge label.dxeBase {
    width: 350px;
}

form div.gridField span.dxeBase,
form div.gridField label.dxeBase,
form div.gridFieldLeft span.dxeBase,
form div.gridFieldLeft label.dxeBase {
    display: block;
    float: left;
    font-family: inherit;
    font-size: inherit;
    margin: 3px 10px 0px 0px;
    text-align: right;
    width: 90px;
}

/*encadré des input, liste déroulante...*/

form table.dxeTextBoxSys.dxeTextBox,
form table.dxeButtonEditSys.dxeButtonEdit {
    border-bottom-color: #B6B8B9;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
}

form table.dxeTextBoxSys.dxeTextBox.dxeFocused,
form table.dxeButtonEditSys.dxeButtonEdit.dxeFocused {
    border-bottom-color: #3D3D3D;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-style: solid;
}

form table.dxeTextBoxSys.dxeTextBox.dxeDisabled,
form table.dxeTextBoxSys.dxeTextBox.dxeReadOnly,
form table.dxeButtonEditSys.dxeButtonEdit.dxeReadOnly {
    border-bottom-color: #B6B8B9;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

form table.dxeButtonEditSys.dxeButtonEdit.dxeDisabled td.dxeButton.dxeButtonEditButton,
form table.dxeButtonEditSys.dxeButtonEdit.dxeReadOnly td.dxeButton.dxeButtonEditButton {
    display: none;
}

body input.dxeEditArea {
    color: #344046;
}

table .dxeEditArea,
table .dxeBase,
table input.dxeEditArea[type="text"],
table input.dxeEditArea[type="password"] {
    font-family: inherit;
    font-size: 1em;
    height: 15px;
}

table.dxeNullText .dxeEditArea {
    color: #b9bbbc;
}

/*Permet l'affichage du contenu d'un input en unité .em */

td.dxic {
    font-size: inherit !important;
}

/*liste déroulante*/

form div.dxpc-mainDiv.dxpc-shadow {
    box-shadow: none;
    margin: 0;
}

form .dxeDropDownWindow.dxpc-content,
form .dxeDropDownWindow.dxpc-content > div,
form .dxpc-contentWrapper,
form .dxpc-ddSys.dxpclW {
    margin: 0 !important;
}

form .dxeDropDownWindow.dxpc-content > div {
    padding: 5px
}

.dxeButtonEditButton:last-child,
.dxp-dropDownButton {
    background: url("../images/DropDownList.gif") no-repeat scroll center 5px !important;
    border: none !important;
}

.dxgvTable .dxeButtonEditButton:last-child, #PartnerId .dxeButtonEditButton:last-child {
    background: url("../images/DropDownList.gif") no-repeat scroll center 2px !important;
}

/*tableau Interlocuteur ds étape souscription*/
#CompanyContactGridView .dxgvDataRow:hover {
    background-color: #fff !important;
    color: black !important;
    cursor: default !important;
}

#CompanyContactGridView .command.dxbButton.dxbButtonSys span {
    color: #00945f !important;
    text-decoration: none !important;
}

#CompanyContactGridView .command.dxbButton.dxbButtonSys span:hover {
    color: #00945f !important;
    text-decoration: underline !important;
}

.dxp-dropDownButton {
    background-position: center -15px !important;
}

.dxEditors_edtDropDown,
.dxWeb_pPopOut {
    background-image: none !important;
}

.dxeListBoxItem {
    color: #344046 !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
}

/*Calendar*/

.Calendar .dxeButtonEditButton:last-child {
    background: url("../images/calendar.gif") no-repeat scroll left center !important;
    border: none !important;
}

.Calendar .dxeButtonEditButton:last-child {
    padding-left: 4px !important;
}

.dxeCalendar {
    color: #344046 !important; /*position:absolute; right:100px;*/
}

#Pending_CompanyList .dxpcDropDown.dxpclW.dxpc-ddSys {
    margin-left: -88px;
}

.dxeCalendarHeader {
    background-color: #ffffff !important;
    border-bottom: none !important;
    font-family: Helvetica, Arial, sans-serif !important;
    padding: 9px 39px !important;
}

/* << */

.dxEditors_edtCalendarPrevYear,
.dxWeb_pFirstDisabled,
.dxWeb_pFirst {
    background: url("../images/pagination.gif") no-repeat scroll center -16px !important; /*personalisation BDDF*/
}

/* < */

.dxEditors_edtCalendarPrevMonth,
.dxWeb_pPrevDisabled,
.dxWeb_pPrev {
    background: url("../images/pagination.gif") no-repeat scroll center 2px !important; /*personalisation BDDF*/
}

/* > */

.dxEditors_edtCalendarNextMonth,
.dxWeb_pNext,
.dxWeb_pNextDisabled {
    background: url("../images/pagination.gif") no-repeat scroll center -34px !important; /*personalisation BDDF*/
}

/* >> */

.dxEditors_edtCalendarNextYear,
.dxWeb_pLast,
.dxWeb_pLastDisabled {
    background: url("../images/pagination.gif") no-repeat scroll center -52px !important; /*personalisation BDDF*/
}

.dxeCalendarSelected {
    background-color: #fff !important;
    border: 1px solid #00945f !important; /*personalisation BDDF*/
    color: #00945f !important; /*personalisation BDDF*/
}

.dxeCalendarFooter {
    background-color: #fff !important;
    border-top: none !important;
}

.dxeCalendarButton {
    background: none !important;
    border: 1px solid #00945f !important; /*personalisation BDDF*/
}

/*Interlocuteurs*/

.dxgvControl.grid {
    background-color: #fff !important;
    border-bottom: 1px solid #b6b8b9;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    color: #344046 !important;
    font: normal !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
}

#mandatoryType {
    position: relative;
    left: 0px;
}

.grid .dxgvTable,
.grid .dxgvEditFormTable {
    color: #344046 !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
}

.grid .dxgvHeader, .grid .dxgv {
    background-color: none !important;
    border-bottom: 1px solid #b6b8b9;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #b6b8b9;
}

.grid .dxgvHeader, .grid .dxgvHeader table {
    background-color: #fff;
    color: #344046 !important;
    font-weight: bold;
}

.grid .dxgvCommandColumn a {
    color: #344046;
}

.grid .dxgvCommandColumn a:hover {
    color: #fff;
}

/*Coordonnées bancaires*/

form div.IBAN {
    margin: 20px 0 0;
}

form div.IBAN > table {
    float: left;
}

form div.IBAN span.dxeBase {
    text-align: left;
    width: 70px;
}

form div.IBAN .dxeTextBoxSys.dxeTextBox {
    float: left;
    margin: 0px 15px 5px 0;
}

form div.IBAN #BIC {
    margin-left: 30px;
}

/*Popin window*/

.Popin {
    left: 0px !important;
}

.Popin .dxWeb_pcCloseButton {
    background: url("../images/CloseButton.png") no-repeat scroll center top !important;
}

.Popin .dxpc-closeBtn {
    padding: 15px 15px 0 0 !important;
}

.dxpcLite.Popin .dxpc-headerText {
    display: none !important;
}

.dxpcLite.Popin .dxpc-header {
    background-color: transparent !important;
    border-bottom: none !important;
}

.dxpcLite.Popin .dxpc-content {
    color: #344046 !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
}

.ContentPopin {
    padding: 0px 20px 20px 20px;
}

.ContentPopin .button a.dxbButton.dxbButtonSys {
    float: left;
    margin: 13px 40px 0 0;
}

/*options du contrat*/

form fieldset.options {
    margin: 20px 0;
}

.limit .dxeBase.select, .limit .dxeTextBoxSys.dxeTextBox {
    margin: 0 5px 15px 0;
}

form .Content div.field {
    height: 56px;
}

form .dxeRadioButtonList.accession {
    border: none !important;
}

form .dxeRadioButtonList.accession td.dxe {
    padding: 0 !important;
}

form .dxeRadioButtonList span.dxeBase {
    height: 60px !important;
    margin: -7px !important;
    width: 100% !important;
}

form .dxeRadioButtonList {
    border: none;
}

/*l'étape 4 de la souscription = CONFIRMATION DE LA SOUSCRIPTION est décrite dans le DETAIL DE L'ENTREPRISE */

/*Souscription etape 5*/

.recipient-wrap {
    margin: 0 auto;
    max-width: 939px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.timeline:before {
    background-color: #b6b8b9;
    content: "";
    height: 100%;
    left: 45%;
    margin-left: 47px;
    position: absolute;
    width: 4px;
}

.timeline .dxbButtonSys, .outTimeline .dxbButtonSys {
    text-align: left;
    white-space: normal;
}

.timeline .last {
    margin: 0 0 50px;
}

.recipient-left {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 0px 200px 0px 0;
    position: relative;
    width: 95%;
}

.recipient-left {
    margin-top: 30px;
}

.recipient-right {
    float: right;
    margin: 0 0 0px 200px;
    position: relative;
    width: 95%;
}

.recipient-right {
    margin-top: 30px;
}

/*****Destinataire 1***********/

/*triangle vert du 1er destinataire*/

#Recipient1.bubble-right:after, #Recipient2.bubble-right:after {
    /*border-color: transparent #c1d784;*/
    border-color: transparent #00BFFF;
}

/*fond vert du header du 1er destinataire*/

#Recipient1.bubble-right, #Recipient2.bubble-right {
    /*background: none repeat scroll 0 0 #c1d784;*/
    background: none repeat scroll 0 0 #00BFFF;
    padding: 0;
}

/*point vert du 1er destinataire*/

#Recipient1 .recipient-design {
    background: url("../images/recipient.png") no-repeat scroll center top;
}

/*couleur de la bordure de la boite destinataire*/

#Recipient1.recipient-left {
    /*border: 1px solid #c1d784;*/
    border: 1px solid #00BFFF;
}
/*****Destinataire 1Bis***********/

/*triangle violet du 2eme destinataire*/

#Recipient1Bis.bubble-left:after, #Recipient2Bis.bubble-left:after {
    border-color: transparent #088A4B;
}

/*fond violet du header du 2eme destinataire*/

#Recipient1Bis.bubble-left, #Recipient2Bis.bubble-left {
    background: none repeat scroll 0 0 #088A4B;
    padding: 0;
}

/*point vert du 2eme destinataire*/

#Recipient1Bis .recipient-design, #Recipient2Bis .recipient-design {
    background: url("../images/recipient.png") no-repeat scroll center -49px;
}

/*couleur de la bordure de la boite destinataire*/

#Recipient1Bis.recipient-right, #Recipient2Bis.recipient-right {
    border: 1px solid #088A4B;
}
/*****Destinataire 2***********/

/*triangle violet du 2eme destinataire*/

#Recipient2.bubble-left:after {
    /*border-color: transparent #cba5c9;*/
    border-color: transparent #088A4B;
}

/*fond violet du header du 2eme destinataire*/

#Recipient2.bubble-left {
    /*background: none repeat scroll 0 0 #cba5c9;*/
    background: none repeat scroll 0 0 #088A4B;
    padding: 0;
}

/*point vert du 2eme destinataire*/

#Recipient2 .recipient-design {
    background: url("../images/recipient.png") no-repeat scroll center -49px;
}

/*couleur de la bordure de la boite destinataire*/

#Recipient2.recipient-right {
    border: 1px solid #088A4B;
}
/*****Destinataire 2Bis***********/

/*triangle vert du 1er destinataire*/

#Recipient2Bis.bubble-right:after {
    border-color: transparent #00BFFF;
}

/*fond vert du header du 1er destinataire*/

#Recipient2Bis.bubble-right {
    background: none repeat scroll 0 0 #00BFFF;
    padding: 0;
}

/*point vert du 1er destinataire*/

#Recipient2Bis .recipient-design {
    background: url("../images/recipient.png") no-repeat scroll center top;
}

/*couleur de la bordure de la boite destinataire*/

#Recipient2Bis.recipient-left {
    border: 1px solid #00BFFF;
}
/*****Destinataire 3***********/

/*triangle vert du 3eme destinataire*/

#Recipient3.bubble-right:after {
    border-color: transparent #fac05b;
    border: 0px;
}

/*fond vert du header du 3eme destinataire*/

#Recipient3.bubble-right {
    background: none repeat scroll 0 0 #fac05b;
    padding: 0;
}

/*point vert du 3eme destinataire*/

#Recipient3 .recipient-design {
    background: url("../images/recipient.png") no-repeat scroll center -100px;
}

/*couleur de la bordure de la boite destinataire*/

#Recipient3.recipient-left {
    border: 1px solid #fac05b;
}

.bubble-right:after {
    /*border-color: transparent #c1d784;*/
    border-style: solid;
    border-width: 15px 0 15px 15px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 20px;
    width: 0;
    z-index: 1;
}

.bubble-left:after {
    border-style: solid;
    border-width: 15px 15px 15px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 20px;
    width: 0;
    z-index: 1;
}

.recipient-design {
    /*background: url("../images/recipient.png") no-repeat scroll center top;*/
    display: block;
    height: 35px;
    margin-left: -31px;
    position: absolute;
    width: 35px;
}

.bubble-right .recipient-design {
    right: -66px;
    top: 21px;
}

.bubble-left .recipient-design {
    /*left: -29px;*/
    left: -49px;
    top: 21px;
}

.recipient-header {
    clear: both;
    min-height: 71px;
}

.bubble-right .tag-recipient, .bubble-left .tag-recipient {
    color: #fff;
    display: block;
    float: left;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif;
    font-size: 3.3em;
}

.tag-recipient {
    font-weight: bold;
    min-width: 42px;
    padding: 5px 10px;
    text-align: center;
}

.recipient-wrap h4.recipient-title {
    color: #fff !important;
    font-size: 1em;
    line-height: 0.95em;
    margin: 0;
    padding: 18px 0 0;
    text-align: center;
}

.recipient-wrap h4.recipient-title span {
    display: block;
    font-size: 0.7em;
}

.timeline .recipient-content, .outTimeline .recipient-content {
    background-color: #fff;
    padding: 15px;
}

.timeline .DownloadDocs, .outTimeline .DownloadDocs {
    margin: 0
}

.timeline .DownloadDocs a.dxbButton, .outTimeline .DownloadDocs a.dxbButton {
    font-weight: bold;
    margin: 10px 0;
}




.recipient-content .validate {
    border-top: none !important;
    margin: -15px auto 20px !important;
    width: 75%;
}


.TimelineTwoAction {
    background: url("../images/TimelineTwoActions.gif") no-repeat scroll center -2px #fff;
    clear: both;
    height: 175px;
    margin: 0 auto;
    padding: 50px 0 0;
    position: relative;
    width: 608px;
}

.TimelineOneAction {
    clear: both;
    height: 149px;
    height: 162px\9;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
    width: 260px;
}

.TimelineOneAction .dxbButton.dxbButtonSys,
.TimelineTwoAction .dxbButton.dxbButtonSys {
    height: 132px\9;
    width: 262px\9;
}


div[id*='actionSimulateur_CD'] span, div[id*='actionTutorial_CD'] span {
    height: 35px !important;
}

.QuickActions {
    margin: 0 auto;
    min-height: 240px;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.btnES {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center top #fff !important;
    float: left;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.btnES span {
    position: relative;
    top: 45px;
}

.btnVersement span {
    position: relative;
    top: 45px;
}

.btnAC {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center -430px #fff !important;
    float: left;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.btnVersement {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center -210px #fff !important;
    float: right;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.btnTutorial {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center -650px #fff !important;
    float: right;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.btnTutorialSignature {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center -870px #fff !important;
    float: right;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.btnSimulateur {
    background: url('../images/btn_actions_final_v4.jpg') no-repeat scroll center -1090px #fff !important;
    float: right;
    height: 130px;
    position: relative;
    width: 285px;
    *width: 240px;
}

.QuickActions .btnES,
.QuickActions .btnAC,
.QuickActions .btnVersement,
.QuickActions .btnTutorial, .QuickActions .btnTutorialSignature, .btnSimulateur {
    display: inline-block;
    float: none;
    float: left;
    margin: 0 auto;
    padding: 0 2% 5px 0;
}

.QuickActions .dxbButton.dxbButtonSys span {
    height: 29px;
    white-space: break-spaces;
}

.TimelineTwoAction .dxbButton.dxbButtonSys,
.TimelineOneAction .dxbButton.dxbButtonSys,
.QuickActions .dxbButton.dxbButtonSys {
    border: none !important;
    font: inherit !important;
    font-family: "BNPP Sans Light", Helvetica, Arial, sans-serif !important;
}

.TimelineTwoAction .dxbButton,
.TimelineOneAction .dxbButton,
.QuickActions .dxbButton {
    color: #fff;
}

.TimelineTwoAction .dxbButton:hover,
.TimelineOneAction .dxbButton:hover,
.QuickActions .dxbButton:hover {
    color: #fff;
    font-weight: bold !important;
}

.TimelineTwoAction .dxbButton div.dxb,
.TimelineOneAction .dxbButton div.dxb,
.QuickActions .dxbButton div.dxb {
    border: medium none !important;
    font-size: 1em;
    padding: 70px 27px 0 30px !important;
    text-align: center;
    display: grid;
    align-items: center;
    height: 49px;
}

.QuickActions .dxbButton div.dxb {
    padding: 90px 27px 0 34px !important;
}

.TimelineOneAction .recipient-design.ActionES {
    background: url("../images/recipient.png") no-repeat scroll 3px -150px;
    margin: 0 0 -8px 44%;
    position: relative;
    z-index: 1000;
}


.TimelineTwoAction .recipient-design.ActionES {
    background: url("../images/recipient.png") no-repeat scroll center -150px;
    margin: 0 0 0 20%;
    position: relative;
}

.TimelineTwoAction .recipient-design.ActionVersement {
    background: url("../images/recipient.png") no-repeat scroll center -201px;
    margin: -35px 0 0 74%;
    position: relative;
}

/*END Souscription*/

/*DETAIL ENTREPRISE*/

/*Boutons détail entreprise*/
div.button.DetailCompany {
    float: right;
    /* margin: 0px 0px 10px; */
}
/*Boutons tableau contrat*/
div.contract div.button.DetailCompany {
    float: left;
    margin: 0px 0px 10px;
}

/* FAL - Forcer le passage à la ligne du texte "Détail du contrat" */
div#tabSP1 h5 {
    clear: both;
}

/*Coordonnées entreprises + Données admin + Options contrat*/

.IdCompany .button,
.AdminData .button,
.MigrationContractOptions .button {
    float: right;
    margin: 0;
    width: initial;
}

.IdCompany .button {
    margin-right: -10px;
}

.IdCompany {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 30px 0 30px 0;
    min-height: 311px;
    overflow: hidden;
    padding: 10px 20px 10px 0;
    width: 53%;
    clear: both;
}

.IdCompany ul, .AdminData ul, .ContactData ul, .IdCompany .bottomBorder, .MigrationTarificationOptions ul {
    clear: both;
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%;
}

.IdCompany li,
.AdminData li {
    display: inline-block;
    margin: 3px 0 0 0;
}

.IdCompany ul.operator li {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.IdCompany ul li:first-child,
.AdminData ul li:first-child,
.IdEmployee ul li:first-child,
.AccountData ul li:first-child {
    width: 30%;
    font-weight: bold;
}

.ContactData ul.contact li:first-child, .MigrationTarificationOptions ul li:first-child {
    width: 100%;
    font-weight: bold;
    margin: 0px 0px 0px 10px;
}

.ContactData ul li:first-child, .MigrationTarificationOptions ul li:first-child {
    width: 100%;
    font-weight: normal;
    margin: 10px 0px 10px 30px;
}

.IdCompany ul li:first-child::after,
.AdminData ul li:first-child::after,
.IdEmployee ul li:first-child::after,
.AccountData ul li:first-child::after {
    content: "\00a0: "
}


.ContactData ul li:first-child::after, .MigrationTarificationOptions ul li:first-child::after {
    margin: 0 0 0 30px;
}

.IdCompany ul.operator li:first-child::after,
.AdminData ul.operator li:first-child::after {
    content: none;
}

/* Correction FAL pour ne pas déformer le picto */
.IdCompany ul.operator img {
    padding: 0 0 0px;
    margin-bottom: 4px;
}


.IdCompany ul.operator li:nth-child(2) {
    padding: 0 20px 0 0;
}

.IdCompany ul li:nth-child(2),
.AdminData ul li:nth-child(2),
.IdEmployee ul li:nth-child(2) {
    font-weight: normal;
}

.IdCompany ul.operator li:nth-child(2) {
    font-weight: normal;
}

.IdCompany ul.employeeNumber {
    border-bottom: 1px solid #b6b8b9;
    padding-bottom: 7px;
}

.IdCompany ul.ibanbic {
    border-top: 1px solid #b6b8b9;
    padding-top: 7px;
}

.AdminData {
    border: 1px solid #b6b8b9;
    float: right;
    margin: 30px 12px 0 0 !important;
    min-height: 324px !important;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    width: 41%;
}

.AdminData, .ContactData {
    border: 1px solid #b6b8b9;
    float: right;
    margin: 30px 0 0 30px;
    min-height: 354px;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    width: 41%;
}

.AdminData ul, .ContactData ul, .MigrationTarificationOptions ul {
    margin: 0 0 0 10px;
}

.IdCompany h5,
.AdminData h5,
.ContactData h5,
.ContractOptions h5,
.MigrationContractOptions h5,
.MigrationTarificationOptions h5 {
    background-color: #00945f !important; /*personalisation BDDF*/
    color: #fff;
    padding: 5px;
}

.IdCompany h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px 6px;
    padding: 8px 0 7px 34px;
    width: 50%;
}

.AdminData h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -32px;
    padding: 8px 0 7px 34px;
    width: 65%;
}

.ContactData h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -32px;
    padding: 8px 0 7px 34px;
    width: 55%;
}

.ContractOptions h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -73px;
    padding: 8px 0 7px 34px;
    width: 25%;
}

.MigrationContractOptions h5, .MigrationTarificationOptions h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -73px;
    padding: 8px 0 7px 34px;
}

div.ContractOptions div:not(:first-of-type) {
    padding: 0 0 0 10px;
}

.MigrationContractOptions div {
    float: left;
    padding: 0 0 0 10px;
}

.MigrationTarificationOptions div {
    float: left;
    padding: 0 0 0 10px;
}

.ContractOptions dd,
.ContractOptions p,
.MigrationContractOptions dd,
.MigrationContractOptions p,
.MigrationTarificationOptions dd,
.MigrationTarificationOptions p {
    margin: 0 0 0 30px;
}

.ContractOptions dt,
.ContractOptions dd ul li p:first-child,
.MigrationContractOptions dt,
.MigrationContractOptions dd ul li p:first-child,
.MigrationTarificationOptions dt,
.MigrationTarificationOptions dd ul li p:first-child {
    font-weight: bold;
}

.ContractOptions ul, .MigrationContractOptions ul, .MigrationTarificationOptions ul {
    padding: 0;
}

.ContractOptions ul li, .MigrationContractOptions ul li, .MigrationTarificationOptions ul li {
    margin: 10px 0;
}

.ContractOptions .button a.dxbButton.dxbButtonSys {
    float: right\9;
}

/*Options du contrat - etape 4 de la souscription*/

.ContractOptions {
    border: 1px solid #b6b8b9;
    clear: both;
    float: right;
    float: left;
    margin: 0 0 50px;
    overflow: hidden;
    padding: 10px 8px 10px 0px;
    width: 99%;
}

.ContractOptions .options, .MigrationContractOptions .options, .MigrationTarificationOptions .options {
    margin: 10px;
}

.ContractOptions .options p, .MigrationContractOptions .options p, .MigrationTarificationOptions .options p {
    float: left;
    margin: 0;
}

form p.confirm {
    clear: both
}

/*Onglets*/
#DefaultTab,
#CompanyDetailsTabs {
    height: 57px !important;
    width: 100% !important;
}

#DefaultTab {
    margin: -11px 0 0 0;
}

#CompanyDetailsTabs {
    margin: 600px 0 0 0;
}


#DefaultTab.dxtcLite > .dxtc-stripContainer .dx-vam,
#CompanyDetailsTabs.dxtcLite > .dxtc-stripContainer .dx-vam {
    color: #646567 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 12px 40px !important;
}

#DefaultTab.dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dx-vam,
#CompanyDetailsTabs.dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dx-vam {
    color: #fff !important;
}

#DefaultTab.dxtcLite > .dxtc-stripContainer .dxtc-activeTab,
#CompanyDetailsTabs.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    border: none !important;
    border-bottom: none !important;
}

#DefaultTab.dxtcLite > .dxtc-stripContainer .dxtc-spacer,
#CompanyDetailsTabs.dxtcLite > .dxtc-stripContainer .dxtc-spacer {
    width: 8px !important;
}

#DefaultTab_CC, #CompanyDetailsTabs_CC {
    border: none;
    padding: 0;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab {
    border: none !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-spacer,
.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper,
.dxtcLite > .dxtc-stripContainer .dxtc-sbIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
    border-width: 0 !important;
}

/*picto + couleur des onglets*/


#DefaultTab_T0 {
    background: 6px -54px #e0e0e0 !important;
    height: 45px\9;
}

#DefaultTab_AT0 {
    background: no-repeat scroll 6px 5px #da5a74 !important;
}

#DefaultTab_T1 {
    background: no-repeat scroll 6px -174px #e0e0e0 !important;
    height: 45px\9;
}

#DefaultTab_AT1 {
    background: no-repeat scroll 6px -112px #568ebe !important;
}

#DefaultTab_T2 {
    background: no-repeat scroll 6px -296px #e0e0e0 !important;
    height: 45px\9;
}

#DefaultTab_AT2 {
    background: no-repeat scroll 6px -235px #743380 !important;
}

#DefaultTab_T3 {
    background: no-repeat scroll 6px -296px #e0e0e0 !important;
    height: 45px\9;
}

#DefaultTab_AT3 {
    background: no-repeat scroll 6px -235px #c1d784 !important;
}

#DefaultTab_T4 {
    background: no-repeat scroll 6px -296px #e0e0e0 !important;
    height: 45px\9;
}

#DefaultTab_AT4 {
    background: no-repeat scroll 6px -235px #ff6a00 !important;
}

#CompanyDetailsTabs #CompanyDetailsTabs_T0:hover,
#CompanyDetailsTabs #CompanyDetailsTabs_T1:hover,
#CompanyDetailsTabs #CompanyDetailsTabs_T2:hover {
    background-color: #f2f2f2 !important;
}


#CompanyDetailsTabs #CompanyDetailsTabs_T0 {
    background: url("../images/onglet.png") no-repeat scroll 6px -54px #e0e0e0 !important;
    height: 45px\9;
}

#CompanyDetailsTabs #CompanyDetailsTabs_AT0 {
    background: url("../images/onglet.png") no-repeat scroll 6px 5px #da5a74 !important;
}

#CompanyDetailsTabs #CompanyDetailsTabs_T1 {
    background: url("../images/onglet.png") no-repeat scroll 6px -174px #e0e0e0 !important;
    height: 45px\9;
}

#CompanyDetailsTabs #CompanyDetailsTabs_AT1 {
    background: url("../images/onglet.png") no-repeat scroll 6px -112px #568ebe !important;
}

#CompanyDetailsTabs #CompanyDetailsTabs_T2 {
    background: url("../images/onglet.png") no-repeat scroll 6px -296px #e0e0e0 !important;
    height: 45px\9;
}

#CompanyDetailsTabs #CompanyDetailsTabs_AT2 {
    background: url("../images/onglet.png") no-repeat scroll 6px -235px #743380 !important;
}

#CompanyDetailsTabs #CompanyDetailsTabs_T0:hover,
#CompanyDetailsTabs #CompanyDetailsTabs_T1:hover,
#CompanyDetailsTabs #CompanyDetailsTabs_T2:hover {
    background-color: #f2f2f2 !important;
}

#DefaultTab.dxtcLite > .dxtc-stripContainer .dxtc-link
#CompanyDetailsTabs.dxtcLite > .dxtc-stripContainer .dxtc-link {
    font-size: inherit !important;
    padding-top: 16px\9 !important;
}

.DefaultTab .dxtcLite > .dxtc-stripContainer .dxtc-link
.contract .dxtcLite > .dxtc-stripContainer .dxtc-link {
    font-size: inherit !important;
    padding-top: 7px\9 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link .dx-vam {
    font-size: inherit !important;
}

/*barre horizontale par couleur d'onglets*/

#CompanyDetailsTabs #CompanyDetailsTabs_C0 {
    border-top: 3px solid #da5a74;
    margin: 0;
}

#CompanyDetailsTabs #CompanyDetailsTabs_C1 {
    border-top: 3px solid #568ebe;
    margin: 0;
}

#CompanyDetailsTabs #CompanyDetailsTabs_C2 {
    border-top: 3px solid #743380;
    margin: 0;
}

#DefaultTab_C0 {
    border-top: 3px solid #da5a74;
    margin: 0;
}

#DefaultTab_C1 {
    border-top: 3px solid #568ebe;
    margin: 0;
}

#DefaultTab_C2 {
    border-top: 3px solid #743380;
    margin: 0;
}

#DefaultTab_C3 {
    border-top: 3px solid #c1d784;
    margin: 0;
}

#DefaultTab_C4 {
    border-top: 3px solid #ff6a00;
    margin: 0;
}
/*Interieur des onglets - commun*/

.main section .tab h5 {
    border-bottom: 1px solid #b6b8b9;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 10px 0;
}


.tab .button .dxbButton.dxbButtonSys {
    margin: 3px 0 0 15px;
}

/*liste documents - tab*/

.contract .dxtc-wrapper.dxtc-stripContainer {
    padding: 3px 0 0 8px !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
}

.contract .dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dx-vam {
    font-weight: bold;
    text-decoration: underline;
}

.contract.dxtcLite > .dxtc-stripContainer .dxtc-tab,
.contract.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    background-color: none !important;
    border: none !important;
    border-bottom: none !important;
}

.contract .dxtcLite > .dxtc-stripContainer .dxtc-tabHover {
    background-color: transparent !important;
}

.contract .dxtcLite > .dxtc-stripContainer .dxtc-tabHover .dx-vam {
    text-decoration: underline;
}

/*liste documents - lien doc à télécharger*/

.dxnbLite {
    font: 1em Helvetica, Helvetica Neue, Arial !important;
    padding: 4px !important;
}

.dxtcLite.dxtc-top > .dxtc-content {
    background-color: transparent !important;
    border: medium none !important;
}

.DownloadDocs {
    margin: 0 0 0 24px;
    display: block;
}

.DownloadDocs a.dxbButton,
.DownloadDocs a.dxbButton span,
.DownloadDocs .dxnbLite,
.DownloadDocs .dxbButton {
    color: #646567 !important;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: 1em !important;
    text-decoration: none;
}

.DownloadDocs a.dxbButton:hover,
.DownloadDocs a.dxbButton span:hover {
    text-decoration: underline !important;
}

.DownloadDocs ul {
    padding: 0;
}

.docs-button {
    color: #646567 !important;
    font-family: 'BNPP Sans Light' !important;
    font-size: 1em !important;
    text-decoration: none;
    width: fit-content;
}

.docs-section {
    padding: 3px 12px 4px;
    height: 100%;
    color: #333333;
}

.docs-sections:hover, .docs-button:hover {
    text-decoration: underline;
    cursor: pointer;
}
/*positionnement des + et -*/
/*Epargne salariale*/
.ES .dxWeb_nbCollapse {
    background: url("../images/plus_moins.png") no-repeat scroll -1px -120px transparent !important;
}

.ES .dxWeb_nbExpand {
    background: url("../images/plus_moins.png") no-repeat scroll -1px -150px transparent !important;
}

/*Assurance collective*/

.AC .dxWeb_nbCollapse {
    background: url("../images/plus_moins.png") no-repeat scroll -1px -60px transparent !important;
}

.AC .dxWeb_nbExpand {
    background: url("../images/plus_moins.png") no-repeat scroll -1px -90px transparent !important;
}

.dxnbLite .dxnb-header, .dxnbLite .dxnb-headerCollapsed,
.dxnbLite .dxnb-content {
    border: none !important;
}

.dxnbLite .dxnb-content {
    background-color: #e0e0e0;
}


/* FAL - Nouvelle version */
.contract {
    margin: 20px 0 0;
    border: 1px solid #b6b8b9;
    padding: 10px;
}

.contract .options p,
.contract .options dt {
    font-weight: bold;
    font-size: 14px;
    font-family: 'BNPP Sans Light' !important;
}

.contract .options p {
    float: left;
    margin: 0;
}

.contract .options dd ul li {
    margin: 10px 0;
}

.tab .dxnbLite {
    color: #da5a74;
    width: 99%;
}

.companyClosureDate {
    color: #00945F;
}

.contractClosureDate {
    color: #da5a74;
}

/*END DETAIL ENTREPRISE*/

/*LISTE ENTREPRISES+grid view*/

.grid .dxgvControl {
    background-color: #fff !important;
    border: none !important;
}

.grid .dxgvPagerTopPanel {
    padding: 20px 0 20px 0 !important;
}

.grid .dxgvPagerBottomPanel {
    padding: 20px 0 20px 0 !important
}

.grid .dxpLite {
    color: #344046;
}

.grid .dxpLite .dxp-button.dxp-bi {
    margin-top: 4px;
}

.grid .dxpLite .dxp-pageSizeItem {
    float: right;
}

.grid .dxpLite .dxp-num {
    color: #344046;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    text-decoration: none !important;
}

.grid .dxpLite .dxp-num.dxp-current {
    background-color: #00945F;
    color: #fff;
    padding: 2px 10px;
}

.grid.CompanyList .dxgvHeader {
    border-bottom: none;
    border-top: none;
}

.grid .dxgvFilterRow {
    background-color: transparent !important;
}

.grid .dxgvDataRow:hover {
    background-color: #00945F !important;
    color: #fff !important;
    cursor: pointer !important;
}

.grid .dxgvDataRow:hover a {
    color: #fff !important;
    text-decoration: underline !important;
}

.grid.noHover .dxgvDataRow:hover a {
    color: #00945F !important;
    text-decoration: none !important;
}

.grid.noHover .dxgvDataRow:hover a:hover {
    text-decoration: underline !important;
}

.grid.noHover .dxgvDataRow:hover {
    background-color: #fff !important;
    color: #344046 !important;
    cursor: default !important;
}

.grid.noHover .dxgvDataRowAlt:hover {
    background-color: #eae8e9 !important;
    color: #344046 !important;
    cursor: default !important;
}

.grid .dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit {
    height: 21px;
}

.grid .dxp-comboBox {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding: 3px 0 0 !important;
}

#checkComboBox input {
    width: 184px;
}

.grid .dxpLite .dxp-comboBox input,
.grid .dxmLite ul.dx {
    color: #344046;
    font-family: Helvetica, Helvetica Neue, Arial !important;
    font-size: inherit !important;
}

.dxGridView_gvHeaderSortUp {
    background: url("../images/pagination.gif") no-repeat scroll center -100px !important; /*personalisation BDDF*/
}

.dxGridView_gvHeaderSortDown {
    background: url("../images/pagination.gif") no-repeat scroll center -75px !important; /*personalisation BDDF*/
}

.noHeader {
    display: none;
}

/*END LISTE ENTREPRISES*/

/* END Pages */

.error {
    color: red;
}

.validation-summary-errors {
    color: #a40133;
}

.validation-summary-errors ul {
    list-style-type: circle;
}

div.gridField {
    float: right;
    min-width: 455px;
    margin: 0 !important;
    height: 50px;
}

div.gridFieldLeft {
    float: left;
    width: 100%;
    margin: 0 !important;
    height: 50px;
}

/*Coordonnées entreprises + Données admin + Options contrat*/

.IdEmployee .button,
.AccountData .button {
    float: right;
    margin: 0;
    width: initial;
}

.IdEmployee .button {
    margin-right: -10px;
}

.IdEmployee {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 30px 0 30px 0;
    min-height: 311px;
    overflow: hidden;
    padding: 10px 20px 10px 0;
    width: 53%;
}

.IdEmployee ul,
.AccountData ul,
.IdEmployee .bottomBorder {
    clear: both;
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%;
}

.IdEmployee li,
.AccountData li {
    display: inline-block;
    margin: 3px 0 0 0;
}

.IdEmployee ul.operator li {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.IdEmployee ul li:first-child,
.AccountData ul li:first-child {
    width: 30%;
}

.IdEmployee ul.operator img {
    padding: 0 0 5px;
}

.IdEmployee ul.operator li:nth-child(2) {
    padding: 0 20px 0 0;
}

.IdEmployee ul.operator li:nth-child(2) {
    font-weight: normal;
}

.AccountData ul.ibanbic {
    border-top: 1px solid #b6b8b9;
    padding-top: 7px;
}

.AccountData {
    border: 1px solid #b6b8b9;
    float: right;
    margin: 30px 0 0 0;
    min-height: 311px;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    width: 41%;
}

.tinyrecap {
    min-height: 100px;
    width: 47%;
}

.AccountData ul {
    margin: 0 0 0 10px;
}

.IdEmployee h5,
.AccountData h5 {
    background-color: #00945f !important;
    color: #fff;
    padding: 5px;
}

.IdEmployee h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -32px;
    padding: 8px 0 7px 34px;
    width: 50%;
}

.AccountData h5 {
    background: url("../images/contrat.png") no-repeat scroll 10px -32px;
    padding: 8px 0 7px 34px;
    width: 65%;
}

.long-text {
    text-align: justify;
    margin: 3em;
}

.long-text table {
    margin-left: 2em;
}

.long-text table,
.long-text p {
    margin-top: 1.5em;
}

#confirmPanelText {
    text-align: center;
}

/* Migration */
/* View MigrationDocuments */
#migration-documents .IdCompany {
    float: none;
    min-height: 12em;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 60%;
}

#migration-documents .IdCompany ul li:first-child {
    width: 40%;
}

#migration-documents .IdCompany .vertComponentContainer {
    margin-left: 10px;
}

#migration-documents .alert {
    margin: 0;
}

#migration-documents .alert ul li {
    list-style-type: disc;
}

#migration-documents .button:last-child a span {
    color: #fff;
    border: none;
    width: 23em;
}

#migration-documents .button:last-child a span:hover {
    background-color: #00945f;
    color: #fff;
    font-weight: bold;
}

/* View MigrationResults */
#migration-result .IdCompany {
    float: none;
    min-height: 12em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#migration-result .IdCompany ul li:first-child {
    width: 40%;
}

#migration-result .IdCompany .vertComponentContainer {
    margin-left: 10px;
}

#migration-result .alert {
    margin: 0;
}

#migration-result .alert ul li {
    list-style-type: disc;
}

#migration-result .validate {
    width: 90%;
    margin: 0 0 1em 0;
}

#migration-result .button:last-child a span {
    color: #fff;
    border: none;
    width: 23em;
}

#migration-result .button:last-child a span:hover {
    background-color: #00945f;
    color: #fff;
    font-weight: bold;
}

/* Migration button on SavingPlanSubscriptionStep */
.button a#Migrate span {
    color: #fff;
    border: none;
    width: 20em;
}

.button a#Migrate span:hover {
    background-color: #00945f;
    color: #fff;
    font-weight: bold;
}

h4 .vertComponentContainer {
    display: block;
    margin: -15px 0 0 10px;
}

.vertComponentContainer {
    display: inline-block;
}

#news-body {
    padding: .7em 1em 1em 1em;
}

#news-body span {
    float: none;
    width: auto;
    background-color: #fff;
}

#news-body p {
    margin: auto;
}


a.runBatch.dxbButton.dxbButtonSys {
    width: 13px;
    height: 13px;
    background: url("../images/DropDownList.gif") no-repeat scroll 0 -15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.statusOK:before, .Healthy:before{
    content:'OK';
    background: green;
    color:white;
    font-weight: bold;
    padding: 5px;
    border-radius: 3px;
}

.serviceName{
    font-variant: all-small-caps;
    font-size: 14px;
    color:#008753;
}

div[id*='gvVoluntaryContribution'] td {
    border: 0px !important;
    text-align: left !important;
}

.statusKO:before, .Unhealthy:before{
    content:'KO';
    background: red;
    color:white;
    font-weight: bold;
    padding: 5px;
    border-radius: 3px;
}

.statusKO, .statusOK, .launchBatch{
    margin: auto;
    text-align: center;
}

.launchBatch{
    width: 16px;
    height: 16px;
    background: url(../images/DropDownList.gif) no-repeat scroll 0 -15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.launchBatch:hover{
    cursor: pointer;
}


a.norunBatch.dxbButton.dxbButtonSys {
    width: 13px;
    height: 13px;
    background: url("../images/DropDownList.gif") no-repeat scroll 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

a.enableBatch.dxbButton.dxbButtonSys {
    width: 32px;
    height: 32px;
    background: url("../images/recipient.png") no-repeat scroll 0 -200px;
}

a.disableBatch.dxbButton.dxbButtonSys {
    width: 32px;
    height: 32px;
    background: url("../images/recipient.png") no-repeat scroll 0 -150px;
}

.sortUp {
    width: 10px;
    height: 6px;
    margin-bottom: 4px;
    float: left;
    background: url("../images/pagination.gif") no-repeat scroll center -100px !important; /*personalisation BDDF*/
}

.sortDown {
    width: 10px;
    height: 7px;
    float: left;
    background: url("../images/pagination.gif") no-repeat scroll center -75px !important; /*personalisation BDDF*/
}

.maintenance span {
    color: #a40133 !important;
}

.maintenance h2 {
    color: #a40133 !important;
}

#DocumentEditGridView .dxeButtonEditButton {
    background: url("../images/DropDownList.gif") no-repeat scroll center 4px !important;
}

#DocumentEditGridView .dxeButtonEditButton {
    background: url("../images/DropDownList.gif") no-repeat scroll center 6px\9 !important;
}

#DocumentEditGridView .dxgvDataRow:hover {
    background-color: #eae8e9 !important;
    color: black !important;
    cursor: default !important;
}


#gv_AllPackages a.addsign, #gv_AllFunds a.addsign {
    color: green !important;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none !important;
}

#gv_SelectedPackages a.delsign, #gv_SelectedFunds a.delsign {
    color: red !important;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none !important;
}

.CoordinateDetail {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 30px 0 30px 0;
    min-height: 354px;
    overflow: hidden;
    padding: 10px 20px 10px 0;
    width: 53%;
}

.CoordinateDetailButton {
    float: right;
    margin-top: -40px !important;
    padding: 7px 7px 7px 7px;
}


.MigrationDetailContact {
    float: right;
    margin-right: 20px;
    margin-top: -5px;
    margin: 0px 27px 0px 0px !important;
    height: 30px;
}

.InformationRed {
    border: 2px solid #b00d0e;
    color: #b00d0e;
}

.InformationGreen {
    border: 2px solid #25a670;
    color: #25a670;
}

.InformationYellow {
    border: 2px solid #e6c775;
    color: #e6c775;
}

.InformationRed, InformationGreen, .InformationYellow {
    float: left;
    padding: 0px 20px 20px 20px;
    width: 95.5%;
    margin-top: 20px;
    margin-bottom: 20px;
}

div .InformationYellow > div#pnlInformation > h3 {
    color: #e6c775;
    font-weight: bold;
}

div.InformationGreen > div#InformationGreen > h3 {
    color: #25a670;
    font-weight: bold;
}

div.InformationRed > div#pnlInformation > h3 {
    color: #b00d0e;
    font-weight: bold;
}

.chkMigration {
    float: left;
    width: 95.5%;
    text-align: center;
}


.MigrationContractOptions {
    border: 1px solid #b6b8b9;
    clear: both;
    float: right;
    float: left;
    margin: 0 0 50px;
    overflow: hidden;
    padding: 10px 8px 10px 0;
    width: 98%;
    min-height: 250px;
}

.MigrationTarificationOptions {
    border: 1px solid #b6b8b9;
    float: right;
    /*margin: 30px 0 0 0;*/
    min-height: 250px;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    width: 47%;
    min-height: 250px;
}

div#CompanyDetail_PWC-1.dxpc-content,
div#ContactDetail_PWC-1.dxpc-content,
div#GenerateCode_PWC-1.dxpc-content,
div#SignaturePopin_PWC-1.dxpc-content {
    color: black !important;
}


.CompanyDetail, .ContactDetail {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 0px 0 30px 0;
    min-height: 354px;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    width: 97%;
    color: black !important;
}

.SignaturePopin {
    border: 1px solid #b6b8b9;
    float: left;
    margin: 0px 0 30px 0;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    width: 97%;
    color: black !important;
}

.signature-check {
    margin-top: 9px !important;
}

div#CompanyDetail_PWC-1 > .dxeCaptionCell.dxeCaptionVATSys.dxeTextEditCTypeSys,
div#ContactDetail_PWC-1 > .dxeCaptionCell.dxeCaptionVATSys.dxeTextEditCTypeSys,
div#GenerateCode_PWC-1 > .dxeCaptionCell.dxeCaptionVATSys.dxeTextEditCTypeSys {
    width: 50%;
}

.CompanyDetail.field, .ContactDetail.field, .SignaturePopin.field {
    width: 100%;
}

.phoneValidationBlock {
    display: flex;
    justify-content: center;
    margin: 2em !important;
    height: 32px !important;
}

.signatureButton {
    margin-left: 2em;
    display: inline-block;
}

.flex-item.signatureButton .dx-button-content {
    font-size: 16px;
}

.signature-validation-left {
    margin-top: 30px;
    float: left;
}

.signature-validation-right {
    margin-top: 30px;
    float: right;
}

/* top: 5px;

div.CompanyDetail > fieldset > div.field > table.dxeValidStEditorTable > tbody > tr >
td.dxeCaptionHALSys
td.dxeCaptionVATSys
td.dxeTextEditCTypeSys
td.dxeCLLSys dxeCaptionCell,
div.ContactDetail > fieldset > div.field > table.dxeValidStEditorTable > tbody > tr >
td.dxeCaptionHALSys
td.dxeCaptionVATSys
td.dxeTextEditCTypeSys
td.dxeCLLSys dxeCaptionCell,
div.SignaturePopin > fieldset > div.field > table.dxeValidStEditorTable > tbody > tr >
td.dxeCaptionHALSys
td.dxeCaptionVATSys
td.dxeTextEditCTypeSys
td.dxeCLLSys dxeCaptionCell {
    width: 35%;
}

div.CompanyDetail > fieldset > div.field > table.dxeValidStEditorTable, div.CompanyDetail > fieldset > div.field > table.dxeRoot,
div.ContactDetail > fieldset > div.field > table.dxeValidStEditorTable, div.CompanyDetail > fieldset > div.field > table.dxeRoot,
div.SignaturePopin > fieldset > div.field > table.dxeValidStEditorTable, div.CompanyDetail > fieldset > div.field > table.dxeRoot {
    width: 100% !important;
}

    div.CompanyDetail > fieldset > div.field > table.dxeValidStEditorTable > .dxeCaptionCell,
    div.ContactDetail > fieldset > div.field > table.dxeValidStEditorTable > .dxeCaptionCell,
    div.SignaturePopin > fieldset > div.field > table.dxeValidStEditorTable > .dxeCaptionCell {
        width: 40%;
    }

    div.CompanyDetail > fieldset > div.field > table.dxeValidStEditorTable > td.CadxeCaptionHALSys td.dxeCaptionVATSys td.dxeTextEditCTypeSys td.dxeCLLSys td.dxeptionCell {
        width: 30% !important;
    }

.dxeErrorFrame .dxeErrorFrameSys .dxeNoBorderBottom .dxeControlsCell {
    width: 100% !important;
}

.dxeButtonEditSys .dxeButtonEdit {
    width: 100% !important;
}

.dxeCaptionCell.dxeCaptionVATSys.dxeTextEditCTypeSys {
    display: block;
    float: left;
    font-family: inherit;
    font-size: inherit;
    margin: 3px 30px 0px 0px;
    text-align: right;
    width: 220px;
}

form CompanyDetail fieldset table.dxeTextBoxSys.dxeTextBox,
form CompanyDetail fieldset table.dxeButtonEditSys.dxeButtonEdit {
    width: 100% !important;
}

form .CompanyDetail table.dxeTextBoxSys.dxeTextBox, form .CompanyDetail table.dxeButtonEditSys.dxeButtonEdit {
    width: 100% !important;
}

form .CompanyDetail table.dxeValidStEditorTable, form .CompanyDetail td.dxeErrorFrameSys {
    width: 100% !important;
}

form div.CompanyDetail div.field {
    height: 50px !important;
    margin: 0;
}

.flex {
    display: flex;
    justify-content: center;
    width: 800px;
}

.flex-item + .flex-item {
    margin-left: 10px;
}

.tabpanel-item > div {
    float: left;
    padding: 0 85px 10px 10px
}
*/

label.mandatory:after {
    content: "*";
    color: red;
    padding-left: 3px;
}

.form-block img {
    padding-left: 5px;
}


.radioGroupAbondement .dx-radiogroup {
    float: right;
    position: relative;
    left: 15px;
}

.ceilingValueText, .ratePercent, .ceilingPercentText {
    padding-left: 20px;
}

.no-contribution {
    width: 41px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px !important;
    color: #acacac !important;
    border-bottom-width: 1px;
    pointer-events: none;
}

input[aria-readonly='true'] {
    /* width: 41px !important; */
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px !important;
    color: #acacac !important;
    border-bottom-width: 1px;
    pointer-events: none;
}

label[for='Tarif'] {
    width: 34px;
}

/*div#CompanyContactGridView td[role='columnheader'] {
    text-align: center !important;
    border: none;
}*/

#CompanyContactGridView .dx-datagrid-rowsview.dx-datagrid-nowrap {
    /* border: none; */
    border-top: none;
    border-left: none;
    border-right: none;
}

#CompanyContactGridView .dx-datagrid-headers.dx-datagrid-nowrap {
    /* border: none; */
    border-top: none;
    border-left: none;
    border-right: none;
}

.button.voluntary-step-buttons div[role='button'] {
    /* margin: 2px; */
    margin-left: 9px;
}

.position-option-fiscale {
    margin-top: -5em;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: 100%;
}

textarea#Reason {
    width: 600px;
    height: 150px;
}

div[id*='.Rate'] .dx-invalid-message-content {
    width: 396px !important;
    max-width: 350px !important;
}

/*div[id*='.Rate'] dx-texteditor-input-container::after{
    display: none;
}*/

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #00945F;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.styled-table .dx-texteditor.dx-editor-outlined {
    background: none;
}

td.first {
    color: #008753;
}

div[id*='showUploadDocumentsPopupFor_'] {
    background: unset;
    color: #A40133;
    border: none;
    font-size: 13.8px;
    cursor:hand;
}