/* Inserire modifiche necessarie SOLO al tema chiaro */

:root {
    --sfondo: #F5F7FA;
    --border: 1px solid;
    --bg-riempimento: #FCFCFC;
    --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;
    /* ---------------------------- */
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* INPUT */

input {
    border: var(--border) var(--blue-ingage) !important;
    background-color: transparent !important;
    color: var(--colore-testo) !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"]),
    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;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* 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: 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(--colore-testo);
}

/*
    --bg-riga-selezionata: rgb(237, 242, 249);
    --bg-riempimento: rgb(252, 252, 252);
*/

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;
    }

table.dataTable thead th {
    border-top: var(--border) var(--colore-testo);
}

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: black !important;
    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;
    }

.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);
    }

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* 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[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(--colore-testo);
    background-color: var(--bg-riga-selezionata);
}

.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]) {
    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;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

.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);
}

.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;
    }