.user-size{
  font-size: 18px;
}
.badge-ready{
  font-size: 50px;
}
.badge-not-ready{
  font-size: 35px;
}
.solde{
  font-size: 40px;
}
.sidebar_connexion {
  width: 900px !important;
  background-color: #212529;
  min-height: calc(100vh - 0px);
}
#logo-on{
  position: relative;
  top: 55px;
}
.text-intitle{
  color: whitesmoke;
  font-size: 40px;
  font-weight: bold;

}
.text-sous{
  color: whitesmoke;
  font-size: 17px;
  text-decoration: italic;

}
.card-login{
  top: 55px;
}
.profile-img-card{
  width:196px;
  height:auto;
  margin:0 auto 10px;
  display:block;
}
@media (max-width:1150px) {
  .sidebar_connexion {
   display: none;
  }
}

.modal-dialog2 {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog2 {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog2 {
    transition: none;
  }
}

.modal.show .modal-dialog2 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (min-width: 576px) {
  .modal-dialog2 {
    max-width: 1200px;
    margin: 1.75rem auto;
  }
}

.style-tab{
  font-size: 22px;
}
.title{
  font-size: 22px;
}
.vertical { 
  border-left: 1px solid rgb(228, 228, 228); 
  height: 500px; 
  display: inline-block;
  } 
.compteur_nav{
background-color: red;
background: red;
border-radius: 5px;
color: white;
border-color: red;
position: absolute;
margin-top: -37px;
margin-left: 170px;
width: auto;
}
.ma_table td{
  border: 1px solid black;
}