/* ------------------------- inizio edit ------------------------------- */

/* ==================
===== ROOT ========== 
====================*/


:root {
        --blue-primario: #0c3a8c; 
        --blue-chiaro: #174CAC;
        --blue-chiaro-2: #3C65B0;
        --blue-scuro: #082D72;
        --blue-scuro-2: #042156;
}

/* 
        verde:          #026530 
        arancio:        #F39205
*/

/* ==================
===== GENERALI ====== 
====================*/

body,
* {
        font-family: sans-serif;
}

* {
        transition: all 0s ease-in-out;
}

.btn.btn-primary {
        background: var(--blue-primario);
        border-radius: 4.5px;
}
/* ===================================
icone colori highlights --------------
=================================== */

.btn.ew-search-toggle,
.btn.ew-advanced-search,
.btn.ew-show-all,
.btn.ew-highlight,
.btn.dropdown-toggle:has(i.fa-filter) {
        background-color: #F39205;
}
.btn.ew-search-toggle.active,
.btn.ew-advanced-search.active,
.btn.ew-show-all.active,
.btn.ew-highlight.active,
.btn.dropdown-toggle.active:has(i.fa-filter) {
        background-color: #F39205; 
}
.btn.ew-search-toggle  i.ew-icon,
.btn.ew-advanced-search  i.ew-icon,
.btn.ew-show-all i.ew-icon,
.btn.ew-highlight i.ew-icon,
.btn.dropdown-toggle:has(i.fa-filter) i.ew-icon,
.btn.dropdown-toggle:has(i.fa-filter)::after {
        color: #fff; 
}
/* btn ew-export-link ew-csv */
/* btn ew-export-link ew-excel */
.btn.ew-csv,
.btn.ew-excel,
.btn.dropdown-toggle:has(i.fa-download) {
        background-color: #026530;
}
.btn.ew-csv.active,
.btn.ew-excel.active,
.btn.dropdown-toggle:has(i.fa-download).active {
        background-color: #026530; 
}
.btn.ew-csv  i.ew-icon,
.btn.ew-excel  i.ew-icon,
.btn.dropdown-toggle:has(i.fa-download) i.ew-icon,
.btn.dropdown-toggle:has(i.fa-download)::after {
        color: #fff; 
}

/* =========================
===== MAIN CONTENT AREA ==== 
===========================*/

body > .wrapper.ew-layout,
.main-sidebar+.content-wrapper,
.main-footer {
    background: #F2F5F8;
}

/* ==================
===== NAVBAR ====== 
====================*/
nav.navbar.main-header,
.burger-menu-container {
        /* regola altezza navbar burger-menu + logo-navbar */
        height: 68px;
}
.navbar-blue {
        background-color: #fff;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.navbar-blue > .container-fluid{
        max-height: 45px;
}
.navbar-blue > .container-fluid img.brand-image{
        max-height: 45px;
        padding-left: 10px;
}
.main-header #ew-navbar-end li:nth-child(1) button {
        color: #333;
}
.main-header #ew-navbar-end li:nth-child(2) #ew-nav-link-user {
        color: #333;
}
.main-header #ew-navbar-end ul.dropdown-menu.show li button.active {
        color: #fff;
}

/* ==================
===== SIDEBAR ====== 
====================*/
.main-sidebar {
        background-color: #fff !important;
        box-shadow: 10px 0px 20px 0 rgba(0, 0, 0, .1);
}

/* ---------- burger menu ---------- */

.burger-menu-container {
        border-bottom: 1px solid #666;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 8px;
        padding-left: 12px;
        border-bottom: 1px solid #d9d9d9;
}

.burger-menu-container #burger-menu-icon>i {
        font-size: max(.875rem, 1.3rem);
        cursor: pointer;
        padding-left: 4px;
        color: #333;
}

/* ---------- user ----------------- */

aside div.sidebar .brand-link {
        /* line top */
        border-bottom: 1px solid #d9d9d9;
}

aside div.sidebar .user-panel {
        /* line bottom */
        border-bottom: 1px solid #d9d9d9;
}

aside div.sidebar .user-panel .info a:hover {
        color: #8b8b8b;
}

aside div.sidebar .user-panel .info a {
        /* link user */
        display: flex;
        align-items: center;
        color: #c2c7d0;
        cursor: pointer;
        padding-left: 4px;
        color: #333;
}

aside div.sidebar .user-panel .info a i {
        /* icona user */
        font-size: 25px;
        margin-right: 6px;
        color: var(--blue-primario);
}
/* ---------- navigation ----------- */

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link,
.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link {
        /* link 1° e 2° livello */
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.02em;
        font-size: 12px;
        color: #404953;
        padding-top: 12px;
        padding-bottom: 14px;
        padding-left: 11px;
        border-radius: 4.5px;
        margin-bottom: 6px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link:hover,
.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link:hover {
        /* hover - link 1° e 2° livello */
        background: var(--blue-primario);
        color: #fff;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link:hover .right,
.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link:hover .right {
        /* hover - icona dx 1° e 2° livello */
        color: #fff;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link:hover svg path,
.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link:hover svg path {
        /* hover - icona sx 1° e 2° livello */
        stroke: #fff;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul {
        /* ul 2° livello */
        padding-left: 0;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link {
        /* link 2° livello */
        background: #eaf0ff;
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 18px;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link.active {
        /* link attivo */
        background-color: var(--blue-primario);
        color: #fff;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar .nav-item .nav-link>.right,
.nav-sidebar .nav-link>p>.right {
        /* icona dx */
        top: 33%;
        color: var(--verde-primario);
        right: 5% !important;
}

.main-sidebar .sidebar #ew-menu .nav-item svg {
        /* icona sx svg - link 1° e 2° livello */
        width: 20px;
        height: 20px;
        margin-right: 10px;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar .nav-link.active>.right,
.nav-sidebar .nav-link.active>p>.right {
        /* icona dx link attivo */
        /* top: 33%; */
        color: #fff;
}

.main-sidebar .sidebar #ew-menu .nav-sidebar .nav-link.active svg path,
.nav-sidebar .nav-link.active svg path {
        /* icona sx link attivo */
        stroke: #fff;
}
aside #ew-menu a.nav-link {
        color: #333;
}
aside #ew-menu .nav-item.menu-open a.nav-link.active,  /* 1 livello */
aside #ew-menu .nav-item a.nav-link.active { /* 1 livello */
        color: #fff;
}
aside #ew-menu .nav-item.menu-open ul .nav-item a.nav-link.active { /* 2 livello */
        color: #333;
}

/* aside #ew-menu a.nav-link:hover {
        color: #333;
} */
aside #ew-menu a.nav-link:hover {
        background-color: var(--blue-primario) !important;
        color: #fff !important;
}

/* =====================
======= TABLE ==========
======================*/



/* ===============================
===== CLASSI PER JAVASCRIPT ====== 
=================================*/

/* --- inizio chiusura/apertura sidebar --- */
.closed-sidebar,
.closed-footer,
.closed-main-content,
.closed-sidebar-link {
        transition: all 0s ease-in-out;
}

.closed-sidebar {
        /* aside.main-sidebar */
        width: 66px !important;
}

.closed-navbar,
.closed-footer {
        /* .navbar.main-header */
        margin-left: 66px !important;
}

.closed-main-content {
        /* aside.main-sidebar + .content-wrapper */
        margin-left: 66px !important;
}

.closed-sidebar-link {
        /* #ew-menu ul li.nav-item a */
        font-size: 0 !important;
        width: 50px !important;
}
/* --- fine chiusura/apertura sidebar --- */
#ew-navbar li a i.fa-solid.fa-bars.ew-icon { /* burger menu icon */
        color: #333;
}


/*-----------------------------------------------------------------------*/
/* ==================
===== FOOTER ====== 
====================*/
.main-footer{
        display: flex;  
        align-items: center;      
}
.main-footer #ga-logo-footer {
        max-width: 60px;
}
.main-footer .ew-footer-text{
        margin-left: 20px;
}

/* =====================
== EVENTI e FEEDBACK ===
======================*/

.err-input { /* classe input */
        border: 1px solid red;
}
.err-input-msg { /* span feedback con testo errore */
        color: red;
        display: block;
        position: absolute;
        z-index: 9;
        right: 0;
        background: #fff;
        border: 1px solid red;
        padding: 2px 6px;
        font-size: 12px;
        border-radius: 4px;
}



/* =====================
===== LIGHT THEME ====== solo colori 
======================*/

/* =====================
===== DARK THEME ======= solo colori
======================*/
html[data-bs-theme="dark"] body > .wrapper.ew-layout,
html[data-bs-theme="dark"] .main-sidebar+.content-wrapper,
html[data-bs-theme="dark"] .main-footer {
    background-color: #303030;
}

html[data-bs-theme="dark"] .main-sidebar {
        background-color: #1b1d20 !important;
}
/* ---------- burger menu ---------- */

html[data-bs-theme="dark"] .burger-menu-container {
        border-color: #444;
}

html[data-bs-theme="dark"] .burger-menu-container #burger-menu-icon>i {
        color: #fff;
}

/* ---------- user ----------------- */

html[data-bs-theme="dark"] aside div.sidebar .brand-link {
        border-color: #444;
}

html[data-bs-theme="dark"] aside div.sidebar .user-panel {
        border-color: #444;
}

html[data-bs-theme="dark"] aside div.sidebar .user-panel .info a:hover {
        color: #8b8b8b;
}

html[data-bs-theme="dark"] aside div.sidebar .user-panel .info a {
        color: #c2c7d0;
        color: #fff;
}

html[data-bs-theme="dark"] aside div.sidebar .user-panel .info a i {
        color: var(--blue-primario);
}
/* --- navigation --- */
html[data-bs-theme="dark"] .main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link, 
html[data-bs-theme="dark"] .main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link{
        color: #fff;
}
html[data-bs-theme="dark"] aside #ew-menu a.nav-link {
        color: #fff;
}
html[data-bs-theme="dark"] aside #ew-menu .nav-item.menu-open a.nav-link.active,  /* 1 livello */
html[data-bs-theme="dark"] aside #ew-menu .nav-item a.nav-link.active { /* 1 livello */
        color: #fff;
}
html[data-bs-theme="dark"] .main-sidebar .sidebar #ew-menu .nav-sidebar>.nav-item>.nav-link+ul .nav-link { /* 2 livello */
        color: #444;
}

html[data-bs-theme="dark"] aside #ew-menu a.nav-link:hover {
        background-color: var(--blue-primario) !important;
        color: #fff !important;
}
html[data-bs-theme="dark"] .main-header #ew-navbar-end li:nth-child(1) button {
        color: #fff;
}
html[data-bs-theme="dark"] .main-header #ew-navbar-end li:nth-child(2) #ew-nav-link-user {
        color: #fff;
}

/* === fine dark theme ===*/

/* agganci creati custom Daniela 27-01-2026 */
.row-red td {
        background: #ffadb5;
}
.row-yellow td {
        background: #ffe599;
}
.row-white td {
        background: #FFFFFF;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1.125em;
  height: 1.125em;
  margin-top: 0.1875em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid gray;
  print-color-adjust: exact;
}

