@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');

h1.logo {
    background: no-repeat center/100% url(/components/com_gestionale/assets/nuovaGraficaNG/images/Logo_Elearning.svg);
    width: 50%;
    height: 100%;
}

#sp-header {
    border-bottom: 1px solid #580000;
    font-family: 'Red Hat Display', sans-serif !important;
    /* font-size: 16px !important; */
}

#sp-header .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 14px !important;
    font-weight: 700;
}

#sp-header .iconRules {
    width: 30px;
    display: inline-block;
    /* filter: invert(55%) sepia(41%) saturate(886%) hue-rotate(341deg) brightness(95%) contrast(97%); */
}

#sp-header .iconRules:hover {
    filter: invert(55%) sepia(41%) saturate(886%) hue-rotate(341deg) brightness(95%) contrast(97%);
}

#sp-header .cancelAfter:hover .iconRules {
    filter: invert(55%) sepia(41%) saturate(886%) hue-rotate(341deg) brightness(95%) contrast(97%);
}

#sp-header .cancelAfter:after {
    content: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border: 1px solid #282b2b;
    overflow: hidden;
}

.sp-megamenu-parent>li.active>a {
    color: #ee7d2b;
    font-weight: bold;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

/* .sp-megamenu-parent>li.active>a:after {
    content: '\25BC';
    font-size: 11px;
    vertical-align: initial;
} */
 
.sp-megamenu-parent>li.sp-has-child.active>a:after,
.sp-megamenu-parent>li.sp-has-child.active>span:after {
   font-family: "FontAwesome";
   content: " \25BC";
   font-size: 11px;
   vertical-align: initial;
}

.sp-megamenu-parent>li:hover>a {
    color: #ee7d2b;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 700;
    border-top: 1px solid #282b2b !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #ee7d2b;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background: #580000;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 20px 0;
    padding-top: 0;
    padding-bottom: 0;
}

.table_testata_CorsiAula {
    margin-bottom: 0 !important;
}

.discenti_on,
.discenti_off {
    background: none;
    background-size: unset;
    width: unset;
    height: unset;
    margin-left: unset;
}

.gruppi_off,
.gruppi_on {
    background: none;
    background-size: unset;
    width: unset;
    height: unset;
    margin-left: unset;
}