@media (min-width: 1024px) {

	.kt-grid.kt-grid--hor-desktop.kt-grid--desktop.nav-collapsed {
		width: 4.1rem;
	}

	.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
		padding: 0px 16px;
	}

	.kt-aside--minimize #kt-aside-menu-profile {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.profile-details-create-button .dropdown-menu {
		/*Keen themes needs overriding*/
		top: 3rem !important;
		transform: translate3d(0.8rem, 0px, 0px) !important;
	}

	#sidebar .btn-group .dropdown-content.create-new-dropdown-override {
		/*This is needed because the side of the navbar is set to the width of 50px, so we need to override this piece as well
		Expanded sidebar is overwritten above
		*/
		transform: translate3d(49px, 0px, 0px) !important;
		left: 0 !important;
	}

	body:not(.kt-aside--minimize):not(.kt-aside--minimize-hover) .profile-details-create-button {
		width: 100%;
	}

	.kt-aside--minimize .profile-details-button, .kt-aside--minimize-hover .profile-details-button {
		border-radius: 4px !important; /* need because keen themes is overriding it and i cant with selection*/
	}

	.kt-aside--minimize .kt-aside-menu-profile, .kt-aside--minimize-hover .kt-aside-menu-profile {
		padding-left: 0rem;
		padding-right: 0rem;
	}

	.kt-aside--minimize .profile-details-create-button span, .kt-aside--minimize .profile-details-create-button .dropdown-toggle, .kt-aside--minimize .profile-details-create-button .dropdown-menu, .kt-aside--minimize .profile-details-container, .kt-aside--minimize .profile-details-create-button .kt-aside__footer .kt-nav .kt-nav__item .kt-nav__link .kt-menu__link-text,
	.kt-aside--minimize-hover .profile-details-create-button span, .kt-aside--minimize-hover .profile-details-create-button .dropdown-toggle, .kt-aside--minimize-hover .profile-details-create-button .dropdown-menu, .kt-aside--minimize-hover .profile-details-container, .kt-aside--minimize-hover .profile-details-create-button .kt-aside__footer .kt-nav .kt-nav__item .kt-nav__link .kt-menu__link-text {
		display: none;
	}

	.kt-aside--minimize .kt-aside-menu .kt-menu__nav {
		padding: 0;
	}

	.kt-aside--minimize-hover .kt-menu__item .kt-menu__link-text-display, .kt-aside--minimize-hover .kt-menu__ver-arrow {
		display: none !important;
	}

	.kt-aside--minimize .kt-menu__link-text-display, .kt-aside--minimize .kt-menu__ver-arrow, .kt-aside--minimize-hover .kt-menu__link-text-display {
		display: none !important;
	}

	.kt-aside--enabled .kt-header.kt-header--fixed {
		background-color: var(--header-background-colour);
		padding-left: 0px;
		left: 0px;
	}

	.kt-header--fixed.kt-aside--minimize .kt-header {
		left: 0px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.kt-header--fixed.kt-aside--minimize-hover .kt-header {
		left: 0px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}

@media (max-width: 1024px) {
	.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span {
		background: var(--icon-color) !important;
	}

	.kt-header-mobile__toolbar-toggler:hover span::before, .kt-header-mobile__toolbar-toggler:hover span::after {
		background: var(--icon-color) !important;
	}
}

#kt_aside_brand, .kt-header-mobile {
	background-color: var(--header-background-colour);
	padding: 0px;
}

	#kt_aside_brand .navbar-toggler .material-icons, .kt-header-mobile .navbar-toggler .material-icons {
		font-size: xx-large;
	}

	#kt_aside_brand .navbar-toggler, .kt-header-mobile .navbar-toggler {
		background-color: var(--navmenu-hover-background-colour);
	}

		#kt_aside_brand .navbar-toggler:focus {
			box-shadow: none;
		}

.kt-menu__link-text-display {
	flex-grow: 1;
	align-items: center;
	-webkit-box-flex: 1;
	display: flex;
	-webkit-box-align: center;
	text-transform: initial;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #3e3e3c;
}

.kt-aside__brand {
	background-color: var(--navmenu-background-colour);
}

.kt-aside-menu {
	background-color: var(--navmenu-background-colour);
}

.kt-aside-menu-wrapper.kt-grid__item.kt-grid__item--fluid {
	background-color: var(--navmenu-background-colour);
	border-right: 1px solid var(--grey-five);
}

.kt-aside__brand.kt-grid__item {
	border-bottom: 1px solid var(--grey-five);
	height: 4rem;
}

.kt-header {
	border-bottom-color: var(--grey-five);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
	background-color: var(--navmenu-background-colour);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #3e3e3c;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text {
	color: #3e3e3c;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
	border-radius: 4px;
	background-color: rgba(0, 96, 236, 0.08);
}

.kt-aside .kt-aside__footer {
	background-color: var(--navmenu-background-colour);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
	border-radius: 4px;
	background-color: rgba(0, 96, 236, 0.04);
}

	.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text {
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.54;
		letter-spacing: normal;
		color: #3e3e3c;
	}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
	border-radius: 4px;
	background-color: rgba(0, 96, 236, 0.08);
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #3e3e3c;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #3e3e3c;
}


.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #5d78ff;
}

.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-icon {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
}

.kt-nav.kt-nav--v4 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text, .kt-nav.kt-nav--v4 .kt-nav__item.active > .kt-nav__link .kt-nav__link-text, .kt-nav.kt-nav--v4 .kt-nav__item.kt-nav__link--active > .kt-nav__link .kt-nav__link-text {
	color: #3e3e3c;
}

.kt-nav.kt-nav--bolder .kt-nav__item .kt-nav__link .kt-nav__link-text {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: var(--bluey-grey);
}

.kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler:hover span::before, .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler:hover span::after {
	background: #484f66;
}

.kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler:hover span {
	background: #484f66;
}

.kt-aside {
	background: var(--navmenu-background-colour);
}

.kt-portlet__separator {
	height: 1px;
	background-color: var(--seperator-color);
	margin: 0 auto;
	width: 80%;
}

/*Override keen*/
.profile-details-button.btn [class^="flaticon2-"] {
	padding-right: 0;
}

.toggle-menu-expanded .kt-aside-menu .kt-aside-menu-profile .btn [class^="flaticon-"], .btn [class*=" flaticon-"], .btn [class^="flaticon2-"], .btn [class*=" flaticon2-"], .toggle-menu-expanded .btn [class^="flaticon2-"] {
	padding-right: 0.7rem;
}

#page-title {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #3e3e3c;
}



.kt-header-bar-notification {
	color: var(--icon-color);
	background: var(--header-pill-background-color);
	padding: 0.4rem;
	border-radius: 50%;
	float: right;
}

	.kt-header-bar-notification:hover {
		color: var(--text-color);
	}

.profile-details-wrapper {
	display: table-row;
}


.initials {
	position: relative;
	top: 1.125rem; /* 25% of parent */
	font-size: 20px; /* 50% of parent */
	line-height: 2.25rem; /* 50% of parent */
	color: #fff;
	font-weight: bold;
}

.profile-details {
	display: table-cell;
	vertical-align: top;
	padding-left: 1.0rem;
}

	.profile-details .timezone {
		font-size: 10px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.6;
		letter-spacing: normal;
		color: var(--charcoal-grey);
	}

	.profile-details .position {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: var(--brownish-grey);
	}

	.profile-details .profile-name {
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #3e3e3c;
	}

.profile-details-container {
	width: 100%;
	display: table;
	padding-bottom: 1rem;
}

.kt-aside-menu-profile {
	padding-bottom: 1.2rem;
	border-bottom: 1px solid var(--grey-five);
}

.toggle-menu-expanded .kt-aside .kt-aside-menu {
	margin: 0px 16px;
	padding-top: 1rem;
}



.kt-header-mobile--fixed .kt-header-mobile {
	background-color: var(--header-background-colour);
}

.kt-aside--fixed.kt-aside--minimize-hover .kt-aside {
	width: 78px;
}

.home:before {
	content: url('../icons/a-icon__home-20-warm-grey.svg');
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .home, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .home:before {
	content: url("../icons/a-icon__home-20-hover.svg");
}

.email:before {
	content: url('../icons/a-icon__email-20-warm-grey.svg');
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .email, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .email:before {
	content: url("../icons/a-icon__email-20-hover.svg");
}

.notification-bell:before {
	content: url('../icons/a-icon__bell-20-warm-grey.svg');
}

.header-logout:before {
	content: url('../icons/a-icon__logout-20-warm-grey.svg');
}

.header-timer:before {
	content: url('../icons/a-icon__timer-20-warm-grey.svg');
}

.simple-search-icon:before {
	content: url('../icons/a-icon__search-medium-gray.svg');
}

.settings-icon {
	padding-top: 0.4rem;
}

	.settings-icon:before {
		content: url('../icons/a-icon__setting-20-warm-grey.svg');
	}

.kt-nav__link:hover .kt-nav__link-icon .settings-icon:before {
	padding-top: 0px !important;
	flex: 0;
	content: url("../icons/a-icon__setting-20-hover.svg");
}

.kt-nav__item .ht-nav__link .kt-menu__link-text-display.kt-menu__link-text-settings {
	padding-bottom: 0.3rem;
}

.kt-header-notification:hover .header-logout:before {
	flex: 0;
	content: url("../icons/a-icon__logout-20-hover.svg");
}

.kt-header-notification:hover .header-timer:before {
	flex: 0;
	content: url("../icons/a-icon__timer-20-hover.svg");
}

.kt-header-notification .has-badge[data-count]:after {
	font-family: Inter;
	font-weight: bold;
	font-size: 6px;
	text-align: center;
	content: attr(data-count);
	position: absolute;
	top: 7px;
	margin-left: 3px;
	background-color: red;
	color: white;
	border-radius: 9999px;
	padding: 3px 3px;
	transform: translate(-100%, -50%);
	min-width: 1.5em;
}

.button-secondary.notification-icon-parent {
	border-radius: 50%;
	height: 2rem;
	background-color: var(--module-background-color);
	color: var(--header-background-colour);
	border: solid 0px var(--border-color);
}

.metrics-icon {
	padding: 0;
	border: solid 0px var(--border-color);
	border-radius: 100%;
	color: var(--header-background-colour);
	background-color: var(--module-background-color);
}

.kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo a span, .kt-aside--minimize-hover .kt-aside__brand .kt-aside__brand-logo a span {
	display: block;
}

.kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo a img, .kt-aside--minimize-hover .kt-aside__brand .kt-aside__brand-logo a img {
	display: block;
}

.kt-aside__brand-logo a {
	height: 2.5rem;
	margin-top: 0.7rem;
	background: var(--header-pill-background-color);
	padding: 1rem;
	border-radius: 25px;
	text-decoration: none;
}

.caret:before {
	content: url('../icons/a-icon__carat-14-warm-grey.svg');
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	padding-left: 2px;
	padding-top: 9px;
	padding-right: 2px;
}

.kt-aside--minimize .caret:before, .kt-aside--minimize-hover .caret:before {
	content: url('../icons/a-icon__carat-14-warm-grey.svg');
	display: inline-block;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	padding-left: 2px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-top: 0px;
}

.kt-subheader__main {
	max-width: 10%;
}

.kt-subheader__search {
	display: flex;
	align-items: center;
	align-content: end;
	width: 100%
}

	.kt-subheader__search div {
		width: 100%
	}

.kt-subheader__main__icons {
	max-width: 50%;
	flex: 40%;
}

.search-glass {
	position: relative;
	z-index: 1;
	left: -25px;
	top: 20px;
	color: #7B7B7B;
	width: 0;
}

.simple-search {
	right: 1.5rem;
	bottom: 0.8rem;
	cursor: text;
}

.kt-header-mobile__logo a {
	display: contents;
}

.header-menu-wrapper-overlay {
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 53px;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 1001;
}

.header-menu-wrapper.header-menu-wrapper-on {
	left: 0;
}

.header-menu-wrapper {
	overflow: auto;
}

.header-menu-wrapper {
	background: #ffffff;
}

.header-menu-wrapper {
	z-index: 1002;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -295px;
	width: 275px;
}

.kt-aside--fixed .kt-wrapper {
	padding-left: 4rem;
}