html {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  min-height: 	100%;
  padding: 		12px;
}

.vertical-container{
	height: 	90%;
	padding: 	12px;
	border: 	2px solid #eee;
	text-align: center;
}

i.date-icon{
	transform: scale(2.0);
	color: #2366e2;
	transform-origin: 100% 100%;
	margin-top:-6px;
}

label.date{
	color: #2366e2;
	margin-left: 12px;
	font-size: 48px;
	font-weight: 600;
}

.hide{
	display: none
}

div.mode-container{
	min-height: 	80px;
	margin: 	16px;
}

div.node{
	float:left;
	width:50%;
}

div.content{
	cursor: pointer;
	border: 1px solid #ccc;
	font-size: 	48px;
	font-weight:200;
	color:#ccc;
}

div.content.active{
	border: 2px solid #f3ae1b;
	color: 		#f3ae1b;
	font-weight:600;
 	-webkit-box-shadow: 6px 6px 18px 0px rgba(163,168,165,1);
	-moz-box-shadow: 6px 6px 18px 0px rgba(163,168,165,1);
	box-shadow: 6px 6px 18px 0px rgba(163,168,165,1);
}

div.content.left{
	margin-right:8px;
}