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;
}

.bg-platinum {
	background: #9c9c9c;
	background: linear-gradient(90deg,rgba(156, 156, 156, 1) 0%, rgba(156, 156, 156, 1) 50%, rgba(209, 209, 209, 1) 69%, rgba(199, 199, 199, 1) 73%, rgba(156, 156, 156, 1) 86%, rgba(156, 156, 156, 1) 100%);
}

nav.navbar.bg-platinum a.active {
	background: #9c9c9c;
}

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;
}

.bg-brightGreen {
	background-color: #32CD32;
}

.platinumProgress {
	height: 39px;
	font-size: 16px;
	font-weight: bold;
}
	.platinumProgress .progress-bar {
		background: url("/images/Progress.png");
	}
	.platinumProgress .bg-progressNone {
		background-image: none;
		background-color: #F2F2F2;
		color: #705F45;
	}

.hangingMedal {
	background: url("/images/Medal-60.png") no-repeat 10px 0px;
	padding-left: 50px;
	padding-right: 50px;
}