/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 août 2014, 11:37:36
    Author     : root
*/

body{
    color: #666;
    font-family: tahoma;
    font-size: 13px;
}

.custom{ margin-top: 60px; min-height: calc(100vh - 60px); display: flex; flex-direction: column;}
.form_recherche{ margin-top: 100px;margin-bottom: 20px;}
.message_danger{padding: 15px; text-align: center}
.custom-footer{padding: 12px 0; background-color: #A42A2A; border-top: solid 1px rgba(0,0,0,.2);}
.custom-footer p{margin: 0; color: rgba(255,255,255,.85); font-size: 12px;}
.custom_separateur_facture{height: 40px; background-color: #A42A2A;}
/* Avant: 500px fixe -> sur les pages courtes (login) le pied de page s'arretait
   au milieu de l'ecran. On fait remplir la hauteur visible pour coller le footer en bas. */
/* flex:1 -> le contenu grandit et colle le footer en bas (plus de vide blanc). */
.custom-heigt{flex: 1 0 auto;}
.logo_ccg{margin: auto;}
.custom-align{text-align: center;}
.custom-btb-recherche{width: 43%;}
.form_recherche_hor{margin-bottom: 20px;}
.navbar-inverse{background-color:#A42A2A !important;}
/* Navbar compacte : logo borne en hauteur et liens resserres, pour tenir sur
   une seule ligne le plus longtemps possible et garder une barre basse. */
.navbar-fixed-top .navbar-brand{padding: 6px 10px; height: auto;}
.navbar-fixed-top .navbar-brand img{height: 40px; width: auto;}
.navbar-inverse .navbar-nav > li > a{padding-left: 10px; padding-right: 10px;}
.navbar-inverse .navbar-nav > li > a, .zone {
    color: #FFFFFF;
    font-weight: bold;
}
.navbar-inverse .navbar-nav > li.active > a {
    color: #A42A2A !important;
    background-color: #FFFFFF !important;
    font-weight: bold !important;
}
.navbar-inverse .navbar-brand {
    color: #000000;
}
.navbar-brand{padding: 5px;}
.facture-vignette table{
    border: 1px dashed #aaaaaa;
    border-collapse: unset !important;
}
.border-tab{
    
    border: 1px solid #aaaaaa;
}
.table > thead > 
tr > th, .table > 
tbody > tr > th, 
.table > tfoot > 
tr > th, .table > 
thead > tr > td, 
.table > tbody > 
tr > td, .table > 
tfoot > tr > td{
    
    border-top: none !important;
}

.facture-link{
    text-align: right ;
}
.btn-link-facture{background-color: gray; color: #FFFFFF;}
.cadre-menu-left{border: 1px solid #efefef;}
.cadre-menu-left li {border-bottom:  1px solid #efefef;
                     padding: 5px;
                    }
.titre-menu-left{background-color: #eeeeee; padding: 10px 0;text-align: center;}
.statut_facture_1{background-color: yellow; }
.statut_facture_2{background-color: limegreen; }
.statut_facture_3{background-color: red; }
.custom-height-entete{
     background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.3) 0%, rgba(40, 40, 40, 0.3) 100%) repeat scroll 0 0 #cccccc;
    font-size: 14px;
    height: 84px;
    background-color: #0083a2 ;
}
.custom-width-input{width: 76% !important;}
.custom-submit-ajouter{margin-top: 10px;}
.custom-submit-ajouter input{width: 100%;}
.border-form{
    border: 1px dashed #aaaaaa;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #eeeeee;
}


.cadre-prix-total {
    border: 1px dotted #6d3f6d;
    color: #6d3f6d;
    font-size: 1.4em;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.liste-articles{
    text-align: center;
}
.liste-articles li{
    list-style-type: none;
}

.titre-facture{
     background-color: #428bca !important;
    color: white !important;
    font-size: large !important;
    padding: 10px !important;
    text-align: center;
}

.detail-facture{
    border-bottom: 2px solid #428bca;
    background-color: white;
}

.lien-telechargement{
    padding: 10px;
}

.btn-vente{
    width: 100%;
}

.cacher{
    display: none;
}

.form-paiement,
.form-commande,
.form-valide-commande,
.form-valide-facture,
.form-commande-facture,
.bond_livraison,
.form-valide-bond,
.form-valide-commande-fournisseur,
.div-valide-commande{
    padding: 10px;
}

.panel-titre{
    
    cursor: pointer;
}
.panel-titre:hover{
    background-color: #428bca;
    color: white;
}

.filtre-form{
    display: block !important;
}

.btn-vente{
    margin-top: 10px;
    margin-bottom: 10px;
}

.div-compte{
    margin: 10px 10px 0 10px;
}

.border-photo
{
   /* border: solid 1px #25bb30 !important;*/
    width: 25% !important;
    text-align: center !important;
    
}

.completion{
    cursor: pointer;
    padding: 5px;
    
}

.completion:hover{
    background-color: #c0c0c0;
}

#select_client{
    z-index: 99;
    border-style: solid;
    border-width: 0 1px 1px;
    position: absolute;
    width: 90%;
    background-color: #ffffff;
    padding: 10px;
}

#img-loader{
    width: 50px;
    height: 50px;
}

.zone{
    padding-top: 15px;
}


//recu
.client-recu{
    text-align: right;
}

.custom-width-btn-panel{
    width: 100% !important;
}

.borderleft {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: #f1f1f1 #f1f1f1 #f1f1f1 #28a4c9 !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 3px !important;
    box-shadow: -5px 5px 2px #f1f1f1;
}
.cadre-menu-left {
    border: 1px solid #f1f1f1;
}

.message_danger {
    text-align: left;
    padding: 8px 12px;
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent !important;
    background-image: none !important;
    color: #333 !important;
    font-weight: 600;
}
.bg-success.message_danger { border-left: 4px solid #5cb85c; padding-left: 12px; }
.bg-danger.message_danger { border-left: 4px solid #d9534f; padding-left: 12px; color: #a94442 !important; }

/* ===== Responsive mobile ===== */
img { max-width: 100%; height: auto; }
.form-control { max-width: 100%; }
@media (max-width: 767px) {
    .container-fluid { padding-left: 10px !important; padding-right: 10px !important; }
    table.table { font-size: 12.5px; }
    .table > thead > tr > th, .table > tbody > tr > td, .table > tbody > tr > th { padding: 6px 8px; }
    .page-header h3, h3 { font-size: 20px; }
    .btn { margin-bottom: 5px; }
    .col-sm-3.sidebar { float: none; width: 100%; margin-bottom: 15px; }
    .panel-body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

html body div.container-fluid.custom div.custom-heigt div.row div.col-sm-9 div.row div.col-sm-4 div.thumbnail div.caption h4{
    text-align: center;
}
div.vignette-projet{
    //opacity: 0.5;
}

.label-plafond{
    float: right;
    margin-right: 23px;
}
/* ===== Navbar modernisee (horizontale compacte) — ajout 2026-10 ===== */
.navbar-inverse{background:linear-gradient(180deg,#A42A2A,#8f2222)!important;border:0!important;box-shadow:0 4px 14px rgba(17,24,39,.16);font-family:'Poppins',-apple-system,"Segoe UI",Roboto,sans-serif}
.navbar-inverse .navbar-nav>li>a{color:#ffffffe6!important;font-weight:500!important;margin:7px 1px;padding:7px 11px!important;border-radius:9px;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,color .15s}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background:rgba(255,255,255,.16)!important;color:#fff!important}
.navbar-inverse .navbar-nav>li.active>a,.navbar-inverse .navbar-nav>li.active>a:hover,.navbar-inverse .navbar-nav>li.active>a:focus{background:#fff!important;color:#A42A2A!important;font-weight:600!important}
.navbar-inverse .navbar-nav>li>a[href*="page=accueil"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=tiers"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=fournisseurs"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=les_factures"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=mes_factures"]::before,.navbar-inverse .navbar-nav>li>a[href$="=facture"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=les_commandes"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=les_bons_livraison"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=projets"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=sms"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=garantie"]::before,.navbar-inverse .navbar-nav>li>a[href*="page=escomptes"]::before{font-family:'Glyphicons Halflings';font-weight:normal;font-size:12px;line-height:1;display:inline-block}
.navbar-inverse .navbar-nav>li>a[href*="page=accueil"]::before{content:"\e021"}
.navbar-inverse .navbar-nav>li>a[href*="page=tiers"]::before{content:"\e008"}
.navbar-inverse .navbar-nav>li>a[href*="page=fournisseurs"]::before{content:"\e139"}
.navbar-inverse .navbar-nav>li>a[href*="page=les_factures"]::before{content:"\e022"}
.navbar-inverse .navbar-nav>li>a[href*="page=mes_factures"]::before{content:"\e022"}
.navbar-inverse .navbar-nav>li>a[href$="=facture"]::before{content:"\e022"}
.navbar-inverse .navbar-nav>li>a[href*="page=les_commandes"]::before{content:"\e116"}
.navbar-inverse .navbar-nav>li>a[href*="page=les_bons_livraison"]::before{content:"\e032"}
.navbar-inverse .navbar-nav>li>a[href*="page=projets"]::before{content:"\e185"}
.navbar-inverse .navbar-nav>li>a[href*="page=sms"]::before{content:"\2709"}
.navbar-inverse .navbar-nav>li>a[href*="page=garantie"]::before{content:"\e033"}
.navbar-inverse .navbar-nav>li>a[href*="page=escomptes"]::before{content:"\e185"}
.navbar-inverse .div-compte{margin-top:8px!important;border-radius:30px;background:rgba(255,255,255,.14);display:inline-flex;align-items:center}
.navbar-inverse .div-compte .btn{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-family:'Poppins',sans-serif}
.navbar-inverse .div-compte .btn:first-child{padding:5px 6px 5px 5px;font-weight:500}
.navbar-inverse .div-compte .btn .glyphicon-user{background:#fff;color:#A42A2A;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;top:0}
.navbar-inverse .zone{color:#fff!important;font-weight:500;font-family:'Poppins',sans-serif}