html[data-layout-sidebar-color="brand"] .left-side-menu {
    background-color: #5f122f;
}
html[data-layout-sidebar-color="brand"] .left-side-menu #sidebar-menu .menu-title {
    background-color: rgba(60,105,213, 0.1);
}
html[data-layout-sidebar-color="brand"] .left-side-menu .logo-box {
    background-color: #fff;
}
html[data-layout-sidebar-color="brand"][data-sidebar-size="condensed"] .left-side-menu #sidebar-menu > ul > li :hover {
    background-color: #5f122f;
}

.border-themed {
    border-color: #5f122f !important;
}
.border-themed-2 {
    border-color: #b59441 !important;
}

.color-themed {
    color: #ab2256 !important;
}
.color-themed:hover {
    color: #5f122f !important;
}

.color-themed-2 {
    color: #b59441 !important;
}
.color-themed-2:hover {
    color: #5f122f !important;
}

.bg-themed,
.ribbon-themed {
    background-color: #ab2256;
}
.bg-themed-2,
.ribbon-themed-2 {
    background-color: #b59441;
}

.badge-outline-themed {
    color: #ab2256;
    border-color: #ab2256;
}
.badge-outline-themed-2 {
    color: #b59441;
    border-color: #b59441;
}
[class*="badge-outline-"] {
    border: 1px solid;
}

.color-themed-dark {
    color: #5f122f !important;
}

/* region buttons */
.btn-themed-1 {
    background-color: #ab2256;
    color: #fff;
}
.btn-themed-1:hover {
    background-color: #5f122f;
    color: #fff;
}
.btn-themed-2 {
    background-color: #b59441;
    border-color: #b59441;
    color: #ffffff;
}
.btn-themed-2:hover {
    background-color: #450e23;
    border-color: #450e23;
    color: #ffffff;
}
.btn-outline-themed-1 {
    background-color: #fff;
    color: #ab2256;
    border: solid 1px #ab2256;
}
.btn-outline-themed-1:hover {
    background-color: #ab2256;
    color: #fff;
}
.btn-outline-themed-2 {
    background-color: #fff;
    color: #b59441;
    border: solid 1px #b59441;
}
.btn-outline-themed-2:hover {
    background-color: #b59441;
    color: #fff;
}
/* endregion buttons */

/* region datatables */
.table > thead > tr > th {
    background-color: #5f122f;
}
.table.table-light > thead > tr > th {
    background-color: #ddd;
    color: #5f122f; /*#5bc0de*/
    border: 1px solid #ccc;
}

/* region hover */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: rgba(95, 18, 47, 0.25); /* = 5f122f*//*#d8e3e6*/
}
/* endregion hover */

/* region selected */
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected,
.table > thead > tr.selected > td,
.table > tbody > tr.selected > td,
.table > tfoot > tr.selected > td,
.table > thead > tr.selected > th,
.table > tbody > tr.selected > th,
.table > tfoot > tr.selected > th {
    background-color: rgba(95, 18, 47, 0.2);
    color: #5f122f;
    font-weight: 700;
}
table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected td {
    border-color: #5f122f;
}
table.dataTable tbody > tr.selected .action-icon,
table.dataTable tbody > tr > .selected .action-icon {
    color: #5f122f;
}

table.dataTable tbody > tr.selected:hover,
table.dataTable tbody > tr:hover > .selected,
.table > thead > tr.selected:hover > td,
.table > tbody > tr.selected:hover > td,
.table > tfoot > tr.selected:hover > td,
.table > thead > tr.selected:hover > th,
.table > tbody > tr.selected:hover > th,
.table > tfoot > tr.selected:hover > th {
    background-color: #ab2256;
    color: #fff;
    font-weight: 700;
}
table.dataTable tbody > tr.selected:hover .action-icon,
table.dataTable tbody > tr:hover > .selected .action-icon {
    color: #fff;
}

table.dataTable tbody > tr.selected .action-icon:hover,
table.dataTable tbody > tr > .selected .action-icon:hover {
    color: var(--bs-gray-700);
}

/* endregion selected */

/* region head icons */
table.dataTable thead th i:not(.fa-cogs),
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorted::before,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorted::after {
    color: #b59441;
    opacity: 1;
}
table.dataTable thead .sorting_desc::before {
    color: #b59441;
    opacity: 0.6;
}
table.dataTable thead .sorting_asc::after {
    color: #b59441;
    opacity: 0.6;
}
/* endregion head icons */

/* Champ de recherche */
div.dataTables_wrapper div.dataTables_filter label input {
    border-color: #ab2256;
}
/* endregion datatables */

/* region Pagination Datatable */
.page-link.active, .active > .page-link {
    background-color: #b59441;
}
/* endregion Pagination Datatable */

/* region Bouton selection fichier */
.form-control::file-selector-button {
    background-color: rgb(150, 150, 150);
    color: white;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgb(190, 190, 190);
}
/* endregion Bouton selection fichier */

/* region Select2 */
.select2-selection__choice {
    background-color: #b59441 !important;
}
/* endregion Select2 */

/* region Navigation Form  */
.form-wizard-header .nav-item .nav-link {
    color: #fff;
    background-color: rgba(181, 148, 65, 0.7);
    border: 1px solid black;
}
.form-wizard-header .nav-item .nav-link.active {
    color: #fff;
    background-color:  rgba(181, 148, 65);
}
.form-wizard-header .nav-item .nav-link .number {
    color: #fff;
    background-color: rgba(255,255,255,0.2);
}
/* endregion Navigation Form  */

/* region checkboxes */
.form-check-input:checked {
    background-color: #b59441;
    border-color: #b59441;
}
/* endregion checkboxes */

.swal2-icon.swal2-question {
    color: #5f122f;
    border-color: #5f122f;
}
.btn-vinicolor {
    --bs-btn-bg: #5f122f;
    --bs-btn-hover-bg: #850935;
    --bs-btn-hover-color: #fff;
    color: #fff;
}

.nav-bordered a.active {
    border-bottom: 2px solid #5f122f !important;
}

.filter-white {
    filter: brightness(0) invert(1);
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    background-color: #b59441;
}

a.text-muted:hover {
    color: #6c757d !important;
}