@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700");
.kitkat-container{
	width: 218px;
	height: 270px;
	background-color: #AAA;
	font-family: "Source Sans Pro";
	color: white;
}
.kitkat-time{
	height: 15%;
	width: 100%;
	background-color: #c7c7c7;
	text-align:center;
	font-size: 21pt;
}
.kitkat-time-active{
	color:#A7AD00;
}
.kitkat-am-pm{
	font-size: 15pt;
	font-weight: bold;
	cursor:pointer;
}
.kitkat-clock{
	height: 75%;
	width: 100%;
	position:relative;
	cursor:pointer;
}
.kitkat-done{
	height: calc(10% - 1px);
	border-top:1px solid #CCC;
	width: 100%;
	text-align:center;
	font-size: 130%;
	cursor:pointer;
}
.kitkat-hour{
	cursor:pointer;
}
.kitkat-minute{
	cursor:pointer;
}
.kitkat-clock-body{
	position: relative;
	top: 5%; left: 5%;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	background-color: #c7c7c7;
}
.kitkat-clock-hours{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
}
.kitkat-clock-minutes{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
}
.kitkat-clock-hand{
	position: absolute;
	top:5%; left:calc(50% - 12pt);
	width:24pt;
	height:90%;
	opacity:.6;
}
.kitkat-clock-hand-line{
	position:absolute;
	top:24pt; left:calc(50% - 2px);
	width:4px; height:calc(50% - 24pt);
	background-color: #A7AD00;
}
.kitkat-clock-hand-end{
	position:absolute;
	top: 0px;left: 0px;
	width:100%;
	height:24pt;
	background-color:#A7AD00;
	border-radius: 50%;
}
.kitkat-clock-cover{
	position: absolute;
	top: 5%; left: 5%;
	width: 90%;
	height: 90%;
	border-radius: 50%;
}
.kitkat-clock-am{
	position: absolute;
	left:5px; bottom:5px;
	width:15%; height:15%;
	background-color: #585B00;
	border-radius: 50%;
	text-align: center;
	cursor:pointer;
}
.kitkat-clock-pm{
	position: absolute;
	right:5px; bottom:5px;
	width:15%; height:15%;
	background-color: #585B00;
	border-radius: 50%;
	text-align:center;
	cursor:pointer;
}
.kitkat-clock-am-pm-active{
	background-color: #A7AD00;
}
.kitkat-clock-am span, .kitkat-clock-pm span{
	padding-top:calc(50% - 10px);
	display: inline-block;
}