﻿
/* Inserire modifiche necessarie SOLO al tema chiaro */

:root {
    --sfondo: #F5F7FA;
    --border: 1px solid;
    --bg-riempimento: #FFFFFF;
    --bg-riga-selezionata: #EDF2F9;
    --border-color-card: rgba(0, 0, 0, .2);
    --border-color-cornice: #DEE1E9;
    --border-color-generica: #DEE1E9;
    --verde-ingage: #98CA3C; /* rgba(152,202,60,1) */
    --verde-ingage-opaco: rgba(152, 202, 60, 0.5);
    --blue-checkbox: #3774FF;
    --blue-ingage: #3774FF;
    --colore-testo: black;
    /* CALENDAR */
    --fc-today-bg-color: rgba(255, 255, 255, 0.1);
    --fc-event-bg-color: rgba(152, 202, 60, 0.5);
    --fc-event-border-color: rgba(152, 202, 60, 0.5);
    --fc-verde-ingage: rgba(152, 202, 60, 0.5);
    --fc-list-event-hover-bg-color: grey;
    /* ---------------------------- */

    --color-tab-active: #6161ff;
    --color-tab-inactive: rgba(55, 116, 255, .14);
    --color-input-border: /*rgba(55, 116, 255, 1)*/ rgba(56, 164, 187, 1);
    --color-label-secondary: #979797;
    --color-text-disabled: rgba(125, 133, 146, 1);
    --color-text-bg-disabled: rgba(125, 133, 146, .14);
    --color-primary-hover-riga: rgba(207, 243, 251, 1); /*rgba(227, 236, 255, 1);*/ /* #E3ECFF */
    --color-line: rgba(151, 151, 151, .3);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* INPUT */

input:not(.btn-primary):not(.btn-secondary):not(:focus):not([readonly]):not(.searchDT):not([disabled]):not(.select2-search__field):not(.is-invalid) {
    border: var(--border) var(--blue-ingage) !important;
    /*background-color: transparent !important;*/
    color: var(--colore-testo) !important;
    caret-color: var(--blue-ingage) !important;
}

input[type='checkbox']:checked:not([readonly]):not(.is-invalid):not([disabled]) {
    background-color: var(--blue-checkbox) !important;
    color: var(--colore-testo) !important;
    border: var(--border) var(--border-color-generica) !important;
}

input[type='checkbox']:checked:after {
    color: var(--colore-testo) !important;
}

input[type='checkbox'] {
    border: var(--border) black !important;
    background-color: white !important;
}

input[readonly],
input.form-control[readonly],
textarea[readonly],
input[disabled],
input.form-control[disabled],
textarea[disabled],
.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: lightgrey !important;
    background-color: var(--bg-riga-selezionata) !important;
}

input:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(.select2-search__field):not([type="checkbox"]):not(.searchDT):not(:focus),
textarea:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]),
input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(.searchDT):not(:focus),
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2.select2-container--focus {
    background-color: transparent !important;
    border-color: rgba(151, 151, 151, 1) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: transparent !important;
    border-color: var(--color-input-border) !important;
}

input:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]).select2-search__field {
    border-color: transparent !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ELEMENTI PRINCIPALI */
body {
    background-color: var(--sfondo);
    color: var(--colore-testo);
}

.content-wrapper {
    background-color: var(--sfondo);
    border-color: var(--border-color-cornice);
}

.main-header {
    background-color: var(--bg-riempimento);
    border-bottom: var(--border);
    border-color: var(--border-color-cornice);
}

.main-sidebar {
    background-color: var(--bg-riempimento);
    border-right: var(--border);
    border-color: var(--border-color-cornice);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* BREADCRUMB */

ul.breadcrumb {
    background-color: transparent;
}

    ul.breadcrumb li a {
        color: var(--colore-testo);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* MENU LATERALE (NAV SIDEBAR) */

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.nav-treeview > .nav-item > .nav-link.active,
.nav-treeview > .nav-item > .nav-link.active:hover,
.nav-treeview > .nav-item > .nav-link.active:focus {
    background-color: var(--bg-riga-selezionata);
    color: var(--blue-ingage);
}

.nav-pills .nav-link {
    color: var(--colore-testo);
}

.sidebar a {
    color: var(--colore-testo);
}

    .sidebar a:hover {
        color: var(--blue-ingage);
    }

.nav-header {
    color: var(--colore-testo);
    font-size: 20px;
}

.nav-sidebar > .nav-item.menu-open > .nav-link,
.nav-treeview > .nav-item > .nav-link:focus {
    background-color: transparent;
    color: var(--colore-testo);
}

    .nav-sidebar > .nav-item.menu-open > .nav-link:hover,
    .nav-treeview > .nav-item > .nav-link:hover {
        background-color: rgba(207, 243, 251, 1);
        color: var(--colore-testo);
    }

.nav-treeview > .nav-item > .nav-link {
    color: var(--colore-testo);
}

.box-ingage-side-menu {
    background-color: var(--blue-ingage);
    color: var(--colore-testo);
}

.nav-treeview > .nav-item > .nav-link.active,
.nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(207, 243, 251, 1);
    color: rgba(33, 97, 110, 1);
    font-weight: 700;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: rgba(207, 243, 251, 1) !important;
    color: rgba(33, 97, 110, 1) !important;
}

.nav-pills a.nav-link:not(.active):hover {
    color: rgba(33, 97, 110, 1);
}

.nav-pills .nav-link:not(.active):hover,
.nav-treeview > .nav-item > .nav-link:not(.active):hover {
    color: var(--colore-testo);
}
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* DATATABLE */
.dataTables_wrapper .dataTables_length select option:checked {
    color: var(--colore-testo);
    background-color: var(--bg-riga-selezionata);
}

.dataTables_length select {
    color: var(--colore-testo);
}

.dt-container {
    background-color: var(--bg-riempimento);
    border: var(--border) var(--border-color-generica);
}

div.dt-button-collection {
    background-color: var(--bg-riempimento) !important;
    border: var(--border) var(--border-color-generica) !important;
}

    div.dt-button-collection:hover {
        background-color: var(--bg-riempimento) !important;
        border: var(--border) var(--border-color-generica) !important;
    }

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled),
input.dt-button:hover:not(.disabled) {
    background-color: var(--bg-riga-selezionata);
    color: var(--colore-testo) !important;
    border-bottom: var(--border) var(--border-color-generica);
}

button.dt-button.buttons-collection:not(.disabled) {
    background-color: var(--bg-riempimento);
    color: var(--colore-testo) !important;
    /*border: var(--border) var(--colore-testo);*/
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

button.dt-button.buttons-collection:hover:not(.disabled) {
    background-color: var(--bg-riga-selezionata);
    color: var(--colore-testo) !important;
    border: var(--border) var(--colore-testo);
}

div.dt-button-collection > div > button {
    border-bottom: var(--border) var(--border-color-generica)
}

.dt-azioni.dropdown > .btn.dropdown-toggle {
    border: none; /*var(--border) var(--colore-testo);*/
    background-color: transparent;
    color: var(--colore-testo);
}

/*
    --bg-riga-selezionata: rgb(237, 242, 249);
    --bg-riempimento: rgb(252, 252, 252);
*/

table.dataTable tbody tr {
    background-color: transparent;
}

    table.dataTable tbody tr td {
        border-color: var(--color-line);
    }

    table.dataTable tbody tr:hover {
        background-color: var(--color-primary-hover-riga);
    }

/*table.dataTable tbody tr.odd {
    background-color: var(--bg-riga-selezionata);
}

    table.dataTable tbody tr.odd:hover {
        background-color: rgb(213, 218, 224);*/ /* Colore scurito del 10% */
/*cursor: pointer;
    }

table.dataTable tbody tr.even {
    background-color: var(--bg-riempimento);
}

    table.dataTable tbody tr.even:hover {
        background-color: rgb(227, 227, 227);*/ /* Colore scurito del 10% */
/*cursor: pointer;
    }*/

div.dt-button-collection button.dt-button:first-child,
div.dt-button-collection div.dt-button:first-child,
div.dt-button-collection a.dt-button:first-child,
.buttons-collection span {
    color: var(--colore-testo) !important;
    border-bottom: var(--border) var(--border-color-generica);
}

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button,
.buttons-collection span {
    color: var(--colore-testo) !important;
    border-bottom: var(--border) var(--border-color-generica);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--color-input-border) !important; /*color: black !important;*/
    border: 1px solid var(--color-input-border) !important; /*border: 1px solid rgba(0, 0, 0, 0.3) !important;*/
    background-color: white !important;
}

.dataTables_length > label {
    color: rgba(151, 151, 151, 1);
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter input:focus-visible {
    /*border: var(--border) black;
    background-color: white;*/
    color: var(--colore-testo);
    background-color: transparent !important;
    border-color: rgba(151, 151, 151, 1) !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--colore-testo);
}

.dataTables_wrapper .dataTables_info {
    color: rgba(151, 151, 151, 1);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--colore-testo) !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

.buttons-collection span {
    border: none;
}
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* CONTACT */
.contact-azioni > .dropdown-toggle {
    border: var(--border) var(--border-color-generica);
    color: var(--colore-testo);
    background-color: var(--bg-riempimento);
}

    .contact-azioni > .dropdown-toggle::after {
        border: var(--border) var(--colore-testo);
        color: var(--colore-testo);
    }

.contact-azioni > ul.dropdown-menu {
    background-color: var(--bg-riempimento);
    border: var(--border) var(--border-color-generica);
}

    .contact-azioni > ul.dropdown-menu > li > .dropdown-item:hover {
        background-color: var(--bg-riempimento);
        color: var(--colore-testo) !important;
    }

.contact-action:active {
    background-color: transparent;
}

.contact-action,
.contact-action-first {
    border-bottom: var(--border) var(--border-color-generica);
}

    .contact-action input,
    .contact-action textarea {
        border: var(--border) var(--border-color-generica);
        background-color: var(--bg-riempimento);
        color: var(--colore-testo);
    }

#contactSubmit:not(.incore-disabled):hover {
    background-color: var(--bg-riga-selezionata) !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* DROPDOWN USER */

.dropdown-user-azioni .dropdown-toggle {
    border: var(--border) var(--border-color-generica);
    color: var(--colore-testo);
    background-color: var(--bg-riempimento);
}

    .dropdown-user-azioni .dropdown-toggle::after {
        border: var(--border) var(--colore-testo);
        color: var(--colore-testo);
    }

.dropdown-user-azioni .dropdown-menu {
    background-color: var(--bg-riempimento);
    border: var(--border) var(--border-color-generica);
}

.dropdown-user-azioni .dropdown-item:hover {
    background-color: var(--bg-riga-selezionata);
    color: var(--colore-testo) !important;
}

.dropdown-user-azioni .dropdown-item.dropdown-user-action-first:hover {
    background-color: var(--bg-riempimento);
    color: var(--colore-testo) !important;
}

.dropdown-user-action,
.dropdown-user-action-first {
    border-bottom: var(--border) var(--border-color-generica);
}


/* ----------------------------------------------------------------------------------------------------------------------------- */

/* DROPDOWN */

.dropdown-item {
    color: var(--colore-testo);
}

ul.dropdown-menu {
    border: var(--border) var(--border-color-generica);
    background-color: var(--bg-riempimento);
}

    ul.dropdown-menu > li > .dropdown-item {
        border-bottom: var(--border) var(--border-color-generica);
    }

        ul.dropdown-menu > li > .dropdown-item:hover {
            color: var(--colore-testo);
            border-bottom: var(--border) var(--border-color-generica);
            background-color: var(--bg-riga-selezionata);
        }

    ul.dropdown-menu > li:last-child > .dropdown-item:hover {
        color: var(--colore-testo);
        border: none;
        background-color: var(--bg-riga-selezionata);
    }

    ul.dropdown-menu > li:only-child > .dropdown-item {
        border: none;
        background-color: var(--bg-riempimento);
        color: var(--colore-testo);
    }

        ul.dropdown-menu > li:only-child > .dropdown-item:hover {
            border: none;
            background-color: var(--bg-riga-selezionata);
            color: var(--colore-testo);
        }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* CALENDAR */

.fc-daygrid-dot-event {
    border: var(--border) var(--fc-event-border-color);
}

.fc-theme-bootstrap5-shaded {
    background-color: rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* NAVBAR (generica e TOP LAYOUT) */
.nav-item {
    color: var(--colore-testo) !important;
}

.nav-navbar > .nav-item > .nav-link {
    color: var(--colore-testo);
}

    .nav-navbar > .nav-item > .nav-link:hover,
    .nav-navbar > .nav-item > .nav-link.active {
        color: var(--blue-ingage);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* NAVTAB */

.tab-control {
    background-color: var(--bg-riga-selezionata);
    border: var(--border) var(--bg-riga-selezionata);
}

/*.tab-content {
    background-color: var(--bg-riempimento);
}*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--colore-testo);
    background-color: var(--bg-riempimento);
    border-color: var(--bg-riempimento);
}

.nav-tabs .nav-link:not(.active) {
    color: grey;
}

    .nav-tabs .nav-link:not(.active):hover {
        border-color: var(--bg-riga-selezionata);
        color: var(--colore-testo);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* FOOTER */

.main-footer {
    background-color: var(--bg-riempimento);
    color: var(--colore-testo);
    border-top: var(--border) var(--border-color-cornice);
}

    .main-footer > a {
        color: var(--colore-testo);
    }

        .main-footer > a:hover {
            color: var(--verde-ingage);
        }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* BUTTON */

.btn-primary,
.btn-default,
.btn-primary:focus, .btn-primary.focus,
.btn-default:focus, .btn-default.focus {
    border: var(--border) var(--blue-ingage);
    background-color: var(--bg-riempimento);
    color: var(--blue-ingage);
}

    .btn-primary:hover,
    .btn-primary:not(:disabled):not(.disabled):hover,
    .btn-default:hover,
    .btn-default:not(:disabled):not(.disabled):hover {
        border: var(--border) var(--bg-riempimento);
        background-color: var(--blue-ingage);
        color: var(--bg-riempimento);
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active {
        color: black;
        background-color: rgba(0,0,0,0.3) !important;
        border-color: rgba(0,0,0,0.3) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled,
    .btn-secondary.disabled, .btn-secondary:disabled {
        color: black;
        background-color: rgba(0,0,0,0.3) !important;
        border-color: rgba(0,0,0,0.3) !important;
    }

.btn-secondary {
    border: var(--border) var(--blue-ingage);
    background-color: var(--blue-ingage);
    color: var(--bg-riempimento);
}

    .btn-secondary:hover,
    .btn-secondary:not(:disabled):not(.disabled):hover {
        border: var(--border) var(--blue-ingage);
        background-color: var(--bg-riempimento);
        color: var(--blue-ingage);
    }

.btn-manage {
    border: var(--border) var(--bg-riempimento);
    background-color: var(--verde-ingage);
    color: var(--colore-testo);
}

    .btn-manage:hover,
    .btn-manage:not(:disabled):not(.disabled):hover {
        border: var(--border) var(--verde-ingage);
        background-color: var(--colore-testo);
        color: var(--verde-ingage);
    }

.btn-wizard-disabled,
.btn-wizard-disabled:hover,
.btn-wizard-disabled:disabled,
.btn-wizard-disabled:hover:disabled {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.38) !important;
    font-weight: 700 !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* MODALI */

.InCoreModalForm,
.modal-content {
    background-color: var(--bg-riempimento);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* SWAL */

.swal2-popup {
    background-color: var(--sfondo);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* SELECT2 */

.select2-container--default .select2-results > .select2-results__options {
    background-color: var(--bg-riempimento);
    color: var(--colore-testo);
    border: var(--border) var(--border-color-generica);
}

.select2-container--default .select2-results__option {
    margin: 0 16px; /* Margine solo a destra e sinistra */
    border-radius: 4px;
}

    .select2-container--default .select2-results__option:first-child {
        margin-top: 16px; /* Margine superiore solo per il primo elemento */
    }

    .select2-container--default .select2-results__option:last-child {
        margin-bottom: 16px; /* Margine inferiore solo per l'ultimo elemento */
    }

    .select2-container--default .select2-results__option[aria-selected='true'],
    .select2-container--default .select2-results__option[aria-selected='true']:hover,
    .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        color: var(--color-input-border);
        background-color: var(--color-primary-hover-riga);
        font-weight: 600;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--colore-testo);
    border-color: var(--bg-riga-selezionata);
    color: black;
    border-radius: 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    background-color: var(--bg-riga-selezionata);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: black;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single::selection {
    /*background-color: var(--bg-riga-selezionata) !important;
    border: var(--border) var(--bg-riga-selezionata) !important;*/
    background-color: transparent;
    border: var(--border) var(--blue-ingage);
}

select[readonly] .select2-container--default .select2-selection--single,
select[readonly] .select2-container--default .select2-selection--single:hover,
select[readonly] .select2-container--default .select2-selection--single::selection,
select[disabled] .select2-container--default .select2-selection--single,
select[disabled] .select2-container--default .select2-selection--single:hover,
select[disabled] .select2-container--default .select2-selection--single::selection,
select[disabled] .select2-container--default.select2-container--disabled .select2-selection--single,
select[readonly] .select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single {
    /*background-color: var(--bg-riga-selezionata) !important;
    border: var(--border) var(--bg-riga-selezionata) !important;*/
    background-color: transparent;
    border: var(--border) lightgrey !important;
}

.select2-search--dropdown {
    background-color: var(--bg-riga-selezionata);
    border-top: 1px solid var(--bg-riempimento);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colore-testo);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/*  FORM  */

.form-floating {
    color: black;
}

label.control-label {
    color: var(--colore-testo);
}

.form-floating > .form-control:not([readonly]):not([disabled]):not(:focus):not(.is-invalid) {
    background-color: transparent !important;
    border-color: var(--blue-ingage) !important;
    color: var(--colore-testo) !important;
}

.form-label {
    color: var(--colore-testo);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label,
.form-check ~ label {
    transform: none !important;
    padding: 0 !important;
    opacity: 1;
}

.form-floating > input.form-control,
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    max-height: 1.75rem;
    position: relative;
    top: 1.75rem;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.form-check.form-switch.form-control {
    background-color: var(--bg-riempimento) !important;
    border: var(--border) var(--bg-riempimento) !important;
    border-bottom: 1px solid grey !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/*  SUMMERNOTE  */
.note-editable.card-block {
    color: black;
}

.note-dropdown-menu.dropdown-menu > a.dropdown-item,
.note-dropdown-menu.dropdown-menu > a.dropdown-item > i {
    color: black !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/*  TAB NAVIGATION  */

.InCoreModalBody > .tab-navigation > nav {
    background-color: transparent;
}

.tab-navigation > nav {
    background-color: white;
}

.tab-navigation .nav-tabs .nav-link {
    padding-top: 0;
    padding-bottom: 10px;
}

    .tab-navigation .nav-tabs .nav-link:not(.active),
    .tab-navigation .nav-tabs .nav-link:not(.active):hover {
        color: grey;
        border-color: transparent;
    }

    .tab-navigation .nav-tabs .nav-link.active {
        background-color: transparent;
        color: var(--color-tab-active);
        border-color: var(--color-tab-active);
    }

    /*.tab-navigation .nav-tabs .nav-link:hover:not([disabled]) {
        background-color: var(--color-tab-inactive)
    }*/

    .tab-navigation .nav-tabs .nav-link h4 {
        margin: 0;
    }
/* ----------------------------------------------------------------------------------------------------------------------------- */
.incore-disabled {
    background-color: rgba(255,255,255,0.1) !important;
    opacity: .6;
}

.error-container {
    border: var(--border) var(--border-color-card);
    background-color: var(--bg-riempimento);
}

.incore-card {
    border-radius: 15px;
    background-color: var(--bg-riempimento);
    padding: 1rem;
    margin-top: 1rem;
    border: var(--border) var(--border-color-card);
}

.incore-widget-header {
    padding: 1rem;
    border-radius: 15px 15px 0 0;
    border-top: var(--border) var(--border-color-card);
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
    display: flex;
    justify-content: space-around;
}

    .incore-widget-header > * {
        margin: 0;
    }

.incore-widget-body-no-header {
    border-radius: 15px 15px 0 0;
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
    border-bottom: var(--border) var(--border-color-card);
}

.incore-widget-body-no-footer {
    border-radius: 0 0 15px 15px;
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
    border-bottom: var(--border) var(--border-color-card);
}

.incore-widget-body-no-header-no-footer {
    border-radius: 15px 15px 15px 15px;
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
    border-bottom: var(--border) var(--border-color-card);
}

.incore-widget-body-header-footer {
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
}

.incore-widget-footer {
    padding: 1rem;
    border-radius: 0 0 15px 15px;
    border-left: var(--border) var(--border-color-card);
    border-right: var(--border) var(--border-color-card);
    border-bottom: var(--border) var(--border-color-card);
    display: flex;
    justify-content: space-around;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545 !important;
}

.select2.is-invalid, .select2.is-invalid:focus {
    border: var(--border) #dc3545 !important;
    border-radius: 7px;
}

    .select2.is-invalid > span > span, .select2.is-invalid:focus > span > span, .select2.is-invalid:hover > span > span {
        border: none;
    }



/* GANDALF THEME */

.gandalf .form-floating input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(:focus),
.gandalf .form-floating .input-group input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(:focus),
.gandalf .form-floating .input-group > .input-group-prepend:has(+ input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(:focus)),
.gandalf .w-100 select.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(:focus),
.gandalf .w-100 span.select2-selection:not([aria-expanded="true"]):not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):not(:focus) {
    border-color: var(--color-label-secondary) !important;
}

.gandalf .form-floating input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + input + .control-label,
.gandalf .form-floating input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + .control-label,
.gandalf .form-floating .input-group-prepend:has(+ input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus),
.gandalf .w-100 select.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + input + .control-label,
.gandalf .w-100 select.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + .control-label,
.gandalf .w-100 span.select2-selection:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + input + .control-label,
.gandalf .w-100 span.select2-selection:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus + .control-label {
    color: var(--color-input-border);
}

.gandalf .form-floating input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus,
.gandalf .form-floating .input-group input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus,
.gandalf .form-floating .input-group > .input-group-prepend:has(+ input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus),
.gandalf .w-100 select.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus,
.gandalf .w-100 span.select2-selection:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]):focus,
.gandalf .w-100 span.select2-container--open:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]) > span > span {
    border-color: var(--color-input-border);
}

.gandalf .form-floating label.control-label,
.gandalf .w-100 label.control-label {
    background-color: white;
    color: var(--color-label-secondary);
}

    .gandalf .form-floating label.control-label:focus,
    .gandalf .form-floating label.control-label:has(+ .input-group > input.form-control:focus),
    .gandalf .form-floating label.control-label:has(+ select.form-control:has(+ .input-group > input.form-control:focus)),
    .gandalf .w-100 label.control-label:focus {
        color: var(--color-input-border);
    }

    .gandalf .w-100 label.control-label:has(+ select.select2-hidden-accessible[multiple]) {
        background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, transparent 100%);
    }

.gandalf .w-100 .select2-container--default .select2-selection--multiple .select2-selection__rendered:after {
    color: #888888;
}

.gandalf .w-100 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    background-color: transparent;
}

.gandalf .w-100 .select2-selection__choice {
    background-color: var(--color-text-bg-disabled);
}

.gandalf .w-100 .select2-selection__choice__remove {
    background-color: #AFB0B1;
    color: var(--bg-riga-selezionata);
}

.gandalf .w-100 .select2-selection.select2-selection--multiple input.select2-search__field {
    border-color: transparent !important;
}

.select2-search {
    background-color: transparent;
}

.select2-results__option[aria-selected="true"] {
    color: var(--color-input-border) !important;
}

.gandalf .form-floating:focus,
.gandalf .w-100:focus {
    background-color: magenta;
}

/* CHECKBOX */
.gandalf .form-check.form-grouping > label.form-check-label {
    margin-left: 2rem;
}

.gandalf .form-check.form-grouping > .form-check-input {
    top: 0px;
}