.calendar {
	width: 100%;
    font-family: Tahoma;
    font-size:x-small;
}

.calendar-outer {
border-radius: 20px;
border: 1px solid grey;
padding:10px;
}
.current-month{
font-size:22px;
font-weight:bold;
text-transform: uppercase;
}
.btn.btn-sm {
  padding: 3px 14px !important;
  font-size:12px;
}

.calendar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.calendar li {
	display: block;
	float: left;
	width:14.342%;
	padding: 5px;
	box-sizing:border-box;
	
	margin-right: -1px;
	margin-bottom: -1px;
}

.calendar ul.weekdays {
	height: 40px;
	background: #fff;

}

.calendar ul.weekdays li {
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	border: none !important;
	padding: 10px 6px;
text-align:right;
	font-size: 13px;
font-weight:bold;
}

.calendar .days li {
	height: 180px;
}

.calendar .days li:hover {
	background: #D3D3D3;
}

.calendar .day-booked {
	background: #c1c4c9;
}
.calendar .date {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	width: 30px;
	border-radius: 60%;
color:#000 !important;
	float: right;
    font-size:14px;
font-weight:bold;
}

.calendar .date-booked {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	width: 30px;
color:white !important;
	float: right;
    font-size:14px;
font-weight:bold;
background-color:r#c1c4c9;
}


.calendar .datenone {
	
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	color: #AAAAB1 !important;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:14px;
font-weight:bold;
}

.calendar .dateBooked {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #6284bc;
	color: #fff;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:12px;
}


.calendar .dateFestival {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #efa564;
	color: #fff;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:12px;
}

.calendar .dateHigh {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #9062bc;
	color: #fff;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:12px;
}

.calendar .dateMid {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #97d3db;
	color: #fff;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:12px;
}

.calendar .dateLow {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #56e2bf;
	color: #fff;
	width: 30px;
	border-radius: 60%;
	float: right;
    font-size:12px;
}

.calendar .event {
	clear: both;
	display: block;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px;
	margin-top: 40px;
	margin-bottom: 5px;
	line-height: 14px;
	background: #E4F2F2;
	border: 1px solid #6D71DC;
	color: #009aaf;
	text-decoration: none;
}

        .calendar .event-desc {
            color: #666666;
            margin: 3px 0 7px 0;
            text-decoration: none;
            z-index:1000;
        }

.calendar .event-more {
	color: white;
	margin: 3px 0 7px 0;
	text-decoration: none;	
    position:relative;
    background-color:silver;
    padding-right:3px;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
}

.calendar .evt-more{
    text-align: center;
}

.calendar .other-month {
	background: #F5F5F5;
	color: #666666;
}

.calendar .other-booked {
	background: #6284bc;
	color: #666666;
}

.calendar .other-festival {
	background: #efa564;
	color: #666666;
}

.calendar .other-high {
	background: #9062bc;
	color: #666666;
}

.calendar .other-mid {
	background: #97d3db;
	color: #666666;
}

.calendar .other-low {
	background: #56e2bf;
	color: #666666;
}
.calendar .changeover {
	background: #046FDB;
	color: #666666;
}

.calendar .cur-day {
	background: #6D71DC;
	color: #666666;
}


/* ============================
				Mobile Responsiveness
   ============================*/

/*
@media(max-width: 768px) {

	.calendar .weekdays, .calendar .other-month {
		display: none;
	}

	.calendar li {
		height: auto !important;
		border: 1px solid #ccc;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}

	.calendar .date {
		float: none;
	}

   
        .calendar .event {
        clear: both;
	    display: block;
	    font-size: 13px;
	    border-radius: 4px;
	    padding: 5px;
	    margin-top: 40px;
	    margin-bottom: 5px;
	    line-height: 14px;
	    background: #E4F2F2;
	    border: 1px solid #6D71DC;
	    color: #009aaf;
	    text-decoration: none;
        }
         .calendar .event-more {
                display:none;
            }

         .calendar .evt-more {
                display:none;
            }
}

        @media(min-width: 769px) {
            .calendar .event {
                clear: both;
                display: block;
                font-size: 13px;
                border-radius: 4px;
                padding: 5px;
                margin-top: 40px;
                margin-bottom: 5px;
                line-height: 14px;
                background: #E4F2F2;
                border: 1px solid #6D71DC;
                color: #009aaf;
                text-decoration: none;
                overflow: hidden;
                height: 96px;
            }

           
        }
    */