html, body{
  /* background-color: #D9DADE; //#e9dff2 ; //rgb(217, 223, 237); */
  overflow-x: hidden;
}

body.bg-login {
  background: unset;
}

.container {
  padding-top: 10px;
}

.fill {
    min-height: 100%;
    height: 100%;
}

.center {
    display: block;
    margin: auto;
}

.bg-login {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* main > .container
{
    margin-top: 60px;
    margin-bottom: 90px;
} */

main > .container, main > .container-fluid
{
    margin-bottom: 90px;
}

footer > .container
{
    padding: 5px;
}

footer
{
    padding: 0px !important;
}

.progress-stacked, .progress
{
    height: 45px !important;
}

.progress-stacked.legend, .progress-stacked.legend > .progress
{
    height: 15px !important;
}

label.required:before {
    content: "* ";
    color: red;
}

.list-header .card-body {
    padding: 0.25rem;
}

/* Fixer la taille des colonnes en utilisant des unités relatives (rem) ou des pixels */
.col-icon { width: 1rem; }
.col-list { width: 1rem; }
.col-id { width: 1rem; }
.col-size { width: 3rem; }
.col-price { width: 3rem; }
.col-gain { width: 2rem; }
.col-actions { width: 3rem; }
.col-verifs { width: 3rem; }
.no-wrap { white-space: nowrap;}
.col-handle { width: 1rem; }

/* La colonne Description occupe le reste de l'espace */
.col-description { width: auto; }

.handle {
    cursor: grab; /* Curseur "main ouverte" au survol */
}

.handle:active {
    cursor: grabbing; /* Curseur "main qui attrape" lorsqu'on clique */
}