/* 11.05.2025
css general
*/

@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Alegreya:700);
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
.tox-statusbar__branding{display:none !important}
.montitre{font-family: 'Fredericka the Great', cursive;color:blue;}
 .panel-body:first-child {color:black;}
 
.mt-1{ margin-top:10px }
.mt-2{ margin-top:20px }
.mt-3{ margin-top:30px }
.mt-4{ margin-top:40px }
.mt-5{ margin-top:50px }

.user-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    height: 100%;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	background-color:#f8f8f8;
}

.user-card:hover {
    border: 1px solid #d90000;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	background-color:#ffffff;
}

.user-card img {
    border-radius: 4px;
}
.user-card h4 {
    margin-top: 0;
}
.checkbox label {
    font-weight: normal;
}

.accueil_2 { color:#ffffff; }

.btn.active {  background-color:#ffffff; }
 
body.entreprises,body.entreprise_modifier { background-color:#d5bf9b;}
body.contacts,body.contact_modifier { background-color:#d0ffcf;}
body.affaires,body.affaire_modifier { background-color:#ffe3e4;}
body.rdv,body.rdv_modifier { background-color:#c7c8ff;}
body.devis,body.devis_modifier { background-color:#ebffee;}
body.factures,body.facture_modifier { background-color:#ffcfd0;}
body.documents{ background-color:#c7c8ff;}
body.recherche{ background-color:#c7d8ff;}
body.projets{ background-color:#f5d9ff;}

 /* Input en cours de sauvegarde */
  input.saving {
    opacity: 0.6;
    pointer-events: none;
  }
  /* Sauvegarde réussie */
  input.saved {
    background-color: #d4edda; /* vert clair */
    transition: background-color 0.5s ease-out;
  }
  /* Erreur */
  input.error {
    background-color: #f8d7da; /* rouge clair */
    transition: background-color 0.5s ease-out;
  }


.table.files{ font-size:10px; 

}

.panel-heading {
  border-bottom: 1px solid #8686865e;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #eee;
}

.br-lighter {
margin-top: 2px;
margin-bottom: 2px;
border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 1px solid #eee;
	
}


.form-group {
  margin-bottom: 5px !important;
}



.spoil { color:transparent; border-bottom:1px dotted #a00 }
.spoil:hover { color:#000000; border:0px dotted #a00; cursor:hand  }
.fright{float:right}
.form_date .input-group-addon:hover,
.form_date_butoire .input-group-addon:hover,
.form_date_livraison .input-group-addon:hover,
 table .day:hover, table .prev:hover, table .next:hover{cursor:pointer; }
.transparent { opacity: 0.3 !important; -moz-opacity:0.3 !important; -ms-filter: "alpha(opacity=30)"; filter: alpha(opaciy=30) !important; }
.survole{cursor:pointer}
.tab-content > .tab-pane {background-color: #FFFFFF !important;}

.hover_pin{cursor:pointer;  transition: transform 1s; opacity: 0.8 }
.hover_pin:hover circle{  opacity: 1; stroke:#000; stroke-width:8 }

.admin { background-color:#aa0000; color: #ffffff; padding:5px;opacity:0.1; cursor:pointer; width:68px;  display:inline-block; overflow: hidden; height: 30px; }
.admin:hover { opacity:1;  width:auto;}
.admin:before {  font-weight:800; font-size:12px;  content: "Info Dev: "; }
.administateur { background-color:#aa0000; color: #ffffff; padding:5px; display:inline-block;  }
.admin2 { background-color:#ff9999; color: #ffffff; padding:5px; display:inline-block;  }
td  { vertical-align: middle !important;  }
td.score { color: #ffffff;  }

.zonesave{ background-repeat: no-repeat;  }

.cadre_user img{ width:128px;height:128px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:12px solid #ffffff;  }
.cadre_user:after{ content:"";background:url(https://bonjour.ctiouest.cloud/images/logo_seul.png) no-repeat;
background-size: 100%;display: inline-block;position: absolute;width: 46px;height: 48px;margin-left: -50px;margin-top: 82px; }

.cadre_user_64 img{ width:64px;height:64px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:8px solid #ffffff;  }
.cadre_user_64:after{ content:"";background:url(https://bonjour.ctiouest.cloud/images/logo_seul.png) no-repeat;
background-size: 100%;display: inline-block;position: absolute;width: 23px;height: 23px;margin-left: -25px;margin-top: 41px; }

.bord_admin1 img{border-color:#aa0000 !important; }
.bord_admin2 img{border-color:#f40000 !important; }
.bord_admin3 img{border-color:#ff8040 !important; }
.bord_admin4 img{border-color:#009500 !important; }
.bord_admin5 img{border-color:#0080ff !important; }

.prioritaire{background-color:#99ccff }

.fleur .tooltip2 {
   visibility: hidden
}

.fleur .rectip2{
   visibility: hidden
}

.fleur:hover .tooltip2, .fleur:hover .rectip2 {
  visibility: visible;
  position: absolute;
 }

.fleur:hover:after .tooltip2{
 position: relative;
 left: 0;
 top: 100%;
 white-space: nowrap;
}

.fleur text {
 fill: black;
 font-size: 50px;
 font-family: sans-serif; 
}

.fleur .tooltip2 rect {
 fill: yellow;
 stroke: blue;
}



.badge-rouge {color: #fff; background-color: #AA0000;}
.badge-vert {color: #fff; background-color: #3c763d;}
.badge-danger {color: #fff; background-color: #a94442;}
.badge-warning {color: #fff; background-color: #8a6d3b;}
.badge-info {color: #fff; background-color: #31708f;}
.badge-success {color: #fff; background-color: #00aa00;}
.badge-bleu {color: #fff; background-color: #0000aa;}
.badge-violet {color: #fff; background-color: #660066;}
.btn input{color:#000 }

 .progress-black .progress-bar{font-size: 10px !important;   color:#ffffff;   line-height: 16px;}
.progress-black  {
	line-height: 16px;
  height: 16px;
  margin-bottom: 3px;

  background-color: #999999;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  background-image: linear-gradient(to bottom,#aaaaaa 0,#cccccc 100%);
}
.progress-black  div span {
  margin-left: 3px;
}


.sticky {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.8);
}


.row-fluid {
    margin-right: -2px;
    margin-left: -2px;

}

.panel-default{ border-color:#00818C;  }
.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top,#0F94B9 0,#00818C 100%);
    color: #ffffff;
    background-color: #0F94B9;
}

.panel-violet{ border-color:#660066;  }
.panel-violet > .panel-heading {
    background-image: -webkit-linear-gradient(top,#b300b3 0,#660066 100%);
    color: #ffffff;
    background-color: #b300b3;
}

.panel-danger{ border-color: #c12e2a; }
.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    color: #ffffff;
    background-color: #d9534f;
}

.panel-warning{ border-color: #eb9316; }
.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    color: #ffffff;
    background-color: #f0ad4e;
}


.panel-entreprise{ border-color: #eb9316; }
.panel-entreprise > .panel-heading {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    color: #ffffff;
    background-color: #f0ad4e;
}

.panel-partenaire{ border-color: #bce8f1; }
.panel-partenaire > .panel-heading {
background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}

.panel-chargeaffaire{ border-color: #d6e9c6; }
.panel-chargeaffaire > .panel-heading {
background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}





.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #fff !important;
}

.row-fluid button,.row-fluid input,.row-fluid select,.row-fluid textarea {
    line-height: normal;
}

.row-fluid select{
padding:2px
}
.row-fluid .col-lg-1, .row-fluid .col-lg-10, .row-fluid .col-lg-11, .row-fluid .col-lg-12, .row-fluid .col-lg-2, .row-fluid .col-lg-3, .row-fluid .col-lg-4, .row-fluid .col-lg-5, .row-fluid .col-lg-6, .row-fluid .col-lg-7, .row-fluid .col-lg-8, .row-fluid .col-lg-9, .row-fluid .col-md-1, .row-fluid .col-md-10, .row-fluid .col-md-11, .row-fluid .col-md-12, .row-fluid .col-md-2, .row-fluid .col-md-3, .row-fluid .col-md-4, .row-fluid  .col-md-5, .row-fluid  .col-md-6, .row-fluid  .col-md-7, .row-fluid  .col-md-8, .row-fluid  .col-md-9, .row-fluid  .col-sm-1, .row-fluid  .col-sm-10, .row-fluid  .col-sm-11, .row-fluid  .col-sm-12, .row-fluid  .col-sm-2, .row-fluid  .col-sm-3, .row-fluid  .col-sm-4, .row-fluid  .col-sm-5, .row-fluid  .col-sm-6, .row-fluid  .col-sm-7, .row-fluid  .col-sm-8, .row-fluid  .col-sm-9, .row-fluid  .col-xs-1,
.row-fluid .col-xs-10, .row-fluid .col-xs-11, .row-fluid .col-xs-12, .row-fluid .col-xs-2, .row-fluid .col-xs-3, .row-fluid .col-xs-4, .row-fluid .col-xs-5, .row-fluid .col-xs-6, .row-fluid .col-xs-7, .row-fluid .col-xs-8, .row-fluid .col-xs-9 {
    padding-right: 2px;
    padding-left: 2px;
}

.etat-affaire-0, .etat-affaire-0 a {color: #000000; font-weight:900}
.etat-affaire-1, .etat-affaire-1 a {color: #0080ff; font-weight:900}
.etat-affaire-2, .etat-affaire-2 a {color: #55ff55; font-weight:900}
.etat-affaire-3, .etat-affaire-3 a {color: #00d200; font-weight:900}
.etat-affaire-4, .etat-affaire-4 a {color: #009500; font-weight:900}
.etat-affaire-5, .etat-affaire-5 a {color: #aa0000; font-weight:900}
.etat-affaire-7, .etat-affaire-7 a {color: #aa4400; font-weight:900}
.etat-affaire-8, .etat-affaire-8 a {color: #aa8800; font-weight:900}
.etat-affaire-9, .etat-affaire-9 a {color: #aa0044; font-weight:900}
.etat-affaire-10, .etat-affaire-10 a {color: #aa0088; font-weight:900}


.bg-etat-affaire-0 {background-color: #ffffff;color: #000000;}
.bg-etat-affaire-1 {background-color: #0080ff;color: #ffffff;}
.bg-etat-affaire-2 {background-color: #55ff55;color: #ffffff;}
.bg-etat-affaire-3 {background-color: #00d200;color: #ffffff;}
.bg-etat-affaire-4 {background-color: #009500;color: #ffffff;}
.bg-etat-affaire-5 {background-color: #aa0000;color: #ffffff;}
.bg-etat-affaire-7 {background-color: #aa0000;color: #ffffff;}
.bg-etat-affaire-8 {background-color: #aa0000;color: #ffffff;}
.bg-etat-affaire-9 {background-color: #aa0000;color: #ffffff;}
.bg-etat-affaire-10 {background-color: #aa0000;color: #ffffff;}


.etat-droit-0, .etat-droit-0 a {color: #000000; font-weight:900}
.etat-droit-1, .etat-droit-1 a {color: #aa0000; font-weight:900}
.etat-droit-2, .etat-droit-2 a {color: #f40000; font-weight:900}
.etat-droit-3, .etat-droit-3 a {color: #ff8040; font-weight:900}
.etat-droit-4, .etat-droit-4 a {color: #009500; font-weight:900}
.etat-droit-5, .etat-droit-5 a {color: #0080ff; font-weight:900}
.etat-droit-7, .etat-droit-7 a {color: #ff0000; font-weight:900}

.bg-etat-droit-0 {background-color: #ffffff;color: #000000;}
.bg-etat-droit-1 {background-color: #aa0000;color: #ffffff;}
.bg-etat-droit-2 {background-color: #f40000;color: #ffffff;}
.bg-etat-droit-3 {background-color: #ff8040;color: #ffffff;}
.bg-etat-droit-4 {background-color: #009500;color: #ffffff;}
.bg-etat-droit-5 {background-color: #0080ff;color: #ffffff;}
.bg-etat-droit-5 {background-color: #ff0000;color: #ffffff;}




.datetimepicker .today,.datetimepicker .day ,.datetimepicker .switch,.datetimepicker .prev,.datetimepicker .next,.datetimepicker .month,.datetimepicker .year, .heure .cell {text-align:center;}
.datetimepicker .month, .datetimepicker .year {padding:4px}
.datetimepicker .today:hover, .datetimepicker .day:hover , .datetimepicker .prev:hover,.datetimepicker  .next:hover,.datetimepicker  .switch:hover, .datetimepicker .month:hover, .datetimepicker .year:hover,
.heure .cell:hover  {background-color:#ddd;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;cursor:pointer;color:#000;}
.datetimepicker .day.active {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;cursor:pointer;color:#fff;background-color: #428bca;border-color: #357ebd;}
.datetimepicker .day.active:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e;} 
.datetimepicker .day.old {color:#aaa;}
.heure .cell { color:000; }

 
.img-responsive { margin: 0 auto;}

.text-prioritaire {color: #99ccff  !important;}
a.text-prioritaire:hover { color: #99b3ff  !important;}
.bg-prioritaire {background-color: #99e6ff !important;}
a.bg-prioritaire:hover {background-color: #FFFFFF  !important;}
.btn-prioritaire:hover,.btn-prioritaire:focus,.btn-prioritaire:active,.btn-prioritaire.active,.open .dropdown-toggle.btn-prioritaire 
{color: #fff; background-color: #99b3ff; border-color: #9999ff;}
.btn-prioritaire:active,.btn-prioritaire.active,.open .dropdown-toggle.btn-prioritaire {background-image: none;}
.btn-prioritaire.disabled,.btn-prioritaire[disabled],fieldset[disabled] .btn-prioritaire,.btn-prioritaire.disabled:hover,.btn-prioritaire[disabled]:hover,fieldset[disabled] .btn-prioritaire:hover, .btn-prioritaire.disabled:focus,.btn-prioritaire[disabled]:focus,fieldset[disabled] .btn-prioritaire:focus, .btn-prioritaire.disabled:active,.btn-prioritaire[disabled]:active,fieldset[disabled] .btn-prioritaire:active,.btn-prioritaire.disabled.active,.btn-prioritaire[disabled].active,fieldset[disabled] .btn-prioritaire.active 
{background-color: #bfdfff; border-color: #bfcfff;}


.text-gris {color: #cacaca;}
a.text-gris:hover { color: #b3b3b3;}
.bg-gris {background-color: #CCCCCC;}
a.bg-gris:hover {background-color: #FFFFFF;}
.btn-gris:hover,.btn-gris:focus,.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris 
{color: #fff; background-color: #d6d6d6; border-color: #c1c1c1;}
.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris {background-image: none;}
.btn-gris.disabled,.btn-gris[disabled],fieldset[disabled] .btn-gris,.btn-gris.disabled:hover,.btn-gris[disabled]:hover,fieldset[disabled] .btn-gris:hover, .btn-gris.disabled:focus,.btn-gris[disabled]:focus,fieldset[disabled] .btn-gris:focus, .btn-gris.disabled:active,.btn-gris[disabled]:active,fieldset[disabled] .btn-gris:active,.btn-gris.disabled.active,.btn-gris[disabled].active,fieldset[disabled] .btn-gris.active 
{background-color: #e5e5e5; border-color: #d43f3a;}
.btn-gris .badge {color: #e5e5e5;background-color: #fff;}
.label-gris {background-color: #e5e5e5;}
.label-gris[href]:hover,.label-gris[href]:focus {background-color: #d1d1d1;}
.alert-gris {  color: #cacaca;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-gris hr {  border-top-color: #FFFFFF;}
.alert-gris .alert-link {  color: #b3b3b3;}
.panel-gris {border-color:black;}
.panel-gris > .panel-heading {color: #cacaca;  background-color: black; border-color: #FFFFFF;}
.panel-gris > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-gris > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}

.text-rouge {color: #AA0000;}
a.text-rouge:hover { color: #AA0000;}
.bg-rouge {background-color: #ffaaaa;}
a.bg-rouge:hover {background-color: #FFFFFF;}
.btn-rouge:hover,.btn-rouge:focus,.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge 
{color: #fff; background-color: #AA0000; border-color: #AA0000;}
.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge {background-image: none;}
.btn-rouge.disabled,.btn-rouge[disabled],fieldset[disabled] .btn-rouge,.btn-rouge.disabled:hover,.btn-rouge[disabled]:hover,fieldset[disabled] .btn-rouge:hover, .btn-rouge.disabled:focus,.btn-rouge[disabled]:focus,fieldset[disabled] .btn-rouge:focus, .btn-rouge.disabled:active,.btn-rouge[disabled]:active,fieldset[disabled] .btn-rouge:active,.btn-rouge.disabled.active,.btn-rouge[disabled].active,fieldset[disabled] .btn-rouge.active 
{background-color: #AA0000; border-color: #d43f3a;}
.btn-rouge .badge {color: #AA0000;background-color: #fff;}
.label-rouge {background-color: #AA0000;}
.label-rouge[href]:hover,.label-rouge[href]:focus {background-color: #AA0000;}
.alert-rouge {  color: #AA0000;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-rouge hr {  border-top-color: #FFFFFF;}
.alert-rouge .alert-link {  color: #AA0000;}
.panel-rouge {border-color: #FFFFFF;}
.panel-rouge > .panel-heading {color: #AA0000;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-rouge > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-rouge > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}

.text-vert {color: #00AA00;}
a.text-vert:hover { color: #00AA00;}
.bg-vert {background-color: #FFFFFF;}
a.bg-vert:hover {background-color: #FFFFFF;}
.btn-vert {  color: #000;  background-color: #6aff6a;  border-color: #00aa00;}
.btn-vert:hover,.btn-vert:focus,.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert 
{color: #fff; background-color: #00AA00; border-color: #00AA00;}
.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert {background-image: none;}
.btn-vert.disabled,.btn-vert[disabled],fieldset[disabled] .btn-vert,.btn-vert.disabled:hover,.btn-vert[disabled]:hover,fieldset[disabled] .btn-vert:hover, .btn-vert.disabled:focus,.btn-vert[disabled]:focus,fieldset[disabled] .btn-vert:focus, .btn-vert.disabled:active,.btn-vert[disabled]:active,fieldset[disabled] .btn-vert:active,.btn-vert.disabled.active,.btn-vert[disabled].active,fieldset[disabled] .btn-vert.active 
{background-color: #00AA00; border-color: #d43f3a;}
.btn-vert .badge {color: #00AA00;background-color: #fff;}
.label-vert {background-color: #00AA00;}
.label-vert[href]:hover,.label-vert[href]:focus {background-color: #00AA00;}
.alert-vert {  color: #00AA00;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-vert hr {  border-top-color: #FFFFFF;}
.alert-vert .alert-link {  color: #00AA00;}
.panel-vert {border-color: #FFFFFF;}
.panel-vert > .panel-heading {color: #00AA00;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-vert > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-vert > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}




.text-bleu {color: #0000AA;}
a.text-bleu:hover { color: #0000AA;}
.bg-bleu {background-color: #FFFFFF;}
a.bg-bleu:hover {background-color: #FFFFFF;}
.btn-bleu {  color: #ffffff;  background-color: #3737ff;  border-color: #0000AA;}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu 
{color: #fff; background-color: #0000AA; border-color: #0000AA;}
.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu {background-image: none;}
.btn-bleu.disabled,.btn-bleu[disabled],fieldset[disabled] .btn-bleu,.btn-bleu.disabled:hover,.btn-bleu[disabled]:hover,fieldset[disabled] .btn-bleu:hover, .btn-bleu.disabled:focus,.btn-bleu[disabled]:focus,fieldset[disabled] .btn-bleu:focus, .btn-bleu.disabled:active,.btn-bleu[disabled]:active,fieldset[disabled] .btn-bleu:active,.btn-bleu.disabled.active,.btn-bleu[disabled].active,fieldset[disabled] .btn-bleu.active 
{background-color: #0000AA; border-color: #d43f3a;}
.btn-bleu .badge {color: #0000AA;background-color: #fff;}
.label-bleu {background-color: #0000AA;}
.label-bleu[href]:hover,.label-bleu[href]:focus {background-color: #0000AA;}
.alert-bleu {  color: #0000AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-bleu hr {  border-top-color: #FFFFFF;}
.alert-bleu .alert-link {  color: #0000AA;}
.panel-bleu {border-color: #FFFFFF;}
.panel-bleu > .panel-heading {color: #0000AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-bleu > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-bleu > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}



.text-violet {color: #660066;}
a.text-violet:hover { color: #660066;}
.bg-violet {background-color: #FFFFFF;}
a.bg-violet:hover {background-color: #FFFFFF;}
.btn-violet {  color: #ffffff;  background-color: #b300b3;  border-color: #660066;}
.btn-violet:hover,.btn-violet:focus,.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet 
{color: #fff; background-color: #660066; border-color: #660066;}
.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet {background-image: none;}
.btn-violet.disabled,.btn-violet[disabled],fieldset[disabled] .btn-violet,.btn-violet.disabled:hover,.btn-violet[disabled]:hover,fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus,.btn-violet[disabled]:focus,fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active,.btn-violet[disabled]:active,fieldset[disabled] .btn-violet:active,.btn-violet.disabled.active,.btn-violet[disabled].active,fieldset[disabled] .btn-violet.active 
{background-color: #660066; border-color: #d43f3a;}
.btn-violet .badge {color: #660066;background-color: #fff;}
.label-violet {background-color: #660066;}
.label-violet[href]:hover,.label-violet[href]:focus {background-color: #660066;}
.alert-violet {  color: #660066;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-violet hr {  border-top-color: #FFFFFF;}
.alert-violet .alert-link {  color: #660066;}
.panel-violet {border-color: #FFFFFF;}
.panel-violet > .panel-heading {color: #ffffff;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-violet > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-violet > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}



.marbot{margin-bottom:15px }
.martop{margin-top:15px }
.padbot{padding-bottom:15px }
.padtop{padding-top:13px }
.padtb{padding-top:5px; padding-bottom:5px }
.martb{margin-top:5px; margin-bottom:5px }
.marh{margin-left:5px; margin-right:5px }

.gradients1 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:    -moz-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:     -ms-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:      -o-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:         linear-gradient(top, #383e3a 0%, #2f292d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383e3a',endColorstr='#2f292d', GradientType=0);}
.gradients2 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:    -moz-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:     -ms-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:      -o-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:         linear-gradient(top, #bf185e 0%, #f349d6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf185e',endColorstr='#01ca00', GradientType=0);}

.blink {animation-name: blink;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0.5;}100% {opacity: 0;}}
.blink2 {animation-name: blink2;animation-duration: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink2 {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0;}100% {opacity: 0;}}
.shake  {animation-name: shake;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake  {from {transform: translateX(0);}to   {transform: translateX(-10px);}}
.shake2  {animation-name: shake2;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake2  {from {transform: translateY(0);}to   {transform: translateY(-10px);}}
.rotation  {animation-name: rotation;animation-duration: 8s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rotation  {from {transform: rotateY(0deg);}40% {transform: rotateY(0deg);}80%   {transform: rotateY(360deg);}to   {transform: rotateY(360deg);}}
.rgb  {animation-name: rgb;animation-duration: 2s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rgb{ from { color:blue; } 35%  { color:green; } to   { color:red; }}



@media (max-width: 767px) {  .text-center-xs {  text-align: center;  }}
@media (min-width: 768px) and (max-width: 991px) {.text-center-xs {  text-align: auto;  }}
@media (min-width: 992px) and (max-width: 1199px) {.text-center-xs {  text-align: auto;  }}
@media (min-width: 1200px) {.text-center-xs {  text-align: auto;  }}
.list-group-item{ background-color: transparent;border: 0px solid #ddd;margin-bottom: 0px;padding-bottom:5px;}
.list-group{margin-bottom: 0px;border-radius: 0px;box-shadow: none;}

.logo { width: 100%; }
.bpclick { width:100%; max-width:300px; overflow:hidden;  }

@media (max-width: 992px) {
.col-xs-12.text-right, .col-xs-12.text-left {text-align: center;} 
.logo {width: 80%;}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	
.bpclick { width:100%; overflow:hidden;  max-width:100%; }
	
td {
display:inline-block;
padding:5px;
width:100%;
padding: 1px !important;
vertical-align: center;
border-top: 0px solid #ddd !important;

}
td:last-child {margin-bottom: 25px !important;}

#fetat{ width:100px; }
.input-group-addon, .input-group-btn{ width: 57%; }
}


.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 0px solid #ddd;
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	
.btn {
margin-top: 5px;
margin-bottom: 5px;
max-width:300px;
overflow:hidden;
text-overflow: ellipsis; /* Ajoute "..." pour indiquer du contenu coupé */
}

td { display:inline; }

.affaires tr td a.btn{ margin-top:5px; margin-bottom:5px; }

  .navbar-nav > li {
    display: inline-block; /* Les rendre côte à côte */
    float: none; /* Évite les comportements flottants inutiles */
  }

  .navbar-nav > li > a {
    display: inline-block; /* Les rendre côte à côte */
    padding: 10px 15px; /* Ajuste l'espacement */
    font-size: 14px; /* Agrandir le texte */
    text-align: center;
  }
  
    .navbar-nav > li > a > i {
    font-size: 4em; /* Agrandir le texte */

  }

  .dropdown-menu {
    position: static; /* Permet d'afficher correctement en mode xs */
    float: none; /* Évite les comportements flottants inutiles */
    width: 100%; /* S'assure que la largeur est correcte */
    text-align: center;
  }

  .navbar-brand img {
    max-width: 80px; /* Ajuster la taille du logo si nécessaire */
  }




}



 .nav-tabs > li.tab-success > a {
            background-color: #00d900;
            color: #fff;
        }
        .nav-tabs > li.tab-danger > a {
            background-color: #d93600;
            color: #fff;
        }
        .nav-tabs > li.tab-success.active > a,
        .nav-tabs > li.tab-success.active > a:focus,
        .nav-tabs > li.tab-success.active > a:hover {
            background-color: #00b32d;
            color: #fff;
        }
        .nav-tabs > li.tab-danger.active > a,
        .nav-tabs > li.tab-danger.active > a:focus,
        .nav-tabs > li.tab-danger.active > a:hover {
            background-color: #b32d00;
            color: #fff;
        }