#cal table td, #cal table th { padding: unset; line-height:normal;}

#cal{
    //width: 700px;
    //background-color: #f5f5f5;
    //height: 600px;
    font-family: 'Lato', sans-serif;
    overflow: auto;
	font-size: 12px;
	color:#000;
    
}
#top-bar{
    background-color: white;
    overflow: hidden;
}

#month-list{
    list-style: none;
	padding-inline-start: 0px;
	    display: flex;
    justify-content: center;
}

#month-list-year{
    font-size: 10px;
    text-align: center;
}

#month-list li{
    width: 35px;
    float: left;
    margin: 2px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    padding: 2px;
	font-size: 12px;
	padding-inline-start: 0px;
	line-height:normal;
}

.selected-month{
	 font-size: 12px;
    transform: scale(1.1);
    border: 1px solid #a27457;
	background-color: #a27457;
	
	color: #FFF;
}

.cal{
    position: relative;
    margin: auto;
   font-size: 10px;
}

.cal thead td{
    font-size: 10px;
    text-align: center;
    width: 30px;
    background-color: #fff;
}

.cal tbody td{
    font-size: 12px;
    text-align: center;
    cursor: pointer; 
	border: 4px solid white;      
}



.available{
	font-size: 10px;
    background-color: #eeeeee; 
}

.unavailable{
	font-size: 10px;
    background-color: #808080;
}

.selected-date{
	font-size: 10px;
    background-color: #053d75;
	color: white;
}

.blank{
	font-size: 10px;
    background-color: #eeeeee;    
	//visibility: hidden;
}

.cal-interface{
    //width: 200px;
    //overflow: hidden;
    //border: 1px solid black;
    float: left;
    display: inline;
    margin: 10px;
    padding: 5px;
    background-color: #fff;
    font-size: 12px;
	text-transform: uppercase;
}
#reservation-form{
	font-size: 10px;
    width: 100%;
    float: left;
}
.open-shade{
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eee 50%, grey 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#eee), color-stop(50%,grey)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eee 50%,grey 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eee 50%,grey 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eee 50%,grey50%); /* IE10+ */
	background: linear-gradient(136deg, #eee 50%,grey 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='grey',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.close-shade{
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eee 50%, grey 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#eee), color-stop(50%,grey)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eee 50%,grey 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eee 50%,grey 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eee 50%,grey 50%); /* IE10+ */
	background: linear-gradient(223deg, #eee 50%,grey 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='grey',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}