/* Login */

#Login .sidebar .btn,
#Login .sidebar #External {
	border-radius: 0;
}

#Login .sidebar .btn.SAML {
	background-color: #9c2e85;
}

#Login .sidebar h5 {
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	#Login .sidebar {
		width: 30%;
	}
}

#Login #Logo {
	margin-bottom: 3rem;
}

/* Menu */

#mm li.mega-current-menu-item a,
#mm li.mega-current-menu-item span,
#mm > li.mega-menu-item:hover > a {
	color: #23abb7 !important;
}

#mm > li.mega-menu-item.picture > .mega-menu-link .profilepicture.initials {
	color: #9c2e85;
}

/* Catalog */

#CatalogueCategory .InstructionText {
	display: block;
}

.CategoryItemWrapper {
	position: relative;
}

.CategoryItemWrapper:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.CategoryItemWrapper .Header {
	display: none;
}

.CategoryItemWrapper .Image {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Training */

.TrainingItem .Header {
	color: #9c2e85;
}

/* Nav pills */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
ul.nav.nav-pills > li > a.nav-link.active {
	color: #23abb7 !important;
}

/* Logo */

@media (min-width: 992px) {
	.MenuVertical #Content #Dashboard {
		margin-top: 55px;
	}

	#Logo_top {
		height: 71px;
		width: 481px;
		margin: 2px 0;
	}

	.MenuVertical #Logo_top {
		left: 140px;
	}

	.MenuHorizontal #Logo_top {
		width: 296px;
	}

	.MenuVertical #Content {
		padding-top: 180px;
	}
}

/*--- "Profiel"-tekst laten zien in verticale navigatie */
@media screen and (min-width: 992px) {
	.MenuVertical
		#mm-wrapper
		#mm
		> li.mega-menu-item.picture
		> .mega-menu-link {
		height: 105px;
	}

	.MenuVertical
		#mm
		.personal
		.profilepicture
		+ span
		+ span.mega-menu-link-text {
		display: block !important;
		height: 1em;
		color: #9c2e85;
		padding-top: 0.8em;
	}
}

/*--- /"Profiel"-tekst laten zien in verticale navigatie */

@media (max-width: 991.98px) {
	.mega-menu-toggle .mega-toggle-block:before {
		color: #9c2e85;
		/*--- color because of white background */
	}
}

/* IE10/11 only */
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
	/**
   * IE11 Fix image auto height
   * Voorkom witte ruimte onder afbeelding boven zoekbalk in catalogus V2
   * https://github.com/philipwalton/flexbugs/issues/75
   */
	#CatalogueFilterSearch .card-body {
		min-height: 1px;
	}
}

.list-group-item.active {
	color: #fff !important;
	background: #9c2e85 !important;
	border-color: #9c2e85 !important;
}

/* Matrix overview */

.scripts_hrm_mastertable_project  .table.table-bordered.table-striped tr td:nth-child(2),
.scripts_admin_mastertable_project  .table.table-bordered.table-striped tr td:nth-child(2){
	 max-width: 300px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}

#Header {
	box-shadow: none;
}

.CategoryItem .h5 {
	text-align: center;
}