@font-face {
    font-family: 'Benton Book';
    src: url('fonts/BentonSans Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Benton Bold';
    src: url('fonts/Benton-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

:root {
    --main-color: #1075ac; 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Benton Book', sans-serif;
}

html, body{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    scroll-behavior: smooth;
}

.clear{
    clear: both;
}

.content{
    padding-top: 3em;
    /*min-height: 20em;*/
    padding-bottom: 3em;
}

.grey{
    color: #707070;
}

.yellow{
    color: #eba600;
}

.blu{
    color: #1075ac;
}

.azzurro{
    color: #2784c3;
}

.rosso{
    color: #de0c15;
}

.white{
    color: #ffffff;
}

.w-100{
    width: 100%;
}

.close{
    background: #1075ac !important;
    opacity: 1;
    height: 40px;
    width: 40px;
    position: absolute;
    color: white;
    right: 0;
    z-index: 99;
    border-radius: 30px;
    margin-top: -25px !important;
    margin-right: -25px;
    font-size: 30px;
}
.close:hover{
    background: #1075ac !important;
    opacity: 1;
    height: 40px;
    width: 40px;
    position: absolute;
    color: white;
    right: 0;
    z-index: 99;
    border-radius: 30px;
    margin-top: -25px;
    margin-right: -25px;
    font-size: 30px;
}

.bold{
    font-weight: 700;
    font-family: 'Benton Bold', sans-serif;
}

.spacer{
    height: 4em;
}

.italic{
    font-style: italic;
}

a.cliccaqui{
    padding: .2em;
    color: #fff;
    background: #0a5693;
}

h1, h2, h3, h4{
    font-family: 'Roboto Condensed', sans-serif !important;
}

h1{
    font-size: 2em;
    font-weight: 800;
    margin-bottom: 1em;
}

h2{
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: .7em;
}

h3{
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: .7em;
    font-style: italic;
}

.modal-title{
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: .7em;
}

p{
    margin-bottom: 1em;
}

p.pfaculty{
    color: #FFFFFF;
    font-size: 1.15em;
    line-height: 1.8em;
}

p.psupported{
    font-size: 1.15em;
    font-weight: 700;
}

.titolowebinarelenco{
    font-size:1.7em;
}
.orawebinarelenco{
    font-size:1.2em;
    font-weight: 400;
}

.td-day{
    background: #EBA600;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1.3em;
}

.labelcontatti{
    font-size: 0.9em;
    font-weight: 700;
    font-style: italic;
}

.plus20{
    font-size: 1.2rem;
}

.bg{
    background-size:cover;
    background-position: top left;
    background-attachment: fixed;
}

.no-pad-top{
    padding-top: 0 !important;
}
.no-pad-bot{
    padding-bottom: 0 !important;
}

.pad-30{
    padding: 30px;
}

.pad-top-50{
    padding-top: 50px !important;
}

.pad-top-160{
    padding-top: 160px !important;
}

.pad-bot-60{
    padding-bottom: 60px !important;
}

.pad-bot-160{
    padding-bottom: 160px !important;
}

.pad-left-30{
    padding-left: 30px;
}

#login-container {
    height: 2rem;
    background: var(--main-color);
    width: 100%;
    position: relative;
}

.user-text {
    line-height: 2rem;
    position: relative;
    color: #FFF !important;
    font-weight: 700;
    font-size: .8rem !important;
    position: relative;
    margin: 0;
    display: inline-block;
}

.user-text span{
    margin-left: 2rem;
}

.linkrazionale{
    color: white !important;
    text-decoration: none !important;
    font-weight: 700;
    background: #1075ac;
    padding: .5em 1em;
    border-radius: 20px;
    margin-right: 30px;
}

.no-margin{
    margin: 0;
}

.linkrazionaleneg{
    color: white;
    font-weight: 700;
    background: #de0c15;
    padding: .5em 1em;
    border-radius: 20px;
    margin-right: 30px;
}

.linkrazionaleneg:hover{
    color: white;
    text-decoration: underline;
}

.linkappr{
    color: #de0c15;
    /*font-weight: 700;
    background: #de0c15;
    padding: .25em 1em;
    border-radius: 20px;*/
    font-size: .85em;
}

.linkappr:hover{
    color: #de0c15;
    text-decoration: underline;
}

.bt-scarica{
    padding: .2em .5em;
    color: #fff;
    background: #0a5693;
    border-radius: 20px;
    font-weight: 700;
}

.bt-scarica:hover{
    color: #fff;
}

.bg-white{
    background-image: url(../../img/bg-container-white.jpg);
}
.bg-dark-blu{
    background-image: url(../../img/bg-container-dark-blu.jpg);
}
.bg-light-blu{
    background-image: url(../../img/bg-container-light-blu.jpg);
}
.bg-grey{
    background-image: url(../../img/bg-container-grey.jpg);
}
.bg-razionale{
    background-image: url(../../img/bg-razionale.jpg);
}
.bg-piedipagina{
    background-image: url(../../img/Pie_Pagina.jpg);
    background-size: contain !important;
}
.bg-bianco{
    background: #ffffff;
}
.bg-azzurro{
    background: #e1eefb;
}
.bg-onda-azzurra{
    background-image: url(../../img/onda-azzurra.png);
    background-size: auto;
}
.bg-onda-faculty{
    background: rgb(166,207,240); /* Old browsers */
}
.bg-astratto-small{
    background-image: url(../../img/bg-astratto-small.png);
    background-position: top left;
    background-size: cover;
}
.bg-astratto-big{
    background-image: url(../../img/bg-astratto-big.png);
    background-position: top left;
    background-size: cover;
}
.bg-astratto-blu-big{
    background-image: url(../../img/bg-astratto-blu.png);
    background-position: top left;
    background-size: cover;
}
.bg-sfumatura-blu{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3598cf+0,162465+100 */
    background: rgb(53,152,207); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(53,152,207,1) 0%, rgba(22,36,101,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(53,152,207,1) 0%,rgba(22,36,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(53,152,207,1) 0%,rgba(22,36,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3598cf', endColorstr='#162465',GradientType=1 ); /* IE6-9 */

}

.bg-spacer-yellow{
    background-image: url(../../img/bg-spacer-yellow.jpg);
    background-size: auto;
}

.bg-onda-top-programma{
    background-image: url(../../img/onda-top-programma.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: inherit;

    padding: 40px;
}

.bg-doc-left{
    background-image: url(../../img/Dottore_left_programma.png);
    background-repeat: no-repeat;
    background-position: 50 0;
}

.spacer-yellow{
    padding: 30px;
}

.spacer-white{
    padding: 10px;
    background: #FFF;
}

.spacer-trasp{
    padding: 30px 0;
}

.spacer-cerchi{
    margin-top: -150px;
    margin-bottom: -150px;
    padding: 0;
}

.spacer-cerchi img{
    width: 100%;
}

.div-container-home{
    width: 100%;
    height: 100%;
}

.div-bt-container{
    position: relative;
    width: 100%;
}

.bt-home{
    position: absolute;
    background: rgba(0,0,0,0);
    cursor: pointer;
}

.bt-relatori {
    top: 37%;
    left: 38%;
    width: 8%;
    height: 30%;
}

.bt-video {
    top: 37%;
    left: 1%;
    width: 12%;
    height: 12%;
}

.bt-video2 {
    top: 54%;
    left: 1%;
    width: 12%;
    height: 12%;
}

.bt-slide{
    top: 2%;
    right: 23%;
    width: 15%;
    height: 26%;
}

.bt-expo{
    top: 20%;
    left: 58%;
    width: 7%;
    height: 29%;
}

.bt-demand{
    top: 1%;
    left: 36%;
    width: 8%;
    height: 29%;
}

.bt-poster{
    top: 22%;
    left: 50%;
    width: 6%;
    height: 29%;
}

.bt-ecm{
    top: 41%;
    left: 35%;
    width: 12%;
    height: 33%
}

.bt-esperti{
    top: 41%;
    left: 49%;
    width: 12%;
    height: 33%
}

.bt-programma{
    top: 35%;
    left: 36%;
    width: 14%;
    height: 15%;
}

.bt-info {
    top: 49%;
    left: 64%;
    width: 11%;
    height: 9%;
}

.bt-breve {
    top: 29%;
    left: 67%;
    width: 9%;
    height: 8%;
}

.bt-neuroinflammation {
    position: absolute;
    background: rgba(0,0,0,0);
    cursor: pointer;

    top: 74%;
    left: 2%;
    width: 15%;
    height: 17%;
}

.link-registrati {
    position: absolute;
    background: rgba(0,0,0,0);
    cursor: pointer;
    
    top: 57%;
    left: 16%;
    width: 24%;
    height: 11%;
}

.bt-registrati {
    top: 57%;
    left: 16%;
    width: 24%;
    height: 11%;
}

.bt-webinar {
    top: 41%;
    left: 0%;
    width: 18%;
    height: 52%;
}

.bt-webinar-page {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.bt-webinar-collection {
    top: 17%;
    left: 59%;
    width: 7%;
    height: 11%;
}

.bt-webinar-coll-1 {
    top: 19%;
    left: 52%;
    width: 10%;
    height: 7%;
}

.bt-webinar-coll-2 {
    top: 26%;
    left: 52%;
    width: 10%;
    height: 7%;
}

.bt-webinar-coll-3 {
    top: 33%;
    left: 52%;
    width: 10%;
    height: 7%;
}

.bt-webinar-coll-4 {
    top: 19%;
    left: 63%;
    width: 7%;
    height: 7%;
}

.bt-webinar-coll-5 {
    top: 26%;
    left: 63%;
    width: 7%;
    height: 8%;
}

.bt-webinar-coll-6 {
    top: 19%;
    left: 71%;
    width: 9%;
    height: 7%;
}

.bt-webinar-coll-7 {
    top: 26%;
    left: 71%;
    width: 9%;
    height: 9%;
}

.bt-webinar-coll-8 {
    top: 35%;
    left: 63%;
    width: 7%;
    height: 8%;
}

.bt-webinar-coll-9 {
    top: 36%;
    left: 71%;
    width: 7%;
    height: 8%;
}

.bt-webinar-1 {
    top: 52%;
    left: 0%;
    width: 18%;
    height: 19%;
}
.bt-webinar-2 {
    top: 69%;
    left: 0%;
    width: 18%;
    height: 17%;
}
/*.bt-webinar-3 {
top: 70%;
left: 0%;
width: 18%;
height: 11%;
}*/

/*.bt-webinar-1 {
top: 47%;
left: 0%;
width: 18%;
height: 7%;
}
.bt-webinar-2 {
top: 55%;
left: 0%;
width: 18%;
height: 6%;
}
.bt-webinar-3 {
top: 61%;
left: 0%;
width: 18%;
height: 8%;
}
.bt-webinar-4 {
top: 70%;
left: 0%;
width: 18%;
height: 13%;
}*/


.bt-auditorium-1 {
    top: 17%;
    left: 36%;
    width: 10%;
    height: 37%;
}

.bt-auditorium-2 {
    top: 17%;
    left: 55%;
    width: 10%;
    height: 37%;
}

.bt-auditorium-3 {
    top: 16%;
    left: 70%;
    width: 11%;
    height: 40%;
}

.bt-auditorium-4 {
    top: 15%;
    left: 86%;
    width: 13%;
    height: 42%;
}


.bt-workshop-1 {
    top: 20%;
    left: 9%;
    width: 25%;
    height: 27%;
}

.bt-workshop-2 {
    top: 20%;
    left: 65%;
    width: 25%;
    height: 27%;
}

.bt-workshop-prog-left {
    top: 50%;
    left: 26%;
    width: 6%;
    height: 8%;
}
.bt-workshop-prog-right {
    top: 50%;
    left: 68%;
    width: 6%;
    height: 8%;
}

.bt-plenaria {
    top: 18%;
    left: 75%;
    width: 10%;
    height: 39%;
}

.bt-stand-burke{
    top: 52%;
    left: 1%;
    width: 12%;
    height: 21%;
}
.bt-stand-dimar{
    top: 49%;
    left: 13%;
    width: 10%;
    height: 21%;
}
.bt-stand-drager{
    top: 46%;
    left: 23%;
    width: 9%;
    height: 17%;
}
.bt-stand-fisher{
    top: 44%;
    left: 32%;
    width: 8%;
    height: 16%;
}
.bt-stand-gettinge{
    top: 42%;
    left: 40%;
    width: 7%;
    height: 15%;
}
.bt-stand-intersurgical{
    top: 42%;
    left: 50.5%;
    width: 7%;
    height: 15%;
}
.bt-stand-medigas{
    top: 44%;
    left: 58%;
    width: 8%;
    height: 17%;
}
.bt-stand-mindray{
    top: 46%;
    left: 66%;
    width: 9%;
    height: 17%;
}
.bt-stand-vyaire{
    top: 52%;
    right: 1%;
    width: 13%;
    height: 21%;
}

a.bt-backexpo{
    position: absolute;
    top: 1%;
    left: 2%;
    padding: .2em .5em;
    color: #fff;
    background: #0a5693;
    border-radius: 20px;
    font-weight: 700;
}
/*Bottoni per contenuti stand*/
.bt-stand{
    position: absolute;
    background: rgba(0,0,0,0);
    cursor: pointer;
}

.bt-stand-monitorext1-left{
    top: 25.5%;
    left: 6.2%;
    width: 15%;
    height: 15.7%;
}

.bt-stand-monitorext2-left{
    top: 46.5%;
    left: 6.2%;
    width: 15%;
    height: 15.7%;
}

.bt-stand-monitorext3-left{
    top: 67.5%;
    left: 6.2%;
    width: 15%;
    height: 15.7%;
}

.bt-stand-monitorint-left{
    top: 37.7%;
    left: 29%;
    width: 15%;
    height: 15.7%;
}

.bt-stand-monitorint-right{
    top: 36.7%;
    left: 60.5%;
    width: 15%;
    height: 15.7%;
}

.bt-stand-ipad{
    top: 59.7%;
    left: 58.5%;
    width: 8%;
    height: 8.7%;
}

#header {
    width: 100%;
    z-index: 100;
    z-index: 99;
    -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    background: rgb(16,117,172);
    background-image: linear-gradient(90deg, rgba(16,117,172,1) 0%, rgba(255, 255, 255, 0.9) 14%, rgba(16,117,172,1) 100%);
}

.spacer-login{
    height: 4rem;
    width: 100%;
}

#menu {
    width: 100%;
    height: 4.5rem;
    position: absolute;
    position: relative;
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    /* padding: 0 3rem;*/
}

#menu-container,
#sottomenu-container {
    height: 100%;
    position: relative;
    display: table;
    width: calc(100% - 18rem);
    max-width: 1170px;
    float: right;
}

#sottomenu-container {
    height: calc(100% - 10rem);
    position: absolute;
    top: 10rem;
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

#menuint{
    height: 3rem;
}

div.desktop {
    width: 100%;
    height: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.desktop ul {
    text-align: right;
    list-style: none;
    display: block;
    position: relative;
    width: 100%;
    padding: 0 1.5rem;
    /* height: 100%;*/
    margin: 0;
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


.desktop ul li {
    display: inline-block;
}

.desktop ul li.menu-open {
    background: #f2f2f2;
}

.desktop ul li:last-child {
    /*border-right: 1px solid #33424b;*/
}

.desktop ul li a {
    color: #ffffff;
    font-size: 1.3rem;
    text-decoration: none;
    padding: 0 .5rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
}

.desktop ul li.open-menu a span {
    margin-left: .5rem;
}

/*.desktop ul li a:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: #C70850;
opacity: 0;
width: 0;
left: 50%;
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.desktop ul li a:hover:after, .desktop ul li a.active:after {
left: 0;
opacity: 1;
width: 100%;
}*/

.desktop ul li ul {
    position: absolute;
    -webkit-transition: height 1s linear 0s;
    -moz-transition: height 1s linear 0s;
    -ms-transition: height 1s linear 0s;
    -o-transition: height 1s linear 0s;
    transition: height 1s linear 0s;
    height: 0px;
    overflow:hidden;
}
.desktop ul li:hover ul {
    z-index: 2;
    background: white;
    padding: 0;
    width: auto;
    /*border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 2px solid #efefef;
    border-right: 2px solid #efefef;*/
    height: auto;

    -webkit-transition: height 1s linear 0s;
    -moz-transition: height 1s linear 0s;
    -ms-transition: height 1s linear 0s;
    -o-transition: height 1s linear 0s;
    transition: height 1s linear 0s;
}

ul.child li{
    font-style: italic;
    text-align: left;
    /*border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;*/
    padding: .7em .2em;
    display: block;
    margin-left: 0 !important;
    border-top: 2px solid #c4c4c6;
}

ul.child li a{
    font-weight: 400;
    font-size: .85rem; 
    /*color: #2784c3;*/
}

.desktop ul li a.active{
    color: #ffffff;
    font-weight: 700;
}

.desktop ul li span{
    font-size: .7em;
}

#navbar-spacer{
    height: 10em;
    width: 100%;
}

#container-logo{
    position: absolute;
    /*left: 1.5rem;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#container-logo img{
    width: 10rem;
    margin-left: 1rem;
}

.sins-webpage{
    position: absolute;
    top: 49%;
    left: 16%;
    width: 4%;
    height: 9%;
}

.logo-sponsor{
    width: 90%;
    border: 1px solid #42b6e3;
    border-radius: 10px;
    padding: .2em .5em;
    background: #fff;
    margin-bottom: 3%;
}

#container-footer{
    /*height: 8rem;*/
    background: #1075ac;
    color: #ffffff;
    padding: .5em 0;
}

#footer{
    /*height: 100%;*/
    position: relative;
    display: table;
    width: 100%;
    padding: 0 4.2%;
}

/*#footer>div{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: .4em;
}*/

#footer>div>p{
    margin: 0;
    font-size: .85rem;
    color: white;
    text-align: left;
}

#footer>div>p a{
    text-decoration: none;
    color: white;
}

#logo-footer {
    margin: 1rem auto 1rem auto;
}

#container-footer-int{
    margin-top: -90px;
    color: #ffffff;
    padding: .5em 0 1.5em 0;
}

#footer-int{
    /*height: 100%;*/
    position: relative;
    display: table;
    width: 100%;
    padding: 0 4.2%;
}

#footer-int>div{
    /*width: 100%;
    height: 100%;*/
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: .4em;
}

#footer-int>div>p{
    margin: 0;
    font-size: 1rem;
    color: #ffffff;
    text-align: left;
}

#footer-int>div>p a{
    text-decoration: none;
    color: #ffffff;
}

#footer-int .bold{
    font-size: 1.2em;
}

#footer-int img{
    width: 100%;
}

#razionale .material-icons{
    vertical-align: bottom;
}

.home{
    position: absolute;
}

.div-bt-container .alfasigma{
    top: 28%;
    left: 90%;
    width: 10%;
    height: 9%;
}

.div-bt-container .camillo-golgi{
    top: 37%;
    left: 90%;
    width: 10%;
    height: 9%;
}

.div-bt-container .GW{
    top: 48%;
    left: 90%;
    width: 10%;
    height: 9%;
}

.div-bt-container .IBRO{
    top: 59%;
    left: 90%;
    width: 10%;
    height: 9%;
}

.instruction-mobile{
    display: none;
}

.flex{
    display: flex;
    height: fit-content;
}

.margin-sponsor{
    display: table-caption;
    margin-top: 5rem;
}

.container-brescia{
    width: 100%;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 5rem;
}

.instruction-desktop .flex-1{
    text-align: center;
}

.instruction-phone{
    display: none;
    text-align: center;
}

.instruction-phone .flex{
    display: block;
}

.container-bottoni-video button{
    width: 25rem;
    margin: 0.5rem;
}

.flex-1{
    flex: 1;
}

.flex-2{
    flex: 2;
}

.gync-program{
    margin-top: 2rem;
    margin-bottom: 2rem;
    align-items: center;
}

.gync-program div img{
    width: 100%;
}

.gync-program-2{
    margin-top: 2rem;
    margin-bottom: 1rem;
    align-items: center;
}

.gync-program-2 div img{
    width: 50%;
}

.x-large{
    font-size: x-large;
}

.center button{
    background-color: #1075ac;
    color: white;
    border: none;
    padding: 1rem;
}

.container-bottoni-video{
    margin-bottom: 5rem;
    margin-top: 5rem;
}

.container-bottoni-video .flex{
    display: flex;
}

.gync_logo{
    position: absolute;
    width: 5rem;
    left: 2.5rem;
    bottom: -2rem;
}

.center{
    text-align: center;
}

.margin-right{
    margin-right: 2rem;
}

.flex .tab{
    flex: 1;
    padding: 0.25rem;
}

.flex .tab button{
    width: 100%;
    border: none;
    background-color: #1f3864;
    color: white;
    padding: 0.5rem;
}

.flex .tab button[data-tab="thursday"]{
    background-color: #1075ac;
}

.section, .section-white, .section-4{
    margin: 0.25rem;
}

.section div:nth-child(1){
    flex: 15%;
    text-align: center;
    position: relative;
}

.section div:nth-child(2){
    flex: 75%;
}

.section div:nth-child(3){
    flex: 10%;
    text-align: center;
}

.section-4 div:nth-child(1){
    flex: 15%;
    text-align: center;
}

.section-4 div:nth-child(2){
    flex: 37.5%;
}

.section-4 div:nth-child(3){
    flex: 37.5%;
    text-align: center;
    display: flex;
}
.section-4 div:nth-child(3) span{
    margin: auto;
}
.section-4 div:nth-child(4){
    flex: 10%;
    text-align: center;
}

.section-white div:nth-child(1){
    flex: 15%;
    text-align: center;
}

.section-white div:nth-child(2){
    flex: 85%;
}

.light-orange{
    background-color: #fff2cc;
}

.orange{
    background-color: #ffc000;
}

.light-grey{
    background-color: #deeaf6;
}

.green{
    background-color: #a8d08d;
}

.brown{
    background-color: #833c0b;
    color: white;
}

.program-container[data-tab="friday"]{
    display: none;
}

.program-container[data-tab="saturday"]{
    display: none;
}

.content ul {
    list-style: none;
    margin: 0 0 20px 20px;
}

/*.content ul li::before {
content: "\2022";
color: #0a5693;
font-weight: bold;
display: inline-block; 
width: 1em;
margin-left: -1em;
}*/

.rel-nomerel{
    font-size: 1.1em;
    font-weight: 700;
}
.rel-affiliazione{
    font-style: italic;
    font-size: 0.85em;
}

.icona{
    width: 15%;
    margin-bottom: 1em;
}

.img-dottore-faculty{
    width: 100%;
    margin-top: -100px;
}

.img-dottore-razionale{
    width: 80%;
    position: absolute;
    left: 59px;
    top: 80px;
    z-index: 2;
}

.img-dottore-info-reg{
    width: 100%;
    position: absolute;
    left: 0;
    top: -40px;
    z-index: 2;
}

.img-dottore-programma{
    width: 80%;
    position: absolute;
    left: 59px;
    top: 28px;
    z-index: 2;
}

.img-dottore-programma-right{
    width: 80%;
    position: absolute;
    left: -18px;
    top: 28px;
    z-index: 2;
}

.img-dottore-lente {
    width: 100%;
    position: absolute;
    left: 30px;
    top: 0;
    z-index: 2;
}

.img-freccia-programma{
    width: 75%;
    margin-top: -45px;
}

.table{
    background: #FFF;
}

.table-programma{
    color: #0a5794;
}

td.prog-day{
    background: #0a5794;
    color: #FFF;
    padding: 1.5em !important;
    font-family: 'Livvic', sans-serif !important;
    font-size: 1.1em;
}

td.prog-ora{
    padding-left: 1.5em !important;
    width: 10%;
}

td.prog-session{
    padding: 1.5em 1.5em .5em 1.5em !important;
    background: #fff;
    border-top: none !important;
    color: #2784c3;
    font-weight: 700;
}
span.titolosessione{
    font-weight: 700;
    color:#0a5794;
}

.diverror{
    color: red;
    font-weight: 700;
}
.divsuccess{
    color: green;
    font-weight: 700;
}

.border-left{
    border-left: 2px solid white;
}

.nomerel{
    font-size: 1.4em;
    font-weight: 600;
    color: #6f7175;
}

.affiliazione{
    color: #c4c4c6;
    font-weight: 400;
    font-size: 0.6em;
}

#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #0f7c2d; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
    font-size: 1.6rem;
}

.error-bg{
    background: rgb(221,44,0) !important;
}

#streaming-link {
    visibility: hidden;
    display: none;
}

.streaming-link{
    display: none;
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    max-width: calc(100% - 1rem);
}

.streaming-link > ul{
    font-size: 1.5rem;
    margin: .5rem 2.5rem;
    margin-bottom: 3rem;
    list-style: none;
    display: block;
    position: relative;
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.streaming-link > ul > li{
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    color: #000;
    line-height: 1em;
    padding: .5rem;
}

.streaming-link > ul > li + li {
    margin-left: 1rem;
}

.streaming-link > ul > li + li:before {
    position: absolute;
    left: -.7rem;
    content: " ";
    width: 2px;
    background: #666;
    top: 0;
    bottom: 0;
}

.streaming-link > ul > li.link-attivo{
    background: #000;
    color: #FFF;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

    /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
#information-heading {
    display: flex;
    height: max-content;
}
#information-body, #information-footer {
    display: block;
}
.spacing, #information-heading-download, #information-heading-anchors, #information-committee, #information-program, #information-requirements, #information-local, #information-scientific {
    flex: 50%;
}
#information-heading-download img {
    display: block;
    width: 15rem;
    margin: 2.5rem auto auto auto;
}
.information-download {
    display: block;
    width: 20rem;
    padding: 0.5rem;
    margin: 2.5rem auto;
    border: none;
    border-radius: 2rem;
    background-color: #1075ac;
    color: white !important;
    text-align: center;
    text-decoration: none !important;
}
#information-heading-anchors {
    padding-top: 1rem;
    background-image: url(../../img/piazza.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#information-heading-anchors a {
    margin-left: 1rem;
    font-weight: bold;
    text-decoration: none;
    color: #1075ac;
}
#information-committee-headings {
    display: flex;
    height: max-content;
    padding: 0.5rem 2.5rem;
    color: white;
    background-color: #1075ac;
    text-align: center;
}
#information-committee-headings strong {
    flex: 50%;
}
#information-committee-body {
    display: flex;
    height: max-content;
    padding: 0.5rem 2.5rem;
    text-align: center;
}
#information-image, #information-program-body {
    text-align: center;
}
#information-program {
    margin-top: 5rem;
}
#information-program-heading {
    padding: 0.5rem 2.5rem;
    color: white;
    background-color: #1075ac;
    text-align: center;
}
#information-program-body {
    padding: 2.5rem;
}
#information-program-body img {
    width: 50rem;
}
#information-image img {
    width: 25rem;
    opacity: 50%;
}
#information-footer {
    margin: 5rem 0;
}
#information-requirements-heading {
    padding: 0.5rem 2.5rem;
    color: white;
    background-color: #1075ac;
    text-align: center;
}
#information-requirements-body {
    padding: 0.5rem 2.5rem;
    text-align: center;
}
#information-requirements-body ul {
    padding: revert;
}
.gync-paragraph {
    font-size: large;
}
#comune-brescia {
    display: block;
    width: 15rem;
    margin: auto;
}
#università-brescia {
    display: block;
    width: 7rem;
    margin: auto;
}
#open-notifications-desktop {
    vertical-align: sub;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
#open-notifications-mobile {
    position: absolute;
    top: 23px;
    right: 4rem;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.notification-badge-desktop {
    position: absolute;
    top: 0;
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
.notification-badge-mobile {
    position: absolute;
    top: 22px;
    right: 78px;
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
#notifications-desktop {
    position: absolute;
    z-index: 1;
    display: none;
    width: 30rem;
    height: 20rem;
    overflow: auto;
    border-radius: 0.5rem;
    background-color: white;
    box-shadow: 0rem 0.5rem 1rem dimgray;
    color: gray;
}
#notifications-mobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: white;
    color: gray;
}
.no-notifications {
    display: flex;
    width: 100%;
    height: 100%;
}
.no-notifications p {
    flex: 1;
    margin: auto;
    text-align: center;
}
.new-notifications {
    display: none;
    padding: 1rem;
}
#notifications-mobile .new-notifications {
    display: none;
    padding: 3rem 1rem 1rem 1rem;
}
.notification {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.notification span {
    flex: 20%;
    font-size: 1.5rem !important;
    text-align: center;
}
.notification p {
    flex: 80%;
    margin: 0;
    text-align: left;
}
.notification-divider {
    width: 10rem;
    margin: 0 auto 0 auto;
    border-top: 1px solid gray;
}
#close-notifications {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
#neuroinflammation-header {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
}
.neuroinflammation-image {
    flex: 1;
    text-align: center;
}
.neuroinflammation-image img {
    width: 5rem;
    max-width: 100%;
}
#neuroinflammation-heading {
    font-size: x-large;
    text-align: center;
}
.bt-exhibition {
    width: 10%;
    height: 17%;
}
.bt-exhibition-large {
    width: 20%;
    height: 22%;
}
#bt-expo-bial {
    top: 23%;
    left: 3%;
}
#bt-expo-campoverde {
    top: 23%;
    left: 13%;
}
#bt-expo-c-diff {
    top: 23%;
    left: 22%;
}
#bt-expo-charles-river {
    top: 23%;
    left: 32%;
}
#bt-expo-crisel-instruments {
    top: 23%;
    left: 41%;
}
#bt-expo-ebrain {
    top: 23%;
    left: 50%;
}
#bt-expo-noldus {
    top: 23%;
    left: 58%;
}
#bt-expo-tecniplast {
    top: 23%;
    left: 67%;
}
#bt-expo-twinhelix {
    top: 23%;
    left: 77%;
}
#bt-expo-zeiss {
    top: 23%;
    left: 87%;
}
#bt-expo-alfasigma {
    top: 42%;
    left: 9%;
}
#bt-expo-golgi {
    top: 42%;
    left: 28%;
}
#bt-expo-gw {
    top: 42%;
    left: 50%;
}
#bt-expo-ibro {
    top: 42%;
    left: 70%;
}
#bt-expo-zooprofilattiche {
    top: 2%;
    left: 1%;
}
#bt-expo-irccs {
    top: 2%;
    left: 11%;
}
#bt-expo-brunelli {
    top: 2%;
    left: 78%;
}
#bt-expo-epitech {
    top: 2%;
    left: 88%;
}
.bt-auditorium-sponsor {
    width: 8%;
    height: 5%;
}
#bt-auditorium-bial {
    top: 71%;
    left: 6%;
}
#bt-auditorium-campoverde {
    top: 68%;
    left: 17%;
}
#bt-auditorium-c-diff {
    top: 66%;
    left: 28%;
}
#bt-auditorium-charles-river {
    top: 78%;
    left: 6%;
}
#bt-auditorium-crisel-instruments {
    top: 76%;
    left: 17%;
}
#bt-auditorium-ebrains {
    top: 74%;
    left: 28%;
}
#bt-auditorium-noldus {
    top: 85%;
    left: 6%;
}
#bt-auditorium-tecniplast {
    top: 84%;
    left: 14%;
}
#bt-auditorium-twinhelix {
    top: 82%;
    left: 23%;
}
#bt-auditorium-zeiss {
    top: 81%;
    left: 30%;
}
.streaming-box {
    position: absolute;
    left: 26%;
    top: 13%;
    width: 47%;
    padding: 0;
}
.question-box {
    margin-top: 2%;
}
.question-box label {
    display: block;
}
.question-box-input {
    display: flex;
    height: auto;
}
.question-box-input textarea {
    flex: 90%;
    margin-right: 1rem;
    resize: none;
    border: 2px solid black;
}
.question-box-input button {
    flex: 10%;
    background-color: lightgray;
    border: 2px solid black;
}
#streaming-background-sponsor {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#ondemand-logo {
    width: 50rem;
    max-width: 100%;
    margin-top: 5rem;
}
.ondemand-label {
    display: block;
    margin: 2.5rem auto;
    font-size: large;
    font-weight: bold;
    color: #1075ac;
}
#ondemand-select {
    width: 25rem;
    max-width: 100%;
    padding: 1rem;
    margin-bottom: 5rem;
    border: 2px solid #1075ac;
    border-radius: 0.25rem;
    color: #1075ac;
}
.ondemand-table {
    display: none;
    margin-bottom: 5rem;
}
.ondemand-table-first-column {
    width: 75%;
}
.ondemand-table-second-column {
    width: 50%;
}
.ondemand-table th, .ondemand-table td {
    padding: 1rem;
}
.ondemand-table td {
    border-top: thin solid black;
}
.ondemand-column-center {
    text-align: center;
}
.ondemand-anchor span {
    font-size: 18px;
    vertical-align: bottom;
}
.ondemand-lightyellow {
    background-color: #fff2cc;
}
.ondemand-lightblue {
    background-color: #deeaf6;
}
.ondemand-green {
    background-color: #a8d08d;
}
.ondemand-white {
    background-color: white;
}
.ondemand-darkyellow {
    background-color: #ffc000;
}
.b4s-winners {
    font-size: x-large;
    font-weight: bold;
    color: #1075ac;
}
.b4s-list {
    padding: revert;
    margin-bottom: 1em;
}
.b4s-list-nested {
    padding: revert;
    list-style: none;
}
.neuroinflammation-list {
    padding: revert;
    margin-bottom: 1em;
    color: #1075ac;
}
.neuroinflammation-list-nested {
    padding: revert;
    list-style: none;
    color: #1075ac;
}
.neuroinflammation-winner-title {
    font-size: x-large;
    font-weight: bold;
    color: #1075ac;
}
.neuroinflammation-winner {
    font-size: x-large;
}
.ondemand-workshops th, .workshop th {
    font-size: xx-large;
    color: #1075ac;
}
.ondemand-workshops tbody tr:nth-child(odd), .workshop tbody tr:nth-child(odd) {
    background-color: #abd5ff;
}
.workshop {
    display: block;
    margin: 5rem 0;
}