a:hover {
  color: #38B8C5;
  text-decoration: none;
}

h6 {
  color: #38B8C5;
}

h6 a {
  color: #38B8C5;
}

.active {
  background-color: #38B8C5;
  padding: 9px;
}

.page span {
  padding: 7px;
}

.table-sm td {
  padding:0px
}

.bg-slate-900 {
  background-color: #0a4d64 !important;
}


.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-background, .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-foreground {
  fill: #38B8C5;
}

.navbar-vertical.bg-slate-900 .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground {
  fill: #38B8C5;
}

td img {
  max-height: 70px;
  width: auto; /* Garde le ratio */
}


.btn-dark {
  background-color:#0a4d64;
  border-color:#0a4d64;
}

.bg-dark {
  background-color: #38B8C5 !important;
}

.icon-sm i {
  font-size: .85rem;
}

.badge.bg-success {
  background: #38B8C5 !important;
}
.text-success {
  color: #fff !important;
}
.border-success {
  border-color: #38B8C5 !important;
}

.error {
  color:red;
}

.btn-primary {
  background-color:#38B8C5;
  border-color:#38B8C5;
}

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

.bg-light {
  background-color: #f2f2f2 !important;
}

/* Cacher la case à cocher */
.custom-checkbox {
  display: none;
}

/* Style du label pour un look moderne */
.custom-checkbox + label {
  display: inline-block;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #0a4d64;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  user-select: none;
  width: 100%;
  border : 1px solid grey;
}

/* Effet au survol */
/*.custom-checkbox + label:hover {
  color: #0a4d64;
  border-color: #0a4d64;
  transform: scale(1.05);
}*/

/* Lorsque la case est cochée */
.custom-checkbox:checked + label {
  /*color: green;*/
  background-color: #d4edda;
  transition: all 0.3s ease-in-out;
}

/* Changement de couleur de fond pour toute la ligne sélectionnée */
.custom-checkbox:checked + label {
  background-color: #c8fac8;
  width: 100%;
}

/* Application des mêmes styles à .effet */
.effet + label {
  display: inline-block;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #38B8C5;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  user-select: none;
}

/* Effet au survol pour .effet */
.effet + label:hover {
  color: #0a4d64;
  border-color: #0a4d64;
  transform: scale(1.05);
}

/* Lorsque la case .effet est cochée */
.effet:checked + label {
  /*color: green;*/
  background-color: #d4edda;
  transition: all 0.3s ease-in-out;
}

/* Changement de couleur de fond pour .effet sélectionné */
.effet:checked + label {
  background-color: #c8fac8;
}
.form-select {
  line-height:2rem !important;
}

.alert-primary {
  background-color:#38B8C5;
  color:#fff;
}