:root {
  --bs-primary: #0047ab !important;
  --bs-secondary: #e6eff7 !important;
}
.bg-primary {
  background-color: var(--bs-primary) !important;
}
.btn-primary {
  background-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: var(--bs-primary);
}
.panel-primary>.panel-heading {
  background-color: var(--bs-primary);
}

/* Apparence du champ avant clic */
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da; /* Bordure standard */
  border-radius: 0px; /* Coins carrés */
  background-color: white; /* Fond blanc */
  height: auto; /* Ajuste la hauteur */
  padding: 0.2rem 0rem; /* Espace interne similaire à Bootstrap */
  display: flex; /* Aligner le contenu */
  align-items: center; /* Centrage vertical */
  box-shadow: none; /* Supprime les ombres */
}

/* La flèche de Select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto; /* Ajuste la flèche */
  right: 10px; /* Espace à droite */
  top: 50%; /* Centre verticalement */
  transform: translateY(-50%);
}

/* Retirer les coins arrondis de la dropdown */
.select2-container--default .select2-dropdown {
  border-radius: 0px;
}

/* Éviter que la largeur s'ajuste automatiquement */
.select2-container {
  width: 100% !important;
}

/* Ajouter une flèche pour Select2 multiple */
.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 25px; /* Espace pour la flèche */
}

/* Styliser la flèche pour Select2 multiple */
.select2-container--default .select2-selection--multiple::after {
  content: "▼"; /* Symbole flèche */
  font-size: 0.9rem;
  color: #999; /* Couleur grise */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* Empêche l'interaction */
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #007bff; /* Couleur primaire Bootstrap */
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
  border-color: #ced4da; /* Couleur de bordure Bootstrap */
}

.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-dropdown .select2-search__field {
  border-color: #ced4da;
}

.select2-container--default .select2-selection--single {
  height: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #fff; /* Texte blanc */
  border: 0;
  padding: 2px;
  padding-left: 10px;
  font-family: inherit;
  line-height: 1;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin-bottom: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {
  background: #007bff; /* Couleur primaire */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
  background: #28a745; /* Couleur succès */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {
  background: #17a2b8; /* Couleur info */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {
  background: #dc3545; /* Couleur danger */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {
  background: #ffc107; /* Couleur warning */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #fff; /* Texte blanc */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: none !important;
}

.select2-container--default .select2-search {
  width: auto;
}


.input-group[class*=col-] {
  float: inherit;
}

.sidebar {
  padding-top: 20px;
}

@media (max-width: 767px) {
  .main-header>.logo {
      display: none;
  }
  
  .main-sidebar, .left-side {
      padding-top: 50px !important;
  }
}


/* Table 100% en grand écran */
@media (min-width: 768px) {
  .nav-item{
    width: 100%;
  }
}

a {
  color: var(--bs-primary);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover {
  border-top: 3px solid var(--bs-primary);
}
.tab-content {
  border-top: 3px solid var(--bs-primary);
}

.main-sidebar, .left-side, .wrapper {
  background: inherit !important;
}
.sidebar>.sidebar-menu>li>a, .sidebar>.sidebar-menu>li.active>a {
  color: inherit !important;
  background: inherit !important;
}
.sidebar>.sidebar-menu>li>.treeview-menu {
  color: inherit !important;
  background: inherit !important;
}
.sidebar>.sidebar-menu>li>.treeview-menu a {
  color: inherit !important;
}

.close {
  font-weight: 400;
  text-shadow: none;
  opacity: 1;
  color: white;
  margin-top: 3px !important; 
}

.fa {
  /*color: transparent;
  -webkit-text-stroke: 1px black;*/
  color: var(--bs-primary);
}

.box {
  border-top: 3px solid var(--bs-primary);
}
.box-header {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.box-body {
  padding-top: 0;
}
table.dataTable th {
  text-align: center !important;
}
table.dataTable td, table th {
  vertical-align: middle;
}
table.dataTable tbody {
  display: table-row-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td, div.dt-container.dt-empty-footer .dt-scroll-body  {
  border-color: var(--bs-primary);
}
table.dataTable tbody tr:last-child td {
  border-bottom: 1px solid var(--bs-primary) !important;
}
table.no-last-border tbody tr:last-child td {
  border-bottom: none !important;
}

.main-header li.user-header {
  background-color: #222;
}
div.dt-container .dt-paging .dt-paging-button.current {
  background-color: var(--bs-primary) !important;
  border: 1px solid var(--bs-secondary) !important;
  color: white !important;
}
.card-description {
  padding-top: 10px;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
  clear: both;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: #F7F7F7;
}
.table-striped tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.table-striped tbody tr:hover {
  background-color: #b3b3b3;
}

.drop-cap {
  font-size: 2em;
  font-weight: bold;
  float: left;
  line-height: 1;
  margin-right: 10px;
}


.board-inner {
  display: flex;
  justify-content: center;
}
.nav-tabs {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

label {
  font-weight: normal;
}


.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
      opacity: 0;
  }
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 200px !important;
}