/* #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);
}