﻿
/* 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);
    --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(227, 236, 255, 1); /* #E3ECFF */

    --color-line: rgba(151, 151, 151, .3);
    --color-filtro-selezionato: rgba(37, 77, 170, 1);
    --color-fill-completato-stato: rgba(0, 172, 146, 0.15);
    --color-fill-incorso-stato: rgba(97, 97, 255, 0.2);
    --color-fill-pending-stato: rgba(255, 167, 86, 0.2);
    --color-fill-eliminato-stato: rgba(239, 56, 38, 0.2);
    --color-text-completato-stato: rgba(0, 172, 146, 1);
    --color-text-incorso-stato: rgba(97, 97, 255, 1);
    --color-text-pending-stato: rgba(255, 167, 86, 1);
    --color-text-eliminato-stato: rgba(239, 56, 38, 1);
    
    --color-testo-icon-e-tab: rgba(96, 96, 96, 1);

    --color-primary: rgba(55, 116, 255, 1);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* INPUT */

input:not(.btn-primary):not(.btn-secondary) {
    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(.searchDT):not([type="checkbox"]),
textarea:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]),
input.form-control:not([readonly]):not(.is-invalid):not([disabled]):not([type="submit"]),
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2.select2-container--focus {
    background-color: transparent !important;
    border-color: var(--blue-ingage) !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(--blue-ingage) !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(--color-testo-icon-e-tab);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* 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: var(--bg-riga-selezionata);
        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);
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* 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(--blue-ingage);
}

/*
    --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-tab-active) !important; /*color: black !important;*/
    border: 1px solid var(--color-tab-active); /*border: 1px solid rgba(0, 0, 0, 0.3) !important;*/
}

.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: var(--blue-ingage) !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--colore-testo);
}

    .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(--blue-ingage);
    color: var(--bg-riempimento);
    /*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(--bg-riempimento);
        color: var(--blue-ingage);
        /*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(--bg-riempimento);
    color: var(--blue-ingage);
    /*background-color: var(--blue-ingage);*/
    /*color: var(--bg-riempimento);*/
}

    .btn-secondary:hover,
    .btn-secondary:not(:disabled):not(.disabled):hover {
        background-color: var(--blue-ingage);
        border: var(--border) var(--blue-ingage);
        color: var(--bg-riempimento);
        /*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);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* 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 {
    border: 1px solid var(--border-color-generica);
}

.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]) {
    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]) {
        color: var(--color-tab-active);
    }

    .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,
.incore-card-tab {
    background-color: var(--bg-riempimento);
}

.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-line) !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;
}

/* BTN, BTN-SUCCESS, BTN-DANGER, BTN-INFO, BTN-WARNING*/

.gandalf .btn {
}


/*.gandalf .btn-success {
    background-color: rgba(0, 208, 151, 1) !important;
    color: white !important;
    border: 1px solid rgba(0, 208, 151, 1) !important;
}

    .gandalf .btn-success:hover {
        background-color: rgba(0, 170, 123, 1) !important;
        color: white !important;
        border: 1px solid rgba(0, 170, 123, 1) !important;
    }

.gandalf .btn-danger {
    background-color: rgba(234, 2, 52, 1) !important;
    color: white !important;
    border: 1px solid rgba(234, 2, 52, 1) !important;
}

    .gandalf .btn-danger:hover {
        background-color: rgba(191, 2, 42, 1) !important;
        color: white !important;
        border: 1px solid rgba(191, 2, 42, 1) !important;
    }

.gandalf .btn-info {
    background-color: rgba(21, 192, 230, 1) !important;
    color: white !important;
    border: 1px solid rgba(21, 192, 230, 1) !important;
}

    .gandalf .btn-info:hover {
        background-color: rgba(17, 157, 188, 1) !important;
        color: black !important;
        border: 1px solid rgba(17, 157, 188, 1) !important;
    }

.gandalf .btn-warning {
    background-color: rgba(253, 199, 72, 1) !important;
    color: black !important;
    border: 1px solid rgba(253, 199, 72, 1) !important;
}

    .gandalf .btn-warning:hover {
        background-color: rgba(206, 162, 59, 1) !important;
        color: white !important;
        border: 1px solid rgba(206, 162, 59, 1) !important;
    }*/

/* BTN PRIMARY E SECONDARY*/

/*.gandalf .btn-primary,
.gandalf .btn-default,
.gandalf .btn-primary:focus,
.gandalf .btn-primary.focus,
.gandalf .btn-default:focus,
.gandalf .btn-default.focus {
    border: 1px solid black;
    background-color: black;
    color: white;
}

    .gandalf .btn-primary:hover,
    .gandalf .btn-primary:not(:disabled):not(.disabled):hover,
    .gandalf .btn-default:hover,
    .gandalf .btn-default:not(:disabled):not(.disabled):hover {
        border: 1px solid black;
        background-color: white;
        color: black;
    }

.gandalf .btn-secondary,
.gandalf .btn-secondary:focus,
.gandalf .btn-secondary.focus {
    border: 1px solid black;
    background-color: white;
    color: black;
}

    .gandalf .btn-secondary:hover,
    .gandalf .btn-secondary:not(:disabled):not(.disabled):hover {
        border: 1px solid black;
        background-color: black;
        color: white;
    }

    .gandalf .btn-primary.disabled,
    .gandalf .btn-primary:disabled,
    .gandalf .btn-secondary.disabled,
    .gandalf .btn-secondary:disabled {
        color: rgba(0, 0, 0, 0.38);
        background-color: rgba(0, 0, 0, 0.12) !important;
        border-color: rgba(0, 0, 0, 0.12) !important;
    }
*/
.gandalf .btn-empty,
.gandalf .btn-empty :hover {
    color: black;
    background-color: transparent;
}

.banner-info {
    /*background: url('/img/backround-decoration.png') 0% 0% / 1000px 1000px repeat,
        linear-gradient(34deg, #254DAA 35.6%, #3774FF 70.29%, #00D097 99.8%);*/
    background: linear-gradient(34deg, #254DAA 35.6%, #3774FF 70.29%, #00D097 99.8%);
    color: white;
}

.incore-user-badges > div {
    border-color: var(--color-line);
    background-color: var(--color-primary-hover-riga);
    color: black;
}

.dataTables_filter > input[type='search'].searchDT {
    border-color: rgba(151, 151, 151, 1) !important;
    background-color: rgba(245, 246, 250, 1) !important;
}

.dataTable > thead > tr th:last-child {
    width: 1rem;
}

.action-layout-icon {
    background: linear-gradient(44.18deg, #254DAA 0%, #3774FF 65.28%, #F1E734 98.61%);
}

ul.dropdown-menu > li > .dropdown-item:hover {
    color: #3774FF;
    background-color: #E3ECFF;
}

ul.dropdown-menu > li:last-child > .dropdown-item:hover {
    color: #3774FF;
    background-color: #E3ECFF;
}
