/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}
.border-right-none{
  border-left: 0px !important;
  padding: 3px;
}
.dark-style .menu .app-brand.demo {
  height: 64px;
}
.text-justify{
  text-align: justify !important;
}
.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 35px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

.bg-transprant {
  background: transparent !important;
  box-shadow: none !important;
}
.textarea-resize-none{
  resize: none !important; /* Désactive le redimensionnement */
  verflow: auto !important; /* Ajoute des barres de défilement si nécessaire */
}

.isDisabled {
  cursor: default;
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.select2-dropdown {
  z-index: 9999 !important; /* Set a high z-index for the Select2 dropdown */
}

/** Style de base pour les champs invalides */
.is-invalid {
    border-color: #dc3545; /* Rouge pour indiquer une erreur */
    padding-right: 30px; /* Ajoute de l'espace pour l'icône */
    position: relative;
}

/* Personnalisation du message d'erreur */
.invalid-feedback {
    font-size: 0.875rem;
    color: #dc3545; /* Texte rouge */
    display: flex; /* Pour aligner l'icône avec le texte */
    align-items: center; /* Centrer verticalement le texte avec l'icône */
}
.text-green {
  color: #175a30 !important;
}
.text-olivier{
  color: #67883d !important;
}

.text-red {
  color: #ba3c37 !important;
}

.text-blue {
  color: #1b4080 !important;
}

.text-yellow {
  color: #ffff00 !important;
}

.text-orange {
  color: #df7c32 !important;
}

.text-purple {
  color: #1f436e !important;
}

.text-pink {
  color: #ffc0cb !important;
}

.text-brown {
  color: #a52a2a !important;
}

.text-gray {
  color: #808080 !important;
}

.text-black {
  color: #000000 !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-green {
  background-color: #175a30 !important;
}

.bg-olivier{
  background-color: #67883d !important;
}

.bg-red {
  background-color: #ba3c37 !important;
}

.bg-blue {
  background-color: #1b4080 !important;
}

.bg-yellow {
  background-color: #ffff00 !important;
}

.bg-orange {
  background-color: #df7c32 !important;
}

.bg-purple {
  background-color: #1f436e !important;
}

.bg-pink {
  background-color: #ffc0cb !important;
}

.bg-brown {
  background-color: #a52a2a !important;
}

.bg-gray {
  background-color: #808080 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.form-check-green .form-check-input:checked {
  background-color: #175a30;
  border-color: #175a30;
  box-shadow: 0 2px 6px 0 rgba(40, 199, 111, 0.3);
}

/* Green Check */
.form-check-green .form-check-input:checked {
  background-color: #175a30 !important;
  border-color: #175a30 !important;
  box-shadow: 0 2px 6px 0 rgba(40, 199, 111, 0.3) !important;
}

/* Red Check */
.form-check-red .form-check-input:checked {
  background-color: #ba3c37 !important;
  border-color: #ba3c37 !important;
  box-shadow: 0 2px 6px 0 rgba(255, 0, 0, 0.3) !important;
}

/* Blue Check */
.form-check-blue .form-check-input:checked {
  background-color: #1b4080 !important;
  border-color: #1b4080 !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 255, 0.3) !important;
}

/* Yellow Check */
.form-check-yellow .form-check-input:checked {
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
  box-shadow: 0 2px 6px 0 rgba(255, 255, 0, 0.3) !important;
}

/* Orange Check */
.form-check-orange .form-check-input:checked {
  background-color: #df7c32 !important;
  border-color: #df7c32 !important;
  box-shadow: 0 2px 6px 0 rgba(255, 165, 0, 0.3) !important;
}

/* Purple Check */
.form-check-purple .form-check-input:checked {
  background-color: #1f436e !important;
  border-color: #1f436e !important;
  box-shadow: 0 2px 6px 0 rgba(128, 0, 128, 0.3) !important;
}

/* Pink Check */
.form-check-pink .form-check-input:checked {
  background-color: #ffc0cb !important;
  border-color: #ffc0cb !important;
  box-shadow: 0 2px 6px 0 rgba(255, 192, 203, 0.3) !important;
}

/* Brown Check */
.form-check-brown .form-check-input:checked {
  background-color: #a52a2a !important;
  border-color: #a52a2a !important;
  box-shadow: 0 2px 6px 0 rgba(165, 42, 42, 0.3) !important;
}

/* Gray Check */
.form-check-gray .form-check-input:checked {
  background-color: #808080 !important;
  border-color: #808080 !important;
  box-shadow: 0 2px 6px 0 rgba(128, 128, 128, 0.3) !important;
}

/* Black Check */
.form-check-black .form-check-input:checked {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
}

/* White Check */
.form-check-white .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.3) !important;
}

.form-check-yellow .form-check-input:checked {
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
  box-shadow: 0 2px 6px 0 rgba(255, 255, 0, 0.3) !important;
}

.form-check-orange .form-check-input:checked {
  background-color: #df7c32 !important;
  border-color: #df7c32 !important;
  box-shadow: 0 2px 6px 0 rgba(255, 165, 0, 0.3) !important;
}

.form-check-purple .form-check-input:checked {
  background-color: #1f436e !important;
  border-color: #1f436e !important;
  box-shadow: 0 2px 6px 0 rgba(128, 0, 128, 0.3) !important;
}

.form-check-pink .form-check-input:checked {
  background-color: #ffc0cb !important;
  border-color: #ffc0cb !important;
  box-shadow: 0 2px 6px 0 rgba(255, 192, 203, 0.3) !important;
}

.form-check-brown .form-check-input:checked {
  background-color: #a52a2a !important;
  border-color: #a52a2a !important;
  box-shadow: 0 2px 6px 0 rgba(165, 42, 42, 0.3) !important;
}

.form-check-gray .form-check-input:checked {
  background-color: #808080 !important;
  border-color: #808080 !important;
  box-shadow: 0 2px 6px 0 rgba(128, 128, 128, 0.3) !important;
}

.form-check-black .form-check-input:checked {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
}

.form-check-white .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.3) !important;
}


.border-green {
  border: 1px solid #175a30 !important;
}

.bg-olivier{
  border: 1px solid #67883d !important;
}

.border-red {
  border: 1px solid #ba3c37 !important;
}

.border-blue {
  border: 1px solid #1b4080 !important;
}

.border-yellow {
  border: 1px solid #ffff00 !important;
}

.border-orange {
  border: 1px solid #df7c32 !important;
}

.border-purple {
  border: 1px solid #1f436e !important;
}

.border-pink {
  border: 1px solid #ffc0cb !important;
}

.border-brown {
  border: 1px solid #a52a2a !important;
}

.border-gray {
  border: 1px solid #808080 !important;
}

.border-black {
  border: 1px solid #000000 !important;
}

.border-white {
  border: 1px solid #ffffff !important;
}

.border-olivier{
 border: 1px solid #67883d !important;
}


.btn-green {
  background-color: #175a30 !important;
  border: 1px solid #175a30 !important;
  color: white !important;
}

.btn-olivier{
  background-color: #67883d !important;
  border: 1px solid #67883d !important;
  color: white !important;
}

.btn-red {
  background-color: #ba3c37 !important;
  border: 1px solid #ba3c37 !important;
  color: white !important;
}

.btn-blue {
  background-color: #1b4080 !important;
  border: 1px solid #1b4080 !important;
  color: white !important;
}

.btn-yellow {
  background-color: #ffff00 !important;
  border: 1px solid #ffff00 !important;
  color: black !important;
}

.btn-orange {
  background-color: #df7c32 !important;
  border: 1px solid #df7c32 !important;
  color: white !important;
}

.btn-purple {
  background-color: #1f436e !important;
  border: 1px solid #1f436e !important;
  color: white !important;
}

.btn-green:hover {
  background-color: #134c26 !important; /* Couleur plus foncée */
  border-color: #134c26 !important;
}

.btn-red:hover {
  background-color: #cc0000 !important; /* Couleur plus foncée */
  border-color: #cc0000 !important;
}

.btn-blue:hover {
  background-color: #214d9a !important; /* Couleur plus foncée */
  border-color:#214d9a !important;
}

.btn-yellow:hover {
  background-color: #9a9a03 !important; /* Couleur plus foncée */
  border-color: #9a9a03 !important;
}

.fs-5px {
  font-size: 5px !important;
}
.fs-10px {
  font-size: 10px !important;
}
.fs-15px {
  font-size: 15px !important;
}
.fs-20px {
  font-size: 20px !important;
}
.fs-25px {
  font-size: 25px !important;
}
.fs-30px {
  font-size: 30px !important;
}
.fs-35px {
  font-size: 35px !important;
}
.fs-40px {
  font-size: 40px !important;
}
.fs-45px {
  font-size: 45px !important;
}
.fs-50px {
  font-size: 50px !important;
}
.fs-55px {
  font-size: 55px !important;
}
.fs-60px {
  font-size: 60px !important;
}
.fs-65px {
  font-size: 65px !important;
}
.fs-70px {
  font-size: 70px !important;
}
.fs-75px {
  font-size: 75px !important;
}
.fs-80px {
  font-size: 80px !important;
}
.fs-85px {
  font-size: 85px !important;
}
.fs-90px {
  font-size: 90px !important;
}
.fs-95px {
  font-size: 95px !important;
}
.fs-100px {
  font-size: 100px !important;
}
.fs-105px {
  font-size: 105px !important;
}
.fs-110px {
  font-size: 110px !important;
}
.fs-115px {
  font-size: 115px !important;
}
.fs-120px {
  font-size: 120px !important;
}
.fs-125px {
  font-size: 125px !important;
}
.fs-130px {
  font-size: 130px !important;
}
.fs-135px {
  font-size: 135px !important;
}
.fs-140px {
  font-size: 140px !important;
}
.fs-145px {
  font-size: 145px !important;
}
.fs-150px {
  font-size: 150px !important;
}
.fs-155px {
  font-size: 155px !important;
}
.fs-160px {
  font-size: 160px !important;
}
.fs-165px {
  font-size: 165px !important;
}
.fs-170px {
  font-size: 170px !important;
}

.form-check .checkbox {
  border-radius: 0.267em !important;
}

.form-check .checkbox {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: cover !important;
}

td p {
    white-space: normal;
    word-wrap: break-word;
}