/* Polyfill pour intégrer les styles acemaster courament utilisé dans le code */

.dark {
  color:#333!important
}
.white {
  color:#FFF!important
}
.red {
  color:#DD5A43!important
}
.red2 {
  color:#E08374!important
}
.light-red {
  color:#F77!important
}
.blue {
  color:#478FCA!important
}
.light-blue {
  color:#93CBF9!important
}
.green {
  color:#69AA46!important
}
.light-green {
  color:#B0D877!important
}
.orange {
  color:#FF892A!important
}
.orange2 {
  color:#FEB902!important;
}
.light-orange {
  color:#FCAC6F!important
}
.purple {
  color:#A069C3!important
}
.pink {
  color:#C6699F!important
}
.pink2 {
  color:#D6487E!important
}
.brown {
  color:brown!important
}
.grey {
  color:#777!important
}
.light-grey {
  color:#BBB!important
}
.bigger-110 {
  font-size:110%!important
}
.bigger-120 {
  font-size:120%!important
}
.bigger-130 {
  font-size:130%!important
}
.bigger-140 {
  font-size:140%!important
}
.bigger-150 {
  font-size:150%!important
}
.bigger-160 {
  font-size:160%!important
}
.bigger-170 {
  font-size:170%!important
}
.bigger-180 {
  font-size:180%!important
}
.bigger-190 {
  font-size:190%!important
}
.bigger-200 {
  font-size:200%!important
}
.bigger-210 {
  font-size:210%!important
}
.bigger-220 {
  font-size:220%!important
}
.bigger-230 {
  font-size:230%!important
}
.bigger-240 {
  font-size:240%!important
}
.bigger-250 {
  font-size:250%!important
}
.bigger-260 {
  font-size:260%!important
}
.bigger-270 {
  font-size:270%!important
}
.bigger-280 {
  font-size:280%!important
}
.bigger-290 {
  font-size:290%!important
}
.bigger-300 {
  font-size:300%!important
}
.bigger-115 {
  font-size:115%!important
}
.bigger-125 {
  font-size:125%!important
}
.bigger-175 {
  font-size:175%!important
}
.bigger-225 {
  font-size:225%!important
}
.bigger-275 {
  font-size:275%!important
}
.smaller-90 {
  font-size:90%!important
}
.smaller-80 {
  font-size:80%!important
}
.smaller-70 {
  font-size:70%!important
}
.smaller-60 {
  font-size:60%!important
}
.smaller-50 {
  font-size:50%!important
}
.smaller-40 {
  font-size:40%!important
}
.smaller-30 {
  font-size:30%!important
}
.smaller-20 {
  font-size:20%!important
}
.smaller-75 {
  font-size:75%!important
}
.width-20 {
  width:20%!important
}
.width-30 {
  width:30%!important
}
.width-35 {
  width:35%!important
}
.width-40 {
  width:40%!important
}
.width-45 {
  width:45%!important
}
.width-50 {
  width:50%!important
}
.width-55 {
  width:55%!important
}
.width-60 {
  width:60%!important
}
.width-65 {
  width:65%!important
}
.width-70 {
  width:70%!important
}
.width-80 {
  width:80%!important
}
.width-85 {
  width:85%!important
}
.width-90 {
  width:90%!important
}
.width-95 {
  width:95%!important
}
.width-100 {
  width:100%!important
}
.width-75 {
  width:75%!important
}
.width-25 {
  width:25%!important
}

/* .btn.btn-white {
  text-shadow:none!important;
  color:inherit;
} */

/* .btn.btn-white,
.btn.btn-white.no-hover:active,
.btn.btn-white.no-hover:hover {
  background-color:#FFF!important
}

.btn-white.btn-warning.active,
.btn-white.btn-warning:active,
.btn-white.btn-warning:focus,
.btn-white.btn-warning:hover,
.open>.btn-white.btn-warning.active.dropdown-toggle,
.open>.btn-white.btn-warning.dropdown-toggle {
  background-color:inherit!important;
  border-color:#e7b979;
  color:inherit!important
} */


/* ====== Infobox structure de base ====== */
.infobox:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* ====== Icône ronde ====== */
.infobox-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  flex-shrink: 0;
}

/* ====== Contenu texte ====== */
.infobox-data {
  line-height: 1.3;
}

.infobox-data-number {
  font-size: 1.6rem;
  font-weight: 700;
}


/* ====== Lien d’action (en haut à droite) ====== */
.infobox .btn-link {
  color: rgba(255, 255, 255, 0.7);
}
.infobox .btn-link:hover {
  color: #fff;
}

/* ====== Couleurs thématiques ====== */
.infobox-dark {
  background: linear-gradient(135deg, #444 0%, #222 100%);
  border: 1px solid #555;
}


.infobox-green {
  background: linear-gradient(135deg, #82af6f 0%, #5ca65c 100%);
  border: 1px solid #6fae68;
}

.infobox-blue {
  background: linear-gradient(135deg, #2e8ec7 0%, #1c6ba5 100%);
  border: 1px solid #2a7fb8;
}

.infobox-pink {
  background: linear-gradient(135deg, #d63384 0%, #b03072 100%);
  border: 1px solid #c32775;
}

.infobox-yellow {
  background: linear-gradient(135deg, #f8b84b 0%, #f89406 100%);
  border: 1px solid #f4a62a;
}

.infobox-red {
  background: linear-gradient(135deg, #d15b47 0%, #b0402f 100%);
  border: 1px solid #c84a3c;
}

/* correctif select2 nouvelle version pour que ça ne dépasse pas du dropdown */
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
  width: 100% !important;
  box-sizing: border-box;
}