/*menu*/
.theme-nav-item-hover:hover > a > div > .nav-text,
.theme-nav-item-active > a > div > .nav-text,
.theme-nav-item-hover:hover > a > span,
.theme-nav-item-active > a > span {
    color: var(--primary-color) !important;
}

.theme-nav-item-hover:hover > a > div > svg > path,
.theme-nav-item-active > a > div > svg > path,
.theme-nav-item-hover:hover > a > div > svg > circle,
.theme-nav-item-active > a > div > svg > circle,
.theme-nav-item-hover:hover > a > div > svg > g > rect,
.theme-nav-item-active > a > div > svg > g > rect,
.theme-nav-item-hover:hover > a > div > svg > g > polygon,
.theme-nav-item-active > a > div > svg > g > polygon {
    fill: var(--primary-color) !important;
}

/*boutons*/
.theme-button {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.theme-button-outline {
    background: #FFF;
    border-color: var(--primary-color);
    color: var(--primary-color) !important;
}

.theme-button-grey {
    background: #F5F5F5;
    border-color: #CED4DA;
}

    .theme-button-grey:hover {
        border-color: var(--primary-color);
    }

    .theme-button-grey.disabled,
    .theme-button-grey[disabled],
    .theme-button-grey.disabled:hover,
    .theme-button-grey[disabled]:hover,
    .theme-button-grey.disabled:focus,
    .theme-button-grey[disabled]:focus,
    .theme-button-grey.disabled:active,
    .theme-button-grey[disabled]:active,
    .theme-button-grey.disabled.active,
    .theme-button-grey[disabled].active {
        background: transparent !important;
        border-color: transparent !important;
        color: #6F7B86 !important;
        cursor: default !important;
    }

/*background*/
.theme-background {
    background: var(--primary-color) !important;
}

.theme-background-hover:hover,
.theme-background-hover:focus {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.theme-background-clair {
    background: var(--primary-color-opacity-1);
}


.theme-background-clair-3 {
    background: var(--primary-color-opacity-3) !important;
}



.theme-dropdown.dropdown .select {
    background-color: transparent !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 5px !important;
    box-shadow: none;
}

.theme-dropdown.dropdown.active:hover, .theme-dropdown.dropdown.dropdown.active {
    box-shadow: none !important;
}

.theme-decoration-color {
    text-decoration: underline !important;
    color: var(--primary-color) !important;
    text-decoration-color: var(--primary-color) !important;
}

.theme-color {
    color: var(--primary-color) !important;
}

.theme-color-hover:hover {
    color: var(--primary-color) !important;
}

.theme-color-hover-tab:hover {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.theme-border {
    border: 1px solid var(--primary-color) !important;
}

.theme-border-color {
    border-color: var(--primary-color) !important;
}

.theme-border-color-hover:hover {
    border-color: var(--primary-color) !important;
}

.theme-border-color-clair-3 {
    border-color: var(--primary-color-opacity-3) !important;
}

#fullscreen_bars {
    border-left: solid 2px var(--primary-color) !important;
    border-right: solid 2px var(--primary-color) !important;
}

/*svg*/
.theme-fill,
.theme-fill path,
.theme-fill circle {
    fill: var(--primary-color);
}

.theme-svg-fill svg path,
.theme-svg-fill svg polygon,
.theme-svg-fill svg circle {
    fill: var(--primary-color);
}

.theme-svg-fill-hover:hover svg path,
.theme-svg-fill-hover:hover svg polygon,
.theme-svg-fill-hover:hover svg circle {
    fill: var(--primary-color) !important;
}

/*checkbox*/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--primary-color-opacity-5);
}

/*calendrier */
.theme-calendrier:hover span,
.theme-calendrier.active span {
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: #ffffff;
}

.theme-calendrier.border-date span {
    border-color: var(--primary-color) !important;
}

/* calendrier calendar-line */
.calendar-line .calendar-line-grid .row-tache .previous-selected,
.calendar-line .calendar-line-grid .row-demande .previous-selected {
    border-right-color: var(--primary-color);
}

.calendar-line .calendar-line-grid .row-tache .selected,
.calendar-line .calendar-line-grid .row-demande .selected {
    border-top-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    border-right-color: var(--primary-color);
}

.calendar-line .calendar-line-grid .row-demande:last-child .cell.selected {
    border-bottom-color: var(--primary-color);
}

.calendar-line .calendar-line-grid .row-demande .cell.next-row-selected {
    border-top-color: var(--primary-color);
}

.calendar-line .calendar-line-grid .row-tache .currentCell,
.calendar-line .calendar-line-grid .row-demande .currentCell {
    background-color: var(--primary-color-opacity-3);
}

/* notification */
.theme-notification {
    background-color: var(--primary-color-opacity-3);
    border-left: solid 4px var(--primary-color);
}

    .theme-notification > div:first-child {
        background-color: var(--primary-color);
    }

    .theme-notification span {
        color: var(--primary-color);
    }

/* bs-wizard*/
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    border-color: var(--primary-color);
}

.bs-wizard > .bs-wizard-step.active > .bs-wizard-info {
    color: var(--primary-color);
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    background: var(--primary-color);
}

.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot > .svg path {
    fill: var(--primary-color);
}

/* pagination bootstrap table*/
.fixed-table-pagination .page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.fixed-table-pagination .dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color) !important;
}
/*Surcharge form*/

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: none !important;
}