:root {
    --app-accent: #1f9d55;
    --app-accent-strong: #157347;
    --app-accent-soft: rgba(31, 157, 85, 0.14);
    --app-accent-softer: rgba(31, 157, 85, 0.08);
    --app-accent-rgb: 31, 157, 85;
    --app-accent-strong-rgb: 21, 115, 71;
    --app-accent-contrast: #ffffff;
    --app-navbar-accent: #1f9d55;
    --app-navbar-accent-strong: #157347;
    --app-navbar-accent-soft: rgba(31, 157, 85, 0.14);
    --caisse-calendar-total-bg: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%);
    --caisse-calendar-total-color: #166534;
    --caisse-calendar-total-border: rgba(22, 101, 52, 0.28);
    --caisse-calendar-day-bg: linear-gradient(180deg, rgba(240, 253, 244, 0.96) 0%, rgba(220, 252, 231, 0.98) 100%);
    --caisse-calendar-day-border: rgba(34, 197, 94, 0.2);
    --caisse-calendar-range-bg: rgba(220, 252, 231, 0.92);
    --caisse-calendar-range-border: rgba(34, 197, 94, 0.32);
    --caisse-calendar-total-active-bg: rgba(240, 253, 244, 0.98);
    --caisse-calendar-total-active-color: #166534;
    --caisse-calendar-total-active-border: rgba(134, 239, 172, 0.95);
}
.app-navbar__context-btn,
.app-navbar__utility-btn,
.app-navbar__logout-btn {
    color: var(--app-accent-strong);
}
.login-title {
    background-color: var(--app-accent-soft);
}

.panel-title {
    background-color: var(--app-accent);
}

.btn.login-btn {
    background-color: var(--app-accent);
    color: white;
    transition: background-color 0.3s;
}

.btn.login-btn:hover {
    background-color: var(--app-accent-strong);
}

footer {
    background-color: var(--app-accent-soft);
}


/* DataTables et CARD */

.card-header-custom {
    background-color: var(--app-accent-soft);
}
.row_parent_table.odd.dt-hasChild {
    background-color: var(--app-accent-soft);
}

.row_parent_table.even.dt-hasChild {
    background-color: var(--app-accent-soft);
}
.child {
    background-color: var(--app-accent-softer);
}

/*couleur hover des selecteurs*/
.dropdown-submenu:hover > .dropdown-item {
    background-color: var(--app-accent-soft);
}

.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--app-accent-soft);
}

.dropdown-menu[aria-labelledby="dropdownMenuButton"] li:hover > .dropdown-item {
    background-color: var(--app-accent-soft);
}

/*couleur bouton copier mail*/

#copierButton:not(.app-mailing-panel__copy) {
    background-color: var(--app-accent-soft);
}
#copierButton:not(.app-mailing-panel__copy):hover {
    background-color: var(--app-accent);
}

#copierButton.app-mailing-panel__copy {
    background-color: var(--app-accent);
    color: #ffffff;
}

#copierButton.app-mailing-panel__copy:hover {
    background-color: var(--app-accent-strong);
    color: #ffffff;
}

#btnCopierEmails {
    background-color: var(--app-accent-soft);
}
#btnCopierEmails:hover {
    background-color: var(--app-accent);
}

.btn-custom {
    background-color: var(--app-accent);
}


/*CARD*/

/*.card {
    border-color: green !important;
}
*/

.ep-tabs .nav-link.active {
    background: var(--app-accent);
    color: white;
}