/******** reset ********/
/******** reset ********/
* {
	padding: 0;
	margin: 0;
}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
main, 
.visible {
	display: block;
}

body {
	font-size: medium;
    position:absolute;
/*	min-width: 1024px;*/
}

/******************/
html, body {
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.container {
	/*max-width: 1250px;*/
	margin: 0 auto;
}

header {
	font: normal 62.5% Roboto, Arimo, Arial;
	color: #000;
	height: 80px;
	flex-shrink: 0;
	direction: ltr;
	-webkit-text-size-adjust: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.popup-style {
	animation: popup 0.8s running;
	top: 0px !important;
	width: 100%;
	height: 100%;
	/* width: calc(100% - 17px) !important; 
	-webkit-box-shadow: -7px 9px 3px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: -7px 9px 3px -3px rgba(0,0,0,0.3);
	box-shadow: -7px 9px 3px -3px rgba(0,0,0,0.3);
    height: calc(100% - 17px) !important; */
	margin: auto;
}

.expend-button {
	z-index: 3;
	cursor: pointer;
}

.expend-button svg path {
	stroke: var(--primary-color-500) !important;
} 

.expend-button:hover svg path {
	stroke: black !important;
} 

.rem-popup-style {
	animation: popup-close 0.3s;
}

@keyframes popup-close {
	0%{
	  transform: scale(1);
	  opacity: 1;
	}
	100%{
	  transform: scale(0.7);
	  opacity: 0;
	}
}

@keyframes popup {
	0%{
	  top: -2000px;
	  opacity: 0;
	}
	100%{
	  top: 0px !important;
	  opacity: 1;
	}
}

.popup-style #reactFooter{
	display: none;
}

.popup-style .entGridStyle {
	height: calc(100% - 74px);
	margin-top: 73px;
}

.single-row-header .entGridStyle {
	height: calc(100% - 83px);
	margin-top: 42px;
}

#ReconView {
	width: 98% !important;
	margin: auto !important;
}

@-moz-document url-prefix() {
	.NFV-class {
		position: absolute !important; 
	}
}
/*
.empty-state-style .net-form-scroll {
	overflow: hidden !important;
}

.empty-state-style .form-table-view {
	width: 100% !important;
}

.empty-state-style .scroll-data-grid > div:nth-child(4) {
	width: 100% !important;
}

.empty-state-style .formGridWidget {
	width: 100% !important;
}
*/

.hidden-scrollbar-parent {
	background: #f1f2f3;
}
.formGridRecon .firstCellStyle {
	display: unset;
}

#menuholder {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

header.active ~ #menuholder {
	top: 40px !important;
}

header a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

header * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	header *:focus,
	header *:hover {
		outline: none !important;
	}

header .topHeader {
	height: 40px;
	background: #16213d;
	padding: 8px 20px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
header .topHeaderBtns {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

header .bottomHeader {
	height: 40px;
	background: #fff;
	display: flex;
	align-items: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	visibility: visible;
	box-shadow: 0 0 20px 0 rgba(50, 65, 72, 0.1);
}

header.active .bottomHeader {
	height: 0;
	opacity: 0;
	visibility: hidden;
}

header .priority-main {
	display: flex;
	justify-content: space-between;
    gap: 16px;	
}

header .brand img {
	vertical-align: middle;
	border: none;
	max-height: 100%;
}

.searchContainer {
	position: relative;
	width: 100%;
}

.searchContainer input {
	background: transparent;
	color: #fff;
	font-size: 13px;
	height: 100%;
	opacity: 0.6;
  	font-family: Rubik;
  	font-size: 13px;
	padding: 5px 68px 5px 10px;
	border: none;
	caret-color: var(--primary-color-500);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.searchContainer input:focus,
.searchContainer input.activeInput {
	background: #fff;
    opacity: 1;
    color: var(--primary-color-700);
  	font-style: normal;   
}

input[name*="mac_file_upload_"] {
    display: none;
}

#topSearchContainer div input.searchInput::placeholder {
	font-style: italic;
	color: #fff;
}

html[dir="rtl"] #topSearchContainer div input.searchInput::placeholder {
	font-style: normal;
}

#topSearchContainer div input.searchInput::-webkit-input-placeholder {
	font-style: italic;
	color: #fff;
}

html[dir="rtl"] #topSearchContainer div input.searchInput::-webkit-input-placeholder {
	font-style: normal;
}

#topSearchContainer div input.searchInput::-moz-placeholder {
	font-style: italic;
	color: #fff;
}

html[dir="rtl"] #topSearchContainer div input.searchInput::-moz-placeholder {
	font-style: normal;
}

#topSearchContainer div input.searchInput:-ms-input-placeholder {
	font-style: italic;
	color: #fff;
}

html[dir="rtl"] #topSearchContainer div input.searchInput:-ms-input-placeholder {
	font-style: normal;
}

	.searchContainer #search {
		width: 100%;
		border: 1px solid #e3eeff;
    	border-radius: 5px;
	}

	.searchContainer #search input {
		width: 100%;
	}

	.searchContainer .btnSearch {
		background: url("../../img/newBtnSearchSmall.png") no-repeat center 5px;
		position: absolute;
		top: -4px;
		right: 0;
		width: 24px;
    	margin: 0 5px;
		height: 100%;
		border: none;
		cursor: pointer;
		opacity: 0.5;
	}
	
	.searchContainer .btnClear {
		background: url("../../img/close_20_grayscale.svg");
		position: absolute;
		top: 1.5px;
		right: 0;
		width: 20px;
		height: 20px;
    	margin: 0 5px;
		border: none;
		cursor: pointer;
		opacity: 1;
		display: none;
	}
		
	html[dir="rtl"] .searchContainer .btnSearch, 
	html[dir="rtl"] .searchContainer .btnClear {
		left: 0;
		right: inherit;
	}
	
	.topSearch .searchContainer .btnClear {
		top: -1px;
		margin: 10px;
	}
	

	.searchContainer .btnHamburger {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 29px;
		height: 100%;
		border: none;
		border-left: 1px solid #2bb0e2;
		padding: 8px 0 0;
	}

		.searchContainer .btnHamburger:before,
		.searchContainer .btnHamburger:after,
		.searchContainer .btnHamburger span {
			content: "";
			display: block;
			height: 2px;
			background: #223742;
			width: 14px;
			margin: 0 auto 3px;
		}

		.searchContainer .btnHamburger:hover {
			background-color: #fff;
		}

		.searchContainer .btnHamburger:active {
			background-color: #3999bd;
		}

.topHeader .searchContainer {
	max-width: 680px;
	height: 24px;
	display: flex;
    justify-content: flex-end;
    margin: 0 5px;
}

.hidden-scrollbar {
	display: none;
}
.topSearch {
	margin-bottom: 30px;
	width: 100%;
}

	.topSearch:after {
		content: "";
		clear: both;
		display: table;
	}

	.topSearch .searchContainer {
		width: 550px;
		height: 40px;
		float: left;
		padding: 8px 10px;
		border: 1px solid #bfc4c9;
		border-radius: 10px;
		background-color: #fff;
	}


	.topSearch .searchContainer input {
		direction: ltr;
		font-family: Rubik;
  		font-size: 13px;
		background: #fff;
		color: var(--primary-color-700);
		height: 100%;
		width: 100%;
		opacity: 1;
		padding: 3px 30px 0 0;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

			.topSearch .searchContainer input::-webkit-input-placeholder {
				font-style: italic;
				color: var(--secondary-color-700);
			}

			.topSearch .searchContainer input::-moz-placeholder {
				font-style: italic;
				color: var(--secondary-color-700);
			}

			.topSearch .searchContainer input:-ms-input-placeholder {
				font-style: italic;
				color: var(--secondary-color-700);
			}
			
			html[dir="rtl"] .topSearch .searchContainer input::-webkit-input-placeholder {
				font-style: normal;
			}

			html[dir="rtl"] .topSearch .searchContainer input::-moz-placeholder {
				font-style: normal;
			}

			html[dir="rtl"] .topSearch .searchContainer input:-ms-input-placeholder {
				font-style: normal;
			}
			

		.topSearch .searchContainer .btnSearch {
			background: url("../../img/newBtnSearchSmallGray.svg") no-repeat center;
			top: 0;
			right: 0;
			width: 40px;
			height: 100%;
			cursor: pointer;
		}

		.topSearch .searchContainer .btnHamburger {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			height: 100%;
			border: none;
			border-left: 2px solid #48c0ee;
			padding: 18px 0 0 2px;
		}

			.topSearch .searchContainer .btnHamburger:before,
			.topSearch .searchContainer .btnHamburger:after,
			.topSearch .searchContainer .btnHamburger span {
				content: "";
				display: block;
				height: 2px;
				background: #455e6c;
				width: 23px;
				margin: 0 auto 5px;
			}

			.topSearch .searchContainer .btnHamburger:active:before,
			.topSearch .searchContainer .btnHamburger:active:after,
			.topSearch .searchContainer .btnHamburger:active span,
			.topSearch .searchContainer .btnHamburger:hover:before,
			.topSearch .searchContainer .btnHamburger:hover:after,
			.topSearch .searchContainer .btnHamburger:hover span {
				background: #fff;
			}

			.topSearch .searchContainer .btnHamburger:active,
			.topSearch .searchContainer .btnHamburger:hover {
				background-color: #648b9f;
			}

	.functional-icons {
		display: flex;	
		float: right;
	}
	
	html[dir=rtl] .functional-icons {
		float: left;
	}
	
	.functional-icon {
		height:40px;
		width: 40px;
		background: #fff;
		border-radius: 10px;
		border: solid 1px var(--primary-color-500);
		margin-left: 20px;
		cursor: pointer;
		transition: all 0.2s;
	}
	
	.functional-icon:hover {
		background-color: var(--primary-color-500);
	}
	
	html[dir=rtl] .functional-icon {
		margin-left: 0;
		margin-right: 20px;
	}

		.ui-state-highlight {
			transform: scale(1.6);
			background: none;
			border: none;
			margin-right: 20px;
		}
		
		.ui-state-active img{
			background: url('../../img/trash_bin_active.png')
		}

a.btnAdvanced {
	font-size: 1.6em;
	height: 28px;
	line-height: 28px;
	float: right;
	padding: 0 6px 0 11px;
	position: relative;
	color: #fff;
	text-decoration: none;
}

	a.btnAdvanced:hover {
		color: #182b35;
		text-decoration: none;
	}

html[dir=rtl] .advancedQuery {
	float: left;
}

.advancedQuery {
	padding: 0;
	margin: 4px 0 0;
	float: right;
	height: 20px;
	width: 20px;
	line-height: 20px;
	z-index: 2000;
}

	.advancedQuery li {
		list-style: none;
		position: relative;
		min-height: 20px;
	}

.advancedQueryList,
.openedWindowsList {
	border: 1px solid #8d9fa7;
	background-color: #fff;
	-moz-min-width: 165px;
	-ms-min-width: 165px;
	-o-min-width: 165px;
	-webkit-min-width: 165px;
	min-width: 165px;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: -3px 3px 0 0 rgba(0,0,0,0.4);
	box-shadow: -3px 3px 0 0 rgba(0,0,0,0.4);
	position: absolute;
	left: -150px;
	top: 25px;
	z-index: 7500;
}

	.advancedQueryList a,
	.openedWindowsList a {
		color: #525252;
		font-size: 12px;
		line-height: 16px;
		height: 100%;
		text-decoration: none;
		display: block;
		padding: 4px 20px;
		border-bottom: 1px solid #8d9fa7;
	}

	.advancedQueryList li:hover a,
	.openedWindowsList li:hover a {
		background-color: var(--primary-color-500);
		color: #fff;
	}

	.advancedQueryList .itemShortcut {
		float: right;
	}

.advancedQueryBtn {
	height: 100%;
	display: block;
	text-align: center;
}

	.advancedQueryBtn:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #ffffff transparent transparent transparent;
	}

	.advancedQueryBtn:hover:after {
		border-color: #182b35 transparent transparent transparent;
	}

html[dir="rtl"] .btnAdvanced {
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.btnAdvanced:hover:after {
	border-color: #2f4049 transparent transparent transparent;
}

.queryPanelStyle_designed_rtl,
.queryPanelStyle_rtl {
	display: none;
}

.hamburgerMenu {
	height: 24px;
	width: 24px;
	position: relative;
}

.hamburgerMenu:has(> :last-child:nth-child(1)) { /* 1 element: hamburgerMenu closed */
  z-index: 1;
}

.hamburgerMenu:has(> :last-child:nth-child(2)) { /* 2 elements: hamburgerMenu open */
  z-index: 99999;
}

	.hamburgerMenu > a,
	.helpContainer .dropMenu a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 5px 0 0;
		z-index: 100;
	}

		.hamburgerMenu > a:before,
		.hamburgerMenu > a:after,
		.hamburgerMenu > a span {
			content: "";
			display: block;
			height: 2px;
			background: #fff;
			width: 16px;
			margin: 0 auto 4px;
		}

	.hamburgerMenu.open > a:before,
	.hamburgerMenu:active > a:before,
	.hamburgerMenu:hover > a:before,
	.hamburgerMenu.open > a:after,
	.hamburgerMenu:active > a:after,
	.hamburgerMenu:hover > a:after,
	.hamburgerMenu.open > a span,
	.hamburgerMenu:active > a span,
	.hamburgerMenu:hover > a span {
		background-color: var(--primary-color-500);
	}

	.hamburgerMenu.open .dropDown,
	.helpContainer.open .dropDown {
		opacity: 1;
		visibility: visible;
	}

	.hamburgerMenu .dropDown,
	.helpContainer .dropMenu {
		position: absolute;
		right: 0;
		top: 100%;
		background: #fff;
		width: 190px;
		margin: 0;
		-webkit-box-shadow: var(--common-box-shadow);
		box-shadow: var(--common-box-shadow);
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		border-radius: 8px;
		padding: 6px 0;
	}

	.hamburgerMenu ul.dropDown a[data-enabled="0"] {
		cursor: default;
		/*-ms-opacity: 0.8;
		opacity: 0.8;*/
		color: #8a8d91; 
	}

.hamburgerMenu .dropDown a,
	.helpContainer .dropMenu a {
		color: #525252;
		font-size: 1.3em;
		line-height: 13px;
		height: 100%;
		text-decoration: none;
	}

	.hamburgerMenu .dropMenu.lastMenu li a,
	.helpContainer .dropMenu.lastMenu li a {
		background-color: #fff;
	}

	.hamburgerMenu .dropDown li.active > a,
	.hamburgerMenu .dropDown li:hover > a,
	.hamburgerMenu .dropDown li:focus > a,
	.hamburgerMenu .dropMenu.lastMenu li:hover > a,
	.hamburgerMenu .dropMenu.lastMenu li:focus > a,
	.hamburgerMenu .dropMenu.lastMenu li.active > a,
	.helpContainer .dropMenu li.active > a,
	.helpContainer .dropMenu li.hover > a,
	.helpContainer .dropMenu li.focus > a,
	.helpContainer .dropMenu.lastMenu li:active > a,
	.helpContainer .dropMenu.lastMenu li:hover > a,
	.helpContainer .dropMenu.lastMenu li:focus > a 
	.helpContainer .dropMenu.lastMenuHelp li:active > a,
	.helpContainer .dropMenu.lastMenuHelp li:hover > a,
	.helpContainer .dropMenu.lastMenuHelp li:focus > a{
		background-color: #d9e0e3;
	}
	
	.hamburgerMenu .dropDown li.active > a,
	.hamburgerMenu .dropMenu.lastMenu li.active > a {
		background-color: var(--primary-color-200);
	}

.topMenuPanelStyle {
	right: 34px !important;
	left: inherit !important;
	top: 35px;
	text-align: left;
	z-index: 4205;
}

	.topMenuPanelStyle table {
		box-shadow: -5px 3px 0 0 rgba(0,0,0,0.4);
	}

		.topMenuPanelStyle table td {
			display: block;
			width: 80px;
		}

.gwt-MenuBar-horizontal .gwt-MenuItem {
	color: #525252;
	font-size: 13px;
	line-height: 16px;
	height: 100%;
	text-decoration: none;
	display: block;
	padding: 4px 20px;
	border: 1px solid #8d9fa7;
	background: #fff !important;
	border-radius: 0;
}

	.topMenuPanelStyle .gwt-MenuBar-horizontal .gwt-MenuItem:hover,
	.gwt-MenuBar-horizontal .gwt-MenuItem.gwt-MenuItem-selected {
		background: var(--primary-color-500) !important;
		color: #fff;
		border-right: 1px solid #8d9fa7;
		border-left: 1px solid #8d9fa7;
		box-shadow: none;
	}


.topMenuPanelStyle .menuLeftStyle,
.topMenuPanelStyle .menuRightStyle,
.menuPopupTop, .menuPopupBottom,
.menuPopupMiddleRight, .menuPopupMiddleLeft {
	display: none !important;
}

.topSubMenu {
	right: 149px !important;
	left: inherit !important;
	top: 28px !important;
	z-index: 5;
	margin: 3px -4px 0px 4px;
	padding: 0;
	border: 1px #444 solid;
	border-radius: 0;
	background-color: #fff;
	box-shadow: none;
	width: 180px;
}

	.topSubMenu + .gwt-MenuBarPopup {
		right: 317px !important;
		left: inherit !important;
	}

.topSubMenu-2 + .gwt-MenuBarPopup {
	right: 430px !important;
	left: inherit !important;
}

.gwt-MenuBar-vertical {
	margin-top: 0;
}

.loginName {
	font-family: Rubik;
  	font-size: 12px;
  	font-weight: 500;
	color: #fff;
}

.btnGreen {
	height: 24px;
	padding: 5px;
	margin: 8px 20px; 
	border-radius: 5px;
	font-family: Rubik;
  	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.48px;
	color: #fff;
	position: fixed;
	right: 0;
}

html[dir="rtl"] .btnGreen {
	left: 0;
	right: inherit;
}

.mainMenu {
	list-style: none;
	margin-inline-start: 15px;
}

.mainMenu > li {
	list-style: none;
	margin: 0 5px;
	float: left;
	position: relative;
	height: 100%;
}

html[dir="rtl"] .mainMenu > li {
	float: right;
}

.mainMenu > li > a {
	display: block;
	font-family: 'Rubik';
	padding: 10px 15px;
	font-size: 14px;
	line-height: 17px;
	color: var(--primary-color-700);
	text-decoration: none;
	position: relative;
	height: 40px;
	display: flex;
	gap: 10px;
}
.mainMenu > li > a > span.title {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 205px;
	display: inline-block;
}
.mainMenu > li > a > span.arrow-icon {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('../../img/newArrowRight.svg') no-repeat center;
	transform: rotate(90deg);
}

.mainMenu > li.active > a > span.arrow-icon,
.mainMenu > li > a:hover span.arrow-icon {
	background: url('../../img/newArrowRightP100.svg') no-repeat center;
}

.mainMenu > li:hover > a,
.mainMenu > li.active > a {
	background-color: var(--primary-color-500);
	color: #fff;
}

.mainMenu > li:hover:after {
	background-color: transparent;
}

.mainMenu > li.add .mainMenu > li.add > a {
	font-size: 2.3em;
	padding-top: 7px;
}

.mainMenu > li.add:after {
	display: none;
}

html[dir="rtl"] .mainMenu ul, .hamburgerMenu ul.dropMenu, .personalMenu, .personalMenu ul, .helpContainer ul.dropMenu {
	width: 210px;
}

.mainMenu ul, .hamburgerMenu ul.dropMenu, .personalMenu, .personalMenu ul, .helpContainer ul.dropMenu {
	position: absolute;
	list-style: none;
	left: 0;
	right: inherit;
	top: 100%;
	border-radius: 8px;
	background-color: #fff;
	width: 240px;
	margin: -1px 0 0 0;
	padding: 6px 0;
	-webkit-box-shadow: var(--common-box-shadow);
	box-shadow: var(--common-box-shadow); /* Have to be removed for empty uls  */
	z-index: 99999;
}

	.personalMenu ul {
		top: 0;
		left: 100%;
	}
	
ul.personalMenu.dropMenu {
	right: inherit;
	left: inherit;
    top: 45%;
}

html[dir="rtl"] ul.personalMenu.dropMenu {
	right: inherit;
	left: inherit;	
}

.hamburgerMenu ul.dropMenu {
	width: 190px;
}

html[dir="rtl"] .hamburgerMenu .dropDown .dropMenu {
	left: 189px;
}

html[dir="rtl"] .helpContainer ul.dropMenu {
	left: 0px;
}

.helpContainer ul.dropMenu {
	top: 30px;
    left: -214px;
}

.hamburgerMenu .dropDown .dropMenu {
	left: -189px;
	top: -6px;
}

.mainMenu ul li,
.hamburgerMenu ul.dropDown li,
.personalMenu li,
.helpContainer ul.dropMenu li {
	/*height: 20px;*/
	position: relative;
	list-style: none;
}

	.mainMenu ul li + li,
	.hamburgerMenu ul.dropMenu li + li,
	.personalMenu li + li,
	.hamburgerMenu .dropDown li + li,
	.personalMenu .dropDown li + li,
	.helpContainer ul.dropMenu li + li {
		border-top: 1px solid var(--secondary-color-200);
	}

html[dir="rtl"] .mainMenu ul a,
.hamburgerMenu ul.dropMenu a,
.personalMenu a,
.hamburgerMenu ul.dropDown a,
.personalMenu .dropMenu a,
.helpContainer ul.dropMenu a {
	font-size: 13px;
}

.mainMenu ul a,
.hamburgerMenu ul.dropMenu a,
.personalMenu a,
.hamburgerMenu ul.dropDown a,
.personalMenu.dropMenu a,
.helpContainer ul.dropMenu a {
	color: var(--primary-color-700);
	font-family: var(--main-font-family);
	font-size: 12px;
	line-height: 16px;
	height: 100%;
	text-decoration: none;
	display: block;
	padding:  4px 2px 4px 25px;
	position: relative;
}

.helpContainer ul.dropMenu a {
	padding: 4px 10px 4px 10px;
}

.merk_menu_item_M {
	padding-right: 17px !important;
}

.hamburgerMenu ul.dropDown a {
	padding: 4px 9px;
}

.personalMenu a:hover, .btnFavorite:hover {
	text-decoration: none;
}

html[dir="rtl"] .personalMenu a.merk_menu_item_M:after, .mainMenu ul a.merk_menu_item_M:after, .personalMenu ul a.merk_menu_item_M:after, .hamburgerMenu ul.dropDown a[data-type="Menu"]:after {
	background: url('../../img/arrow-left2.png') no-repeat;
}
html[dir="rtl"] .hamburgerMenu ul.dropDown .change_lang a[data-type="Item"]:after {
	right: inherit;
	left: 7px;
}

.hamburgerMenu ul.dropDown .change_lang a[data-type="Item"]:after {
	background: url('../../img/new_globe_black.svg') no-repeat;
	content: "";
	width: 16px;
    height: 16px;
	display: inline-block;
	margin-right: 3px;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -7px;
}

.hamburgerMenu ul.dropDown .change_lang a[data-type="Item"]:hover:after {
	background: url('../../img/new_globe_purple.svg') no-repeat;
}

.personalMenu a.merk_menu_item_M:after,
.mainMenu ul a.merk_menu_item_M:after,
.personalMenu ul a.merk_menu_item_M:after,
.hamburgerMenu ul.dropDown a[data-type="Menu"]:after {
	content: "";
	background: url('../../img/newArrowRight.svg') no-repeat;
	width: 9px;
	height: 14px;
	display: inline-block;
	margin-right: 3px;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -7px;
}

.personalMenu a.merk_menu_item_M:hover:after,
.mainMenu ul a.merk_menu_item_M:hover:after,
.personalMenu ul a.merk_menu_item_M:hover:after,
.hamburgerMenu ul.dropDown a[data-type="Menu"]:hover:after {
	background: url('../../img/newArrowRightPurple.svg') no-repeat;
}

html[dir="rtl"] .personalMenu a.merk_menu_item_M:hover:after,
html[dir="rtl"] .mainMenu ul a.merk_menu_item_M:hover:after,
html[dir="rtl"] .personalMenu ul a.merk_menu_item_M:hover:after,
html[dir="rtl"] .hamburgerMenu ul.dropDown a[data-type="Menu"]:hover:after {
	background: url('../../img/newArrowLeftPurple.svg') no-repeat;
}

[class^="merk_menu_item_"]:before {
	font-family: "Rubik";
	font-size: 9px; 
	position: absolute;
	border: 1px solid;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 2px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    left: 6px;
}

html[dir="rtl"] [class^="merk_menu_item_"]:before {
	right: 6px;
	left: inherit;
}

.merk_menu_item_W:before {
	content: "W";
	color: var(--palette-color-220);
	border-color: var(--palette-color-220);
	background: var(--additional-color-220);
}

.merk_menu_item_M:before {
	content: "M";
	color: var(--palette-color-pink);
	border-color: var(--palette-color-pink);
	background: var(--additional-color-pink);
}

.merk_menu_item_D:before {
	content: "D";
	color: var(--palette-color-malibu);
	border-color: var(--palette-color-malibu);
	background: var(--additional-color-blue);
}

.merk_menu_item_P:before, 
.merk_menu_item_G:before,
.merk_menu_item_B:before,
.merk_menu_item_O:before {
	content: "P";
	color: var(--palette-color-green);
	border-color: var(--palette-color-green);
	background: var(--additional-color-green);

}

.merk_menu_item_F:before {
	content: "F";
	color: var(--primary-color-400);
	border-color: var(--primary-color-400);
	background: var(--additional-color-purple);
}

.merk_menu_item_R:before {
	content: "R";
	color: var(--validation-color-red);
	border-color: var(--validation-color-red);
	background: var(--additional-color-coral);
}

.sideMenu > li > a.recentItem.merk_menu_item_W:before {
	content: "W";
	color: #47d2dd;
	border: solid 1px #3de1ee;
  	background-color: rgba(71, 210, 221, 0.15);
}

.sideMenu > li > a.recentItem.merk_menu_item_D:before {
	content: "D";
	color: var(--palette-color-malibu);
	border: solid 1px var(--palette-color-malibu);
  	background-color: rgba(94, 208, 249, 0.15);
}

.sideMenu > li > a.recentItem.merk_menu_item_B:before {
	content: "P";
	color: #b17ee7;
	border: solid 1px #9e42ff;
  	background-color: rgba(204, 155, 255, 0.25);
}

.sideMenu > li > a.recentItem.merk_menu_item_O:before {
	content: "P";
	color: #f5a458;
	border: solid 1px #f5a458;
  	background-color: rgba(245, 164, 88, 0.25);
}

.sideMenu > li > a.recentItem.merk_menu_item_F:before {
	content: "F";
	color: #9C9AFF;
	background: rgba(59, 55, 230, 0.2);
	border: 1px solid #7672FC;
}

.sideMenu > li > a.recentItem.merk_menu_item_P:before {
	content: "P";
	color: var(--palette-color-green);
	background: rgba(216, 240, 222, 0.15);
	border: 1px solid var(--palette-color-green);
}

.sideMenu > li > a.recentItem.merk_menu_item_R:before {
	content: "R";
	color: var(--validation-color-red);
	border: solid 1px rgba(237, 123, 111, 0.5);
  	background-color: rgba(237, 123, 111, 0.25);
}

.merk_menu_item_bullet:before {
	content: "\2022";
	font: bold 15px/11px Arial;
	position: absolute;
	left: 6px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 6px;
	padding-right:5px;
}

.lastUpdateBullet {
	width: 10px;
	height: 10px;
	background: var(--secondary-color-400);
	border-radius: 50%;
	display: inline-flex;
    margin-inline-start: 15px;
    flex-shrink: 0;
}

.mainMenu ul li.active > a,
.personalMenu li.active > a {
	background-color: var(--primary-color-200);
}

/* Cancel Hover */
.mainMenu ul li:hover > a,
.personalMenu li:hover > a,
.hamburgerMenu ul.dropDown li:hover > a {
	background-color: var(--primary-color-100);
}

.mainMenu ul li:active > a {
	background: var(--primary-color-100);
}

.mainMenu ul ul {
	left: 100%;
	top: -1px;
}

	.mainMenu ul ul.openMenuToTheLeft {
		left: -75%;
		top: -1px;
	}

.mainMenu > li.btnFavorite:after {
	display: none;
}

.btnFavorite {
	background-image: url("../../img/favoriteList.svg");
	width: 24px;
	height: 24px;
}

.btnFavorite > a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

.personalMenu a {
	background: none;
}

.btnFavorite:hover {
	background-image: url("../../img/favoriteListHover.svg");
}

.personalMenu {
	display: block;
	position: relative;
}

.wrapper {
	font: normal 62.5% Arial;
	overflow: hidden;
	max-height: calc(100% - 30px);
	direction: ltr;
	-webkit-text-size-adjust: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.wrapper *:focus,
	.wrapper *:hover {
		outline: none !important;
	}

	.wrapper * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.wrapper a {
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	.wrapper .container {
		padding: 40px 57px 0;
		margin: 0;
	}
	
	.wrapper .new-hp-container {
		display: flex;
		flex-direction: column;
		padding: 24px 20px 0;
		width: 100%;
		background-color: var(--primary-color-100, #fff);
	}

		.wrapper .container:after {
			content: "";
			clear: both;
			display: block;
		}

#sideMenuWrapper {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	width: 300px;
	position: relative;
	margin-left: 26px;
}

#sideMenuWrapper .sidebar-menus {
	flex-grow: 1;
	border-radius: 10px 10px 0 0;
    background: var(--primary-color-700);
}

html[dir="rtl"] #sideMenuWrapper  {
	margin-right: 26px;
	margin-left: 0;
}

html[dir="rtl"] #sideMenuWrapper.narrowMargin {
	margin-right: 16px;
}

/*
aside:after {
	display: block;
	content: "";
	height: inherit;
	border-left: 3px solid #32647c;
	position: absolute;
	left: -28px;
	top: 0;
}*/

.sideMenu {
	list-style: none;
	padding: 10px 0;
	background: rgba(101, 108, 115, 0.2);
}

	.sideMenu > li {
		list-style: none;
		width: 290px;
    	margin: 0 5px;
	}
		
		.sidebar-header {
			position: relative;
			display: flex;
    		justify-content: space-between;
    		align-items: center;
			height: 40px;
			color: #fff;
			padding: 0 10px;
			text-decoration: none;
			-webkit-transition: background-color 0.2s ease-out;
			-moz-transition: background-color 0.2s ease-out;
			-o-transition: background-color 0.2s ease-out;
			transition: background-color 0.2s ease-out;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			font-family: 'Rubik';
			font-size: 16px;
			line-height: 20px;
			text-decoration: none;
			cursor: pointer;
		}

		.sidebar-header.first-header {
			/*margin-bottom: 0;*/
		}

		.sidebar-header:active {
			background-color: #202932;
		}

		.sidebar-header:hover,
		.sidebar-header:focus {
			background-color: rgba(59, 55, 230, 0.15); 
			color: white;
			text-decoration: none;
		}

		.sidebar-header:after {
			display: inline-block;
			content: "";
			width: 24px;
			height: 24px;
			background: url('../../img/arrow-to-top.svg');
			transform: rotateX(180deg);
		}
		
		.sidebar-header.closed:after {
			transform: none;
		}
		
		.sidebar-header.recentActivities.closed {
			border-bottom: 2px solid rgba(101, 108, 115, 0.2);
		}

		.btnDropDown {
			cursor: pointer;
		}


		.sideMenu > li > a {
			position: relative;
			display: block;
			font-family: 'Rubik';
			font-size: 14px;
			/*line-height: 20px;
			height: 23px;*/
			padding: 7px 0;
			color: #fff;
			text-decoration: none;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			width: 100%;
			white-space: initial;
			overflow: hidden;
			/*padding: 0 20px;
			padding-bottom: 8px;*/
		}
		
		.sideMenu.lastUpdates > li > a {
			padding: 5.5px 0;
			margin-inline-start: 15px;
		}
		
		.sideMenu > li > a.recentItem:before {
			font-family: 'Rubik';
			font-size: 12px;
			font-weight: 600;
			width: 18px;
   		 	height: 16px;
   		 	display: inline-block;
    		text-align: center;
    		margin: 0 10px;
    		padding-top: 2px;
			border-radius: 5px;
			line-height: 14px;
			position: initial;
		}
		
		.sideMenu.lastUpdates {
			display: flex;
			flex-wrap: wrap;
			padding: 2px 0 0;
		}
		
		.sideMenu.lastUpdates li {
   			display: flex;
    		align-items: baseline;
    		width: 90%;
		}

		.sideMenu > li.open > a {
			background-color: #394d57;
		}

		.sideMenu > li:hover {
			border-radius: 5px;
    		border: solid 0 #bfd0d7;
    		background-color: rgba(255, 255, 255, 0.15);
		}

	.sideMenu ul {
		padding: 0;
		list-style: none;
		margin: 0;
		display: none;
	}

		.sideMenu ul li:first-child {
			border-top: 1px solid #131a1d;
		}

		.sideMenu ul li {
			list-style: none;
			height: 31px;
			padding: 0 15px;
		}

		.sideMenu ul a {
			background: #2f4049;
			height: 100%;
			display: block;
			border-bottom: 1px solid #28373f;
			font-size: 1.5em;
			color: #fff;
			line-height: 30px;
			text-decoration: none;
			padding: 0 10px 0 20px;
		}

ul.lastUpdates a {
	display: table;
}

ul.lastUpdatesContainer {
	overflow: auto;
	height: 230px;
}

.mainContainer {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	flex-grow: 1;
	overflow: hidden;
}

.subjectsMenuContainer {
	margin-right: 290px;
	width: 900px;
}

.scrollable.gray-skin .scroll-bar {
	border: none;
}

.scrollable.gray-skin .scroll-bar.horizontal {
	margin-bottom: 20px; 
	height: 15px;
}

.scrollable.gray-skin .scroll-bar .thumb {
	background-color: #32647c;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
	background-color: #32647c;
}

	.subjectsMenuItem{
		position: relative;
		list-style: none;
		float: left;
	}
	
	.portletMenuItem {
		padding: 0 0px 0px;
		width: 410px;
		height: 275px;
	}
	
	html[dir="rtl"] .portletMenuItem {
		display: flex;
    	justify-content: end;
    	float: right;
	}

	.subjectsMenuItem a	{
		position: relative;
		display: block;
		width: 140px;
		height: 140px;
		background: #fff;
		font-family: Rubik;
  		font-size: 14px;
		text-decoration: none;
		overflow: hidden;
		border-radius: 10px;
  		box-shadow: 0 10px 20px 0 rgba(4, 40, 60, 0.2);
	}

	.subjectsMenuItem table a,
	.subjectsMenuItemTitleImage{
		background: #43758d;
		width: 24px;
		height: 24px;
		color: #fff;
		display: inline;
		font-size: 16px;
		line-height: 18px;
		text-decoration: none;
		padding: 1px 2px 1px 2px;
		overflow: hidden;
	}

	.subjectsMenuItem table,
	.subjectsMenuItem #homepage-widget {
		background: #fff;
		/*padding: 20px 39px;*/
		padding: 13px 29px;
		border-spacing: 0px;
		border-radius: 10px;
    	box-shadow: 0 10px 20px 0 rgba(4, 40, 60, 0.2);
	}
	
	.homepageWidget #homepage-widget {
		width: 590px;
		height: 290px;
		padding: 20px;
		cursor: grab;
	}
	
	.portletDropdownContainer {
		display: none;
		position: absolute;
    	top: 55px;
    	left: 49px;
    	background: #fff;
    	color: var(--primary-color-700);
    	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    	padding: 5px;
    	text-align: right;
    	font-size: 12px;
    	width: 90px;
    	font-family: Rubik;
    	font-size: 12px;
    	font-weight: 500;
    	height: 50px;
	}
	
	.portletDropdownContent {
    	border-radius: 5px;
    	text-align: left;
    	line-height: 40px;
    	padding: 0 10px;
	}
	
	.portletDropdownContent.rtlText {
		text-align: right;
	}

	.portletDropdownContentLtr {
		display: none;
		position: absolute;
		top: 28px;
		background: #43758d;
		color: #fff;
		min-width: 80px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 6px 8px;
		z-index: 1;
		text-align: left;
		font-size: 14px;
	}

	.portletDropdownContent:hover,
	span.portletItemText:hover {
		background-color: var(--primary-color-100);
		color: var(--primary-color-500);
	}
	
	.topPortletDropdown ul{
		margin-left: 0em; 
	}
	
	.topPortletDropdown a{
		padding: 0px !important;
	}
	
	.subjectsMenuItem table div{
		background: #32647c;
	}
	
	.subjectsMenuItem table div a{
		background: #32647c;
	}

	.subjectsMenuItem table div ul a{
		background: #43758d;
	}


	.portletDropdownContentWide {
		display: none;
		position: absolute;
		top: 43px;
		left: 397px;
		background: #fff;
    	color: var(--primary-color-700);
    	width: 190px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		text-align: left;
		font-size: 12px;
	}
	
	.portletDropdownContentWide.rtlText {
		text-align: right;
	}
	
	.portletDropdownContentWide li {
		width: 100%;
    	padding: 5px;
    	cursor: pointer;
    	height: 50px;
    	line-height: 40px;
    	border-bottom: solid 1px var(--secondary-color-200);;
	}
	
	span.portletItemText {
    	display: inline-block;
    	border-radius: 5px;
    	padding-left: 10px;
    	width: 180px;
    	font-weight: 500;
	}
	
	td.portletTitle {
		width: 100%;
		font-family: Rubik;
  		font-size: 16px;
  		color: var(--secondary-color-700);
	}

	.portletDropdownContentWideLtr li{
		width: 100%;
		padding: 10px 8px;
		text-align: left;
		font-size: 14px;
		padding-bottom: 15px;
		cursor: pointer;
	}

	.portletShow {
		display:block;
	}

	.topPortletDropdown {
		display: inline-block;
        position: absolute;
        top: 10px;
        left: 5px;
        z-index: 2;
		cursor: pointer;
	}

	.topIconPortletDropdown {
		display: block;
		direction: ltr;
		position: absolute;
		top: 1px;
		left: 1px;
		z-index:2;
		cursor: pointer;
	}
	
	.portletBigDots {
		position: absolute;
		background-image: url("../../img/menu-dots.svg");
		background-repeat: no-repeat;
		background-position: center;
		width: 44px;
    	height: 44px;
	}
	
	.topIconPortletDropdown span.portletBigDots {
		top: 16px;
    	left: 95px;
	}
	
	.topIconPortletDropdown span.portletBigDots.active,
	#portletDropdownMenuID span.portletBigDots.active {
		box-shadow: 0 10px 20px 0 rgba(4, 40, 60, 0.2);
		background-color: #fff;
	}
	
	.topIconPortletDropdown span.portletBigDots:hover, 
	#portletDropdownMenuID span.portletBigDots:hover {
		background-image: url("../../img/menu-dots-hover.svg");
	}
	
	#portletDropdownMenuID span.portletBigDots {
    	top: 0;
    	left: 544px;
	}
	
	.label-number {
		position: absolute;
		z-index:2;
		cursor: pointer;
   		width: 18px;
    	height: 14px;
    	padding: 0 5px;
    	border-radius: 30px;
    	background-color: var(--primary-color-700);
    	right: -8px;
    	top: -6px;
    	text-align: center;
	}
	
	.label-number.twoDigits {
		width: 25px;
	}
	
	.label-number.threeDigits {
		width: 33px;
	}
	
	.label-number.fourDigits {
		width: 41px;
	}

	.label-number span {
		font-size: 12px;
		color: white;
		font-family: Rubik;
    	font-weight: 500;

	}

	.label-number:hover {
		background-color: var(--primary-color-500);
	}

	.imgContainer.screen-icon {
		background-color: #e3eeff;
	}
	
	.imgContainer.report-icon {
		background-color: rgba(255, 223, 217, 0.5);
	}
	
	.imgContainer.wizard-icon {
		background-color: rgba(215, 255, 245, 0.5);
	}
	
	.imgContainer.process-icon {
		background-color: rgba(216, 240, 222, 0.5);
	}
	
	.imgContainer.dashboard-icon {
		background-color: #f7efff;
	}
	
	.imgContainer.bi-icon {
		background-color: #faede1;
	}
	
	.imgContainer.invoice-icon {
		background-color: rgba(215, 247, 255, 0.5);
	}
	
.tile-footer {
   position: absolute;
   display: none;
   right: 8px;
   bottom: 0;
}

.tile-footer img {
	width: 24px;
}

.subjectsMenuItem:hover .tile-footer {
	display: inline;
}

html[dir="rtl"] .subjectsMenuItem:hover .tile-footer {
	transform: scaleX(-1);
}

html[dir="rtl"] .tile-footer img {
	transform: scaleX(-1);
}  

.displayNone {
	display: none !important;
}

.body-overflow {
	background-color: #f5f9ff; 
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-background-size: 72vh;
	-moz-background-size: 72vh;
	-o-background-size: 72vh;
	background-size: 72vh;
	background-position: left 20px top 105px;
}

html[dir="rtl"] .body-overflow {
	background-position: right 20px top 105px;
}

#menuholder {
	visibility: visible;
}

.body-overflow #menuholder {
	visibility: hidden;
}

.openedWindows {
	position: relative;
	margin-top: 2px;
}

.btnOpenedWindows {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
	font-size: 24px;
	color: white;
}

.btnOpenedWindows:visited {
	color: white;
}

.btnOpenedWindows:hover {
	color: var(--primary-color-500);
	text-decoration: none;
}

.openedWindowsNumber {
	width: 18px;
	height: 14px;
	background: var(--primary-color-500);
	border-radius: 9px;
	position: absolute;
	right: 11px;
	top: 0;
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-size: 11px;
	font-weight: 900;
    font-family: 'Roboto';
}

html[dir="rtl"] .openedWindowsNumber {
	right: 13px;
}

.btnOpenedWindows:hover .openedWindowsNumber {
	color: var(--primary-color-500);
	background: #fff;
}

.openedWindowsList {
	position: absolute;
	right: 112px;
	top: 30px;
	right: inherit;
	z-index: 20;
	list-style: none;
}

html[dir="rtl"] header {
	direction: rtl;
}

html[dir="rtl"] .searchContainer {
	float: right;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

	html[dir="rtl"] .searchContainer input {
		padding: 5px 10px 5px 30px;
	}

	html[dir="rtl"] .searchContainer .btnHamburger {
		top: 0;
		left: 0;
		right: inherit;
		border-right: 1px solid #2bb0e2;
		border-left: none;
	}

	html[dir="rtl"] .topSearch .searchContainer input {
		direction: rtl;
		padding: 3px 0 0 30px;
	}

	html[dir="rtl"] .topSearch .searchContainer .btnSearch {
		left: 0;
		right: inherit;
	}

	html[dir="rtl"] .topSearch .searchContainer .btnHamburger {
		left: 0;
		right: inherit;
		border-right: 2px solid #48c0ee;
		border-left: none;
	}

	html[dir="rtl"] .ui-state-highlight {
		transform: scale(1.6);
		background: none;
		border: none;
		margin-left: 20px;
	}

html[dir="rtl"] a.btnAdvanced {
	float: left;
	padding: 0 9px 0 6px;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

html[dir="rtl"] .advancedQueryList,
html[dir="rtl"] .openedWindowsList {
	right: -150px;
	left: inherit;
}

	html[dir="rtl"] .advancedQueryList .itemShortcut {
		float: left;
	}

	html[dir="rtl"] .hamburgerMenu .dropDown {
		left: -1px;
		right: inherit;
	}

		html[dir="rtl"] .hamburgerMenu .dropDown:after {
			left: 71px;
			right: inherit;
			border-left: 1px solid #f3f5f6;
			border-right: none;
		}

		html[dir="rtl"] .hamburgerMenu .dropDown li {
			/*float: right;*/
		}

html[dir="rtl"] .topMenuPanelStyle {
	left: 25px !important;
	right: inherit !important;
	text-align: right;
}

html[dir="rtl"] .topSubMenu {
	left: 149px !important;
	right: inherit !important;
	margin: 3px 4px 0px -4px;
}

	html[dir="rtl"] .topSubMenu + .gwt-MenuBarPopup {
		left: 317px !important;
		right: inherit !important;
	}

html[dir="rtl"] .topSubMenu-2 + .gwt-MenuBarPopup {
	left: 430px !important;
	right: inherit !important;
}

html[dir="rtl"] .openedWindowsList {
	left: 112px;
}

.queryPanelStyle_designed,
.queryPanelStyle {
	display: none;
}

html[dir="rtl"] .mainMenu {
	float: right;
}

html[dir="rtl"] .mainMenu ul {
	left: inherit;
	right: 0;
}

		html[dir="rtl"] .mainMenu ul a,
		html[dir="rtl"] .personalMenu a {
			padding: 4px 30px 4px 4px;
		}

html[dir="rtl"] .merk_menu_item_M {
	padding-left: 17px !important;
	padding-right:30px !important;
}

html[dir="rtl"] .dropMenuHelp a[data-type="Menu"] {
	background-image: url('../../img/arrow-left2.png');
	background-position: 10px 5px;
	background-repeat: no-repeat;
}

html[dir="rtl"] ul.lastMenuHelp {
	left: 239px !important;
}

ul.lastMenuHelp {
	left: -387px!important;
}


.dropMenuHelp a[data-type="Menu"] {
	background-image: url('../../img/arrow-right2.png');
	  background-position: 220px 5px;
	  background-repeat: no-repeat;
}

html[dir="rtl"] .personalMenu a.merk_menu_item_M:after,
html[dir="rtl"] .mainMenu ul a.merk_menu_item_M:after,
html[dir="rtl"] .hamburgerMenu .dropDown a:after {
	border-right: none;
	right: inherit;
	background: url('../../img/newArrowLeft.svg') no-repeat;
	left: 7px;
}

.scrollMenue .firstItem{
	background: url('../../img/arrow-down-blue.png') no-repeat;
	background-position: center; 
	height: 15px;
	transform: rotate(180deg);
}

.scrollMenue .lastItem {
	background: url('../../img/arrow-down-blue.png') no-repeat;
	background-position: center; 
	height: 15px;
}

.scrollMenue .hideItem {
	display: none;
}

html[dir="rtl"] .sideMenu .merk_menu_item_W:before,
html[dir="rtl"] .sideMenu .merk_menu_item_M:before,
html[dir="rtl"] .sideMenu .merk_menu_item_D:before,
html[dir="rtl"] .sideMenu .merk_menu_item_P:before,
html[dir="rtl"] .sideMenu .merk_menu_item_B:before,
html[dir="rtl"] .sideMenu .merk_menu_item_O:before,
html[dir="rtl"] .sideMenu .merk_menu_item_F:before,
html[dir="rtl"] .sideMenu .merk_menu_item_R:before {
	right: 0;
	left: inherit;
}

html[dir="rtl"] .mainMenu ul ul, html[dir="rtl"] .personalMenu ul {
	right: 100%;
	left: inherit;
}

	html[dir="rtl"] .mainMenu ul ul.openMenuToTheRight {
		right: -210px;
		left: inherit;
	}

html[dir="rtl"] .mainMenu .btnFavorite a {
	background-position: right 13px;
}

html[dir="rtl"] .mainMenu .btnFavorite:hover a {
	background-position: right -22px;
}

html[dir="rtl"] .wrapper {
	direction: rtl;
}

html[dir="rtl"] aside {
	float: left;
}

html[dir="rtl"] .mainContainer {
	/*margin-right: 290px;*/
	margin-left: 0;
/*	padding-top: 27px;
	border-top: 2px solid rgba(255, 255, 255, 0.7);*/
}

#ui-id-1 {
	top: 46px !important;
	left: calc((100vw - 678px) / 2);
	z-index: 60001;
	width: 674px !important;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: var(--common-box-shadow);
}

#ui-id-2 {
	top: 170px !important;
	left: 57px !important;
	width: 545px !important;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 3;
	box-shadow: var(--common-box-shadow);
}

html[dir="rtl"] #ui-id-2 {
	right: 57px;
	left: unset !important;
}

.ui-menu-item {
	font-size: 14px;
	color: #182b35;
	line-height: 27px;
	cursor: pointer;
}

.ui-state-focus, .ui-state-hover {
	border: none !important;
	background: #edeeef !important;
}

.ui-autocomplete.ui-widget-content {
	border: none;
	border-radius: 8px;
}

.ui-menu .ui-menu-item a {
	font-size: 16px;
	color: var(--primary-color-700);
	font-family: var(--main-font-family);
}

/*.ui-menu-item span:after {
		content: "";
		border-left: solid 2px #bbc9ce;
		display: inline-block;
		width: 1px;
		height: 14px;
		vertical-align: text-bottom;
		margin-right: 3px;
	}*/

.ui-menu .ui-menu-item a {
	font-weight: normal;
	margin-left: 1px;
}

.ui-menu-item span:before {
	content: "";
	border-left: solid 2px #bbc9ce;
	display: inline-block;
	width: 1px;
	height: 14px;
	vertical-align: text-bottom;
	margin-left: 3px;
}
.ui-menu .ui-menu-item a b {
	font-weight: 400 !important;
}
.ui-menu .ui-menu-item a b span {
	color: var(--primary-color-500);
	font-size: 14px;
}

	.ui-menu .ui-menu-item a b span.ctrlEnter {
		font-weight: normal;
		color: #8d9fa7;
		display: none;
	}

.ui-menu-item span.ctrlEnter:before {
	border: none;
}

.ui-menu .ui-menu-item.ui-state-focus a b .ctrlEnter {
	display: inline;
}

#esearchPopup {
	z-index: 4190;
	left: 0 !important;
	position: absolute;
	display: block;
	top: 86px;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	border: none;
}

.popupContent {
	color: var(--primary-color-700);
	font-size: 14px;
}



.hideEsearchBtn {
	right: 20px;
	position: absolute;
	top: 4px;
	background: #fff;
	border: solid 1px #bbc9ce;
	padding: 4px 9px;
	border-radius: 3px;
	color: #5a6d76;
	font-size: 13px;
	width: 46px;
	height: 25px;
}

html[dir="rtl"] .hideEsearchBtn {
	left: 17px;
	right: auto;
}

html[dir="rtl"] #esearchPopupContent:before {
	right: 150px;
}

#esearchPopupContent:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #bbc9ce;
	position: absolute;
	left: 250px;
	margin-right: 100px;
}

.popupContent .right {
    height: calc(100vh - 190px);
    overflow: auto;
}
.right {
	float: left;
}

html[dir="rtl"] .right {
	float: right;
}

.popupContent .right {
	width: 20% !important;
	padding: 0;
}

.popupContent .right h2 {
	padding-top: 0;
	color: var(--primary-color-700);
}

html[dir="rtl"] .popupContent .right {
	width: 20% !important;
}

	html[dir="rtl"] .popupContent .right span {
		float: right;
	}

.popupContent .right span {
	display: inline-block;
	font-family: var(--main-font-family);
	font-weight: normal;
	color: var(--primary-color-700);
	float: left;
	cursor: pointer;
	padding: 0;
}

h2#entity {
	font-family: var(--main-font-family);
	color: var(--primary-color-700);
}

html[dir="rtl"] .popupContent .tagcloud div {
	text-align: left;
}

.popupContent .tagcloud div {
	height: 24px;
	line-height: 24px;
	text-align: right;
	padding: 0 5px 0 3px;
	font-family: var(--main-font-family);
	color: var(--primary-color-500);
	cursor: pointer;
	background: #ffffff;
}

.popupContent .right .tagcloud_item_current {
	font-weight: bold;
	display: block;
	background: var(--primary-color-200);
	height: 24px;
}

.tagcloud:after {
	clear: both;
	display: block;
	content: "";
}

.popupContent .right .tagcloud div.tagcloud_item:hover {
	background: var(--primary-color-100);
}

.tagcloud_item span { 
	max-width: 165px;
	overflow: hidden;
}

.popupContent .left {
	/*float: none;*/
	width: 75%;
	padding: 0 20px 10px 16px;
	border-left: none;
	text-align: justify;
	/*margin-right: 250px;*/
	/*margin-left: 65px;*/
}

html[dir="rtl"] .popupContent .left {
	/*float: none;*/
}

.popupContent .navigation {
	line-height: 35px;
	border-bottom: 1px solid #bbc9ce !important;
}

.popupContent #pager, .popupContent #pager-header {
	/*margin-left: 165px;*/
}

html[dir="rtl"] .popupContent #pager, .popupContent #pager-header {
	display: inline-block;
}

	html[dir="rtl"] .popupContent #pager, .popupContent #pager-header > span {
		margin-left: 0;
	}

	.popupContent #pager, .popupContent #pager-header > span {
		margin-left: 10px;
		font-family: var(--main-font-family);
	}

.popupContent .pager {
	direction: ltr;
}

.pager li {
	list-style-type: none;
	display: inline-block !important;
	width: auto;
	height: 18px;
	margin-right: 1px;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}

.pager .pager-current {
	color: #fff;
	background: var(--primary-color-500);
	padding: 2px;
	/* width: 100%; */
	margin-right: 5px;
	min-width: 18px;
}

.pager a {
	background: none;
	padding: 2px;
	color: var(--primary-color-500);
}

.pager a:hover {
	background: var(--primary-color-200);
}

.pager a:visited {
	color: var(--primary-color-500);
}

.pager a,
.pager span {
	display: block;
	min-width: 18px;
}

/*.popupContent .pager-prev:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: solid 1px #46535b;
	border-right: solid 1px #46535b;
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	position: absolute;
	right: 0;
	top: 4px;
	background: transparent;
}*/

/*.popupContent .pager-next:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: solid 1px #46535b;
	border-right: solid 1px #46535b;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 4px;
	background: transparent;
}*/

.popupContent .pager-next,
.popupContent .pager-prev {
	background: transparent;
	position: relative;
	width: 7px;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
  	margin-right: 5px;
}

	.popupContent .pager-next:hover,
	.popupContent .pager-prev:hover {
		text-decoration: none;
	}

		.popupContent .pager-next:hover:before,
		.popupContent .pager-prev:hover:before {
			border-top: solid 1px #169dee;
			border-right: solid 1px #169dee;
		}

.popupContent .pager-disabled {
	color: var(--secondary-color-400);
}

	.popupContent .pager-disabled.pager-next:hover:before,
	.popupContent .pager-disabled.pager-prev:hover:before {
		border-top: solid 1px #46535b;
		border-right: solid 1px #46535b;
	}

#docs {
	height: calc(100vh - 230px);
    width: 100%;
    overflow: auto;
    font-family: var(--main-font-family);
}

#docs .fake-link {
	font-size: 21px;
	line-height: 26px;
	color: var(--primary-color-500);
	cursor: pointer;
	display: inline-block;
}

	#docs .fake-link:hover {
		color: var(--primary-color-400);
		text-decoration: underline;
	}

#docs h2 div {
	color: var(--primary-color-700);
	font-size: 16px;
	letter-spacing: normal;
}

#docs p { 
	width: 90%;
}

#docs p div, #docs p b {
	font-size: 12px;
	color: var(--primary-color-700);
	font-weight: normal;
	line-height: 16px;
}

#docs em {
	font-weight: bold;
	color: red;
}


html[dir="rtl"] #docs {
	margin: 0;
}

.topHeaderBtn {
	float: right;
	margin-left: 15px; 
}

html[dir="rtl"] .topHeaderBtn {
	margin-left: 0;
	margin-right: 15px;
	float: left;
}

.btnMenu {
	background: url("../../img/arrow_down.svg");
	width: 24px;
    height: 24px;
    margin-bottom: 6px;
}

.btnMenu:hover {
	background: url("../../img/arrow_down_hover.svg");
}

header.active .btnMenu {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: 16px;
    margin-bottom: -6px;
}

.helpContainer {
	width: 24px;
    height: 28px;
	position: relative;
}

.helpContainer .help {
	background: url("../../img/btnHelp.svg");
	width: 24px;
	height: 26px;
	display: block;
}

.helpContainer .help:hover {
	background: url("../../img/btnHelp_hover.svg");
}

#searchbottomHeader {
	background: url('../../img/search_24.svg');
	width: 24px;
	height: 24px;
	margin-inline-start: 20px;
}

html[dir="rtl"] #searchbottomHeader {
	float: right;
}

#searchbottomHeader:hover {
	background: url('../../img/search_24_hover.svg');
}

	#searchbottomHeader:active {
		background: url('../../img/search_click.png') no-repeat;
	}

.select-v {
	background: url('../../img/confirmP500.png') 163px no-repeat ;

}

html[dir="rtl"] .select-v {
	background-position-x: 2px;
}

.active > .select-v {
  background-color: var(--primary-color-200) !important;
  
}

html[dir=rtl] .merk_menuoptions {
	float : left;
}

.merk_menuoptions {
	float : right;
	color : transparent;
	font-weight : bold;
}

html[dir="rtl"] .shortcuts {
	float: left;
	margin-left: 9px;
	font-size: 12px;
	direction: ltr;
}

.shortcuts {
	font-weight: normal;
	float: right;
	font-size: 11px;
	color: #232323;
}

.merk_menu_item_P {
	overflow: hidden;
}

/* Range Filters */

.range-filters-container {
	margin-top: 20px;
	font-family: var(--main-font-family);
}

.range-filters-div {
	border-top: 1px solid #bbc9ce;
}

.range-filters-header {
	width: 250px;
	margin-top: 20px;
	line-height: 30px;
	background-size: 12px;
	font-weight: 600;
	font-size: 13px;
	color: black;
/*	border-bottom: 1px solid #BBC9CE;*/
}

.range-list {
	list-style: none;
	padding: 0;
	width: 100%;
}

html[dir="rtl"] .range-list {
	width: 100%;
}

html[dir="rtl"] .custom-range {
	width: 100%;
}

.range-filters:hover {
	background-color: var(--primary-color-100);
}

.range-filters a {
	display: block;
	width: 240px;
	padding: 5px;
	text-decoration: none;
	color: #3b3c3c;
}

.range-filters a:hover {
	color: var(--primary-color-500);
}

.range-divider,
.custom-range {
	border-bottom: 1px solid #BBC9CE;
}

.range-filters.checked {
	background-color: var(--primary-color-200);
}

.hidden {
	display: none;
}

.checked {
	background-color: #edeeef;
}


/* Custom range styles */
.custom-range {
	width: 240px;
	height: 110px;
	padding: 0 5px;
}

.custom-range > input {
	width: 80px;
}

.custom-range input,
.custom-range label {
	margin-top: 10px;
}

.custom-range-btn {
	display: block;
	margin: 10px 45px;
}

html[dir=rtl] .custom-range-btn {
	margin-right: 25px;
}

.custom-range label {
	display: inline-block;
	width: 40px;
}

html[dir=rtl] .custom-range label {
	display: inline-block;
	width: 20px;
}

div.ui-datepicker {
	font-size: 10px;
	top: 430px !important;
	right: 120px;
}
div.ui-datepicker.en{
    left: 155px !important;
}
/* Removing borde line on sidebar from clean.css */
.gwt-PopupPanel {
	padding: 0;
}




/* Permissions Explorer Styles */
.permissions-main {
	font: normal 400 18px "PT Sans", sans-serif;
	background-color: white;
	padding-right: 35px;
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 0;
	left: 0;
	border: none;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
}

.permissions-main * {
	box-sizing: content-box;
}

/*.permissions-main .outer,
.permissions-main .inner {
	box-sizing: content-box;
}*/

.permissions-title,
.permissions-popup-title {
	color: #19b5f0;
}

html[dir="rtl"] .permissions-list-main {
	float: right;
}

.permissions-list-main {
	float: left;
}

.permissions-list-main,
.permissions-popup-list {
	list-style: none;
	font-size: 0; /* inline-block default margin bug fix */
}

.permissions-list-item,
.popup-item-cell {
	outline: none;
	width: auto;
	position: relative;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.active-permission {
	background-color: #bcebff;
}

ul.permissions-list{
	background-color: #fff;
}

.list-header,
.permission-item-cell {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	border: 1px solid #d7dee1;
	padding: 0 0 0 64px;
}

html[dir=rtl] .list-header,
html[dir=rtl] .permission-item-cell {
	padding: 0 64px 0 0;
}

.list-header,
.popup-list-header {
	background-color: #d9e0e3;
	height: 24px;
	font: 13px/24px arial;
}

.permission-item-cell,
.popup-item-cell {
	height: 22px;
	font: 600 12px/22px arial;
	position: relative;
}

html[dir=rtl] .list-radio-btn {
	width: 100px;
	text-align: center;
	padding-right: 0;
	
}

.list-radio-btn {
	width: 100px;
	text-align: center;
	padding-left: 0;
}

.list-item-title {
	position: relative;
	cursor: pointer;
}

.allow-bulk-permissions {
	vertical-align: middle;
}

/* Deep of list items */
html[dir="rtl"] .level2 {
	margin-right: 12px;
	margin-left: 0px;
}

html[dir="rtl"] .level3 {
	margin-right: 24px;
	margin-left: 0px;
}

html[dir="rtl"] .level4 {
	margin-right: 36px;
	margin-left: 0px;
}

html[dir="rtl"] .level5 {
	margin-right: 48px;
	margin-left: 0px;
}

html[dir="rtl"] .level6 {
	margin-right: 60px;
	margin-left: 0px;
}

html[dir="rtl"] .level7 {
	margin-right: 72px;
	margin-left: 0px;
}

html[dir="rtl"] .level8 {
	margin-right: 84px;
	margin-left: 0px;
}

html[dir="rtl"] .level9 {
	margin-right: 96px;
	margin-left: 0px;
}

html[dir="rtl"] .level10 {
	margin-right: 108px;
	margin-left: 0px;
}

 .level2 {
	margin-left: 12px;
}

.level3 {
	margin-left: 24px;
}

.level4 {
	margin-left: 36px;
}

.level5 {
	margin-left: 48px;
}

.level6 {
	margin-left: 60px;
}

.level7 {
	margin-left: 72px;
}

.level8 {
	margin-left: 84px;
}

.level9 {
	margin-left: 96px;
}

.level10 {
	margin-left: 108px;
}

/* Permissions Icon Buttons */
html[dir=rtl] .permissions-btn {
	width: 16px;
	height: 16px;
	margin-left: 8px;
	vertical-align: middle;
	cursor: pointer;
}

.permissions-btn {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer;
}

.permission-del-btn {
	padding: 1px 4px 2px 6px;
	border: 1px solid #5a6d76;
	background-color: #d5d5d5;
	cursor: pointer;
}

.permission-del-btn img {
	padding-right:4px;
}


html[dir-rtl] .permission-del-btn img {
	padding-right:0;
}

.perm-copy-permissions-btn {
	position: relative;
}

.perm-copy-dropdown {
	position: absolute;
	top: 24px;
	left: 64px;
	list-style: none;
	z-index: 999;
	box-shadow: 7px 7px 0 rgba(47,64,73,.7);
}

.hidden-dropdown.perm-copy-dropdown {
	box-shadow: none;
}

html[dir=rtl] .perm-copy-dropdown {
	position: absolute;
	top: 24px;
	right: 64px;
	list-style: none;
	z-index: 999;
}

.hidden-dropdown.perm-copy-dropdown li {
	opacity: 0;
    visibility: hidden;
    display: none;
}

.perm-copy-dropdown li {
	height: 24px;
	min-width: 80px;
	border: 1px solid black;
	background-color: white;
	padding: 0 10px;
	transition: all 0.2s;
	opacity: 1;
}

.perm-copy-dropdown li:first-child {
	border-bottom: 0;
}

.perm-copy-dropdown a {
	display: block;
	text-decoration: none;
	color: black;
}

/* Permissions Popup Window styles */
.permissions-popup-window {
	position: absolute;
	width: 660px;
	background-color: #fff;
	z-index: 1000;
	margin: 0 auto;
	top: 40px; 
	left: 0; 
	right: 0;
	border: 2px solid #93a4ac;
	border-radius: 2px;
	box-shadow: 7px 7px 0 rgba(47,64,73,.7);
}

.popup-list-header,
.popup-item-cell {
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	border: 1px solid #d7dee1;
	text-align: center;
	padding-right: 0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.permissions-popup-list {
	/*border: 1px solid #8d9fa7;*/
	/*margin: 10px 20px 20px;*/
	margin: 10px 12px;
	
	max-height: 266px;
	overflow: auto;
}

.permissions-popup-title {
	height: 26px;
	line-height: 22px;
	margin: 21px 20px 8px 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e2e9ec;
}

.permissions-popup-footer {
	border-top: 1px solid #b4c3c9;
	position: relative;
	margin: 0 20px;
}

.popup-btn {
	width: 100px;
	height: 27px;
	float: right;
	margin: 8px 5px 22px 0;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}

html[dir=rtl] .popup-btn {
	width: 100px;
	height: 27px;
	float: left;
	margin: 8px 5px 22px 0;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}

.permission-popup-ok-btn {
	background-color: var(--primary-color-500);
}

.permission-popup-cancel-btn {
	background-color: #d9e0e3;
	border: 1px solid #98aeb8;
}

.popup-item-title {
	width: 120px;
	padding-left: 20px;
	text-align: left;
	overflow: hidden;
}

html[dir=rtl] .popup-item-title {
	width: 120px;
	padding-right: 20px;
	padding-left: 0;
	text-align: right;
	overflow: hidden;
}

.permissions-popup-close-btn {
	position: absolute;
	top: 21px;
	right: 20px;
	cursor: pointer;
}

html[dir=rtl] .permissions-popup-close-btn {
	position: absolute;
	top: 21px;
	left: 20px;
	right: initial;
	cursor: pointer;
}

.permissions-required-field {
	font-size: 28px;
	/*line-height: 35px;*/
	line-height: 12px;
	cursor: pointer;
}

.permissions-required {
	color: #e34260;
}



/* Permission Exlorer Top Menu Buttons 
------------------------------------------------------------- */

.save-btn {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	direction: rtl;
	display: block;
	background: url(../../images/save-3-positions.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
}

.save-btn:hover {
	background-position: -44px 0;
}

.save-btn:active,
.save-btn:focus {
	background-position: -22px 0;
}

.undo-btn {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	direction: rtl;
	display: block;
	background: url(../../images/refresh_4_positions.png) -66px 0 no-repeat;
	border: none;
	cursor: pointer;
}

.undo-btn:hover {
	background-position: -44px 0;
}

.undo-btn:active,
.undo-btn:focus {
	background-position: -22px 0;
}

/* .permissionExplorer */

#moreButtons {
	position: absolute;
	left: 32px;
}


/* Individual Controls
------------------------------------------------------------- */
.radio {
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	padding: 3px 0;
}

.radio:hover .inner {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: .5;
}

.radio input {
	display: none;
	height: 1px;
	width: 1px;
	opacity: 0;
}

.radio input:checked + .outer .inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.radio input:focus + .outer .inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.radio .outer {
	height: 12px;
	width: 12px;
	display: block;
	float: right;
	border: 2px solid #3b4548;
	border-radius: 50%;
	background-color: #fff;
}

.radio .outer:focus {
	outline: -webkit-focus-ring-color auto 5px;
}

.radio .inner {
	/*-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;*/
	height: 8px;
	width: 8px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	display: block;
	margin: 2px;
	border-radius: 50%;
	background-color: #fc821f;
	opacity: 0;
}

.radio-red.partly-checked .outer {
	border-color: #b70123;
}

.radio-orange.partly-checked .outer {
	border-color: #fc821f;
}

.radio-green.partly-checked .outer {
	border-color: #54c048;
}

.partly-checked .inner {
	height: 8px;
	width: 5px;
	margin-right: 5px;

	border-top-left-radius: 60%;
	border-bottom-left-radius: 60%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;

	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
	transform: scale(1);
	opacity: 1;
}

.radio-red .inner {
	background-color: #b70123;
}

.radio-red input:checked + .outer {
	border-color: #b70123;
}

.radio-orange .inner {
	background-color: #fc821f;
}

.radio-orange input:checked + .outer {
	border-color: #fc821f;
}

.radio-green .inner {
	background-color: #54c048;
}

.radio-green input:checked + .outer {
	border-color: #54c048;
}

.radio-green-orange .inner {
	background-color: #54c048;
}

.radio-green-orange input:checked + .outer {
	border-color: #fc821f;
}

.radio-disabled .inner {
	background-color: #e9e1e1;
	height: 12px;
	width: 12px;
	margin: 0;
	opacity: 1;
	transform: scale(1);
	transition: none;
	user-select: none;
}

.radio-disabled .outer {
	border-color: #a3a2a2;
}

.radio-disabled input:checked + .outer {
	border-color: #a3a2a2;
}

.radio-disabled:hover .inner {
	transform: none;
	opacity: 1;
}


/* Radio Squares */
.radio-square {
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	padding: 3px 0;
}

.radio-square:hover .inner {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: .5;
}

.radio-square input {
	display: none;
	height: 1px;
	width: 1px;
	opacity: 0;
}

.radio-square input:checked + .outer .inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.radio-square input:focus + .outer .inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.radio-square .inner {
	height: 8px;
	width: 8px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	display: block;
	margin: 2px;
	background-color: #fc821f;
	opacity: 0;
}

/*.radio-square .outer:focus {
	outline: -webkit-focus-ring-color auto 5px;
}*/

.radio-square .outer {
	height: 12px;
	width: 12px;
	display: block;
	float: right;
	border: 2px solid #3b4548;
	background-color: #fff;
}

.radio-square.partly-checked .inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}



/* List items status icons */
.circle-status-icon {
	background-color: #19b5f0;
	display: inline-block;
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	top: 9px;
	left: 11px;
}

html[dir=rtl] .circle-status-icon {
	background-color: #19b5f0;
	display: inline-block;
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	top: 9px;
	right: 11px;
}

/* Category open arrows */
.category-triangle {
	display: block;
	position: absolute;
	top: 0;
	left: -32px;
	content: "";
	width: 16px;
	height: 16px;
	background: url('../../images/icon_arrow_left.png');
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

html[dir=rtl] .category-triangle {
	display: block;
	position: absolute;
	top: 0;
	right: -32px;
	content: "";
	width: 16px;
	height: 16px;
	background: url('../../images/icon_arrow_left.png');
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

html[dir=rtl] .opened-category {
	/*transition: all ease .2s;*/
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.opened-category {
	/*transition: all ease .2s;*/
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}

/* Menu Type Labels */
html[dir=rtl] .merk_item_title_M:after {
	content: "M";
	color: #d929f4;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_F:after {
	content: "F";
	color: #037eac;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_R:after {
	content: "R";
	color: #ce0303;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_P:after {
	content: "P";
	color: #119103;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_W:after {
	content: "W";
	color: #00b8c9;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_D:after {
	content: "D";
	color: #600dd0;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

html[dir=rtl] .merk_item_title_T:after {
	content: "T";
	color: #a96e00;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	right: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}



.merk_item_title_M:after {
	content: "M";
	color: #d929f4;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_F:after {
	content: "F";
	color: #037eac;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_R:after {
	content: "R";
	color: #ce0303;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_P:after {
	content: "P";
	color: #119103;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_W:after {
	content: "W";
	color: #00b8c9;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_D:after {
	content: "D";
	color: #600dd0;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}

.merk_item_title_T:after {
	content: "T";
	color: #a96e00;
	font: bold 9px/11px Arial;
	border: solid 1px #98aeb8;
	position: absolute;
	left: -18px;
	width: 11px;
	height: 10px;
	text-align: center;
	top: 2px;
	background: #fff;
}
/* Defualt sizes for HP main content and sidebar */
/*aside {
	height: 550px;
}

/* Custom Scrollbar Styles */
.mCSB_draggerContainer {
	width: 12px;
	background-color: #37657a;
}

.mCSB_draggerRail {
    display: none;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
	background-color: #193340;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #48c0ee;
	border-radius: 0;
}

#mCSB_1_scrollbar_vertical .mCSB_dragger { 
	height: 40px; 
}

/* Sidebar Scrollbar Styles */
#sideMenuWrapper .mCSB_draggerContainer {
	width: 10px;
	background-color: transparent;
    margin-top: 10px;
}

#sideMenuWrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
	background-color: #596b74;
}


/* Main Page Layout Defaults */

aside {
	/*height: 750px;*/
	overflow: hidden;
	
}

.lastUpdatesContainer.mCustomScrollbar {
	margin: 0;
}

.lastUpdatesContainer.mCustomScrollbar div.mCSB_inside > .mCSB_container {
	margin: 0;
	padding: 0;
}

/* Media Quries for Main Menu */
@media (min-width: 768px) and (max-width: 1279px) {
	.wrapper .container {
		padding: 40px 32px 0;
	}

	.list-header, 
	.permission-item-cell {
		padding: 0 0 0 54px;
	}

	html[dir=rtl] .list-header, 
	html[dir=rtl] .permission-item-cell {
		padding: 0 54px 0 0;
	}

	.list-header:last-child {
		width: 196px;
		padding: 0 0 0 24px;
	}

	html[dir=rtl] .list-header:last-child {
		padding: 0 24px 0 0;
	}

	.permission-item-actions,
	html[dir=rtl] .permission-item-actions {
		width: 196px;
		padding: 0 12px 0;
	}

	.list-radio-btn,
	html[dir=rtl] .list-radio-btn {
		width: 60px;
		padding: 0;
		overflow: hidden;
		font-size: 12px;
	}
}

@media (min-width: 1600px)  {
	aside {
		overflow: hidden;
	}
}

.defaulthpstyle {
	display:none;
}

.merk_menu_item_W:hover > div,
.merk_menu_item_R:hover > div,
.merk_menu_item_F:hover > div,
.merk_menu_item_P:hover > div,
.merk_menu_item_D:hover > div,
.merk_menu_item_B:hover > div,
.merk_menu_item_O:hover > div,
.merk_menu_item_G:hover > div,
.merk_menu_item_M:hover > div {
	color: var(--primary-color-700);
}

.merk_menu_item_W:hover > div.merk_menuoptions:hover,
.merk_menu_item_R:hover > div.merk_menuoptions:hover,
.merk_menu_item_F:hover > div.merk_menuoptions:hover,
.merk_menu_item_P:hover > div.merk_menuoptions:hover,
.merk_menu_item_D:hover > div.merk_menuoptions:hover,
.merk_menu_item_B:hover > div.merk_menuoptions:hover,
.merk_menu_item_O:hover > div.merk_menuoptions:hover,
.merk_menu_item_G:hover > div.merk_menuoptions:hover,
.merk_menu_item_M:hover > div.merk_menuoptions:hover {
	color: var(--primary-color-500);
}