/* Hide mobile logo on desktop */
.logo-mobile-wrap {
    display: none;
}

/* Hide desktop logo on mobile, show mobile logo */
@media (max-width: 767px) {
    .navbar-brand {
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .navbar-brand img {
        display: none;
    }
    .logo-mobile-wrap {
        display: block;
    }
    .logo-mobile-wrap img {
        max-height: 60px;
        width: auto;
    }
}


/* levo bordo da moduli, ma se lascio sotto non mi occorre... */
.no-border-module {
  border: none !important;
  box-shadow: none !important;
}

/* questo rimuove anche da header bordo e background */
/*
.card,
.card-header,
.card-body {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
*/


.my-icon-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.my-icon-btn .icon-img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.container-header .mod-menu li a {
    font-weight: bold;
    text-transform: uppercase;
  font-size: 0.8rem !important;
}
.mod-menu a {
    font-weight: bold;
    text-transform: uppercase;
}


/* blue */
.card-header.blue {
    color: navy;
}
.card-header.white {
    color: white;
}

.sidebar-right.card.green {
    background-color: rgb(0,128,0); // #ddffdd;
}
.sidebar-right.card.green .card-body {
    background-color: #eeffee;
}

.sidebar-right.card.blue {
    background-color: rgb(0,100,178); // #ddffdd;
  color: white;
}
.sidebar-right.card.blue .card-body {
    background-color: rgb(58, 143, 212);
}

/*--blue:       #0064b2;     rgb(0, 100, 178)   */
/*--blue-dark:  #004a8a;     rgb(0, 74, 138)    */
/*--blue-light: #3a8fd4;     rgb(58, 143, 212)  */
/*--blue-bg:    #e8f0f8;     rgb(232, 240, 248) */
/*--blue-pale:  #f0f6fc;     rgb(240, 246, 252) */

.sidebar-right.card.blue {
    background-color: #0064b2; /* rgb(0, 100, 178) */
  color: white !important;
}
.sidebar-right.card.blue .card-body {
    background-color: #e8f0f8; /* rgb(232, 240, 248) */
    color: black !important;
}
.sidebar-right.card.blue a {
    color: rgb(0, 74, 138); /* giallo gold */
}
.sidebar-right.card.blue a:hover {
    color: #ffd700;
}


.blue-mod {
    background-color: rgb(34, 55, 88);
    color: white;
    padding: 10px;
}