:root {
  --couleurgrisee: #646161;
  --couleurtitresociete: #047eb5;
  --couleurheader: #f5f5f5;
  --couleurborder: #d3d3d3;
  --couleurlignesoustexte: #e3e3e3;
  --couleurtextetitresection: white;
  --couleurtextelot: white;
  --couleurtexteligne: darkblue;
  --couleurtextecomposant: #555555;
  --couleurfocuscomposant: #eeeeee;
  --couleurtextefocus: black;
  --couleurtexteexpand:#0d99d3;
  --couleurtextetotal: darkblue;
  --couleurtextergttc: black;
  --couleurtexteacompte: darkgreen;
  --couleurtexteresteapayer: brown;
  --couleurtextenetapayer: brown;
  --couleurbordercheckboxligne:#a8b8c5;
  --couleurboutoncontenu: black;
  --couleurbordergroupe: #dddddd;
  --couleurfondcriteres: transparent; /* #efefef;*/
  --couleurTexteWarning: #c53535;
}
.colorGrise {color: var(--couleurgrisee);}
/* ============================================= */
/*                   BOUTONS                     */
/* ============================================= */

.dx-icon-alssectionouvrir{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/section_ouvrir.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}
.dx-icon-alssectionfermer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/section_fermer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.blocFicheFerme:after {
  content: url('../../image/bouton/contenu/section_ouvrir_w.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  padding-right: 5px;
  /*padding-top: 5px;*/
}

.blocFicheOuvert:after {
  content: url('../../image/bouton/contenu/section_fermer_w.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  padding-right: 5px;
  /*padding-top: 5px;*/
}

/*ALSEVE*/
.dx-icon-alsrecherche{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/recherche.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsvisu{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/detail.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsprecedent{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/precedent.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}
/*ALSEVE*/
.dx-icon-alssuivant{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/suivant.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}
/*ALSEVE*/
.dx-icon-alsajout{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/ajouter.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsajoutidentique{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/ajouter_identique.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alspluscercle{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/plus_cercle.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsminuscercle{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/minus_cercle.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsquart{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/quart.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsquartgris{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/quart_gris.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsheure{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/heure.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsheuregris{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/heure_gris.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsminute{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/minute.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsminutegris{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/minute_gris.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsajoutblanc{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/ajouter_w.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsdupliquer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/dupliquer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsappliquer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/appliquer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsvalider{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/valider.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alssupprimer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/supprimer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsfermer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/fermer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* ALSEVE */
.dx-icon-alsagrandir{
  height: 100% !important;
  width: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/agrandir.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* ALSEVE */
.dx-icon-alsdiminuer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/diminuer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-alsreinitialiser{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/rafraichir.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsrafraichir{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/rafraichir.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}



/*ALSEVE*/
.dx-icon-alsexcel{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/export_excel.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-export{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/export_excel.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.dx-icon-export-to {
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/export_excel.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alscolonnemodif{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/colonnes_modifier.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-column-chooser{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/colonnes_modifier.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsgestionvues{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/vues.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsexplorateur{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/explorateur.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsarticlerechdocvente{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/article_rech_docvente.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsajoutlot{
  height: 16px !important;
  width: 16px !important;
  content: url('../../image/bouton/contenu/ajout_lot.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsouvrirliste{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/afficher_types.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* ALSEVE */
.dx-icon-alshistorique {
  content:  url('../../image/bouton/principale/historique.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 24px !important;
  width: 22px !important;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/* ALSEVE */
.dx-icon-alsinfo {
  content:  url('../../image/bouton/contenu/info.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 100% !important;
  width: 100% !important;
}
/*ALSEVE*/
.dx-icon-alsarticlerechpresta{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/article_rech_docvente.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alslotouvrir{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/lot_ouvrir.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alslotfermer{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/lot_fermer.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsprestationouvrir{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/prestation_ouvrir.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}


/*ALSEVE*/
.dx-icon-alsprestationfermer{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/prestation_fermer.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsligneouvrir{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/chevron_simple.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsprestationrecap{
  height: 18px !important;
  width: 18px !important;
  content: url('../../image/bouton/contenu/prestation_recapitulatif.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alstexteafficher{
  height: 18px !important;
  width: 18px!important;
  content: url('../../image/bouton/contenu/texte_afficher.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alstextemfafficher{
  height: 18px !important;
  width: 18px!important;
  content: url('../../image/bouton/contenu/texte_mf_afficher.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* ALSEVE*/
.dx-icon-alsreglementfacture {
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/reglement_facture.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsfactureacompte{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/facture_acompte_creer.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsimputationmontrer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/imputation_montrer.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsimputationcacher{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/imputation_cacher.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsenregistrer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/enregistrer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsvaliderdefinitif{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/valider_definitif.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alscloturer{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/cloturer.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsgedcreerepert{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/ged/creerfolder.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsgedupload{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/ged/upload.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/*ALSEVE*/
.dx-icon-alsgeddownload{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/ged/download.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}


/*ALSEVE*/
.dx-icon-alsphoto{
  height: 100% !important;
  width: 100% !important;
  content: url('../../image/bouton/contenu/photos.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* ============================================= */
/*             FOND LIGNES % STATUT              */
/* ============================================= */

/*ALSEVE*/
.devisSignaturevalideCellule {
  /*color: #d4f2c5;*/
  background-color: #d4f2c5;
  /*border-color: #d4f2c5;*/
}

/*ALSEVE*/
.devisSignatureenvoyeCellule {
  /*color: #d4f2c5;*/
  background-color: #fad78c;
  /*border-color: #d4f2c5;*/
}

.devisSignaturerefuseCellule {
  /*color: #f6dddd;*/
  background-color: #f6dddd;
  /*border-color: #f6dddd;*/
}

/*ALSEVE*/
.devisRefuseLigne {
  background-color: #f6dddd;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.devisAnnuleLigne {
  background-color: #f6dddd;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.devisAccepteLigne {
  background-color: #d4f2c5;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.devisAcceptePartielLigne {
  background-color: #c5eef2;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.commandeCommenceeLigne {
  background-color: #fcf7cd;
}

/*ALSEVE*/
.commandeTermineeLigne {
  background-color: #e3eafa;
}

/*ALSEVE*/
.commandeFactureeLigne {
  background-color: #d4f2c5;
}


/*ALSEVE*/
.factureDefinitiveLigne {
  background-color: #e3d4f8;
}

/*ALSEVE*/
.factureClotureeLigne {
  background-color: #f5e5db;
}

/*ALSEVE*/
.factureRegleeLigne {
  background-color: #d4f2c5;
}

/*ALSEVE*/
.factureRegleePartielLigne {
  /* background-color: #B0E0E6;*/
  background-color: #c5eef2;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.contratEnCoursLigne {
  background-color: #d4f2c5;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.contratAnnuleLigne {
  background-color: #f6dddd;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.contratResilieLigne {
  background-color: #f6dddd;
  border-color: #bbb9b9;
}

/*ALSEVE*/
.contratficheHeaderMois {
  background-color: #f5f5f5;
}

/*ALSEVE*/
.appelsAfaireLigne {
  background-color: #A2E8DC;
}

/*ALSEVE*/
.appelsARappelerLigne {
  background-color: #FF9994;
}

/*ALSEVE*/
.appelsStatutTraite {
  background-color: #EEECF1;
}

/*ALSEVE*/
.noninscriptionurssaf {
  color: red;
}

/*ALSEVE*/
.texteGrise {
  color: gray!important;
}

.enOption:Before {Content: "[";}
.enOption:After {Content: "]";}

#treelotslignes .docVenteLigneBackgroundColor td.enOption {color:red!important;font-weight:normal!important;font-size:12px!important;}

.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: black;
}

.dx-accordion-item-opened .dx-accordion-item-title {
  background-image: url('~@assets/image/bouton/contenu/section_ouvrir.svg');
}

.dx-accordion-item-closed .dx-accordion-item-title {
  background-image: url('~@assets/image/bouton/contenu/section_fermer.svg');
}

.dx-filemanager-container .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  background-image: url('~@assets/image/ged/download.png');
}


