/*Ajout ombre aux cartes*/
/*.card,
#kt_quick_user, !*Barre latéral de compte*!
.modal-content, !*Popup modif form*!
.dropdown-menu, !*Popup filtre*!
.apexcharts-tooltip, !*Popup graph*!
.apexcharts-menu-open, !*Popup graph - Menu*!
.apexcharts-xaxistooltip.apexcharts-theme-light !*Popup graph - Date*!
{
    box-shadow: -20px 20px 40px hsla(0, 0%, 92.2%, .34) !important;
}*/

/*Ajout image de fond*/
/*#kt_content {
    background-image: url(../img/background.png);
}*/

/*Ajout image en bannière + config/headers.php*/
/*#banner {
    background-image: url("../img/banner_homepage.png");
    background-size: cover !important;
    background-position: center !important;
    height: 450px;
    width: 100%;
}*/

/*Particles*/
#particles-js,
#container-background {
  display: none;
}

/*Corps du site*/
body {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  font-family: var(--font-family);
}

/*Corps du site - Couleur texte surchargée*/
.text-dark,
.text-dark-50,
.text-dark-75,
.text-white,
.text-muted,
.text-primary,
.nav-link {
  color: var(--main-txt-color) !important;
}

/*Corps du site - Couleur icone surchargée*/
text:not(#chart1 *),
svg:not(#chart1 *),
.svg-icon svg g [fill] {
  fill: var(--btn-txt-color) !important;
}

/* Subheader home icon */
i.glyphicon-home {
  color: var(--btn-bg-color);
}

/*Tableaux*/
.table thead,
.table thead tr,
.table thead th,
.table div,
.table.bg-white,
.table-hover tbody tr:hover {
  background-color: var(--main-bg-color) !important;
  color: var(--main-txt-color) !important;
}

/*Tableaux - Séparateur d'entête*/
.table thead {
  border-bottom: 2px solid var(--main-txt-color) !important;
}

/*Tableaux - Couleur texte surchargée*/
.table i,
.table .text-dark,
.table .text-dark-50,
.table .text-dark-75,
.table .text-white,
.table .text-muted,
.table .text-primary,
.table .nav-link,
.table .orderLink * {
  color: var(--main-txt-color) !important;
}

/*Tableaux - Ligne au survol*/
.table-hover tbody tr:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

/*Lien au survol*/
a.text-hover-primary:hover,
.text-hover-primary:hover,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--lnk-txt-color) !important;
}

/*Page de Connexion*/
#kt_login {
  background-color: var(--loggin-bg-color) !important;
  color: var(--loggin-txt-color) !important;
}

/*Entête*/
#kt_header,
#kt_header_mobile {
  background-color: var(--header-bg-color) !important;
  color: var(--header-txt-color) !important;
}

/*Entête - Couleur texte surchargée*/
#kt_header .text-white {
  color: var(--header-txt-color) !important;
}

/*Bas de page*/
#kt_footer {
  background-color: var(--footer-bg-color) !important;
  color: var(--footer-txt-color) !important;
}

/*Bas de page - Couleur texte surchargée*/
#kt_footer i,
#kt_footer .text-white,
#kt_footer .text-white p {
  color: var(--footer-txt-color) !important;
}

/*Cartes*/
.card,
#kt_quick_user, /*Barre latéral de compte*/
.modal-content, /*Popup modif form*/
.dropdown-menu, /*Popup filtre*/
.apexcharts-tooltip, /*Popup graph*/
.apexcharts-menu-open, /*Popup graph - Menu*/
.apexcharts-xaxistooltip.apexcharts-theme-light /*Popup graph - Date*/ {
  background-color: var(--card-bg-color) !important;
  color: var(--card-txt-color) !important;
}

/*Cartes - Couleur texte surchargée*/
.card i,
.card .text-dark,
.card .text-dark-50,
.card .text-dark-75,
.card .text-white,
.card .text-muted,
.card .text-primary,
.card .nav-link,
#kt_quick_user .text-dark:not(i),
#kt_quick_user .text-dark-50:not(i),
#kt_quick_user .text-dark-75:not(i),
#kt_quick_user .text-white:not(i),
#kt_quick_user .text-muted:not(i),
#kt_quick_user .text-primary:not(i),
#kt_quick_user .nav-link,
.modal-content .text-dark,
.modal-content .text-dark-50,
.modal-content .text-dark-75,
.modal-content .text-white,
.modal-content .text-muted,
.modal-content .text-primary,
.modal-content .nav-link,
.card .readonly-label.form-control.form-control-solid,
.card .wizard-step .wizard-title, /*Fil d'Ariane postuler*/
.select2-container li,
#kt_quick_user .navi-text,
.dropdown-menu .navi-link,
#div_foqualificationfields_agents div.single-info label {
  color: var(--card-txt-color) !important;
}

/*Cartes - Couleur icone surchargée*/
.card text:not(#chart1 *),
.card svg:not(#chart1 *),
.card .svg-icon svg g [fill],
.card .wizard-step svg g rect,
.card .wizard-step svg g path {
  fill: var(--btn-txt-color) !important;
}

/*Cartes - Fil d'Ariane postuler*/
.card .wizard-step[data-wizard-state="current"] {
  text-decoration: underline;
}

/*Cartes - Titre popup graph*/
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background-color: var(--card-bg-color) !important;
  color: var(--card-txt-color) !important;
}

/*Cartes - ligne graph*/
.apexcharts-grid-row {
  fill: none !important;
}

/*Cartes - Tableaux*/
.card .table thead,
.card .table thead tr,
.card .table thead th,
.card .table div,
.card .table.bg-white,
.card .table-hover tbody tr:hover {
  background-color: var(--card-bg-color) !important;
  color: var(--card-txt-color) !important;
}

/*Cartes - Tableaux - Séparateur d'entête*/
.card .table thead {
  border-bottom: 2px solid var(--card-txt-color) !important;
}

/*Cartes - Tableaux - Couleur texte surchargée*/
.card .table i,
.card .table .text-dark,
.card .table .text-dark-50,
.card .table .text-dark-75,
.card .table .text-white,
.card .table .text-muted,
.card .table .text-primary,
.card .table .nav-link,
.card .table .orderLink *,
.tooltip-inner table .text-dark-50 /*Complétion du profil survole*/ {
  color: var(--card-txt-color) !important;
}

/*Boutons*/
.btn,
.menu-link,
#kt_header_mobile div a,
#puzzle-table-pagination-unit,
.puzzle-table-limit,
.nav-link.active,
#lang,
#lang option,
.symbol-label,
.symbol-label > i {
  background-color: var(--btn-bg-color) !important;
  border: 1px solid var(--btn-border-color) !important;
  color: var(--btn-txt-color) !important;
}

/*Boutons - Couleur texte surchargée*/
.btn .text-white,
#kt_header .btn .text-white,
.menu-link .menu-text,
#kt_header_mobile div a .text-white,
.puzzle-table-limit.text-primary,
.btn a.text-hover-primary:hover, /*Lien dans bouton*/
.btn.text-hover-primary:hover,
.btn a.text-primary:hover,
.btn a.text-primary:focus {
  color: var(--btn-txt-color) !important;
}

/*Boutons - Couleur icone surchargée*/
.btn i,
.card .btn i,
.fileinput-button:hover .glyphicon-plus /*icone bouton dl survole*/ {
  background-color: var(--btn-bg-color) !important;
  color: var(--btn-txt-color) !important;
  top: 0 !important;
}

/*Boutons - Couleur icone surchargée (fill)*/
#kt_header_mobile div a svg g path, /*Icone connexion affichage mobile*/
.btn.btn-white .svg-icon svg g [fill] /*Icone carte*/ {
  fill: var(--btn-txt-color) !important;
}

/*Boutons - "Selection de la langue"*/
#lang {
  margin-left: 1rem;
}

/*Boutons - "Retour au site" affichage mobile*/
#kt_header_mobile > div > a {
  padding: 0.825rem 1.42rem;
  border-radius: 0.42rem;
}

/*Boutons - Survole*/
.btn:hover,
.btn.btn-hover-primary:hover,
.menu-link:hover,
#kt_header_mobile div a:hover,
#puzzle-table-pagination-unit:hover,
.puzzle-table-limit:hover,
.nav-link.active:hover,
#lang:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--btn-bg-hover-color, var(--btn-bg-color)) !important;
  border-color: var(--btn-border-hover-color, var(--btn-bg-color)) !important;
  color: var(--btn-txt-hover-color, var(--btn-txt-color)) !important;
}

/*Boutons - Couleur Survole surchargée*/
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) > i,
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary:focus:not(.btn-text) > i,
.btn.btn-hover-primary.focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) > i,
.apexcharts-menu .apexcharts-menu-item:hover,
.apexcharts-menu .apexcharts-menu-item:hover > i,
.dropdown-menu .navi-link:hover,
.dropdown-menu .navi-link:hover > i {
  color: var(--btn-bg-color) !important;
  background-color: var(--btn-txt-color) !important;
  border-color: var(--btn-bg-color) !important;
}

/*Alertes*/
.alert.alert-custom.alert-light-warning {
  background: transparent !important;
  color: var(--btn-txt-color) !important;
  border-color: var(--btn-bg-color) !important;
}

.alert.alert-custom.alert-light-warning .alert-text {
  color: var(--card-txt-color) !important;
}

/*Logo*/
.logo-default,
.logo-sticky,
#kt_login div.login-aside img {
  max-height: var(--logo-size) !important;
}

/* Progress bar resume upload */
.progress-bar {
  background-color: var(--btn-bg-color) !important;
}


/* Active pagination */ 
#puzzle-table-pagination-unit.puzzle-table-pagination-nav.active {
  background-color: var(--card-txt-color) !important;
  color: var(--btn-bg-color) !important;
}