/* ============================================================
   HRmaps Design System — BRIDGE (GENERATED — do not hand-edit)
   ------------------------------------------------------------
   Additive layer. Loaded AFTER the app CSS. Never modifies any
   existing stylesheet. Re-points the app's baked brand blue and
   neutral whites/grays onto DS tokens so the whole app follows
   var(--primary) and flips with data-theme="dark".
   Regenerate with scratchpad/gen-bridge.js after CSS changes.
   Hand-written tweaks live in ds-bridge.overrides.css (loaded next).
   ============================================================ */
.btn-info-edit .hrmps {
  color: var(--primary) !important;
}
.btn-list:hover {
  color: var(--primary) !important;
}
.open-table {
  background: var(--surface) !important;
  border: solid 1px var(--border-subtle) !important;
  background: var(--bg-canvas) !important;
}
.troissoixante-btn {
  background: var(--primary) !important;
}
.info-login {
  color: var(--primary) !important;
}
.filter-group a.active {
  color: var(--primary) !important;
}
.btn-green {
  background-color: var(--primary) !important;
  border: solid 1px var(--border) !important;
}
.open .btn-green.dropdown-toggle {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
/* `--text-link` et non `--primary` : identique en clair, ECLAIRCI en sombre (tokens/colors.css) —
   un lien en --primary brut se lisait mal sur les surfaces sombres (28/09/2026). */
a {
  color: var(--text-link) !important;
}
a:hover, a:focus, a:active {
  color: var(--text-link) !important;
}
.date-calendar {
  color: var(--primary) !important;
}
.btn-arrow {
  color: var(--primary) !important;
}
.btn-today {
  color: var(--primary) !important;
}
.btn-list-date:active, .btn-list-date.active, .btn-list-date.active:focus, .btn-list-date:active:focus, .btn-list-date:active:hover, .btn-list-date.dropdown-toggle:active:hover {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.progress-bar {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.cal-day-today {
  border: solid 2px var(--primary) !important;
}
.editable-click, a.editable-click {
  color: var(--primary) !important;
  border-bottom: dashed 1px var(--primary) !important;
}
.participant-session {
  background: var(--primary) !important;
}
.active-session {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a .clickedtab a.activeEvolution svg {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a .clickedtab a.activePlanning svg {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a .clickedtab a.activeRequest svg {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a .clickedtab a.activeDocument svg {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a .clickedtab a.active svg {
  color: var(--primary) !important;
}
.questionEnquete .nav-tabs > li.active a, .questionEnquete.nav-tabs > li.active a:hover, .questionEnquete.nav-tabs > li.active a:focus {
  color: var(--primary) !important;
}
.header .navbar-header .sidebar-toggler, header .navbar-header .sidebar-mobile-toggler {
  color: var(--primary) !important;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.v2 .pagination > .active > a:hover, .v2 .pagination > .active > a:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--on-primary) !important;
  text-align: center;
}
.select-color select {
  color: var(--primary) !important;
}
.nav-group-rse > li > a {
  color: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li > a .clickedtab a.active i, a.activeEvolution i, a.activePlanning i, a.activeDocument i, a.activeRequest i {
  color: var(--primary) !important;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border-bottom-color: var(--primary) !important;
}
.showtab .hrmps {
  color: var(--primary) !important;
}
.cs-skin-elastic .cs-options .cs-selected, .cs-skin-elastic .cs-options .cs-selected:hover {
  background: var(--primary) !important;
}
.app-sidebar-closed .app-aside > .item-inner.active {
  background: var(--primary) !important;
}
.app-sidebar-closed .app-aside > .item-inner {
  background: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.input-icon > [class*=fa-], .input-icon > [class*=ti-] {
  color: var(--primary) !important;
}
.text-azure {
  color: var(--primary) !important;
}
.gsi-step-indicator.triangle li.current > * {
  background-color: var(--primary) !important;
  border: var(--primary) !important;
}
.gsi-step-indicator.triangle a:hover {
  background-color: var(--primary) !important;
  border: var(--primary) !important;
}
.gsi-step-indicator.triangle li label {
  color: var(--primary) !important;
}
.vAccordion--default v-pane.is-expanded > v-pane-header {
  border-bottom-color: var(--primary) !important;
}
.text-company {
  color: var(--primary) !important;
}
.clip-radio.radio-primary input[type=radio]:checked + label:before {
  background: var(--primary) !important;
}
.clip-radio input[type=radio]:checked + label:after {
  border: 2px solid var(--primary) !important;
}
.clip-radio input[type=radio]:focus + label:after {
  border: 2px solid var(--primary) !important;
}
.clip-radio.radio-success input[type=radio]:checked + label:before {
  background: var(--primary) !important;
}
.style-radio input[type=radio]:checked + label:before, .style-radio.radio-success input[type=radio]:checked + label:before {
  background: var(--primary) !important;
}
.style-radio input[type=radio]:checked + label:after {
  border: 2px solid var(--primary) !important;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default.filter-group a.active {
  color: var(--primary) !important;
}
.btn-default:hover {
  background-color: var(--primary) !important;
}
.survey-poucentage {
  border-left: 3px solid var(--primary) !important;
}
.btn-rse-share {
  color: var(--primary) !important;
}
.btn-rse-share-vote {
  color: var(--primary) !important;
}
.name-document-training {
  color: var(--primary) !important;
}
.btn-share {
  background-color: var(--primary) !important;
}
.icons-rse.active {
  background-color: var(--primary) !important;
}
.icons-rse i {
  color: var(--primary) !important;
}
.profil-rse h4 {
  color: var(--primary) !important;
}
.btn-valider, .btn-valider:hover, .btn-valider:focus, .btn-valider:active {
  background-color: var(--primary) !important;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-color: var(--primary) !important;
  border: solid 1px var(--primary) !important;
}
.open .btn-success.dropdown-toggle {
  background-color: var(--primary) !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary) !important;
}
.daterangepicker td.in-range {
  background-color: var(--primary-soft) !important;
  color: var(--primary-700);
}
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: var(--primary) !important;
}
.vertical-modal {
  background: var(--primary) !important;
}
.has-success .form-control:focus, .has-success .form-control:hover {
  border-color: var(--primary) !important;
}
textarea:hover, textarea:focus,
select:hover,
select:focus,
input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=month]:hover,
input[type=month]:focus,
input[type=time]:hover,
input[type=time]:focus,
input[type=week]:hover,
input[type=week]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=color]:hover,
input[type=color]:focus {
  border-color: var(--primary) !important;
}
fieldset legend {
  color: var(--primary) !important;
}
::selection {
  background-color: var(--primary) !important;
}
.dropdown-menu.dropdown-dark > li > a:hover, .dropdown-menu.dropdown-dark > li > a:focus, .dropdown-menu.dropdown-dark .dropdown-submenu:hover > a, .dropdown-menu.dropdown-dark .dropdown-submenu:focus > a, .dropdown-menu.dropdown-dark .drop-down-wrapper li a:hover, .dropdown-menu.dropdown-dark .drop-down-wrapper li a:focus {
  background-color: var(--primary) !important;
}
.list-skills.icons i {
  color: var(--primary) !important;
}
.cal-day-tick {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.add-link {
  color: var(--primary) !important;
}
.tooltip-color {
  background: var(--primary) !important;
}
.hide-widget:hover {
  color: var(--primary) !important;
}
.error-message h1 {
  color: var(--primary) !important;
}
.text-my-color {
  color: var(--primary) !important;
}
.clip-check.check-blue input[type=checkbox]:checked + label:before {
  border-color: var(--primary) !important;
}
.clip-check-darker label:hover:before {
  border: 2px solid var(--primary) !important;
}
.table.table-border-blue > thead > tr > th {
  border-bottom-color: var(--primary) !important;
}
.table.table-border-blue > tbody > tr.row-selected > td {
  background-color: var(--primary) !important;
}
.btn-green:active, .btn-green.active, .btn-green.active:focus, .btn-green:active:focus, .btn-green:active:hover, .btn-green.dropdown-toggle:active:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
ul.portfolio li a:hover h3 .badge {
  background: var(--primary) !important;
}
.date-update {
  color: var(--primary) !important;
}
.btn-sm .fa:hover, .btn-sm .fa:active, .btn-sm:focus {
  color: var(--primary) !important;
}
.color-binding {
  color: var(--primary) !important;
}
.dropdown-menu.dropdown-light li a {
  color: var(--primary) !important;
}
.td-upload {
  color: var(--primary) !important;
}
.user_list .user_item > div .hover ul li a:hover i {
  color: var(--primary) !important;
}
.stats > div span {
  color: var(--primary) !important;
}
.btn-today:hover, .btn-today:visited, .btn-today:active, .btn-today:focus {
  color: var(--primary) !important;
}
.file-ariane {
  color: var(--primary) !important;
}
.form-control:focus {
  border-color: var(--primary) !important;
}
.comment-action-rse li a {
  color: var(--primary) !important;
}
.panel-rse-nbr-reaction {
  color: var(--primary) !important;
}
.user-info-icons i {
  color: var(--primary) !important;
}
.clip-check.check-blue input[type=checkbox]:focus + label:before {
  border-color: var(--primary) !important;
}
.timeline-xs .timeline-item.success {
  border-left-color: var(--primary) !important;
}
.timeline-xs .timeline-item.success:after {
  border-color: var(--primary) !important;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  color: var(--primary) !important;
}
.key-figures > div span {
  color: var(--primary) !important;
}
.div.news > strong.title {
  color: var(--primary) !important;
}
.div.news > ul > li > em {
  color: var(--primary) !important;
}
.div.news > ul > li a:hover {
  color: var(--primary) !important;
}
.btn-list-date:hover, .btn-list-date.active:focus {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.clip-check.check-primary input[type=checkbox]:checked + label:before {
  border-color: var(--primary) !important;
}
.navbar .navbar-right > li > a .angular-notifications-container .angular-notifications-icon {
  background-color: var(--primary) !important;
}
.navbar .navbar-right .dropdown-menu.dropdown-messages .drop-down-wrapper ul > li a.unread:before {
  background: var(--primary) !important;
}
.portfolio-title .competency-fiche {
  background: var(--primary) !important;
}
.wish-birthday {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.ndf {
  color: var(--primary) !important;
}
.custom-select > .dropdown-menu > ul > li > a:hover {
  background: var(--primary) !important;
}
.custom-select > .dropdown-menu > ul > li > a:focus {
  background: var(--primary) !important;
}
.icon-user .icon-tab .nav-tabs > li > a .clickedtab a.activeDocument i {
  color: var(--primary) !important;
}
.user_list .user_item > div .user-header h3 strong {
  color: var(--primary) !important;
}
.user_list .user_item > div .user-header h3 strong a {
  color: var(--primary) !important;
}
.container-checkbox input:checked ~ .checkmark {
  background-color: var(--primary) !important;
}
.vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before {
  background-color: var(--primary) !important;
}
.black {
  color: var(--text-primary) !important;
}
.dropdown-toggle svg:hover, .dropdown-toggle svg:visited, .dropdown-toggle svg:active, .dropdown-toggle svg:focus {
  color: var(--primary) !important;
}
.btn-timeline svg {
  color: var(--primary) !important;
}
.important-title {
  color: var(--primary) !important;
}
.details-btn a:hover, .details-btn a:focus {
  background: var(--primary) !important;
}
nombre-home, .arrow-home {
  color: var(--primary) !important;
}
input[type=radio]:checked + label:before {
  color: var(--primary) !important;
}
.div-checkbox input[type=radio]:checked + label {
  border: 2px solid var(--primary) !important;
}
.nav-tabs > li.active a .bordertab {
  background-color: var(--primary) !important;
}
.nav-tabs > li > a.active .bordertab {
  background-color: var(--primary) !important;
}
.arrow-home {
  color: var(--primary) !important;
}
.nombre-home {
  color: var(--primary) !important;
}
.table-info:hover, .table-info:active, .table-info.active, .table-info:focus {
  background-color: var(--primary) !important;
}
.icon-calend {
  color: var(--primary) !important;
}
.demande-wizard.swMain > ul li > a.selectedstep:before, .swMain li > a.done:before {
  border-color: var(--primary) !important;
}
.demande-wizard.swMain > ul li > a.selectedstep .stepNumber {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
.demande-wizard.swMain ul li > a.done .stepNumber, .swMain > ul li:last-child > a.selected .stepNumber {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
.swMain > ul li > a.finished .stepNumber {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.demande-wizard .swMain > ul li > a.selectedstep .stepNumber {
  background: var(--primary) !important;
  border: solid 2px var(--primary) !important;
}
.request-panel .selectedpanel {
  border: solid 2px var(--primary) !important;
}
.demande-wizard.swMain > ul li > a.selected .stepNumber {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
.rse .nav > li > a:hover {
  background: var(--primary) !important;
}
.btn-view-profil, .view-profil:hover, .btn-view-profil:focus, .btn-view-profil:active {
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
.candidat-btn {
  color: var(--primary) !important;
  background: var(--surface) !important;
  border-right: solid 1px var(--border) !important;
}
.troissoixante-btn .nav-tabs > li a .svg-inline--fa {
  color: var(--primary) !important;
}
.actionplan-btn .nav-tabs > li > a .clickedtab .svg-inline--fa {
  color: var(--primary) !important;
}
.priority-btn .navbar-right > li > a svg {
  color: var(--primary) !important;
}
.priority-btn .navbar-right .active {
  color: var(--primary) !important;
}
.details-btn button:hover {
  background: var(--primary) !important;
}
.troissoixante-btn .nav-tabs > li.active a, .troissoixante-btn.nav-tabs > li.active a:hover, .troissoixante-btn.nav-tabs > li.active a:focus {
  background: var(--primary) !important;
}
.btn-color {
  color: var(--primary) !important;
}
.link-accord svg {
  color: var(--primary) !important;
}
.btn-list-modal {
  color: var(--primary) !important;
  border: 1px solid var(--border) !important;
}
.text-blue {
  color: var(--primary) !important;
}
.link-details {
  color: var(--primary) !important;
}
.hm-auto-complete-dropdown > div.hm-auto-complete-add,
.hm-auto-complete-dropdown > div.hm-auto-complete-show-more {
  color: var(--primary) !important;
}
.details-bloc .nav-tabs > li > a .activetab .show-details {
  background: var(--primary) !important;
}
.btn-sauvegarder, .btn-sauvegarder:hover, .btn-sauvegarder:focus, .btn-sauvegarder:active {
  border: solid 1px var(--primary) !important;
  color: var(--primary) !important;
}
.navbar .navbar-header .sidebar-toggler {
  color: var(--primary) !important;
}
.dropdown-header {
  color: var(--primary) !important;
}
.btn-approve-modal {
  background-color: var(--primary) !important;
}
.btn-green:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.swMain > ul li > a.selected:before, .swMain li > a.done:before {
  border-color: var(--primary) !important;
}
.swMain > ul li > a.selected .stepNumber {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
.swMain ul li > a.done .stepNumber, .swMain > ul li:last-child > a.selected .stepNumber {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
header .navbar-collapse .navbar-right > li > a svg {
  color: var(--primary) !important;
}
#loading-bar .bar {
  background: var(--primary) !important;
}
#loading-bar .peg {
  -moz-box-shadow: var(--primary) 1px 0 6px 1px !important;
  -ms-box-shadow: var(--primary) 1px 0 6px 1px !important;
  -webkit-box-shadow: var(--primary) 1px 0 6px 1px !important;
  box-shadow: var(--primary) 1px 0 6px 1px !important;
}
#loading-bar-spinner .spinner-icon {
  border-top-color: var(--primary) !important;
  border-left-color: var(--primary) !important;
}
.membres-partial {
  color: var(--primary) !important;
}
.count-details {
  color: var(--primary) !important;
}
.custom-tooltip-table > thead > tr > th {
  border-bottom: 1px solid var(--primary) !important;
}
.table.table-border-primary > thead > tr > th {
  border-bottom-color: var(--primary) !important;
}
.ct-callout {
  border-color: var(--primary) !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: var(--primary) !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.panel-primary, .partition-primary {
  background-color: var(--primary) !important;
}
.panel-primary .panel-heading, .partition-primary .panel-heading {
  background-color: var(--primary) !important;
}
.load1:after {
  border-left: 2px solid var(--primary) !important;
}
.load2:after {
  background-color: var(--primary) !important;
}
.accordion .panel-heading .accordion-toggle > .icon-arrow:before {
  color: var(--primary) !important;
}
.badge-new {
  background-color: var(--primary) !important;
}
.input-group-addon {
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
.input-icon > [class*=hrmps] {
  color: var(--primary) !important;
}
.cs-skin-slide > span::after,
.cs-skin-slide.cs-active > span::after {
  color: var(--primary) !important;
}
.cs-skin-elastic > span::after {
  color: var(--primary) !important;
}
.the-icons .fa-hover .fa, .the-icons .fa-hover [class*=ti-] {
  color: var(--primary) !important;
}
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary.btn-o {
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
}
.btn-primary.btn-o .caret {
  border-top-color: var(--primary) !important;
}
.cl-effect-2 a span {
  background: var(--primary) !important;
}
.cl-effect-4 a::after {
  background: var(--primary) !important;
}
.cl-effect-6 a::before {
  background: var(--primary) !important;
}
.cl-effect-6 a::after {
  background: var(--primary) !important;
}
.cl-effect-8 a::after {
  border-color: var(--primary) !important;
}
.cl-effect-9 a::after {
  background: var(--primary) !important;
}
.cl-effect-10 a span {
  background: var(--primary) !important;
}
.cl-effect-11 a {
  border-top: 2px solid var(--primary) !important;
}
.cl-effect-11 a::before {
  border-bottom: 2px solid var(--primary) !important;
  color: var(--primary) !important;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
  color: var(--primary) !important;
  text-shadow: 10px 0 var(--primary), -10px 0 var(--primary) !important;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
  color: var(--primary) !important;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
  background: var(--primary) !important;
}
.cl-effect-16 a::before {
  color: var(--primary) !important;
}
.cl-effect-17 a::before {
  color: var(--primary) !important;
}
.cl-effect-17 a::after {
  background: var(--primary) !important;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
  background: var(--primary) !important;
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
  color: var(--primary) !important;
}
.cl-effect-19 a span {
  background: var(--primary) !important;
}
.cl-effect-20 a span {
  background: var(--primary) !important;
}
div.timeline .date_separator span {
  background-color: var(--primary) !important;
}
.timeline-xs .timeline-item:after {
  border-color: var(--primary) !important;
  background-color: var(--surface) !important;
}
.messages-list .messages-item span {
  color: var(--primary) !important;
}
.messages-list .messages-item .messages-item-star {
  color: var(--primary) !important;
}
#page-title .breadcrumb > li + li:before {
  color: var(--primary) !important;
}
[date-picker] th {
  color: var(--primary) !important;
}
.slider.slider-primary .slider-selection {
  background: var(--primary) !important;
}
.box-tree .nav > li > a i {
  color: var(--primary) !important;
}
.dd-item > button:before {
  color: var(--primary) !important;
}
.navbar .navbar-header .sidebar-mobile-toggler {
  color: var(--primary) !important;
}
.EntityChildCollab {
  border-bottom: solid 5px var(--primary) !important;
}
.swMain > ul li > a.selected .stepNumber-competency {
  border: 2px solid var(--primary) !important;
  color: var(--primary) !important;
}
.swMain > ul li:last-child > a.selected .stepNumber-competency {
  color: var(--primary) !important;
}
.swMain ul li > a.done .stepNumber-competency {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}
.swMain > ul .stepNumber-competency {
  color: var(--primary) !important;
  background-color: var(--surface) !important;
}
.selectedIcon {
  color: var(--primary) !important;
}
.filtre-style:hover, .filtre-style:active, .filtre-style.active, .filtre-style:focus {
  background-color: var(--primary) !important;
}
.style-link {
  color: var(--primary) !important;
}
#sidebar nav > ul > li.active > a .item-media > svg {
  color: var(--primary) !important;
}
#sidebar nav > ul > li.active > a .item-inner > span {
  color: var(--primary) !important;
}
.home-btn svg {
  color: var(--primary) !important;
}
.hm-pagination .page-numbers .current-page {
  background: var(--primary) !important;
}
.average {
  color: var(--primary) !important;
}
.membersCount {
  color: var(--primary) !important;
}
.hm-pagination .items-by-page-holder .buttons-mode .current-page {
  color: var(--primary) !important;
}
.hm-pagination .items-by-page-holder .buttons-mode > div:hover {
  color: var(--primary) !important;
}
.bar-chart-Blue {
  background: var(--primary) !important;
}
header .navbar-collapse .navbar-right > li .icon-Active-user svg {
  color: var(--primary) !important;
}
.home-btn:hover {
  border: solid 1px var(--primary) !important;
}
.has-tooltip {
  background: var(--primary) !important;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: var(--primary) !important;
}
/* … et le FOND. sitecss.css (Bootstrap) peint le survol et le focus en `#fff` EN DUR :
   en sombre, « sur 1 » de la pagination DataTables sortait sur un pave blanc des qu on le
   survolait ou cliquait (15/10/2026). Un lien actionnable prend le survol du theme ; un lien
   inactif (« Page », « sur n », fleches en bout de liste) n a pas de survol. La page active
   garde sa recette (`.active`, plus haut). (0,3,2) devant (0,3,1), sans !important. */
.pagination > li:not(.active) > a:focus, .pagination > li:not(.active) > a:hover,
.pagination > li:not(.active) > span:focus, .pagination > li:not(.active) > span:hover {
  background-color: var(--surface-hover);
  border-color: transparent;
}
.pagination > li.disabled > a:focus, .pagination > li.disabled > a:hover,
.pagination > li.disabled > span:focus, .pagination > li.disabled > span:hover {
  background-color: transparent;
}
.btn-list:hover, .btn-list:focus, .btn-list:active {
  color: var(--primary) !important;
}
.btn-list-modal:hover, .btn-list-modal:focus, .btn-list-modal:active {
  color: var(--primary) !important;
}
.link-file-upload label {
  color: var(--primary) !important;
}
.filter-popup .operators button.active, .filter-popup .operators button.active:hover {
  color: var(--primary) !important;
}
.filter-popup .tabs-container > div.active {
  border-bottom: 3px solid var(--primary) !important;
  color: var(--primary) !important;
}
.hm-bar-chart .pagination-arrows.enabled:hover {
  fill: var(--primary) !important;
}
.home-btn-pourcentage {
  color: var(--primary) !important;
}
.style-percentage {
  color: var(--primary) !important;
}
.table-info-circle {
  background: var(--primary) !important;
}
.Active-btn {
  background: var(--primary) !important;
}
.grid-global-label {
  color: var(--primary) !important;
}
.color {
  color: var(--primary) !important;
}
.style-entity-active .active {
  background: var(--primary) !important;
}
.btn-sm, .btn-group-sm > .btn {
  color: var(--primary) !important;
}
.trainerList {
  color: var(--primary) !important;
}
.style-icon-scroll:hover {
  color: var(--primary) !important;
}
.btn-popover {
  color: var(--primary) !important;
}
.Empleo-candidat .active {
  background: var(--primary) !important;
}
.user-recruted .black-desc {
  color: var(--primary) !important;
}
.hm-timeline-svg-holder .today-line {
  stroke: var(--primary) !important;
}
.btn-message {
  border: solid 1px var(--primary) !important;
}
.btn-message svg {
  color: var(--primary) !important;
}
.dropdown-notif {
  color: var(--primary) !important;
}
.delete-filter {
  color: var(--primary) !important;
  border-left: solid 1px var(--border-subtle) !important;
}
.hm-pagination .selectable:hover {
  color: var(--primary) !important;
}
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
  color: var(--primary) !important;
}
.backblue-btn .active .ui-grid-detail-btn {
  background: var(--primary) !important;
}
.backblue-btn .ui-grid-detail-icon {
  background: var(--primary) !important;
}
.backblue-btn .active .ui-grid-detail-icon span {
  color: var(--primary) !important;
}
table.table-bordered tbody tr:last-child .add-tr {
  color: var(--primary) !important;
}
.element_changed_in_history {
  color: var(--primary) !important;
}
.icon-myteam .fa-times {
  color: var(--primary) !important;
}
.user_list .user_item > div.selected {
  outline: 2px solid var(--primary) !important;
}
.customerTab li {
  border: 1px solid var(--primary) !important;
}
.Empleo-candidat-btn svg {
  color: var(--primary) !important;
}
.hm-timeline-svg-holder .today-icon {
  fill: var(--primary) !important;
}
.ui-select-bootstrap .ui-select-choices-row.active > a {
  background-color: var(--primary) !important;
}
.clip-radio.radio-danger input[type=radio]:checked + label:before {
  background: var(--primary) !important;
}
.pagination > li > a, .pagination > li > span {
  color: var(--primary) !important;
  background-color: var(--surface);
}
.discussion .self .message-text {
  background-color: var(--primary) !important;
}
.daterangepicker .drp-buttons .applyBtn, .daterangepicker .drp-buttons .applyBtn:hover, .daterangepicker .drp-buttons .applyBtn:focus {
  background-color: var(--primary) !important;
}
.priority-btn {
  background-color: var(--surface) !important;
}
.navbar .navbar-collapse {
  background-color: var(--surface) !important;
}
.bg-topNav {
  background: var(--surface) !important;
}
#page-title .mainDescription {
  color: var(--text-primary) !important;
}
.priority-btn .navbar-right > li > a span {
  color: var(--text-primary) !important;
}
.dropdown-toggle h5 {
  color: var(--text-primary) !important;
}
.app-sidebar-closed .navbar .navbar-header .sidebar-toggler {
  color: var(--text-primary) !important;
}
.notification-inner {
  color: var(--primary) !important;
}
header .navbar-collapse .navbar-right > li .icon-InActive-user svg {
  color: var(--text-primary) !important;
}
.username {
  color: var(--primary) !important;
}
#app > footer {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
  border-top: 1px solid var(--border-strong) !important;
}
.app-sidebar-fixed #sidebar > .sidebar-container {
  background-color: var(--surface) !important;
}
#sidebar nav > ul > li.active, #sidebar nav > ul > li.active ul {
  background: var(--surface-sunken) !important;
}
.item-content .item-media {
  color: var(--text-primary) !important;
}
#sidebar > div nav > ul > li > a .title {
  color: var(--text-primary) !important;
}
#sidebar nav > ul > li.active > a .item-media > i {
  color: var(--primary) !important;
}
ul.sub-menu li.active a {
  color: var(--primary) !important;
}
#sidebar > div nav > ul li a {
  color: var(--text-primary) !important;
}
#sidebar > div nav > ul li a:active {
  color: var(--primary) !important;
}
h3:where(:not([class^="ds-"], [class*=" ds-"])) {
  color: var(--text-primary) !important;
}
.key-figures > div {
  color: var(--text-primary) !important;
}
div.news > ul > li > strong {
  color: var(--text-primary) !important;
}
div.news > ul > li a {
  color: var(--text-primary) !important;
}
.user_list .user_item > div .user-header > div .function, .user_list .user_item > div .user-header > div .function a,
.user_list .user_item > div .user-header > div .age,
.user_list .user_item > div .user-header > div .age a {
  color: var(--text-primary) !important;
}
.stats > div strong {
  color: var(--text-primary) !important;
}
ul.portfolio li a {
  color: var(--text-primary) !important;
}
.item-inner {
  color: var(--text-primary) !important;
}
.user-function {
  color: var(--text-primary) !important;
}
.has-error .checkbox label {
  color: var(--text-primary) !important;
}
.has-error .clip-radio label {
  color: var(--text-primary) !important;
}
.btn-full-list:hover {
  background: var(--primary) !important;
}
.label-style {
  color: var(--text-muted) !important;
}
.value-style {
  color: var(--text-primary) !important;
}
.dropdown.current-user.open .visible-menu, .savingLoad {
  background: var(--surface) !important;
}
.valuewithbg {
  background: var(--primary) !important;
}
.main-content > .container {
  background: var(--surface-sunken) !important;
}.hide-widget-icon-list:hover, .hide-widget-icon-list:focus, .hide-widget-icon-list:active, .show-widget-icon-list, .show-widget-icon-list:hover {
  color: var(--primary) !important;
}
.btn-widget {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
  border-top: solid 1px var(--border) !important;
  border-left: solid 1px var(--border) !important;
  border-bottom: solid 1px var(--border) !important;
}
.panel {
  background: var(--surface) !important;
  color: var(--text-primary) !important;
}
.upload-Name {
  color: var(--primary) !important;
}
.icon-link {
  color: var(--primary) !important;
}
.salary-Wish {
  background-color: var(--primary) !important;
}
.btn-list {
  color: var(--text-primary) !important;
}
.breadcrumb > .active {
  color: var(--text-primary) !important;
}
.name-document {
  color: var(--text-primary) !important;
}
.upload-link {
  color: var(--primary) !important;
}
.nav-tabs li a {
  color: var(--text-primary) !important;
}
.icon-user .icon-tab .nav-tabs > li a {
  color: var(--text-primary) !important;
}
.hm-grid-holder .is-clickable {
  color: var(--primary) !important;
}
.hm-grid-holder .some-items-selected:not(:checked) + label:after {
  background: var(--primary) !important;
}
.hm-grid-holder .hm-grid-holder .some-items-selected:not(:checked) + label:before {
  border-color: var(--primary) !important;
}
.btn-success {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-image: -webkit-linear-gradient(right, var(--primary), var(--primary)) !important;
}
.btn-success[disabled], .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, .btn-success[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.btn-intervaltype {
  border: 1px solid var(--border) !important;
}
.btn-intervaltype:hover, .btn-intervaltype:focus, .btn-intervaltype:active {
  border: 1px solid var(--border) !important;
}
.btn-intervaltype[disabled], .btn-intervaltype.disabled:hover, .btn-intervaltype.disabled:focus, .btn-intervaltype.disabled:active, .btn-intervaltype.disabled.active, .btn-intervaltype[disabled], .btn-intervaltype[disabled]:hover, .btn-intervaltype[disabled]:focus, .btn-intervaltype[disabled]:active, .btn-intervaltype[disabled].active, .btn-intervaltype[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.v1 .btn-secondary {
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  box-shadow: 0 0px 2px 0 var(--primary) !important;
}
.v1 .btn-secondary:hover, .v1 .btn-secondary:focus, .v1 .btn-secondary:active {
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  box-shadow: 0 0px 2px 0 var(--primary) !important;
}
.v1 .btn-secondary[disabled], .v1 .btn-secondary.disabled:hover, .v1 .btn-secondary.disabled:focus, .v1 .btn-secondary.disabled:active, .v1 .btn-secondary.disabled.active, .v1 .btn-secondary[disabled], .v1 .btn-secondary[disabled]:hover, .v1 .btn-secondary[disabled]:focus, .v1 .btn-secondary[disabled]:active, .v1 .btn-secondary[disabled].active, .v1 .btn-secondary[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.btn-refresh-budget[disabled], .btn-refresh-budget.disabled:hover, .btn-refresh-budget.disabled:focus, .btn-refresh-budget.disabled:active, .btn-refresh-budget.disabled.active, .btn-refresh-budget[disabled], .btn-refresh-budget[disabled]:hover, .btn-refresh-budget[disabled]:focus, .btn-refresh-budget[disabled]:active, .btn-refresh-budget[disabled].active, .btn-refresh-budget[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.btn-export-template[disabled], .btn-export-template.disabled:hover, .btn-export-template.disabled:focus, .btn-export-template.disabled:active, .btn-export-template.disabled.active, .btn-export-template[disabled], .btn-export-template[disabled]:hover, .btn-export-template[disabled]:focus, .btn-export-template[disabled]:active, .btn-export-template[disabled].active, .btn-export-template[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.btn-close-coachingsession[disabled], .btn-close-coachingsession.disabled:hover, .btn-close-coachingsession.disabled:focus, .btn-close-coachingsession.disabled:active, .btn-close-coachingsession.disabled.active, .btn-close-coachingsession[disabled], .btn-close-coachingsession[disabled]:hover, .btn-close-coachingsession[disabled]:focus, .btn-close-coachingsession[disabled]:active, .btn-close-coachingsession[disabled].active, .btn-close-coachingsession[disabled].active {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.icons-link {
  color: var(--primary) !important;
}
.filter.active {
  color: var(--primary) !important;
}
.popup-content .is-selected a span {
  color: var(--primary) !important;
}
.style-table-request .grey-title {
  color: var(--text-secondary) !important;
}
.statStyle .text-stat {
  color: var(--text-secondary) !important;
}
.hm-sort .column-name {
  color: var(--text-secondary) !important;
}
.v2 .btn-success.disabled.active, .v2 .btn-success.disabled:focus, .v2 .btn-success.disabled:hover, .v2 .btn-success[disabled], .v2 .btn-success[disabled].active, .v2 .btn-success[disabled]:focus, .v2 .btn-success[disabled]:hover {
  background: -webkit-linear-gradient(right, var(--surface-sunken), var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
}
.v2 .btn-secondary[disabled], .v2 .btn-secondary.disabled:hover, .v2 .btn-secondary.disabled:focus, .v2 .btn-secondary.disabled:active, .v2 .btn-secondary.disabled.active, .v2 .btn-secondary[disabled], .v2 .btn-secondary[disabled]:hover, .v2 .btn-secondary[disabled]:focus, .v2 .btn-secondary[disabled]:active, .v2 .btn-secondary[disabled].active, .v2 .btn-secondary[disabled].active {
  border: 1px solid var(--border) !important;
}
body {
  background: var(--surface-sunken) !important;
  background: var(--surface) !important;
}
h1 {
  color: var(--text-primary) !important;
}
.poste-collab, .poste-collab:hover, .poste-collab:focus, .poste-collab:active {
  color: var(--text-muted) !important;
}
.mainTitle small {
  color: var(--text-primary) !important;
}
#app {
  background: var(--surface-sunken) !important;
}
ul.sub-menu {
  background: var(--surface-sunken) !important;
}
.navbar-form .form-control {
  color: var(--text-primary) !important;
}
.navbar-form .form-control:focus {
  background-color: var(--surface) !important;
  border-color: var(--border-strong) !important;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  background-color: var(--surface) !important;
  border: solid 1px var(--border) !important;
}
.settings.panel {
  background: var(--surface) !important;
}
.settings.panel .panel-heading {
  border-color: var(--border-strong) !important;
}
.settings.panel .setting-box {
  border-bottom: 1px solid var(--border-strong) !important;
}
.theme-1 .th-header {
  background: var(--surface) !important;
}
.theme-1 .th-collapse {
  background: var(--surface) !important;
}
.theme-1 .th-sidebar {
  background: var(--surface) !important;
}
.theme-1 .element {
  background: var(--primary) !important;
}
.theme-2 .th-collapse {
  background: var(--surface) !important;
}
.theme-6 .th-collapse {
  background: var(--surface) !important;
}
#off-sidebar {
  background: var(--surface) !important;
  border-left: 1px solid var(--border-strong) !important;
  border-top: 1px solid var(--border-strong) !important;
}
#off-sidebar .nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid var(--border-strong) !important;
  border-right: 1px solid var(--border-strong) !important;
}
#off-sidebar .media-list .media {
  border-bottom: 1px solid var(--border-strong) !important;
}
#off-sidebar .media-list .media .media-heading {
  color: var(--text-primary) !important;
}
.border-around {
  border: 1px solid var(--border-strong) !important;
}
.text-dark {
  color: var(--text-secondary) !important;
}
.tags:after {
  background: none repeat scroll 0 0 var(--surface) !important;
}
.dropdown-menu.dropdown-dark {
  background-color: var(--surface) !important;
}
.dropdown-menu.dropdown-dark li p, .dropdown-menu.dropdown-dark li a, .dropdown-menu.dropdown-dark .drop-down-wrapper li p, .dropdown-menu.dropdown-dark .drop-down-wrapper li a {
  color: var(--text-primary) !important;
}
.dropdown-menu.dropdown-light {
  background-color: var(--surface) !important;
}
.panel > h1 {
  background: var(--surface) !important;
}
.panel-transparent, .partition-transparent {
  color: var(--text-secondary) !important;
}
.panel-light-grey, .partition-light-grey {
  background-color: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.panel-light-grey .panel-tools .btn:hover, .panel-light-grey .panel-tools > a:hover, .partition-light-grey .panel-tools .btn:hover, .partition-light-grey .panel-tools > a:hover {
  color: var(--text-primary) !important;
}
.panel-white, .partition-white {
  background-color: var(--surface) !important;
}
.panel-note .panel-footer .timestamp {
  color: var(--text-muted) !important;
}
.full-white-backdrop {
  background-color: var(--surface) !important;
}
.panel.panel-full-screen {
  background-color: var(--surface) !important;
}
.pagination-blue li a {
  background: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.pagination-blue li.disabled a {
  background: var(--surface-sunken) !important;
}
.pagination-blue li.disabled a:hover, .pagination-blue li.disabled a:focus {
  background: var(--surface-sunken) !important;
}
.pagination-blue li [class^="fa-"], .pagination-blue li [class*=" fa-"], .pagination-blue li [class*="ti-"] {
  color: var(--text-secondary) !important;
}
.pagination-green li a {
  background: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.pagination-green li.disabled a {
  background: var(--surface-sunken) !important;
}
.pagination-green li.disabled a:hover, .pagination-green li.disabled a:focus {
  background: var(--surface-sunken) !important;
}
.pagination-red li a {
  background: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.pagination-red li.disabled a {
  background: var(--surface-sunken) !important;
}
.pagination-red li.disabled a:hover, .pagination-red li.disabled a:focus {
  background: var(--surface-sunken) !important;
}
.accordion .panel-heading .accordion-toggle {
  color: var(--text-secondary) !important;
}
.accordion.accordion-white .panel-heading .accordion-toggle {
  background-color: var(--surface) !important;
}
.accordion.accordion-white .panel-heading .accordion-toggle.collapsed {
  background-color: var(--surface) !important;
}
.accordion.heading-white .accordion-toggle {
  background-color: var(--surface) !important;
  color: var(--text-primary) !important;
}
.accordion.body-light-grey .panel-body {
  background: var(--surface-sunken) !important;
}
form.search input,
        div.dataTables_filter input {
  border: solid 1px var(--border) !important;
}
textarea:where(:not([class^="ds-"], [class*=" ds-"])),
select:where(:not([class^="ds-"], [class*=" ds-"])),
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="text"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="password"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="datetime"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="datetime-local"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="date"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="month"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="time"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="week"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="number"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="email"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="url"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="search"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="tel"],
input:where(:not([class^="ds-"], [class*=" ds-"]))[type="color"] {
  border: 1px solid var(--border) !important;
}
textarea:where(:not([class^="ds-"], [class*=" ds-"])):focus,
    select:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="text"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="password"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="datetime"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="datetime-local"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="date"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="month"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="time"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="week"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="number"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="email"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="url"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="search"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="tel"]:focus,
    input:where(:not([class^="ds-"], [class*=" ds-"]))[type="color"]:focus {
  background-color: var(--surface) !important;
}
textarea.underline, select.underline, input[type="text"].underline, input[type="password"].underline, input[type="datetime"].underline, input[type="datetime-local"].underline, input[type="date"].underline, input[type="month"].underline, input[type="time"].underline, input[type="week"].underline, input[type="number"].underline, input[type="email"].underline, input[type="url"].underline, input[type="search"].underline, input[type="tel"].underline, input[type="color"].underline {
  border: 1px solid var(--border-strong) !important;
  color: var(--text-secondary) !important;
}
textarea.underline:focus, select.underline:focus, input[type="text"].underline:focus, input[type="password"].underline:focus, input[type="datetime"].underline:focus, input[type="datetime-local"].underline:focus, input[type="date"].underline:focus, input[type="month"].underline:focus, input[type="time"].underline:focus, input[type="week"].underline:focus, input[type="number"].underline:focus, input[type="email"].underline:focus, input[type="url"].underline:focus, input[type="search"].underline:focus, input[type="tel"].underline:focus, input[type="color"].underline:focus {
  border-color: var(--primary) !important;
}
.has-warning .control-label {
  color: var(--text-primary) !important;
}
.has-warning .form-control {
  color: var(--text-secondary) !important;
}
.has-success .control-label {
  color: var(--text-muted) !important;
}
.has-success .form-control {
  color: var(--text-primary) !important;
}
.has-success label {
  color: var(--text-primary) !important;
}
.cal-day-weekend span[data-cal-date] {
  color: var(--text-muted) !important;
}
.note-editor {
  background: var(--surface) !important;
}
div.cs-select {
  background: var(--surface) !important;
}
div.cs-select.disabled {
  background: var(--surface-hover) !important;
}
.cs-select .cs-options {
  background: var(--surface) !important;
}
div.cs-skin-slide {
  color: var(--text-secondary) !important;
}
div.cs-skin-slide::before {
  background: var(--surface) !important;
}
.cs-skin-slide.cs-active::before {
  background: var(--surface-sunken) !important;
}
div.cs-skin-elastic {
  color: var(--text-secondary) !important;
}
.cs-skin-elastic > span {
  border: 1px solid var(--border) !important;
}
.cs-skin-elastic .cs-options li:hover,
.cs-skin-elastic .cs-options li.cs-focus {
  background: var(--surface-hover) !important;
}
.clip-check label:before {
  background-color: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
}
.clip-radio label:before {
  background-color: var(--surface) !important;
}
.fa-round {
  border: 0.1em solid var(--border-subtle) !important;
}
.btn-default {
  background-color: var(--surface) !important;
}
.btn-default:focus {
  background-color: var(--surface) !important;
  color: var(--text-secondary) !important;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: var(--surface) !important;
}
.btn-list .hrmps {
  color: var(--text-primary) !important;
}
.open .btn-primary.dropdown-toggle {
  background-color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary:hover {
  background-color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary:active, .btn-primary.active, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.dropdown-toggle:active:hover {
  background-color: var(--primary-active) !important;
  border-color: var(--primary-active) !important;
}
.btn-primary:focus {
  background-color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary.btn-o:hover {
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary.btn-o:active, .btn-primary.btn-o.active, .btn-primary.btn-o.active:focus, .btn-primary.btn-o:active:focus, .btn-primary.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-primary.btn-o:focus {
  background-color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-primary.btn-o.disabled:hover, .btn-primary.btn-o.disabled:focus, .btn-primary.btn-o.disabled:active, .btn-primary.btn-o.disabled.active, .btn-primary.btn-o[disabled], .btn-primary.btn-o[disabled]:hover, .btn-primary.btn-o[disabled]:focus, .btn-primary.btn-o[disabled]:active, .btn-primary.btn-o[disabled].active, fieldset[disabled] .btn-primary.btn-o:hover, fieldset[disabled] .btn-primary.btn-o:focus, fieldset[disabled] .btn-primary.btn-o:active, fieldset[disabled] .btn-primary.btn-o.active {
  border-color: var(--primary-400) !important;
  color: var(--primary-400) !important;
}
.btn-warning.btn-o:active, .btn-warning.btn-o.active, .btn-warning.btn-o.active:focus, .btn-warning.btn-o:active:focus, .btn-warning.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-danger.btn-o:active, .btn-danger.btn-o.active, .btn-danger.btn-o.active:focus, .btn-danger.btn-o:active:focus, .btn-danger.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-azure.btn-o:active, .btn-azure.btn-o.active, .btn-azure.btn-o.active:focus, .btn-azure.btn-o:active:focus, .btn-azure.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-azure.btn-o:active, .btn-light-azure.btn-o.active, .btn-light-azure.btn-o.active:focus, .btn-light-azure.btn-o:active:focus, .btn-light-azure.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-azure.btn-o:active, .btn-dark-azure.btn-o.active, .btn-dark-azure.btn-o.active:focus, .btn-dark-azure.btn-o:active:focus, .btn-dark-azure.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-blue.btn-o {
  color: var(--text-secondary) !important;
}
.btn-blue.btn-o:active, .btn-blue.btn-o.active, .btn-blue.btn-o.active:focus, .btn-blue.btn-o:active:focus, .btn-blue.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-blue.btn-o:active, .btn-light-blue.btn-o.active, .btn-light-blue.btn-o.active:focus, .btn-light-blue.btn-o:active:focus, .btn-light-blue.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-blue.btn-o:hover {
  color: var(--text-secondary) !important;
}
.btn-dark-blue.btn-o:active, .btn-dark-blue.btn-o.active, .btn-dark-blue.btn-o.active:focus, .btn-dark-blue.btn-o:active:focus, .btn-dark-blue.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-blue.btn-o:focus {
  color: var(--text-secondary) !important;
}
.btn-green.btn-o:active, .btn-green.btn-o.active, .btn-green.btn-o.active:focus, .btn-green.btn-o:active:focus, .btn-green.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-green.btn-o:active, .btn-light-green.btn-o.active, .btn-light-green.btn-o.active:focus, .btn-light-green.btn-o:active:focus, .btn-light-green.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-green.btn-o:active, .btn-dark-green.btn-o.active, .btn-dark-green.btn-o.active:focus, .btn-dark-green.btn-o:active:focus, .btn-dark-green.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-orange.btn-o:active, .btn-orange.btn-o.active, .btn-orange.btn-o.active:focus, .btn-orange.btn-o:active:focus, .btn-orange.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-orange.btn-o:active, .btn-light-orange.btn-o.active, .btn-light-orange.btn-o.active:focus, .btn-light-orange.btn-o:active:focus, .btn-light-orange.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-orange.btn-o:active, .btn-dark-orange.btn-o.active, .btn-dark-orange.btn-o.active:focus, .btn-dark-orange.btn-o:active:focus, .btn-dark-orange.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-red.btn-o:active, .btn-red.btn-o.active, .btn-red.btn-o.active:focus, .btn-red.btn-o:active:focus, .btn-red.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-red.btn-o:active, .btn-light-red.btn-o.active, .btn-light-red.btn-o.active:focus, .btn-light-red.btn-o:active:focus, .btn-light-red.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-red.btn-o:active, .btn-dark-red.btn-o.active, .btn-dark-red.btn-o.active:focus, .btn-dark-red.btn-o:active:focus, .btn-dark-red.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-purple.btn-o:active, .btn-purple.btn-o.active, .btn-purple.btn-o.active:focus, .btn-purple.btn-o:active:focus, .btn-purple.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-purple.btn-o:active, .btn-light-purple.btn-o.active, .btn-light-purple.btn-o.active:focus, .btn-light-purple.btn-o:active:focus, .btn-light-purple.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-purple.btn-o:active, .btn-dark-purple.btn-o.active, .btn-dark-purple.btn-o.active:focus, .btn-dark-purple.btn-o:active:focus, .btn-dark-purple.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-beige.btn-o:active, .btn-beige.btn-o.active, .btn-beige.btn-o.active:focus, .btn-beige.btn-o:active:focus, .btn-beige.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-beige.btn-o:active, .btn-light-beige.btn-o.active, .btn-light-beige.btn-o.active:focus, .btn-light-beige.btn-o:active:focus, .btn-light-beige.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-beige.btn-o:active, .btn-dark-beige.btn-o.active, .btn-dark-beige.btn-o.active:focus, .btn-dark-beige.btn-o:active:focus, .btn-dark-beige.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-yellow.btn-o:active, .btn-yellow.btn-o.active, .btn-yellow.btn-o.active:focus, .btn-yellow.btn-o:active:focus, .btn-yellow.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-light-yellow.btn-o:active, .btn-light-yellow.btn-o.active, .btn-light-yellow.btn-o.active:focus, .btn-light-yellow.btn-o:active:focus, .btn-light-yellow.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-yellow.btn-o:active, .btn-dark-yellow.btn-o.active, .btn-dark-yellow.btn-o.active:focus, .btn-dark-yellow.btn-o:active:focus, .btn-dark-yellow.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-grey {
  border-color: var(--border-strong) !important;
}
.btn-grey.btn-o {
  border: 1px solid var(--border-strong) !important;
}
.btn-grey.btn-o:active, .btn-grey.btn-o.active, .btn-grey.btn-o.active:focus, .btn-grey.btn-o:active:focus, .btn-grey.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-grey.btn-o .caret {
  border-top-color: var(--border-strong) !important;
}
.btn-light-grey {
  background-color: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.btn-light-grey:hover {
  color: var(--text-primary) !important;
}
.btn-light-grey:active, .btn-light-grey.active, .btn-light-grey.active:focus, .btn-light-grey:active:focus, .btn-light-grey:active:hover, .btn-light-grey.dropdown-toggle:active:hover {
  background-color: var(--surface-hover) !important;
  border-color: var(--border) !important;
}
.btn-light-grey:focus {
  color: var(--text-primary) !important;
}
.btn-light-grey.btn-o:active, .btn-light-grey.btn-o.active, .btn-light-grey.btn-o.active:focus, .btn-light-grey.btn-o:active:focus, .btn-light-grey.btn-o:active:hover {
  background-color: var(--surface-hover) !important;
}
.btn-dark-grey:hover {
  border-color: var(--border-strong) !important;
}
.btn-dark-grey.btn-o:hover {
  border-color: var(--border-strong) !important;
}
.btn-transparent-grey .caret {
  border-top-color: var(--border-strong) !important;
}
.dropup .btn-transparent-grey .caret {
  border-bottom: 4px solid var(--border-strong) !important;
}
.btn-icon {
  background-color: var(--surface) !important;
  color: var(--text-primary) !important;
}
.btn-icon:hover {
  color: var(--text-primary) !important;
}
.iconic-elem-primary {
  fill: var(--primary) !important;
}
.button-o {
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
}
.social-icons ul li a:before {
  color: var(--text-muted) !important;
}
nav.links a {
  color: var(--text-primary) !important;
}
.cl-effect-15 a::before {
  color: var(--text-primary) !important;
}
.cl-effect-16 a {
  color: var(--text-primary) !important;
}
.cl-effect-17 a {
  color: var(--text-primary) !important;
}
.cl-effect-18 a {
  color: var(--text-primary) !important;
}
.cl-effect-21 a::before,
    .cl-effect-21 a::after {
  background: var(--surface) !important;
}
.swMain > ul .stepNumber {
  background-color: var(--surface) !important;
  color: var(--text-primary) !important;
}
.swMain > ul li .stepDesc {
  color: var(--text-primary) !important;
}
.timeline_element.partition-white:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-green:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-orange:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-blue:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-red:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-azure:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element.partition-purple:hover:after {
  background-color: var(--surface) !important;
}
.timeline_element:before {
  border-top: 1px dashed var(--border-strong) !important;
}
.timeline_element:hover:after {
  background-color: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
}
.timeline-xs .timeline-item {
  border-left: 1px solid var(--border-strong) !important;
}
.table > tbody > tr.active > td, .table > tbody > tr.active > th {
  color: var(--text-secondary) !important;
}
.table > tbody > tr.active:hover > td, .table > tbody > tr.active:hover > th {
  color: var(--text-secondary) !important;
}
.even {
  background: var(--surface) !important;
}
.custom-avatar-container .img-circle {
  border: solid 1px var(--border-subtle) !important;
}
table.table-bordered tr {
  border-bottom: solid 1px var(--border) !important;
}
table.table-bordered thead th {
  color: var(--text-muted) !important;
}
table.table-bordered tbody th,
    table.table-bordered tbody td {
  color: var(--text-primary) !important;
}
.user_list .user_item > div .skills li strong {
  color: var(--text-muted) !important;
}
.messages-list .messages-item a {
  background: var(--surface) !important;
}
.messages-list .messages-item a:hover {
  background: var(--bg-canvas) !important;
}
.messages-list .messages-item a:focus {
  background: var(--bg-canvas) !important;
}
.messages-list .messages-item a:active {
  background-color: var(--bg-canvas) !important;
}
.messages-list .messages-item .messages-item-attachment {
  color: var(--text-secondary) !important;
}
.messages-list .messages-item .messages-item-time {
  color: var(--text-muted) !important;
}
.messages-list .messages-item .messages-item-time .text {
  color: var(--text-muted) !important;
}
.messages-list .messages-item .messages-item-content {
  color: var(--text-muted) !important;
}
.wrap-options {
  border-bottom: 1px solid var(--border-strong) !important;
}
.message-actions .actions > li > a, .message-actions .actions > li > span > a {
  color: var(--text-primary) !important;
}
.title-desc {
  color: var(--text-muted) !important;
}
.message-header .message-from {
  color: var(--text-secondary) !important;
}
.message-content {
  color: var(--text-primary) !important;
}
.inbox .email-list {
  background: var(--surface) !important;
}
.inbox .email-reader {
  background: var(--bg-canvas) !important;
}
ul.portfolio li a .img-wrapper {
  background: var(--surface) !important;
  border: solid 1px var(--border) !important;
}
ul.portfolio li a > h3 {
  color: var(--text-primary) !important;
}
.pricing-table .plan li {
  color: var(--text-primary) !important;
}
.pricing-blue .plan li strong {
  color: var(--text-secondary) !important;
}
#page-title h1 {
  color: var(--text-primary) !important;
}
.picker__weekday {
  color: var(--primary) !important;
}
[date-picker] .switch {
  color: var(--text-secondary) !important;
}
[date-picker] .active, [date-picker] .now {
  background-color: var(--primary) !important;
}
[date-picker] .now {
  background-color: var(--surface) !important;
  color: var(--primary) !important;
}
[date-picker] .active:hover, [date-picker] .now:hover, [date-picker] .active:active, [date-picker] .now:active, [date-picker] .active.active, [date-picker] .now.active, [date-picker] .active.disabled, [date-picker] .now.disabled, [date-picker] .active[disabled], [date-picker] .now[disabled] {
  background-color: var(--primary) !important;
}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
  background-color: var(--surface-hover) !important;
}
.ps-container .ps-scrollbar-y-rail:hover,
    .ps-container .ps-scrollbar-y-rail.hover,
    .ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: var(--surface-hover) !important;
}
.slider-handle.round {
  background: linear-gradient(to bottom, #dddddd 13%, var(--surface) 97%) repeat scroll 0 0 transparent !important;
}
.box-tree .nav > li > a {
  color: var(--text-primary) !important;
}
.box-tree .nav > li > a:hover, .box-tree .nav > li > a:focus {
  color: var(--text-secondary) !important;
}
.cropBox {
  background-color: var(--surface-sunken) !important;
  color: var(--text-secondary) !important;
}
.cropArea {
  background-color: var(--surface) !important;
}
.croppedBox > div {
  background: var(--surface) url(../images/picture.svg) center center no-repeat !important;
}
.angular-ui-tree-handle {
  background: var(--surface-sunken) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
}
.angular-ui-tree-handle:hover {
  color: var(--text-secondary) !important;
  background: var(--surface-hover) !important;
}
.dd-handle {
  background: var(--surface-sunken) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
}
.dd-handle:hover {
  background: var(--surface-hover) !important;
}
.sweet-alert h2 {
  color: var(--text-secondary) !important;
}
.fc-event, #event-categories .event-category {
  background: var(--surface-sunken) !important;
  color: var(--text-primary) !important;
}
.fc-state-highlight {
  background: var(--surface-sunken) !important;
}
.fc-state-default {
  background-color: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}
.fc-event {
  color: var(--text-primary) !important;
}
.event-job .fc-content > span:first-child:before, .event-category.event-job:before {
  color: var(--primary) !important;
}
header .navbar-header .sidebar-toggler, header .navbar-header .sidebar-mobile-toggler {
  color: var(--text-secondary) !important;
}
header .navbar-header .menu-toggler {
  color: var(--text-secondary) !important;
}
header .dropdown-off-sidebar {
  color: var(--text-secondary) !important;
}
#off-sidebar .sidebar-back {
  color: var(--text-secondary) !important;
}
#off-sidebar .nav-tabs.nav-justified > li.active > a, #off-sidebar .nav-tabs.nav-justified > li.active > a:hover, #off-sidebar .nav-tabs.nav-justified > li.active > a:focus {
  color: var(--text-secondary) !important;
}
#off-sidebar .message-bar textarea {
  background: var(--surface) !important;
}
#off-sidebar .message-bar .link {
  color: var(--text-secondary) !important;
}
.custom-form-text {
  color: var(--text-secondary) !important;
}
.custom-form-text-style {
  color: var(--text-secondary) !important;
  color: var(--text-primary) !important;
}
.custom-tooltip-table > thead > tr > th,
    .custom-tooltip-table > tbody > tr > th,
    .custom-tooltip-table > tfoot > tr > th,
    .custom-tooltip-table > thead > tr > td,
    .custom-tooltip-table > tbody > tr > td,
    .custom-tooltip-table > tfoot > tr > td {
  color: var(--text-muted) !important;
}
.custom-avatar-title {
  color: var(--text-primary) !important;
}
.custom-avatar-desc {
  color: var(--text-muted) !important;
}
.table.table-border-grey > thead > tr > th {
  border-bottom-color: var(--border-strong) !important;
}
.table.table-border-primary.table-select-one > tbody > tr:hover > td {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.portfolio-page ul.nav li a {
  background: var(--surface-hover) none repeat scroll 0 0 !important;
}
.gsi-step-indicator.triangle li > * {
  background-color: var(--surface-hover) !important;
}
.custom-avatar-title-task {
  color: var(--text-primary) !important;
}
.reset-password-card {
  background: var(--surface) !important;
}
.reset-password-input .form-control {
  background-color: var(--surface) !important;
}
.empleo-field .fieldset {
  background: var(--surface) !important;
}
.modal-content {
  background: var(--surface) !important;
}
.ui-grid-detail .icon-info-style {
  background: var(--surface) !important;
}
.Formation-desc {
  color: var(--text-muted) !important;
}
.survey-welcome-panel .panel-heading .panel-title {
  color: var(--text-secondary) !important;
}
.pagination.pagination-custom-blue > .active > a,
.pagination.pagination-custom-blue > .active > a:hover,
.pagination.pagination-custom-blue > .active > span:hover,
.pagination.pagination-custom-blue > .active > a:focus,
.pagination.pagination-custom-blue > .active > span:focus {
  border: solid 1px var(--border) !important;
  color: var(--text-primary) !important;
}
.competencyAccordionsSection .vpaneHeaderH {
  color: var(--text-primary) !important;
}
.footable-row-detail-name {
  color: var(--text-muted) !important;
}
.navbar .navbar-right .dropdown-menu.dropdown-messages .drop-down-wrapper ul > li a {
  background-color: var(--surface) !important;
}
.custom-ckeditor blockquote {
  border-color: var(--border-strong) !important;
}
.custom-ckeditor h1, .custom-ckeditor h2, .custom-ckeditor h3, .custom-ckeditor h4, .custom-ckeditor h5, .custom-ckeditor h6 {
  color: var(--text-muted) !important;
}
.grey-title {
  color: var(--text-muted) !important;
}
.info-tab-panel .black-description {
  border: solid 1px var(--border) !important;
}
.info-tab-panel .empty-description {
  background: var(--surface-sunken) !important;
  border: solid 1px var(--border) !important;
}
.troissoixante-btn .nav-tabs > li > a {
  color: var(--text-muted) !important;
}
table.table-bordered tbody td {
  border-bottom: 1px solid var(--border) !important;
}
.cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] {
  color: var(--text-primary) !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  background: -webkit-linear-gradient(right,var(--surface-sunken),var(--surface-sunken)) !important;
  color: var(--text-muted) !important;
}
.link-accord p {
  color: var(--text-primary) !important;
}
.clip-radio .required-label:before {
  background-color: var(--surface) !important;
}
.date-absence {
  color: var(--text-primary) !important;
}
.detail-date-absence {
  color: var(--text-muted) !important;
}
.list-collab {
  border: solid 1px var(--border) !important;
}
.style-level {
  border-right: 1px solid var(--border) !important;
}
.calendar-popup {
  border: solid 1px var(--border-subtle) !important;
}
.DemandeEmpleoTable table.table-bordered .absencesnotreplaced {
  background-color: var(--surface-sunken) !important;
}
.DemandeEmpleoTable table.table-bordered .absencesreplaced {
  background-color: var(--surface) !important;
}
.horizontal .modal-dialog .modal-content .calendar-trainer {
  background: var(--surface) !important;
}
.modal .modal-dialog .modal-content .calendar-trainer {
  background: var(--surface) !important;
}
.nav-filtre .filtre-style {
  border: solid 1px var(--border) !important;
}
.filtre-style p {
  color: var(--text-primary) !important;
}
#professionInRecrutment {
  border: 2px solid var(--border-strong) !important;
}
.inactive-btn .text-stat {
  color: var(--text-muted) !important;
}
.icon-tabulation {
  background: var(--surface-sunken) !important;
}
.no-action-planned {
  color: var(--text-muted) !important;
}
.popover {
  background-color: var(--surface) !important;
}
.details-collab {
  color: var(--text-muted) !important;
}
.black-description-notif {
  color: var(--text-primary) !important;
}
.dropdown-header-notif {
  color: var(--text-primary) !important;
}
.btn-dpae .ui-grid-detail-btn .ui-grid-detail-text .module-value {
  color: var(--text-muted) !important;
}
.dropdown-menu > li > button {
  color: var(--text-primary) !important;
}
.filter-popup .popup-header {
  border-bottom: 1px solid var(--border-subtle) !important;
}
.filter-popup .operators button:hover {
  background: var(--bg-canvas) !important;
}
.addLigne {
  color: var(--primary) !important;
}
.ccm-option {
  background: var(--surface) !important;
}
.ccm-radio {
  background: var(--surface) !important;
}
.cr-slider-wrap::after {
  color: var(--text-muted) !important;
}
.cr-slider-wrap::before {
  color: var(--text-muted) !important;
}
.list-check i {
  background: var(--surface-sunken) !important;
}
.edit-state {
  color: var(--primary) !important;
}
.training-detail {
  background: var(--surface-sunken) !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: var(--text-primary) !important;
}
table.table-bordered tbody tr td.dataTables_empty {
  color: var(--text-muted) !important;
}
.footable-row-detail-value {
  color: var(--text-primary) !important;
}
.panel-list {
  background-color: var(--surface) !important;
}
.personal-info-date {
  color: var(--text-muted) !important;
}
.personal-info-title {
  color: var(--text-primary) !important;
}
.table-personal-info > thead > tr > th {
  color: var(--text-muted) !important;
}
.v1 .panel-table {
  background-color: var(--surface) !important;
}
.title-section {
  color: var(--text-primary) !important;
}
.col-xs-12 .title-info {
  color: var(--text-primary) !important;
}
.btn-list-date {
  background-color: var(--surface) !important;
}
.showtab .fa {
  color: var(--primary) !important;
}
.form-inline .form-control {
  border: solid 1px var(--border) !important;
}
.statDescription {
  color: var(--text-primary) !important;
}
.bloc-title {
  color: var(--text-primary) !important;
}
.span-bold {
  color: var(--text-primary) !important;
}
.nav-pills > li > a {
  color: var(--text-muted) !important;
}
.Name-obj {
  color: var(--text-primary) !important;
}
.user-detail {
  color: var(--text-primary) !important;
}
.adresse-condidat {
  color: var(--text-muted) !important;
}
.condidat-title {
  color: var(--text-primary) !important;
}
.user-detail-overview {
  color: var(--text-primary) !important;
}
.Name-condidat {
  color: var(--text-primary) !important;
}
.age-condidat {
  color: var(--text-muted) !important;
}
.new-user-func {
  color: var(--text-primary) !important;
}
.new-user-func-new {
  color: var(--text-muted) !important;
}
.Name-new-team {
  color: var(--text-primary) !important;
}
.Notif-Famille-name {
  color: var(--text-primary) !important;
}
.Notif-Famille-count-hide {
  color: var(--text-muted) !important;
}
.filter-timeline {
  background: var(--surface) !important;
}
.entity-new-user {
  border-top: solid 1px var(--border-subtle) !important;
}
.EventActivityOther {
  color: var(--text-primary) !important;
}
.AllEventActivity {
  color: var(--text-primary) !important;
}
.Other {
  color: var(--text-primary) !important;
}
.name-competence {
  color: var(--text-secondary) !important;
}
.history-item {
  border-bottom: 1px solid var(--border-strong) !important;
}
.title-profile {
  color: var(--text-muted) !important;
}
.deconnection-list .dropdown-menu.dropdown-dark {
  background-color: var(--surface) !important;
}
.error-portail {
  background: var(--surface) !important;
}
.smiley {
  background: var(--surface) !important;
}
.smiley-accomplie {
  background: var(--surface) !important;
}
.cal-slide-box {
  background: var(--surface-sunken) !important;
}
.loader {
  background: var(--surface) !important;
}
.custom-select > a.dropdown-toggle.disabled,
        .custom-select > a.dropdown-toggle.disabled:hover {
  background: var(--surface-hover) !important;
}
.custom-select > .dropdown-menu > .custom-select-search:after {
  color: var(--text-muted) !important;
}
.custom-select > .dropdown-menu > ul {
  background-color: var(--surface) !important;
}
.custom-select > .dropdown-menu > ul > li > a {
  color: var(--text-primary) !important;
}
.form-horizontal .control-label {
  color: var(--text-muted) !important;
}
.date-formation {
  color: var(--text-muted) !important;
}
.img-session {
  border: solid 1px var(--border-subtle) !important;
}
.trainer-title {
  color: var(--text-muted) !important;
}
.panel-heading-tabs .disabled i {
  color: var(--text-muted) !important;
}
.panel-heading-tabs .disabled i:hover {
  border: solid 1px var(--border) !important;
}
.module-empty {
  color: var(--text-muted) !important;
}
.custom-select a.dropdown-toggle.disabled, .custom-select > a.dropdown-toggle.disabled:hover {
  background: var(--surface-hover) !important;
}
.custom-select .dropdown-menu .custom-select-search:after {
  color: var(--text-muted) !important;
}
.custom-select .dropdown-menu ul {
  background-color: var(--surface) !important;
}
.custom-select .dropdown-menu > ul > li > a {
  color: var(--text-primary) !important;
}
.clip-radio .regular-radio + label {
  background-color: var(--bg-canvas) !important;
}
.EntityStyle {
  background: var(--surface) !important;
}
.EntityChildStyle .EntityStyle {
  background: var(--surface) !important;
}
.EntityChildCollab .new-collab-info {
  background: var(--surface) !important;
}
select.input-sm {
  border: 1px solid var(--border) !important;
}
h5 {
  color: var(--text-primary) !important;
}
.icon-widget-home {
  color: var(--text-primary) !important;
}
.add-amount {
  border: solid 1px var(--border-subtle) !important;
}
.amount-panel {
  border: solid 1px var(--border-subtle) !important;
}
.table-info {
  border: solid 1px var(--border) !important;
}
.demande-wizard .swMain > ul .stepNumber {
  color: var(--text-muted) !important;
}
.demande-wizard .swMain > ul li > a.futurestep .stepNumber {
  color: var(--text-muted) !important;
}
.style-border {
  border-top: solid 1px var(--border) !important;
}
.footer-candidat {
  border-top: solid 1px var(--border) !important;
}
#cal-week-box {
  background-color: var(--bg-canvas) !important;
}
.btn-action-plan {
  color: var(--text-primary) !important;
}
.custom_panel_table {
  background: var(--surface-sunken) !important;
  border: solid 1px var(--border-subtle) !important;
}
.budgetContent {
  background: var(--surface-sunken) !important;
}
.title-niveau {
  color: var(--text-primary) !important;
}
.border-right {
  border-right: solid 1px var(--border-subtle) !important;
}
.notifications-details {
  background-color: var(--surface) !important;
}
.black-description-notif-details {
  color: var(--text-primary) !important;
}
.icone-notif .svg-inline--fa {
  color: var(--text-primary) !important;
}
.icon-level {
  color: var(--text-primary) !important;
}
.style-icon-scroll {
  color: var(--text-primary) !important;
}
.filtre-session {
  background-color: var(--surface) !important;
}
.name-filtre {
  color: var(--text-primary) !important;
}
.layout {
  background: var(--surface) 0% 0% no-repeat padding-box !important;
}
.popover-periode {
  background: var(--surface) !important;
}
.popoverPanel {
  border-bottom: solid 1px var(--border-subtle) !important;
}
.dependantModal {
  background: var(--surface) !important;
}
.btn-popover-linkedin {
  box-shadow: 0 0 2px 0 var(--primary) !important;
}
.has-error .control-label {
  color: var(--text-muted) !important;
}
.allStyle {
  color: var(--text-primary) !important;
}
.input-style {
  color: var(--text-secondary) !important;
}
.style-radio label:before {
  background-color: var(--surface) !important;
}
.input-style-disabled {
  background: var(--surface-hover) !important;
}
.style-new-collab {
  border: 1px solid var(--border-subtle) !important;
}
.style-bloc {
  background: var(--surface) !important;
}
.btn-cancel-modal {
  color: var(--text-muted) !important;
}
.acceptedMangerColor + label:after {
  border: 2px solid var(--primary) !important;
}
.acceptedMangerColor + label:before {
  background: var(--primary) !important;
}
.scroll-description {
  border: 1px solid var(--border) !important;
}
.donut-chart::before {
  background-color: var(--surface) !important;
}
.center-text {
  color: var(--text-primary) !important;
}
.vacation-types {
  border-bottom: 1px solid var(--border-subtle) !important;
}
.hm-draggable-container {
  border: 2px dashed var(--border-strong) !important;
  /* sitecss.css pose background-color:#f9f9f9 en dur, que rien ne rethematise : en sombre
     la pastille restait blanche sous un texte --text-primary clair, donc illisible.
     --surface et non --surface-sunken comme le cadre qui la porte, pour qu elle s en
     detache ; en clair l ecart avec #f9f9f9 est imperceptible. */
  background-color: var(--surface) !important;
}
.hm-draggable-content {
  color: var(--text-primary) !important;
}
.draggable {
  border: 1px solid var(--border-strong) !important;
}
.scroll-area {
  border: 1px solid var(--border) !important;
  /* Meme defaut que .hm-draggable-container : le fond #f9f9f9 du legacy restait clair en
     sombre. --surface-sunken, la zone en creux qui porte la liste. */
  background-color: var(--surface-sunken) !important;
}
.generating-synthesis-modal .synthesis-search-input {
  background: var(--bg-canvas) !important;
}
.generating-synthesis-modal .synthesis-search-input:focus {
  background: var(--surface) !important;
}
.generating-synthesis-modal .synthesis-section {
  background: var(--surface) !important;
}
.generating-synthesis-modal .synthesis-section-header {
  background: var(--bg-canvas) !important;
}
.generating-synthesis-modal .synthesis-section.is-open .synthesis-section-header {
  background: var(--surface) !important;
}
.generating-synthesis-modal .synthesis-checkmark {
  background: var(--surface) !important;
}















.ss-invisible-blocker-desc {
  color: var(--text-secondary) !important;
}

.hm-wizard-dot {
  background: var(--wizard-bg, var(--surface)) !important;
}
.archive-recap {
  background: var(--surface-bg, var(--surface)) !important;
}
.archive-recap-title {
  color: var(--title-color, var(--text-primary)) !important;
}
.archive-recap-item {
  color: var(--default-color, var(--text-primary)) !important;
}
.archive-joboffer-title {
  color: var(--title-color, var(--text-primary)) !important;
}
.darker {
  border-color: var(--border-strong) !important;
}
.time-left {
  color: var(--text-muted) !important;
}
.publisher-placeholder {
  background-color: var(--surface) !important;
}
.yj-global-reply-publisher-with-avatar {
  background-color: var(--surface) !important;
}
.publisher-recipients {
  background-color: var(--surface) !important;
}
.publisher-recipients-group {
  background-color: var(--surface) !important;
}
.yj-recipient-list-item {
  background-color: var(--surface-sunken) !important;
}
.files-div-rse {
  background: var(--surface-sunken) !important;
}
::-webkit-input-placeholder {
  color: var(--text-muted) !important;
}
:-moz-placeholder {
  color: var(--text-muted) !important;
}
::-moz-placeholder {
  color: var(--text-muted) !important;
}
:-ms-input-placeholder {
  color: var(--text-muted) !important;
}
.date-rse {
  color: var(--text-muted) !important;
}
.rse-toggle {
  color: var(--text-muted) !important;
}
.btn-setting {
  background: var(--surface) !important;
}
.profil-comment-rse h4 {
  color: var(--text-primary) !important;
}
.media-body p {
  background: var(--surface) !important;
}
.publication-rse {
  background: var(--surface) !important;
}
.icons-rse {
  background: var(--surface-sunken) !important;
}
.img-rse-group {
  background: var(--surface) !important;
}
.name-rse-group h6 {
  color: var(--text-muted) !important;
}
.message-bar textarea, .message-bar input {
  background: var(--surface) !important;
}
.input-rse {
  background: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
}
.groups {
  border-bottom: solid 1px var(--border-subtle) !important;
}
.invitation-panel {
  background: var(--surface-sunken) !important;
}
@media (max-width: 1300px) and (min-width: 992px) {
.Notif-Famille-name {
  color: var(--text-primary) !important;
}
}
@media (max-width:1280px) {
.section.version {
  color: var(--text-muted) !important;
}
}
@media (min-width: 1200px) {
.user-info .info-section-bottom-left {
  border-top: 1px solid var(--border) !important;
}
}
@media only screen and (max-width: 1200px) {
.ng-table-responsive td,
        .ng-table-responsive thead td,
        .ng-table-responsive tbody td,
        .ng-table-responsive tfoot td {
  border-bottom: 1px solid var(--border-subtle) !important;
}
}
@media (max-width:1199px) {
.filtre-session {
  background-color: var(--surface) !important;
}
}
@media (min-width: 992px) {
.app-sidebar-closed ul.sub-menu {
  border-right: solid 1px var(--border) !important;
  border-bottom: solid 1px var(--border) !important;
  border-right: 1px solid var(--border-strong) !important;
  border-bottom: 1px solid var(--border-strong) !important;
  background: var(--surface) !important;
}
#sidebar nav {
  border-right: 1px solid var(--border-strong) !important;
}
#sidebar:before {
  border-right: 1px solid var(--border-strong) !important;
}
.app-sidebar-closed .app-aside .search-form {
  border-bottom: 1px solid var(--border-strong) !important;
}
.app-sidebar-closed .app-aside > .item-inner:before {
  border-left: 12px solid var(--border-strong) !important;
}
.app-sidebar-closed #sidebar > div nav > ul > li.active:hover:after {
  border-left-color: var(--border-strong) !important;
}
.app-sidebar-closed #sidebar .navbar-form .form-group {
  border-bottom: 1px solid var(--border-strong) !important;
  border-right: 1px solid var(--border-strong) !important;
  border-top: 1px solid var(--border-strong) !important;
}
}
@media only screen and (max-width: 991px) {
header .dropdown-off-sidebar {
  color: var(--text-secondary) !important;
}
.app-content {
  background: var(--surface) !important;
}
}
@media only screen and (min-width: 768px) {
.navbar .navbar-collapse {
  background: var(--surface) !important;
}
}
@media (max-width: 768px) {
.inbox .email-list {
  background: var(--surface) !important;
}
}
@media screen and (max-width:767px) {
.menu li {
  border-bottom: 2px solid var(--border-subtle) !important;
}
.profile-container {
  background: var(--surface) !important;
}
.details-user {
  color: var(--text-muted) !important;
}
.navbar .navbar-right > li {
  border-bottom: 1px solid var(--border-strong) !important;
}
}
@media (max-width:320px) {
.dropdown-menu.dropdown-dark li p, .dropdown-menu.dropdown-dark li a, .dropdown-menu.dropdown-dark .drop-down-wrapper li p, .dropdown-menu.dropdown-dark .drop-down-wrapper li a {
  color: var(--text-primary) !important;
}
}