.calendar {
  width: 100%;
border: 1px solid #DDD;
padding: 10px;
}
.calendar .clndr-controls {
  padding: 2px 10px;
  text-align: center;
}
.calendar .clndr-controls .clndr-previous-button {
  float: left;
  text-align: left;
}
.calendar .clndr-controls .clndr-next-button {
  float: right;
  text-align: right;
}
.calendar .clndr-controls .clndr-previous-button,
.calendar .clndr-controls .clndr-next-button {
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */
	background:#2b6ca3;
	color:#FFF;
	padding:4px 12px;
	border-radius:2px;
	font-weight:700;
	font-size:12px;
	

}
.calendar .clndr-controls .clndr-previous-button:hover,
.calendar .clndr-controls .clndr-next-button:hover {
  opacity: 0.5;
}
.calendar .clndr-controls .current-month 
{
	text-transform:capitalize;
	font-weight:700;
}
.calendar .clndr-grid {
  float: left;
}
.calendar .clndr-grid .days-of-the-week {
  width: 100%;
	border-bottom:1px solid #a8a8a8;
}
.calendar .clndr-grid .days-of-the-week .header-day {
  float: left;
  width: 14.2857%;
  padding: 9px;
  text-align: center;
}
.calendar .clndr-grid .days {
  width: 100%;
}
.calendar .clndr-grid .days .day,
.calendar .clndr-grid .days .empty {
  float: left;
  width: 14.2857%;
  padding: 10px;
  text-align: center;
  color: #4f4f4f;
  position:relative;
}
.calendar .clndr-grid .days .empty.event
{
	position:relative;
	border-radius:2px;
}

.calendar .clndr-grid .days .day-number
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
}
.calendar .clndr-grid .days .day.event .day-number
{
	background-color:#2B6CA3;
	color:#FFF;
}

.calendar .clndr-grid .days .day.event:hover
{
	cursor:pointer;
}
.calendar .clndr-grid .days .day.event .day-badge
{
	position:absolute;
	top:0;
	right:0;
	background-color: #f6af2e;
	color:#FFF;
	font-weight:700;
	font-size:10px;
	padding:0px 2px;
	border-radius:2px;
}
.calendar .clndr-grid .days .day.adjacent-month .day-number,
.calendar .clndr-grid .days .empty.adjacent-month .day-number {
  opacity: 0.3;
}
.calendar .clndr-grid .days .today {
  background-color: white;
  background-image: none;
}
.calendar .clndr-grid .days .today .day-number 
{
	border-radius:100%;
	border:2px solid #EB5A15;
/*	padding:7px; */
}

/*
.days [class*="today"][class*="-01 "] .day-number,
.days [class*="today"][class*="-02 "] .day-number,
.days [class*="today"][class*="-03 "] .day-number,
.days [class*="today"][class*="-04 "] .day-number,
.days [class*="today"][class*="-05 "] .day-number,
.days [class*="today"][class*="-06 "] .day-number,
.days [class*="today"][class*="-07 "] .day-number,
.days [class*="today"][class*="-08 "] .day-number,
.days [class*="today"][class*="-09 "] .day-number
{
	padding:7px 11px !important;
}
*/

.calendar .event-listing {
  float: left;
  width: 35%;
}
.calendar .event-listing-body {
	height:190px;
	overflow-y:scroll;
	background:#2b6ca3;
}
.calendar .event-listing .event-listing-title {
  padding: 9px;
  background-color: #428bca;
  text-align: center;
  color: white;
  letter-spacing: 1px;
}
.calendar .event-listing .event-item {
  padding: 5px;
  font-family:'Oswald', sans-serif;
  font-weight: 400;
	
}
.calendar .event-listing .event-item a {
	color:#FFF;
}
.noselect {
  -webkit-user-select: none;
  /* Chrome/Safari */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */

}
@media all and (max-width: 768px) {
  .calendar .clndr-grid {
    width: 100%;
    border: none;
  }
  .calendar .event-listing {
    display: none;
  }
}