.availdate{
	height:40px;text-align:center;cursor:pointer;color:#17202A;
}
.availdate:hover{
	height:40px;text-align:center;cursor:pointer;color:#424949;font-weight:bold;
}
.pastdate{
	height:40px;text-align:center;cursor:pointer;color:#CACFD2;
}
.currdate{
	height:40px;text-align:center;;
}
.callcarddiv{
	position: fixed;width: 100%;height: 100%;padding:20px;background-color: rgba(255,255,255,.125);z-index: 8888;overflow-y: scroll;
}
.callcard{
	position: absolute;margin:auto;top: 50%;left: 50%;width:300px;height:220px;display:block;overflow-x: hidden; overflow-y: hidden;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.callcardform{
	position:relative;float:top;top:0;border-radius: 10px 10px 10px 10px;
}
.kioskbutton{
	width:80%;
	height:100px;
	background-color: #0ca6f2;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	font-size:30px;
	margin: 36px;
	padding: .5em 2em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #444;
  background-image: linear-gradient(to bottom, #4AC9FA 0%, #0b95d9 40%);
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}
.kioskbutton:hover{
	background-image: linear-gradient(to bottom, #4FBEEB 0%, #0082C6 40%);
}