body {
  background-color: #f8f9fa;
	display:flex;
	flex-direction:row;
}

#main-area {
	flex:1;
	display:flex;
    flex-direction:column;
    min-height: 100vh;

  &>.container {
	flex:1;
  }
}

.admin-sidebar {
	min-height:100vh;
	width:300px;

  ul {
	margin:0;
	padding:0;
	margin-bottom:3rem;

  }

  a {
    padding:1.5rem;
	padding-top:1rem;
	padding-bottom:1rem;
	display:block;
	color:white;

    &:hover {
      background-color:rgba(255,255,255,0.2);
      text-decoration:none;
    }

    i.fa {
      display:inline-block;
      width:1.5rem;
    }
  }
}

// Password-specific stuff

.card-connection {
  margin: auto;
  max-width: 360px;
}

.container-password {
  flex:1;
	display:flex;
  justify-content: center;
  width:100%;
}

/* Composant de la page d'accueil */

.nav-link.nav-title {
	border:0;

  &:hover {
	border:0;
  }
}

.card-header .nav-tabs {
	border-bottom:0;
}

.card-stats tr:first-child td, .card-stats tr:first-child th {
	border-top:0;
}

.modifier-listelement-line {
	display: flex;
}

/* Fonctionnalités globale : tableau dont la première ligne est fusionné à un card-header */


tr.card-header td, tr.card-header th {
	border:0;
}

tr.card-tablebody td, tr.card-tablebody th {
	/* on va plutôt gérer les border au niveau des tr pour éviter les soucis */
	border:0;
}

tr.card-tablebody:not(:last-child) {
	border-bottom:1px solid #dee2e6;
}

.td-id {
  // On rend gras les ids dans les tableaux.
  font-weight:700;
}