html {
    position: relative;
    min-height: 100%;
  }

body {
    background: rgb(240,240,240) url(/img/fond.jpg);
    min-height: 100%;
    font-size: 0.8em;
}

footer {
    font-size: x-small;
    font-style: italic;
}

#page {
    background-color: #FFF;
    min-height: calc(100vh - 95px);
}

#page404 {
    background-color: #FFF;
    min-height: 100vh;
}

#NavBar .input-group {
    max-width: 200px;
}

.dataTable table { min-width: 100% !important; }
.dataTable th, td { white-space: nowrap; }

table.dataTable>tbody>tr:hover>*{background-color: rgb(220, 240, 201);}

#FormTF .form-label { margin-top: -16px; margin-left:20px; }
#FormTF .input-group { margin-top: 20px; }

td.bg-primary a {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

td.bg-info a {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.ui-autocomplete
{
    z-index:99999999;
}

.ligneEV {
    background-color: #FFEDED !important;
    color: #5E5ECC;
    font-style: italic;
  }


#Live h2 {
    font-size: 1.5rem;
}

#Live h4 {
    font-size: 1.25rem;
    background-color: #aaaaaa;
}

#Live h5 {
    font-size: 1.0rem;
    font-style: italic;
}

#Live th {
    font-size: 0.6rem;
    font-style: italic;
    padding: 0px;
}
#Live td {
    padding: 0px;
}

#Live .navbar-toggler-icon {
    background-size: 90%;
    width: .8em;
    height: .8em;
}

 .ui-selected {
    background: #abf5a2;
  }

  .ui-selecting {
    background: #60ce54;
  }

  .editable {
      cursor: pointer;
      text-decoration: underline dotted rgb(0, 70, 49) 3px;
  }

.editabledc {
    cursor: pointer;
}


.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
    width: 400px;
}

.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}