@charset "utf-8";
/* CSS Document */

.row{ max-width: none; }

.logoProgramme{ float: right; width: 160px; }

#bigHeader{ padding: 20px 15px 0 15px; background: #FFF; position: fixed; justify-content: space-between; width: 100%; display:flex; }
#smallHeader{ padding: 20px 15px 0 15px; background: #FFF; position: fixed; width: 100%; }
.smallHeaderBtnBox{ flex-grow: 2; }

.btn.btnHeader {
	flex: 0 1 auto;
    font-size: 14px !important;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px;
	padding: 4px 12px;
}

.btn.btnHeader img{ width:16px; margin-right: 5px; margin-top: -5px; }

#bigHeader img{ flex: 0 1 0; }

#pageBody{ padding: 0 15px; margin-top:0 !important; max-width: none; position: absolute; top: 100px; bottom: 160px; width: 100%; z-index: -20; }		

#footerPromoters{ display: none;  }
#copyright{ padding: 20px 0; margin-bottom:0 !important; background: #FFF; position: fixed; bottom:0; width: 100%; }
#copyright > div {
	max-width: none;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	z-index: 5;
	width: 100%;
	background-color: #FFF;
}	

/* tabs Schema Aule */

#programmeTabs {  border:none; }
#programmeTabs .tabs-title:first-child > a { border-left: 1px solid #BEBEBE; }
#programmeTabs .tabs-title > a { padding: 10px; color: #0b74a2; text-align: center; font-size: 14px; font-weight: bold; border-right: 1px solid #BEBEBE; text-decoration: none; }
#programmeTabs .tabs-title.is-active > a, #programmeTabs .tabs-title:hover > a { background: #e10b17; color: #FFF; }

/* fine tabs Schema Aule */

/* contenitori tabs Schema Aule */

.tabs-content, .tabs-panel, .scrollingBox { width: 100%; height: 100%; padding: 0; border: none; }
.scrollingBox{ -webkit-overflow-scrolling:touch; overflow:visible; overflow-y:scroll; overflow-x:auto;  border-top: 1px solid #BEBEBE;  border-bottom: 1px solid #BEBEBE; }
.hallRow.noTouch { position: sticky; top: 0; z-index: 30; }
.hallHeaderContainer{ display: flex;  border-bottom: 1px solid #BEBEBE;  }
.hallHeaderContainer .hallHeader.timeCell { min-width: 80px; flex: 0 1 auto; border-left: 1px solid #BEBEBE; position: sticky; top: 0; left: 0; z-index: 30; }
.hallHeaderContainer .hallHeader{ 
	min-width: 150px;
	flex: 1 1 0; 
	background-color: #E3E3E3;
	text-align: center;
	color: #0b74a2;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #BEBEBE;
	display: inline-block;
	padding: 8px 10px;
}

.hallColContainer{ display: flex; }
.hallColContainer .hallTimeContainer.timeCell { min-width: 80px; position: sticky; display: flex; flex-direction: column; flex: 0 1 auto; left: 0;  z-index: 20; }
.hallTime {
    text-align: center;
    font-size: 12px;
	line-height: 14px;
    background-color: #E3E3E3;
	border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    display: inline-block;
	padding: 8px 10px;
}

.hallColContainer .hallCol{ 
	min-width: 150px;
	flex: 1 1 0; 
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #BEBEBE;
	display: inline-block;
	position: relative;
}

.hallHeaderSmall {
    position: relative;
    display: block;
    padding: 16px 8px !important;
    border-bottom: 0;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 1;
    color: #FFF !important;
    background-color: #0b74a2;
    text-decoration: none;
	text-align:center;
    border: 2px solid #FFFFFF;
}
.hallHeaderSmall:hover, .hallHeaderSmall:focus {
    color: #FFF !important;
    background-color: #e10b17 !important;
}

/* fine contenitori tabs Schema Aule */

/* celle sessione */

.hall {
	border: 1px solid #FFF;
    vertical-align: middle;
    font-size: 12px;
    color: #0a0a0a;
    line-height: 16px;
    font-weight: bold;
    display:inline-block;
	overflow: hidden;
    position: absolute;
	left:0;
    width: 100%;
	padding: 10px; 
	min-height: 50px;
}
.hall:hover { z-index: 10; overflow: inherit; display: inline-table; }

.sessionHeader { font-size: 11px !important; line-height: 12px; margin: 0 0 8px 0; font-weight: normal; text-align: left; }
.sessionTitle { font-size: 14px !important; line-height: 16px; margin: 0 0 4px 0; font-weight: bold; text-align: center; }

.smallSchema .accordion-content { padding: 16px 0 !important; border: 1px solid #FFF; }
.smallSessionRow { display: flex; }
.smallSessionRow .hallTime { width: 95px; height: auto; white-space: nowrap; padding: 10px; border: 1px solid #FFF; }
.smallSessionRow .hall { position: static; }

/* fine celle sessione */

/* dettaglio sessione */

html.is-reveal-open{ position: inherit; } /* evita che il contenuto della pagina sparisca se viene aperta una popup */

#detailWindow { max-width: 900px; }
#detailFrame { min-height: 450px; width: 100%; border:0; padding-top: 40px; }
#detailWindow.reveal .close-button { color: #e10b17; right: 24px; }

.sessionDate { background-color: #e3e3e3; padding: 4px 10px; font-size: 16px; color: #222; }
.sessionHall { background-color: #0b74a2; padding: 4px 10px; font-size: 16px; color: #FFF; text-align: right; }
.sessionTypeLabel { font-weight: bold; color: #0a0a0a; margin: 10px 0 0 0; }
.sponsorPhrase p{ text-align: right; font-size: 12px !important; }
.title { color: #e10b17; font-weight: bold; font-size: 22px; padding-top: 8px; line-height: 24px; }

table.detailTable.unstriped thead, table.detailTable.unstriped tbody, table.detailTable.unstriped tfoot, table.detailTable.unstriped tbody tr { border: 1px solid #FFF; background-color: #FFF; }
.rational{ font-size:14px !important; }
.smallSchema .rational{ font-size:12px !important; }
.partecipationTime { text-align: center; font-size: 14px; padding: 9px 0 !important; min-width: 90px; }
.smallSchema .partecipationTime { text-align: center; font-size: 12px; padding: 9px 0 !important; min-width: 75px;  }
.titlePartecipation, .investigators { font-size: 14px; }
.smallSchema .titlePartecipation, .smallSchema .investigators { font-size: 12px; }
.mentor { font-style: italic; color: #e10b17; }
.chairs, .moderators, .discussants { color:#000; font-weight:bold; font-size:14px !important; }
.smallSchema .chairs, .smallSchema .moderators, .smallSchema .discussants { color:#000; font-weight:bold; font-size:12px !important; }

/* fine dettaglio sessione */


/* Media Queries */

/* xxLarge and up */
@media screen and (min-width: 1440px) {}

/* xLarge only */
@media screen and (min-width: 1200px) and (max-width: 1439px) {}

/* xLarge and up */
@media screen and (min-width: 1200px) {}

/* Large only */
@media screen and (min-width: 1024px) and (max-width: 1199px) {}

/* Large and up */
@media screen and (min-width: 1024px) {}

/* Medium only */
@media screen and (min-width: 640px) and (max-width: 1023px) {}

/* Medium and up */
@media screen and (min-width: 640px) {  .bigSchema{ display:  inherit; } .smallSchema{ display: none; }  }

/* Small only */
@media screen and (max-width: 639px) { .smallHeaderBtnBox{ display: none; } .logoProgramme{ float: none; width: 120px; margin: 0 auto; }  #pageBody{ top:125px; } .bigSchema{ display: none; } .smallSchema{ display: inherit; } }

@media screen and (max-width: 450px) { .smallHeaderBtnBox{ display: none; } .logoProgramme{ float: none; width: 120px; margin: 0 auto; }  #programmeTabs .tabs-title > a { padding: 10px 5px; font-size: 12px; } #pageBody{ top:125px; } }


@media only print  {
	@page { margin: 0.2cm; }
	 .bigSchema{ display:block; } .smallSchema{ display:none; }
	 .no-print{  visibility:collapse; }
	a{ text-decoration:none !important; }
	a:link:after, a:visited:after { content: " "; }
	
	#bigHeader, #smallHeader, #copyright{ position: relative; }
	#pageBody{ position: relative; top:auto; bottom: auto; }
	#copyright{ margin:0 !important; }
	
	.btn.btnHeader{ display:none; }
	.hallRow{ margin-right:0; }
	
	#programmeTabs .tabs-title > a { color: #0b74a2 !important; }
	#programmeTabs .tabs-title.is-active > a, #programmeTabs .tabs-title:hover > a { background: #e10b17 !important; color: #FFF !important; }
	.tabs-panel, .tabs-panel.is-active{ padding:1rem 0; }
	
	.hallHeader{ background-color:#E3E3E3 !important; color:#0b74a2 !important; font-size:12px !important; }
	.hallTime { background-color: #E3E3E3 !important;  font-size:12px !important; }
	.scrollingBox, .popupContent{ display: inline; width: 100%; height: 100%; }
}

/* fine Media Queries */