nav.navbar {
	background-color: #002E62;
	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: #002E62;
	font-weight: normal !important;
}

/* Dashboard */

.dashboardAccessors {
}


	.dashboardAccessors > div {
		float: left;
		margin: 3px 3px 0px 0px;
		width: 105px;
		padding: 5px;
	}

		.dashboardAccessors > div > button {
			text-decoration: none;
			color: #333333;
			color: #FFFFF0;
			text-align: left;
			width: 100%;
		}

			.dashboardAccessors > div > button:hover {
				text-decoration: none;
				color: #082D60;
			}

			.dashboardAccessors > div > button > div {
				font-size: 14px;
				min-height: 42px;
			}

	.dashboardAccessors .dashboardCount {
		text-align: right;
		min-height: 25px;
		font-size: 25px;
	}

	.dashboardAccessors > div > button > div.dashboardAccessorType {
		font-size: 7pt;
		min-height: 20px;
	}

	.dashboardAccessors .dashboard1:not(:first-child) {
		margin-left: 15px;
	}


@media (max-width: 1700px), (max-device-width: 1700px) {

	.dashboardAccessors > div {
		margin: 3px 3px 0px 0px;
		width: 90px;
		padding: 5px;
	}

		.dashboardAccessors > div > button > div {
			font-size: 8pt;
			min-height: 32px;
		}

	.dashboardAccessors .dashboardCount {
		text-align: right;
		min-height: 20px;
		font-size: 10pt;
	}

	.dashboardAccessors > div > button > div.dashboardAccessorType {
		font-size: 5pt;
		min-height: 20px;
	}

	.dashboardAccessors .dashboard1:not(:first-child) {
		margin-left: 10px;
	}
}

.dashboard1 table, .dashboard2 table, .dashboard3 table, .dashboard4 table, .dashboard5 table, .dashboard6 table, .dashboard7 table, .dashboard8 table, .dashboard9 table {
	background-color: white;
}

.dashboard1 {
	background-color: #154870;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard2 {
	background-color: #195687;
	padding: 10px;
	border-bottom: solid 1px white;
}


.dashboard3 {
	background-color: #186AAD;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard4 {
	background-color: #1B77C6;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard5 {
	background-color: #1E88E5;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard6 {
	background-color: #42A5F5;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard7 {
	background-color: #73BBEF;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard8 {
	background-color: #9ACAED;
	padding: 10px;
	border-bottom: solid 1px white;
}

.dashboard9 {
	background-color: #ABD0EA;
	padding: 10px;
	border-bottom: solid 1px white;
}

dashboardAccessors .dashboard1 > div, dashboardAccessors .dashboard2 > div, dashboardAccessors .dashboard3 > div, dashboardAccessors .dashboard4 > div, dashboardAccessors .dashboard5 > div, dashboardAccessors .dashboard6 > div {
	color: white;
}


.dashboardContainerActive {
	border-top: solid 1px white;
	border-bottom: 0px none;
}

@media (max-width: 720px), (max-device-width: 720px) {
	.dashboardAccessors > div {
		float: none;
		margin: 0px 0px 0px 0px;
		width: 100%;
		padding: 5px 6px;
	}
	.dashboardAccessors .dashboard1:not(:first-child) {
		margin-left:0px;
		margin-top:5px;
	}
	.dashboardAccessors > div button {
		display: flex;
		justify-content: space-between;
	}
		.dashboardAccessors > div button div {
			min-height: auto;
			font-size: 16px;
		}
		.dashboardAccessors > div button .dashboardCount {
			min-height: auto;
			font-size: 16px;
		}
}

.badge-Urgent {
	background-color: red;
	color: white;
}

.badge-High {
	background-color: darkorange;
	color: white;
}

.badge-Medium {
	background-color: #6F975C;
	color: white;
}

.icon-md {
	font-size: 28px;
}

.icon-lg {
	font-size: 32px;
}

.icon-xl {
	font-size: 36px;
}

th i{
	color:black;
}