/* **************************************************************************************************** */
/*                                                                                                      */
/*                           CLASSE PROTETTA - NON MODIFICARE IL CODICE                                 */
/*              LE MODIFICHE DI QUESTA CLASSE NON SONO PROPAGATE NEI MODULI DEL DARKFACES               */
/*                                                                                                      */
/* **************************************************************************************************** */


/* ********** INIZIO CORPO PRINCIPALE E NAVIGAZIONE ********** */
* {
    scrollbar-color: #96b879 #f0c56c !important;
}

body {
    color: var(--color-a-1) !important;
    background-color: var(--color-f-9) !important;
}

#login-form {
    border: solid 1px var(--color-f-11) !important;
    background-color: var(--color-f-11) !important;
    box-shadow: 0 0 10px var(--color-f-13) !important;
}

#sidebar {
    background-color: var(--color-f-9) !important;
    box-shadow: 4px 0 10px var(--color-g-2) !important;
}

#sidebar-toggle {
    color: var(--color-a-1) !important;
}

.sidebar-icon {
    color: var(--color-a-1) !important;
}

.sidebar-item button,
.sidebar-item a {
    color: var(--color-a-1) !important;
}

.sidebar-link:hover {
    background-color: var(--color-d-2) !important;
}

#navbar {
    background-color: var(--color-f-11) !important;
    color: var(--color-b-4) !important;
}

.navbar-item {
    color: var(--color-b-4);
}

.navbar-item:hover {
    color: var(--color-b-5);
}

#breadcrumb {
    background-color: var(--color-f-11) !important;
    color: var(--color-b-4) !important;
}

.breadcrumb-item {
    color: var(--color-b-4);
}
.breadcrumb-item:hover {
    color: var(--color-b-5);
}

.view-form-title i,
.modify-form-title i{
    color: var(--color-d-1) !important;
}
.view-form-content,
.modify-form-content{
    border: solid 1px var(--color-f-11) !important;
    background-color: var(--color-f-11) !important;
}
/* ********** FINE CORPO PRINCIPALE E NAVIGAZIONE ********** */

/* ********** INIZIO CLASSI GENERALI ********** */

.label-disabled {
    color: var(--color-f-17) !important;
}

.label-resources {
    color: var(--color-a-4) !important;
}

.text-dark-success {
    color: var(--color-c-1) !important;
}

.text-unread {
    color: var(--color-b-1) !important;
}

/* ********** PERSONALIZZAZIONE PER LIMES ********** */
.text-dark-warning {
    color: var(--color-e-1) !important;
}

.text-dark-danger {
    color: var(--color-d-1) !important;
}

.text-background-success {
    background-color: var(--color-c-1) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}
.text-background-danger {
    background-color: var(--color-d-1) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}
.text-background-primary {
    background-color: var(--color-b-6) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}
.text-background-olive {
    background-color: var(--color-c-3) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}
.text-background-burnt {
    background-color: var(--color-e-5) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}
.text-background-warning {
    background-color: var(--color-e-1) !important;
    color: var(--color-a-1) !important;
    border: 1px solid var(--color-a-1) !important;
}

#waiting {
    background: var(--color-f-14);
}

#modalViewer {
    background: var(--color-f-14);
}

.info-message {
    --bs-toast-header-color: var(--color-a-1) !important;
    --bs-toast-header-bg: var(--color-f-5) !important;
    --bs-toast-bg: var(--color-f-1) !important;
}
.warning-message {
    --bs-toast-header-color: var(--color-a-1) !important;
    --bs-toast-header-bg: var(--color-h-1) !important;
    --bs-toast-bg: var(--color-h-2) !important;
}
.error-message {
    --bs-toast-header-color: var(--color-a-1) !important;
    --bs-toast-header-bg: var(--color-h-3) !important;
    --bs-toast-bg: var(--color-h-4) !important;
}
.info-message .btn-close,
.warning-message .btn-close,
.error-message .btn-close {
    --bs-btn-close-color: var(--color-a-1) !important;
}

/* ********** FINE CLASSI GENERALI ********** */

/* ********** INIZIO FORM-CONTROL ********** */

.form-control:focus {
    border-color: var(--color-b-3) !important;
}
/* ********** FINE FORM-CONTROL ********** */

/* ********** INIZIO INPUT ********** */
input {
    color: var(--color-a-2) !important;
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6) !important;
}
input::placeholder {
    color: var(--color-a-3) !important;
}

.modify-form-content input {
    background: var(--color-f-9) !important;
}

.input-icon > i {
    color: var(--color-a-3);
}
/* ********** FINE INPUT ********** */

/* ********** INIZIO TEXTAREA ********** */
textarea {
    color: var(--color-a-2) !important;
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6) !important;
}
textarea::placeholder {
    color: var(--color-a-3) !important;
}

.modify-form-content textarea {
    background: var(--color-f-9) !important;
}
/* ********** FINE TEXTAREA ********** */

/* ********** INIZIO SELECT2 ********** */
.select-icon > i {
    color: var(--color-a-3);
}

.select2-container .select2-selection--single,
.form-select {
    color: var(--color-a-2) !important;
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6); /* Non mettere !important, la funzione requiredItem lo deve poter sovrascrivere */
}

.modify-form-content .select2-container .select2-selection--single,
.form-select {
    background: var(--color-f-9) !important;
}

.select2-selection.select2-selection--single:focus {
    border-color: var(--color-b-3) !important;
}

.select2-container .select2-selection__rendered {
    color: var(--color-a-2) !important;
}
.select2-container .select2-selection__clear {
    color: var(--color-d-2) !important;
}
.select2-container .select2-dropdown {
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6) !important;
}
.select2-container .select2-results__option {
    color: var(--color-a-2) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-b-2) !important;
    color: var(--color-f-15) !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    color: var(--color-a-2) !important;
    background-color: var(--color-c-2) !important;
}
/* ********** FINE SELECT2 ********** */

/* ********** INIZIO TOM-SELECT ********** */
.ts-control {
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6);
}

.ts-control input::placeholder {
    color: var(--color-a-3) !important;
}
.ts-dropdown {
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6) !important;
    color: var(--color-a-2) !important;
}

.ts-dropdown .active {
    background-color: var(--color-b-2) !important;
    color: var(--color-f-15) !important;
}

.ts-wrapper.multi .ts-control > div {
    background: var(--color-f-10) !important;
    color: var(--color-a-2) !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
    color: var(--color-d-2) !important;
}

.modify-form-content .ts-control {
    background: var(--color-f-9) !important;
}

.modify-form-content .ts-wrapper.multi .ts-control > div {
    background-color: transparent !important;
}
/* ********** FINE TOM-SELECT ********** */

/* ********** INIZIO DATATABLE ********** */
.table-dark thead th {
    background-color: var(--color-f-12) !important;
}
.table-dark thead > tr > th.dt-ordering-asc span.dt-column-order::before,
.table-dark thead > tr > th.dt-ordering-desc span.dt-column-order::after{
    color: var(--color-c-2) !important;
}

.table-dark > tbody > tr:nth-of-type(2n+1):not(.tr-grouping) > * {
    --bs-table-bg-type: var(--color-f-4) !important;
    background-color: var(--color-f-4) !important;
}

.table-dark > :not(caption) > * > * {
    background-color: var(--color-f-10) !important;
    border-bottom-width: inherit !important;
}
.view-form-content .table-dark > :not(caption) > * > td {
    background-color: var(--color-f-8) !important;
}

.table-dark > tbody > tr.tr-grouping > * {
    background-color: var(--color-e-1) !important;
    color: var(--color-f-10) !important;
}
/* ********** FINE DATATABLE ********** */

/* ********** INIZIO TABS ********** */
.nav-tabs::after {
    border-bottom: 1px solid var(--color-f-3);
}
.nav-tabs .nav-link.active {
    color: var(--color-a-1) !important;
    background-color: var(--color-c-2) !important;
}
.nav-tabs .nav-link {
    color: var(--color-a-1) !important;
    background-color: var(--color-b-3) !important;
}
/* ********** FINE TABS ********** */

/* ********** INIZIO DASHBOARD ********** */
.dashboard-card {
    border: 1px solid var(--color-f-11);
    background-color: var(--color-f-9) !important;
}
/* ********** FINE DASHBOARD ********** */

/* ********** INIZIO PROGRESS BAR ********** */
.progress  {
    --bs-progress-bg: var(--color-f-7);
    --bs-progress-bar-bg: var(--color-c-2);
}

.progress-value-success {
    --bs-progress-bar-bg: var(--color-c-2);
}
.progress-value-danger {
    --bs-progress-bar-bg: var(--color-d-1);
}
.progress-value-warning {
    --bs-progress-bar-bg: var(--color-e-2);
}
/* ********** FINE PROGRESS BAR ********** */

/* ********** INIZIO BUTTON ********** */
.file-upload {
    border: 1px solid var(--color-f-6);
}
/* ********** FINE BUTTON ********** */

/* ********** INIZIO MANY CHECKBOX ********** */
.many-checkbox {
    border: 1px solid var(--color-f-6); /* Non mettere !important, la funzione requiredItem lo deve poter sovrascrivere */
}
/* ********** FINE MANY CHECKBOX ********** */

/* ********** INIZIO ONE TO MANY ********** */
.one-to-many {
    border: 1px solid var(--color-f-6); /* Non mettere !important, la funzione requiredItem lo deve poter sovrascrivere */
}
/* ********** FINE ONE TO MANY ********** */

/* ********** INIZIO SELECT AND DATES ********** */
.select-and-dates {
    border: 1px solid var(--color-f-6); /* Non mettere !important, la funzione requiredItem lo deve poter sovrascrivere */
}
/* ********** FINE SELECT AND DATES ********** */

/* ********** INIZIO WIZARD ********** */
.wizard-nav .nav-link {
    background-color: var(--color-b-3);
    color: var(--color-a-1);
    border: 1px solid var(--color-b-3);
}
.wizard-nav .nav-link:hover {
    background-color: var(--color-b-3);
    color: var(--color-a-1);
}
.wizard-nav .nav-link.active {
    background-color: var(--color-c-2);
    border-color: var(--color-c-2);
    color:var(--color-a-1);
}
/* ********** FINE WIZARD ********** */

/* ********** INIZIO POPOVER ********** */
.popover-body {
    background-color: var(--color-f-9) !important;
    color: var(--color-a-2) !important;
    border: 1px solid var(--color-f-6) !important;
}
/* ********** FINE POPOVER ********** */

/* ********** INIZIO CONFIRM MESSAGE ********** */
div:where(.swal2-container) div:where(.swal2-popup) {
    background: var(--color-f-2) !important;
    color: var(--color-a-1) !important;
    border: 1px solid #000000 !important;
}
div:where(.swal2-icon).swal2-warning {
    border-color: var(--color-d-2) !important;
    color: var(--color-d-2) !important;
}
/* ********** FINE CONFIRM MESSAGE ********** */

/* ********** INIZIO HOME PAGE LINK ********** */

.circle-stroke { stroke: #4c6a92; }

.circle-icon-color-0 { color: #A3BE8C; }
.circle-icon-color-1 { color: #B68BEB; }
.circle-icon-color-2 { color: #D08770; }
.circle-icon-color-3 { color: #B48EAD; }
.circle-icon-color-4 { color: #BF616A; }
.circle-icon-color-5 { color: #AC8E5E; }

.circle-label { color: #cfd8df; }

.pin-card {
    background: linear-gradient(135deg, #434c5e, #2e3440);
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.05);
}
.pin-slot {
    color: var(--color-a-2) !important;
    background: var(--color-f-10) !important;
    border: 1px solid var(--color-f-6) !important;
}
/* ********** FINE HOME PAGE LINK ********** */