:root {
    --primary-color-white: #ffffff;
    --primary-color-light: #3d3d3c; /* Light Blue */
    --primary-color-dark: #be1723; /* Dark Blue */
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-color-light);
    color: var(--primary-color-white);
}

.btn-primary {
    color: var(--primary-color-white);
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light);
    box-shadow: none;
}

.btn-primary:disabled {
    color: var(--primary-color-white);
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light); 
    box-shadow: none;
    opacity: 0.65; 
}

.btn-primary:hover {
    color: var(--primary-color-dark);
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light);
    box-shadow: none;
}

.btn-primary:active {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}

.btn-link {
    background-color: var(--primary-color-white);
    border-color: var(--primary-color-white);
}

.form-check-input:checked {
    accent-color: var(--primary-color-light);
    color: var(--primary-color-white);
}

/* input[type="checkbox"]:checked + label::before {
    color: var(--primary-color-light);
} */

a.ricerca {
    color: var(--primary-color-light);
    text-decoration: none;
}

a {
    color: var(--primary-color-light);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: var(--primary-color-dark);
    text-decoration: none;
    background-color: transparent;
}
.btn-outline-primary {
    --bs-btn-color: var(--primary-color-light);
    --bs-btn-border-color: var(--primary-color-light);
    --bs-btn-hover-color: var(--primary-color-light);
    --bs-btn-hover-bg: var(--primary-color-white);
    --bs-btn-hover-border-color: var(--primary-color-light);
    --bs-btn-focus-shadow-rgb: var(--primary-color-light);
    --bs-btn-active-color: var(--primary-color-light);
    --bs-btn-active-bg: var(--primary-color-white);
    --bs-btn-active-border-color: var(--primary-color-light);
    --bs-btn-active-shadow: var(--primary-color-light);
    --bs-btn-disabled-color: var(--primary-color-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color-light);
    --bs-gradient: none;
}


.sfondo-menu {
    background-color: var(--primary-color-dark);
    padding: 5px 5px 5px 10px;
    width: 180px;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--primary-color-light);
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light);
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--primary-color-light);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--primary-color-light);
    --bs-btn-hover-color: var(--primary-color-dark);
    --bs-btn-hover-border-color: var(--primary-color-light);
    --bs-btn-active-color: var(--primary-color-dark);
    --bs-btn-active-border-color: var(--primary-color-light);
    --bs-btn-disabled-color:var(--primary-color-light);
    --bs-btn-disabled-border-color: var(--primary-color-light);
    --bs-btn-box-shadow: none;
    text-decoration: underline;
}

.form-control:focus {
    color: var(--primary-color-light);
    background-color:var(--primary-color-white);
    border-color:var(--primary-color-light);
    outline: 0;
    box-shadow: var(--primary-color-light);
}

.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    border-bottom-width: 1px;
    /* box-shadow: inset 0 0 0 9999px var(--primary-color-white); */
}

.table > thead {
    background-color: var(--primary-color-light);
    color: #FFF;
}

.card-primary.card-outline {
    border-top: 3px solid var(--primary-color-light);
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--primary-color-light);
    background-color: var(--primary-color-white);
    border: 1px solid var(--primary-color-white);
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--primary-color-white);
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light);
}

element.style {
    color: var(--primary-color-white);
    background-color: var(--primary-color-light);
}

.fasciablu {
    background-color: var(--primary-color-light);
    color: var(--primary-color-white);
    width: 100%;
    text-align: center;
}

.etichetta {
    text-transform: uppercase;
    color: var(--primary-color-dark);
    font-weight: bold;
}
/* td a i {
    background-color: var(--primary-color-light);
} */
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
    background-color: var(--primary-color-light);
}