#calendar {
  margin-top:30px;
  padding:20px 0;
}
#calendar .table th, #calendar .table td
{
  padding: 0.3em;
}
#tbl-calendar td i {
font-style: normal;
padding: 0.75rem 0 0 0;
display: block;
}

#tbl-calendar td {
  text-align:center;
  padding:  0;
}

#tbl-calendar thead {
background-color: #323232;
border: 1px solid #323232;
border-width: 7px 1px 7px 1px;
color: #ffffff;
}

#tbl-calendar th {
border: 0;
color: inherit;
font: 400 15px/20px 'lato';
padding: 4px 6px 5px;
text-align: center;
}
#tbl-calendar tbody {
background-color: rgba(50, 50, 50, 0.06);
}
td .agenda-point {
position: relative;
}
td.eday .agenda-point-details {
width: 8px;
display:inline-flex;
float: left;
}
td.clickable {
cursor: pointer;
}
td.eday span.agenda-point-detail {
display: block;
height: 7px;
width: 7px;
margin: 1px 1px 0 0;
background-color:#333333;
}
.monthname {
  background-color: #a6cf82;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
line-height: 1;
font: 400 24px/1 'lato';
/*padding: 18px 0 18px;*/
text-align: center;
color: #ffffff;
}
.monthname .previous, .monthname .next {

  left: 0;
}
.monthname a.previous, .monthname a.next {
color: rgba(255, 255, 255, 0.5);
text-align: center;
font-size: 0;
width: 66px;
height: 60px;
line-height: 50px;
display: inline-block;
background-color: transparent;
}
.monthname a.previous:hover, .monthname a.next:hover {
background-color: #a6cf82;
}
.monthname a.previous:before {
font-size: 20px;
font-family: 'rt-icons-2';
content: '\e7c4';
}
.monthname a.next:after {
font-size: 20px;
font-family: 'rt-icons-2';
content: '\e7c5';
}