.centerImg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.centerImg img {
  width: 420px;
  max-width: 100%;
}

.fade-box {
  opacity: 1;
  transition: opacity 1s ease; /* durée du fade */
}

.fade-box.hidden {
  opacity: 0;
}
.Cwhite {
  color: #fff !important;
}
.ColorHeader {
  background-color: #00538B;
}
.colorIcon{
    color: #00476b;
}
.TitleColor {
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
}

.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  display: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.spinner-overlay.show {
  display: flex !important;
  opacity: 1;
}
.swal2-popup {
  font-size: 0.8rem !important;
}
.b-none {
  border: none !important;
}
.content-box:hover{
    background-color:#f1f0f0;
}