body{
    min-height: 800px;
}

.barObjRow{
    margin-left: 4px !important;
    margin-right: 0px !important;
    margin-top: -4px !important;
}


.obj{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.barObj{
    background: #d6d0d0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#bandeau_mobile {
    height: 40px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoLogin{
    font-weight: bold;
}

.logoInfo{
    background: url(../img/icon-info.png) no-repeat 10px 8px #E9F3F8;
}

#boutonValiderRecupMdp{
    background-color: #2196F3!important;
}


.errorLogin{
    display: block;
    border: 1px solid #E4BBBC;
    color: #b80000;
    /*height: 30px;*/
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}

#messageErrorLog {
    background: url(../img/icon-error.png) no-repeat 10px 4px #F8E9E9;
}

#messageErrorRecupMdp{
    background: url(../img/icon-error.png) no-repeat 10px 4px #F8E9E9;
}

#messageGoodRecupMdp{
    background: url(../img/icon-succes.png) no-repeat 10px 4px #EBF9E2;
}
#messageGoodRecupMdp span{
    margin-left: 27px;
}
#messageErrorRecupMdp span{
    margin-left: 20px;
}

#messageErrorResetMdp{
    background: #F8E9E9;
    text-align: center;
}

#messageSuccesResetMdp{
    background: #EBF9E2;
    text-align: center;
}

.messageBon{
    display: block;
    border: 1px solid #BEE4A5;
    color: #6aa500;
    /*height: 60px;*/
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}

#headerIcone{
    width: 40px;
    height: 30px;
}

.navbar-brand > img {
    margin-top: 0;
    height: 40px;
    width: 40px;
}

.navbar-brand {
    padding: 7px 12px;
}

#LogOutHeaderContainer{
    display: none;
}

.navbar-fixed-top{
    min-height: 54px;
}

.jumpNav{
    display: none;
}

.MyFooter{
    position: initial;
    text-align: center;
    color:white;
}

.TitrePage{
    text-align: left;
}


#jGrowl{
    width:100%;
    left:0;
    margin-left: 0;
    padding: 0px 150px;
}

.jGrowl-notification{
    width:100%;
}

.jGrowl-message{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.inputSimu{
    width: 60%;
}

@media (max-width: 1024px){
    .espacementSimu, .hideMeResponsive{
        display: none;
    }
}

@media (max-width: 768px){
    #jGrowl{
        padding:0px 50px;
    }
}

@media (max-width: 500px){
    #jGrowl{
        padding:0px 0px;
    }
}

.parametre-espace{
    padding-left: 20px;
    padding-right: 20px;
}
.tohide{
    display: none;
}


.creePar{
    text-align: right;
}

.AncreNote{
    text-align: left;

}

/*#buttonCreateNote{*/
    /*margin-top: -130px;*/
/*}*/

.bg-complet {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}
.bg-complet :hover {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

.bg-incomplet {
    background-color: #FF5722;
    border-color: #FF5722;
    color: #fff;
}
.bg-incomplet :hover {
    background-color: #FF5722;
    border-color: #FF5722;
    color: #fff;
}

.bg-vide {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}
.bg-vide :hover {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}

@media (max-width: 813px){
    #buttonCreateNote{
        margin-top: 0px;
        text-align: center;

    }
}

@media (max-width: 396px){
    #buttonCreateNote{
        width:100%;
    }

    .creePar {
        text-align: center;
    }
}

.centeredIcon{
    line-height: 16px;
    height: 20px;
}

.dataTables_length label select{
    cursor: pointer;
    outline: 0;
    display: block;
    height: 36px;
    padding: 7px 0;
    line-height: 1.5384616;
    position: relative;
    border: 1px solid #ddd;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    text-align: center;
}

.myTabHead{
    font-size: 15px;
}

.noteTable thead .sorting:after{
    color: #ffffff;
}

.noteTable thead .sorting:before{
    color: #ffffff;
}

.negoTable thead .sorting:after{
    color: #ffffff;
}

.negoTable thead .sorting:before{
    color: #ffffff;
}

.MyNoteTableRowNote{

}

.MyNoteTableRowDate{
    width:115px;
}

.MyNoteTableRowAuteur{
    width: 125px;
}

.MyNoteTableRowModifier{
    width:73px;
}

@media (max-width: 1024px){
    .noteTable th, .noteTable td{
        white-space: normal;
    }

    /*.datatable-scroll th, .datatable-scroll td {
        !* white-space: nowrap; *!
    }*/
}


.boutonModifNote, .boutonSuppNote{
    min-width: 35px;
    min-height: 35px;
}

.editableNoteRow{
    text-align: center;
}

#jui-accordion-collapsible{
    margin-bottom: 10px;
}

#jui-accordion-basic{
    margin-bottom: 15px;
}

.withAvance, .FR{
    margin-left: 10px;
    margin-right: 20px;
}

.withOutAvance, .FNR{
    margin-left: 10px;
}
.taffDom, .avis_tiers_detenteur, .actif{
    margin-left: 10px;
}

#ui-id-2{
    overflow: inherit;
}

.rowCom{
    margin-bottom: 15px;
}

.table > thead > tr > .myTabHeadNego,
.table > tbody > tr > .negoTD{
    padding: 10px;
    margin: 0;
}

.panel-body-nego{
    padding: 0px;
}

.panel-nego{
    border:none;
    margin-bottom: 0px;
}

.negoTabTitle{
    text-align: center;
}

.tt-menu{
    background-color: #CCCCCC;
    overflow-y: auto;
}

#addConsultantABCContact, #addConsultantFCIContact{
    margin-left: 200px;
    padding-top: 15px;
    position: absolute;
}

/*#addConsultantFCIContact{
    padding-top: 15px;
    position: absolute;
}*/

.colNegoAddConsultant{
    margin-top: -20px;
}

.ABCtest{
    margin-bottom: 10px;
}

.liselected{
    color: #3b3b3b;
    font-weight: bold;
    background-color: #F7F7F7 !important;
}

#addClientFCI{
    margin-left: 105px;
}

.addClient{
    margin-left: 10px;
}

.addConsultant{
    margin-left: 10px;
}

#date_convention{
    background-color: #ffffff;
}

.select2-results > .select2-results__options {
    padding-bottom: 5px;
    /*max-height: 250px;*/
    /*overflow-y: hidden;*/
}

.select2-search--inline{
    display: none;
}

.multiselect-container > li > a > label {
    height: 100%;
    cursor: pointer;
    padding-left: 40px;
}

.multiselect-container > li {
    margin: 0px 15px;
}

.multiselect-container {
    max-height: 400px!important;
    width: 100%;
}


.infoComplementaireHack {
    margin: 0px 0px 0px 10px;
    padding: 0px 26px 0px 10px;
}


.dateFinConvetionHack{
    margin-top: -20px;
}

.datePick{
    width:100%;
}

.radioMutuelleYes{
    margin: 0px 20px 0px 0px!important;
}

.radioMutuelleNo{
    margin: 0px 20px!important;
}

.colJustifRecu{
    display: none;
}

.conventionNoContact{
    margin-left: 10px;
}

.contactFCI{
    line-height: 82px;
}

.checker{
    vertical-align: initial;
}

.mutuelleY, .dossierCompletY{
    margin-left: 10px;
    margin-right: 20px;
}

.mutuelleN, .dossierCompletN{
    margin-left: 10px;
}

.groupCheck{
    width: 155px;
}


.red { color: #f44336; }
.red:hover { color: rgb(244, 123, 124);}

.orange { color: #FEAA00; }
.orange:hover { color: rgb(255, 163, 120);}

.vert { color: #4caf50; }
.vert:hover { color: rgb(127, 175, 122);}

.bleu { color: #2196f3; }
.bleu:hover { color: rgb(114, 179, 243);}

.noir { color: #020202; }
.noir:hover { color: rgb(48, 47, 48);}

.autre { color: #663ffe; }
.autre:hover { color: rgb(161, 132, 254);}

.default { color: #BDBDBD;}
.default:hover {color: #D8D8D8;}

#submitNote{
    margin-top: 10px;
}

.submitInfoContact, .submitInfoEntreprise{
    line-height: 82px;
}

.submitProspect{
    margin-top: 185px;
}

#submitContrat{
    margin-top: 24px !important;
    margin-right: 40px !important;
}


    /*#search {*/
/*padding: 2px 4px;*/
/*width: 220px;*/
/*height: 22px;*/
/*border: 1px solid #AAA;*/
/*}*/
#results div {
    width: 220px;
    padding: 2px 4px;
    text-align: left;
    border: 0;
    background-color: #aaa8a8;
}

.cacher_mail{
    display:none;
}

#recherche_suivi{
    margin-top: 12px;
    width: 200px;
    height: 22px;
    border: 1px solid #AAA;
    color:#000000;
    border-radius: 2px;
}

input#recherche_suivi:hover, input#recherche_suivi:focus{
    color: #3b3b3b;
    border: 1px solid #36a2d2;
}

ul#results_suiv_recherche {

    display: none;
    z-index: 1001;
    width: 220px;
    padding:0px;
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
}
ul#results_suiv_recherche li {
    background-color: #FFFFFF;
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #cdcdcd;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    list-style:none;
}
ul#results_suiv_recherche li a{
    color:#555;
}
ul#results_suiv_recherche li:hover {
    background-color: #F7F7F7;
}
ul#results_suiv_recherche li:first-child {
    border-top: none;
}
ul#results_suiv_recherche li p{
    transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    color: #616161;
    line-height: 1.2em;
}
ul#results_suiv_recherche li:hover p  {
    color: #3b3b3b;
    font-weight: bold;
}

#recherche_tout{
    margin-top: 12px;
    width: 220px;
    height: 22px;
    border: 1px solid #AAA;
    color:#000000;
    border-radius: 2px;
}

input#recherche_tout:hover, input#recherche_tout:focus{
    color: #3b3b3b;
    border: 1px solid #36a2d2;
}

ul#results_recherche {

    display: none;
    z-index: 1001;
    width: 220px;
    padding:0px;
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
}
ul#results_recherche li {
    background-color: #FFFFFF;
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #cdcdcd;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    list-style:none;
}
ul#results_recherche li a{
    color:#555;
}
ul#results_recherche li:hover {
    background-color: #F7F7F7;
}
ul#results_recherche li:first-child {
    border-top: none;
}
ul#results_recherche li p{
    transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    color: #616161;
    line-height: 1.2em;
}
ul#results_recherche li:hover p  {
    color: #3b3b3b;
    font-weight: bold;
}

#uniform-allAlertesCheckbox, #uniform-all_frais_checkbox{
    vertical-align: middle;
}

#allAlerte{
    width: 185px;
    margin-right: 25px;
    float: left;
}


#listAdmin{
    width:150px;
}

@media (min-width: 1787px){
    .dateFinConvetionHack{
        margin-top: 0px;
    }
}

.doublesubmit {
    margin-bottom: 25px;
    margin-right: 25px;
}

.modal-title{
    text-align: center;
}

.rowCenter{
    text-align: center;;
}

.sousTitreContrat{
    text-align: center;
    width: 100%;
    position: absolute;
}

.formAddContrat{
    margin-top: 25px;
}

.colContratPara{
    margin-bottom: 25px;
}

.submitAddContrat{
    text-align: center;
}

#submitContrat{
    margin-top: 10px;
    margin-bottom: 50px;
}

.htmlToPDF{
    width: 800px;
    margin: 5px auto;
    text-align: justify;
    padding: 20px;
    box-shadow: 0 0 5px #333;
    background-color: #FFF;
}


.titreContrat{
    background-color: #e0e0e0;
    text-align: center;
    line-height: 30px;
}


.inputContrat{
    width: 110px;
    height: 20px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inputContratAuto {
    width: 325px;
}

.inputContrat1{
    height: 20px;
    width:100%;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inputContrat2{
    height: 20px;
    width:176px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.selectContrat{
    width: 110px;
    height: 20px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.johnson_container{
    font-weight: bold;
    padding: 10px;
    background-color: #E2E2E2;
}

#submitModifContratContenu{
    margin-top: 10px;
}

.submitModifContratContenu{
    text-align: right;
}

.textAreaParaEditionContrat{
    width: 100%;
    height: 300px;
}

.visuAreaParaEditionContrat{
    width: 100%;
    max-height: 300px;
    position: absolute;
    overflow-x: hidden;
}

.ArrowMeta{
    line-height: 37px;
}

.blockArrowMeta{
    margin-top: 25px;
    width: 35px;
}

.row1Signature{
    width:284px;
    height:30px;
    float: left;
    padding: 5px;
}

.row2Signature{
    width:284px;
    height:100px;
    float: left;
}

.row1col1{
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.row1col2{
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.row2col1{
    border: 1px solid black;
}

.row2col2{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.asterisqueSignature{
    text-align: center;
    font-style: italic;
}

#tabSignature{
    text-align: center;
}


/*  feuille de temps */

.champs_fdt{
    margin-left:10px;
    margin-top:2px;
    font-size:18px;

    padding-right:20px;
}

input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
    padding-left:20px;
}

.jour_checkbox{
    padding-right:45px;
}

.border{
    border:1px #E6E6E6 solid;
}



.table-responsive table thead tr th,
.table-responsive table tbody tr td{
    text-align:center;
}

#all_FDT, #all_FDT_manquant{
    width : 320px;
    margin-bottom:20px;
}


/* feuille de temps */

/*.titre{
    font-size: 2px;
    width:100%;
    background-color:#e0e0e0;
    text-align:center;
    font-weight: 500;
}*/

p {
    margin: 0 0;
}
.sousTitre{
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
}
.article{
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 25px;
    font-size: 11px;
    font-weight: bold;
}
.li{
    margin-left: 13px;
}
.asterisqueSignature{
    text-align: center;
    font-style: italic;
}

.htmlToPDF{
    text-align: justify;
    font-size: 12px;
}

.checkbox_frais{
    padding-left:50px;
}

.frais_a_traiter ul li {
    list-style-type : none;
}

.periode_frais{
    font-size:18px;
}


.icon_croix_style_button{
    color:red;
    cursor: pointer;
}



/* ----------------------------------------------------------------style des factures de thoma------------------------------------------------------------------------*/


/*.societeInfos {*/
/*position: relative;*/
/*width: 40%;*/
/*}*/
/*.factureInfos{*/
/*position: absolute;*/
/*top: 20px;*/
/*right: 0;*/
/*text-align: right;*/
/*margin-bottom: 15px;*/

/*}*/

/*.largetd {*/
/*width: 76%;*/
/*}*/

/*.client {*/
/*position: absolute;*/
/*top: 160px;*/
/*width: 45%;*/
/*right: 0;*/
/*}*/

/*.contact {*/
/*margin-top: 100px;*/
/*margin-right: 5px;*/
/*text-align: right;*/
/*}*/

/*#tableaux {*/
/*margin-top: 250px;*/
/*text-align: center;*/
/*}*/

/*.divHT {*/
/*margin-top: 120px;*/
/*text-align: center;*/
/*}*/

/*.filler {*/
/*}*/

/*.tableItems {*/
/*position: relative;*/
/*width: 100%;*/
/*text-align: center;*/
/*border-collapse: collapse;*/
/*}*/



/*.tableItems tr, .tableItems th, .tableItems td {*/
/*min-width: 200px;*/
/*border: 1px black solid;*/
/*}*/

/*!*  le plus grand *!*/
/*.description {*/
/*width: 150%;*/
/*}*/

/*!* réduire *!*/
/*.quantite {*/
/*width: 50%;*/
/*}*/

/*!* afficher le label au lieu de la valeur *!*/
/*.periodicite {*/
/*width: 50%;*/
/*}*/

/*!* *!*/
/*.tarif {*/
/*width: 65%;*/
/*}*/

/*!* *!*/
/*.total {*/
/*width: 50%;*/
/*}*/

/*------------------------------------------------------- fin ---------------------------------------------------*/

/*------------------------------------------------------  debut css nouvelle facture-------------------------------------*/

/*#enteteFacture {*/
/*clear: both;*/
/*display: table;*/
/*width: 100%;*/
/*text-align: left;*/
/*height: 3.5cm;*/
/*max-height: 3.5cm;*/
/*line-height: 1.4em;*/
/*}*/
/*#logoSociete{*/
/*display: table-cell;*/
/*width: 45%;*/
/*vertical-align: top;*/
/*text-align: left;*/
/*height: auto;*/

/*}*/
/*#infoFacture{*/
/*display: table-cell;*/
/*width: 55%;*/
/*text-align: right;*/
/*}*/

/*#infoVendeurAchteur{*/
/*clear: both;*/
/*display: table;*/
/*width: 100%;*/
/*text-align: left;*/
/*width: 100%;*/
/*margin-bottom: 1em;*/
/*line-height: 1.4em;*/
/*}*/
/*#infoVendeur{*/
/*display: table-cell;*/
/*width: 55%;*/
/*padding-right: 2cm;*/
/*}*/

/*#infoAchteur{*/
/*display: table-cell;*/
/*width: 45%;*/
/*padding-right: 1.5cm;*/
/*height: 3.25cm;*/
/*min-height: 3.25cm;*/
/*}*/



/*------------------------------------------------------ fin css nouvelle facture-------------------------------------*/

/*---------------------------------------*/

.htmlToPDFFacture{
    width: 800px;
    margin: 5px auto;
    text-align: justify;
    box-shadow: 0 0 5px #333;
    background-color: #FFF;
}

@media all{
    .invoice_outline {
        margin-left: 0.75cm;
        margin-right: 0.75cm;
        min-height: 25cm;
        margin-bottom: 0in;
    }

    /* FONTS */
    .invoice_outline *:not(.fa) {
        font-family: 'arial';
        font-size: 13px;
        line-height: 17px;
    }



    .seller_buyer .vert_align_top > strong {display:none;}
    .seller_buyer td {vertical-align: top;}

    p {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    /* ------------------------------------------------- */

    /* INVOICE HEADER CONTAINER */
    #invoice_header {
        clear: both;
        display: table;
        width: 100%;
        text-align: left;
        height: 3.5cm;
        max-height: 3.5cm;
        line-height: 1.4em;
    }
    /* headers */
    #invoice_header span { }

    /* INVOICE'S DATA (NUMBER, DATE ETC) */
    #info {
        display: table-cell;
        width: 55%;
        text-align: right;
    }

    #document_id {
        margin-bottom: 6px;
    }
    #document_id span {
        font-weight: bold;
        /*font-size: 1.25em;*/
    }
    /* DOCUMENT TYPE */
    #document_type {}
    /* DOCUMENT NUMBER */
    #document_number {}
    /* BOTH ABOVE */
    #info p:first-of-type {}




    /* LOGO */
    #logo {
        display: table-cell;
        width: 45%;
        vertical-align: top;
        text-align: center;
        height: auto;
    }
    #logo_place {
        display: block;
        position: relative;
        width: 100% !important;
        max-width:8.4cm;
        max-height: 3.5cm;
        height: auto;
    }
    /* LOGO IMAGE ONLY */
    #logo img {
        display:block;
        position:relative;
        width:auto;
        max-width:8.4cm;
        max-height: 3.5cm;
    }


    /* ------------------------------------------------- */


    /* ROW WITH SELLER AND BUYER IDENTIFICATION DATA */
    #invoice_traders {
        clear: both;
        display: table;
        width: 100%;
        text-align: left;
        width:100%;
        margin-bottom: 1em;
        line-height: 1.4em;
    }
    /* labels */
    #invoice_traders span {}

    /* SELLER'S IDENTIFICATION DATA */
    #seller {
        display: table-cell;
        width: 55%;
        padding-right: 2cm;
    }

    /* BUYER'S IDENTIFICATION DATA */
    #buyer {
        display: table-cell;
        width: 45%;
        padding-right: 1.5cm;
        height: 3.25cm;
        min-height: 3.25cm
    }

    #buyer p:first-of-type, #seller p:first-of-type {

    }

    #invoice_traders .header {
        display: table-cell;
        font-weight: bold;
    }


    /* ------------------------------------------------- */


    /* TITLE */
    #title {
        clear: both;
        width: 100%;
        display: block;
        text-align: left;
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 14px;
    }


    /* ------------------------------------------------- */


    /* TABLE WITH PRODUCTS */
    th.width0,
    td.width0{width:1%;}
    th.width1,
    td.width1{width:3%;}
    th.width2,
    td.width2{width:9%;}
    th.width3,
    td.width3{width:14%;}
    th.width4,
    td.width4{width:30%;}

    .main_inv_table th, .advanced_header_titles th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-right: 1px solid #FFFFFF;
        color: #000000;
        vertical-align: middle;
    }

    .main_inv_table th:first-of-type, #rel_adv_table th:first-of-type {border-left: 1px solid #DDDDDD;}
    .main_inv_table th:last-of-type, #rel_adv_table th:last-of-type {border-right: 1px solid #DDDDDD;}
    table.main_inv_table .no_border td {border:0;}
    table.main_inv_table td {
        border:1px solid #DDDDDD;
        vertical-align: top;
    }

    .main_inv_table td,
    .main_inv_table th,
    #positions_summary td {
        padding:2px 5px;
    }


    /* ------------------------------------------------- */


    /* TABLE WOTH TOTALS */
    table.to_right{width:100%;}
    table.to_right th{text-align:right;}
    table.to_right td{width:15%;text-align:right;}
    .totals_inv_table td, .totals_inv_table th {padding:1px 5px;}
    .totals_inv_table {
        margin-top: 0.5em;
    }


    /* ------------------------------------------------- */


    /* TABLE WITH RELATED ADVANCES */
    .advanced_header, .advanced_header_titles th {
        padding-top: 3px !important;
        padding-bottom: 1px !important;
    }
    .advanced_header {
        white-space: nowrap;
    }
    #related_advances_title_row {display:none;}
    #related_advances_title_inside {display: inline !important;}



    /* ------------------------------------------------- */


    /* TEXTS UNDER TOTALS */
    #summary {
        clear: both;
        width: 100%;
        display: block;
        text-align: left;
        line-height: 1.4em;
    }

    #to_pay {
        font-size: 1em;
        font-weight: bold;
    }
    #to_pay_amount {
        font-size: 1.25em;
    }


    /* ------------------------------------------------- */


    /* SIGNATURES AT THE END */
    #invoice_signatures {
        clear: both;
        display: table;
        width: 100%;
    }
    #invoice_signatures p {margin: 0px;}
    #invoice_signatures > div > p:first-of-type {margin-top: 1.5em;}

    /* headers */
    #invoice_signatures span {font-weight: bold;}

    /* SELLER */
    #seller_sign {
        display: table-cell;
        width: 50%;
        text-align: center;
    }

    /* BUYER */
    #buyer_sign {
        display: table-cell;
        width: 50%;
        text-align: center;
    }

    #custom_img {
        max-width: 50%;
    }


    /* ------------------------------------------------- */


    /* ONLINE PAYMANT BUTTON */
    .payment_button {display:block;float:right;text-align:right;height:43px;width:190px;z-index:999;}
    .payment_button img {display:block;float:right;text-align:right;width:190px;height:43px;z-index:999;}


    /* ------------------------------------------------- */


    /* HELPERS */
    .text_center {text-align:center;}
    .text_left {text-align:left;}
    .text_right {text-align:right;}
    .number,
    .digit {white-space:nowrap;text-align:right;}
    .nowrap, .no_wrap {white-space:nowrap;}
    .nowrap-lines {white-space: pre;}
    .hidden {display:none;}
    .full_width, .full-width {width:100%;}
    .half_width {width:50%;}
    .no_border {border:0;}
    .no-page-break, .nobreak {
        page-break-inside: avoid !important;
    }



    #rel_adv_table {
        width: 100%;
        margin-top: 0.35em;
    }
    #rel_adv_table th {
        border-right: 1px solid #FFFFFF;
    }
    #rel_adv_table th:last-of-type {
        border-right: 1px solid #DDDDDD;
    }
    #realted_invoices {
        background-color: transparent;
        border: 0px !important;
    }

    #exchange_currency,
    #exchange_currency td {
        width: 100%;
    }



    /* footer preview only - DO NOT CHANGE - changes don't work in print */
    #company_info_footer {
        border:0;
        padding:0;
        margin:0;
        vertical-align:bottom;
        padding-top:15px;
        padding-left:0px;
        padding-right:0px;
    }
    #company_info_footer .small_text.text_center {
        width:100%;
        padding-left: 22%;
        padding-right: 22%;
    }
    #company_info_footer .small_text.text_center span {
        max-width: 407px;
        display: block;
        overflow: hidden;
        height: 50px !important;
        line-height: 11.3px !important;
        font-family: arial,sans-serif,tahoma !important;
        font-size:9.85px !important;
        letter-spacing: normal !important;
    }

    #corrected_content {
        width: 100%;
        margin-top: 6pt;
        margin-bottom: 12pt;
    }

    #corrected_content th,
    #corrected_content td {
        width: 50%;
        vertical-align: top;
        text-align: left;
    }

    #corrected_content th {
        text-align: center;
    }

}

@page {
    size: A4;
    margin: 0.5cm;
    margin-bottom: 0cm;
}

@media screen {
    .invoice_preview.invoice {
        width:210mm;
        padding: 0px;
        padding-top: 0.5cm;
    }
    .invoice_outline {margin-top:0.25in;margin-bottom:0.25in;
        margin-right:0.75cm;
        margin-left:0.75cm;
    }
}


@media print{
    .invoice_outline {
        margin-top:0.7cm;
        margin-bottom:0in;
        margin-right:0.7cm;
        margin-left:0.7cm;
        background-color: transparent;
        background-position: 50% 15cm !important;
        min-height: 25cm;
        padding-top: 0px;
    }

    .invoice_outline *:not(.fa) {
        font-family: 'arial';
        font-size: 9.35pt;
    }

    #buyer a {
        color: inherit;
        text-decoration: none;
    }

    #title {
        font-size: 9.75pt;
    }

}

section#description_footer {
    border:0;
    padding:0;
    margin:0;
    vertical-align:bottom;
    padding-top:15px;
    padding-left:0px;
    padding-right:0px;
    padding-left: 22%;
    padding-right: 22%;
    margin-top: 40px;
}
section#description_footer span {
    margin-left: auto;
    margin-right: auto;
    max-width: 407px;
    display: block;
    overflow: hidden;
    line-height: 11.3px !important;
    font-family: arial,sans-serif,tahoma !important;
    font-size:9.85px !important;
    letter-spacing: normal !important;
    text-align: center;
}

.no-page-break {
    page-break-before: auto;
    page-break-inside: avoid !important;
}

/* fix for multipage table printing issue */
@media print {
    table.main_inv_table {border-collapse: collapse;}
    table.main_inv_table tr { page-break-inside: avoid !important; }
    table.main_inv_table td { page-break-inside: avoid !important; }
    table.main_inv_table thead {display: table-header-group !important;}




    .hidden-print, .no-print, .noprint {
        display: none !important;
    }
    .hidden {
        display: none !important;
    }
    .show-print {
        display: block !important;
    }

    .pull-right {float: right;}

    a.btn-print {
        color: #333333 !important;
        background-color: #FFFFFF !important;
        border: 1px solid #BEBEBE !important;
        display: inline-block;
        padding: 9px 15px 7px 15px!important;
        margin-bottom: 0;
        font-size: 9pt !important;
        font-weight: normal;
        line-height: 1em !important;
        text-align: center !important;
        vertical-align: middle !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        text-decoration: none;
    }
    .content.wide-content.incomplete {
        display: none !important;
    }
    #incomplete_safe_print {
        margin-top: 100pt;
        width: 100%;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
        line-height: 20pt;
        display: block !important;
    }

    span.item_description {
        display: block;
    }

    .profiler-results,
    .profiler-popup,
    .profiler-queries,
    .profiler-queries-bg {
        display: none !important;
    }

    .bilangual table.main_inv_table th {
        white-space: normal !important;
    }



    #HW_frame_cont, li.hw_badge {
        display: none;
    }

    #sx_container {
        display:none;
    }

    #company_info_footer,
    section#description_footer span {
        height: auto;
        max-height: 50px;
        padding-top: 0px;
    }

    section#description_footer {
        margin-top: 15px;
    }

}
@media screen {
    .hidden-screen {
        display: none !important;
    }
    .show-screen {
        display: block !important;
    }
    section#description_footer {
        width:100%;
        margin-top: 30px;
    }

    section#description_footer span {
        height: 50px !important;
    }

}

#selectClient{
    display: none;
}

.buttonClientExte{
    width:215px;
}

#modifClient, #ajoutClient{
    display: none;
}
#buttonAddClientExte, #buttonModifClientExte{
    margin-top: 20px;
}

#panelModifClientExterne{
    margin-top: 40px;
}

.mySelect{
    cursor: pointer;
    outline: 0;
    display: block;
    height: 36px;
    padding: 7px 0;
    line-height: 1.5384616;
    position: relative;
    border: 1px solid #ddd;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

/*.borderFactureRight{
    border-right: 1px solid #DDD;
}*/

.borderFactureLeft{
    border-left: 1px solid #DDD;
}

.numero_comptableSize{
    width: 6%;
}

.consultantSize {
    width: 18%;
}

.descriptionSize{
    width:50%;
}

.quantiteSize{
    width: 4%;
}

.periodiciteSize{
    width: 2%;
}

.tarifSize{
    width: 8%;
}

.supprimeSize{
    width: 2%;
}

.totalSize{
    width: 10%;
}

.TTCSize{
    width: 6%;
}

.addRowFacture1{
    margin-bottom: 20px;
}

.addRowFacture{
    margin-top: 20px;
}

#num_avoir{display: none}

.validationTVA{
    width: 75px;
    margin-top: 20px;
}

#phraseValidationTVA{
    font-weight: bold;
    font-size: 19px;
    color: #b22222;
}

#modal_validation_infos > .modal-dialog > .modal-content{
    text-align: center;
}

.warningLogo{
    font-size: 30px;
    margin: 0px 20px 20px 20px;
    color: #ff0000;
}

.rowCenterSpec{
    border-top: 1px solid #ddd;
    margin-left : 0px;
    margin-right: 0px;
    font-size: 16px;
    padding: 10px 0px;
}

.borderRightInfoFactu{
    border-right: 1px solid #ddd;
}

#lienEntrepriseFactu{
    color: darkblue;
}

.tableFactu > tbody > tr > td{
    padding: 5px 5px!important;
}

#modal_relance > .modal-dialog > .modal-content {
    /*width: 180%;*/
    position:absolute !important;
    margin-left: -40% !important;

}

#num_ligne{
    width: 41px;
    height: 36px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#supp_ligne{
    color: #ec4844;
    margin: 1px;
}

#containerSuppLigne{
    float: right;
}

#filtreButton{
    width:100px;
}

.comiseo-daterangepicker{
    background-color: #DDDFCB;
}

.ui-datepicker-group-first > .ui-datepicker-calendar{
    border-right: 1px solid #DDDFFF;
}

.comiseo-daterangepicker-triggerbutton{
    min-width: 0px!important;
}


.tabCRM{
    border-bottom:2px solid black;
    margin-bottom: 15px;
    margin-top: 35px;
}
#modal_visu > .modal-dialog {
    width: 850px;
    margin: 30px auto;
}

.exportButton{
    padding: 20px;
    text-align: center;
}

.ui-front {
    z-index: 1060;
}

#modal_validation_export{
    z-index: 1070;
}

#modal_validation_export > .modal-dialog > .modal-content > .modal-body{
    text-align: center;
}


.monform-box {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.monform-box-header {
    margin: 0;
    padding: 20px;
    border-bottom: 2px solid #ddd;
    background-color: #EBECEC;
}

.monform-box-content {
    padding: 0 15px;
}

.monform-group {
    margin: 0 -15px;
    padding: 25px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

.monform-actions {
    padding-top: 25px;
    padding-bottom: 55px;
    margin-top: -1px;
    border-top: 2px solid #ddd;
    background-color: #EBECEC;
}

.chartBlockSelection{
    border:1px solid lightgrey;
    margin-bottom: 20px;
    margin-top: 10px;
    padding:5px;
    background-color: #EBECEC;
}

.chartBlock{
    border: 1px solid lightgrey;
    margin-top:5px;
    margin-bottom:5px;
}
.heading-elements-2 {
    background-color: inherit;
    position: absolute;
    top: 50%;
    /* right: 20px; */
    height: 36px;
    margin-top: -18px;
}

#modal_visu > .modal-dialog {
    width: 850px;
    margin: 30px auto;
}

.heading-elements-2 {
    background-color: inherit;
    position: absolute;
    top: 50%;
    /* right: 20px; */
    height: 36px;
    margin-top: -18px;
}

.enteteAlerte{
    border-bottom: 1px solid lightgrey;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 17px;
}


.text-box-dashboard{
    text-align: center;
    font-size: 3em;
    margin-top: 10px;
}

.logo-box-dashboard{
    font-size : 1em;
}

.contenuDashboard{
    margin-right: 20px;
    margin-left:20px;
    margin-top: 20px;
}

.entetedashboard{
    margin-bottom: 20px;
}

.panel-box-dahsboard{
    border: 1px solid darkgray;
    min-height: 150px;
    height: auto;
}

.panel-dashboard{
    border: 1px solid darkgray;
    background-color: white;
    margin-bottom:  20px;
}

.comDashBord{
    background-color: white;
    margin-bottom:  20px;
}

.comLeft{
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    border-left: 1px solid darkgray;
}

.comCenter{
    border: 1px solid darkgray;
}

.comRight{
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    border-right: 1px solid darkgray;
}

.comDahsBoardDiv{
    margin-left: 0px;
    margin-right: 0px;
}

.box-option-dashboard{
    height: 74px;
    text-align: center;
    padding-top: 4%;
}

.option-top-dahsboard{
    border-bottom:1px solid darkgray;
    margin-left: 0px;
    margin-right: 0px;
}


.option-left-dashboard{
    border-right: 1px solid darkgray;
}



.labelDossierConsultant{
    display: none;
    float: right;
    margin-left: 0%;
    width: 145px;
    height: 36px;
    padding-top: 8px;
    font-size:90%;
}

#ClientInfoContainer{
    text-align: right;
}

#saveFacture{
    margin-top: 20px;
}

.visuFacture{
    margin-bottom: 20px;
}

.multiselect-container{
    width: auto!important;
}

.signatureMailRelanceBDC{
    display:none;
}

#imgAjaxLoader{
    display: none;
}

.checkclass{
    width: 13px!important;
    height: 13px!important;
}

/*---------------------------------------*/

#icone_update_rib:hover{
    cursor: pointer;
}

.red-color{
    background-color: red;
    color: white;
}
.parcour-no-padding{
    padding: 0px;
}

.modal-dialog-partie{
    width: 800px;
}
.heading-elements-left {
    background-color: inherit;
    position: absolute;
    top: 50%;
    left: 10px;
    height: 36px;
    margin-top: -18px;
}

.questioninput{
     background-color: #ddd;
     border: 1px solid #ffffff;
 }

.question{
    background-color: #ddd;
    padding: 2px;
}

.checkboxTri{
    display: inline-block!important;
    margin-right: 20px;
}

.checkboxTriFacturable{
    display: inline-block!important;
    margin-right: 70px;
    margin-bottom: 10px;
}

.labelEtatComptaFDP:hover{
    cursor: pointer;
}

#legend{
    padding: 20px;
    height: 57px;
}
.editableTD{
    z-index: 9999;
}

.editableTD:hover{
    cursor: pointer;
}

.rectangle{
    width: 40px;
    height: 20px;
    border: 1px solid black;
    opacity: 0.7;
    float: left;
    margin-right: 10px;
}

.carre{
    width: 20px;
    height: 20px;
    border: 1px solid black;
    opacity: 0.7;
    float: left;
    margin-right: 10px;
}

.legend{
    float: left;
    margin-right: 50px;
}

#bleu{
    background-color: #5757FF;
    margin-bottom: 10px;
}

#rouge {
    background-color: #FF4848;
    margin-bottom: 10px;
}

#orange {
    background-color: #FEAA00;
    margin-bottom: 10px;
}

.action_amelio_rouge{
    background-color : rgba(255, 72, 72, 0.7);
}

.action_amelio_vert{
    background-color : rgba(31, 203, 74, 0.7);
}

.non_conformite.selected{
    /*background-color : #C0C0C0!important;
    opacity: 0.3;*/
    border: 2px dashed black;
}

.non_conformite_rouge{
    background-color : rgba(255, 72, 72, 0.7);
}

.non_conformite_vert{
    background-color : rgba(31, 203, 74, 0.7);
}

.action_amelio.selected{
    /*background-color : #C0C0C0!important;
    opacity: 0.3;*/
    border: 2px dashed black;
}

.orange2{
    background-color: #FEAA00;
    opacity: 0.7;
    color: white;
}

.bleue{
    background-color: #AEC6CF;
    /*opacity: 0.7;*/
    color: white;
}

.bleue2{
    background-color: #2196f3;
    opacity: 0.7;
    color: white;
}

.vert{
    background-color: #1FCB4A;
    opacity: 0.7;
    color: white;
}

.vert2{
    background-color: #1FCB4A;
    opacity: 0.7;
    color: white;
}

#vert {
    background-color: #1FCB4A;
}

.lien2SuiviRedirect{
    color: #000000;
    font-weight: 700;
}

.lien2SuiviRedirect:hover{
    color: #404040;
    text-decoration: underline;
}

.lien3SuiviRedirect{
    color: #000000;
    font-weight: 700;
}

.lien3SuiviRedirect:hover{
    color: #404040;
    text-decoration: underline;
}

.grise{
    background-color: #F4F4F4;
}

.linkCommentDashboard, .linkCommentDashboard:hover, .linkCommentDashboard:focus, .linkCommentDashboard.focus  {
    color:black;
}

.linkCommentDashboardExist, .linkCommentDashboardExist:hover, .linkCommentDashboardExist:focus, .linkCommentDashboardExist.focus{
    color:#FF9800;
}

.ButtonRedirecteFraisATraite, .ButtonRedirecteFraisATraite:hover, .ButtonRedirecteFraisATraite:focus, .ButtonRedirecteFraisATraite.focus{
    color: #1E88E5;
}

.ButtonRedirecteFDTATraite, .ButtonRedirecteFDTATraite:hover, .ButtonRedirecteFDTATraite:focus, .ButtonRedirecteFDTATraite.focus{
    background-color: #dd0000;
    border-color: #dd0000;
    color: #fff;
}

.ButtonRedirecteFactureIndep, .ButtonRedirecteFactureIndep:hover, .ButtonRedirecteFactureIndep:focus, .ButtonRedirecteFactureIndep.focus{
    background-color: #dd0000;
    border-color: #dd0000;
    color: #fff;
}

.labelDashBoardFDTFDP{
    width: 125px;
}

.labelDashBoardFrais{
    width: 120px;
}

.underline{
    text-decoration: underline;
}

.bg-red-pdf {
    background-color: #dd0000;
    border-color: #dd0000;
    color: #fff;
}

.bg-green-excel {
    background-color: #1e7143;
    border-color: #1e7143;
    color: #fff;
}

.btn-blue-abc {
    color: #ffffff;
    background-color: #0a68b4;
    border-color: #0a68b4;
}

.colFiltreDashboard{
    min-width: 230px;
}

.firstColFiltreDashboard{
    max-width: 85px;
    line-height: 32px;
}

.panelFiltre{
    padding: 20px;
    margin-bottom: 0px;
}

.pageTitleFiltre{
    padding : 0px;
}

.btn-blue-abc:hover {
    color: #ffffff;
    background-color: #08528d;
    border-color: #08528d;
}

.bg-blue-abc {
    background-color: #0a68b4;
    border-color: #0a68b4;
    color: #fff;
}
.bg-blue-stats-questionnaire {
    color: #fff;
    background-color: #09a694 ;
    border-color: #09a694 ;
}

.paddingHeaderConsultant {
    padding: 0px 36px 30px 0;
}

.bg-blue-alpaca {
    background-color: #03A9F4;
    color: #fff !important;
}

.uploaderDashboard{
    width: 75%;
    float: left;
    margin-right: 5px;
}

.uploaderDashboard1{
    width: 75%;
    float: left;
}

.alpaca-field{
    margin-bottom: 0px!important;
}

.signatureMailFraisValider{
    display:none;
}

.signatureMailFDP{
    display: none;
}

.signatureMailFactureIndep, .signatureMailNoFDP{
    display: none;
}

.periode_mois_stats_marketing, .periode_annee_stats_marketing{

    float: left;
    margin-bottom: 10px;

}

.periode_mois_stats_marketing{
    width:10%;
}

.periode_annee_stats_marketing{
    width:10%;
    margin-left: 1%;
}

.TDclickInfosStats:hover, .TDclickInfosStatsAll:hover, .TDclickInfosStatsRepartition:hover, .TDclickInfosStatsAnnee:hover, .TDclickInfosStatsMonth:hover, .TDclickInfosStatsTotalMonth:hover,
.TDclickInfosStatsTotalYear:hover, .TDclickInfosStatsRFMAnnee:hover, .TDclickInfosStatsRFM:hover, .TDclickInfosStatsEntreprise:hover, .TDclickInfosStatsInstitution:hover{
    cursor: pointer;
    background-color: #ddd;
}


.but_modifier {
    background-color: orange;
    color: white;
}

.buttonPDFBDC{
    font-size: 20px;
    color:#fff;
    border-color: #dd0000;
    background-color: #dd0000;
    padding: 8px 10px;
}

.statut_paye{
    vertical-align:top;
    width:17px;
    height:17px;
    margin-right: 5px!important;
}

/* permet de centrer les modal dans le suivi*/
.modal-dialog-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}


/*  info bulle*/
.info_bulle + span{
    display:none;
    color:#fff;
    background:rgba(51,51,51,0.75);
    padding:10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    max-width:500px;
    text-align:center;
    z-index:100;
}
.info_bulle {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.info_bulle:hover + span{
    display:inline-block;
    position: absolute;
    margin-left: 5px;
}

/*  END INFO BULEL */

.icon_warning_fdp{
    font-size: 19px;
    height:10px;
    margin-bottom:10px;
    margin-right:5px;
}

/*************** petit code pour avoir l'effet de zoom quand on clique sur une image ****************/
#modal_for_img {
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_content_img {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Add Animation */
.modal_content_img {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close_img {
    color: #f1f1f1;
    float : right;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close_img:hover,
.close_img:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


.content_modal_custom{
    width: 50%;
    max-width: 600px;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    height: 60%;
    max-height: 600px;
}

.divRaison .btn-group{
    width:100%;
}

/* tags input */

.tag.label.label-info{
    cursor:pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal_content_img {
        width: 100%;
    }
}
/****** FIN petit code pour avoir l'effet de zoom quand on clique sur une image *******/