html, body {
	background-color: #f8f8f8;
}
nav.navbar {
	background-color: black;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

	nav.navbar-dark .navbar-nav a.nav-link {
		color: #F0F0F0;
	}

	nav.navbar-dark .navbar-nav a.active {
		font-weight: bold;
		color: white;
	}


	nav.navbar-dark .navbar-nav a.active {
		font-weight: bold !important;
		color: #FFFFFF !important;
		border-bottom: solid 2px #FFFFFF;
	}

.navbar-nav a.active {
	background-color: black;
	font-weight: normal !important;
}

i {
	color: #415E9B;
}

.card-header .btn-icon i {
	color: black;
}


.popupMessage {
	left: 10px;
	width: 500px;
}

@media (max-width: 520px), (max-device-width: 520px) {
	.popupMessage {
		left: 0px;
		width: 100%;
	}
}


.table-calendar tr td {
	text-align: left;
	vertical-align: top;
}

.table-calendar tbody tr td {
	height: 100px;
}

.table-calendar thead tr th {
	width: 14.28%;
	font-weight: bold;
}

.table-calendar tr td.todayCell {
	background-color: rgba(255,220,40,.15);
}

.calendarDealerTaskDiv {
	background-color: #e0eefe;
	padding: 5px 10px;
	border-radius: 5px;
}

.calendarEventDiv {
	background-color: #F0F0F0;
	padding: 5px 10px;
	border-radius: 5px;
}