:root {
	--left-menu-item-spacing: 7px;
}

#headerMenu {
	height: 60px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #1B1E39;
	z-index: 1000;
}

	#headerMenu .headermenu-item-for-controlperfect {
		margin-left: 10px;
		margin-right: 110px;
		margin-bottom: 10px;
		padding-top: 12px;
		height: 40px;
		display: inline-block;
		z-index: 1000;
		cursor: pointer;
		color: white;
	}

	#headerMenu .headermenu-item {
		display: inline-block;
		z-index: 1000;
		cursor: pointer;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	#headerMenu .headermenu-item-xs {
		vertical-align: middle;
		display: inline-block;
		z-index: 1000;
		cursor: pointer;
		padding-top: 12px;
		padding-left: 45px;
		margin: 10px;
		width: 220px;
		height: 40px;
		color: white;
	}

	#headerMenu .headermenuxs-items {
		position: absolute;
		top: 60px;
		left: 0px;
		width: 210px;
		background-color: #1B1E39;
		display: block;
		float: left;
		padding-left: 3px;
	}

	#headerMenu .headerrightmenu-box {
		background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 8px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		display: none;
		float: right;
		font-size: 14px;
		list-style: none;
		min-width: 325px;
		padding: 10px 10px 15px 10px;
		position: absolute;
		right: 0px;
		text-align: left;
		top: 60px;
		z-index: 2000;
	}

		#headerMenu .headerrightmenu-box hr {
			margin-top: 10px;
			margin-bottom: 5px;
		}

	#headerMenu .headerrightmenu-box-title {
		background-repeat: no-repeat;
		background-size: contain;
		color: black;
		display: inline-block;
		font-weight: bold;
		height: 32px;
		padding-left: 45px;
		padding-top: 6px;
		z-index: 1000;
		width: auto;
	}

	#headerMenu .headerrightmenu-box-item {
		background-color: white;
		color: black;
		padding-top: 3px;
		padding-left: 45px;
		height: 26px;
		z-index: 1000;
		background-repeat: no-repeat;
		background-position-x: 10px;
		background-size: contain;
		cursor: pointer;
	}

		#headerMenu .headerrightmenu-box-item .notification-count {
			width: auto;
			min-width: 30px;
			display: inline-block;
			padding-left: 10px;
			/*margin-right: 10px;*/
			/*margin-left: -40px;*/
			font-weight: bold;
			color: red;
			text-align: start;
		}

		#headerMenu .headerrightmenu-box-item.menuItemSelected::after {
			content: " \f00c";
			font-family: FontAwesome;
			color: #83bb26;
		}

		#headerMenu .headerrightmenu-box-item.languageSelected::after {
			content: " \f00c";
			font-family: FontAwesome;
			color: #83bb26;
		}

#subMenu {
	height: 50px;
	margin-top: 60px;
	padding: 3px;
	z-index: 1000;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: gray solid 2px;
	background-color: white;
	white-space: nowrap;
}

	#subMenu .submenu-item-left {
		padding: 10px 0px 10px 0px;
		color: gray;
		font-size: 18px;
		height: 60px;
		cursor: pointer;
	}

	#subMenu .submenu-item-right {
		display: inline-block;
		margin-left: 10px;
		width: 32px;
		height: 37px;
		cursor: pointer;
	}

	#subMenu .submenu-item-group {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		color: #1aa0a0;
		font-weight: bold;
		font-size: 18px;
		height: 60px;
	}

		#subMenu .submenu-item-group.icon {
			display: inline;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 10px;
			color: #1aa0a0;
			font-weight: bold;
			font-size: 18px;
		}

	#subMenu .submenu-item-separator {
		padding: 10px;
		color: #cccccc;
		font-size: 18px;
		height: 60px;
	}

	#subMenu .submenu-item-space {
		padding: 10px 5px 10px 5px;
		color: gray;
		font-size: 18px;
		height: 60px;
	}

	#subMenu .submenu-item-left:hover, .submenu-item-right:hover {
		color: #1B1E39;
		border-bottom: #cccccc solid 3px;
		padding-bottom: 3px;
	}

	#subMenu .submenu-item-left.menuItemSelected, .submenu-item-right.menuItemSelected {
		font-size: 18px;
		font-weight: bold;
		color: black;
		border-bottom: #83bb26 ridge 3px;
		padding-bottom: 3px;
	}

#leftSubMenu {
	position: fixed;
	height: 100%;
	z-index: 1000;
	padding: 10px;
	top: 110px;
	background-color: white;
	border-right: gray solid 2px;
	font-size: medium;
	overflow-y: auto;
	min-width: 250px;
	max-width: 350px;
	width: 20%;
}

/*@media (min-width: 768px) {
	#leftSubMenu {
		width: 250px;
	}
}

@media (min-width: 992px) {
	#leftSubMenu {
		width: 300px;
	}
}

@media (min-width: 1200px) {
	#leftSubMenu {
		width: 350px;
	}
}
*/


	#leftSubMenu .leftsubmenu-item {
		margin-bottom: var(--left-menu-item-spacing);
		word-wrap: break-word;
		cursor: pointer;
		border-bottom: white solid 3px;
		width: fit-content;
	}

		#leftSubMenu .leftsubmenu-item:hover {
			color: #1B1E39;
			border-bottom: #cccccc solid 3px;
		}

		#leftSubMenu .leftsubmenu-item.menuItemSelected {
			font-weight: bold;
			color: black;
			border-bottom: #83bb26 ridge 3px;
			cursor: default;
		}

	#leftSubMenu .leftsubmenu-group {
		margin-bottom: var(--left-menu-item-spacing);
		word-wrap: break-word;
	}

		#leftSubMenu .leftsubmenu-group.entityname {
			color: black;
			font-weight: bold;
		}

	#leftSubMenu .leftsubmenu-group-item {
		margin-bottom: var(--left-menu-item-spacing);
		margin-left: 30px;
		word-wrap: break-word;
		cursor: pointer;
		border-bottom: white solid 3px;
		width: fit-content;
	}

		#leftSubMenu .leftsubmenu-group-item:hover {
			color: #1B1E39;
			border-bottom: #cccccc solid 3px;
		}

		#leftSubMenu .leftsubmenu-group-item.menuItemSelected {
			font-weight: bold;
			color: black;
			border-bottom: #83bb26 ridge 3px;
			cursor: default;
		}

	#leftSubMenu .leftsubmenu-subgroup {
		margin-bottom: var(--left-menu-item-spacing);
		margin-left: 30px;
		word-wrap: break-word;
	}

	#leftSubMenu .leftsubmenu-subgroup-item {
		margin-bottom: var(--left-menu-item-spacing);
		margin-left: 60px;
		word-wrap: break-word;
		cursor: pointer;
		border-bottom: white solid 5px;
	}

		#leftSubMenu .leftsubmenu-subgroup-item:hover {
			color: #1B1E39;
			border-bottom: #83bb26 solid 5px;
		}

		#leftSubMenu .leftsubmenu-subgroup-item.menuItemSelected {
			font-weight: bold;
			color: black;
			border-bottom: #83bb26 solid 5px;
			cursor: default;
		}

#pageContainer,
#app {
	position: absolute;
	top: 110px;
	left: 0px;
	right: 0px;
	bottom: 25px;
	overflow-y: auto;
	overflow-x: hidden;
}

#pageContainer {
	padding: 10px 10px 20px 10px;
	z-index: 1000;
}

#app {
	padding: 10px 10px 0 10px;
	z-index: 1050;
}

	/*#pageContainer {
    padding: 10px 10px 20px 10px;
}
*/
	#pageContainer form {
		margin-bottom: 35px;
	}

	#pageContainer .modal form {
		margin-bottom: 0;
	}


#actionMenu {
	position: absolute;
	top: 110px;
	right: 0px;
	z-index: 1001;
	background-color: white;
	height: 34px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

	#actionMenu table {
		width: 100%;
	}

	#actionMenu .action-menu-left {
	}

	#actionMenu .action-menu-middle {
	}

		#actionMenu .action-menu-middle .actionmenu-item {
			display: inline-block;
			cursor: pointer;
			background-color: #6c757d;
			color: white;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, FontAwesome;
			padding: 8px 12px 6px 12px;
		}

		#actionMenu .action-menu-middle > .actionmenu-item:first-child {
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}

		#actionMenu .action-menu-middle .actionmenu-item:not(:first-child):not(:last-child) {
			border-radius: 0px;
		}

		#actionMenu .action-menu-middle .actionmenu-item:last-child {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}

		#actionMenu .action-menu-middle .menuItemSelected {
			background-image: none;
			outline: 0;
			-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
			box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
			background-color: #83bb26;
		}

	#actionMenu .peopleButton {
		padding: 0px;
	}

	#actionMenu .action-menu-right {
	}

		#actionMenu .action-menu-left .actionmenu-item,
		#actionMenu .action-menu-right .actionmenu-item {
			padding: 7px 9px;
			margin-left: 3px;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, FontAwesome;
		}

	#actionMenu .actionmenu-title {
		padding-top: 5px;
		font-size: 18px;
	}

#pageLoading {
	z-index: 1029;
	position: absolute;
	top: 110px;
	left: 0px;
	right: 0px;
	bottom: 25px;
	text-align: center;
	padding: 10px;
	color: rgba(0,0,0,0.4);
	background-color: rgba(255,255,255, 0.3);
}

	#pageLoading i {
		position: absolute;
		top: 40%;
		left: 45%;
	}

/* CSS3 */

/* The whole thing */
.custom-context-menu {
	display: none;
	z-index: 2000;
	position: absolute;
	overflow: hidden;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-family: sans-serif;
	background: #FFF;
	color: #333;
	border-radius: 5px;
	padding: 0;
}

	/* Each of the items in the list */
	.custom-context-menu li {
		padding: 8px 12px;
		cursor: pointer;
		list-style-type: none;
		transition: all .3s ease;
		user-select: none;
	}

		.custom-context-menu li:hover {
			background-color: #DEF;
		}

#footerSection footer {
	z-index: 1030;
}