/* --------- */
/* Variables */
/* --------- */
:root {
   --color-text: #303030;
   --color-main-extra-light: #e2d7fd;
   --color-main-light: #8453fc;
   --color-main-normal: #5309bc;
   --color-main-dark: #290662;
}

/* --------- */
/* Reset */
/* --------- */
:root {
   --ct-menu-condensed-link-bg: var(--color-main-light);
   --ct-primary: var(--color-main-normal);
}
html[data-menu-color="dark"] {
   --ct-menu-bg: #ffffff;
}

/* ----------------------- */
/* Menu vertical de gauche */
/* ----------------------- */

/* main menu */
.leftside-menu {
   background-color: #ffffff;
   padding: 2px;
}

/* links */
.side-nav a {
   color: var(--color-text) !important;
}
.side-nav a:hover {
   color: var(--color-main-light) !important;
}

/* item actif */
.side-nav .side-nav-item.menuitem-active > a {
   background-color: var(--color-main-light);
   color: #ffffff !important;
   border-radius: 0.5em;
   margin: 1px;
}
.side-nav .side-nav-item.menuitem-active > a:hover {
   background-color: var(--color-main-dark);
   color: var(--color-main-extra-light) !important;
}
.side-nav .side-nav-item > a:hover {
   background-color: var(--color-main-dark);
   color: var(--color-main-extra-light) !important;
   border-radius: 0.5em;
}

/* sous-item actif */
.side-nav .side-nav-item.menuitem-active .side-nav-second-level .menuitem-active > a {
   background-color: var(--color-main-normal);
   color: #ffffff !important;
   border-radius: 0.5em;
   margin: 1px;
}
.side-nav .side-nav-item.menuitem-active .side-nav-second-level .menuitem-active > a:hover {
   background-color: var(--color-main-dark);
   color: var(--color-main-extra-light) !important;
}

/* --------------- */
/* Barre menu haut */
/* --------------- */
.topbar {
   background-color: #ffffff;
   color: var(--color-text);
}
.topbar a {
   color: var(--color-main-normal);
}
.topbar a:hover {
   color: var(--color-main-light);
}

.navbar-custom .topbar-menu li .nav-link {
   background-color: var(--color-main-extra-light);
   color: var(--color-main-light);
}
.navbar-custom .topbar-menu li .nav-link.show {
   color: var(--color-main-light);
}
.topbar .topbar-menu .dropdown > a:hover {
   color: var(--color-main-normal);
}

/* ------------------ */
/* DONNEES DYNAMIQUES */
/* ------------------ */

/* Liens */
a {
   color: var(--color-main-normal);
}
a:hover {
   color: var(--color-main-light);
}

/* Boutons */
.btn.btn-primary {
   background-color: var(--color-main-normal);
   border-color: var(--color-main-light);
}
.btn.btn-primary:hover {
   background-color: var(--color-main-light);
}

/* Checkbox input */
.form-check-input:checked {
   background-color: var(--color-main-normal);
   border-color: var(--color-main-light);
}

/* Radio input */
input[type="radio"] {
   accent-color: var(--color-main-normal);
}

/* Range input */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 10px;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  background: var(--color-main-normal);
  border: 1px solid var(--color-main-light);
}

/* Multiselect */
.select2-selection__choice {
   background-color: var(--color-main-normal);
}

/* Entêtes tableaux */
.table-light tr th {
   --ct-table-bg: var(--color-main-normal);
   color: var(--color-main-extra-light);
}

/* Pagination tableaux */
.paginate_button.page-item.active a {
   background-color: var(--color-main-normal);
   border-color: var(--color-main-light);
}
.paginate_button.page-item.active a:hover {
   background-color: var(--color-main-light);
}

/* card / card-body */
.card {
   --ct-card-border-radius: 1em;
}

/* Barre de filtres */
.filterbar {
   background-color: var(--color-main-normal);
}

/* Barre de catégories  */
.card-body#tools {
   background-color: var(--color-main-normal);
   border-radius: 0.5em;
}
.card-body#tools button {
   border-color: var(--color-main-dark);
   color: #ffffff;
}
.card-body#tools button:hover {
   background-color: var(--color-main-light);
}

/* Batchn actions - actions par lot */
#batchCheckUncheckAllBtn {
   color:#FFFFFF;
}
#batchCheckUncheckAllBtn:hover {
   color:#FFFFFF50;
}