.left-series {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

.left-series li {
	text-align: left;
	margin-left: -10px; 
}

.off-background {
	display: block;
	background: #f4f4f4;
	height: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.calendar table {
    width: 100%;
    table-layout:fixed;
}
.calendar table th {
    background: #EEEEEE;
}
.calendar table th,
.calendar table td {
    border: 1px solid #CCCCCC;
    height: 4em;
}

#dropdown .fix-visible {
	position: fixed;
	top: 0;
	z-index: 800;
	visibility: hidden;
	will-change: transform;
}

#dropdown .fixed-visible {
	visibility: visible;
}

#dropdown .fix-hidden {
	visibility: visible;
}

#dropdown .fixed-hidden {
	visibility: hidden;
}

.clearfix {
	display: block;
}
								    
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
								    
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.tables {
	display: block;
}

@media only screen and ( max-width: 767px ) and (min-width:550px) {
	.tables {
		width: 80%;margin: auto;
	}
}

.table-head { 
	font-weight:bold; 
}

.a1 {
	float: left;min-height:1px;width: 30%;padding-top: 10px;
}
  
.a2 {
	float: left;min-height:1px;width: 10%;padding-top: 10px;
}

.a3 {
	float: left;min-height:1px;width: 37%;padding-top: 10px;
}
.a4 {
	float: left;min-height:1px;width: 23%;padding-top: 10px;
}

.b1 {
	float: left;min-height:1px;width: 42%;padding-top: 10px;
}
  
.b2 {
	float: left;min-height:1px;width: 37%;padding-top: 10px;
}

.b3 {
	float: left;min-height:1px;width: 21%;padding-top: 10px;
}