<br />
<b>Warning</b>:  A non-numeric value encountered in <b>/home/compute1/public_html/cf-doli.computerfee-server.de/backups/vor-atm/theme/owntheme/style.css.php</b> on line <b>177</b><br />
<br />
<b>Warning</b>:  A non-numeric value encountered in <b>/home/compute1/public_html/cf-doli.computerfee-server.de/backups/vor-atm/theme/owntheme/style.css.php</b> on line <b>181</b><br />
<br />
<b>Warning</b>:  A non-numeric value encountered in <b>/home/compute1/public_html/cf-doli.computerfee-server.de/backups/vor-atm/theme/owntheme/style.css.php</b> on line <b>185</b><br />
<br />
<b>Warning</b>:  A non-numeric value encountered in <b>/home/compute1/public_html/cf-doli.computerfee-server.de/backups/vor-atm/theme/owntheme/style.css.php</b> on line <b>189</b><br />
/* -------------- */
/* ------user-------- */
/* A mainmenu entry but img file user.png not found (check /user/img/user.png), so we use a generic one */
div.mainmenu.user {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic1.png);
 height:1em;
}
/* ------api-------- */
/* A mainmenu entry but img file api.png not found (check /api/img/api.png), so we use a generic one */
div.mainmenu.api {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic2.png);
 height:1em;
}
/* ------gestionpannes-------- */
div.mainmenu.gestionpannes {
 background-image: url(/backups/vor-atm/custom/gestionpannes/img/gestionpannes.png);
 height:1em;
}
/* ------ldap-------- */
/* A mainmenu entry but img file ldap.png not found (check /ldap/img/ldap.png), so we use a generic one */
div.mainmenu.ldap {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic3.png);
 height:1em;
}
/* ------ecm-------- */
/* ------projetmap-------- */
/* A mainmenu entry but img file projetmap.png not found (check /projetmap/img/projetmap.png), so we use a generic one */
div.mainmenu.projetmap {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------categorizeall-------- */
/* A mainmenu entry but img file categorizeall.png not found (check /categorizeall/img/categorizeall.png), so we use a generic one */
div.mainmenu.categorizeall {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------gantt-------- */
div.mainmenu.gantt {
 background-image: url(/backups/vor-atm/custom/gantt/img/gantt.png);
 height:1em;
}
/* ------ovfournisseur-------- */
div.mainmenu.ovfournisseur {
 background-image: url(/backups/vor-atm/custom/ovfournisseur/img/ovfournisseur.png);
 height:1em;
}
/* ------hosting-------- */
div.mainmenu.hosting {
 background-image: url(/backups/vor-atm/custom/hosting/img/hosting.png);
 height:1em;
}
/* ------banque-------- */
/* A mainmenu entry but img file banque.png not found (check /banque/img/banque.png), so we use a generic one */
div.mainmenu.banque {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------oauth-------- */
/* A mainmenu entry but img file oauth.png not found (check /oauth/img/oauth.png), so we use a generic one */
div.mainmenu.oauth {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------transferorders-------- */
div.mainmenu.transferorders {
 background-image: url(/backups/vor-atm/custom/transferorders/img/transferorders.png);
 height:1em;
}
/* ------ftp-------- */
/* A mainmenu entry but img file ftp.png not found (check /ftp/img/ftp.png), so we use a generic one */
div.mainmenu.ftp {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------salaries-------- */
/* A mainmenu entry but img file salaries.png not found (check /salaries/img/salaries.png), so we use a generic one */
div.mainmenu.salaries {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------bookmark-------- */
/* ------abricot-------- */
/* A mainmenu entry but img file abricot.png not found (check /abricot/img/abricot.png), so we use a generic one */
div.mainmenu.abricot {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------geoipmaxmind-------- */
/* ------maintenance-------- */
div.mainmenu.maintenance {
 background-image: url(/backups/vor-atm/custom/maintenance/img/maintenance.png);
 height:1em;
}
/* ------clicktodial-------- */
/* ------paypal-------- */
/* ------parcautomobile-------- */
div.mainmenu.parcautomobile {
 background-image: url(/backups/vor-atm/custom/parcautomobile/img/parcautomobile.png);
 height:1em;
}
/* ------dolibarrmobile-------- */
div.mainmenu.dolibarrmobile {
 background-image: url(/backups/vor-atm/custom/dolibarrmobile/img/dolibarrmobile.png);
 height:1em;
}
/* ------printing-------- */
/* A mainmenu entry but img file printing.png not found (check /printing/img/printing.png), so we use a generic one */
div.mainmenu.printing {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------referenceletters-------- */
div.mainmenu.referenceletters {
 background-image: url(/backups/vor-atm/custom/referenceletters/img/referenceletters.png);
 height:1em;
}
/* ------dav-------- */
/* A mainmenu entry but img file dav.png not found (check /dav/img/dav.png), so we use a generic one */
div.mainmenu.dav {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------expedition-------- */
/* A mainmenu entry but img file expedition.png not found (check /expedition/img/expedition.png), so we use a generic one */
div.mainmenu.expedition {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------presences-------- */
div.mainmenu.presences {
 background-image: url(/backups/vor-atm/custom/presences/img/presences.png);
 height:1em;
}
/* ------fournisseur-------- */
/* A mainmenu entry but img file fournisseur.png not found (check /fournisseur/img/fournisseur.png), so we use a generic one */
div.mainmenu.fournisseur {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------domain-------- */
/* A mainmenu entry but img file domain.png not found (check /domain/img/domain.png), so we use a generic one */
div.mainmenu.domain {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------avancementtravaux-------- */
div.mainmenu.avancementtravaux {
 background-image: url(/backups/vor-atm/custom/avancementtravaux/img/avancementtravaux.png);
 height:1em;
}
/* ------recrutement-------- */
div.mainmenu.recrutement {
 background-image: url(/backups/vor-atm/custom/recrutement/img/recrutement.png);
 height:1em;
}
/* ------reservationproduit-------- */
div.mainmenu.reservationproduit {
 background-image: url(/backups/vor-atm/custom/reservationproduit/img/reservationproduit.png);
 height:1em;
}
/* ------supplier_proposal-------- */
/* A mainmenu entry but img file supplier_proposal.png not found (check /supplier_proposal/img/supplier_proposal.png), so we use a generic one */
div.mainmenu.supplier_proposal {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------product-------- */
/* A mainmenu entry but img file product.png not found (check /product/img/product.png), so we use a generic one */
div.mainmenu.product {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------listexportimport-------- */
/* A mainmenu entry but img file listexportimport.png not found (check /listexportimport/img/listexportimport.png), so we use a generic one */
div.mainmenu.listexportimport {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------approbation-------- */
div.mainmenu.approbation {
 background-image: url(/backups/vor-atm/custom/approbation/img/approbation.png);
 height:1em;
}
/* ------tax-------- */
/* A mainmenu entry but img file tax.png not found (check /tax/img/tax.png), so we use a generic one */
div.mainmenu.tax {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------btp-------- */
div.mainmenu.btp {
 background-image: url(/backups/vor-atm/custom/btp/img/btp.png);
 height:1em;
}
/* ------loan-------- */
/* A mainmenu entry but img file loan.png not found (check /loan/img/loan.png), so we use a generic one */
div.mainmenu.loan {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------teamview-------- */
div.mainmenu.teamview {
 background-image: url(/backups/vor-atm/custom/teamview/img/teamview.png);
 height:1em;
}
/* ------gestionnotifs-------- */
/* A mainmenu entry but img file gestionnotifs.png not found (check /gestionnotifs/img/gestionnotifs.png), so we use a generic one */
div.mainmenu.gestionnotifs {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------prelevement-------- */
/* A mainmenu entry but img file prelevement.png not found (check /prelevement/img/prelevement.png), so we use a generic one */
div.mainmenu.prelevement {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------lostintranslation-------- */
div.mainmenu.lostintranslation {
 background-image: url(/backups/vor-atm/custom/lostintranslation/img/lostintranslation.png);
 height:1em;
}
/* ------todotasks-------- */
div.mainmenu.todotasks {
 background-image: url(/backups/vor-atm/custom/todotasks/img/todotasks.png);
 height:1em;
}
/* ------margin-------- */
/* A mainmenu entry but img file margin.png not found (check /margin/img/margin.png), so we use a generic one */
div.mainmenu.margin {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------suivisav-------- */
div.mainmenu.suivisav {
 background-image: url(/backups/vor-atm/custom/suivisav/img/suivisav.png);
 height:1em;
}
/* ------lemodule-------- */
div.mainmenu.lemodule {
 background-image: url(/backups/vor-atm/custom/lemodule/img/lemodule.png);
 height:1em;
}
/* ------accounting-------- */
/* A mainmenu entry but img file accounting.png not found (check /accounting/img/accounting.png), so we use a generic one */
div.mainmenu.accounting {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------grh-------- */
div.mainmenu.grh {
 background-image: url(/backups/vor-atm/custom/grh/img/grh.png);
 height:1em;
}
/* ------myfield-------- */
div.mainmenu.myfield {
 background-image: url(/backups/vor-atm/custom/myfield/img/myfield.png);
 height:1em;
}
/* ------holiday-------- */
/* ------gestionvehicules-------- */
div.mainmenu.gestionvehicules {
 background-image: url(/backups/vor-atm/custom/gestionvehicules/img/gestionvehicules.png);
 height:1em;
}
/* ------ultimateqrcode-------- */
div.mainmenu.ultimateqrcode {
 background-image: url(/backups/vor-atm/custom/ultimateqrcode/img/ultimateqrcode.png);
 height:1em;
}
/* ------ecv-------- */
div.mainmenu.ecv {
 background-image: url(/backups/vor-atm/custom/ecv/img/ecv.png);
 height:1em;
}
/* ------salariescontracts-------- */
div.mainmenu.salariescontracts {
 background-image: url(/backups/vor-atm/custom/salariescontracts/img/salariescontracts.png);
 height:1em;
}
/* ------don-------- */
/* A mainmenu entry but img file don.png not found (check /don/img/don.png), so we use a generic one */
div.mainmenu.don {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------polemploi-------- */
div.mainmenu.polemploi {
 background-image: url(/backups/vor-atm/custom/polemploi/img/polemploi.png);
 height:1em;
}
/* ------owntheme-------- */
/* ------gestionhrm-------- */
/* A mainmenu entry but img file gestionhrm.png not found (check /gestionhrm/img/gestionhrm.png), so we use a generic one */
div.mainmenu.gestionhrm {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------gravatar-------- */
/* ------service-------- */
/* A mainmenu entry but img file service.png not found (check /service/img/service.png), so we use a generic one */
div.mainmenu.service {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------eventsmod-------- */
div.mainmenu.eventsmod {
 background-image: url(/backups/vor-atm/custom/eventsmod/img/eventsmod.png);
 height:1em;
}
/* ------cron-------- */
/* A mainmenu entry but img file cron.png not found (check /cron/img/cron.png), so we use a generic one */
div.mainmenu.cron {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------stock-------- */
/* A mainmenu entry but img file stock.png not found (check /stock/img/stock.png), so we use a generic one */
div.mainmenu.stock {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------equipementmod-------- */
div.mainmenu.equipementmod {
 background-image: url(/backups/vor-atm/custom/equipementmod/img/equipementmod.png);
 height:1em;
}
/* ------adherent-------- */
/* A mainmenu entry but img file adherent.png not found (check /adherent/img/adherent.png), so we use a generic one */
div.mainmenu.adherent {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------customtabs-------- */
/* A mainmenu entry but img file customtabs.png not found (check /customtabs/img/customtabs.png), so we use a generic one */
div.mainmenu.customtabs {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------marches-------- */
div.mainmenu.marches {
 background-image: url(/backups/vor-atm/custom/marches/img/marches.png);
 height:1em;
}
/* ------variants-------- */
/* A mainmenu entry but img file variants.png not found (check /variants/img/variants.png), so we use a generic one */
div.mainmenu.variants {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------facture-------- */
/* A mainmenu entry but img file facture.png not found (check /facture/img/facture.png), so we use a generic one */
div.mainmenu.facture {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------mrp-------- */
/* A mainmenu entry but img file mrp.png not found (check /mrp/img/mrp.png), so we use a generic one */
div.mainmenu.mrp {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------societe-------- */
/* A mainmenu entry but img file societe.png not found (check /societe/img/societe.png), so we use a generic one */
div.mainmenu.societe {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------expensereport-------- */
/* A mainmenu entry but img file expensereport.png not found (check /expensereport/img/expensereport.png), so we use a generic one */
div.mainmenu.expensereport {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------bom-------- */
/* A mainmenu entry but img file bom.png not found (check /bom/img/bom.png), so we use a generic one */
div.mainmenu.bom {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------propal-------- */
/* A mainmenu entry but img file propal.png not found (check /propal/img/propal.png), so we use a generic one */
div.mainmenu.propal {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------projet-------- */
/* A mainmenu entry but img file projet.png not found (check /projet/img/projet.png), so we use a generic one */
div.mainmenu.projet {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------docsemployes-------- */
div.mainmenu.docsemployes {
 background-image: url(/backups/vor-atm/custom/docsemployes/img/docsemployes.png);
 height:1em;
}
/* ------commande-------- */
/* A mainmenu entry but img file commande.png not found (check /commande/img/commande.png), so we use a generic one */
div.mainmenu.commande {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------chartsdolibarr-------- */
div.mainmenu.chartsdolibarr {
 background-image: url(/backups/vor-atm/custom/chartsdolibarr/img/chartsdolibarr.png);
 height:1em;
}
/* ------resource-------- */
/* A mainmenu entry but img file resource.png not found (check /resource/img/resource.png), so we use a generic one */
div.mainmenu.resource {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------import-------- */
/* A mainmenu entry but img file import.png not found (check /import/img/import.png), so we use a generic one */
div.mainmenu.import {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------export-------- */
/* A mainmenu entry but img file export.png not found (check /export/img/export.png), so we use a generic one */
div.mainmenu.export {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------contrat-------- */
/* A mainmenu entry but img file contrat.png not found (check /contrat/img/contrat.png), so we use a generic one */
div.mainmenu.contrat {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------opensurvey-------- */
div.mainmenu.opensurvey {
 background-image: url(/backups/vor-atm/opensurvey/img/opensurvey.png);
 height:1em;
}
/* ------ficheinter-------- */
/* A mainmenu entry but img file ficheinter.png not found (check /ficheinter/img/ficheinter.png), so we use a generic one */
div.mainmenu.ficheinter {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------externalsitepro-------- */
div.mainmenu.externalsitepro {
 background-image: url(/backups/vor-atm/custom/externalsitepro/img/externalsitepro.png);
 height:1em;
}
/* ------ticket-------- */
/* A mainmenu entry but img file ticket.png not found (check /ticket/img/ticket.png), so we use a generic one */
div.mainmenu.ticket {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------notification-------- */
/* A mainmenu entry but img file notification.png not found (check /notification/img/notification.png), so we use a generic one */
div.mainmenu.notification {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------agenda-------- */
/* ------socialnetworks-------- */
/* A mainmenu entry but img file socialnetworks.png not found (check /socialnetworks/img/socialnetworks.png), so we use a generic one */
div.mainmenu.socialnetworks {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------modulebuilder-------- */
/* A mainmenu entry but img file modulebuilder.png not found (check /modulebuilder/img/modulebuilder.png), so we use a generic one */
div.mainmenu.modulebuilder {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------linecolorbystatus-------- */
div.mainmenu.linecolorbystatus {
 background-image: url(/backups/vor-atm/custom/linecolorbystatus/img/linecolorbystatus.png);
 height:1em;
}
/* ------mailing-------- */
/* A mainmenu entry but img file mailing.png not found (check /mailing/img/mailing.png), so we use a generic one */
div.mainmenu.mailing {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------emailcollector-------- */
/* A mainmenu entry but img file emailcollector.png not found (check /emailcollector/img/emailcollector.png), so we use a generic one */
div.mainmenu.emailcollector {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------checkifsentemail-------- */
div.mainmenu.checkifsentemail {
 background-image: url(/backups/vor-atm/custom/checkifsentemail/img/checkifsentemail.png);
 height:1em;
}
/* ------fckeditor-------- */
/* A mainmenu entry but img file fckeditor.png not found (check /fckeditor/img/fckeditor.png), so we use a generic one */
div.mainmenu.fckeditor {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}
/* ------webservices-------- */
/* ------previewdocuments-------- */
div.mainmenu.previewdocuments {
 background-image: url(/backups/vor-atm/custom/previewdocuments/img/previewdocuments.png);
 height:1em;
}
/* ------multicurrency-------- */
/* A mainmenu entry but img file multicurrency.png not found (check /multicurrency/img/multicurrency.png), so we use a generic one */
div.mainmenu.multicurrency {
 background-image: url(/backups/vor-atm/theme/owntheme/img/menus/generic4.png);
 height:1em;
}

body { background-color: #E9E9E9; } 
body .company_logo{ background-color: #474c80; } 
body div.vmenu .blockvmenulogo{ background-color: #474c80; } 
#id-right { background-color: #E9E9E9; }

/* ------------------------------------------------------ */
#id-container { background-color: #474c80; }
div#id-left {
    background-color: #474c80;
}
.dropdown dd ul {
    background-color: #474c80;
    border: 1px solid #888;
    display:none;
    right:0px;
    padding: 2px 15px 2px 5px;
    position:absolute;
    top:2px;
    list-style:none;
    max-height: 264px;
    overflow: auto;
}
#id-left #inner-content-div .select2-container--default .select2-selection--single{
    border: 1px solid #474c80;
    background-color: #fff;
}
body #tmenu_tooltip .tmenudiv li.tmenusel{
    background-color: #474c80;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background: #474c80;
}
body.body.bodylogin{ background-color: #474c80 !important; }
#ob_loadding{background:#474c80;}
/* ------------------------------------------------------ */
#id-left a:active, #id-left a:link, #id-left a:visited{
    color: #b8c6e5;
}
#tmenu_tooltip { 
    background-color: #474c80; 
    font-size: 1.7rem; 
}
#id-left { font-size: 1.2rem; }
body th.liste_titre, body tr.liste_titre, body .liste_titre_filter, body tr.liste_titre tr, body tr.box_titre, body div.liste_titre, body tr.box_titre * {
    background-color: #6a89cc;
    background: #6a89cc !important;
    color: #ffffff;
}
.fiche>form>table.notopnoleftnoright{
    background: #E9E9E9;
}
#id-left div.vmenu a[data-actif="nc_actif_element"]:hover{
    background-color: #6a89cc !important;
}
div.tabBar table.noborder tr.liste_titre{
    border-bottom:1px solid #6a89cc !important;
}
a[data-actif="nc_actif_element"] {
    background: #6a89cc;
    color:#fff !important;
}
.tabBar table tr:nth-child(odd) {
    background-color: #6a89cc21;
}
.tabBar table tr:nth-child(odd) tr {
    background-color: #6a89cc21;
}
table.boxtable tr:nth-child(odd):not(.box_titre) {
    background-color: #6a89cc21;
}
body table.liste tr:nth-child(odd) {
    background-color: #6a89cc21;
}
body table tr.pair,table.noborder tr.oddeven:nth-child(odd){
    background-color: #6a89cc21;
}
.centpercent {
    width: 100%;
}
.quatrevingtpercent, .inputsearch {
    width: 80%;
}
.soixantepercent {
    width: 60%;
}
textarea.centpercent {
    width: 96%;
}

#upbuttons-nav ul li{
    padding: .5em 1em;
    white-space: nowrap;
}



/* For table into table into card */
div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
    padding: 0 0 0 0;
}
div.nopadding {
    padding: 0 !important;
}

.containercenter {
    display : table;
    margin : 0px auto;
}

#pictotitle {
    margin-right: 8px;
    margin-bottom: 4px;
}
.pictoobjectwidth {
    width: 14px;
}
.pictosubstatus {
    padding-left: 2px;
    padding-right: 2px;
}
.pictostatus {
    width: 15px;
    vertical-align: middle;
    margin-top: -3px
}
.pictowarning, .pictopreview {
    padding-left: 3px;
}
.pictoedit, .pictowarning, .pictodelete {
    vertical-align: text-bottom;
}
.fiche img.pictoedit {
    opacity: 0.7;
}
.colorthumb {
    padding-left: 1px !important;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 44px;
    text-align:center;
}
div.attacharea {
    padding-top: 18px;
    padding-bottom: 10px;
}
div.attachareaformuserfileecm {
    padding-top: 0;
    padding-bottom: 0;
}

div.arearef {
    padding-top: 2px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
div.arearefnobottom {
    padding-top: 2px;
    padding-bottom: 4px;
}
div.heightref {
    min-height: 80px;
}
div.divphotoref {
    padding-right: 20px;
}
div.paginationref {
    padding-bottom: 10px;
}
div.statusref {
    float: right;
    padding-left: 12px;
    margin-top: 8px;
    margin-bottom: 10px;
    clear: both;
}
div.statusref img {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
div.statusrefbis {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
img.photoref, div.photoref {
    border: 1px solid #CCC;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    box-shadow: 2px 2px 4px #ccc;
    padding: 4px;
    height: 80px;
    width: 80px;
    object-fit: contain;
}
img.fitcontain {
    object-fit: contain;
}
div.photoref {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
img.photorefnoborder {
    padding: 2px;
    height: 48px;
    width: 48px;
    object-fit: contain;
    border: 1px solid #AAA;
    border-radius: 100px;
}
.underrefbanner {
}
.underbanner {
    border-bottom: 2px solid rgb(120,120,120);
}
.tdhrthin {
    margin: 0;
    padding-bottom: 0 !important;
}
/* END For table into table into card */

.span-icon-multicompany {
    width: auto !important;
}
div#s2id_receivercc,div#s2id_receiver{
    min-width: 400px;
    width: auto;
}
div.tabsAction.upbuttonsdiv {
    position: initial !important;
    bottom: initial !important;
    right: initial !important;
    background-color: initial !important;
    padding: .5em 0 !important;
    border: initial !important;
    border-radius: initial !important;
    margin: initial !important;
    opacity: initial !important;
    display: block !important;
}
div.tabsAction.upbuttonsdiv .divButAction a{
    padding: .5em 1em !important;
}









#id-container > .side-nav{
    width: 210px;
    float: left;
}
div[data-actif="nc_actif_element"] {
    background: rgba(0, 0, 0, 0.28);
}
body.body.bodylogin .login_table { background-color: #fff; }
body.body.bodylogin .login_table_title { color: #fff; }
#id-container > #id-right{
    height: 90vh;
    overflow: auto;
    width: calc(100vw - 210px);
    display: block;
}
body {
    overflow: hidden !important;
}
body.body.bodylogin {
    overflow: initial !important;
}
#containerlayout .ecm-layout-pane {
    background: #FFF;
    border: 1px solid #BBB;
    padding: 0px;
    overflow: auto;
}
.slimScrollBar{
    width: 3px !important;
    display:none !important;
}
@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi){

    #id-container > #id-right{
        height: initial !important;
        overflow: hidden;
        width: 100%;
        display: inline-block;
    }
    body {
        overflow: auto !important;
    }
}

.search_icons_container > input[type="image"] {
    position: absolute;
    left: -9px;
    top: -2px;
    padding: 0px !important;
}
.fichecenter table.boxtable,
.fichecenter table.noborder, 
table#table-1, 
.fiche table.noborder, 
table.liste, 
table.border, 
div.tabBar{
    border: 0px solid #dbe1e8 !important;
    width:100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{
    width: 43%;
    margin: 0 1%;
}
div.tabBar{
    display: inline-block;
    width: 100% !important;
}
body .fiche div.tabBar table{
    border: 1px solid transparent !important;
}
.fichecenter table.boxtable,
.fichecenter table.noborder{
    border-collapse: initial;
}
.opacitytransp {
    opacity: 0;
}
div.liste_titre {
    border-bottom: 1px solid #4b6382;
}

body th.liste_titre select, body tr.liste_titre select, body .liste_titre_filter select, body tr.liste_titre tr select, body tr.box_titre select, body div.liste_titre select, body tr.box_titre select {
    background: #ffffff !important;
    color: #333;
}
body th.liste_titre *, body tr.liste_titre *, body tr.box_titre *, body div.liste_titre * {
    color:#ffffff !important;
}
body th.liste_titre span.fa.fa-list{
    color:#444  !important;
}
body div.liste_titre input {
    color: #080808;
}
.pictowarning, .pictopreview{
    padding-left: 4px;
}
.paddingright{
    padding-right: 4px;
}
.icon-plus-filter, .icon-plus-filter-cancel{
    margin:0 1px;
}
body .select2-container .select2-choice > .select2-chosen,body tr.liste_titre input, textarea{
    color: #080808 !important;
}
body table tr th {
    font-weight: bold;
}
#id-left form[action*="list.php"] {
    border: none;
}
body div.tabBar table.noborder[summary=list_of_modules] tr.liste_titre td{
    padding: .3em .5em;
}
body div.tabBar table{
    border-left:none !important;
    border-right:none !important;
}
li.tmenu a.tmenudisabled {
    color: #a9a9a9;
    padding: 0 6px;
    font-size: .6em;
}
body .table-border, 
body .table-border-col, 
body .table-key-border-col, 
body .table-val-border-col, 
body div.border, 
body div.border div div.tagtd, 
body table.border, 
body table.border td, 
body table.dataTable{
    border: 1px solid #d4dbe9;
}
.boxstats{
    background:#ffffff;
}

.minwidth100{
    max-width:100% !important;
}
.tabBar table tr:nth-child(even) {
    background-color: #ffffff;
}
.tabBar table tr:nth-child(even) tr{
    background-color: #ffffff;
}
body div.tabs .tabsElem a.tabactive{
    color: #ffffff;
    background: #526b8c;
}
#otherboxes tr td{
    padding-top: 8px;
}
body table tr.liste_titre td.liste_titre input[name*=button_search], 
body table tr.liste_titre td.liste_titre input[name*=button_removefilter] {
    position: absolute;
    z-index: 2;
    width: 24px;
    margin: -3px 0 0 0px;
    left: 0;
    padding: 0;
    top: 0;
    background:none !important;

}
.div-table-responsive-no-min>table{
    width: 99.99% !important;
}
.div-table-responsive-no-min{
    overflow: auto;
}
div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
    overflow-x: auto;
}
body .icon-plus-filter, body .icon-plus-filter-cancel{
    color: #393e70 !important;
}
.icon-plus-filter-cancel:before, .icon-plus-filter:before {
    border-radius: 50%;
    float:left;
}
table tr.liste_titre td.liste_titre .icon-plus-filter, table tr.liste_titre td.liste_titre .icon-plus-filter-cancel{
    font-size: 1.9em !important;
}

div#tmenu_tooltip .tmenudiv li {
    border-right: 1px solid rgba(0, 0, 0, 0.18);
    border-left: 1px solid rgba(0, 0, 0, 0.13);
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
div#tmenu_tooltip .tmenudiv li a.tmenuimage:hover,div#tmenu_tooltip .tmenudiv li:hover {
    background-color: #608FBE;
}
div#tmenu_tooltip .tmenudiv li:hover {
    background-color: #608FBE;
    border-right: 1px solid #608FBE;
    border-left: 1px solid #608FBE;
    border-bottom: 1px solid #608FBE;
}
div#tmenu_tooltip .tmenudiv {
    border-left: 1px solid transparent;
}
div#id-left div.vmenu {
    background-color: transparent;
}
div#id-left ::placeholder {
    color: #c0c0c0;
    opacity: 1; /* Firefox */
}

div#id-left :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c0c0c0;
}

div#id-left ::-ms-input-placeholder { /* Microsoft Edge */
   color: #c0c0c0;
}
div#id-left div.vmenu .company_logo, div#id-left div.vmenu .blockvmenulogo {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    padding: .5em;
}
div#id-left .vmenu>nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
div#blockvmenusearch {
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    display: grid;
}
div#blockvmenuhelp *{
    background-color:transparent;
}
div#blockvmenuhelp{
    background-color:transparent;
}
div div#blockvmenubookmarks {
    background-color: transparent;
    border-top: 1px solid #393e70;
    border-bottom: 1px solid #474d84;
    padding: 5px;
    float: initial;
}
div div#blockvmenubookmarks table td:first-child{
    text-align:center;
}
div#blockvmenuhelp *,div#blockvmenubookmarks * {
    color: #ffffff;
}
div#tmenu_tooltip .tmenudiv li a.tmenuimage .mainmenuaspan,
div#id-left div.vmenu a.vsmenu, div#id-left div.vmenu .mainmenuhspan,
div#id-top div.login_block * {
    color: #fbfbfb;
}
div.info{
    color: #333;
}
div.blockvmenusearch input[type=text] {
    width: 75%;
    background: transparent;
    border: 1px solid #606e7e;
    color: #f5f5f5;
}

div.blockvmenusearch input[type=submit] {
    width: 18%;
}

@media screen and (max-width: 1280px){
.login_block .login {
    font-size: 1em !important;
}
}














div#blockvmenubookmarks span.select2 *{
    color: #999;
}
div#blockvmenubookmarks span.select2.select2-container {
    width: 197px !important;
}
#filetreeauto ul.ecmjqft{
    position:relative;
}
#filetree ul.ecmjqft{
    position:relative;
}
body table.liste tr:nth-child(even) {
    background-color: #FFFFFF;
}
.attacharea input[type=file]{
    width:auto;
}
.fiche.modules div.divsearchfield {
    float: left;
    margin: 4px 12px 4px 2px;
    padding-left: 2px;
}
img.photouserphoto {
    height: 14px;
}
div.login_block img.photouserphoto {
    height: 16px;
}

.inline-block.login_block_elem.login_block_elem_name {
    float: right;
    font-size: 10px;
}

div.login_block .login_block_other {
    line-height: 13px;
}

.arearef .pagination li.pagination span {
    background-color: #ffffff;
}
dl.dropdown {
    margin:0px;
    margin-left: 2px;
    margin-right: 2px;
    padding:0px;
    vertical-align: middle;
    display: inline-block;
    position: initial;
    background: #ffffff;
}
.dropdown dd, .dropdown dt {
    margin:0px;
    padding:0px;
}
.dropdown ul {
    margin: -1px 0 0 0;
    text-align: left;
}
.dropdown dd {
    position:relative;
    z-index: 2;
}
.dropdown dt a {
    display:block;
    overflow: hidden;
    border:0;
}
.dropdown dt a span, .multiSel span {
    cursor:pointer;
    display:inline-block;
    padding: 0 3px 2px 0;
}

.dropdown span.value {
    display:none;
}
.dropdown dd ul li {
    white-space: nowrap;
    font-weight: normal;
    padding: 2px;
}
.dropdown dd ul li input[type="checkbox"] {
    margin-right: 3px;
}
.dropdown dd ul li a, .dropdown dd ul li span {
    padding: 3px;
    display: block;
}
.dropdown dd ul li span {
    color: #888;
}
.dropdown dd ul li a:hover {
    background-color:#fff;
}
dl.dropdown:after{
    content: none;
}
table.tagtable.liste[summary="list_of_modules"] {
    width: 100%;
}
.boxtable td.tdboxstats div.boxstatsindicator .boxstatsborder {
    display: inline-block;
    margin: .2em;
    border: 1px solid #608FBE;
    text-align: center;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
    padding: .5em;
}
.boxtable td.tdboxstats{
    background:#fff;
}
.boxtable div.boxstatsindicator {
    display: inline-block;
}
.boxclose.right.nowraponall{
    white-space:nowrap;
}
.boxclose.right.nowraponall .linkobject.boxfilter{
    margin-right:10px;
}
.nographyet {
    content:url(/backups/vor-atm/theme/owntheme/img/nographyet.svg);
    display: inline-block;
    opacity: 0.1;
    background-repeat: no-repeat;
}
#id-right>.fiche>table.notopnoleftnoright .pagination .paginationafterarrows form[name="projectform"] select,#id-right .notopnoleftnoright .pagination .paginationafterarrows form[name="projectform"] input {
    font-size:14px;
}
#id-right>.fiche table.notopnoleftnoright div.pagination>ul{
    list-style: none;
}
.fiche>form>table.notopnoleftnoright[summary]{
    display:inline-block;
}
.fiche>form>table.notopnoleftnoright tr td:first-child{
    border: none;
    color: #608FBE;
    /* font-size: 2em; */
    text-transform: none;
    white-space: nowrap;
}
.fiche>form>table.notopnoleftnoright{
    margin-bottom:0 !important;
}
#id-right>.fiche>table.notopnoleftnoright tr td:first-child,
#id-right>.fiche>table.notopnoleftnoright tr td:first-child .titre{
    white-space: nowrap;
}

font.vsmenudisabled.vsmenudisabledmargin, font.vmenudisabled.vmenudisabledmargin {
    color: #929292;
}


/* ============================================================================== */
/*  jFileTree                                                                     */
/* ============================================================================== */

.ecmfiletree {
    width: 99%;
    height: 99%;
    background: #FFF;
    padding-left: 2px;
    font-weight: normal;
}

.fileview {
    width: 99%;
    height: 99%;
    background: #FFF;
    padding-left: 2px;
    padding-top: 4px;
    font-weight: normal;
}

div.filedirelem {
    position: relative;
    display: block;
    text-decoration: none;
}

ul.filedirelem {
    padding: 2px;
    margin: 0 5px 5px 5px;
}
ul.filedirelem li {
    list-style: none;
    padding: 2px;
    margin: 0 10px 20px 10px;
    width: 160px;
    height: 120px;
    text-align: center;
    display: block;
    float: left;
    border: solid 1px #DDDDDD;
}

ul.ecmjqft {
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

ul.ecmjqft li {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
    display: block;
}

ul.ecmjqft a {
    line-height: 24px;
    vertical-align: middle;
    color: #333;
    padding: 0px 0px;
    font-weight:normal;
    display: inline-block !important;
}
ul.ecmjqft a:active {
    font-weight: bold !important;
}
ul.ecmjqft a:hover {
    text-decoration: underline;
}
div.ecmjqft {
    vertical-align: middle;
    display: inline-block !important;
    text-align: right;
    float: right;
    right:4px;
    clear: both;
}
div#ecm-layout-west {
    width: 380px;
    vertical-align: top;
}
div#ecm-layout-center {
    width: calc(100% - 390px);
    vertical-align: top;
    float: right;
}

.ecmjqft LI.directory { font-weight:normal; background: url(/backups/vor-atm/theme/common/treemenu/folder2.png) left top no-repeat; }
.ecmjqft LI.expanded { font-weight:normal; background: url(/backups/vor-atm/theme/common/treemenu/folder2-expanded.png) left top no-repeat; }
.ecmjqft LI.wait { font-weight:normal; background: url(/backups/vor-atm/theme/eldy/img/working.gif) left top no-repeat; }


.clearboth{
    clear: both;
}
img.userphotosmall{
    border-radius: 6px;
    width: 12px;
    height: 12px;
    background-size: contain;
    vertical-align: middle;
    background-color: #FFF;
}































#id-left div.vmenu a.vsmenu:hover{
    background-color: transparent !important;
}

#id-left div.vmenu ul.vmenu li>div:hover,#id-left div.vmenu a.vmenu:hover{
    background-color: rgba(0,0,0,0.5) !important;
}

div[data-actif="nc_actif_element"] a{
    color: #fff !important;
}
body #id-left div.vmenu li.menu_titre>div {
    padding: 3px 1.8em;
}
body #id-left div.vmenu li.menu_titre>div.menu_contenu2 {
    padding: 3px 2.8em;
}
body #id-left div.vmenu li.menu_titre>div.menu_contenu3 {
    padding: 3px 3.8em;
}
#tmenu_tooltip .tmenudiv,#tmenu_tooltip .tmenu{
    /*float:left;*/
}
div#id-top div.login_block .login_block_other{
    font-size: 12px;
}
div#id-top div.login_block .login_block_user>div{
    float:right;
}
body #id-left div.vmenu li.menu_titre a * {
    line-height: 18px;
}
body #id-left div.vmenu li.menu_titre>a {
    padding: 7px 0 7px 2px;
}
body select option:disabled{
    color: #e3e3e3 !important;
}
div div#blockvmenubookmarks select {
    width: 100%;
}
body #id-left div.vmenu li.menu_titre a {
    display:inline-block;
    width:100%;
}
body #id-left div.vmenu li.menu_titre {
    padding:3px 0;
}
body #tmenu_tooltip .tmenudiv li a.tmenuimage .mainmenu{
    color: #f5f5f5;
}


body #tmenu_tooltip .tmenudiv li.tmenusel a.tmenuimage .mainmenuaspan{
    color: #ffffff;
}
body #tmenu_tooltip .tmenudiv li.tmenusel div.mainmenu {
    color: #ffffff;
}


#id-left div.vmenu{
    width: 210px;
}
.fixed-menu #id-right{
    width: 100%;
}
#tiptip_holder #tiptip_content, .conteneur, body.fixed-menu #id-right{
    font-size: 1.2rem;
}
div.icon-engin_chantier:before {
    content: "\e603";
}
div.mainvmenu.icon-cmpProd:before {
    content: "\e60e";
}
div.mainvmenu.icon-arvAchat:before {
    content: "\e62e";
}
.icon-transferorders:before{
  content: '\e615';
}
div.mainvmenu.icon-lrh:before {
    content: "\e611";
}

div.mainvmenu.icon-email_templates:before, div.mainvmenu.icon-blockedlogbrowser:before, div.mainvmenu.icon-resource:before {
    content: "\e61a";
}

.minwidth100 { min-width: 100px; }
.minwidth200 { min-width: 200px; }
.minwidth300 { min-width: 300px; }
.maxwidth100 { max-width: 100px; }
.maxwidth200 { max-width: 200px; }
.maxwidth300 { max-width: 300px; }

input[type=submit],
button,
.button,
.butAction,
.butActionDelete,
.butActionRefused,
div.tabs .tabsElem a {
    background: #60a3bc;
    color: #FFFFFF;
}

input[type=submit]:link,
button:link,
.button:link,
.butAction:link,
.butActionDelete:link,
.butActionRefused:link,
div.tabs .tabsElem a:link {
    background: #60a3bc;
    color: #FFFFFF;
    font-size: 12px;
}

input[type=submit]:visited,
button:visited,
.button:visited,
.butAction:visited,
.butActionDelete:visited,
.butActionRefused:visited,
div.tabs .tabsElem a:visited {
    background: #60a3bc;
    color: #FFFFFF;
}

input[type=submit]:hover,
button:hover,
.button:hover,
.butAction:hover,
.butActionDelete:hover,
.butActionRefused:hover,
div.tabs .tabsElem a:hover {
    background: #74b7d0;
    color: #FFFFFF;
}

input[type=submit]:active,
button:active,
.button:active,
.butAction:active,
.butActionDelete:active,
.butActionRefused:active,
div.tabs .tabsElem a:active {
    background: #60a3bc;
    color: #FFFFFF;
}


.icon-plus-filter,
.icon-plus-filter-cancel,
.dpInvisibleButtons {
    background: transparent;
    color: #60a3bc;
}

.icon-plus-filter:link,
.icon-plus-filter-cancel:link,
.dpInvisibleButtons:link {
    background: transparent;
    color: #60a3bc;
}

.icon-plus-filter:visited,
.icon-plus-filter-cancel:visited,
.dpInvisibleButtons:visited {
    background: transparent;
    color: #60a3bc;
}

.icon-plus-filter:hover,
.icon-plus-filter-cancel:hover,
.dpInvisibleButtons:hover {
    background: transparent;
    color: #74b7d0;
}

.icon-plus-filter:active,
.icon-plus-filter-cancel:active,
.dpInvisibleButtons:active {
    background: transparent;
    color: #74b7d0;
}

@media 
only screen and (max-width: 64em),
only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px),
not all,
only screen and (max-device-width: 1280px) and (min-resolution: 120dpi) {
    #tmenu_tooltip { 
        font-size: 1.6rem; 
    }
    #id-left {
        font-size: 1.2rem; 
    }
}















































/* NEW */

.centpercent {
    width: 100%;
}
.quatrevingtpercent, .inputsearch {
    width: 80%;
}
.soixantepercent {
    width: 60%;
}
textarea.centpercent {
    width: 96%;
}

#upbuttons-nav ul li{
    padding: .5em 1em;
    white-space: nowrap;
}

/* For table into table into card */
div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
    padding: 0 0 0 0;
}
div.nopadding {
    padding: 0 !important;
}

.containercenter {
    display : table;
    margin : 0px auto;
}

#pictotitle {
    margin-right: 8px;
    margin-bottom: 4px;
}
.pictoobjectwidth {
    width: 14px;
}
.pictosubstatus {
    padding-left: 2px;
    padding-right: 2px;
}
.pictostatus {
    width: 15px;
    vertical-align: middle;
    margin-top: -3px
}
.pictowarning, .pictopreview {
    padding-left: 3px;
}
.pictoedit, .pictowarning, .pictodelete {
    vertical-align: text-bottom;
}
.fiche img.pictoedit {
    opacity: 0.7;
}
.colorthumb {
    padding-left: 1px !important;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 44px;
    text-align:center;
}
div.attacharea {
    padding-top: 18px;
    padding-bottom: 10px;
}
div.attachareaformuserfileecm {
    padding-top: 0;
    padding-bottom: 0;
}

div.arearef {
    padding-top: 2px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
div.arearefnobottom {
    padding-top: 2px;
    padding-bottom: 4px;
}
div.heightref {
    min-height: 80px;
}
div.divphotoref {
    padding-right: 20px;
}
div.paginationref {
    padding-bottom: 10px;
}
div.statusref {
    float: right;
    padding-left: 12px;
    margin-top: 8px;
    margin-bottom: 10px;
    clear: both;
}
div.statusref img {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
div.statusrefbis {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
img.photoref, div.photoref {
    border: 1px solid #CCC;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    box-shadow: 2px 2px 4px #ccc;
    padding: 4px;
    height: 80px;
    width: 80px;
    object-fit: contain;
}
img.fitcontain {
    object-fit: contain;
}
div.photoref {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
img.photorefnoborder {
    padding: 2px;
    height: 48px;
    width: 48px;
    object-fit: contain;
    border: 1px solid #AAA;
    border-radius: 100px;
}
.underrefbanner {
}
.underbanner {
    border-bottom: 2px solid rgb(120,120,120);
}
.tdhrthin {
    margin: 0;
    padding-bottom: 0 !important;
}
/* END For table into table into card */
body.onlinepaymentbody div.fiche {  /* For online payment page */
    margin: 20px !important;
}
div.fiche>table:first-child {
    margin-bottom: 15px !important;
}
div.fichecenter {
    /* margin-top: 10px; */
    width: 100%;
    clear: both;    /* This is to have div fichecenter that are true rectangles */
}
div.fichecenterbis {
    margin-top: 8px;
}
div.fichethirdleft {
    float: left;
    width: 50%;
    }
div.fichetwothirdright {
    float: right;
    width: 50%;
    }
div.fichehalfleft {
    float: left;
    width: 50%;
}
div.fichehalfright {
    float: right;
    width: 50%;
}
div.ficheaddleft {
    padding-left: 16px;
}
div.firstcolumn div.box {
    padding-right: 10px;
}
div.secondcolumn div.box {
    padding-left: 10px;
}
.butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;

    margin: 0em 0.3em 0 0.3em !important;
    padding: 0.2em 0.7em 0.3em;
    font-family: roboto,arial,tahoma,verdana,helvetica;
    display: inline-block;
    /* text-align: center; New button are on right of screen */
    cursor: pointer;
    /*color: #fff !important;
    background: rgb(60,70,100);
    border: 1px solid rgb(60,70,100);*/
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    padding-top: 0 !important;
}
a.butActionNew>span.fa-plus-circle, a.butActionNew>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
a.butActionNewRefused>span.fa-plus-circle, a.butActionNewRefused>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
.butActionNew *, .butActionNewRefused *, .butActionNew *:link, .butActionNew *:visited, .butActionNew *:hover, .butActionNew *:active{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}
.span-icon-multicompany {
    width: auto !important;
}
div#s2id_receivercc,div#s2id_receiver{
    min-width: 400px;
    width: auto;
}
div.tabsAction.upbuttonsdiv {
    position: initial !important;
    bottom: initial !important;
    right: initial !important;
    background-color: initial !important;
    padding: .5em 0 !important;
    border: initial !important;
    border-radius: initial !important;
    margin: initial !important;
    opacity: initial !important;
    display: block !important;
}
div.tabsAction.upbuttonsdiv .divButAction a{
    padding: .5em 1em !important;
}
.tabBar .tagtd tr:nth-child(odd),body tr td tr:nth-child(odd) {
    background-color: transparent !important;
}
#blockvmenusearch .select2.select2-container{
    width:100% !important;
}
body #id-left div.vmenu li.menu_titre>div>span.vsmenu {
    color: #ededed;
}
.login_table .span-icon-multicompany {
    width: auto !important;
}
.dashboardlinelatecoin {
    float: right;
    position: relative;
    text-align: right;
    top: -24px;
    padding: 1px 2px 1px 2px;
    border-radius: .25em;
    background-color: #9f4705;
    padding: 0px 5px 0px 5px;
    /* top: -26px; */
}
span.dashboardlineko {
    color: #FFF;
    font-size: 80%;
}
.boxstats130 {
    width: 158px;
    height: 48px;
    padding: 3px;
}
.boxstatscontent {
    padding: 3px;
}
.boxstats, .boxstats130, .boxstatscontent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boxstats {
    padding: 3px;
    width: 103px;
}
body #id-left div.vmenu li.menu_titre>div.menu_top{
    padding: 0 !important;
}
body #id-left div.vmenu li.menu_titre>div.menu_end{
    padding: 0 !important;
}
.tmenuend {
    display: none;
}
select.flat.selectlimit {
    max-width: 62px;
}
.selectlimit, .marginrightonly {
    margin-right: 10px !important;
}
.marginleftonly {
    margin-left: 10px !important;
}
.nomarginleft {
    margin-left: 0px !important;
}
.selectlimit, .selectlimit:focus {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    outline: none;
}
.strikefordisabled {
    text-decoration: line-through;
}
.widthdate {
    width: 130px;
}
.cursorpointer {
    cursor: pointer;
}
.cursormove {
    cursor: move;
}


/*---------------------------------------------*/
.cke_reset {
    min-width: 250px;
}
.flexcontainer {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.thumbstat {
    flex: 1 1 116px;
}
.thumbstat150 {
    flex: 1 1 170px;
}
.thumbstat, .thumbstat150 {
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
    /* flex-basis: 140px; */
    display: inline;
    width: 100%;
    justify-content: flex-start;
    align-self: flex-start;
}
/*
 *  Boxes
 */

.ficheaddleft div.boxstats {
    border: none;
}
.boxstatsborder {
    border: 1px solid #CCC !important;
}
.boxstats, .boxstats130 {
    display: inline-block;
    margin: 3px;
    border: 1px solid #CCC;
    text-align: center;
    border-radius: 2px;
}
.boxstats, .boxstats130, .boxstatscontent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boxstats {
    padding: 3px;
    width: 103px;
}
.boxstats130 {
    width: 158px;
    height: 48px;
    padding: 3px
}
.boxstatscontent {
    padding: 3px;
}
div.fichecenter{
    display:block !important;
}
#upbuttons-nav ul{
    top: -36px !important;
}
#upbuttons-nav ul li>a, #upbuttons-nav ul li>span{
    box-shadow: 2px 2px 4px #565656;
}
/*---------------------------------------------*/

/*----------------------08/09-----------------------*/
.select2-container *,.select2-results * {
    font-size: 1.2rem;
}
/*--------------------END 08/09---------------------*/


/*----------------------17/10-----------------------*/
body .jnotify-container{
    top: 0px !important;
    right: 0 !important;
}
/*--------------------END 17/10---------------------*/

/*----------------------30/11-----------------------*/
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
  padding: 2px 5px 1px 5px;
  margin: 0 0 2px 3px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
    font-weight: normal;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr li {
  float: left;
  list-style: none;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  cursor: text;
  overflow: hidden;
}
/*----------------------END 30/11-----------------------*/
/*----------------------31/01/2019-----------------------*/
div.mainmenu.tmenudisabled {
    display: none;
}
@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi)
{
#tmenu_tooltip .tmenudiv li {
    width: auto !important;
}
}
/*----------------------END 31/01-----------------------*/


/*----------------------    12/02/19-----------------------*/
.flexcontainer {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.thumbstat {
    min-width: 150px;
}
.thumbstat150 {
    min-width: 168px;
    max-width: 169px;
}
.thumbstat, .thumbstat150 {
    flex-grow: 1;
    flex-shrink: 0;
}
.butAction, .butActionDelete, .butActionRefused, .button, button, input[type=image], input[type=submit],select{
    font-size: 12px;
}
/*----------------------END 31/02/19-----------------------*/





/*---------------------- 23/04/19 -----------------------*/
dl.dropdown *{
    color:#FFFFFF !important;
}
table .dropdown dt a span, .multiSel span{
    padding: 0px 3px 2px 3px;
}
.dropdown dd ul li a:hover,.dropdown dt a {
    color:#000 !important;
}
.jnotify-container{
    font-size: 11px;
}
.jnotify-container .jnotify-notification a.jnotify-close{
    font-size: initial;
}
/*---------------------- END 23/04/19 -----------------------*/




    /*---------------------- css version 10 05/08/19  // by Imane -----------------------*/


        @media only screen and (max-width: 962px){
            body .login_block .dropdown-menu{
                left:0;
            }
        }

        .open>.dropdown-menu{ /*, #topmenu-login-dropdown:hover .dropdown-menu*/
            display: block;
        }

        .dropdown-menu {
            box-shadow: none;
            border-color: #eee;
        }
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
        }



        /*
        * MENU Dropdown
        */
        .login_block.usedropdown .logout-btn{
            display: none;
        }

        .tmenu .open.dropdown, .login_block .open.dropdown, .tmenu .open.dropdown, .login_block .dropdown:hover{
            background: rgba(0, 0, 0, 0.1);
        }
        .tmenu .dropdown-menu, .login_block .dropdown-menu {
            position: absolute;
            right: 0;
            left: auto;
            line-height:1.3em;
        }
        .tmenu .dropdown-menu, .login_block  .dropdown-menu .user-body {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        .user-body {
            color: #333;
        }
        .side-nav-vert .user-menu .dropdown-menu {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            padding: 1px 0 0 0;
            border-top-width: 0;
            width: 300px;
        }
        .side-nav-vert .user-menu .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .side-nav-vert .user-menu .dropdown-menu > .user-header {
            height: 175px;
            padding: 10px;
            text-align: center;
            white-space: normal;
        }

        .dropdown-user-image {
            border-radius: 50%;
            vertical-align: middle;
            z-index: 5;
            height: 90px !important;
            width: 90px !important;
            border: 3px solid;
            border-color: transparent;
            border-color: rgba(255, 255, 255, 0.2);
            max-width: 100%;
            max-height :100%;
        }

        .dropdown-menu > .user-header{
            background: rgb(140,160,185);
            background:#474c80;
        }

        .dropdown-menu > .user-footer {
            background-color: #f9f9f9;
            padding: 10px;
        }

        .user-footer:after {
            clear: both;
        }

        .dropdown-menu > .user-body {
            padding: 15px;
            border-bottom: 1px solid #f4f4f4;
            border-top: 1px solid #dddddd;
            white-space: normal;
        }

        #topmenu-login-dropdown{
            padding: 0 5px 0 5px;
        }
        #topmenu-login-dropdown a:hover{
            text-decoration: none;
        }

        #topmenuloginmoreinfo-btn{
            display: block;
            text-aling: right;
            color:#666;
            cursor: pointer;
        }

        #topmenuloginmoreinfo{
            display: none;
            clear: both;
            font-size: 0.95em;
        }

        .button-top-menu-dropdown {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        .user-footer .button-top-menu-dropdown {
            color: #666666;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-width: 1px;
            background-color: #f4f4f4;
            border-color: #ddd;
        }

        .dropdown:after {
            content: '' !important;
        }

        span#dropdown-icon-up{
            display: none;
        }

        div#topmenu-login-dropdown {
            border: none !important;
        }


        .inline-block a {
             /*color: #ededed !important;*/
        }

        a.button-top-menu-dropdown {
            color: #2b3643 !important;
        }

        .bodylogin {
            width: 100% !important;
            height: 100% !important;
            position: absolute;
            display: table;
        }

        .login_center {
            display: table-cell;
            vertical-align: middle;
        }

        span.fa.fa-user {
            margin-right: 4px;
        }

        .trinputlogin {
            margin-left: 40px;
        }
        .menuhider {
            display: none !important;
        }
        li.menuhider:hover {
            background-image: none !important;
        }

        @media only screen and (max-width: 962px){
            .menuhider {
                display: block !important;
            }
            body.sidebar-collapse .login_block {
                display: none;
            }
            .side-nav {
                z-index: 200;
                padding-top: 70px;
                border-bottom: 1px solid #BBB;
                background: rgb(71, 76, 128);
                padding-left: 20px;
                padding-right: 20px;
                position: fixed;
                z-index: 90;
            }
            body.sidebar-collapse .side-nav {
                display: none;
            }
            div.login_block_other {
                clear: both;
                min-width: 0;
                width: 100%;
                display: inline-block;
            }

            div.login_block {
               padding-top: 10px;
                padding-left: 20px;
                padding-right: 20px !important;
                padding-bottom: 16px;
                top: inherit !important;
                left: 0 !important;
                text-align: center !important;
                vertical-align: middle;
                background: rgb(71, 76, 128);
                height: 50px;
                z-index: 202;
                min-width: 200px;
                max-width: 200px;
                width: 200px;
                margin-top: 40px;
            }

            div.login_block_user,div.login_block_other {
                display: inline-block !important;
            }
            .fixed-menu #id-left {
                display: block !important;
                position: initial !important;
                width: auto !important;
                transform: none !important;
            }
        }
        div.mainmenu.menu::before {
            content: "\f0c9";
        }
        div.login_block {
            position: absolute;
            text-align: right;
            right: 0;
            top: 0;
            line-height: 10px;
        }

        div.login_block_other {
            display: inline-block;
            clear: both;
        }

        .menuhider .mainmenu::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 26px;
            font-size: 1.2em;
            -webkit-font-smoothing: antialiased;
            text-align: center;
            text-decoration: none;
            color: #FFFFFF;
        }

    /*---------------------- END 05/08/19 -----------------------*/



/*------------------------- 06/09/19 ------------------------*/
div.menu_contenu#menu_contenu_logo{
    padding:0 0 11px
}
@media only screen and (max-width: 962px){
    #id-left div.vmenu{
        width: 191px;
    }
    #tmenu_tooltip{
        padding-right: initial;
    }
    .fixed-menu #id-left{
        padding-bottom:50px;
    }
}
#tmenu_tooltip{
    padding-right: 77px;
}
div.error {
    border-left: solid 5px #f28787;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 8px;
    margin: 0.5em 0em 0.5em 0em;
    background: #EFCFCF;
    color: #550000 !important;
}
.login_block .dropdown-menu .user-body *,.login_block .dropdown-menu .user-footer * {
    color: #666 !important;
}
/*---------------------- END 06/09/19 -----------------------*/


/*---------------------- BEGIN 26/09/19 -----------------------*/

div.login_block a {
    color: #608FBE !important;
}
.center {
    text-align: center;
    margin: 0px auto;
}
/*---------------------- END 06/09/19 -----------------------*/



/* * * * * * * * * * * * * * * * * * * 30/09/2019 * * * */
.center {
    text-align: center;
    margin: 0px auto;
}

.notopnoleftnoright td.titre_right .select2-container{
    max-width: 200px;
}

div#login_left, div#login_right {
    display: inline-block !important;
    min-width: 245px;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    vertical-align: middle;
}
.login_table {
    margin: 0px auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 16px;
    padding-bottom: 12px;
    max-width: 560px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
    box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
    border-radius: 5px;
}
.login_table .trinputlogin {
    font-size: 1.2em;
    margin: 8px;
}
.login_table_title {
    max-width: 530px;
    color: #eee !important;
    padding-bottom: 20px;
    text-shadow: 1px 1px #444;
}
@media only screen and (max-width: 1000px){
    div.secondcolumn div.box {
        padding-left: 0px;
    }
    div.firstcolumn div.box {
        padding-right: 0px;
    }
}
div#moretabsListaction,div#moretabsListaction,div.tabsElem>div {
    z-index: 5;
}
div#id-left div.vmenu{
    padding-bottom: 60px;
}

@media only screen and (max-width: 962px){
    .side-nav {
        padding-left: 0;
        padding-right: 0;
    }
}

#id-container #id-left div.vmenu{
    width: 210px !important;
}
div.login_block{
    max-width: 210px;
    width: 210px;
}
@media only screen and (max-width: 962px){
    div.login_block {
        /*padding-bottom: 52px;*/
        padding-top: 16px;
    }
}
@media only screen and (max-width: 1074px){
    .side-nav-vert .user-menu .dropdown-menu {
        width: 234px !important;
    }
}
@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi){
    div.fiche.agenda .tabBar table td {
        float: initial !important;
    }
}

body th.liste_titre span.select2 * , body tr.liste_titre span.select2 *, body div.liste_titre  span.select2 * , body body tr.box_titre span.select2 * {
    color: #444 !important;
}

#id-container #id-left{
    margin-left:0;
}

body .butActionDelete, body .butActionDelete:link, body .butActionDelete:visited, body .butActionDelete:hover, body .butActionDelete:active, body .buttonDelete {
    background: #e29595;
    border: 1px solid #633;
    color: #633;
    font-weight: 900;
}
body .butActionRefused {
    cursor: not-allowed;
    color: #999 !important;
    border: 1px solid #ccc !important;
    -moz-box-sizing: border-box;
    background: #7d7d7d21 !important;
}
/* * * * * * * * * * * * * * * * * * * END 30/09/2019 * */





/* * * * * * * * * * * * * * * * * * * END 14/02/2020 * */

/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    display: block;
    position: relative;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box.info-box-sm{
    min-height: 80px;
    margin-bottom: 10px;
}

.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0;
}

.info-box .progress .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    overflow: hidden;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}
.info-box-sm .info-box-icon{
    height: 80px;
    width: 80px;
    font-size: 25px;
    line-height: 80px;
}
.info-box-icon > img {
    max-width: 100%;
}
.info-box-icon-text{
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 90px;
    bottom: 0px;
    color: #ffffff;
    background-color: rgba(0,0,0,0.1);
    cursor: default;

    font-size: 10px;
    line-height: 15px;
    padding: 0px 3px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}


.info-box-sm .info-box-icon-text{
    overflow: hidden;
    width: 80px;
}
.info-box:hover .info-box-icon-text{
    opacity: 1;
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-sm .info-box-content{
    margin-left: 80px;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.progress-description,
.info-box-text,
.info-box-title{
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-title{
    text-transform: uppercase;
    font-weight: bold;
}
.info-box-text{
    font-size: 0.92em;
}
.info-box-text:first-letter{text-transform: uppercase}
a.info-box-text{ text-decoration: none;}


.info-box-more {
    display: block;
}
.progress-description {
    margin: 0;
}



/* ICONS INFO BOX */
.info-box-icon {
    background-color: #eee !important;
    opacity: 0.95;
}

.bg-infoxbox-project{
    color: #6c6a98 !important;
}
.bg-infoxbox-action{
    color: #b46080  !important;
}
.bg-infoxbox-propal,
.bg-infoxbox-facture,
.bg-infoxbox-commande{
    color: #99a17d  !important;
}
.bg-infoxbox-supplier_proposal,
.bg-infoxbox-invoice_supplier,
.bg-infoxbox-order_supplier{
    color: #599caf  !important;
}
.bg-infoxbox-contrat{
    color: #469686  !important;
}
.bg-infoxbox-bank_account{
    color: #c5903e  !important;
}
.bg-infoxbox-adherent{
    color: #79633f  !important;
}
.bg-infoxbox-expensereport{
    color: #79633f  !important;
}
.bg-infoxbox-holiday{
    color: #755114  !important;
}


.fa-dol-action:before {
    content: "\f073";
}
.fa-dol-propal:before,
.fa-dol-supplier_proposal:before {
    content: "\f2b5";
}
.fa-dol-facture:before,
.fa-dol-invoice_supplier:before {
    content: "\f571";
}
.fa-dol-project:before {
    content: "\f0e8";
}
.fa-dol-commande:before,
.fa-dol-order_supplier:before {
    content: "\f570";
}
.fa-dol-contrat:before {
    content: "\f1e6";
}
.fa-dol-bank_account:before {
    content: "\f19c";
}
.fa-dol-adherent:before {
    content: "\f0c0";
}
.fa-dol-expensereport:before {
    content: "\f555";
}
.fa-dol-holiday:before {
    content: "\f5ca";
}


/* USING FONTAWESOME FOR WEATHER */
.info-box-weather .info-box-icon{
    background: rgba(0, 0, 0, 0.08) !important;
}
.fa-weather-level0:before{
    content: "\f185";
    color : #cccccc;
}
.fa-weather-level1:before{
    content: "\f6c4";
    color : #cccccc;
}
.fa-weather-level2:before{
    content: "\f0c2";
    color : #cccccc;
}
.fa-weather-level3:before{
    content: "\f740";
    color : #cccccc;
}
.fa-weather-level4:before{
    content: "\f0e7";
    color : #b91f1f;
}

/* USING IMAGES FOR WEATHER INTEAD OF FONT AWESOME */
/* For other themes just uncomment this part */
/*.info-box-weather-level0,
.info-box-weather-level1,
.info-box-weather-level2,
.info-box-weather-level3,
.info-box-weather-level4 {
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

.info-box-weather .info-box-icon{
    display: none !important;
}
.info-box-weather-level0 {
    background-image: url("img/weather/weather-clear.png");
}
.info-box-weather-level1 {
    background-image: url("img/weather/weather-few-clouds.png");
}
.info-box-weather-level2 {
    background-image: url("img/weather/weather-clouds.png");
}
.info-box-weather-level3 {
    background-image: url("img/weather/weather-many-clouds.png");
}
.info-box-weather-level4 {
    background-image: url("img/weather/weather-storm.png");
}*/



.box-flex-container{
    display: flex; /* or inline-flex */
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 0 -15px;
    /*justify-content: space-between;*/
}

.box-flex-item{
    flex-grow : 1;
    flex-shrink: 1;
    flex-basis: auto;

    width: 280px;
    margin: 5px 0px 0px 15px;
}
.box-flex-item.filler{
    margin: 0px 0px 0px 15px !important;
    height: 0;
}

.pictomodule {
    width: 14px;
}




/*
 * Component: Progress Bar
 * -----------------------
 */

.progress * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.progress {
    height: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-color: rgba(128, 128, 128, 0.1);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress.spaced{
    margin-bottom: 20px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}



.progress-group > .progress{
    clear: both;
}

.progress,
.progress > .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
    border-radius: 1px;
}
/* size variation */
.progress.sm,
.progress-sm {
    height: 10px;
}
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
    border-radius: 1px;
}
.progress.xs,
.progress-xs {
    height: 7px;
}
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
    border-radius: 1px;
}
.progress.xxs,
.progress-xxs {
    height: 3px;
}
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
    border-radius: 1px;
}


/* Vertical bars */
.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px;
}
.progress.vertical > .progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
    width: 20px;
}
.progress.vertical.xs,
.progress.vertical.progress-xs {
    width: 10px;
}
.progress.vertical.xxs,
.progress.vertical.progress-xxs {
    width: 3px;
}
.progress-group .progress-text {
    font-weight: 600;
}
.progress-group .progress-number {
    float: right;
}



/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
    margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
    background-color: ;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
    background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
    background-color: ;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
    background-color: ;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-consumed {
    background-color: rgb(0, 0, 0, 0.15);
}


.fa-window-close:before {
    content: "\f410" !important;
}

/* * * * * * * * * * * * * * * * * * * END 14/02/2020 * */













/* * * * * * * * * * * * * * * * * * * Version 11 of Dolibarr * */
/* <style type="text/css" > */
    body div.tabs .tabsElem a.tabactive {   
    color: #ffffff !important;  
    background: #245d8f !important; 
}   
.badge {    
    display: inline-block;  
    padding: .1em .35em;    
    font-size: 80%; 
    font-weight: 700 !important;    
    line-height: 1; 
    text-align: center; 
    white-space: nowrap;    
    vertical-align: baseline;   
    border-radius: .25rem;  
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    border-width: 2px;  
    border-style: solid;    
    border-color: rgba(255,255,255,0);  
    box-sizing: border-box; 
}   
.badge-secondary, .tabs .badge {    
    color: #fff !important; 
    background-color: #3b8cd2;  
}   
.badge-pill, .tabs .badge { 
    padding-right: .5em;    
    padding-left: .5em; 
    border-radius: 0.25rem; 
}   
.marginleftonlyshort {  
    margin-left: 4px !important;    
}   
input:disabled, textarea:disabled, select[disabled='disabled']  
{   
    background:#eee;    
}   
div#moretabsList, div#moretabsListaction {  
    z-index: 5; 
}   
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {    
    font-size: 65%; 
}   
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {    
    font-weight: 400;   
    line-height: 1; 
    color: #777;    
}   
.wordbreakimp { 
    word-break: break-word; 
}   
.marginleft2 {  
    margin-left: 2px;   
}   
.marginright2 { 
    margin-right: 2px;  
}   
.nobackground, .nobackground tr {   
    background: unset !important;   
}   
.text-warning{  
    color : #a37c0d}    
body[class*="colorblind-"] .text-warning{   
    color : #a37c0d}    
.text-success{  
    color : #28a745}    
body[class*="colorblind-"] .text-success{   
    color : #37de5d}    
.text-danger{   
    color : #9f4705}    
.editfielda span.fa-pencil-alt, .editfielda span.fa-trash { 
    color: #ccc !important; 
}   
.editfielda span.fa-pencil-alt:hover, .editfielda span.fa-trash:hover { 
    color: rgb(0,0,0) !important;   
}   
.fa-toggle-on, .fa-toggle-off { font-size: 2em; }   
.websiteselectionsection .fa-toggle-on, .websiteselectionsection .fa-toggle-off,    
.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off {   
    font-size: 1.5em; vertical-align: text-bottom;  
}   
.badge-status { 
    font-size: 1em; 
    padding: .19em .35em;           /* more than 0.19 generate a change into heigth of lines */ 
}   
/* WARNING colorblind */    
body[class^="colorblind-"] .badge-warning { 
    background-color: #e4e411;  
}   
body[class^="colorblind-"] a.badge-warning.focus,body[class^="colorblind-"] a.badge-warning:focus { 
    box-shadow: 0 0 0 0.2rem rgba(228,228,17,0.5);  
}   
body[class^="colorblind-"] a.badge-warning:focus, a.badge-warning:hover {   
    background-color: #cbcb00;  
}   
.font-status0 { 
        color: #fff !important; 
}   
.font-status1 { 
        color: #bc9526 !important;  
}   
/* COLORBLIND STATUS1 */    
body[class*="colorblind-"] .badge-status1 { 
        color: #000 !important; 
        background-color: #e4e411;  
}   
body[class*="colorblind-"] .font-status1 {  
        color: #e4e411 !important;  
}   
body[class*="colorblind-"] .badge-status1.focus, body[class*="colorblind-"] .badge-status1:focus {  
    outline: 0; 
    box-shadow: 0 0 0 0.2rem rgba(228,228,17,0.5);  
}   
body[class*="colorblind-"] .badge-status1:focus, body[class*="colorblind-"] .badge-status1:hover {  
    color: #000 !important; 
}   
.font-status2 { 
        color: #e6f0f0 !important;  
}   
.font-status3 { 
        color: #fff !important; 
}   
.font-status4 { 
        color: #55a580 !important;  
}   
/* COLORBLIND STATUS4 */    
body[class*="colorblind-"] .badge-status4 { 
        color: #000 !important; 
        background-color: #37de5d;  
}   
body[class*="colorblind-"] .font-status4 {  
        color: #37de5d !important;  
}   
body[class*="colorblind-"] .badge-status4.focus, body[class*="colorblind-"] .badge-status4:focus {  
    outline: 0; 
    box-shadow: 0 0 0 0.2rem rgba(55,222,93,0.5);   
}   
body[class*="colorblind-"] .badge-status4:focus, body[class*="colorblind-"] .badge-status4:hover {  
    color: #000 !important; 
}   
.font-status5 { 
        color: #fff !important; 
}   
.font-status6 { 
        color: #cad2d2 !important;  
}   
.font-status7 { 
        color: #fff !important; 
}   
/* COLORBLIND STATUS7 */    
body[class*="colorblind-"] .badge-status7 { 
        color: #212529 !important;  
        border-color: #37de5d;  
        background-color: #fff; 
}   
body[class*="colorblind-"] .font-status7 {  
        color: #fff !important; 
}   
body[class*="colorblind-"] .badge-status7.focus, body[class*="colorblind-"] .badge-status7:focus {  
    outline: 0; 
    box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.5); 
}   
body[class*="colorblind-"] .badge-status7:focus, body[class*="colorblind-"] .badge-status7:hover {  
    color: #212529 !important;  
        border-color: #1ec544;  
}   
.font-status9 { 
        color: #e7f0f0 !important;  
}   
.divintdwithtwolinesmax {   
    width: 75px;    
    display: -webkit-box;   
    -webkit-box-orient: vertical;   
    -webkit-line-clamp: 2;  
    overflow: hidden;   
}   
.twolinesmax {  
    display: -webkit-box;   
    -webkit-box-orient: vertical;   
    -webkit-line-clamp: 2;  
    overflow: hidden;   
}   
table[summary="list_of_modules"] .fa-cog {  
    font-size: 1.5em;   
}   
.linkedcol-element {    
    min-width: 100px;   
}   
.img-skinthumb {    
    width: 160px;   
    height: 100px;  
}   
.pictowarning { 
    /* vertical-align: text-bottom; */  
    /* color: #a37c0d; */   
}   
.pictoerror {   
    color: #9f4705; 
}   
.pictomodule {  
    width: 14px;    
}   
/*  
 * BTN LINK 
 */ 
.btn-link{  
    margin-right: 5px;  
    border: 1px solid #ddd; 
    color: #333;    
    padding: 5px 10px;  
    border-radius:1em;  
    text-decoration: none !important;   
}   
.btn-link:hover{    
    background-color: #ddd; 
    border: 1px solid #ddd; 
}   
/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */ 
@media only screen and (max-width: 751px)   /* reduction 2 */   
{   
    .btnTitle, a.btnTitle { 
        display: inline-block;  
        padding: 4px 4px 4px 4px;   
        min-width: unset;   
    }   
}   
.imgforviewmode {   
    color: #aaa;    
}   
div.pagination li:first-child a.btnTitle{   
    margin-left: 10px;  
}   
.noborderspacing {  
    border-spacing: 0;  
}   
.confirmquestions .tagtr .tagtd:not(:first-child)  { padding-left: 10px; }  
.confirmquestions { margin-top: 5px; }  
.trforbreak td {    
    font-weight: bold;  
    border-bottom: 1pt solid black !important;  
    /* background-color: #e9e4e6 !important; */ 
}   
div.liste_titre {   
    padding-left: 3px;  
}   
.shadow {   
    -webkit-box-shadow: 2px 2px 5px #CCC !important;    
    box-shadow: 2px 2px 5px #CCC !important;    
}   
.opened-dash-board-wrap {   
    margin-bottom: 25px;    
}   
div.divphotoref > a > .photowithmargin {        /* Margin right for photo not inside a div.photoref frame only */   
    margin-right: 15px; 
}   
table.table-fiche-title .col-title div.titre{   
    line-height: 40px;  
}   
table.table-fiche-title {   
    margin-bottom: 5px; 
}   
div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bottom: 1px solid #ddd; }  
.backgreypublicpayment a { color: #222 !important; }    
.poweredbypublicpayment {   
    float: right;   
    top: 8px;   
    right: 8px; 
    position: absolute; 
    font-size: 0.8em;   
    color: #222;    
    opacity: 0.3;   
}   
.bordertransp { 
    background-color: transparent;  
    background-image: none; 
    border: none;   
    font-weight: normal;    
}   
.websitebar input#previewpageurl {  
    line-height: 1em;   
}   
.treeview .hover { color: rgb(10, 20, 100) !important; text-decoration: underline !important; } 
#comment .comment-edit {    
    width: 100px;   
    text-align:center;  
    vertical-align:middle;  
}   
#comment .comment-edit:hover {  
    background:rgba(0,184,148,0.8); 
}   
dd.dropdowndd ul li {   
    text-overflow: ellipsis;    
    overflow: hidden;   
    white-space: nowrap;    
}   
.searchpage .tagtr .tagtd { 
    padding-bottom: 3px;    
}   
.searchpage .tagtr .tagtd .button { 
    background: unset;  
    border: unset;  
}   
    .dropdown-toggle{   
    text-decoration: none !important;   
}   
.dropdown-toggle::after {   
    /* font part */ 
    font-family: "Font Awesome 5 Free"; 
    font-size: 0.7em;   
    font-weight: 900;   
    font-style: normal; 
    font-variant: normal;   
    text-rendering: auto;   
    -webkit-font-smoothing: antialiased;    
    text-align:center;  
    text-decoration:none;   
    margin:  auto 3px;  
    display: inline-block;  
    content: "\f078";   
    -webkit-transition: -webkit-transform .2s ease-in-out;  
    -ms-transition: -ms-transform .2s ease-in-out;  
    transition: transform .2s ease-in-out;  
}   
.open>.dropdown-toggle::after { 
    transform: rotate(180deg);  
}   
#topmenu-global-search-dropdown .dropdown-menu{ 
    width: 300px;   
    max-width: 100%;    
}   
div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown { 
    line-height: 46px;  
}   
a.top-menu-dropdown-link {  
    padding: 8px;   
}   
.dropdown-menu a.top-menu-dropdown-link {   
    color: rgb(10, 20, 100) !important; 
    -webkit-box-shadow: none;   
    -moz-box-shadow: none;  
    box-shadow: none;   
    display: block; 
    margin: 5px 0px;    
}   
.dropdown-item {    
    display: block !important;  
    box-sizing: border-box; 
    width: 100%;    
    padding: .25rem 1.5rem .25rem 1rem; 
    clear: both;    
    font-weight: 400;   
    color: #212529  !important; 
    text-align: inherit;    
    background-color: transparent;  
    border: 0;  
    -webkit-box-shadow: none;   
    -moz-box-shadow: none;  
    box-shadow: none;   
}   
.dropdown-item::before {    
    /* font part */ 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;   
    font-style: normal; 
    font-variant: normal;   
    text-rendering: auto;   
    -webkit-font-smoothing: antialiased;    
    text-align:center;  
    text-decoration:none;   
    margin-right: 5px;  
    display: inline-block;  
    content: "\f0da";   
    color: rgba(0,0,0,0.3); 
}   
.dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus  {    
    color: #FFFFFF !important;  
    text-decoration: none;  
    background: rgb(68,68,90);  
}   
/*  
* SEARCH    
*/  
.dropdown-search-input {    
    width: 100%;    
    padding: 10px 35px 10px 20px;   
    background-color: transparent;  
    font-size: 14px;    
    line-height: 16px;  
    box-sizing: border-box; 
    color: #575756; 
    background-color: transparent;  
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");  
    background-repeat: no-repeat;   
    background-size: 16px 16px; 
    background-position: 95% center;    
    border-radius: 50px;    
    border: 1px solid #c4c4c2 !important;   
    transition: all 250ms ease-in-out;  
    backface-visibility: hidden;    
    transform-style: preserve-3d;   
}   
.dropdown-search-input::placeholder {   
    color: color(#575756 a(0.8));   
    letter-spacing: 1.5px;  
}   
.hidden-search-result{  
    display: none !important;   
}
/*  
* Component: Timeline   
* -------------------   
*/  
.timeline { 
    position: relative; 
    margin: 0 0 30px 0; 
    padding: 0; 
    list-style: none;   
}   
.timeline:before {  
    content: '';    
    position: absolute; 
    top: 0; 
    bottom: 0;  
    width: 4px; 
    background: #ddd;   
    left: 31px; 
    margin: 0;  
    border-radius: 2px; 
}   
.timeline > li {    
    position: relative; 
    margin-right: 0;    
    margin-bottom: 15px;    
}   
.timeline > li:before,  
.timeline > li:after {  
    content: " ";   
    display: table; 
}   
.timeline > li:after {  
    clear: both;    
}   
.timeline > li > .timeline-item {   
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);   
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1);  
    border:1px solid #d2d2d2;   
    border-radius: 3px; 
    margin-top: 0;  
    background: #fff;   
    color: #444;    
    margin-left: 60px;  
    margin-right: 0px;  
    padding: 0; 
    position: relative; 
}   
.timeline > li.timeline-code-ticket_msg_private  > .timeline-item { 
        background: #fffbe5;    
        border-color: #d0cfc0;  
}   
.timeline > li > .timeline-item > .time{    
    color: #6f6f6f; 
    float: right;   
    padding: 10px;  
    font-size: 12px;    
}   
.timeline > li > .timeline-item > .timeline-header-action{  
    color: #6f6f6f; 
    float: right;   
    padding: 7px;   
    font-size: 12px;    
}   
a.timeline-btn:link,    
a.timeline-btn:visited, 
a.timeline-btn:hover,   
a.timeline-btn:active   
{   
    display: inline-block;  
    margin-bottom: 0;   
    font-weight: 400;   
    border-radius: 0;   
    box-shadow: none;   
    padding: 1px 5px;   
    font-size: 12px;    
    line-height: 1.5;   
    text-align: center; 
    white-space: nowrap;    
    vertical-align: middle; 
    touch-action: manipulation; 
    cursor: pointer;    
    user-select: none;  
    background-image: none; 
    text-decoration: none;  
    background-color: #f4f4f4;  
    color: #444;    
    border: 1px solid #ddd; 
}   
a.timeline-btn:hover    
{   
    background-color: #e7e7e7;  
    color: #333;    
    border-color: #adadad;; 
}   
.timeline > li > .timeline-item > .timeline-header {    
    margin: 0;  
    color: #333;    
    border-bottom: 1px solid #f4f4f4;   
    padding: 10px;  
    font-size: 14px;    
    font-weight: normal;    
    line-height: 1.1;   
}   
.timeline > li > .timeline-item > .timeline-footer {    
    border-top: 1px solid #f4f4f4;  
}   
.timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-header, .timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-footer {    
    border-color: #ecebda;  
}   
.timeline > li > .timeline-item > .timeline-header > a {    
    font-weight: 600;   
}   
.timeline > li > .timeline-item > .timeline-body,   
.timeline > li > .timeline-item > .timeline-footer {    
    padding: 10px;  
}   
.timeline > li > .fa,   
.timeline > li > .glyphicon,    
.timeline > li > .ion { 
    width: 30px;    
    height: 30px;   
    font-size: 15px;    
    line-height: 30px;  
    position: absolute; 
    color: #666;    
    background: #d2d6de;    
    border-radius: 50%; 
    text-align: center; 
    left: 18px; 
    top: 0; 
}   
.timeline > .time-label > span {    
    font-weight: 600;   
    padding: 5px;   
    display: inline-block;  
    background-color: #fff; 
    border-radius: 4px; 
}   
.timeline-inverse > li > .timeline-item {   
    background: #f0f0f0;    
    border: 1px solid #ddd; 
    -webkit-box-shadow: none;   
    box-shadow: none;   
}   
.timeline-inverse > li > .timeline-item > .timeline-header {    
    border-bottom-color: #ddd;  
}   
.timeline-icon-todo,    
.timeline-icon-in-progress, 
.timeline-icon-done{    
    color: #fff !important; 
}   
.timeline-icon-not-applicble{   
    color: #000;    
    background-color: #f7f7f7;  
}   
.timeline-icon-todo{    
    background-color: #dd4b39 !important;   
}   
.timeline-icon-in-progress{ 
    background-color: #00c0ef !important;   
}   
.timeline-icon-done{    
    background-color: #00a65a !important;   
}   
.timeline-badge-date{   
    background-color: #0073b7 !important;   
    color: #fff !important; 
}   
.timeline-documents-container{  
}   
.timeline-documents{    
    margin-right: 5px;  
}   
div.pagination li:last-child a *:hover {    
    -webkit-box-shadow: none !important;    
    box-shadow: none !important;    
    padding-top:0 !important;   
}   
div.pagination li a,div.pagination li a:hover{  
    padding: 4px !important;    
}   
div.pagination li a span.btnTitle-icon{ 
    padding-right: 4px !important;  
}   
.pull-right {   
    float: right!important; 
}   
.pull-left {    
    float: left!important;  
}   
/* Force values for small screen 767 */ 
@media only screen and (max-width: 767px)   
{   
    div.refidno {   
        font-size: 0.86em !important;   
    }   
}   
/* Force values for small screen 570 */ 
@media only screen and (max-width: 570px)   
{   
    div.refidno {   
        font-size: 0.86em !important;   
    }   
}   
div.refidpadding  { 
    padding-top: 3px;   
}   
div.refid  {    
    font-weight: bold;  
    color: rgb(0,113,121);  
    font-size: 1.2em;   
}   
div.refidno  {  
    padding-top: 3px;   
    font-weight: normal;    
    color: #444;    
    font-size: 0.86em;  
    line-height: 21px;  
}   
div.refidno form {  
    display: inline-block;  
}   
div.pagination li a:hover, div.pagination li span:hover, div.pagination li a:focus, div.pagination li span:focus{   
    padding-top: 0px !important;    
}
/* * * * * * * * * * * * * * * * * * * END Version 11 of Dolibarr * */

/* * * * * * * * * * * * * * * * * * * CSS FOR A CLIENT USE TAKEPOS MODULE * */
.container > .row1 button.actionbutton, .container > .row1 button.calcbutton, .container > .row1 button.calcbutton2 {
    margin: initial;
    border-width: 1px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
.container > .row1 .div3 input[onkeyup="Search2();"] {
    font-size: 1em !important;
}
/* * * * * * * * * * * * * * * * * * * END CSS FOR A CLIENT USE TAKEPOS MODULE * */


/* css version 11 by Imane*/

.menulogocontainer{
    margin-left: 11px;
    margin-right: 9px;
    padding: 0;
    height: 32px;
    /* width: 100px; */
    max-width: 100px;
    vertical-align: middle;
}
.menulogocontainer img.mycompany{
    object-fit: contain;
    width: inherit;
    height: inherit;
}

/* End css */

/*02/06/2020*/
div#tmenu_tooltip .tmenudiv li#mainmenutd_companylogo img{
     max-height: 26px;
}

.cke_chrome {
    visibility: visible !important;
}

img.userphoto {
    border-radius: 0.72em;
    width: 1.4em;
    height: 1.4em;
    background-size: contain;
    vertical-align: middle;
}




/*
 * Component: Info Box
 * -------------------
 */

.info-box-module-external span.info-box-icon-version {
    background: #bbb;
}

.info-box {
    display: block;
    position: relative;
    min-height: 90px;
    /* background: #fff; */
    width: 100%;
    box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2);
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
}
.info-box.info-box-sm{
    min-height: 80px;
    margin-bottom: 10px;
}
.info-box-more {
    float: right;
    top: 5px;
    position: absolute;
    right: 8px;
}

.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0;
}

.info-box .progress .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    overflow: hidden;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.08) !important
}
.info-box-sm .info-box-icon {
    height: 80px;
    width: 80px;
    font-size: 25px;
    line-height: 92px;
}
.opened-dash-board-wrap .info-box-sm .info-box-icon {
    line-height: 80px;
}
.info-box-module .info-box-icon {
    height: 98px;
}
.info-box-icon > img {
    max-width: 100%;
}
.info-box-module .info-box-icon > img {
    max-width: 60%;
}

a.info-box-text.info-box-text-a {
    display: table-cell;
}
a.info-box-text-a i.fa.fa-exclamation-triangle {
    font-size: 0.9em;
}

.info-box-icon-text{
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 90px;
    bottom: 0px;
    color: #ffffff;
    background-color: rgba(0,0,0,0.1);
    cursor: default;

    font-size: 10px;
    line-height: 15px;
    padding: 0px 3px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.info-box-icon-version {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 90px;
    bottom: 0px;
    color: #ffffff;
    background-color: rgba(0,0,0,0.1);
    cursor: default;

    font-size: 10px;
    line-height: 22px;
    padding: 0px 3px;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.box-flex-item.info-box-module.info-box-module-disabled {
    /* opacity: 0.6; */
}

.info-box-actions {
    position: absolute;
    right: 0;
    bottom: 0;
}


.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
    overflow: hidden;
    width: 80px;
}
.info-box:hover .info-box-icon-text{
    opacity: 1;
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 84px;
}

.info-box-sm .info-box-content{
    margin-left: 80px;
}
/*.info-box-setup span {
    color: var(--colortexttitlenotab2);
}
.tdsetuppicto span {
    color: var(--colortexttitlenotab2);
}*/

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.progress-description,
.info-box-text,
.info-box-title{
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-title{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 3px; /* not too much space so we can add another lines */
}
.info-box-text{
    font-size: 0.92em;
}
.info-box-text:first-letter{text-transform: uppercase}
a.info-box-text{ text-decoration: none;}


.info-box-more {
    display: block;
}
.progress-description {
    margin: 0;
}



/* ICONS INFO BOX */
.info-box-icon {
        opacity: 0.95;
            filter: saturate(0.7);
    }

.bg-infobox-project{
    color: #6c6aa8 !important;
}
.bg-infobox-action{
    color: #a47080 !important;
}
.bg-infobox-propal,
.bg-infobox-facture,
.bg-infobox-commande{
    color: #99a17d !important;
}
.bg-infobox-supplier_proposal,
.bg-infobox-invoice_supplier,
.bg-infobox-order_supplier{
    color: #599caf !important;
}
.bg-infobox-contrat, .bg-infobox-ticket{
    color: #46a676 !important;
}
.bg-infobox-bank_account{
    color: #b0a53e !important;
}
.bg-infobox-adherent, .bg-infobox-member {
    color: #79633f !important;
}
.bg-infobox-expensereport{
    color: #79633f !important;
}
.bg-infobox-holiday{
    color: #755114 !important;
}

.infobox-adherent, .infobox-member {
    color: #79633f !important;
}
.infobox-project{
    color: #6c6aa8 !important;
}
.infobox-action{
    color: #a47080 !important;
}
.infobox-propal,
.infobox-facture,
.infobox-commande{
    color: #99a17d !important;
}
.infobox-supplier_proposal,
.infobox-invoice_supplier,
.infobox-order_supplier{
    color: #599caf !important;
}
.infobox-contrat, .infobox-ticket{
    color: #46a676 !important;
}
.infobox-bank_account{
    color: #b0a53e !important;
}
.infobox-adherent, .infobox-member {
    color: #79633f !important;
}
.infobox-expensereport{
    color: #79633f !important;
}
.infobox-holiday{
    color: #755114 !important;
}


.fa-dol-action:before {
    content: "\f073";
}
.fa-dol-propal:before,
.fa-dol-supplier_proposal:before {
    content: "\f573";
}
.fa-dol-facture:before,
.fa-dol-invoice_supplier:before {
    content: "\f571";
}
.fa-dol-project:before {
    content: "\f0e8";
}
.fa-dol-commande:before,
.fa-dol-order_supplier:before {
    content: "\f570";
}
.fa-dol-contrat:before {
    content: "\f1e6";
}
.fa-dol-ticket:before {
    content: "\f3ff";
}
.fa-dol-bank_account:before {
    content: "\f19c";
}
.fa-dol-member:before {
    content: "\f0c0";
}
.fa-dol-expensereport:before {
    content: "\f555";
}
.fa-dol-holiday:before {
    content: "\f5ca";
}


/* USING FONTAWESOME FOR WEATHER */
.info-box-weather .info-box-icon{
    background: rgba(0, 0, 0, 0.08) !important;
}
.fa-weather-level0:before{
    content: "\f185";
    color : #cccccc;
}
.fa-weather-level1:before{
    content: "\f6c4";
    color : #cccccc;
}
.fa-weather-level2:before{
    content: "\f0c2";
    color : #cccccc;
}
.fa-weather-level3:before{
    content: "\f740";
    color : #cccccc;
}
.fa-weather-level4:before{
    content: "\f0e7";
    color : #b91f1f;
}


.box-flex-container{
    display: flex; /* or inline-flex */
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% + 14px);
    margin: 0 -8px 0 -8px;
    /*justify-content: space-between;*/
}

.box-flex-item{
    flex-grow : 1;
    flex-shrink: 1;
    flex-basis: auto;

    width: 280px;
    margin: 5px 8px 0px 8px;
}
.box-flex-item.filler{
    margin: 0px 0px 0px 15px !important;
    height: 0;
}

.info-box-title {
    width: calc(100% - 20px);
}
.info-box-module {
    min-width: 350px;
    max-width: 350px;
}
@media only screen and (max-width: 1740px) {
    .info-box-module {
        min-width: 315px;
        max-width: 315px;
    }
}
@media only screen and (max-width: 767px) {
    .info-box-module {
        min-width: 260px;
    }
}


.info-box-module .info-box-content {
    height: 6.4em;
}
/* Disabled. This break the responsive on smartphone
.box{
    overflow: visible;
}
*/

@media only screen and (max-width: 767px)
{
    .box-flex-container {
        margin: 0 0 0 0px !important;
        width: 100% !important;
    }

    .info-box-module {
        width: 100%;
        max-width: unset;
    }
}


.btnTitle, a.btnTitle {
    display: inline-block;
    padding: 4px 12px 4px 12px;
    font-weight: 400;
    /* line-height: 1; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: var(--btncolorbg);
    text-decoration: none;
    position: relative;
    margin: 0 0 0 10px;
    min-width: 80px;
    text-align: center;
    color: var(--btncolortext);
    border: none;
    font-size: 12px;
    font-weight: 300;
    background-color: var(--btncolorbg);
    border: 1px solid var(--btncolorborder);
}

a.btnTitle.btnTitleSelected {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btnTitle > .btnTitle-icon{

}

.btnTitle > .btnTitle-label{
    color: #666666;
}

.btnTitle:hover, a.btnTitle:hover {
    border: 1px solid #bbb;
    border-radius: 3px;
    position: relative;
    margin: 0 0 0 10px;
    text-align: center;
    /* color: #ffffff;
    background-color: rgb(); */
    font-size: 12px;
    text-decoration: none;
    box-shadow: none;
}

.btnTitle.refused, a.btnTitle.refused, .btnTitle.refused:hover, a.btnTitle.refused:hover {
        color: #8a8a8a;
        cursor: not-allowed;
        background-color: #fbfbfb;
        background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
}

.btnTitle:hover .btnTitle-label{
     color: var(--btncolorborderhover);
}

.btnTitle.refused .btnTitle-label, .btnTitle.refused:hover .btnTitle-label{
    color: #8a8a8a;
}

.btnTitle>.fa {
    font-size: 20px;
    display: block;
}

div.pagination li:first-child a.btnTitle{
    margin-left: 10px;
}


.imgforviewmode {
    color: #aaa;
}

/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */
@media only screen and (max-width: 130px)    /* reduction 2 */
{
    .btnTitle, a.btnTitle {
        display: inline-block;
        padding: 4px 4px 4px 4px;
        min-width: unset;
    }
}



/*
 * BTN LINK
 */

.btn-link{
    margin-right: 5px;
    border: 1px solid #ddd;
    color: #333;
    padding: 5px 10px;
    border-radius:1em;
    text-decoration: none !important;
}

.btn-link:hover{
    background-color: #ddd;
    border: 1px solid #ddd;
}

.imgdoc {
    margin: 18px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 25px #aaa;
    max-width: calc(100% - 56px);
}
.fa-file-text-o, .fa-file-code-o, .fa-file-powerpoint-o, .fa-file-excel-o, .fa-file-word-o, .fa-file-o, .fa-file-image-o, .fa-file-video-o, .fa-file-audio-o, .fa-file-archive-o, .fa-file-pdf-o {
    color: #055;
}

.fa-15 {
    font-size: 1.5em;
}   

.margintoponly {
    margin-top: 10px !important;
}


/* For table into table into card */
div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
    padding: 0 0 0 0;
}
div.nopadding {
    padding: 0 !important;
}

.containercenter {
    display : table;
    margin : 0px auto;
}

td.nobordernopadding.widthpictotitle.col-picto {
    color: #bbb;
    opacity: 0.85;
}
.table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
    opacity: 0.7 !important;
    font-size: 0.7em;
    width: 20px;
}
.table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
    width: unset;
    color: #999;
}

span.widthpictotitle.pictotitle {
    /* background: rgba(70, 3, 62, 0.5); */
    background: #608FBE;
    opacity: 0.8;
    color: #fff !important;
    padding: 7px;
    border-radius: 2px;
    min-width: 30px;
    text-align: center;
    font-size: 1.7em;
}
.pictotitle {
    /* margin-bottom: 4px; */
}
.pictoobjectwidth {
    width: 14px;
}
.pictosubstatus {
    padding-left: 2px;
    padding-right: 2px;
}
.pictostatus {
    width: 15px;
    vertical-align: middle;
    margin-top: -3px
}
.pictowarning, .pictopreview {
    padding-left: 3px;
}
.pictowarning {
    /* vertical-align: text-bottom; */
    color: ;
}
.pictoerror {
    color: ;
}
.pictomodule {
    width: 14px;
}
.pictomodule {
    width: 14px;
}

    div#id-top div.login_block .login_block_other{
        float: none;
    }

td.widthpictotitle {
    width: 26px;
    text-align: left;
}
/*
.optionblue {
    color: var(--colortextlink);
}
.optiongrey, .opacitymedium {
    opacity: 0.4;
}
.opacitymediumbycolor {
    color: rgba(0, 0, 0, 0.4);
}
.opacitylow {
    opacity: 0.6;
}
.opacityhigh {
    opacity: 0.2;
}
.opacitytransp {
    opacity: 0;
}
.colorwhite {
    color: #fff;
}
.colorblack {
    color: #000;
}*/

.info-box-module .info-box.info-box-sm{
    min-height: 100px !important;
}


.blockvmenu .menu_titre {
    margin-top: 4px;
    margin-bottom: 1px;
}
div.menu_titre {
    padding-top: 4px;
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 188px;
}

div.vmenu, td.vmenu {
    margin-right: 2px;
    position: relative;
    float: left;
    padding: 0px;
    padding-bottom: 0px;
    padding-top: 1px;
    width: 190px;
}

div.vmenu, td.vmenu {
    padding-right: 10px !important;
}

.vmenu {
    width: 190px;
    margin-left: 6px;
}

body #id-left div.vmenu div.menu_contenu {
    padding: 3px 1.8em;
}



.optionblue {
    color: var(--colortextlink);
}
.optiongrey, .opacitymedium {
    opacity: 0.4;
}
.opacitymediumbycolor {
    color: rgba(0, 0, 0, 0.4);
}
.opacitylow {
    opacity: 0.6;
}
.opacityhigh {
    opacity: 0.2;
}
.opacitytransp {
    opacity: 0;
}
.colorwhite {
    color: #fff;
}
.colorblack {
    color: #000;
}
.paddingleft {
    padding-left: 4px;
}
td.col-title div.titre{
    font-size: 1.4em;
}

