.espaceHaut {
    margin-top: 85px;
}

.containerPrincipal, .navbar {
    z-index: 3;
    position: relative;
}

.basket {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #000;
    z-index: 95;
    
    position: fixed;
    right: 0px;
    top: 50%; /* à 50%/50% du parent référent */
    transform: translate(0, -50%); /* décalage de 50% de sa propre taille */
    max-height: 75%;
    max-width: 33%;
    overflow: auto;
    padding: 10px;
}

.swimmerBasket {
    padding-top: 10px;
}

#loading-screen {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    opacity: 1;
    transition: 1s opacity;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
}

#textLoader {
    width: 300px;
    color: #FFFFFF;
    text-align: center;
    font-style: italic;
}

#imgLoader img {
    width: 150px;
    height: 150px;

    margin-left: 75px;
}

.table-striped-perso>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-color);
    --bs-table-bg-type: var(--bs-table-bg);
}
.table-striped-perso>thead>tr>*, .table-striped-perso>tbody>tr:nth-of-type(6n)>*, .table-striped-perso>tbody>tr:nth-of-type(6n-1)>*, .table-striped-perso>tbody>tr:nth-of-type(6n-2)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
}
.font-weight-bold {
    font-weight: bold;
}
td.noTime {
    color: var(--bs-gray-300);
}
tr.noTimeObligatory > td, td.noTimeObligatory {
    color: var(--bs-danger);
}
label.required:after {
    content: " *";
    color: #ff0000;
}
.bg-light {
    background-color: #e7f2f7 !important;
}
.bg-ss-light {
    background-color: #f1f1f1;
}
.noMgTop {
    margin-top: 0;
}


.basketTdSwimmers .divSwimmer span {
    display: block;
}
span.titleName {
    font-weight: bold;
}
span.littleName {
    font-size: 11px;
}

.basketWarning {
    color: orange;
}
.basketError {
    color: red;
}

.divSeachSwimmer span {
    display: block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.autocomplete-items div.noValue {
  padding: 10px;
  cursor: not-allowed;
  background-color: #fff;
  font-style: italic;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div.noValue:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.tooltip {
    position: fixed;
    padding: 10px 20px;
    border: 1px solid #b3c9ce;
    border-radius: 4px;
    text-align: center;
    font: italic 14px/1.3 sans-serif;
    color: #333;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    z-index: 8;
}

.divFormSplits {
    overflow: auto;
    white-space:nowrap;
}

.divFormSplits div {
    display: inline-block;
}

.divFormSplits input:read-only {
    background-color: #ccc;
}
.divFormSplits input:-moz-read-only {
    background-color: #ccc;
}
.tabSplits .bloc400 {
    display: inline-block;
}
.tabSplits .bloc400 + .bloc400 {
    border-left: solid 1px #000;
}