/* #region Elements */
a:link {
	color: #0C3F73;
	text-decoration: none;
}

a:visited {
	color: #0C3F73;
	text-decoration: none;
}

a:hover {
	color: #0C3F73;
	text-decoration: underline;
}

a {
	color: #0C3F73;
}

	a.disabled-link, a.disabled-link:link, a.disabled-link:visited, a.disabled-link:hover {
		color: lightgray;
		text-decoration: none;
	}

input[type=submit], input[type=button] {
	padding: 3px !important;
	font-weight: bold;
	color: white;
	background-color: var(--button-background-color);
	border: solid 1px var(--button-background-color);
	font-size: 1.15em;
	min-width: 85px;
}

	input[type=submit]:disabled, input[type=button]:disabled {
		background-color: lightgray;
		border: solid 1px gray !important;
	}


	input[type=button] + input[type=button] {
		margin-left: 5px;
	}
/* #endregion Elements */

#CustomerMaintenanceContent .TabPage > table:not(.tblGrid):not(.Grid) > tbody > tr > td:first-child,
#CustomerMaintenanceContent .TabPage > table:not(.tblGrid):not(.Grid) > tbody > tr > td > table:not(.tblGrid):not(.Grid) > tbody > tr > td:first-child {
	width: 250px;
}

.navButton {
	width: 24px;
	height: 24px;
}

	.navButton:hover {
		opacity: 0.7;
		cursor: pointer;
		filter: brightness(1.2);
		-moz-filter: brightness(120%);
		-webkit-filter: brightness(120%);
		/*-ms-filter: brightness(140%);*/
		-o-filter: brightness(120%);
	}
/* ensure that autocomplete is always visible */
.ui-autocomplete {
	z-index: 1000;
}

/* #region Main Menu */

.MainMenuItem {
	width: 22%;
	float: left;
	box-sizing: border-box;
	/*background: linear-gradient(to right,rgba(255, 250, 246,0.9),rgba(255, 250, 246,1));*/
	background-color: var(--menu-background-color);
	margin: 8px;
	padding: 0px;
	/*min-height: 70px;*/
	border: 1px solid #808080;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	min-height: 150px;
	transition: all 0.3s;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

	.MainMenuItem:not(.inaccessible):not(.Survey):hover {
		-webkit-transform: scale(0.96,0.96);
		-ms-transform: scale(0.96,0.96);
		transform: scale(0.96,0.96);
	}

	.MainMenuItem.inaccessible {
		width: 8%;
		clear: left;
		min-height: 53px;
		background: linear-gradient(to right,rgba(246, 246, 246,0.9),rgba(246, 246, 246,1));
		vertical-align: middle;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 15px;
	}

		.MainMenuItem.inaccessible ~ .MainMenuItem.inaccessible {
			clear: none;
		}

/*.MainMenuItemHeader {  color:#FAFAFA !important; background:linear-gradient(to right,rgba(251,151,54,0.9),rgba(251,151,54,1));padding:6px 0px; cursor:pointer; text-overflow:ellipsis; overflow:hidden; }*/
.MainMenuItemHeader {
	color: #FAFAFA !important;
	background-color: var(--menu-header-color);
	padding: 6px 0px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
}

.MainMenuItemCaption {
	color: #FAFAFA !important;
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	margin-left: 5px;
	padding-top: 5px 0px;
	white-space: nowrap;
	width: calc(100% - 12px);
}

	.MainMenuItemCaption.MenuItemCaption {
		width: calc(100% - 50px);
	}

.inaccessible > .MainMenuItemCaption {
	color: #808080 !important;
	font-size: 1.1em;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	margin-left: 5px;
	padding-top: 5px 0px;
}

.MainMenuItemContent {
}

.MainMenuItemIcon {
	min-height: 34px;
	width: 24px;
	height: auto;
	max-width: 100%;
	padding: 5px;
	margin-left: 5px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-size: contain;
}

	.MainMenuItemIcon.inaccessible {
		position: relative;
		min-height: 0px;
		height: 25px;
		width: 20%;
		background-size: contain;
	}

		.MainMenuItemIcon.inaccessible::after {
			position: absolute;
			content: " ";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: rgba(180,180,180,0.7);
		}

.MainMenuItemActionContainer {
	width: calc(92% - 38px);
	float: right;
	margin-top: 4px;
	margin-right: 4px;
}

	.MainMenuItemActionContainer.inaccessible {
		width: 60%;
		margin-top: 1px;
	}

.MainMenuItemAction {
	padding-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95%;
}

	.MainMenuItemAction a {
		color: #0C3F73;
		font-family: 'Roboto', 'Calibri', Arial, sans-serif;
		font-size: 1.05em;
	}

	.MainMenuItemAction.inaccessible a {
		color: #808080 !important;
		font-size: 1em;
	}

.MainMenuItemMoreAction {
	padding-top: 4px;
}

	.MainMenuItemMoreAction a {
		color: #0C3F73;
		font-family: 'Roboto', 'Calibri', Arial, sans-serif;
		font-size: 1.05em;
	}

/* #endregion Main Menu */

/* #region Menu */


.MenuItemInaccessible {
	color: #808080 !important;
	font-size: 1em;
}

	.MenuItemInaccessible:not(.ModuleMenuItemAction) {
		font-size: 0.85em;
	}

.MenuItemPlaceholder20 {
	float: left;
	width: 21%;
	max-width: 275px;
}

	.MenuItemPlaceholder20 + .MenuItemPlaceholder20 {
		margin-left: 23px;
	}

.MenuItemPlaceholder30 {
	float: left;
	min-width: 32%;
	max-width: 46%;
}

	.MenuItemPlaceholder30 + .MenuItemPlaceholder30 {
		margin-left: 23px;
	}


.MenuItemPlaceholder50 {
	float: left;
	width: 44%;
	margin-left: 6%;
}

/* #endregion Menu */

/* #region Module Menu */

.ModuleMenuItem {
	/*width: 32%; float:left;*/
	width: 100%;
	float: left;
	background-color: var(--menu-background-color);
	border: 1px solid #808080;
	margin: 8px;
	padding: 0px;
	min-height: 70px;
	margin-left: 3%;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	min-height: 140px;
}

	.ModuleMenuItem.Administration {
		width: auto;
		margin-left: 20px !important;
	}

	.ModuleMenuItem.ReportsContainer {
		background-color: var(--menu-background-color);
	}

.ModuleMenuItemHeader {
	width: 100%;
	background-color: var(--menu-header-color);
	padding: 6px 0px;
}

	.ModuleMenuItemHeader > .PageLayoutItem {
		margin-right: 5px;
	}

.ModuleMenuItem.ReportsContainer > .ModuleMenuItemHeader {
	background-color: var(--menu-report-header-color);
}

.ModuleMenuItemCaption {
	color: #FAFAFA !important;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	margin-left: 5px;
	padding-top: 5px 0px;
}

.ModuleMenuItemContent {
	position: relative;
}

	.ModuleMenuItemContent > .MainMenuItemIcon {
		min-height: 64px;
		width: 64px;
		height: auto;
		max-width: 100%;
		padding: 5px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		right: calc(5% - 6px);
		background-color: var(--menu-background-color);
		cursor: default;
		background-size: initial;
	}

.ModuleMenuItem.PageLayoutActive .ModuleMenuItemContent > .MainMenuItemIcon {
	display: none;
}

.ModuleMenuItem.ReportsContainer.PageLayoutActive > .ModuleMenuItemContent > .MainMenuItemIcon {
	display: none;
}

.ModuleMenuItem.ReportsContainer > .ModuleMenuItemContent > .MainMenuItemIcon {
	background-color: var(--menu-background-color);
}

.ModuleMenuItemContent > .MainMenuItemActionContainer {
	width: 98%;
	margin-top: 4px;
	margin-bottom: 5px;
}

.ModuleMenuItemContent > .MainMenuItemIcon ~ .MainMenuItemActionContainer {
	width: 95%;
	float: right;
	margin-top: 4px;
	margin-bottom: 5px;
}

.ModuleMenuItemContent > .AdministrationMenu {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(30, 1fr);
}

.ModuleMenuItemAction {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95%;
	background-color: var(--menu-row-item-odd) !important;
}

	.ModuleMenuItemAction:nth-child(even) {
		background-color: var(--menu-row-item-even) !important;
	}

.ModuleMenuItem.ReportsContainer > .ModuleMenuItemContent > .MainMenuItemActionContainer > .ModuleMenuItemAction:nth-child(even) {
	background-color: var(--menu-row-item-even) !important;
}

.ModuleMenuItemAction a {
	color: #0C3F73;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	font-size: 1.3em;
	margin-right: 84px;
}

.ModuleMenuItemAction.MenuItemInaccessible a {
	color: #808080 !important;
	font-size: 1em;
}

/* #endregion Module Menu */

/* #region Sidebar */

.SidebarContainer {
	width: 170px;
	background-color: var(--menu-background-color);
	border: 1px solid #808080;
	margin: 8px;
	padding: 0px;
	margin-left: 3%;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}

.SidebarHeader {
	background: var(--menu-header-color);
	padding: 6px 3px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.SidebarContent {
	text-align: left;
}

ul.SidebarTasks {
	color: #4D82B8;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 20px;
}
/* #endregion Sidebar */



.PagedMenuItem {
	width: 100%;
	float: left;
	background: linear-gradient(to right,rgba(255, 250, 246,0.9),rgba(255, 250, 246,0.8));
	border: 1px solid #808080;
	margin: 8px;
	padding: 0px;
	min-height: 70px;
	margin-left: 3%;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	min-height: 80px;
}

.MenuItemHeader {
	width: 100%;
	background: linear-gradient(to right,rgba(251,151,54,0.9),rgba(251,151,54,1));
	padding: 6px 0px;
}

.MenuItemCaption {
	color: #FAFAFA !important;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	margin-left: 5px;
	padding-top: 5px 0px;
}

.MenuItemActionContainer {
	width: 95%;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 2.5%;
	overflow: hidden;
}

.MenuItemAction {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95%;
	font-size: 1.3em;
}

	.MenuItemAction a {
		color: #0C3F73;
		font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	}

	.MenuItemAction.MenuItemInaccessible a {
		color: #808080 !important;
		font-size: 1em;
	}

	.MenuItemAction:nth-child(odd) {
		background-color: rgba(255,166,80,0);
	}

	.MenuItemAction:nth-child(even) {
		background-color: rgba(255,166,80,0.2);
	}

.MenuItemActionContainer > .MenuItemAction {
	transition: 0.3s;
}

.MenuItemAction.hiddenPage {
	display: none;
}

.MenuPageIndicator {
	margin-bottom: 5px;
}

.QuickNavigationContainer input {
	width: 90% !important;
	position: relative;
	border: 1px solid #73A1D0;
	font-size: 1.15em;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	padding: 4px;
	-webkit-appearance: searchfield;
}

.QuickNavigationCaption {
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0C3F73;
	height: 26px;
	line-height: 26px;
}

.QuickNavigationContainer.QuickSearchSettings input {
	width: 400px !important;
	margin-left: 25px;
}

.QuickNavigationContainer.QuickSearchSettings {
	position: relative;
	left: 37px;
	width: 60%;
}

.AdministrationFilterContainer input {
	width: 30% !important;
	position: relative;
	border: 1px solid #73A1D0;
	font-size: 1.15em;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
	padding: 4px;
	-webkit-appearance: searchfield;
	margin-top: 5px;
}

.AdministrationFilterCaption {
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0C3F73;
	height: 26px;
	line-height: 26px;
	margin-left: 20px;
}


.PageLayoutItem {
	margin-right: 2px;
}

.SettingsMenuHeader {
	padding: 2px 4px 3px 4px;
	background-color: var(--menu-header-color);
	text-align: center;
	width: 148px;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--menu-header-color);
}

.SettingsMenu {
	float: left;
	top: 26px;
	position: relative;
}

.SettingsMenuList > .SettingsMenuList {
	display: block !important;
	min-height: 463px;
	width: 148px !important;
	border-style: solid;
	border-width: 1px;
	border-color: var(--menu-header-color);
}

.SettingsContent {
	width: calc(100% - 155px);
	float: left;
	margin-left: 5px;
}

	.SettingsContent > .SettingsControl > .TabPage {
		min-height: 450px !important;
	}

.SettingsSearchTarget {
	border: 2px solid #FFA650 !important;
}

.SettingsTableHeaderName {
	width: auto !important;
}

.dot {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 8px;
	border-radius: 7px;
	background-color: #8999A6;
	text-align: center;
	color: white;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	line-height: 14px;
	cursor: pointer;
}

	.dot + .dot {
		margin-left: 12px;
	}

	.dot:nth-child(1):nth-last-child(2) {
		margin-left: calc(50% - 20px);
	}

	.dot:nth-child(1):nth-last-child(3) {
		margin-left: calc(50% - 32px);
	}

	.dot:nth-child(1):nth-last-child(4) {
		margin-left: calc(50% - 44px);
	}

	.dot:nth-child(1):nth-last-child(5) {
		margin-left: calc(50% - 56px);
	}

	.dot:nth-child(1):nth-last-child(6) {
		margin-left: calc(50% - 68px);
	}

	.dot:nth-child(1):nth-last-child(7) {
		margin-left: calc(50% - 80px);
	}

	.dot:nth-child(1):nth-last-child(8) {
		margin-left: calc(50% - 92px);
	}

	.dot.activePage {
		background: #ff8000;
	}

.statusbar {
	display: block;
	position: fixed;
	overflow: hidden;
	right: 0px;
	top: 79px;
	width: 47px;
	padding: 20px;
	transition: width 0.3s;
	background-color: var(--topmenu-bg-color); /*rgba(51,51,51,0.25);*/
	height: calc(100vh - 67px);
	cursor: pointer;
	border-left: 1px solid var(--menu-header-color);
}

	.statusbar.expanded {
		overflow: auto;
		/*background-color:rgba(233,233,233,0.97);*/
		width: 550px;
		transition: all 0.3s;
	}

	.statusbar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.statusbar li {
		display: block;
	}

.sidemenuicon > img {
	width: 46px;
}

.statusbar li .sidemenucontent {
	display: none;
	opacity: 0;
	transition: all 0.4s;
}

.statusbar.expanded li .sidemenucontent {
	display: block;
	opacity: 1;
	transition: all 0.4s;
}

.sidemenuitem {
	clear: left;
	overflow: hidden;
}

.sidemenuicon {
	float: left;
}

.sidemenucontent {
	left: 70px;
	top: 0px;
	padding: 5px 0px 0px 5px;
}

.sidemenucontent {
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	font-size: 1.1em;
}

	.sidemenucontent li {
		padding-left: 75px;
	}

	.sidemenucontent > .documents {
		width: calc(100% - 90px) !important;
		margin-left: 75px;
		margin-top: 0px;
	}

.numberCircle {
	border-radius: 50%;
	position: absolute;
	width: 8px;
	height: 8px;
	padding: 6px;
	background: #fff;
	border: 2px solid #666;
	color: #666;
	text-align: center;
	text-indent: -5px;
	font-family: 'Roboto', 'Calibri', Arial, sans-serif;
	font-size: 9px;
}

.sidebarcontainer {
	display: block;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 79px;
	/*transition: all 0s;*/
	background-color: var(--topmenu-bg-color);
	height: calc(100vh - 79px);
	border-right: 1px solid var(--menu-header-color);
}

.maincontentdiv {
	max-width: none !important;
	width: calc(100% - 250px);
}

#MainContentTable {
	padding: 0px !important;
}

#colMainModules {
	padding: 0px !important;
}

.pagetitlediv {
	font-family: 'Roboto', 'Calibri', Arial, sans-serif !important;
	font-weight: bold;
	text-overflow: ellipsis;
	width: 210px;
	white-space: nowrap;
	overflow: hidden;
}

.topbarcontainer {
	/*background:linear-gradient(to top,rgba(51,51,51,0.25),rgba(51,51,51,0.05));*/
	background-color: var(--topmenu-bg-color); /*rgba(51,51,51,0.25);*/
	padding-bottom: 3px !important;
	border-bottom: 1px solid var(--menu-header-color);
}

.nobackground {
	background: none !important;
}

.menucontainer {
	background-image: none !important;
}

.topcontainer {
	background: none !important;
}

.topmenudiv {
	margin-bottom: 2px;
	left: 220px !important;
	width: 33% !important;
	bottom: 1px !important;
}

.extapptopmenudiv {
	margin-bottom: 5px;
	left: 50px !important;
	width: 63% !important;
	bottom: 1px !important;
}

.menusplitter {
	color: whitesmoke !important;
	padding: 0px 2px;
	font-size: 0px;
	width: 3px;
}

.menubarlink {
	padding: 2px;
	border: 1px solid #73A1D0;
	background-color: rgba(255,255,255,0.25);
}

	.menubarlink a {
		color: #0C3F73 !important;
		font-family: 'Roboto', 'Calibri', Arial, sans-serif;
		text-decoration: none !important;
		display: block;
	}

	.menubarlink:hover {
		-webkit-box-shadow: 0px -3px 8px -4px rgba(77,130,184,1);
		-moz-box-shadow: 0px -3px 8px -4px rgba(77,130,184,1);
		box-shadow: 0px -3px 8px -4px rgba(77,130,184,1);
	}

	.menubarlink a:hover {
		color: white !important;
		text-decoration: underline;
	}

.sidebarcontainer {
	/*background:linear-gradient(to bottom,rgba(51,51,51,0.25),rgba(51,51,51,0.10)) !important;*/
	background-color: var(--topmenu-bg-color); /*rgba(51,51,51,0.25);*/
}

.userdiv {
	font-family: 'Roboto', 'Calibri', Arial, sans-serif !important;
	font-size: 1.2em !important;
	font-weight: bold;
	color: #0C3F73 !important;
	margin-right: 5px;
	height: 26px;
	line-height: 26px;
}

	.userdiv a {
		font-weight: normal;
	}

.navigationdiv {
	padding: 2px;
	border: 1px solid #73A1D0;
	background-color: rgba(255,255,255,0.25);
}

.dotteddiv {
	display: none !important;
}

.storeselectiondiv {
	padding-bottom: 3px;
}

td.menubarlink {
	width: 200px !important;
}

.mainlogo {
	background-image: url(../Images/RV_logo.png) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding-top: 10px;
	height: 34px;
}

.preventselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.offset {
	margin-top: 3px;
}

.TabPage {
	background-color: rgba(255,255,255,0.8);
}

.tabactive_left, .tabinactive_left, .tabactive_right, .tabinactive_right {
	display: none !important;
}

.tabinactive_center, .tabactive_center {
	padding: 2px 4px 4px 4px !important;
	text-align: center;
	background-image: none !important;
	border-top: 1px solid var(--tab-header-inactive-color);
	/*border-bottom: 1px solid #FFA650;*/
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	overflow: hidden;
}

.tabactive_center {
	border-right: 2px solid var(--tab-header-color);
	background-color: var(--tab-header-color) !important;
}
/*.tabinactive_center:nth-child(2) {border-left: 2px solid #FFA650; }*/
.tabinactive_center {
	border-right: 2px solid var(--tab-header-inactive-color);
	background-color: var(--tab-header-inactive-color) !important;
}
	/*.tabinactive_center:nth-last-child(2),.tabinactive_center:nth-child(2) { border-right: 1px solid #FFA650; }*/

	/*.tabinactive_center > div:hover {background-color:rgba(251,151,54,0.9);}*/
	.tabinactive_center:hover {
		background-color: var(--tab-header-color) !important;
	}

.TabPage > table {
	-webkit-animation: opac 0.5s;
	animation: opac 0.5s
}

@-webkit-keyframes opac {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes opac {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}


.documents {
	background: linear-gradient(to right,rgba(255, 250, 246,0.9),rgba(255, 250, 246,1)) !important;
	border: 1px solid #808080 !important;
	margin: 8px;
	padding: 0px;
	margin-left: 3%;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	width: 100% !important;
	border-collapse: separate !important;
}

.documentstitle {
	background: linear-gradient(to right,rgba(77,130,184,0.9),rgba(77,130,184,1));
	padding: 6px 0px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}

.documents > tbody > tr {
	text-align: left;
	background-color: rgba(0,0,0,0) !important;
}

	.documents > tbody > tr > td {
		color: #4D82B8;
		margin-top: 0px;
		margin-bottom: 2px;
		margin-left: 0px;
		padding-left: 20px;
	}

/* Module icons */
.customers {
	background-image: url(../Images/Modules/48x48/users3.png);
}

.delivery {
	background-image: url(../Images/Modules/48x48/delivery_truck.png);
}

.products {
	background-image: url(../Images/Modules/48x48/sticky_note_text.png);
}

.promotions {
	background-image: url(../Images/Modules/48x48/shopping_bag_full.png);
}

.labeling {
	background-image: url(../Images/Modules/48x48/tags.png);
}

.productlists {
	background-image: url(../Images/Modules/48x48/list_style_bullets.png);
}

.exchange {
	background-image: url(../Images/Modules/48x48/arrow_mix.png);
}

.salepricecalculations {
	background-image: url(../Images/Modules/48x48/calculator.png);
}

.invoices {
	background-image: url(../Images/Modules/48x48/invoice_euro.png);
}

.invoicesales {
	background-image: url(../Images/Modules/48x48/credit_cards.png);
}

.stock {
	background-image: url(../Images/Modules/48x48/inbox_full.png);
}

.quotes {
	background-image: url(../Images/Modules/48x48/shopping_cart.png);
}

.saleorders {
	background-image: url(../Images/Modules/48x48/shopping_cart_full.png);
}

.fulfilment {
	background-image: url(../Images/Modules/48x48/warehousecheck.png);
}

.purchaseorders {
	background-image: url(../Images/Modules/48x48/platform_truck_box.png);
}

.interbranch {
	background-image: url(../Images/Modules/48x48/elements_branch.png);
}

.receivedproducts {
	background-image: url(../Images/Modules/48x48/shelf_full.png);
}

.invoiceverification {
	background-image: url(../Images/Modules/48x48/invoice.png);
}

.invoicerequests {
	background-image: url(../Images/Modules/48x48/invoicerequest.png);
}

.reservations {
	background-image: url(../Images/Modules/48x48/box_into.png);
}

.customerreturns {
	background-image: url(../Images/Modules/48x48/money_refund.png);
}

.returnofgoods {
	background-image: url(../Images/Modules/48x48/supplier_refund.png);
}

.pointofsale {
	background-image: url(../Images/Modules/48x48/cash_register.png);
}

.cashdeclarations {
	background-image: url(../Images/Modules/48x48/folders2.png);
}

.loyalty {
	background-image: url(../Images/Modules/48x48/id_cards.png);
}

.giftcards {
	background-image: url(../Images/Modules/48x48/hand_card.png);
}

.planograms {
	background-image: url(../Images/Modules/48x48/shelf_empty.png);
}

.edi {
	background-image: url(../Images/Modules/48x48/server_client.png);
}

.webshop {
	background-image: url(../Images/Modules/48x48/laptop.png);
}

.warehouse {
	background-image: url(../Images/Modules/48x48/wooden_pallet_box.png);
}

.statistics {
	background-image: url(../Images/Modules/48x48/spreadsheed_chart.png);
}

.shopserversync {
	background-image: url(../Images/Modules/48x48/shopserversync.png);
}

.warehousecheck {
	background-image: url(../Images/Modules/48x48/warehousecheck.png);
}


.customerreports {
	background-image: url(../Images/Modules/64x64/report-customers.png);
}

.productreports {
	background-image: url(../Images/Modules/64x64/report-products.png);
}

.promotionreports {
	background-image: url(../Images/Modules/64x64/report-promotions.png);
}

.labelingreports {
	background-image: url(../Images/Modules/64x64/report-labelling.png);
}

.productlistreports {
	background-image: url(../Images/Modules/64x64/report-productlists.png);
}

.exchangereports {
	background-image: url(../Images/Modules/48x4864x64/report-exchange.png);
}

.salepricecalculationsreports {
	background-image: url(../Images/Modules/64x64/printer3.png);
}

.invoicereports {
	background-image: url(../Images/Modules/64x64/report-invoice-euro.png);
}

.invoicesalereports {
	background-image: url(../Images/Modules/64x64/report-invoicesales.png);
}

.stockreports {
	background-image: url(../Images/Modules/64x64/report-stock.png);
}

.quotereports {
	background-image: url(../Images/Modules/64x64/report-quotes.png);
}

.saleorderreports {
	background-image: url(../Images/Modules/64x64/report-saleorders.png);
}

.purchaseorderreports {
	background-image: url(../Images/Modules/64x64/report-purchaseorders.png);
}

.interbranchreports {
	background-image: url(../Images/Modules/64x64/report-interbranch.png);
}

.receivedproductreports {
	background-image: url(../Images/Modules/64x64/report-receivedproducts.png);
}

.invoiceverificationreports {
	background-image: url(../Images/Modules/64x64/report-invoiceverification.png);
}

.invoicerequestreports {
	background-image: url(../Images/Modules/64x64/report-invoicerequest.png);
}

.returnofgoodsreports {
	background-image: url(../Images/Modules/64x64/report-returnofgoods.png);
}

.pointofsalereports {
	background-image: url(../Images/Modules/64x64/report-pos.png);
}

.cashdeclarationreports {
	background-image: url(../Images/Modules/64x64/report-cashdeclarations.png);
}

.loyaltyreports {
	background-image: url(../Images/Modules/64x64/report-loyalty.png);
}

.giftcardreports {
	background-image: url(../Images/Modules/64x64/report-giftcards.png);
}

.planogramreports {
	background-image: url(../Images/Modules/64x64/report-planograms.png);
}

.edireports {
	background-image: url(../Images/Modules/64x64/report-edi.png);
}

.webshopreports {
	background-image: url(../Images/Modules/64x64/report-webshop.png);
}

.warehousereports {
	background-image: url(../Images/Modules/64x64/report-warehouse.png);
}

.statisticsreports {
	background-image: url(../Images/Modules/64x64/report-statistics.png);
}

.productimporttasks {
	background-image: url(../Images/Modules/64x64/import-products.png);
}

.productlistimporttasks {
	background-image: url(../Images/Modules/64x64/import-productlists.png);
}

.stockimporttasks {
	background-image: url(../Images/Modules/64x64/import-stock.png);
}

.saleorderimporttasks {
	background-image: url(../Images/Modules/64x64/import-saleorders.png);
}

.purchaseorderimporttasks {
	background-image: url(../Images/Modules/64x64/import-purchase.png);
}

.receivedproductsimporttasks {
	background-image: url(../Images/Modules/64x64/import-receivedproducts.png);
}

.replenishmenttasks {
	background-image: url(../Images/Modules/64x64/replenishment.png)
}

.webshopimporttasks {
	background-image: url(../Images/Modules/64x64/import-webshop.png);
}

.productexporttasks {
	background-image: url(../Images/Modules/64x64/export-products.png);
}

.productlistexporttasks {
	background-image: url(../Images/Modules/64x64/export-productlists.png);
}

.purchaseorderexporttasks {
	background-image: url(../Images/Modules/64x64/export-purchaseorders.png);
}

.productbulktasks {
	background-image: url(../Images/Modules/64x64/bulk-product.png);
}

.productlistbulktasks {
	background-image: url(../Images/Modules/64x64/bulk-productlists.png);
}

.purchasebulktasks {
	background-image: url(../Images/Modules/64x64/bulk-purchaseorders.png);
}

.purchaseorderbulktasks {
	background-image: url(../Images/Modules/64x64/bulk-purchaseorders.png);
}

.stockbulktasks {
	background-image: url(../Images/Modules/64x64/bulk-stock.png);
}

.warehousebulktasks {
	background-image: url(../Images/Modules/64x64/bulk-warehouse.png);
}


.ModuleBackground {
	position: relative;
	background-repeat: no-repeat;
	background-position: right 100px bottom 30px;
	background-size: 384px;
}

	.ModuleBackground::after {
		position: absolute !important;
		opacity: 0.5 !important;
		content: "";
	}

	.ModuleBackground.customers {
		background-image: url(../Images/Modules/512x512/users3.png);
	}

	.ModuleBackground.products {
		background-image: url(../Images/Modules/512x512/sticky_note_text.png);
	}

	.ModuleBackground.promotions {
		background-image: url(../Images/Modules/512x512/shopping_bag_full.png);
	}

	.ModuleBackground.labeling {
		background-image: url(../Images/Modules/512x512/tags.png);
	}

	.ModuleBackground.productlists {
		background-image: url(../Images/Modules/512x512/list_style_bullets.png);
	}

	.ModuleBackground.exchange {
		background-image: url(../Images/Modules/512x512/arrow_mix.png);
	}

	.ModuleBackground.salepricecalculations {
		background-image: url(../Images/Modules/512x512/calculator.png);
	}

	.ModuleBackground.invoices {
		background-image: url(../Images/Modules/512x512/invoice_euro.png);
	}

	.ModuleBackground.invoicesales {
		background-image: url(../Images/Modules/512x512/credit_cards.png);
	}

	.ModuleBackground.stock {
		background-image: url(../Images/Modules/512x512/inbox_full.png);
	}

	.ModuleBackground.quotes {
		background-image: url(../Images/Modules/512x512/shopping_cart.png);
	}

	.ModuleBackground.saleorders {
		background-image: url(../Images/Modules/512x512/shopping_cart_full.png);
	}

	.ModuleBackground.purchaseorders {
		background-image: url(../Images/Modules/512x512/platform_truck_box.png);
	}

	.ModuleBackground.interbranch {
		background-image: url(../Images/Modules/512x512/elements_branch.png);
	}

	.ModuleBackground.receivedproducts {
		background-image: url(../Images/Modules/512x512/shelf_full.png);
	}

	.ModuleBackground.reservations {
		background-image: url(../Images/Modules/512x512/box_into.png);
	}

	.ModuleBackground.invoiceverification {
		background-image: url(../Images/Modules/512x512/invoice.png);
	}

	.ModuleBackground.returnofgoods {
		background-image: url(../Images/Modules/512x512/supplier_refund.png);
	}

	.ModuleBackground.pointofsale {
		background-image: url(../Images/Modules/512x512/cash_register.png);
	}

	.ModuleBackground.cashdeclarations {
		background-image: url(../Images/Modules/512x512/folders2.png);
	}

	.ModuleBackground.loyalty {
		background-image: url(../Images/Modules/512x512/id_cards.png);
	}

	.ModuleBackground.giftcards {
		background-image: url(../Images/Modules/512x512/hand_card.png);
	}

	.ModuleBackground.delivery {
		background-image: url(../Images/Modules/512x512/delivery_truck.png);
	}

	.ModuleBackground.planograms {
		background-image: url(../Images/Modules/512x512/shelf_empty.png);
	}

	.ModuleBackground.edi {
		background-image: url(../Images/Modules/512x512/server_client_exchange.png);
	}

	.ModuleBackground.webshop {
		background-image: url(../Images/Modules/512x512/laptop.png);
	}

	.ModuleBackground.warehouse {
		background-image: url(../Images/Modules/512x512/wooden_pallet_box.png);
	}

	.ModuleBackground.statistics {
		background-image: url(../Images/Modules/512x512/spreadsheed_chart.png);
	}

	.ModuleBackground.administration {
		background-image: url(../Images/Modules/512x512/office_building.png);
	}

	.ModuleBackground.extra {
		background-image: url(../Images/Modules/512x512/registry.png);
	}

/* Modal dialog */
.ModalDialogMask {
	position: absolute;
	z-index: 210;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=0);
	background-color: transparent !important;
	background-color: #FFFFFF;
	background-image: url("../Images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image: none;
	background-repeat: repeat;
	display: none;
}

.ModalDialogContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	padding: 0px;
}

.ModalDialogInner {
	border: 1px solid #808080;
	/*margin: 8px; padding: 0px; min-height:70px;*/
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
}

.ModalDialogFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 212;
}

.ModalDialogTitleBar {
	/*background:linear-gradient(to right,rgba(77, 130, 184,0.9),rgba(77, 130, 184,1));*/
	background-color: var(--modal-header--color);
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border: none;
	/*border: 1px solid #0C3F73;*/
	position: relative;
	z-index: 213;
	border-bottom: solid 1px #666666;
}

.ModalDialogTitle {
	float: left;
	/*text-align: left;*/
	font-size: 1.1em;
}

.ModalDialogControls {
	float: right;
	/*text-align: right;*/
	cursor: pointer;
	z-index: 214;
}

#MessageBoxInner {
	border: 1px solid #808080;
	margin: 8px;
	padding: 0px;
	min-height: 70px;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75);
	background-color: #ffffff;
}

#MessageBoxTitleBar {
	background: linear-gradient(to right,rgba(77, 130, 184,0.9),rgba(77, 130, 184,1));
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border: none;
	/*border: 1px solid #0C3F73;*/
	position: relative;
	z-index: 213;
	border-bottom: solid 1px #666666;
}

/* Media queries */
@media all and (min-width: 1125px) {
	.MainMenuItemCaption {
		font-size: 1.5em;
	}

	.MainMenuItemIcon {
		width: 58px;
		padding: 5px;
		min-height: 64px;
		margin-left: 0px;
		background-size: initial;
	}

	.ModuleMenuItemContent > .MainMenuItemIcon {
		min-height: 64px;
		width: 64px;
		background-size: initial;
	}

	.MainMenuItemActionContainer {
		width: calc(92% - 64px);
	}

	.MainMenuItemAction a {
		font-size: 1.15em;
	}

	.MainMenuItemMoreAction a {
		font-size: 1.15em;
	}

	.statusbar {
		width: 65px;
	}

	.sidemenuicon > img {
		width: 65px;
	}

	.maincontentdiv {
		width: calc(100% - 250px);
	}
}

@media all and (min-width: 1450px) {
	.MainMenuItem {
		width: 18%;
	}

	.MainMenuItemActionContainer {
		width: calc(92% - 74px);
	}

	.MainMenuItemIcon {
		width: 74px;
		padding: 5px;
		min-height: 64px;
		margin-left: 0px;
		background-size: initial;
	}

	.MainMenuItemAction a {
		font-size: 1.15em;
	}

	.MainMenuItemMoreAction a {
		font-size: 1.15em;
	}

	.statusbar {
		width: 65px;
	}

	.sidemenuicon > img {
		width: 65px;
	}

	.maincontentdiv {
		width: calc(100% - 250px);
	}
	/* Module icons */
	.customers:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/users3.png);
	}

	.delivery:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/delivery_truck.png);
	}

	.products:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/sticky_note_text.png);
	}

	.promotions:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shopping_bag_full.png);
	}

	.labeling:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/tags.png);
	}

	.productlists:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/list_style_bullets.png);
	}

	.exchange:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/arrow_mix.png);
	}

	.salepricecalculations:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/calculator.png);
	}

	.invoices:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/invoice_euro.png);
	}

	.invoicesales:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/credit_cards.png);
	}

	.stock:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/inbox_full.png);
	}

	.quotes:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shopping_cart.png);
	}

	.saleorders:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shopping_cart_full.png);
	}

	.purchaseorders:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/platform_truck_box.png);
	}

	.interbranch:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/elements_branch.png);
	}

	.receivedproducts:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shelf_full.png);
	}

	.invoiceverification:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/invoice.png);
	}

	.invoicerequests:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/invoicerequest.png);
	}

	.reservations:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/box_into.png);
	}

	.returnofgoods:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/supplier_refund.png);
	}

	.customerreturns:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/money_refund.png);
	}

	.pointofsale:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/cash_register.png);
	}

	.cashdeclarations:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/folders2.png);
	}

	.loyalty:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/id_cards.png);
	}

	.giftcards:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/hand_card.png);
	}

	.planograms:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shelf_empty.png);
	}

	.edi:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/server_client_exchange.png);
	}

	.webshop:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/laptop.png);
	}

	.warehouse:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/wooden_pallet_box.png);
	}

	.statistics:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/spreadsheed_chart.png);
	}

	.shopserversync:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/shopserversync.png);
	}

	.warehousecheck:not(.inaccessible) {
		background-image: url(../Images/Modules/64x64/warehousecheck.png);
	}

	.ModuleBackground::after {
		position: relative;
		opacity: 0.5;
	}

	.ModuleBackground.customers {
		background-image: url(../Images/Modules/512x512/users3.png);
	}

	.ModuleBackground.delivery {
		background-image: url(../Images/Modules/512x512/delivery_truck.png);
	}

	.ModuleBackground.products {
		background-image: url(../Images/Modules/512x512/sticky_note_text.png);
	}

	.ModuleBackground.promotions {
		background-image: url(../Images/Modules/512x512/shopping_bag_full.png);
	}

	.ModuleBackground.labeling {
		background-image: url(../Images/Modules/512x512/tags.png);
	}

	.ModuleBackground.productlists {
		background-image: url(../Images/Modules/512x512/list_style_bullets.png);
	}

	.ModuleBackground.exchange {
		background-image: url(../Images/Modules/512x512/arrow_mix.png);
	}

	.ModuleBackground.salepricecalculations {
		background-image: url(../Images/Modules/512x512/calculator.png);
	}

	.ModuleBackground.invoices {
		background-image: url(../Images/Modules/512x512/invoice_euro.png);
	}

	.ModuleBackground.invoicesales {
		background-image: url(../Images/Modules/512x512/credit_cards.png);
	}

	.ModuleBackground.stock {
		background-image: url(../Images/Modules/512x512/inbox_full.png);
	}

	.ModuleBackground.quotes {
		background-image: url(../Images/Modules/512x512/shopping_cart.png);
	}

	.ModuleBackground.saleorders {
		background-image: url(../Images/Modules/512x512/shopping_cart_full.png);
	}

	.ModuleBackground.purchaseorders {
		background-image: url(../Images/Modules/512x512/platform_truck_box.png);
	}

	.ModuleBackground.interbranch {
		background-image: url(../Images/Modules/512x512/elements_branch.png);
	}

	.ModuleBackground.reservations {
		background-image: url(../Images/Modules/512x512/box_into.png);
	}

	.ModuleBackground.receivedproducts {
		background-image: url(../Images/Modules/512x512/shelf_full.png);
	}

	.ModuleBackground.invoiceverification {
		background-image: url(../Images/Modules/512x512/invoice.png);
	}

	.ModuleBackground.customerreturns {
		background-image: url(../Images/Modules/512x512/money_refund.png);
	}

	.ModuleBackground.pointofsale {
		background-image: url(../Images/Modules/512x512/cash_register.png);
	}

	.ModuleBackground.cashdeclarations {
		background-image: url(../Images/Modules/512x512/folders2.png);
	}

	.ModuleBackground.loyalty {
		background-image: url(../Images/Modules/512x512/id_cards.png);
	}

	.ModuleBackground.giftcards {
		background-image: url(../Images/Modules/512x512/hand_card.png);
	}

	.ModuleBackground.planograms {
		background-image: url(../Images/Modules/512x512/shelf_empty.png);
	}

	.ModuleBackground.edi {
		background-image: url(../Images/Modules/512x512/server_client_exchange.png);
	}

	.ModuleBackground.webshop {
		background-image: url(../Images/Modules/512x512/laptop.png);
	}

	.ModuleBackground.warehouse {
		background-image: url(../Images/Modules/512x512/wooden_pallet_box.png);
	}

	.ModuleBackground.statistics {
		background-image: url(../Images/Modules/512x512/spreadsheed_chart.png);
	}
}


.lblNewDesign {
	color: #0C3F73;
	margin-top: 30px;
	display: block;
	margin-bottom: 10px;
	font-size: smaller;
	width: 171px;
}

.modalClose {
	position: absolute;
	right: 0px;
	top: 0px;
}

.RetailVistaLoadingMessage {
	display: none;
	border: solid 2px #FB9736;
	/*border-style: solid;
	border-width: 2px;
	border-color: var(--menu-header-color);*/
	background-color: white;
	/*width: 250px;
	height: 75px;*/
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	-moz-opacity: .90;
	color: #0c3f73 !important;
	/*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/
}

.GridLoadingMessage {
	border: solid 2px #FB9736;
	background-color: white;
	width: 175px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	color: #0c3f73 !important;
}


.RetailVistaLoadingMessage > tbody > tr > td {
	/*width: 250px !important;
	height: 75px !important;*/
}

.LoadingGif {
	height: 20px !important;
	width: 20px !important;
}

.WarningAsterisk {
	color: red;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}

	.WarningAsterisk[aria-label]:hover::before, .WarningAsterisk[aria-label]:hover::after {
		visibility: visible;
		opacity: 1;
		transition-property: opacity;
		transition-duration: 0.2s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}

	.WarningAsterisk[aria-label]::before {
		content: attr(aria-label);
		pointer-events: none;
		white-space: pre;
		position: absolute;
		color: white;
		background: #3168a2;
		padding: 0.3rem 1rem;
		border-radius: 0.3rem;
		opacity: 0;
		visibility: hidden;
		font-weight: normal;
		margin-top: 16px;
	}

	.WarningAsterisk[aria-label]::after {
		border-bottom-width: 0.5rem;
		border-right-width: 0.5rem;
		border-right-color: black;
		border-left-width: 0.5rem;
		border-left-color: black;
		top: 100%;
		right: 50%;
		transform: translateX(50%);
	}

.LookupLabel {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#ctl00_ctl00_MasterContent_Sidebar_ctl02_pnlFeedback {
	margin: auto;
	width: 125px;
	margin-top: 10px;
	display: none;
	color: #444;
	border: 1px solid #CCC;
	background: white;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

#ctl00_ctl00_MasterContent_Sidebar_ctl02_lnkFeedback {
	display: inline-block;
	font: bold 11px Arial;
	text-decoration: none;
	background-color: #588BBD;
	color: white;
	padding: 4px 6px 4px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	margin-top: 8px;
	width: 100px;
	margin-bottom: 5px;
}


/* #region HandlerResponse */

div.ApproveFormWrapper table.ApproveGrid {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

	div.ApproveFormWrapper table.ApproveGrid tr th {
		height: 25px;
		padding-left: 5px;
		text-align: left;
		background-color: var(--tab-header-color);
		color: #FFF;
	}


	div.ApproveFormWrapper table.ApproveGrid tr td {
		border: none;
		border-top: 1px solid #c8c8c8;
		height: 25px;
		padding-left: 5px;
	}


	div.ApproveFormWrapper table.ApproveGrid tr:nth-child(even) td {
		background-color: #f3f3f3;
	}

	div.ApproveFormWrapper table.ApproveGrid tr td.GridCellProductNumber {
		width: 100px;
	}

	div.ApproveFormWrapper table.ApproveGrid tr td.GridCellDelDays, div.ApproveFormWrapper table.ApproveGrid tr td.GridCellAmount {
		width: 120px;
	}

	div.ApproveFormWrapper table.ApproveGrid tr td input {
		width: calc(100% - 10px);
	}

		div.ApproveFormWrapper table.ApproveGrid tr td input.Error {
			border: 1px solid #8e0000;
			background-color: #ffafaf;
		}

div.ApproveFormWrapper div.ButtonWrapper {
	padding-top: 10px;
	text-align: right;
}

div.ApproveFormWrapper div.ValidationTextWrapper {
	margin-bottom: 10px;
}

	div.ApproveFormWrapper div.OrderDetailWrapper span, div.ApproveFormWrapper div.ValidationTextWrapper span {
		padding: 5px;
		display: inline-block;
		width: calc(100% - 10px);
	}

		div.ApproveFormWrapper div.ValidationTextWrapper span.ErrorWrapper {
			border: 1px dashed #8e0000;
			background-color: #ffafaf;
		}

		div.ApproveFormWrapper div.ValidationTextWrapper span.WarningWrapper {
			border: 1px dashed #ff7d0e;
			background-color: #fce8c9;
		}

		div.ApproveFormWrapper div.ValidationTextWrapper span.SuccessWrapper {
			border: 1px dashed #16a300;
			background-color: #b8ffad;
		}

.cancelledRecord {
	color: red;
}

	.cancelledRecord:hover {
		color: darkred;
	}

	.cancelledRecord:visited {
		color: brown;
	}


/* #endregion HandlerResponse */
#tblTopMenu {
	display: flex;
}

.menucontainer {
	height: 40px !important;
}

.sidebarcontainer {
	top: 79px;
}

#tblExternalApplication {
	display: flex;
}

.topMenuItemExternal {
	height: 64px;
	text-align: center;
	width: 104px;
	color: rgb(77,130,184);
	text-align: center;
}

.topMenuItem {
	height: 64px;
	border-right: 2px solid rgb(77,130,184);
	padding-bottom: 5px;
	text-align: center;
	width: 104px;
	color: rgb(77,130,184);
	text-align: center;
}

	.topMenuItem:hover {
		background-color: var(--topmenuitem-bg-color);
	}

	.topMenuItem:active {
		background-color: var(--topmenuitem-active-bg-color);
	}

	.topMenuItem:first-of-type {
		/*	margin-left: 80px;
*/ border-left: 2px solid rgb(77,130,184);
	}

.topMenuItemText {
	padding: 10px 0px;
}

.topMenuItemImage {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding-top: 10px;
	height: 32px;
	width: 24px;
	padding: 10px 10px 0px 10px;
	margin: auto;
}

.topMenuItemStart {
	background-image: url(../Images/home.png);
}

.topMenuItemAdministration {
	background-image: url(../Images/data_table.png);
}

.topMenuItemExtra {
	background-image: url(../Images/gearwheels.png);
}

.topMenuItemHelp {
	background-image: url(../Images/question.png);
}
.topMenuItemInfo {
	background-image: url(../Images/infonew.png);
}

.topMenuItemWhatsApp {
	background-image: url(../Images/whatsapplogo.png);
}