/* 
    Created on : 1 août 2014, 11:37:36
    Author     : root
*/
body{
    font-family: tahoma;
    font-size: 13px;
    color: #666;
}
.custom{ margin-top: 60px; min-height: calc(100vh - 60px); display: flex; flex-direction: column;}
.form_recherche{ margin-top: 100px;margin-bottom: 20px;}
.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; }
}
.custom-footer{margin-top: 25px; padding: 12px 0; background-color: #1E7D4F; border-top: solid 1px rgba(0,0,0,.2);}
.custom-footer p{margin: 0; color: rgba(255,255,255,.9); font-size: 12px;}
.custom_separateur_facture{height: 40px; background-color: #1E7D4F;}
/* Avant: 500px fixe -> le pied de page flottait au milieu sur les pages courtes (login).
   On remplit 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:#1E7D4F !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 {
    color: #FFFFFF;
    font-weight: bold;
}
.navbar-inverse .navbar-nav > li.active > a {
    color: #1E7D4F !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 #F1F1F1;}
.titre-menu-left{background-color: #eeeeee; padding: 10px 0;text-align: center;}
.statut_facture_1{background-color: red; }
.statut_facture_2{background-color: limegreen; }


.ribbon-banner {
   display: block;
   position: absolute;
   top: 35px;
   right: 0px;
   width: 150px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   opacity: 0.7;
   -webkit-transform: rotate(45deg);
   -moz-transform:    rotate(45deg);
   -ms-transform:     rotate(45deg);
   transform:         rotate(45deg);
   font-size: 20px;
   font-weight: 700;
   color: white;
   background-color: red;
   border: 1px solid white;
   z-index: 500;
   }
   
   .div-compte{
    margin: 10px 10px 0 10px;
}
.inscription-padding{
    padding: 10px;
}
.photo-tiers{
    float: right;
}

.borderleft{
    border: solid 1px #F1F1F1 !important;
    border-left: solid 3px #1E7D4F !important;
    /*padding-left: 15px;*/
    box-shadow: -5px 5px 2px #F1F1F1 ;
}
.border-tab-list{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #1E7D4F;
    
    
}

/* ===== Navbar modernisee (horizontale compacte) — ajout 2026-10 ===== */
.navbar-inverse{background:linear-gradient(180deg,#1E7D4F,#17633e)!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:#1E7D4F!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:#1E7D4F;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;top:0}