body {
  background-color: #2e038c;
}
.circular-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  z-index: 1050;
  display: none;
}

.circular-loader svg {
  transform: rotate(-90deg);
}

.circular-loader circle {
  fill: none;
  stroke-width: 12;
}

.circular-loader .background {
  stroke: #00f4d9;
}

.circular-loader .progress {
  stroke: #f92ac2;
  stroke-linecap: round;
  stroke-dasharray: 785; /* Longueur totale du cercle */
  stroke-dashoffset: 785; /* Cacher complètement au départ */
  transition: stroke-dashoffset 0.1s linear;
}

.circular-loader .percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  font-weight: bold;
  color: #FFF !important;
}



.container {
  min-height: calc(100vh - 80px); /* Hauteur totale de la fenêtre moins la hauteur du header */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Aligne les éléments au centre verticalement */
}

header {
  height: 80px;
  background-color: #f8f9fa; /* Couleur de fond du header */
  display: flex;
  align-items: center;
  padding: 10px 60px;
}

.logo img {
  width: 70px;
  height: 70px;

}
.formuPload {
  color: #f8f9fa;
}
.login_form {
  background-color: #f8f9fa;
  width: 600px;

}
.login_form img {
 float: none;
}

.bg-turquoise {
  background: #00f4d9 !important;
  font-weight: 700
}

#dataForm{
  background-color: #f8f9fa !important;
  padding: 20px;
}