h1 {
margin-top: 0;
padding-top: 0;
}
.supercal {
width: 250px;


}
.supercal .supercal-header {
display: block;
line-height: 20px;
margin-bottom: 20px;
text-align: center;
position: relative;
font-weight: bold;

}
.supercal .supercal-header .prev-month {
float: left;
}
.supercal .supercal-header .next-month {
float: right;
}
.supercal-month {
position: relative;
z-index: 0;
overflow: hidden;

}
.supercal table {
width: 250px;
table-layout: fixed;
background: #fff;
}
.supercal td {
cursor: pointer;
}
.supercal td:hover {
background: #2f96b4 !important;
color: #fff;
}
.supercal td.month-prev, .supercal td.month-next {
background: #eee;
}
.supercal td.selected {
background: #0088cc;
color: #fff;
font-weight: normal;
}
.supercal td.today {
font-weight: bold;
}
/* Footer */
.supercal .supercal-footer {
width: 100%;
display: table;
}
.supercal .supercal-footer span.supercal-input {
display: table-cell;
width: 100%;
cursor: default;
}

.box{
	 width: 280px; 
	height: 290px;
	border: 1px solid #efefef; 
	padding: 20px; 
	border-radius: 10px;	
}