img.logoS2S{
   /*border: 2px solid yellow;*/
   width: 65px;
   height: 41px;
   /* margin-left: 2px; */
   margin-top: 2px;
   /* position: relative;
   top: -10px;
   left: 10px; */
}

/* la premiere barre */

#navbar{
  background-color:  #e8e8e8;
  /* #a7cba0 */
  /* 9bc693; */
  /* #5cb85c */
  /* #85c87a */
  /* #90c187; */
}

/* la deuxieme barre horizontale */

.breadcrumbs {
    /* position: relative;
    z-index: auto; */
    border-bottom: 1px solid #a7cba0;
    background-color: #f5f5f5;
    /* background-color: #f5f5f5;
    min-height: 41px;
    line-height: 40px;
    padding: 0 12px 0 0; */
}

.breadcrumb > li > a {
    display: inline-block;
    color: #137a1d;
}

/* le bouton recherche */
.nav-search .nav-search-input {
    border: 1px solid #137a1d;
    /* width: 152px;
    height: 28px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px !important;
    font-size: 13px;
    line-height: 1.3;
    color: #666666 !important;
    z-index: 11;
    -webkit-transition: width ease .15s;
    -o-transition: width ease .15s;
    transition: width ease .15s; */
}

.nav-search .nav-search-input:hover {
    border: 1px solid #a7cba0;
}

.nav-search .nav-search-input:focus {
    border: 1px solid #137a1d;
    box-shadow:  0 0 10px #137a1d;
}

/* span.input-icon:focus{
  border: 1px solid #137a1d;
  box-shadow:  0 0 10px red;
} */

.nav-search .nav-search-icon {
    color: #137a1d !important;
    /* font-size: 14px !important;
    line-height: 24px !important;
    background-color: transparent; */
}

.ace-nav > li.green > a {
  background-color: #137a1d;
}

.ace-nav > li.green > a:hover {
  background-color: #1b8425;
}



div#sidebar-shortcuts.sidebar-shortcuts{
  border-bottom: 1px solid #a7cba0;
  border-right: 1px solid #a7cba0;
}
/* input#nav-search-input.nav-search-input{
  background-color: red;
} */
/* la barre lat�rale */
.no-skin .nav-list > li{
    /* display: block;
    position: relative;
    float: none;
    padding: 0;
    border-style: solid;
    border-width: 1px 0 0; */
    border-bottom: 1px solid #cce5c7;
    /* #bad9b4; */
    border-right: 1px solid #cce5c7;
}

.nav-list li:hover > a > .arrow,
.nav-list li.active > a > .arrow,
.nav-list li.open > a > .arrow {
  color: #04ac18;
  /* #1ba227;  */
}

/* .nav-list li.active > a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  border: 8px solid transparent;
  border-width: 14px 10px;
} */

 /* le triangle qui indique un menu actif */
.no-skin .nav-list li.active > a:after {
  border-right-color: #137a1d;
  -moz-border-right-colors: #137a1d;
}

/* le texte du menu actif */

.no-skin .nav-list > li.active > a {
    font-weight: bold;
    color: #137a1d;
}



/* le texte du menu survol� */

.no-skin .nav-list > li:hover > a {
  background-color: #ffffff;
  color: #059312;
}
.no-skin .nav-list > li.open > a {
  background-color: #fafafa;
  color: #059312;
}

.no-skin .nav-list > li > a:focus {
  background-color: #f8f8f8;
  color:  #137a1d;
}


/* le cas d'un sous menu */

.no-skin .nav-list > li .submenu > li.active > a {
    color: #137a1d;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
    background-color: #b0dfb4;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
    background-color: #e4f4e6;
}

.no-skin .nav-list > li .submenu > li > a:hover {
    background-color: #e4f4e6;
    color: #137a1d;
    /* d2ecd5; */
}

/* .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: red;
    border-color: #337ab7;
} */

  /* la bordure droite d'un menu actif */
.no-skin .nav-list > li.active:after {
  /* display: block;
  content: "";
  position: absolute;
  right: -2px;
  top: -1px;
  bottom: 0;
  z-index: 1;
  border: 2px solid;
  border-width: 0 2px 0 0; */
  border-color: #137a1d;
}
/* la bordure gauche d'un menu actif */
.nav-list > li::before {
    display: none;
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    height: 41px;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #137a1d;
}

/* le bouton qui permet de reduire le menu lat�ral */
.no-skin .sidebar-toggle > .ace-icon {
    border-color: #137a1d;
    color: #aaaaaa;
    background-color: #ffffff;
}
/*  les lignes sur le bouton qui permet de reduire le menu lat�ral */
.no-skin .sidebar-toggle {
    background-color: #f3f3f3;
    border-color: #cce5c7;
}

/* le reste vide du menu lat�ral */
.sidebar::before {
    /* content: "";
    display: block;
    width: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-color: inherit;
    border-style: inherit; */
    border-color: #cce5c7;
    border-width: 2px;
}
/* l'element en dessous du menu lat�ral */
.no-skin .sidebar {
    background-color: #f2f2f2;
    border-style: solid;
    border-color: #cce5c7;
    border-width: 0 1px 0 0;
}


/*  */
/*  */
/* Gestion de partie centrale : les tableaux */
/*  */
/*  */
/*  */

.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: green;
}

table#simple-table > thead{
  background-color: green;
}

.table > thead > tr {
    color: #ffffff;
    font-weight: normal;
    background: green;
  }

  /* Les s�parations */

  .hr-double {
    height: 3px;
    border-top: 1px solid #a7cba0;
    /* #E3E3E3; */
        border-top-style: solid;
        border-top-color: #a7cba0;
        /* rgb(227, 227, 227); */
    border-bottom: 1px solid #a7cba0;
        border-bottom-style: solid;
        border-bottom-color: #a7cba0;
    /* border-top-color: rgba(0, 0, 0, 0.11);
    border-bottom-color: rgba(0, 0, 0, 0.11); */
}

/* Entete tableau */

.table-header {
    background-color: #f2f2f2;
    /* #04ac18; */
    /* #307ecc; */
    color: black;
    /* font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px; */
}

/* Entete et Pagination du tableau dynamique */

.btn-white.btn-info {
    border-color: #c4dbc0;;
    color: green !important;
}

.btn-white.btn-primary {
    border-color: #c4dbc0;
    color: #6688a6 !important;
}

.dataTables_wrapper .row:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #c4dbc0;
}

.dataTables_wrapper input[type="text"]:focus, .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper select:focus {
border: 1px solid green;
}

.dataTables_wrapper .row:last-child {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #c4dbc0;
    /* #EFF3F8; */
}
/* L'entete du tableau dynamique le tri*/
.dataTable > thead > tr > th[class*="sort"] {
    cursor: pointer;
}

.dataTable > thead > tr > th[class*="sort"]:hover {
    cursor: pointer;
    color:#FFF;
}

.dataTable > thead > tr > th[class*="sort"]:focus {
    cursor: pointer;
    color:#FFF;
    background-color: #c4dbc0;
}

.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
  background-color: #b0dfb4;
  /* #ebfae8; */
  background-image: none;
  color: green;
  /* linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%); */
}

.dataTable > thead > tr > th.sorting_asc::after, .dataTable > thead > tr > th.sorting_desc::after {
    /* content: "\f0de";
    top: 4px; */
    color: green;
    /* #307ecc; */
}

/* le bouton radion du tableau */

input[type="checkbox"].ace + .lbl::before, input[type="radio"].ace + .lbl::before {
    /* cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px; */
    color: green;
    /* content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px; */
}

/* input[type="checkbox"].ace:checked, input[type="radio"].ace:checked, input[type="checkbox"].ace:focus, input[type="radio"].ace:focus {
    outline: none !important;
    border:red;
    color: red;
} */

/* la pagination du tableau */
.pagination > li.active > a, .pagination > li.active > a:hover {
    background-color: green;
    /* #6faed9; */
    border-color: green;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.pagination > li > a, .pager > li > a {
    border-width: 1px;
    border-color: #c4dbc0;
    border-radius: 0 !important;
    color: green;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    position: relative;
    z-index: auto;
}

.pagination > li > a:hover, .pager > li > a:hover {
    background-color: #ebfae8;     /* vert*/
}

a {
    color: green;
    text-decoration: none;
}

a:hover{
  color: green;
  text-decoration: underline;
}

/*  */
/* la partie jqgrid du fichier jqgrid de ace */
/*  */


/* Titre du tableau */

.ui-jqgrid-view > .ui-jqgrid-titlebar {
    height: 40px;
    line-height: 24px;
    color: #FFF;
    background: green;
    padding: 0;
    font-size: 15px;
}

.ui-jqgrid .ui-jqgrid-hdiv {
    line-height: 15px;
    font-weight: bold;
    color: #777;
    text-shadow: none;
}

.ui-jqgrid-sortable {
    padding-left: 4px;
    font-size: 13px;
    color: #777;
    font-weight: bold;
}

.ui-jqgrid-sortable:hover {
    color: green;
}

/* L'entete du tableau et le triange de tri*/

th[aria-selected="true"] .ui-jqgrid-sortable {
    color: green;
    /* #307ecc; */
}

.ui-jqgrid .ui-icon-asc, .ui-jqgrid .ui-icon-desc {
    text-indent: 0;
    color: green;
    float: none;
    right: 2px;
}

/* Le plus du tableau */

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span.fa-plus::before {
    display: block;
    color: green;
}

/* Le crayon */

.ui-jqgrid .ui-icon-pencil {
    color: green;
}

.ui-jqgrid tr.jqgrow:hover, .ui-jqgrid tr.ui-row-ltr:hover, .ui-jqgrid tr.ui-row-rtl:hover {
    border: none;
    background-color: #ebfae8;
}

.ui-jqgrid .ui-jqgrid-pager {
    /* line-height: 15px;
    height: 55px;
    padding-top: 3px !important;
    padding-bottom: 5px !important; */
    background-color: #c4dbc0 !important;   /* vert */
    /* border-bottom: 1px solid #E1E1E1 !important;
    border-top: 1px solid #E1E1E1 !important; */
}


.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.fa.fa-pencil {
    float: left;
    margin: 0 2px;
    color: green !important;
}

/* .ui-jqgrid-labels th[id*="_cb"]:first-child > div > input {
    text-align: center !important;
    background-color: red;
} */


/*  */
/* Les formulaires 1 */
/*  */

/* Le formulaire login */

div#widget-login{
    color: green;
    background-color: green;
    /* border: 2px solid green; */
    height: 30px;
    /* #04ac18; */
    /* #669fc7; */
}

div#widget-box{
    color: green;
    border: 2px solid green;
    background-color: #F7F7F7;
    /* #04ac18; */
    /* #669fc7; */
}

   fieldset#formulaireloginace {
   position: relative;
   top: 0px;
   left: 0px;
   width: 380px;
   border: none;
   }


   fieldset#formulairevente {
   position: relative;
   top: 0px;
   left: 0px;
   width: 700px;
   padding: 10px;
    border: 1px solid green;
   }

   #formventeheader {
   width: 700px;
   padding: 10px;
   font-size: 14px;
    background-color: green;
    color: white;
   }


/* span.block.input-icon.input-icon-right > input:focus{
  border: 2px solid green;
} */
   .fa-user::before {
    color: green;
}


.fa-lock::before {
color: green;
}
/*  */
/* OK JUSQU ICI */
/*  */
/*  */
/*  */
/*  Le profil utilisateur */
/*  */
/*  */

.profile-user-info-striped {
    border: 1px solid gray;
    /* #ebfae8; */
}

.profile-user-info-striped .profile-info-name {
    color: green;
    background-color: #ebfae8;
    border-top: 1px solid gray;   /*#ebfae8*/
}

.profile-user-info-striped .profile-info-value {
    /* color: green; */
    /* background-color: #ebfae8; */
    border-top: 1px solid gray;   /*#ebfae8*/
}

#creation-util {
    border: 1px solid green !important;
    padding: 8px 8px 8px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #FFF;
}

#creation-login {
    border: 1px solid green !important;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #FFF;
}

.btn-info, .btn-info:focus {
    background-color: #6fb3e0 !important;
    border-color: #6fb3e0;
}

#btn-add-user {
    background-color: green !important;
    border-color: green;
}

#btn-add-user:hover {
    background-color: #04ac18 !important;
    border-color: green;
}

#btn-add-categorie {
    background-color: gray !important;
    border-color: gray;
}

#btn-add-categorie:hover {
    background-color: #cccccc !important;
    border-color: gray;
}

/* Modal form */
.modal-dialog {
    width: 660px;
    margin: 30px auto;
}

.modal-content{
  width: 660px;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid green;
    min-height: 16.42857143px;
}

.modal-footer {
    padding-top: 12px;
    padding-bottom: 14px;
    border-top-color: green;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #c4dbc0;
    /* #eff3f8; */
}

#modal-delete-footer {
    border-top: none;
    /* #eff3f8; */
}

#modal-vente > .modal-dialog {
    width: 800px;
    margin: 30px auto;
}

#modal-content-vente {
    width: 800px;
    margin: 0px auto;
}

#modal-ajout-engagement > .modal-dialog {
    width: 800px;
    margin: 30px auto;
}

#modal-content-ajoutengagement {
    width: 800px;
    margin: 0px auto;
}

/* le formulaire de vente */
   #table-vente input {
   width: 50px;
   }

   /* Gestion du stock */

#info-stock  {

    width: 400px !important;
    font-size: 16px;
    border-radius: 10px;
    line-height: 1.5;

}

.nav-tabs {
    border-color: #c4dbc0;
    /* #C5D0DC; */
    font-size: 16px;
    margin-bottom: 0 !important;
    margin-left: 0;
    position: relative;
    top: 1px;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    border-radius: 0 !important;
    border-color: #c4dbc0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #576373;
    border-color: green;
        border-top-color: rgb(197, 208, 220);
        border-bottom-color: rgb(197, 208, 220);
    border-top: 2px solid green;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover{
    color: green;
}

.nav.nav-tabs.padding-18 {
    padding-left: 150px;
}

#groupe-option-1, #edit-groupe-option-1 {
  /* margin-top: 10px; */
   /* border-bottom: 1px dashed red; */
  border-top: 3px solid green;
  /* padding: 10px; */
  padding-bottom: 0px;
}

#groupe-option-2, #edit-groupe-option-2 {
  /* margin-top: 10px; */
  /* border-bottom: 1px dashed green; */
  border-top: 3px solid #777777;
  /* padding: 10px; */
  padding-bottom: 0px;
}

#groupe-option-3, #edit-groupe-option-3{
  /* margin-top: 10px; */
  /* border-bottom: 1px dashed blue;*/
  border-top: 3px solid #5bc0de;
  /* #f0ad4e; */
  /* #fcf8e3;  */
  /* padding: 10px; */
  padding-bottom: 0px;
}

#groupe-option-4, #edit-groupe-option-4 {
  /* margin-top: 10px; */
  /* border-bottom: 1px dashed purple;*/
  border-top: 1px dashed purple;
  /* padding: 10px; */
  padding-bottom: 0px;
}

#groupe-option-5, #edit-groupe-option-5 {
  /* margin-top: 10px; */
  /* border-bottom: 1px dashed black;
  border-top: 1px dashed black; */
  /* padding: 10px; */
  padding-bottom: 0px;
}
#groupe-option-1 span, #groupe-option-2 span, #groupe-option-3 span, #edit-groupe-option-1 span, #edit-groupe-option-2 span, #edit-groupe-option-3 span {
  width: 100px;
}

.login-box .toolbar {
  background: #76B774; /*#5090C1; */
  border-top: 2px solid #759759;
  /* border-top: 2px solid #597597; */
}

.radio label, .checkbox label {
    padding-left: 10px;

}


select:invalid {
  height: 0px !important;
  opacity: 0 !important;
  position: absolute !important;
  display: flex !important;
}
select:invalid[multiple] {
  margin-top: 15px !important;
}

.no-skin .sidebar {
    background-color: #f2f2f2;
    border-style: solid;
    border-color: green;
    border-width: 0 1px 0 0;
}

.no-skin .sidebar.h-sidebar .nav-list > li.active, .no-skin .sidebar.h-sidebar .nav-list > li.active + li, .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
    border-left-color: red;
    /* #79b0ce; */
}

.nav.nav-tabs.padding-18 {
    padding-left: 350px;
}

.ace-file-input .ace-file-container:before {
  display: inline-block;
  content: attr(data-title);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 24px;
  text-align: center;
  padding: 0 8px;
  background-color: #87b87f;
  /* #c4dbc0; */
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #FFF;
  border-left-width: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#facture-numero{
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 30px;
  left: 10px;
  border: 2px solid;
  padding: 5px;
  border-radius: 10px;
}

#page-facture{
  border: 2px solid;
  padding: 5px;
  /* height: 590px; */
}

.separator{
  border-bottom: 2px dashed;
}

/* .profile-info-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: normal;
    color: #667E99;
    background-color: transparent;
    border-top: 1px dotted #D5E4F1;
    display: table-cell;
    width: 210px;
    vertical-align: middle;
} */

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 0.2em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0.5em !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    border:none;
    width:135px;
    padding: 0 0 0 0.4em !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

#form-createfacturevente{
  padding-left: 16px;
  }

  .page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 20px;
    font-weight: lighter;
    /* color: #2679b5; */
  }

  /* #logo2s-ticketcaisse{
    padding-left: 100px;
    } */