@charset "UTF-8";
/*
  Style pour site extranet Filiale
  @Author : Ionel Loncle
  @Create : 15/05/2023
  @Version : 1.0
  @Style :extrent dpci

 */
/* ----------- Variables extend boostrap -----------*/
/**
  Fonts
 */
/**
 * Colors
 */
/**
 * Breadcrumb
 */
/**
 * Navbar
 */
/**
 * Offcanvas
 */
/**
 * Modal
 */
/* ----------- Base -------------- */
body, html {
  overflow-x: hidden;
  padding: 0 !important;
}

h1, h2, .title {
  color: #006BA1;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

h1:after, h2:after, .title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  width: 55px;
  height: 3px;
  background: #AECA0B;
}

* {
  font-family: "DM sans" !important;
}

/* Scrollbar */
.firefox *, .firefox {
  scrollbar-width: thin;
  scrollbar-color: #AECA0B #ffffff;
}

/* Scrollbar */
.chrome *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.chrome *::-webkit-scrollbar-track {
  background: transparent;
}

.chrome *::-webkit-scrollbar-thumb {
  background-color: #AECA0B;
  border-radius: 7px;
  border: 0;
}

/* ----------- components -------------- */
#news-swiper {
  background: rgba(237, 233, 229, 0.3);
  padding: 0.6rem;
  height: 60px;
}
#news-swiper .swiper-container {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
#news-swiper .swiper-container.fade-in {
  opacity: 1;
}
#news-swiper .swiper {
  max-width: 1300px;
  margin: 0 auto;
}
#news-swiper .swiper .swiper-slide {
  color: #006BA1;
}
#news-swiper .swiper .swiper-slide .text-disponible {
  color: #006BA1;
}
#news-swiper .swiper .swiper-slide .text-retrait {
  color: #FF6492;
}
#news-swiper .swiper .swiper-slide .news-text {
  max-width: 70%;
}
#news-swiper .swiper .swiper-slide .news-icon {
  margin-right: 1rem;
}
#news-swiper .swiper .swiper-slide .news-icon i {
  font-size: 2.3rem;
}
#news-swiper .swiper .swiper-slide .news-icon i.icon-disponible:before {
  content: "\eb21";
}
#news-swiper .swiper .swiper-slide .news-icon i.icon-retrait:before {
  content: "\e9a3";
}
#news-swiper .swiper .swiper-slide .news-icon .news-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 0.9rem;
}
#news-swiper .swiper .swiper-slide .news-icon .news-subtitle {
  font-size: 0.8rem;
}

.swiper-button-prev:after {
  content: "\ea4d";
}

.swiper-button-next:after {
  content: "\ea50";
}

body .swiper-button-prev:after,
body .swiper-button-next:after {
  font-family: boxicons !important;
  color: rgba(120, 141, 152, 0.5);
}

.content--informationSite.informationSite-disponible .informationSiteContenu h2, .content--informationSite.informationSite-disponible .informationSiteContenu h3, .content--informationSite.informationSite-disponible .informationSiteContenu h4 {
  color: #006BA1;
}
.content--informationSite.informationSite-retrait h2:after {
  background-color: #FF6492;
}
.content--informationSite.informationSite-retrait .informationSiteTitre {
  color: #FF6492;
}
.content--informationSite.informationSite-retrait .informationSiteContenu h2, .content--informationSite.informationSite-retrait .informationSiteContenu h3, .content--informationSite.informationSite-retrait .informationSiteContenu h4 {
  color: #FF6492;
}

.alert-icon {
  position: relative;
}
.alert-icon:after {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  border: #fff 2px solid;
  position: absolute;
  background: #FF6492;
  border-radius: 100%;
  top: 0;
  right: 0;
}

#cloche-notification.cloche-sonne {
  animation: cloche-sonne 0.25s ease 6 alternate;
}

@keyframes cloche-sonne {
  from {
    transform: rotate(33deg);
  }
  to {
    transform: rotate(-33deg);
  }
}
*[class*=bx--],
*[class*=bxs--],
*[class*=carbon--],
*[class*=gg--],
*[class*=ic--],
*[class*=icon--],
*[class*=jam--],
*[class*=line-md--],
*[class*=lucide--],
*[class*=material-symbols--],
*[class*=mdi--],
*[class*=ph--],
*[class*=prime--],
*[class*=teenyicons--] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.action-icons {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon--discount {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 5H3a1 1 0 0 0-1 1v4h.893c.996 0 1.92.681 2.08 1.664A2.001 2.001 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2.001 2.001 0 0 1-1.973-2.336c.16-.983 1.084-1.664 2.08-1.664H22V6a1 1 0 0 0-1-1M9 9a1 1 0 1 1 0 2a1 1 0 1 1 0-2m-.8 6.4l6-8l1.6 1.2l-6 8zM15 15a1 1 0 1 1 0-2a1 1 0 1 1 0 2'/%3E%3C/svg%3E");
}

.menu-svg-icon {
  display: inline-block;
  fill: currentColor;
  height: 20px;
  width: 20px;
  stroke-width: 0;
  stroke: currentColor;
}

.bx--cart {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.994 1.994 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921M17.307 15h-6.64l-2.5-6h11.39z'/%3E%3Ccircle cx='10.5' cy='19.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5' fill='%23000'/%3E%3C/svg%3E");
  margin: auto;
  transition: background 0.3s ease;
}

.bx--trash {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z'/%3E%3Cpath fill='%23000' d='M9 10h2v8H9zm4 0h2v8h-2z'/%3E%3C/svg%3E");
  transition: background 0.3s ease;
}

.ic--outline-speed {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1a10 10 0 0 0-.27-10.44z'/%3E%3Cpath fill='%23000' d='M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49l-8.49 5.66a2 2 0 0 0 0 2.83'/%3E%3C/svg%3E");
  margin: auto;
  transition: background 0.3s ease;
}

.lucide--clipboard-check {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  margin: auto;
  transition: background 0.3s ease;
}

.bx--table {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 21h15.893c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2m0-2v-5h4v5zM14 7v5h-4V7zM8 7v5H4V7zm2 12v-5h4v5zm6 0v-5h3.894v5zm3.893-7H16V7h3.893z'/%3E%3C/svg%3E");
  margin: auto;
  transition: background 0.3s ease;
}

.form-check.custom-option:hover .ic--outline-speed,
.form-check.custom-option:hover .lucide--clipboard-check,
.form-check.custom-option:hover .bx--table,
.form-check.custom-option:hover .bx--cart {
  background-color: #fff !important;
  transition: background 0.3s ease;
}

.bxs--discount {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 5H3a1 1 0 0 0-1 1v4h.893c.996 0 1.92.681 2.08 1.664A2.001 2.001 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2.001 2.001 0 0 1-1.973-2.336c.16-.983 1.084-1.664 2.08-1.664H22V6a1 1 0 0 0-1-1M9 9a1 1 0 1 1 0 2a1 1 0 1 1 0-2m-.8 6.4l6-8l1.6 1.2l-6 8zM15 15a1 1 0 1 1 0-2a1 1 0 1 1 0 2'/%3E%3C/svg%3E");
}

.gg--check-o {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M10.243 16.314L6 12.07l1.414-1.414l2.829 2.828l5.656-5.657l1.415 1.415z'/%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m11 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  margin: auto;
}

.gg--close-o {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M16.34 9.322a1 1 0 1 0-1.364-1.463l-2.926 2.728L9.322 7.66A1 1 0 0 0 7.86 9.024l2.728 2.926l-2.927 2.728a1 1 0 1 0 1.364 1.462l2.926-2.727l2.728 2.926a1 1 0 1 0 1.462-1.363l-2.727-2.926z'/%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m11 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  margin: auto;
}

.teenyicons--folder-plus-solid {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 2.5A1.5 1.5 0 0 1 1.5 1h4.207l2 2H13.5A1.5 1.5 0 0 1 15 4.5v8a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 12.5zM7 11V9H5V8h2V6h1v2h2v1H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx--hide {
  --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.6 8.6 0 0 1 1.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a1 1 0 0 0 0 .633C2.073 12.383 4.367 19 12 19m0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a1 1 0 0 0 0-.633C21.927 11.617 19.633 5 12 5m4.972 10.558-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.3 9.3 0 0 1 12 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558'/%3E%3C/svg%3E") ;
}

.mdi--eye-outline {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0'/%3E%3C/svg%3E");
}

.prime--box {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.73 16.52V7.59a.7.7 0 0 0-.08-.33a.74.74 0 0 0-.36-.36l-8-3.58a.75.75 0 0 0-.62 0l-8 3.58a.8.8 0 0 0-.44.69v8.82a.83.83 0 0 0 .44.69l8 3.58a.72.72 0 0 0 .62 0l8-3.58a.77.77 0 0 0 .44-.58m-16-7.78l6.5 2.92v7.18l-6.5-2.91Zm8 2.92l6.5-2.92v7.19l-6.5 2.91ZM12 4.82l6.17 2.77L12 10.35L5.83 7.59Z'/%3E%3C/svg%3E");
  margin: auto;
}

.bxs--truck {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.15 8a2 2 0 0 0-1.72-1H15V5a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 1 1.73a3.49 3.49 0 0 0 7 .27h3.1a3.48 3.48 0 0 0 6.9 0a2 2 0 0 0 2-2v-3a1.07 1.07 0 0 0-.14-.52zM15 9h2.43l1.8 3H15zM6.5 19A1.5 1.5 0 1 1 8 17.5A1.5 1.5 0 0 1 6.5 19m10 0a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5'/%3E%3C/svg%3E");
  margin: auto;
}

.carbon--arrow-left {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m14 26l1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6L4 16z'/%3E%3C/svg%3E");
}

.jam--alert {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 24 24'%3E%3Cpath fill='%23000' d='M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-13a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1m0 10a1 1 0 1 1 0-2a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
}

.bx--folder-open {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.165 19.551c.186.28.499.449.835.449h15c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 11h-1V7c0-1.103-.897-2-2-2h-6.1L9.616 3.213A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14h.007a1 1 0 0 0 .158.551M17.341 18H4.517l2.143-5h12.824zM18 7v4H6c-.4 0-.762.238-.919.606L4 14.129V7z'/%3E%3C/svg%3E");
  margin: auto;
}

.bx--send {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.426 11.095l-17-8A.999.999 0 0 0 3.03 4.242L4.969 12L3.03 19.758a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81M5.481 18.197l.839-3.357L12 12L6.32 9.16l-.839-3.357L18.651 12z'/%3E%3C/svg%3E");
}

.bx--cloud-upload {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 19v-4h3l-4-5l-4 5h3v4z'/%3E%3Cpath fill='%23000' d='M7 19h2v-2H7c-1.654 0-3-1.346-3-3c0-1.404 1.199-2.756 2.673-3.015l.581-.102l.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2h-3v2h3c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888C18.507 7.67 15.56 5 12 5C9.244 5 6.85 6.611 5.757 9.15C3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5'/%3E%3C/svg%3E");
}

.lucide--mail {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/g%3E%3C/svg%3E");
}

.bx--phone-call {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.57 22a2 2 0 0 0 1.43-.59l2.71-2.71a1 1 0 0 0 0-1.41l-4-4a1 1 0 0 0-1.41 0l-1.6 1.59a7.55 7.55 0 0 1-3-1.59a7.62 7.62 0 0 1-1.59-3l1.59-1.6a1 1 0 0 0 0-1.41l-4-4a1 1 0 0 0-1.41 0L2.59 6A2 2 0 0 0 2 7.43A15.28 15.28 0 0 0 6.3 17.7A15.28 15.28 0 0 0 16.57 22M6 5.41L8.59 8L7.3 9.29a1 1 0 0 0-.3.91a10.12 10.12 0 0 0 2.3 4.5a10.08 10.08 0 0 0 4.5 2.3a1 1 0 0 0 .91-.27L16 15.41L18.59 18l-2 2a13.28 13.28 0 0 1-8.87-3.71A13.28 13.28 0 0 1 4 7.41zM20 11h2a8.81 8.81 0 0 0-9-9v2a6.77 6.77 0 0 1 7 7'/%3E%3Cpath fill='%23000' d='M13 8c2.1 0 3 .9 3 3h2c0-3.22-1.78-5-5-5z'/%3E%3C/svg%3E");
}

.bx--check {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10 15.586l-3.293-3.293l-1.414 1.414L10 18.414l9.707-9.707l-1.414-1.414z'/%3E%3C/svg%3E");
}

.bx--group {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.604 11.048a5.67 5.67 0 0 0 .751-3.44c-.179-1.784-1.175-3.361-2.803-4.44l-1.105 1.666c1.119.742 1.8 1.799 1.918 2.974a3.693 3.693 0 0 1-1.072 2.986l-1.192 1.192l1.618.475C18.951 13.701 19 17.957 19 18h2c0-1.789-.956-5.285-4.396-6.952'/%3E%3Cpath fill='%23000' d='M9.5 12c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2s-2-.897-2-2s.897-2 2-2m1.5 7H8c-3.309 0-6 2.691-6 6v1h2v-1c0-2.206 1.794-4 4-4h3c2.206 0 4 1.794 4 4v1h2v-1c0-3.309-2.691-6-6-6'/%3E%3C/svg%3E");
}

.line-md--account-small {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-dasharray='20' stroke-dashoffset='20' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M6 19V18C6 15.7909 7.79086 14 10 14H14C16.2091 14 18 15.7909 18 18V19' stroke-dashoffset='0'/%3E%3Cpath d='M12 11C10.3431 11 9 9.65685 9 8C9 6.34315 10.3431 5 12 5C13.6569 5 15 6.34315 15 8C15 9.65685 13.6569 11 12 11Z' stroke-dashoffset='0'/%3E%3C/g%3E%3C/svg%3E");
}

.ph--suitcase {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 56h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V72a16 16 0 0 0-16-16M96 48a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm64 24v128H96V72ZM40 72h40v128H40Zm176 128h-40V72h40z'/%3E%3C/svg%3E");
}

.bx--bx-link {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707l1.414-1.414l-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071a4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707l-1.414-1.414l-.707.707a3.007 3.007 0 0 1-4.243 0a3.005 3.005 0 0 1 0-4.243z'/%3E%3Cpath fill='%23000' d='m12 4.929l-.707.707l1.414 1.414l.707-.707a3.007 3.007 0 0 1 4.243 0a3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414l.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071a5.006 5.006 0 0 0-7.071 0'/%3E%3C/svg%3E");
}

.bx--bx-calendar-alt {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7v2H5a2 2 0 0 0-2 2m16 14H5V8h14z'/%3E%3C/svg%3E");
}

.bx--bx-calendar-exclamation {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z M11 10h2v5h-2zm0 6h2v2h-2z'/%3E%3C/svg%3E");
}

.bx--bx-lock {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5M9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722c0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12z'/%3E%3C/svg%3E");
}

.bx--flag {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4H6V2H4v18H3v2h4v-2H6v-5h13a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-1 9H6V6h12z'/%3E%3C/svg%3E");
}

.bx--world {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2M4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2l1 1v1.931C7.061 19.436 4 16.072 4 12m14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.947 7.947 0 0 1-1.67 4.873'/%3E%3C/svg%3E");
}

.bx--bx-list-ul {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z'/%3E%3C/svg%3E");
}

.bx--image-alt {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2M5 19V5h14l.002 14z'/%3E%3Cpath fill='%23000' d='m10 14l-1-1l-3 4h12l-5-7z'/%3E%3C/svg%3E");
}

.material-symbols--label-outline {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21 12l-4.35 6.15q-.275.4-.712.625T15 19H5q-.825 0-1.412-.587T3 17V7q0-.825.588-1.412T5 5h10q.5 0 .938.225t.712.625zm-2.45 0L15 7H5v10h10zM5 12v5V7z'/%3E%3C/svg%3E");
}

.bx--show {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3s3-1.358 3-3-1.359-3-3-3'/%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5m0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5'/%3E%3C/svg%3E") ;
}

.bx--bx-package {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 8a.76.76 0 0 0 0-.21v-.08a.77.77 0 0 0-.07-.16a.35.35 0 0 0-.05-.08l-.1-.13l-.08-.06l-.12-.09l-9-5a1 1 0 0 0-1 0l-9 5l-.09.07l-.11.08a.41.41 0 0 0-.07.11a.39.39 0 0 0-.08.1a.59.59 0 0 0-.06.14a.3.3 0 0 0 0 .1A.76.76 0 0 0 2 8v8a1 1 0 0 0 .52.87l9 5a.75.75 0 0 0 .13.06h.1a1.06 1.06 0 0 0 .5 0h.1l.14-.06l9-5A1 1 0 0 0 22 16zm-10 3.87L5.06 8l2.76-1.52l6.83 3.9zm0-7.72L18.94 8L16.7 9.25L9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z'/%3E%3C/svg%3E");
}

.bx--support {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.486 2 2 6.486 2 12v4.143C2 17.167 2.897 18 4 18h1a1 1 0 0 0 1-1v-5.143a1 1 0 0 0-1-1h-.908C4.648 6.987 7.978 4 12 4s7.352 2.987 7.908 6.857H19a1 1 0 0 0-1 1V18c0 1.103-.897 2-2 2h-2v-1h-4v3h6c2.206 0 4-1.794 4-4c1.103 0 2-.833 2-1.857V12c0-5.514-4.486-10-10-10'/%3E%3C/svg%3E");
}

.bx--bx-spa {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.787 9.023c-.125.027-1.803.418-3.953 1.774c-.323-1.567-1.279-4.501-4.108-7.485L12 2.546l-.726.767C8.435 6.308 7.483 9.25 7.163 10.827C5.005 9.448 3.34 9.052 3.218 9.024L2 8.752V10c0 7.29 3.925 12 10 12c5.981 0 10-4.822 10-12V8.758zM8.999 12.038c.002-.033.152-3.1 3.001-6.532C14.814 8.906 14.999 12 15 12v.125a18.933 18.933 0 0 0-3.01 3.154a19.877 19.877 0 0 0-2.991-3.113zM12 20c-5.316 0-7.549-4.196-7.937-8.564c1.655.718 4.616 2.426 7.107 6.123l.841 1.249l.825-1.26c2.426-3.708 5.425-5.411 7.096-6.122C19.534 15.654 17.304 20 12 20'/%3E%3C/svg%3E");
}

.bx--user-check {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.29 8.29L16 12.58l-1.3-1.29l-1.41 1.42l2.7 2.7l5.72-5.7zM4 8a3.91 3.91 0 0 0 4 4a3.91 3.91 0 0 0 4-4a3.91 3.91 0 0 0-4-4a3.91 3.91 0 0 0-4 4m6 0a1.91 1.91 0 0 1-2 2a1.91 1.91 0 0 1-2-2a1.91 1.91 0 0 1 2-2a1.91 1.91 0 0 1 2 2M4 18a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1h2v-1a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v1h2z'/%3E%3C/svg%3E");
}

.bx--bx-buildings {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 2H9c-1.103 0-2 .897-2 2v6H5c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2M5 12h6v8H5zm14 8h-6v-8c0-1.103-.897-2-2-2H9V4h10z'/%3E%3Cpath fill='%23000' d='M11 6h2v2h-2zm4 0h2v2h-2zm0 4.031h2V12h-2zM15 14h2v2h-2zm-8 .001h2v2H7z'/%3E%3C/svg%3E");
}

.bx--bx-edit {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m7 17.013l4.413-.015l9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583zM18.045 4.458l1.589 1.583l-1.597 1.582l-1.586-1.585zM9 13.417l6.03-5.973l1.586 1.586l-6.029 5.971L9 15.006z'/%3E%3Cpath fill='%23000' d='M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01c-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2'/%3E%3C/svg%3E");
}

.bx--bx-map {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2s-2-.897-2-2s.897-2 2-2'/%3E%3Cpath fill='%23000' d='M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819M12 4c3.309 0 6 2.691 6 6.005c.021 4.438-4.388 8.423-6 9.73c-1.611-1.308-6.021-5.294-6-9.735c0-3.309 2.691-6 6-6'/%3E%3C/svg%3E");
}

.bx--bx-briefcase {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 6h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2zm-5-2v2H9V4h6zM8 8h12v3H4V8h4zM4 19v-6h6v2h4v-2h6l.001 6H4z'/%3E%3C/svg%3E");
}

.bx--bx-block {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-1.846.634-3.542 1.688-4.897l11.209 11.209A7.946 7.946 0 0 1 12 20c-4.411 0-8-3.589-8-8zm14.312 4.897L7.103 5.688A7.948 7.948 0 0 1 12 4c4.411 0 8 3.589 8 8a7.954 7.954 0 0 1-1.688 4.897z'/%3E%3C/svg%3E");
}

.tab-icons {
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
}
.tab-icons.step-nb-2 {
  width: 320px;
}
.tab-icons.step-nb-3 {
  width: 680px;
}
.tab-icons.step-nb-4 {
  width: 680px;
}
.tab-icons .group-icon {
  color: #006BA1;
}
.tab-icons .group-icon .button {
  display: flex;
  flex-direction: column;
  width: 130px;
  border: none;
}
.tab-icons.step-1 .group-icon:first-child {
  color: #AECA0B;
}
.tab-icons.step-1 .group-icon:nth-child(3) {
  color: #FF6492;
}
.tab-icons.step-2 .group-icon:nth-child(-n+3) {
  color: #AECA0B;
}
.tab-icons.step-2 .group-icon:nth-child(5) {
  color: #FF6492;
}
.tab-icons.step-3 .group-icon:nth-child(-n+5) {
  color: #AECA0B;
}
.tab-icons.step-3 .group-icon:nth-child(7) {
  color: #FF6492;
}
.tab-icons.step-4 .group-icon:nth-child(-n+7) {
  color: #AECA0B;
}
.tab-icons.step-4 .group-icon:nth-child(9) {
  color: #FF6492;
}
.tab-icons.step-5 .group-icon:nth-child(-n+9) {
  color: #AECA0B;
}
.tab-icons.step-5 .group-icon:nth-child(11) {
  color: #FF6492;
}
.tab-icons.step-6 .group-icon:nth-child(-n+11) {
  color: #AECA0B;
}
.tab-icons.step-6 .group-icon:nth-child(13) {
  color: #FF6492;
}
.tab-icons span, .tab-icons i {
  width: 52px;
  height: 52px;
}
.tab-icons button {
  background: none !important;
}
.tab-icons .line {
  background-color: rgba(0, 0, 0, 0);
  width: 25px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.tab-icons .line i {
  font-size: 1.8rem;
  width: 100%;
  height: 100%;
}
.tab-icons .label-icon {
  max-width: 224px;
  margin-top: 5px;
  width: 100% !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.btn {
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 600;
  padding: 0.4rem 1.2rem 0.4rem;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.btn.btn-table-action-danger {
  background-color: #f07;
}
.btn.btn-sm {
  padding: 0.38em 1.2rem 0.35rem;
  font-size: 0.7rem;
  line-height: 0.8rem;
}
.btn.btn-lg {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1rem;
  border-radius: 3px;
}
.btn.btn-lg i {
  margin-right: 10px;
}
.btn .bx-sm {
  font-size: 1.25rem !important;
}
.btn i {
  position: relative;
  top: 0;
}
.btn[disabled] {
  pointer-events: auto;
}

ul.list-document-geide li {
  line-height: 200%;
}

.search-boxes {
  width: unset;
  height: unset;
}

.search-boxes-container {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
}
.search-boxes-container.disabled {
  color: gray !important;
}
.search-boxes-container.disabled .checkmark {
  border-color: gray !important;
}
.search-boxes-container + .search-boxes-container {
  margin-left: 10px;
}

.search-boxes-container:nth-child(n+2) {
  margin-top: 10px;
}

.search-boxes-container input {
  width: 0;
}

.table-search-boxes.header {
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: calc(100% + 20px);
}

.table-checkmark,
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 5px;
}

.table-checkmark {
  border: 2px solid #006BA1;
}

.search-boxes-container:hover input ~ .table-checkmark,
.search-boxes-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.search-boxes-container input:checked ~ .table-checkmark,
.search-boxes-container input:checked ~ .checkmark {
  background-color: #AECA0B;
}

.table-search-boxes .search-boxes-container {
  width: 20px;
  height: 20px;
}

.search-boxes-container input:checked ~ .checkmark {
  border: 2px solid #AECA0B !important;
}

.table-checkmark:after,
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.search-boxes-container input:checked ~ .table-checkmark:after,
.search-boxes-container input:checked ~ .checkmark:after {
  display: block;
}

.search-boxes-container .checkmark:after,
.search-boxes-container .table-checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-boxes-subtitle {
  margin-left: 30px;
  margin-top: -3px;
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.0509803922) !important;
}

/* Breadcrumb */
.breadcrumb {
  background: none;
  padding-left: 0;
}

.breadcrumb-item,
.breadcrumb-item:hover {
  color: #33C2FF;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

/* Forms */
.form-control {
  line-height: 1.8;
}
.form-control + .indication {
  font-size: small;
}
.form-control + .indication + .fieldError::before {
  content: "\a";
  white-space: pre;
}

.input-group .input-group-text {
  padding-right: 0;
}

.input-group .input-group-text + .form-control {
  border-left: 0;
  padding-left: 0.4rem;
}

.custom-file-input-wrapper {
  position: relative;
}
.custom-file-input-wrapper .input-control-file {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.label-control-file {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  width: 100%;
}

.date-range {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.date-range input[type=date] {
  -webkit-text-fill-color: #fff;
  color: #fff !important;
}
.date-range input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1) sepia(100%) saturate(100000%) hue-rotate(170deg);
}

.errorMessage li {
  list-style: none;
  font-size: small;
  color: #FF6492;
}

.choices {
  margin-bottom: 0;
}

.choices .choices__inner,
.choices.is-open .choices__inner,
.choices.is-focused .choices__inner {
  background: none;
  border-radius: 6px;
  border: var(--bs-border-width) solid #e4e8ea;
  padding: 6.5px 12.5px 4.75px 12px !important;
  min-height: 43px;
}

.choices__list--dropdown, .choices__list[aria-expanded],
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded],
.choices[data-type*=select-one] .choices__input {
  border-color: #e4e8ea;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  z-index: 10;
}

.choices.is-open .choices__inner {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.choices[data-type*=select-one]::after {
  border-color: #006BA1 transparent transparent transparent;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #006BA1 transparent;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background: #AECA0B;
  color: #fff;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  display: none;
}

.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
  padding-right: 10px;
}

form i.help {
  display: block;
  width: 100%;
  font-size: smaller;
}
form [aria-required=true] > label:after {
  content: " *";
  color: #f07;
}
form [data-one-required] > label:after {
  content: " **";
}
form [data-one-required] input.is-focused,
form [data-one-required] select.is-focused {
  border-color: #006BA1 !important;
}
form ul.helpRequiredFields {
  list-style-type: none;
}
form ul.helpRequiredFields li {
  float: left;
}
form ul.helpRequiredFields li:before {
  content: "* ";
  color: #f07;
}
form ul.helpRequiredFields li.oneRequired:before {
  content: "** ";
}
form ul.helpRequiredFields li + li {
  margin-left: 2em;
}

/* Card */
.card {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.card .card-body .card-subtitle {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 400;
}
.card .card-body .card-subtitle span {
  font-weight: 700;
}
.card .card-no-margin {
  margin: 0 !important;
}
.card .card-no-top {
  padding-top: 0 !important;
}
.card .card-no-bottom {
  padding-bottom: 0 !important;
}
.card .card-no-left {
  padding-left: 0 !important;
}
.card .card-no-right {
  padding-right: 0 !important;
}
.card .card-panier {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.card .card-panier div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-left: 15px;
  padding-right: 5px;
}

/* Tables */
table:not(.debugTable), .table:not(.debugTable) {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
table.fade-in, .table.fade-in {
  opacity: 1;
}
table.dataTable, .table.dataTable {
  margin: 0;
  border: 0;
  border-collapse: collapse !important;
}
table th, table.border-top, table tr:last-child td, .table th, .table.border-top, .table tr:last-child td {
  border: 0 !important;
}
table th, .table th {
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.85rem;
}
table thead th, table:not(.table-dark) th, .table thead th, .table:not(.table-dark) th {
  background: rgba(237, 233, 229, 0.3);
  color: #006BA1 !important;
  font-weight: bold;
}
table tbody td, .table tbody td {
  color: #006BA1 !important;
  font-size: 0.8rem;
  border-bottom: 1px solid #e4e8ea;
}
table tbody td.sorting_1, .table tbody td.sorting_1 {
  font-weight: bold;
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before, .table.dataTable thead > tr > th.sorting:after, .table.dataTable thead > tr > th.sorting:before {
  font-family: "boxicons";
  font-size: 0.7rem;
  opacity: 1;
  color: #33C2FF;
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, .table.dataTable thead > tr > th.sorting_asc:before, .table.dataTable thead > tr > th.sorting_desc:after {
  color: #055A83;
}
table.dataTable > :not(caption) > * > *, .table.dataTable > :not(caption) > * > * {
  padding: 0.325rem 0.8rem 0.2rem;
}
table.dataTable thead > tr > th:not(.sorting_disabled):before, .table.dataTable thead > tr > th:not(.sorting_disabled):before {
  content: "\ea57" !important;
}
table.dataTable thead > tr > th:not(.sorting_disabled):after, .table.dataTable thead > tr > th:not(.sorting_disabled):after {
  content: "\ea4a" !important;
}
table i, .table i {
  position: relative;
  top: 2px;
}
table .dataTables_wrapper .row:last-child > div, .table .dataTables_wrapper .row:last-child > div {
  width: auto;
}
table .dataTables_wrapper .row:last-child > div:first-child, .table .dataTables_wrapper .row:last-child > div:first-child {
  padding: 0;
}
table .dataTables_wrapper .row:last-child, .table .dataTables_wrapper .row:last-child {
  display: flex;
  justify-content: end;
}
table .dataTables_wrapper .dataTables_info, .table .dataTables_wrapper .dataTables_info {
  color: #006BA1;
  font-weight: 500;
  font-size: 0.8rem;
  padding-top: 0.95em !important;
}
table .dataTables_wrapper .dataTables_info b, .table .dataTables_wrapper .dataTables_info b {
  color: #33C2FF;
}
table th, table td, .table th, .table td {
  white-space: nowrap;
  overflow: hidden;
}
table.table-panier tr td.pl-25, .table.table-panier tr td.pl-25 {
  padding-left: 25px;
}
table .discount-offer, .table .discount-offer {
  border: 2px solid #006BA1;
  border-bottom: none;
}
table .discount-offer.agenceCommande, .table .discount-offer.agenceCommande {
  vertical-align: top;
  position: relative;
  font-size: 12px;
}
table .discount-offer.autreAgenceDispo, .table .discount-offer.autreAgenceDispo {
  border-top: none;
}
table .discount-offer .discount-circle, .table .discount-offer .discount-circle {
  position: absolute;
  top: 18%; /* Position verticale centrée */
  left: -15px;
  margin-top: 10px;
  transform: translateY(-50%);
  background-color: #006BA1;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  z-index: 1; /* Assurez-vous que la pastille est au-dessus du contenu de la cellule */
}
table .discount-offer .discount-ticket, .table .discount-offer .discount-ticket {
  position: absolute;
  top: 50%; /* Position verticale centrée */
  left: 50%; /* Position horizontale centrée */
  transform: translate(-50%, -50%) rotate(-33.75deg);
  background-color: #FF6492;
  width: 20px;
  height: 20px;
}
table .discount-row, .table .discount-row {
  border: 2px solid #006BA1;
}
table .discount-row td, .table .discount-row td {
  background: #006BA1 !important;
  color: #fff !important;
}
table .discount-row td .discount-title, .table .discount-row td .discount-title {
  margin-right: 5px;
  float: left;
}
table .discount-row td ul, .table .discount-row td ul {
  display: flex;
  gap: 5px;
  margin: 0;
  padding: 0;
}
table .discount-row td ul li, .table .discount-row td ul li {
  list-style: none;
  border-left: 1px solid #33C2FF;
  padding-left: 3px;
}
table .discount-row td ul li .discount-row-quantity, .table .discount-row td ul li .discount-row-quantity {
  color: #33C2FF !important;
}
table .discount-row td ul li.remise-active, .table .discount-row td ul li.remise-active {
  background-color: #33C2FF;
  border-radius: 2px;
}
table .discount-row td ul li.remise-active .discount-row-quantity, .table .discount-row td ul li.remise-active .discount-row-quantity {
  color: #006BA1 !important;
}
table .discount-row + .other-agencies-row, .table .discount-row + .other-agencies-row {
  bottom: 25px;
}
table tr.agenceCommande td, .table tr.agenceCommande td {
  border-bottom: none;
}
table tr.autreAgenceDispo:last-child, .table tr.autreAgenceDispo:last-child {
  border-bottom-width: 1px;
}
table tr.autreAgenceDispo td, .table tr.autreAgenceDispo td {
  border-bottom: none;
}
table tr.agenceCommande + .agenceCommande td, table tr.autreAgenceDispo + .agenceCommande td, .table tr.agenceCommande + .agenceCommande td, .table tr.autreAgenceDispo + .agenceCommande td {
  border-top: 1px solid #e4e8ea !important;
}

.dataTables_wrapper .row:last-child {
  display: flex;
  justify-content: end;
}
.dataTables_wrapper .row:last-child > div {
  width: auto;
}
.dataTables_wrapper .row:last-child .dataTables_info {
  color: #006ba1;
  font-size: 0.8rem;
  font-weight: 500;
  padding-top: 0.95em !important;
}
.dataTables_wrapper .row:last-child .dataTables_info b {
  color: #33c2ff;
}

.page-item.disabled .page-link,
.page-link {
  border: 0;
  background: none !important;
  color: #006BA1;
  padding-bottom: 0 !important;
}

.page-link i {
  font-size: 1.2rem;
  color: #006BA1;
}

.table.table--multi-ligne td {
  white-space: normal;
}

table#availability tr.agenceCommande {
  height: 40px;
  vertical-align: middle;
}
table#availability tr.agenceCommande td {
  padding-top: 0.2rem;
}
table#availability tr.agenceCommande td:first-child {
  font-weight: bold;
  padding-left: 25px;
}

.badge {
  padding: 0.5rem 0.8rem 0.48rem 0.8rem;
  border-radius: 60px;
}
.badge.bg-situation {
  background-color: #006BA1;
}
.badge.bg-situation-code-DI {
  background-color: #AECA0B;
}
.badge.bg-situation-code-NP {
  background-color: #FF6492;
}
.badge.bg-situation-code-NT {
  background-color: #FF6492;
}
.badge.bg-situation-code-MQ {
  background-color: #ffab00;
}
.badge.bg-situation-code-ML {
  background-color: #ffab00;
}
.badge.bg-situation-code-MR {
  background-color: #ffab00;
}
.badge.bg-situation-code-RL {
  background-color: #ffab00;
}
.badge.bg-commande-statut {
  background-color: #006BA1;
}
.badge.bg-commande-statut-C, .badge.bg-commande-statut-E, .badge.bg-commande-statut-AVOIR {
  background-color: #FF6492;
}
.badge.bg-commande-statut-G, .badge.bg-commande-statut-L, .badge.bg-commande-statut-P, .badge.bg-commande-statut-R {
  background-color: #ffab00;
}
.badge.bg-commande-statut-T, .badge.bg-commande-statut-V, .badge.bg-commande-statut-W {
  background-color: #AECA0B;
}
.badge.bg-reclamation-statut {
  background-color: #006BA1;
}
.badge.bg-reclamation-statut-1 {
  background-color: #788D98;
}
.badge.bg-reclamation-statut-2 {
  background-color: #FF6492;
}
.badge.bg-reclamation-statut-3 {
  background-color: #ffab00;
}
.badge.bg-reclamation-statut-4 {
  background-color: #AECA0B;
}

.action-card .sub-title {
  line-height: 0.9rem;
}

/* Modal */
.modal-header {
  background: #006BA1;
  text-transform: uppercase;
  padding: 1rem;
  padding-bottom: 1.5rem;
}

.modal-header .modal-title {
  color: #fff;
  font-size: 1rem;
  line-height: 1.125rem;
  position: relative;
}

.modal-header .modal-title b {
  color: #33C2FF;
}

.modal-header .modal-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #AECA0B;
}

.modal .modal-header .btn-close {
  margin-top: -0.3rem;
}

.modal .btn-close {
  border-radius: 100%;
  background: #AECA0B;
  color: #006BA1;
  box-shadow: none;
}

.modal .btn-close i,
.modal .footer-btn-close i {
  font-size: 1.8rem;
  transform: rotate(45deg) translate(-11px, 1px);
}

.modal-footer {
  padding: 1rem 1.5rem 1rem;
  background: rgba(237, 233, 229, 0.2);
  justify-content: start;
}

/* Offcanvas  */
.offcanvas.offcanvas-start {
  left: -40px;
  transition: all ease 0.5s;
}

.offcanvas-body {
  overflow-x: hidden;
  padding: 0.75rem 0.1rem;
}

.offcanvas-header {
  display: block;
  padding: 1rem;
  padding-top: 1.7rem;
}

.card.side-panel {
  width: 100%;
  background-color: #006BA1;
  height: fit-content;
}
.card.side-panel .card-header {
  padding-bottom: 0;
}
.card.side-panel .card-body {
  padding: 1.25rem;
}
.card.side-panel .card-footer {
  padding-top: 0;
}
.card.side-panel label {
  margin-top: 20px;
}
.card.side-panel h2, .card.side-panel label {
  color: #fff;
  letter-spacing: 0.07rem;
  line-height: 24px;
}
.card.side-panel h2 {
  color: #fff;
  letter-spacing: 0.07rem;
  line-height: 24px;
}
.card.side-panel input,
.card.side-panel select {
  background-color: #055A83;
  color: #fff;
  border: none !important;
}
.card.side-panel .choices {
  background-color: #055A83;
  border: none !important;
  border-color: #055A83;
  border-radius: var(--bs-border-radius);
}
.card.side-panel .choices .choices__inner {
  border-color: #055A83;
  border-width: 0;
  padding: 0.4375rem 0.875rem !important;
  min-height: 0;
}
.card.side-panel .choices .choices__inner .choices__item.choices__item--selectable {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.8;
  color: #fff;
}
.card.side-panel .choices .choices__inner .choices__item.choices__item--selectable[data-value="-1"] {
  color: var(--bs-body-color);
}
.card.side-panel .choices .choices__inner .choices__list--single {
  padding-top: 0;
  padding-bottom: 0;
}
.card.side-panel .choices .choices__list--dropdown {
  background-color: #07608D;
  border-color: #07608D;
}
.card.side-panel .choices .choices__list--dropdown::-webkit-scrollbar {
  display: none;
}
.card.side-panel .choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.card.side-panel .choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background: #006BA1;
}
.card.side-panel select.select-empty {
  color: #788D98;
}
.card.side-panel select option {
  color: #fff;
}
.card.side-panel input::placeholder,
.card.side-panel select option:first-child {
  color: #788D98;
}
.card.side-panel input:disabled, .card.side-panel select:disabled {
  background-color: rgba(120, 141, 152, 0.5);
  color: #788D98 !important;
  -webkit-text-fill-color: #788D98;
}
.card.side-panel .search-statut label {
  margin-top: 5px;
}
.card.side-panel .btn {
  width: 100%;
  height: 38px;
}
.card.side-panel .btn.notFullWidth {
  width: initial;
}
.card.side-panel .search-product {
  width: 100%;
}
.card.side-panel .search-icon {
  color: #fff;
  font-size: 25px !important;
  margin-right: 8px;
  margin-left: -12px;
}
.card.side-panel hr.panel-separator {
  border-top: 1px solid rgba(255, 255, 255, 0.1215686275);
  width: 100%;
  display: block;
  margin: 0;
}
.card.side-panel .card-info {
  margin-top: 15px;
  margin-bottom: 15px;
}
.card.side-panel .card-info-data {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.1rem;
  text-align: left;
}
.card.side-panel .card-info-label {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.1rem;
  text-align: left;
}
.card.side-panel .card-action {
  margin-top: 10px;
}
.card.side-panel .card-action .btn {
  font-size: inherit;
  font-weight: inherit;
}
.card.side-panel .submit-confirm {
  color: #fff;
  margin-top: 30px;
}

.cart-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 10px;
}
.cart-subtitle, .cart-title {
  letter-spacing: 0.1rem;
  text-align: left;
}
.cart-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px !important;
}

.panel-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.122);
  display: block;
  width: 100%;
}

.firefox * .card.side-panel, .firefox .card.side-panel {
  scrollbar-color: #33C2FF #07608D;
}

.chrome .card.side-panel *::-webkit-scrollbar-thumb {
  background-color: #33C2FF;
}

/**
 * All PRODUCTS
 */
.form-control-quantite {
  box-sizing: border-box;
  display: inline-flex;
  width: 6em;
}
.form-control-quantite::-webkit-inner-spin-button, .form-control-quantite::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.form-control-quantite .disabled {
  opacity: 50%;
}
.form-control-quantite .disabled button, .form-control-quantite .disabled input {
  cursor: not-allowed !important;
}
.form-control-quantite .input-quantite {
  appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: solid #ddd;
  border-width: 2px 0;
  width: 3em;
  font-weight: bold;
  text-align: center;
}
.form-control-quantite .input-quantite::-webkit-outer-spin-button, .form-control-quantite .input-quantite::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control-quantite .btn {
  width: 2em;
  padding: 0;
}
.form-control-quantite .btn.minus {
  border-radius: 5px 0 0 5px;
}
.form-control-quantite .btn.plus {
  border-radius: 0 5px 5px 0;
}

.discount .discount-circle.product {
  background-color: #006BA1;
  border-radius: 100%;
  left: -15px;
  position: absolute;
  top: 18%;
  transform: translateY(-50%);
  z-index: 1;
  height: 40px !important;
  width: 40px !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.102);
}
.discount .discount-circle.product .discount-ticket {
  background-color: #FF6492;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-33.75deg);
  height: 22px !important;
  width: 22px !important;
}
.discount .search-icon {
  color: #fff;
}

.fs-1_4 {
  font-size: 1.4rem;
}

.text-info-gray {
  font-weight: 400;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.1rem;
  line-height: 18px;
  text-align: left;
}

.font-weight-bold {
  font-weight: bold;
}

.forms-check {
  margin-top: 30px;
}
.forms-check .form-check {
  width: 100%;
  height: 100%;
  border: 1px solid #d7dde0;
  border-radius: 0.5rem;
  padding-left: 0;
}
.forms-check .form-check .form-check-label {
  width: 100%;
  cursor: default;
}
.forms-check .radio-info {
  background-color: #33C2FF;
  border-color: #33C2FF;
}
.forms-check .ul-style-none {
  list-style: none;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #07608D;
  border-color: rgba(120, 141, 152, 0.05);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: small;
  line-height: 18px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background-color: #07608D;
}
.ui-menu-item > a.ui-corner-all:hover, .ui-menu-item > a.ui-corner-all:focus, .ui-menu-item > a.ui-corner-all:active, .ui-menu-item > a.ui-corner-all.ui-active {
  background-color: #006BA1;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background-image: none;
}
.ui-menu-item.level-2 {
  padding-left: 1em;
  font-style: italic;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-autocomplete-info .ui-menu-item > a.ui-corner-all {
  color: #006BA1;
  background-color: #fff;
}
.ui-autocomplete-info .ui-menu-item > a.ui-corner-all:hover, .ui-autocomplete-info .ui-menu-item > a.ui-corner-all:focus, .ui-autocomplete-info .ui-menu-item > a.ui-corner-all:active {
  color: #fff;
  background-color: #006BA1;
}

.app-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--bs-gutter-x) * 0.5);
}

.errorLabel {
  color: #FF6492;
}
.errorLabel li {
  list-style: none;
}

.errorBorder, .errorBorder:focus {
  border-color: #FF6492 !important;
}

.okLabel {
  color: #AECA0B;
}

img.logo-blanc {
  filter: brightness(0) invert(1);
}

.thumbnail-container {
  border: 2px;
  border: 2px solid rgba(177, 185, 193, 0.2);
  border-radius: 6px;
  gap: 0;
  height: 110px;
  width: 120px;
}

.thumbnail-container.active-image, .thumbnail-container:hover {
  border: 2px solid #aeca0b;
  border-radius: 6px;
}

.img-thumbnail {
  cursor: pointer;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.carousel {
  border: 2px solid rgba(177, 185, 193, 0.2);
  border-radius: 6px;
}

.carousel-item img {
  height: auto;
  max-height: 400px;
  object-fit: contain;
  width: 100%;
}

/* ----------- layout -------------- */
.layout-page {
  background: url(/images/globe.svg) no-repeat left 50px;
  position: relative;
}

/* Header */
nav.layout-navbar {
  padding: 11px;
  height: auto;
}

.app-brand-logo, .app-brand-logo img {
  height: 58px;
}

/* Cart */
#cart-menu .badge {
  margin-top: -5px;
}

/* User menu */
.avatar {
  background: #33C2FF;
  color: #fff;
  line-height: 38px;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
}

.avatar.avatar-online:after {
  background: #006BA1;
}

.layout-navbar .navbar-dropdown .badge-notifications {
  top: 0.7rem;
}

.dropdown-menu {
  box-shadow: 0 0.25rem 1rem rgba(51, 52, 53, 0.14);
}

#btnSwitchSocieteEnv {
  width: 200px;
}

/* Mavigation */
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item {
  margin: 0.2rem 0;
  font-size: 14px;
}
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item a, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item button {
  color: #fff;
  background: #006BA1 !important;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
}
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item a:hover, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item a:active, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item a:focus, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item button:hover, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item button:active, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item button:focus {
  color: #33C2FF;
  background: rgba(255, 255, 255, 0.05) !important;
}
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item .menu-sub {
  padding: 0;
  box-shadow: none;
}
.layout-horizontal .menu-icon {
  position: relative;
  top: -1px;
}

.menu.bg-primary {
  background-color: #006BA1 !important;
  color: #b8d3df;
}

/* Search */
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: calc(100% + 1px);
  width: 100%;
  background-color: rgb(10, 55, 78);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

html.searching {
  overflow: hidden;
}
html.searching .search-overlay {
  opacity: 0.5;
  visibility: visible;
  z-index: 9;
}

.navbar-search .input-group:focus-within .form-control,
.navbar-search .input-group:focus-within .input-group-text {
  border-color: transparent !important;
}

.dropdown-search .dropdown-menu[data-bs-popper] {
  top: 106%;
}

#search-result {
  position: absolute;
  top: 80px;
  left: 208px;
  width: 50%;
  z-index: 10;
  border-radius: 6px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#search-result.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0s;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  background: #fff;
}
#search-result.show .modal-footer .btn {
  display: flex;
}
#search-result .modal-footer .btn {
  display: none;
}
#search-result .modal-body {
  min-height: 150px;
}
#search-result div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-left: 15px;
  padding-right: 5px;
}

.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #006BA1;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #AECA0B;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.content {
  min-height: 70vh;
}

/* Footer */
footer {
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.15rem;
}

footer .list-unstyled li a div:after {
  content: " - ";
}

footer .list-unstyled li:last-child a div:after {
  content: "";
}

footer .list-unstyled .list-inline-item:not(:last-child) {
  margin: 0;
}

#footer-help {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #AECA0B;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer-help i {
  position: relative;
  left: 1px;
}

#layout-product-menu {
  padding-left: 40px;
}
#layout-product-menu .layout-menu-toggle {
  border-color: #055A83;
  padding: 0.4rem 0.7rem 0.35rem;
}
#layout-product-menu .app-brand .layout-menu-product-toggle i {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s ease-in-out;
  line-height: 1.05;
}
#layout-product-menu .layout-overlay {
  background: rgb(10, 55, 78);
}
#layout-product-menu .layout-menu-product-toggle {
  position: absolute;
  right: -19px;
  top: 18px;
  border-radius: 50%;
  opacity: 1;
  border: 7px solid #055A83 !important;
}
#layout-product-menu .menu.bg-primary .menu-link, #layout-product-menu .menu.bg-primary .menu-horizontal-prev, #layout-product-menu .menu.bg-primary .menu-horizontal-next {
  color: #fff;
}
#layout-product-menu .menu.bg-primary .menu-link:hover, #layout-product-menu .menu.bg-primary .menu-link:focus, #layout-product-menu .menu.bg-primary .menu-link:active, #layout-product-menu .menu.bg-primary .menu-horizontal-prev:hover, #layout-product-menu .menu.bg-primary .menu-horizontal-prev:focus, #layout-product-menu .menu.bg-primary .menu-horizontal-prev:active, #layout-product-menu .menu.bg-primary .menu-horizontal-next:hover, #layout-product-menu .menu.bg-primary .menu-horizontal-next:focus, #layout-product-menu .menu.bg-primary .menu-horizontal-next:active {
  color: #33C2FF;
}

#general-product-menu .menu-item {
  position: relative;
}
#general-product-menu .menu-item:hover, #general-product-menu .menu-item:focus, #general-product-menu .menu-item:active {
  background: rgba(237, 233, 229, 0.05);
  border-radius: 6px;
}
#general-product-menu .menu-item:hover:after, #general-product-menu .menu-item:focus:after, #general-product-menu .menu-item:active:after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #33C2FF;
  position: absolute;
  top: 0;
  right: -2px;
}
#general-product-menu .menu-item .menu-sub {
  display: block !important;
  max-height: 0 !important;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}
#general-product-menu .menu-item .menu-sub .menu-link {
  padding-left: 2.5rem !important;
}
#general-product-menu .menu-item.open .menu-sub {
  display: block !important;
  max-height: 1000px !important;
}

.menu-vertical,
.menu-vertical .menu-block,
.menu-vertical .menu-inner > .menu-item,
.menu-vertical .menu-inner > .menu-header {
  max-width: 100%;
}

.menu-vertical .menu-inner > .menu-item .menu-link {
  margin: 0;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
}

/* ----------- pages -------------- */
.content--login .background-login {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url("/images/african-american-pharmacist-taking-medication-from-2023-11-27-05-17-54-utc.webp");
  background-repeat: no-repeat;
  background-position: -135px;
  background-size: cover;
  filter: grayscale(100%);
  z-index: 0;
}
.content--login .gradiant-login {
  background-position: 0;
  z-index: 1;
  position: fixed;
  height: 100%;
  mix-blend-mode: hard-light;
  background: #fffdfa;
  background: radial-gradient(circle farthest-corner at right center, #fffdfa 43%, #000000 169%);
  width: 100%;
}
.content--login .login-logo {
  position: relative;
  height: 100px;
}
.content--login .login-logo img {
  height: 120px;
  max-width: 100%;
}
.content--login .background-globe {
  width: 300px;
  height: 300px;
  background-color: rgba(30, 32, 32, 0.231372549);
  z-index: 0;
  background-size: 270px;
  -webkit-mask: url("/images/globe.svg") no-repeat;
  -webkit-mask-position: calc(100% + 20px);
  mask-size: 300px 300px !important;
  mask-repeat: no-repeat;
  -webkit-mask-origin: border-box;
  -webkit-mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
  right: -35px;
  top: 130px;
}
.content--login .section-form-login {
  z-index: 10;
}
.content--login .login-input {
  background-color: #07608D !important;
  border: none !important;
  color: #fff;
}
.content--login .login {
  width: 354px;
  height: 47px;
  gap: 0;
  border-radius: 3px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.025rem;
  text-align: left;
}
.content--login .password-toggle-icon {
  position: absolute;
  right: 15px;
  top: 8px;
}

.content--home .custom-option-icon .form-check-input:not(:checked) {
  background: none;
  border-width: 2px;
}
.content--home .custom-option {
  transition: background 0.3s ease;
}
.content--home .custom-option:hover, .content--home .custom-option:focus {
  background: #AECA0B !important;
  color: #fff !important;
}
.content--home .custom-option-icon {
  padding: 0.1rem 0.2rem;
}
.content--home .custom-option.bg-light {
  background: #F9F8F7 !important;
}
.content--home .custom-option.bg-light .form-check-input {
  border-color: #006BA1;
}
.content--home .custom-option {
  width: 100%;
}
.content--home .block-icon-content .card-title {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-bottom: 0.2rem;
}
.content--home .block-icon-content i {
  color: rgba(237, 233, 229, 0.4);
}
.content--home .block-icon-content .card-body-text {
  max-width: 215px;
}
.content--home .img-banniere-pub-horizontal {
  max-width: 100%;
}

.content--panier .tab-icons {
  width: 320px;
}

#orderComplaintButton,
#cartDeleteButton {
  margin: auto auto auto 15px;
  letter-spacing: 0.4px;
  width: 286px;
  height: 38px;
  gap: 10px;
  border-radius: 3px 0 0 0;
  box-shadow: 0 1px 6px 2px rgba(50, 71, 92, 0.0588235294);
  display: flex;
  justify-content: end;
}

.content--produit .card.side-panel .card-body {
  padding: 1.25rem;
}
.content--produit .card.side-panel .card-body .form-label {
  color: #fff;
}

.content-account .profile-picture {
  font-size: 24px;
  height: 80px;
  width: 80px;
}

.agence-liste .card .custom-option-content {
  cursor: default;
}
.agence-liste .card .custom-option-title {
  color: #006BA1;
  font-size: 14px;
}
.agence-liste .card .custom-option-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -5px !important;
  margin-right: 5px;
}
.agence-liste .card .custom-option-data {
  color: #006BA1;
  font-weight: bold;
  font-size: 14px;
}
.agence-liste .agence:first-child .card {
  background: #006BA1;
  color: #fff;
}
.agence-liste .agence:first-child .card .agence-title {
  color: #fff !important;
}
.agence-liste .agence:first-child .card .custom-option-title {
  color: #fff;
}
.agence-liste .agence:first-child .card .custom-option-data {
  color: #fff;
}
.agence-liste .agence:first-child .card a {
  color: #33C2FF;
}

#all-offers_filter {
  display: none;
}

#lien-acces-site {
  display: none;
}

#actionMessageBloc {
  margin-top: 1.5em;
}

.content--aide .sommaire {
  position: fixed;
  width: 30%;
}
.content--aide .sommaire ol {
  list-style-type: upper-roman;
  color: white;
}
.content--aide .sommaire a {
  color: white;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
}
.content--aide video {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .content--aide .sommaire {
    position: relative;
    width: 100%;
  }
}
.content--informationSite .informationSiteContenu a {
  text-decoration: underline;
}
.content--informationSite .informationSiteContenu a::after {
  content: ">";
}

.content--annonce #reponsesTab tr.highlighted *, .content--annonce #signalementsTab tr.highlighted * {
  color: #AECA0B !important;
}
.content--annonce #reponsesTab td.truncatedColumn, .content--annonce #signalementsTab td.truncatedColumn {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: auto;
}
.content--annonce .author {
  font-size: x-small;
  padding-top: 0.5em;
}

/* -----  alt responsive ---------- */
@media screen and (min-width: 1200px) {
  #layout-menu .separator {
    height: 100%;
  }
  html.searching .navbar-search {
    position: absolute;
    z-index: 10;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .card.side-panel .card-action {
    padding: unset !important;
    align-items: center !important;
  }
  .card.side-panel .card-action i {
    /*      display: none !important;*/
  }
}
@media screen and (max-width: 1200px) {
  .card.side-panel.cart {
    margin-top: 50px;
  }
  .card.side-panel.cart-validation {
    margin-top: 50px;
  }
  .tab-icons.order {
    margin-top: 30px;
  }
  #search-result {
    left: 14px;
    top: 150px;
    width: 92% !important;
  }
}
@media screen and (max-width: 767px) {
  .tab-icons.order {
    width: 100%;
  }
  .order.tab-icons div {
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 575px) {
  .orderComplaintButton,
  .cartDeleteButton {
    justify-content: center;
  }
  .card-header {
    padding-bottom: 0 !important;
  }
  .column-centered {
    display: flex !important;
    flex-direction: column !important;
  }
  .column-centered label,
  .column-centered span {
    text-align: center !important;
    margin: auto !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 420px) {
  .card.side-panel.cart .submit-confirm .cart-confirm i,
  .card.side-panel.cart .submit-confirm .cart-save i {
    display: none !important;
  }
  .card.side-panel.cart .submit-confirm .cart-confirm,
  .card.side-panel.cart .cart-save {
    padding: unset !important;
    align-items: center !important;
  }
  .tab-icons {
    width: 100%;
  }
  .btn-table-action i {
    margin-right: 1px !important;
  }
}
@media screen and (max-width: 344px) {
  .card.side-panel.cart-validation .submit-confirm #cart-validation-confirm {
    height: unset;
  }
}
@media print {
  /* Dimension et marges de page */
  @page {
    size: A4 portrait;
    margin: 2cm 1.5cm;
  }
  img {
    max-width: 100%;
  }
  input,
  textarea,
  select {
    all: revert;
  }
  /* On redéfinit les styles globaux (12pt = 16px) */
  body {
    width: auto;
    margin: 0;
    font-family: serif;
    font-size: 12pt;
    font-family: Georgia, serif;
    line-height: 1.5;
    color: #000000 !important;
    background-color: #ffffff !important;
  }
  /* Espacements typographiques (15pt = 20px) */
  p,
  blockquote,
  label,
  ul,
  ol {
    margin-block: 0 15pt;
  }
  p:last-child {
    margin-bottom: 0;
  }
  /* Titrages (24pt = 32px) */
  h1 {
    margin-block: 0 24pt;
    font-weight: 700;
    font-size: 18pt;
    line-height: 1.1;
  }
  h2 {
    margin-block: 0 18pt;
    font-weight: 700;
    font-size: 16pt;
    line-height: 1.1;
  }
  h3 {
    margin-block: 0 15pt;
    font-weight: 700;
    font-size: 14pt;
  }
  h4 {
    margin-block: 0 12pt;
    font-weight: 700;
    font-size: 12pt;
  }
  /* Classes dédiées print / no-print */
  .print {
    display: revert;
  }
  .no-print {
    display: none !important;
  }
  /* Pas de veuves ou orphelines (3 lignes minimum) */
  p,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* Pas de saut de page au sein de ces éléments */
  blockquote,
  ul,
  ol,
  figure,
  table {
    page-break-inside: avoid;
  }
  /* Pas de saut de page après ces éléments */
  h1,
  h2,
  h3,
  h4,
  caption {
    page-break-after: avoid;
  }
  /* Styles des liens */
  a,
  a:link,
  a:visited {
    background: transparent !important;
    color: unset;
    font-weight: 700;
    text-decoration: underline !important;
  }
  /* On affiche l'URL des liens externes */
  a[href^=http]:after,
  a[href^=https]:after {
    content: " (" attr(href) ")";
  }
  /* On masque les vidéos */
  video,
  object,
  iframe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .card.side-panel .card-info, .card.side-panel h2, .card.side-panel label {
    margin: 0 !important;
  }
}

/*# sourceMappingURL=app.css.map */
