*
{
  box-sizing: border-box;
}

a {
  text-decoration: none !important;
  color: black ;
}

.logo{
  
  /* width: 88px; */
  height: 3rem;
  /* border-radius: 50%; */
  margin-left: 10px;
}


/* -------------------------------------------------------------------------- */
/*                                  home page                                 */
/* -------------------------------------------------------------------------- */

#home_page_section {
  margin-top: 25vh;
}


/* -------------------------------------------------------------------------- */
/*                                   navbar                                   */
/* -------------------------------------------------------------------------- */
header .navbar{
  /* background-color:rgb(255, 203, 92); */
  border-bottom: 2px solid rgb(255, 174, 0);
}

/* -------------------------------------------------------------------------- */
/*                                  Ajout Facture                             */
/* -------------------------------------------------------------------------- */

.input-facture-ligne, 
.input-facture-ligne-ht, 
.input-facture-ligne-ttc{
  width: 100px !important;
}

.input-facture-ligne-sel{
  width: 150px !important;
}

.input-facture-ligne-qte{
  width: 70px !important;
}

/* ------------------------------ Facture show ------------------------------ */
body{
  margin-top:20px;
  color: #484b51;
}
.text-secondary-d1 {
  color: #728299!important;
}
.page-header {
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  padding-top: .5rem;
  border-bottom: 1px dotted #e2e2e2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.page-title {
  padding: 0;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 300;
}
.brc-default-l1 {
  border-color: #dce9f0!important;
}

.ml-n1, .mx-n1 {
  margin-left: -.25rem!important;
}
.mr-n1, .mx-n1 {
  margin-right: -.25rem!important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem!important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

.text-grey-m2 {
  color: #888a8d!important;
}

.text-success-m2 {
  color: #86bd68!important;
}

.font-bolder, .text-600 {
  font-weight: 600!important;
}

.text-110 {
  font-size: 110%!important;
}
.text-blue {
  color: #478fcc!important;
}
.pb-25, .py-25 {
  padding-bottom: .75rem!important;
}

.pt-25, .py-25 {
  padding-top: .75rem!important;
}
.bgc-default-tp1 {
  background-color: rgba(121,169,197,.92)!important;
}
.bgc-default-l4, .bgc-h-default-l4:hover {
  background-color: #f3f8fa!important;
}
.page-header .page-tools {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.btn-light {
  color: #757984;
  background-color: #f5f6f9;
  border-color: #dddfe4;
}
.w-2 {
  width: 1rem;
}

.text-120 {
  font-size: 120%!important;
}
.text-primary-m1 {
  color: #4087d4!important;
}

.text-danger-m1 {
  color: #dd4949!important;
}
.text-blue-m2 {
  color: #68a3d5!important;
}
.text-150 {
  font-size: 150%!important;
}
.text-60 {
  font-size: 60%!important;
}
.text-grey-m1 {
  color: #7b7d81!important;
}
.align-bottom {
  vertical-align: bottom!important;
}

/* -------------------------------------------------------------------------- */
/*                                   Ventes                                   */
/* -------------------------------------------------------------------------- */

.histo {
  height: 300px;
}

.td-mois {
  width: 100px;
}


















 /* -------------------------------------------------------------------------- */
/*                              Registration form                             */
/* -------------------------------------------------------------------------- */

.js-verification {
  font-size: 12px;
  line-height: 1;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}

.dashboard a{
  font-size: 15px ;
  color:#fff;
  font-weight: bolder;
  margin: 10px;
}

.admin-badge {
    background-color: #d896e9; /* Couleur de fond */
    color: #fff; 
    border-radius: 50%; 
    padding: 8px 15px; 
    margin-right: 10px; 
    font-weight: bold; 
    display: inline-block; /* Permet au badge d'occuper seulement l'espace nécessaire */
}

.user-badge{
    background-color: #949494; 
    color: #fff; 
    border-radius: 50%;
    padding: 8px 15px; 
    margin-right: 10px;
    display: inline-block;
   
} 




.title {
  text-align: center;
  margin-top: 50px;
}


footer {
    width: 100%;
    text-align: center; 
    margin-top: auto;
    padding: 2rem;
    color: white;
    background-color:rgb(0, 102, 255);
   
}

.buttons-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20vh auto;
  

}

/**
 * Style principal
 */

 
 .main-container {
   /* background-color: #f0f0f0; */
   min-height: 100vh;
   font-family: sans-serif;
   overflow: hidden;
 }

 /* ......................validator password................... */
 

input #current-password {
  border:1px solid black; 
}

form .block-input input.invalide {
  border-color: red;
}
form .block-input input.succes {
  border-color: #97df07;
}

div .validator-criters {
  display:flex;
  flex-direction: column;
  padding: 10px 50px;
  margin: auto;
}
 div .validator-criters span {
  display: block;
  color: #cacaca;
  font-size: 13px;
  margin: 5px 0;
}
 div .validator-criters span.error {
  color: #a70b0b;
}
 div .validator-criters span.succes {
  color: #97df07;
}