.material-symbols-outlined,
.material-icons {
    vertical-align: middle !important;
}

/* Rules for sizing the icon. */
.md-12 { font-size: 12px !important; }
.md-14 { font-size: 14px !important; }
.md-16 { font-size: 16px !important; }
.md-18 { font-size: 18px !important; }
.md-24 { font-size: 24px !important; }
.md-28 { font-size: 28px !important; }
.md-30 { font-size: 30px !important; }
.md-32 { font-size: 32px !important; }
.md-36 { font-size: 36px !important; }
.md-48 { font-size: 48px !important; }
.md-64 { font-size: 64px !important; }
.md-128 { font-size: 128px !important; }
.md-256 { font-size: 256px !important; }

.material-symbols-outlined.md-dark,
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
.material-symbols-outlined.md-dark.md-inactive,
.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

.material-symbols-outlined.md-light,
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}
.material-symbols-outlined.md-inactive,
.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

.material-symbols-outlined.txtBtn,
.material-icons.txtBtn {
    vertical-align: middle;
    margin-left: -3px;
    margin-top: -3px;
}


@font-face {
    font-family: Inaz-Regular;
    src: url('/iolhttp/fonts/gfonts/roboto-regular-webfont.woff2') format('woff2'), url('/iolhttp/fonts/gfonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Inaz-Cond;
    src: url('/iolhttp/fonts/gfonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('/iolhttp/fonts/gfonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Inaz-CondBold;
    src: url('/iolhttp/fonts/gfonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('/iolhttp/fonts/gfonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Inaz-Aree;
    src: url('/iolhttp/fonts/gfonts/barlowcondensed-medium-webfont.woff2') format('woff2'), url('/iolhttp/fonts/gfonts/barlowcondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Override dei vecchi stili basati su font DIN proprietario con font nuovo free */
.DINOT-CondBold{
    font-family: Inaz-CondBold;
}

.DINOT-Regular{
    font-family: Inaz-Regular;
}

.DINOT-CondMedium{
    font-family: Inaz-Aree;
}

.DINOT-Black {
    font-family: Inaz-CondBold;
}



/*Icone composte da 2 iconcine material o font awesome (vedi esempio in /IOLHttp/TestArea/TestBannerIcon.aspx */
.meshup-position {
    /*border:1px solid red;*/
    position: absolute;
    width: 20px;
    height: 20px;
}

.meshup-top {
    top: 10px;
}

.meshup-middle {
    top: 50%;
    margin-top: -10px; /*half of the .box height*/
}

.meshup-bottom {
    bottom: 15px;
}

.meshup-left {
    left: 15px;
}

.meshup-center {
    left: 50%;
    margin-left: -10px; /*half of the .box width*/
}

.meshup-right {
    right: 10px;
}