*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	/*--igp-body-width: 1140px;*/
	--igp-body-width: 1272px;
	color-scheme: light dark;
}

/* overwrite default bootstrap */
:root {
	--card-border-color-light: rgb(97, 97, 210, 0.5);
	--card-border-color-dark: rgb(255, 165, 0, 0.4);
}

.form-control, .form-select, .form-check {
	--bs-border-color: #adb5bd;
}
/* done overwriting bootstrap */

[data-bs-theme="dark"] {
	--card-border-color: var(--card-border-color-dark);
}

[data-bs-theme="light"] {
	--card-border-color: var(--card-border-color-light);
}

.card .theme-divider {
	background-color: #007bff; /* bg-primary */
	height: 1px;
	margin: 1.5rem 0;
	border: 0;
}

.custom-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 20px 0;
	background: linear-gradient(to bottom, #000000, #444499);
}

[data-bs-theme="dark"] .custom-header {
	background: linear-gradient(to bottom, #000000, #004477);
}

.ig-header-left-div .nav-link {
	border-top-left-radius: var(--bs-border-radius-sm);
	border-top-right-radius: var(--bs-border-radius-sm);
}

.ig-header-left-div .nav-link.active {
	border-top-color: orange;
	border-top-width: 3px;
}

.ig-header-left-div .nav-link:hover {
	border-bottom-color: transparent;
}

.ig-header-left-div .nav-link:not(.active) {
	color: white;
}

[data-bs-theme="dark"] .ig-header-left-div .nav-link.active,
[data-bs-theme="dark"] .ig-header-left-div .nav-link:hover {
	border-top-color: gray;
	border-left-color: gray;
	border-right-color: gray;
	border-bottom-color: transparent;
}

.ig-header-left-div {
	display: flex;
	align-items: end;
	height: 65px;
}

@media (max-width: 1140px) {
	.ig-logo-container {
		display: none;
	}
}

.ig-logo-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-right: 35px;
}

@media (max-width: var(--igp-body-width)) {
	.ig-logo-container {
		display: none;
	}
}

.ig-logo-container .logo {
	font-size: 2.3rem;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Helvetica, sans-serif;
}

.ig-logo-container .subtext {
	font-size: 0.8rem;
	margin-bottom: -15px;
	color: white;
	text-align: right;
	font-weight: bold;
}

.ig-login-info {
	font-size: 0.9rem;
	color: #f8f9fa;
}

.ig-header-right-div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 15px;
	padding-bottom: 10px;
}

.ig-header-left-div .dropdown-menu {
	/*border-top: 0;*/
}

#home-dropdown {
	min-width: 105px;
}

#company-dropdown {
	min-width: 120px;
}

#employee-dropdown {
	min-width: 121px;
}

#iguard-dropdown {
	min-width: 110px;
}

#support-dropdown {
	min-width: 109px;
}

.ig-header-left-div .nav-tabs .nav-link {
	padding: 5px 10px;
}

.ig-header-left-div .nav-tabs {
	border: 0;
	gap: 2px;
}

.ig-container {
	max-width: var(--igp-body-width);
	width: var(--igp-body-width);
	padding-left: 10px;
	padding-right: 10px;
}

	.ig-container div.body {
		width: var(--igp-body-width);
		min-height: 510px;
	}

.submenu-container {
	width: var(--igp-body-width);
	padding: 10px 0 0;
}

	.submenu-container .nav-item {
		padding-right: 10px;
		border-right: 2px solid gray;
	}

	.submenu-container .nav .nav-item:not(:first-child) {
		padding-left: 10px;
	}

	.submenu-container .nav-link {
		padding: 0;
		margin-top: -5px;
	}

		.submenu-container .nav-link:hover {
			color: red;
		}

		.submenu-container .nav-link.active {
			font-weight: bold;
			border-bottom: 2px solid;
			border-bottom-color: orange;
		}

#darkModeSwitch {
	border-color: darkgray
}

#avatar {
	/*border-radius: 50%;*/
	clip-path: circle(50%);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

	#avatar.dropdown-toggle::after {
		display: none;
	}

#avatar-badge {
	font-weight: normal;
}

footer {
	width: var(--igp-body-width);
	margin-left: -2px;
	margin-right: -2px;
}

.footerBody {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	font-size: 0.8rem;
	width: 100%;
}

	.footerBody a {
		font-family: Arial;
		font-size: 0.8rem;
	}

.partner-badge {
	font-family: Arial, sans-serif;
	text-align: right;
}

.partner-logo {
	font-size: 1.5em;
	margin-bottom: -5px;
}

	.partner-logo .microsoft {
		font-weight: bold;
		font-style: italic;
		color: black;
	}

	.partner-logo .partner {
		font-weight: 100;
		font-style: normal;
		color: black;
	}

[data-bs-theme="dark"] .partner-logo .microsoft,
[data-bs-theme="dark"] .partner-logo .partner {
	color: lightgray;
}

.partner-description {
	font-size: 0.8em;
	color: #777;
	transform: scaleX(0.81);
	transform-origin: right;
}

.igp-avatar-dropdown ul {
	width: 200px;
}

div.igp-tabs {
	padding-top: 0.3rem;
}

	div.igp-tabs .nav-tabs {
		border-bottom: 1px solid darkgray;
		padding-left: 0.3rem;
	}

		div.igp-tabs .nav-tabs .nav-item {
			margin-right: 0.5rem;
		}

		div.igp-tabs .nav-tabs .nav-link {
			margin-top: -1px;
			padding: 0 0.6rem 0;
			line-height: 1.3;
			border: 1px solid #404040;
			border-bottom-color: darkgray;
			border-top-left-radius: var(--bs-border-radius-sm);
			border-top-right-radius: var(--bs-border-radius-sm);
			background-color: #383838;
		}

			div.igp-tabs .nav-tabs .nav-link.active {
				border: 1px solid darkgray;
				border-bottom-color: transparent;
				background-color: rgb(33, 37, 41);
			}

[data-bs-theme="light"] div.igp-tabs .nav-tabs {
	border-bottom: 1px solid rgba(var(--bs-primary-rgb), 1);
}

	[data-bs-theme="light"] div.igp-tabs .nav-tabs .nav-link {
		border: 1px solid #d0d0d0;
		border-bottom-color: rgba(var(--bs-primary-rgb), 1);
		background-color: #f8f8f8;
	}

		[data-bs-theme="light"] div.igp-tabs .nav-tabs .nav-link.active {
			border: 1px solid rgba(var(--bs-primary-rgb), 1);
			border-bottom-color: transparent;
			background-color: white;
		}

.submenu-container div.select-division {
	margin-top: -5px;
}

	.submenu-container div.select-division select {
		background-color: var(--bs-body-bg, transparent);
		color: var(--bs-body-color, transparent);
		border-radius: var(--bs-border-radius-sm);
		/* border-color: var(--bs-body-color);
		border-width: 1px; */
	}

		.submenu-container div.select-division select[name="selectedFilter"] {
			width: 50px;
		}

		.submenu-container div.select-division select[name="selectedUserId"] {
			width: 140px;
		}

		.submenu-container div.select-division select[name="selectedUserSite"] {
			width: auto;
			min-width: 180px;
		}