.clndr{ display:inline-block; height:auto; font-family: "Verdana"; width:100%; }
.clndr-grid {
    border: 1px solid #276F96;
    display: inline-block;
    width: 100%;
}
.days-of-the-week, .days{width:100%;}
.header-day,.day-header, div.day{width: 14.285%;
display: inline-block;
float: left;
text-align: center;
border-right:1px solid #276F96;
border-bottom:1px solid #276F96;
}

.header-day,.day-header{background:#ADDAF3}
div.day, span.day{background:#F6F6F6}
div.day.adjacent-month {
    color: rgba(0, 0, 0, 0.3);
}
div.day:nth-child(7n+7), .header-day:nth-child(7){
	border-right:none
	}
.clndr-controls{text-align:center; background:#276F96; color:white; margin-bottom:0px; position: relative;}
.clndr-previous-button{float:left; position: absolute;left: 0px;}
.clndr-next-button{float:right; position: absolute;right: 0px;}
div.day:nth-last-child(-n+7){border-bottom:none}
.clndr-controls *{padding:5px;}
.day.event span {
    background: #74aece;
    width: 90%;
    display: inline-block;
	color: #2d2d2d;
	max-width: 55px;
}
.day.adjacent-month.event span{
	opacity: 0.6;
}
.day {

    padding: 3px;
    display: inline-block;

}
.clndr{position: relative;}
.event-of-day{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background:#e7e7e7;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    padding: 10px;}
    .close-event-list {
        position: absolute;
        right: 5px;
        top: 5px;
    }