html, body {
  background: #E7E7E7;
  padding: 0;
  margin: 0;
  min-height: 100%;
}

#pageTopDeg {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
}

.container-home{
  max-width: 100% ;
}

.container {
  min-height: 92vh;
  padding-bottom: 5rem;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
}

.btn-primary  {
  background-color: #763d32;
  border-color: #763d32;
}

.btn-primary:hover  {
  background-color: #c08c81;
  border-color: #c08c81;
}

.btn-success  {
  background-color: #8d976c;
  border-color: #8d976c;
}

.btn-success:hover  {
  background-color: #ccd898;
  border-color: #ccd898;
}

.btn-warning {
  background-color: #c7ba4c;
  border-color: #c7ba4c;
}

.btn-warning:hover  {
  background-color: #c7ba4c;
  border-color: #c7ba4c;
}

.table-Deg thead{
  color: white;
  background-color: #763d32;
  border-radius: 10px;
}

.table-striped-topDeg tbody tr:nth-of-type(even) {
  background-color: rgba(178, 147, 150, 0.4);
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #763d32;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.pagination a.disabled:hover {background-color: #ffffff;}
.pagination a.disabled {
  color: #575757 !important;
}

nav .logo {
  display: inline-block;
  width: 3em;
}

nav {
  background-color: #763d32;
  margin: 0 0 1em 0;
  padding: 0.5rem;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

nav h3 {
  color: #FFF;
}

nav h6 {
  float: right;
  color: #FFF;
  margin-top: 0.75rem;
}

.footerTopDegust {
  color: white ;
  text-align: center;
  background-color: #763d32;
}

nav a {
  color: #FFF;
  padding: .3em .5em ;
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-weight: bold;
}

nav a:hover {
  color: #FFF;
  padding: .4em .6em;
  margin-right: 0.4em;
  margin-left: 0.4em;
  border-width:1px;
}

#formulaire_selection,
#formulaire_new {
  margin-left: 3em;
}

#formulaire_new {
  display: none;
}

#submit_new_criteria_loading {
  display: none;
}

.degustations-list-item a {
  display: flex;
  justify-content: space-between;
}

.degustations-list-item a small {
  align-self: center;
  color: #999;
  padding-left: .5em;
}

.degustations-list-item a:hover {
  text-decoration: none;
}

footer {
  margin-top: 5em;
  background: rgba(0,0,0,0.5);
  width: 100%;
  padding: .2em 1em;
  color: #FFF;
}

.logo-container {
  display: flex;
}


.criteria-item,
.degustations-list-item {
  display: flex;
  justify-content: space-between;
}

.modal{
       overflow: visible !important;
}

.list-group-item, .list-group-item:hover{ z-index: auto; }

.stat_texte b {
  display: block;
}

.field-eye {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}

.footer {
  grid-row-start: 2;
  grid-row-end: 3;
}

.color-ecart-type{
  color: #666;
}

.td-boutons-table{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  justify-content: space-evenly;
  height: 3rem
}

.list-item-seance{
  border-radius: 0.25rem;
}

li.random-part-li {
  list-style-type: none;
  padding: 0 20px 20px 20px;
  min-width: 300px;
  background-color: #f4f4f4;
  border: 2px solid #ccc;
  border-radius: 10px; /* Coins arrondis */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre subtile */
}

li.random-part-li ul {
  display: flex;
}

.random-part-view {
  padding: 0px 20px 20px 20px;
  background-color: #f4f4f4;
  border: 2px solid #ccc;
  border-radius: 10px; /* Coins arrondis */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre subtile */
}