#cal table { width: 100%; box-sizing: border-box; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-spacing: 0; background-color: #dee2e6; }

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

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

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

#cal .day:hover { background-color: rgba(0,0,0,0.1); cursor:pointer; }

#cal .today { color: #FFF; background-color: rgba(0,0,0,.25) !important; }

#cal span.number { margin-left: 10% }
 
#cal span.event { height: 4px; background-color: rgba(0,0,0,.3); display: block; margin: 5px 10%; border-radius: 2px; background-color: #91c33b; }

#cal span.event-multiday { margin: 5px -2px; border-radius: 0; }
#cal span.event-multiday-start { margin-right: -4px;  }
#cal span.event-multiday-finish { margin-left: -4px;  }

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

.dot {
	border-radius: 50%;
	display: inline-block;
	background-color: black;
	height: 2em;
	width: 2em;
}
