body { font-family: oxygenlight; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; }
#app_logo { background: #086bb6 url(../image/logo.png) no-repeat left -12px; }
#app_page_header { background: #086bb6;  }
#app_menu { background: #086bb6; }

a { color: #7db5e3; }
h3 { display: inline; margin: 0; color: #086bb6; }
h4 { margin: 0 0 20px 0; color: #1a2842; }
div.schedule
div.column span { font-size: 80% !important; }
div.schedule i { color: #086bb6; }

div.scroll { position: relative; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); }
div.scroll img { width: 100%; }

.ui.items>.item>.image { display: block; margin-bottom: 20px; }

.button { background: #7db5e3 !important; color: #fff !important; }

.question { display: none; opacity: 0; }

.session-details { margin-bottom: 20px; }
.session-details span { font-style: italic;}

/* Timetable */
.timetablenav { width: 100%; display: block; margin-bottom: 20px; }
.timetablenav:after { clear: both; content: " "; display: block;  font-size: 0; line-height: 0; }

.timetable {
	height: 100%;
}

.timetable * {
	box-sizing: border-box;
}

.timetable::after{
	content: '';
	display: block;
	clear: both;
}

.timetable .labels {
	width: 80px;
	margin-top: 35px;
	float: left;
}

.timetable .labels table {
	width: 100%;
	border-spacing: 0;
}

.timetable .labels th {
	font-size: 12px;
	width: 80px;
	padding: 0px;
	height: 50px;
	background-color: #086bb6;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.timetable .arrow { background-image: url(../image/timetable_pointer.png); background-repeat: no-repeat; background-position: 0 100%; border-left: 1px solid rgba(255,255,255,.5) }

.timetable .labels th.first
{
	height: 50px;
}


.timetable .data {
	position: relative;
	max-width: calc(100% - 80px); /* IE9 >=, Chrome 26 >=, Firefox 16 >= */
	float: left;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.timetable .data table {
	border-spacing: 0;
}

.timetable .data .heading th {
	font-size: 15px;
	padding: 5px 30px 5px 5px;
	background-color: #086bb6;
	height: 35px;
	color: #fff;
	text-align: left;
	
}

.timetable .data td {
	box-sizing: border-box;
	background: #7ab4e2;
	padding: 0px 5px;
	font-size: 12px;
	height: 50px;
	transition: background .2s;
	border-bottom: 1px solid #fff;
	white-space: nowrap
}

.timetable .data td p {
	font-size: 14px;
	margin: 4px 0px;
	font-weight: bold;
}

.timetable .data td a {
	display: block;
	color: rgba(0,0,0,.8);
}

/*.timetable .data td:not(.empty):hover  {
	background: #4283c5;
}*/

.timetable .data .empty {
	background: #accfed;
}

.timetable .data .pointer {
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 0, 0, 0.7);
	margin-left: 0;
}

.timetable .data .pointer.hide {
	display: none;
}