body{
  font-family: 'Roboto Condensed', sans-serif !important;
}
thead th{
  background-color: #3b71ca !important;
  color: #eef8f7;
  font-weight: 900 !important;
}
tbody {
  background-color: #ffffff;
}
.TabWin{
  background-color: #28a745;
}
.TabLoose{
  background-color: #dc3545;
}

.menu {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
}

h1 {
  font-family: Changa;
  text-align: center;
  font-weight: 900;
  margin: 20px auto;
  color: #010506;
  background-color: #010506;
}
h2, h3, h4, h6 {
  font-family: Changa;
  text-align: center;
  font-weight: 900;
  margin: 20px auto;
  color: #eef8f7;
}


body{
	background-color: #eef8f7 !important;
}
.content{
	margin: 20px 5px;
}
.bg-dark-perso{
  background-color: #010506;
}
.col {
  margin: 10px;
  padding: 10px 30px;
}

h1 {
  color: #fff;
  padding: 20px 0px;
}

.form-outline .form-control {
  background: #eef8f7 !important;
}
.datatable-sort-icon {
  color: #010506 !important;
}
.datatable table, table {
  text-align: center;
}
@media screen and (max-width: 850px) {
    th, td {
      padding: 1px !important;
      vertical-align: middle !important;
    }
    .fas.fa-scroll {
      font-size: 10px;
    }
    .btn.btn-primary.btnClub {
      width: 100%;
    }
    
}