table { line-height:1; margin:0 ;width: 350px; box-sizing: border-box; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); font-family: 'Ubuntu'; /*border-collapse: collapse;*/ border-spacing: 0; background-color: #eee; }

th, td { border: 1px solid rgba(134,134,134,0.1); box-sizing: border-box; }

th { text-transform: uppercase; font-size:10px; font-weight:700; padding: 10px 0; color: rgba(134,134,134,0.9); background-color: #ddd; letter-spacing: 1px; }

td { width: 14.285%; transition: all 0.3s; font-size: 14px; color: rgba(134,134,134,0.8); font-weight: 400; font-size: 14px; padding: 1.5% 1.5% 5%; vertical-align: initial; padding: 1.5% 0 ; height: 55px;}

.today { color: #FFF; background-color: rgba(0,0,0,.25) !important; }
.nomonth { color: rgba(134,134,134,0.4); background-color: rgba(255,255,255,.1) !important; }

span.number { margin-left: 10% }

span.event { height: 1em; color: black; background-color: rgba(0,0,0,.3); display: block; margin: 5px -40% 5px 60%; border-radius: 2px; background-color: #91c33b; }
span.event-g { height: 1em; color: black; background-color: rgba(0,0,0,.3); display: block; margin: 5px -40% 5px 60%; border-radius: 2px; background-color: #91c33b; }
span.event-r { height: 1em; color: black; background-color: rgba(0,0,0,.3); display: block; margin: 5px -40% 5px 60%; border-radius: 2px; background-color: #da5f5f; }

span.event-multiday { margin: 5px -2px 5px -2px; border-radius: 0; }
span.event-multiday-start { margin: 5px -4px 5px 60%;  }
span.event-multiday-finish { margin: 5px -40% 5px -4px;  }

span.event-ghost { background-color:transparent; }