@import url(https://fonts.googleapis.com/css?family=Ubuntu);
/* 
    Created on : 1 août 2014, 11:37:36
    Author     : root
*/
body{
    font-family: 'Ubuntu',Arial;
    font-size: 14px;
}
.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: #28A4C9; 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: #28a4c9;}
/* 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:#28A4C9 !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: #28A4C9 !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 #DDDDDD;
    border-collapse: unset !important;
    box-shadow: 1px 1px 1px #D1D1D1;
}
.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;
}
.photo-tiers{
    float: right;
}

.borderleft{
    border: solid 1px #F1F1F1 !important;
    border-left: solid 3px #28A4C9 !important;
    /*padding-left: 15px;*/
    box-shadow: -5px 5px 2px #F1F1F1 ;
}
.border-vignette-moncompte{
    border: 1px dashed #0083a2 ;
    display: inline-block;
    margin: 3px 15px;
    padding: 2px 10px;
    text-align: center;
    font-size: 16px;
}

#hotline{
    width: 150px;
    margin: auto;
}

#hotline{
    margin-top: 25px;
}
#hotline div {
    
    display: block;
    width: 300px;
    height: 50px;
    float:left;
    margin-top: -15px;
    background: url('../img/icon-operador.png') -2px 5px no-repeat;
    padding-left: 35px;
}

.edit-ligne-panier, .delete-ligne-panier{
    
    cursor: pointer;
}
.edit-ligne-panier:hover{
    
    color: greenyellow;
}
.delete-ligne-panier:hover{
    
    color: red;
}
/* ===== Navbar modernisee (horizontale compacte) — ajout 2026-10 ===== */
.navbar-inverse{background:linear-gradient(180deg,#28A4C9,#2090b0)!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:#28A4C9!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:#28A4C9;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;top:0}