/* ---------- CLASSI RIFERITE AI PRODOTTI ---------- */


/*
 * in questa sezione sono sovrascritte le classi degli elementi "di sistema" dei quali
 * cambia il colore a seconda del prodotto in cui si sta navigando.
 * La classe di riferimento prende posto dinamicamente nel body e modifica tutti gli elementi.
 */


/* --- selezione menu --- */


/* nessun prodotto */

body.nomenu mat-toolbar button.toggle-button-navbar.mat-icon-button.ng-star-inserted {
    display: none!important;
}


/* / nessun prodotto */


/* antifrode */

body.antifrode .nav .nav-item .nav-link.active {
    background-color: #F5F5F5;
    color: #E82C88;
    font-weight: 500;
}

body.antifrode .nav .nav-item {
    color: #333333;
}

body.antifrode .nav fuse-nav-vertical-collapse.open>a,
body.antifrode .nav fuse-nav-vertical-collapse.open>a:focus,
body.antifrode .nav fuse-nav-vertical-collapse.open>a:hover {
    color: #333333 !important;
}


/* / antifrode */


/* faro */

body.faro .nav .nav-item .nav-link.active {
    background-color: #9575cd;
    color: rgba(0, 0, 0, .87);
    font-weight: 500;
}

body.faro .nav fuse-nav-vertical-collapse.open>a,
body.faro .nav fuse-nav-vertical-collapse.open>a:focus,
body.faro .nav fuse-nav-vertical-collapse.open>a:hover {
    color: rgba(255, 255, 255, .87) !important;
}


/* / faro */


/* idefense */

body.idefense .nav .nav-item .nav-link.active {
    background-color: #F5F5F5;
    color: #E82C88;
    font-weight: 500;
}

body.idefense .nav fuse-nav-vertical-collapse.open>a,
body.idefense .nav fuse-nav-vertical-collapse.open>a:focus,
body.idefense .nav fuse-nav-vertical-collapse.open>a:hover {
    color: rgba(255, 255, 255, .87) !important;
}


/* / idefense */


/* cp */

body.creditopratico .nav .nav-item .nav-link.active {
    background-color: #DF5EA0;
    color: rgba(0, 0, 0, .87);
    font-weight: 500;
}

body.creditopratico .nav fuse-nav-vertical-collapse.open>a,
body.creditopratico .nav fuse-nav-vertical-collapse.open>a:focus,
body.creditopratico .nav fuse-nav-vertical-collapse.open>a:hover {
    color: rgba(255, 255, 255, .87) !important;
}


/* / cp */


/* ticket */

body.ticket .nav .nav-item .nav-link.active {
    background-color: #FFD15C;
    color: rgba(0, 0, 0, .87);
    font-weight: 500;
}

body.ticket .nav fuse-nav-vertical-collapse.open>a,
body.ticket .nav fuse-nav-vertical-collapse.open>a:focus,
body.ticket .nav fuse-nav-vertical-collapse.open>a:hover {
    color: rgba(255, 255, 255, .87) !important;
}


/* / ticket */


/* --- /selezione menu --- */


/* --- header logo prodotto --- */


/* .header-product-logo {
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
} */


/* antifrode */


/* body.antifrode .header-product-logo {
    background-image: url('../images/logos/logo_antifrode.png');
} */


/* / antifrode */


/* faro */

body.faro .header-product-logo {
    background-image: url('../images/logos/logo_faro.png');
}


/* / faro */


/* idefense */

body.idefense .header-product-logo {
    background-image: url('../images/content/dashboard_logo_smart.png');
}


/* / idefense */

/* ticket */

body.ticket .header-product-logo {
    background-image: url('../images/logos/logo_ticketing.png');
}


/* / ticket */


/* --- / header logo prodotto --- */


/* --- header colore header --- */

body .mat-accent-bg {
    background-color: #f5f5f5 !important;
    color: #ADADAD !important;
}


/* antifrode */

body.antifrode .mat-accent-bg {
    background-color: #f5f5f5 !important;
    color: #ADADAD !important;
}


/* /antifrode */


/* faro */

body.faro .mat-accent-bg {
    background-color: #9575cd !important;
}


/* / faro */


/* idefense */

body.idefense .mat-accent-bg {
    background-color: #64b5f6 !important;
}

/* / idefense */


/* ticket */

body.ticket .mat-accent-bg {
    background-color: #FFD15C !important;
}

/* / ticket */


/* --- / header colore header --- */


/* --- CONTENT --- */

body.faro .page-layout.carded.fullwidth>.center .content-card {
    background: url(../images/logos/logo_fr_gamma10.png) no-repeat center 61%;
    background-size: 50%;
}

body.idefense .page-layout.carded.fullwidth>.center .content-card {
    background-size: 50%;
}


/* body.ticket .page-layout.carded.fullwidth > .center .content-card {
  background: url(../images/logos/logo_ticketing.png) no-repeat center 61%;
  background-size: 50%;
  opacity: 50%;
} */


/* --- / CONTENT --- */


/* ---------- / CLASSI RIFERITE AI PRODOTTI ---------- */