@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

.dbdevents-calendar-view {
	width: 100%;
}

.dbdevents-calendar-header-row .dbdevents-calendar-header-column {
	width: 10%;
}

.dbdevents-calendar-data-row .dbdevents-calendar-not-current-month {
	background: lightgrey;
}

.dbdevents-calendar-data-row .dbdevents-calendar-not-current-month,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month {
	vertical-align: top;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month .day-number {
	display: block;
	text-align: right;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month .event-heading {
	position: relative;
	cursor: pointer;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month .event-heading .event-tooltip {
	position: absolute;
	width: 240px;
	top: -150px;
	left: -9999em;
	z-index: 1000;
	background: white;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-0 .event-heading .event-tooltip:before,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-1 .event-heading .event-tooltip:before,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-2 .event-heading .event-tooltip:before,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-3 .event-heading .event-tooltip:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 155px;
	border-right: 10px solid white;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	height: 0;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-4 .event-heading .event-tooltip:before,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-5 .event-heading .event-tooltip:before,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-6 .event-heading .event-tooltip:before {
	content: '';
	position: absolute;
	right: -10px;
	top: 155px;
	border-left: 10px solid white;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	height: 0;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month .event-heading:hover .event-tooltip {
	left: 100%;
}

.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-4 .event-heading:hover .event-tooltip,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-5 .event-heading:hover .event-tooltip,
.dbdevents-calendar-data-row .dbdevents-calendar-current-month.dbdevents-day-number-6 .event-heading:hover .event-tooltip {
	left: -240px;
}