/*******************************************************************************
* CSS for menu dropdowns (menu, burger, or product list)
* For frame-based layouts this CSS will be injected nto the view frame. 
* For frameless layouts this CSS will added to the main window 
*******************************************************************************/

/*------------------------------------------------------------------------------
 * Menu dropdown
 */

.MenuUl ul,
.MenuUl {
	width: 250px;
	z-index: 1002;
	border-radius: 4px;
	background: linear-gradient(#80898D, #343333) #343333;
	padding: 0;
}

#navMenuUl.MenuUl div.ui-menu-item-wrapper {
    font-weight: bold;
	padding: 9px;
	padding-left: 24px;  /* room for icons*/
	line-height: 11px;
}

#navMenuUl.MenuUl li:first-child > div.ui-menu-item-wrapper,
#navMenuUl.MenuUl li:first-child:hover > div.ui-menu-item-wrapper{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

#navMenuUl.MenuUl li:last-child > div.ui-menu-item-wrapper,
#navMenuUl.MenuUl li:last-child:hover > div.ui-menu-item-wrapper{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#navMenuUl.MenuUl li.active > div.ui-menu-item-wrapper{
	color: #28C8DC;
	font-weight: 800;
}

#navMenuUl.MenuUl li.defaultChild > div.ui-menu-item-wrapper{
	color: #28C8DC;
}

/*------------------------------------------------------------------------------
 * e1ns start
 */

#e1nsStart {
	display: block;
	position: fixed;
	width: 366px;
	border-radius: 4px;
	background-color: #FFFFFF;
	top: 4px;
	left: 400px;
	padding: 0;
	z-index: 1002;
}

#e1nsStart .quick-nav-content {
	border-style: solid;
	border-color: #EDEEEF;
	border-width: 1px 1px 0px 1px;
	padding: 10px;
	border-radius: 4px 4px 0px 0px;
}

#e1nsStart .quick-nav-content input[type="text"]{
	border-radius: 4px;
	border: 1px solid #CCCED1;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

#e1nsStart .quick-nav-tree {
	border: 1px solid #CCCED1;
	border-radius: 4px;
	margin-top: 5px;
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}

#e1nsStart .quick-nav-tree ul {
	border: none;
}

#e1nsStart #quickNavTree {
	max-height: 471px;
}

#e1nsStart .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
	color: #414B50;
	font-weight: bold;
}

#e1nsStart .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
	color: #414B50;
	font-weight: normal;
}

#e1nsStart .module-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#e1nsStart .module-container .module-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	border: 1px solid #EDEEEF;
	height: 120px;
	flex-direction: column;
	flex: 1 0 120px;
}

#e1nsStart .module-container .module-item:last-child {
	border-radius: 0px 0px 4px 0px;
}

#e1nsStart .module-container .module-item:nth-last-child(0n+3) {
	border-radius: 0px 0px 0px 4px;
}

.module-item:hover {
	cursor: pointer;
}

.module-title {
	font-weight: bold;
}

.module-item .module-title {
	margin-top: 10px;
}

.module-item:hover .module-title {
	color: #E1194B;
}

.module-icon {
	width: 65px;
	height: 62px;
}

.plato-e1ns-e1nsPortal {
	background: url(../img/product/plato_e1ns.e1nsPortal_dark.png) 0 0 transparent no-repeat;
}

.module-item:hover .plato-e1ns-e1nsPortal {
	background: url(../img/product/plato_e1ns.e1nsPortal_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-actions {
	background: url(../img/product/plato_e1ns.actions_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-actions {
	background: url(../img/product/plato_e1ns.actions_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-architect {
	background: url(../img/product/plato_e1ns.architect_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-architect {
	background: url(../img/product/plato_e1ns.architect_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-aspects {
	background: url(../img/product/plato_e1ns.aspects_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-aspects {
	background: url(../img/product/plato_e1ns.aspects_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-dashboard {
	background: url(../img/product/plato_e1ns.dashboard_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-dashboard {
	background: url(../img/product/plato_e1ns.dashboard_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-documents {
	background: url(../img/product/plato_e1ns.documents_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-documents {
	background: url(../img/product/plato_e1ns.documents_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-flow {
	background: url(../img/product/plato_e1ns.flow_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-flow {
	background: url(../img/product/plato_e1ns.flow_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-methods {
	background: url(../img/product/plato_e1ns.methods_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-methods {
	background: url(../img/product/plato_e1ns.methods_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-outputcenter {
	background: url(../img/product/plato_e1ns.outputcenter_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-outputcenter {
	background: url(../img/product/plato_e1ns.outputcenter_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-scioPortal {
	background: url(../img/product/plato_e1ns.scioPortal_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-scioPortal {
	background: url(../img/product/plato_e1ns.scioPortal_red.png) 0 0 transparent no-repeat;
}

.plato-e1ns-templatemanager {
	background: url(../img/product/plato_e1ns.templates_dark.png) 0 0 transparent no-repeat;
	
}

.module-item:hover .plato-e1ns-foundation {
	background: url(../img/product/plato_e1ns.templatemanager_red.png) 0 0 transparent no-repeat;
}

.module-item:hover .plato-e1ns-templatemanager {
	background: url(../img/product/plato_e1ns.templates_red.png) 0 0 transparent no-repeat;
}