@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --primary-bg-color: #f86403; --primary-bg-color-hover: #a74600;  --primary-bg-color-clair: #f8c8a9; --bg-color-blanc: #fff; --bg-color-gris-even: #f0f0f1; --bg-color-gris-odd: #ffffff;
    --primary-color: #f86403; --primary-color-hover: #dd5f16; --text-color: #666666;
    --form-border-defaut: #e4e5e7; --form-bg-defaut: #ffffff; --form-border-focus: #141a1f; --form-bg-focus: #fafafb;
    --bg-etat-en-cours: rgba(90, 219, 111, 0.5); --border-etat-en-cours: rgba(90, 219, 111, 0.8); --color-etat-en-cours: #42603e;
    --bg-etat-en-attente: rgba(219, 214, 90, 0.5); --border-etat-en-attente: rgba(219, 214, 90, 0.8); --color-etat-en-attente: #5f603e;
    --bg-etat-annule: rgba(207, 11, 158, 0.5); --border-etat-annule: rgba(207, 11, 158, 0.5); --color-etat-annule: #ffffff;
}
.couleur_primaire{color: var(--primary-color-hover);}

.page_acces_pro{padding:0 20px 20px;}
.page_acces_pro h2{margin-top: 20px; margin-bottom: 0px; line-height: 32px;}
.page_acces_pro h3{margin-top: 15px; margin-bottom: 0; line-height: 26px;}
.page_acces_pro h3 span{color: var(--primary-color-hover); font-size:inherit; font-weight: inherit;}
.page_acces_pro span.etat_commande{margin-left: 5px; padding: 4px 8px; font-size: 12px; color: var(--color-etat-annule); background: var(--bg-etat-annule); border: 1px solid var(--bg-etat-annule);}
.page_acces_pro .processing span.etat_commande{color: var(--color-etat-en-cours); background-color: var(--bg-etat-en-cours); border-color: var(--bg-etat-en-cours);}
.page_acces_pro .on-hold span.etat_commande, .page_acces_pro .pending span.etat_commande{color: var(--color-etat-en-attente); background-color: var(--bg-etat-en-attente); border-color: var(--bg-etat-en-attente);}
.page_acces_pro .p_explication, .page_acces_pro .intro_page p{font-size: 14px; margin-bottom: 10px; text-align: justify;}
.page_acces_pro .bt_pdf{display: inline-block; padding: 8px 8px; background: var(--bg-color-gris-even); border: 1px solid var(--primary-bg-color); border-radius: 5px;}
.page_acces_pro .bt_pdf:hover{background: var(--primary-bg-color); color: #fff; text-decoration: none;}

/* TABLEAUX */
.page_acces_pro table{margin: 15px 0 10px; border-collapse: separate;border-spacing: 2px;}
.page_acces_pro table th{background: var(--primary-bg-color); color: #fff;}
.page_acces_pro table tbody tr td{background: #fff; border: none;}
.page_acces_pro table tbody tr:nth-child(even) td{background: var(--bg-color-gris-even);}
.page_acces_pro table th, .page_acces_pro table td{text-align: left;}
.page_acces_pro table th.col_qte, .page_acces_pro table td.col_qte{text-align: center;}

/* PAGE SUIVI DE COMMANDES */
#page_suivi_commandes .commande_pole{padding: 1px 20px 15px; margin-bottom: 20px; background: var(--bg-color-gris-even);}
/* #page_suivi_commandes .commande_pole:nth-child(even){background: var(--bg-color-gris-even);} */
#page_suivi_commandes .commande_pole h3 span.etat_commande{display: none;}
#page_suivi_commandes .commande_pole a{color: var(--primary-color-hover);}
#page_suivi_commandes .commande_pole .info_globale .colonnes2{float: left; padding: 0 1%; max-width: 48%; min-width: 300px;}
#page_suivi_commandes .commande_pole .info_globale p.p_commentaires{padding: 0 1%; clear: left;}
#page_suivi_commandes .commande_pole .suivi_confirmation .suivi_confirmation_non{color: red;}
#page_suivi_commandes .commande_pole .suivi_confirmation .suivi_confirmation_oui{color: green;}
#page_suivi_commandes .commande_pole .suivi_confirmation i{padding-left: 5px;}
#page_suivi_commandes .commande_pole .suivi_confirmation i.fa-circle-check{color: green;}
#page_suivi_commandes .commande_pole .suivi_confirmation i.fa-circle-exclamation{color: red;}

/* PAGE STATS DE COMMANDES */
#page_stats_commandes .stats_par_metier{margin-bottom: 20px; padding: 1px 20px 10px; background: var(--bg-color-gris-even);}
#page_stats_commandes .stats_par_metier .entete_stat_metier{margin: 0;}
#page_stats_commandes .stats_par_metier .entete_stat_metier h3{margin-bottom: 0;}
#page_stats_commandes table.stats{margin-top: 0;}
#page_stats_commandes table.stats .total td{background-color: #e0e0e1; color: var(--primary-color); font-weight: 700;}
#page_stats_commandes .totaux_stats{font-weight: 600; font-size: 16px; color: #000;}

/* PAGE BONS DE LIVRAISON */
#page_bons_livraison{}
#page_bons_livraison .commande_pct{padding: 10px 20px;}
#page_bons_livraison .commande_pct:nth-child(even){background: var(--bg-color-gris-even);}
#page_bons_livraison .commande_pct .info_globale .colonnes1{display: block;}