body {
    padding-top: 60px;
    padding-bottom: 40px;
}

@font-face{
    font-family : 'Calibri';
    src: url('/fonts/calibri-font-family/calibri-bold.ttf') format('truetype'),
        url('/fonts/calibri-font-family/calibri-bold-italic.ttf') format('truetype'),
        url('/fonts/calibri-font-family/calibri-italic.ttf') format('truetype'),
        url('/fonts/calibri-font-family/calibri-regular.ttf') format('truetype');
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

table#profil_multiOptions label{
    display: none;
}

table#profil_multiOptions tr td{
    padding: 0 2px 0 2px;
    text-align: center;
    height: 41px;
}

td.modaction, th.modaction{
    text-align: left !important;
    background-color: #5AA7F7 !important;
    font-weight: bold;
}

td.modaction{
    height: 40px;
}

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

.habilitations{
    width: 100%;
}

.habilitations tr th{
    background-color: #5AA7F7;
    height: 35px;
    padding-left: 5px;
}

.habilitations tr td{
    background-color: #AFCAF9;
}

.bouton{
    width: 280px !important;
    margin-top: 2px;
    margin-left: 120px;
}
.centrecontenu{
    text-align: center;
}
.desactive{
    background-color: #CECECE !important;
}
.selectioncourante{
    font-size: 20px;
    font-weight: bold;
    color: darkgreen;
}
.bouton_telecharger{
    height: 70px;
}
.decale_gauche_un{
    margin-left: 10px;
}
.fielddosstat{
    min-height: 120px;
}
div#modificationstatut{
    width: 300px;
}
.champ-filtre{
    width: 200px;
}
#recherche_log label, #recherche_log input, #recherche_log select, #recherche_log button{
    display: inline !important;
    margin-bottom: 8px;
}
.listeclient{
    width: 55%;
}
.listesousclient{
    width: 100%;
}
.iconeajoutclient, .iconeajoutprestation{
    width: 40px;
}
table.listeprestations{
    border-collapse: collapse;
    color: #000000;
    width: 100%;
}
table.listeprestations th, table.listeprestations td {
    padding: 0 6px;
    border-color: #afadad;
}
.texteadroite{
    text-align: right;
}
.texteaucentre{
    text-align: center;
}
.texteagauche{
    text-align: left;
}
.textverticalmilieu{
    vertical-align: middle!important;
}
.decalageverticale{
    padding: 20px 0;
}
.enteteprestations{
    background-color: #94c4f1;
    color: #000000;
    font-weight: bold;
}
.lignedessous{
    border-bottom: solid 1px;    
    border-color: #9cc6ee;
}
tr.lignedessous td span.select2-container--default{
    width: 100%!important;
    height: 34px!important;
    border: 1px solid #ccc!important;
}
/* ** Select2 ** */
div#cadrechangersociete span.select2-container--default{
    width: 100%!important;
    height: 38px!important;
    border: 1px solid #ccc!important;
    border-radius: 8px;
}
/* ** Cette fonction css permet de redimentionner la hauteur de la liste select du cadre select2 concerné ** */
tr.lignedessous td span.select2-container--default span{
    height: 34px!important;
}
/* ** Cette fonction css permet de redimentionner la hauteur de la liste select et d'arrondir les coins des cadres select2 concernés ** */
div#cadrechangersociete span.select2-container--default span.selection span.select2-selection{
    display: block;
    height: 38px!important;
    border-radius: 8px;
}
/* **** */
.colprestation{
    width: 305px;
}
form#lesprestations input[type="text"]{
    width: 45px;
}
.colonnesupprserv{
    text-align: right;
    padding-right: 8px !important;
}
td.colonnesupprserv a img{
    width: 20px;
}

div#cadreajouterunnouveauclient{
    z-index: 10005!important;
}
/* ** Ces fontions permettent l'affichage des bootstrap modal et les select2 ** */
div#cadre_form_devis .select2-container, div#cadre_form_facture .select2-container, div#cadre_form_bonlivraison .select2-container,
div#avoir .select2-container, div#prestation .select2-container, div#intervention .select2-container{
    z-index: 10!important;
}


#cadreajouterdesprestations div.modal-dialog, #cadremodifierlesprestation  div.modal-dialog{
    width: 800px !important;
}
#tabrajouterprestation{
    width: 100%;
}
.datepicker-container, .datepicker-dropdown, .datepicker-top-left{
    /*z-index: 10000!important;*/
}
.champdaterajoutprestation{
    width: 95px !important;
}
.champquantiteajoutprestation{
    width: 60px !important;
}
.champreductionajoutprestation{
    width: 60px !important;
    display: inline !important;
}
.colonnetotal{
    font-weight: bold;
    font-size: 18px;
}
.colonnetotaux{
    font-weight: bold;
    font-size: 18px;
    width: 107px;
}
#cadreajouterdesprestations div.modal-footer{
	text-align: left !important;
}
#cadreboutonvalider{
    margin-top: 10px;
    text-align: right;
}
.listeprestationsdetails{
    width: 100%;
}
.listeprestationsdetails tr th{
    padding: 0 4px;
}
.fondclair{
    background-color: #d3d3d3;
}
table#tableau_liste_dossier{
    border: 1px solid #DDDDDD;
}
table#tableau_liste_dossier tr{
    border: 1px solid #DDDDDD;
}
table#tableau_liste_dossier tr th{
    border: 1px solid #DDDDDD;
}
table#tableau_liste_dossier tr td{
    border: 1px solid #DDDDDD;
}
.lrg{
    width: 30px;
    font-weight: bold;
    padding: 0 2px;
    text-align: center;
}
.lb{
    border: 1px solid #DDDDDD;
    background-color: #089B4F;
    color: #000000;
}
.rv{
    border: 1px solid #DDDDDD;
    background-color: #333333;
    color: #FFFFFF;
}
.gr{
    border: 1px solid #DDDDDD;
    background-color: #9B6208;
    color: #000000;
}
div#cadreplanningaccuiel{
    overflow-x: scroll;
}
.etat_enfonction{
    background-color: #a4f19d;
    border: 1px solid #85d67d;
    color: #000000;
    font-weight: bold;
}
.etat_immobilise{
    background-color: #e6c588;
    border: 1px solid #cea863;
    color: #000000;
    font-weight: bold;
}
.statut_encours{
    background-color: #28931F;
    border: 1px solid #197711;
    color: #000000;
}
.statut_valide{
    background-color: #2d49eb;
    border: 1px solid #132488;
    color: #FFFFFF;
}
.statut_facture{
    background-color: #737c48;
    border: 1px solid #3f4423;
    color: #000000;
}
.statut_annule{
    background-color: #939693;
    border: 1px solid #585858;
    color: #000000;
}
.statut_transformeenbondelivraison{
    background-color: #d9b2e0;
    border: 1px solid #644569;
    color: #000000;
}
.statut_paye{
    background-color: #69235e;
    border: 1px solid #380c32;
    color: #FFFFFF;
}
.statut_traite{
    background-color: #C6B28E;
    border: 1px solid #796443;
    color: #000000;
}
.texte_encours{
    color: #28931F;
}
.desactive{
    background-color: #959695 !important;
    color: #8c8d8c !important;
}
.iconesdessousdevis{
    height: 30px;
}
.iconesdessousfacture{
    height: 30px;
}
.iconesdessousbonlivraison{
    height: 30px;
}
.iconedevisseparegauche{
    width: 20%;
    text-align: left;
}
.iconedevissepare{
    width: 19%;
    text-align: center;
}
.iconedevisseparedroit{
    width: 20%;
    text-align: right;
}
.iconebonlivraisonseparegauche{
    width: 22%;
    text-align: left;
}
.iconebonlivraisonsepare{
    width: 27%;
    text-align: center;
}
.iconebonlivraisonseparedroit{
    width: 22%;
    text-align: right;
}
.iconefactureseparegauche{
    width: 22%;
    text-align: left;
}
.iconefacturesepare{
    width: 27%;
    text-align: center;
}
.iconefactureseparedroit{
    width: 22%;
    text-align: right;
}
.gras{
    font-weight: bold;
}
.italique{
    font-style: italic;
}
.colonnegauchedevis{
    width: 200px;
}
.colonnegauchefacture{
    width: 200px;
}
.colonnegauchebonlivraison{
    width: 200px;
}
/* #formdevis label{
    width: 170px;
} */
.icosupprserv{
    height: 30px;
}
.icomodifserv{
    height: 30px;
}
/* #cadre_form_devis form label{
    width: 180px;
} */
#cadre_form_devis form input#devis_date_limite_validation{
    margin-bottom: 5px;
}
#cadre_form_devis form input#devis_remise_personnalisee{
    width: 200px;
    display: inline !important;
    margin-top: 5px;
}
.total{
    border-top-width: 1px;
    font-weight: bold;
    font-size: 22px;
}
.bord_haut{
    border-top: solid 1px #000000;
}
.bord_droit{
    border-right: solid 1px #000000;
}
.bord_bas{
    border-bottom: solid 1px #000000;
}
.bord_gauche{
    border-left: solid 1px #000000;
}
.iconedbl{
    margin-right: 38px;
}
.iconefbl{
    margin-right: 30px;
}
.commeunlabel{
    font-weight: bold;
}
button#profil_valider {
    margin: 4px 0 0 0;
    width: 300px !important;
}
.separateurprofils{
    border: solid 4px #8c8d8c;
    border-radius: 4px;
    box-shadow: 10px 8px 2px 1px rgba(77, 77, 77, 0.2);
}
.tableprofil{
    width: 100%;
}
.tableprofil tr{
    width: 100%;
}
.tableprofil tr td{
    width: 50%;
}
div#avoir div{
    margin-top: 12px;
}
.statut_utilise{
    background-color: #a5703e!important;
    font-weight: bold;
}
.statut_libre{
    background-color: #478a52!important;
    font-weight: bold;
    color: #FFFFFF;
}
.reutilisable_oui{
    background-color: #7F9D1B!important;
    font-weight: bold;
    color: #FFFFFF;
}
.reutilisable_non{
    background-color: #858484!important;
    font-weight: bold;
}
.iconesdessousavoir{
    height: 20px;
}
.souligne{
    text-decoration: underline;
}
.justifie{
    text-align: justify;
}
.capital{
    text-transform: capitalize;
}
.majuscule{
   text-transform: uppercase; 
}
.minuscule {
    text-transform: lowercase;
}
.taille18{
    font-size: 18px;
}
.taille28{
    font-size: 28px;
}
.classtotal{
    font-size: 20px;
}
.rajoutavoir img{
    height: 45px!important;
    cursor: pointer;
}
.rajoutavoirdesactive img{    
    height: 45px!important;
}
.pointeur{
    cursor: pointer;
}
.boutonenregistrercommentaire{
    margin-top: 10px;
}
.textecommentaire{
    width: 90%;
}
.iconecommentaire{
    width: 9%;
}
.iconesupprcommentaire{
    height: 18px;
}
div#cadrecommentaires ol li{
    margin-top: 8px;
    border-bottom: solid 1px #96bfe0;
    padding-bottom: 4px;
}
div.cadresecondaire ol li.active a{
    font-weight: bold;
    color: #9B6208 !important;
}
.infos{
    color: #9B6208 !important;
    font-weight: bold;
}
#rempersbdl div{
    width: 450px;
}
#rempersbdl div input{
    width: 200px;
}
.thead-grey-light{
    background-color: #b4b5b6;
    color: rgb(77, 76, 76);
}
/* ***************** Début d'anination de couleur de fond en CSS2 ***************** */
/* ############################################################################## */
/* ***************** Début d'anination de couleur de fond en CSS3 ***************** */
/* ** Pour plus d'infos : https://www.w3schools.com/colors/colors_hexadecimal.asp ** */
@keyframes wheelHueColorJauneVersClair {
    from, to { background-color: hsl(54, 77%, 75%); }
    90%      { background-color: hsl(54, 92%, 38%); }
}
/* *** */
@keyframes wheelHueColorOrangeVersClair {
    from, to { background-color: hsl(17, 32%, 64%); }
    90%      { background-color: hsl(17, 71%, 46%); }
}
/* *** */
@keyframes wheelHueColorGrisVersClair {
    from, to { background-color: hsl(20, 3%, 77%); }
    90%      { background-color: hsl(20, 2%, 39%); }
}
/* *** */
@keyframes wheelHueColorBleueVersRouge {
    from, to { color: hsl(241, 89%, 30%); }
    90%      { color: hsl(2, 99%, 35%); }
}
/* *** */
/* ***************** Fin d'anination de couleur de fond en CSS2 ***************** */
.alerteavantecheance{
    animation: wheelHueColorJauneVersClair 2s infinite;
}
.alertapresecheance{
    animation: wheelHueColorOrangeVersClair 2s infinite;
}
.alertecheanceretardabuse{
    animation: wheelHueColorGrisVersClair 2s infinite;
}
.infoespacedemo{
    animation: wheelHueColorBleueVersRouge 1s infinite;
}
td#colonne_prestation_id{
    width: 300px;
}
td#colonne_prestation_id span.select2-container{
    width: 98%!important;
}
.select2-container {
    z-index: 10000;
    height: 34px;
}
.cadrefiltrerecherche .select2-container {
    z-index: 5!important;
}
.select2-container .select2-selection--single{
    border: 1px solid #CCCCCC!important;
    height: 34px!important;
}
.image_logo{
    width: 100px;
}
.boutonlister{
    margin-bottom: 6px;
}
.iconelogolister{
    width: 55px;
}
#societe_modifier_logo, #societe_modifier_cachet_entreprise, #societe_modifier_signature_responsable{
    width: 30px;
    display: inline-block!important;
    margin: 6px 0 24px 12px;
}
.paramboutonradion{
    display: inline-block;
}
#blocparam form label{
    width: 230px;
}
#param_activerbondelivraison label{
    width: 40px !important;
}
#param_activerlelogopardefaut label{
    width: 40px !important;
}
.iconecomdetails{
    width: 25px;
}
.listeprestationsdetails ul {
    list-style-type: '- ';
 }
 .iconecomdetailsedit{
    width: 15px;
    cursor: pointer;
 }
 .iconecomdetailseditgris{
    width: 15px;
 }
 .iconecontenutdr{
    width: 20px;
    cursor: pointer;
 }
 .iconecontenutdrgris{
    width: 20px;
 }
 .iconeajoutacompte{
    width: 55px;
    cursor: pointer;
 }
 .iconeajoutacomptegris{
    width: 55px;
 }
 .boutoncomdetails{
    margin-left: 30px;
 }
 .tableiconesinferieursdevis{
     width: 100%;
 }
 .tableiconesinferieursdevis tr td{
     width: 16%;
 }
 .tableiconesinferieursbonlivraison{
    width: 100%;
}
.tableiconesinferieursbonlivraison tr td{
    width: 20%;
}
.tableiconesinferieursfacture{
    width: 100%;
}
.tableiconesinferieursfacture tr td{
    width: 14%;
}
.cache{
    display: none;
}
.apparante_bloc{
    display: block;
}
.apparante_enligne{
    display: inline;
}
.apparante_tr{
    display: table-row;
}
.champstypepyt{
    width: 97%;
}
.champssymbolpyt{
    width: 2%;
}
.cadre_date_limite_reglement, #identifiant_date_reglement{
    width: 97%;
}
.cadre_date_limite_reglement input, #identifiant_date_reglement input{
    width: 100% !important;
}
.cadre_date_limite_reglement input.champplusieursfois{
    width: 390px !important;
}
.trp{
    background-color: #D8F2FA !important;
    font-weight: bold;
}
.trpaa{
    background-color: #d3eece;
}
.lignetotal{
    font-size: 26px;
}
.enligne{
    display: inline-block !important;
}
.enligne_bloc{
    display: inline-block;
}
.enblock{
    display: block!important;
}
.largeurcentpourcent{
    width: 100%;
}
.largeurcinquantepourcent{
    width: 50%;
}
.largeursoixantepourcent{
    width: 60%!important;
}
.largeurquaranteneufpourcent{
    width: 49%;
}
.largeursoixantequatorzepourcent{
    width: 74%;
}
.largeurvightcinqpourcent{
    width: 25%;
}
.largeurvightquatrepourcent{
    width: 24%;
}
.largeurvightpourcent{
    width: 20%;
}
.largeurdixneufpourcent{
    width: 19%;
}
.largeurdixhuitpourcent{
    width: 18%;
}
.largeurdixseptpourcent{
    width: 17%;
}
.largeurseizepourcent{
    width: 16%;
}
.btnvalidrecfichinterv{
    width: 101px;
}
.iconecomdetailsencaisser{
    width: 25px;
}
.logofournisseur{
    width: 105px;
}
#fournisseur_modifier_logo{
    margin-left: 5px;
}
div#cadre_recherche_devis_recherche{
    display: inline-block;
    width: 48%;
}
div#cadre_recherche_devis_statut{
    display: inline-block;
    width: 15%;
}
div#cadre_recherche_devis_rj{
    display: inline-block;
    width: 8%;
}
div#cadre_recherche_devis_rm{
    display: inline-block;
    width: 8%;
}
div#cadre_recherche_devis_ra{
    display: inline-block;
    width: 8%;
}
div#cadre_recherche_devis_valider{
    display: inline-block;
    width: 10%;
}
.totalmontantcreer{
    text-align: left;
    padding-right: 85px;
}
.totalcreer{
    font-size: x-large;
}
.iconemtm{
    height: 100px;
}
#devis_informations label{
    display: block;
}
#information_ids_devis_modif{
    width: 100%;
}
#information_ids_devis_modif label{
    width: 100%!important;
}

#facture_informations label{
    display: block;
}
#information_ids_facture_modif{
    width: 100%;
}
#information_ids_facture_modif label{
    width: 100%!important;
}
.labelvisible{
    color: #67762C;
    font-size: 11px;
    font-weight: bold;
}
.boutoninfotemplate{
    width: 20px;
}
.blocagauche{
    float: left;
}
.blocadroite{
    float: right;
}
div#cadre_form_facture_periodique label{
    /*width: 150px;*/
}
.moisenevidence {
    color: #DE3127;
}
.dtsdesc{
    width: 75%;
}
.dtsmnt{
    width: 15%;
}
.titrelstinterv{
    background-color: #8c8d8c;
}
div#factureperiodiquedabonnement_informations label{
    display: block;
    width: 100%;
}
.titeintituleabnt{
    font-weight: bold;
    font-size: 15px;
}
.infosbdl{
    margin-top: 20%;
    padding: 2px 5px 2px 5px;
    border: 1px solid #CECECE;
    color: #585858;
    border-radius: 10px;
    text-align: justify;
}
.infosbdlcolgauche{
    padding-right: 4px;
}
input#logon_login, input#logon_motdepasse, input#motdepasseoublie_email, input#motdepasseoublie_login, input#motdepasseoublie_reponse{
    display: inline-block!important;
}
input#modifiermotdepass_motdepass_actuel, input#modifiermotdepass_question_secrette, input#modifiermotdepass_reponse, 
input#modifiermotdepass_nouveaumotdepasse, input#modifiermotdepass_renouveaumotdepasse{
    display: inline-block!important;
    width: 85%!important;
}
div#information_ids_devis_creer, div#information_ids_devis_modif, div#information_ids_facture_creer, 
div#information_ids_facture_modif, div#factureperiodiquedabonnement_informations, div#factureperiodiquedabonnement_informations, div#information_ids_form_bonlivraison_creer,
div#listeinformation_factures_periodique, div#information_ids_form_bonlivraison_creer, div#bonlivraisonviafactures_informations,
div#information_ids_bonlivraison_modif{    
    border: 2px solid #CCCCCC;
    border-radius: 10px;
    margin: 18px 0 10px 0;
    padding: 8px;
}
div#information_ids_devis_creer div#devis_informations label, div#information_ids_devis_modif div#devis_informations label,
div#information_ids_facture_creer div#devis_informations label, div#information_ids_facture_modif div#devis_informations label,
div#information_ids_form_bonlivraison_creer label, div#bonlivraisonviafactures_informations label{
    display: block;
}
div#information_ids_devis_creer div#devis_informations input, div#information_ids_devis_modif div#devis_informations input,
div#information_ids_facture_creer div#devis_informations input, div#information_ids_facture_modif div#devis_informations input, 
div#information_ids_form_bonlivraison_creer input, div#bonlivraisonviafactures_informations input, div#information_ids_bonlivraison_modif input{
    display: block;
}
div#bonlivraison_informations input[type="checkbox"]{
    display: block;
}
div#information_ids_devis_creer label, div#information_ids_facture_creer label, div#information_ids_form_bonlivraison_creer label,
div#information_ids_devis_modif label, div#information_ids_facture_modif label, div#information_ids_form_bonlivraison_modif label,
div#factureperiodiquedabonnement_informations label, div#information_ids_form_bonlivraison_creer label, div#bonlivraisonviafactures_informations label,
div#information_ids_bonlivraison_modif label{
    border-bottom: 1px solid #afaeae;
    font-size: small;
    font-family: cursive;
    color: #7a7979;
}
.lignetotalprestations{
    font-weight: bold;
    font-size: 18px;
}
.decalerhauteurprestation{
    margin-top: 14px;
}
.lign_non{
    background-color: #f1c4a6 !important;
}
.lign_oui{
    background-color: #dcfad6 !important;
}
.lign_desactivee{
    background-color: #A9A5A5 !important;
}
.supprprestation{
    width: 18px;
}
.infoabsent{
    font-size: 10px;
    color: #727070;
}
.bhdbg{
    border: 1px solid #CCC;
}
.bh{
    border-top: 1px solid #CCC;
}
.bd{
    border-right: 1px solid #CCC;
}
.bb{
    border-bottom: 1px solid #CCC;
}
.bg{
    border-left: 1px solid #CCC;
}
#facture_remise_personnalisee{
    width: 170px !important;
    display: inline !important;
}
.lignetotalprestations{
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: bold;
}
.coltotalprestationsgauche{
    width: 646px;
}
.tableinfosrelanceclient{
    border-collapse: collapse;
    width: 90%;
}
.tableinfosrelanceclient tr td{
    padding: 0 4px;
}
.colgauchetabinforelance{
    width: 240px;
}
div#cadrefacturerelancer label{
    width: 265px;
}
.lignerelanceecheance{
    font-size: 22px;
    color: #95482E;
}
.numtelcible{
    text-decoration: underline;
    font-weight: bold;
    color: #197711;
}
img#iconerelanceactif {
    cursor: pointer;
}
.flextable{
    display: flex;
    flex-direction: row;
}
.flexverticalcentre{
    display: flex; 
    align-items: center;
}
.elementverticalcentre{
    align-items: center;
}
#cadrenumcyble div#cadrenumcybun{
    width: 150px;
}
#cadrenumcyble div#cadrenumcybdeux{
    font-weight: bold;
    color: #9B6208;
}
.menuselectionne{
    font-weight: bold;
    color: #9B6208 !important;
}
div#cadreplusdemenuindex div.dropdown-menu{
    width: 220px;
    border: 0 !important;
    background-color: #F5F5F5;
}

div#cadreplusdemenuindex div.dropdown-menu div.dropdown-divider{
    border-bottom: 1px solid #D0D0D0;
    margin: 5px 0;
}
div#sousmenu a{
    padding-left: 5px;
}
.lignetotalstat{
    border-top: 2px solid #6b4911;
    font-size: large;
}
.cadredestarifs {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    
    font-size: 20px;
    font-weight: bold;
}
.flex-child {
    width: 33%;
    border: 1px solid #442840;
    font-size: 40px;
    text-align: center;
    /*line-height: 132px;*/
    color: #FFFFFF;
    border-radius: 0.5cm;
    border-left: 8px solid #644569;
}
.flex-child a{
    display: block;
    margin-top: 48px;
    margin-bottom: 0px;
    color: rgb(50, 61, 158);
}
.tariftarifs{
    color: #151733 !important;
    font-size: 20px;
}
.infostarifs{
    color: rgb(119, 40, 8) !important;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    text-decoration: underline;
}
.intituleforfaittarif, .intituleoffreforfait{
    color: #132488 !important;
}
.liencommanderforfait{
    padding-bottom: 15px;
}
.datepicker.dropdown-menu {
    z-index: 9999 !important;
}
.traitementencours{
    width: 25px;
}
.infononmodifiable, .infononmodifiablemodif{
    font-size: 10px;
    color: #95482E;
    font-weight: bold;
}
.infononmodifiablemodif{
    font-size: 15px;
    margin-bottom: 8px;
}
.espacedemo{
    font-size: 22px;
    font-weight: bold;
    background-color: #5A90BC;
}
table#detailssocietebas tr td img{
    width: 35px;
}
div#client_abonnement label, div#client_nature_contrat label, div#client_consommations label{
    margin-right: 8px;
}
.ttrnatcontr{
    margin-bottom: 18px;
    font-size: 24px;
}
.colgauchecomso{
    width: 150px;
}
.cadre_gauche{
    float: left;
    text-align: center;
}
.cadre_droit{
    float: right;
    text-align: center;
}
.iconeedition{
    height: 29px;
}
.boutoncontinuer{
    width: 33%!important;
    margin-left: auto;
    margin-right: auto;
}
td.actionafaire img{
    width: 30px!important;
    margin: 0 2px 2px 0;
}
td.integrer img, div.integrer img{
    width: 30px!important;
}
.texteconfirmation{
    font-weight: bold;
    color: #197711;
}
.prixdevente{
    font-weight: bold;
    color: #197711;
    font-size: 16px;
}
.fondprixdevente{
    background-color: #d1ebcf;
}
.table{
    display: table;
}
.tableligne{
    display: table-row;
}
.tablecellule{
    display: table-cell;
}
#tablefactureabonnementoubliees{
    border-collapse: collapse;
}
#tablefactureabonnementoubliees tr th{
    background-color: #7a7979;
}
#tablefactureabonnementoubliees tr td, #tablefactureabonnementoubliees tr th{
    padding: 0 4px;
}
#tablefactureabonnementoubliees th, #tablefactureabonnementoubliees th td,
#tablefactureabonnementoubliees tr, #tablefactureabonnementoubliees tr td{
    border: 1px solid #acaaaa;
}
.iconeajoutfact{
    width: 20px;
}
#libellesocietegeststockouinon{
    width: 10%;
}
#societegeststockouinon{
    padding-top: 8px;
    padding-bottom: 8px;
    width: 88%;
}
#societegeststockouinon div, #societegestetat div{
    display: inline-block;
    margin: auto;
    width: 55%;
}
#libellesocietegestetat{
    width: 15%;
}
#societegestetat{
    padding-top: 8px;
    padding-bottom: 8px;
    width: 83%;
    text-align: center;
}
#societegestetat img{
    width: 25px;
}
.eta_actif, .gestionstock_oui{
    background-color: #DCFAD6;
    color: #5CB85C;
    font-weight: bold;
}
.eta_desactive, .eta_cloture, .gestionstock_non{
    background-color: #F1C4A6;
    color: #742c38;
    font-weight: bold;
}
.statut_actif{
    background-color: #61a853;
    color: #042e04;
    font-weight: bold;
}
.statut_inactif{
    background-color: #470202;
    color: #946659;
    font-weight: bold;
}
.cadreimgaffcach img{
    height: 20px;
    margin-left: 4px;
    cursor: pointer;
}
table.tableavecbordure, table.tableavecbordure tr, table.tableavecbordure tr td, table.tableavecbordure tr th{
    border: 1px solid #acaaaa;
}
table.tableavecbordure tr th{
    background-color: #bebbbb;
}
table.tableavecbordure tr th, table.tableavecbordure tr td{
    padding: 0 5px;
}
table.tableavecbordure tr:last-child{
    border-bottom: 2px solid #acaaaa;
}
.iconeattention{
    width: 20px;
}
.ajoutcomplement{
    color: #3E5C9A;
}
.cadrealertes{
    border-bottom: 2px solid #acaaaa;
    box-shadow: 3px 3px #706f6f, -1em 0 .4em #acaaaa;
}
.cadrealertestock{
    padding: 0 3px;
    font-weight: bold;
}
.cadreentreestock{
    margin-left: 120px;
}
.iconeentreestock{
    width: 45px;
}
#cadrepopupentreestock label{
    width: 245px;
}
.fondgrisclair{
    background-color: #e0e1e0;
}
.fondgrismoinsclair{
    background-color: #cacaca;
}
.texte_barre{
    text-decoration:line-through;
}
.texte_maque{
    color: #6b4911;
    font-weight: bold;
}
.cadreclientconsommations{
    display: grid;
    grid-template-columns: 0fr 2fr;
    gap: 4px;
}
.clientrecherche{
    width: 250px;
}
.brb{
    border-bottom: 1px solid #868484;
}
.hr2{
    height: 15px!important;
}
.colmotifannul{
    width: 160px;
}
.infodebloquant{
    font-weight: bold;
    color: #C85324;
    font-size: 11px;
}
.col0{
    width: 2%;
}
.col1{
    width: 10%;
}
.col2{
    width: 40%;
}
.col3{
    width: 10%;
}
.col4{
    width: 8%;
}
.col5{
    width: 10%;
}
.col6{
    width: 12%;
}
.col7{
    width: 8%;
    text-align: center;
}
.imlbtnpopover{
    width: 12px;
}
.div-form-control{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-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;
}
.entetelignetable{
    background-color: #d0d0d0;
}
.totalhb{
    border-top: 2px solid #D0D0D0;
}
.lignefrfmens{
    font-size: xx-large;
}
.lignetotoaux{
    font-size: xx-large;
}
.iconesuppr{
    width: 20px;
}
.champplusieursfois{
    display: inline-block!important;
}
.libpmtplrsf{
    width: 150px;
}
.remarquable{
    font-weight: bolder;
    font-size: x-large;
}
.iconestopper{
    width: 25px;
}
.contartfini{
    font-size: large;
    color: #690210;
    font-weight: bold;
}
.infodiscret{
    color: #5e5c5c;
    font-size: 10px;
}
.fondbleuclair{
    background-color: #a7d0ff;
}
.txtaccsrefu{
    color: #941010;
}

.lignedroitegauche {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.lignedroitegauche .gauche {
    /* width: 20px; */
}
.lignedroitegauche .droite {
    width: 30px;
    margin-right: 20px;
}
.gauche img, .droite img {
    width: 100%;
    height: auto;
    display: block;
}