
html, body {
	font-family: 'Arimo', sans-serif;
}

.schedule {
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.table {
	color: #888;
	font-weight: normal;
}

.table.active {
	border: 1px solid #168BF2;
	color: #666;
	font-weight: bold;
}

.tabs {
	background: #fff;
	color: #eeeeef;
	border: none;
}

.tabs-title>a {
	color: #05080F;
	background: #eeeeef;
}

.tabs-title>a:hover {
	background: #168BF2;
	color: #fff;
}

.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
	color: #80CFFF;
	background: #05080F;
	border-top: 1px solid #05080F;
	border-right: 1px solid #05080F;
	border-left: 1px solid #05080F;
}


.content {
	border-top: 1px solid #05080F;
	width: 100%;
}

.table-header {
	background: none;
	color: #fff;
}

.table-header .table-cell {
	padding-top: 0;
	padding-bottom: 0;
}

.display {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
}

.table-header.display { padding-bottom: 0; }

.display:last-child {
	border-bottom: none;
}

/*.table-header .table-cell {
	color: #000;
}*/

.table-body {}

.text-content { padding: 20px; }

.table-cell {
	//color: #666;
	padding-top: 34px;
}

.table-cell.small {
	padding-top: 10px;
}

.table-cell.date-cell {
	padding-top: 0px;
}

.date-badge {
	position: relative;
	padding-top: 10px;
	font-family: 'Montserrat', sans-serif;

}



.table-cell .date-badge span {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	background: #05080F;
	color: #fff;
	font-size: .86em;
	border-left: 1px solid #52B5F2;
	border-right: 1px solid #52B5F2;
}

.active .table-cell .date-badge span {
	background: #05080F;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.date-header { text-align: center; }
.table-cell .date-badge span.month {
	padding-top: 5px;
}

.table-cell .date-badge span.day {
	font-weight: 700;
	font-size: 1.3em;
}


.active  .table-cell .date-badge .day:after {
	border: 1px solid #fff;
}

.table-cell .date-badge .day:after {
	content: "";
	position: absolute;
	border: 1px solid #52B5F2;
	top: 65px;
	left: -1px;
	background-color: inherit;
	padding-bottom: 50%;
	width: 57%;
	z-index: -1;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-30deg) skewX(30deg);
	-ms-transform: rotate(-30deg) skewX(30deg);
	transform: rotate(-30deg) skewX(30deg);
	border-radius: 2px;

}
