:root {
	--topmenu-bg-color: #C9DBE0;
	--topmenuitem-bg-color: rgba(255,255,255,0.4);
	--topmenuitem-active-bg-color: rgba(255,255,255,0.2);
	--menu-header-color: #0086B3;
	--tab-header-color: #00A1D6;
	--tab-header-inactive-color: #70BCD3;
	--menu-background-color: white;
	--menu-font-color: black;
	--menu-report-header-color: #008F61;
	--menu-row-item-even: white;
	--menu-row-item-odd: #E6F4F1;
	--grid-selected-row: #A2D7E8;
	--modal-header--color: #0086B3;
	--button-background-color: #00A1D6;
}

a:link
{
	color: #000080;
	text-decoration: none;
}

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

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


.disabledLink
{
	color:lightgray;
	text-decoration: none;
}
.disabledLink:visited
{
	color:lightgray;
	text-decoration: none;
}
.disabledLink:hover
{
	color:lightgray;
	text-decoration: none;
}

body
{
	border:none;
	margin: 0px;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height:100%;
    height:100%;    
}

form
{
	margin:0;
    padding:0;
    height:100%;
    border:none;
}

img
{
	border-width: 0px;
}

.imageButton
{
	cursor:pointer;
}

input,textarea
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

select
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*width: 230px;*/
}


a.menubar:link
{
	color: #4E4780;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

a.menubar:visited
{
	color: #4E4780;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

a.menubar:hover
{
	color: #0000FF;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

a.link:link 
{
	text-decoration: underline;
}

a.link:visited 
{
	text-decoration: underline;
}

a.actiongroup:link
{
	color: #000000;
	text-decoration: none;
}

a.actiongroup:visited
{
	color: #000000;
	text-decoration: none;
}

a.actiongroup:hover
{
	text-decoration: underline;
}

div.actiongroup
{
	width: 164px;
	overflow: hidden;
}

.storechoice
{
	font-size: 8pt;
	width: 175px;
}

span.pageTitle {
	font-size: 14pt;
	font-weight: bold;
	color: var(--menu-header-color);
	padding: 5px;	
}

.recordtitle
{
	font-size: 14pt;
}

table.recordfooter
{
	color: #B8B8B8;
}

.recordcontent
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #0086B3;
	font-size: 8pt;
}

table.startpagepart
{
	border-color: #FB9736;
	border-style: solid;
	border-width: 1px;
	font-size: 10pt;
	table-layout: fixed;
}

.WizardTitle 
{
	font-weight:bold;
	font-size: 12pt;
}

td.menubar
{
	background-image: url('../images/menubar2.gif' );
	height: 26px;	
	vertical-align: bottom;
}


td.sidebar
{
	background-color: #E5E5E5;
	vertical-align: top;
	height: 100%;
	width: 180px;
}

td.sidebarbottom
{
	background-color: #E5E5E5;
	vertical-align: top;
	width: 180px;
	height: 90px;
}

td.sidebaractiongroup_title
{
	background-image: url('../images/sidebaractiongroup_title.gif' );
	background-repeat: no-repeat;
	background-color: #91BDE4;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}

td.sidebaractiongroup_content
{
	background-color: #FFFFFF;
	text-align: left;
	width: 164px;
}

td.startpageparttitle
{
	background-color: #FB9736;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}

td.tabactive_left
{
	background-image: url('../images/tab_active_left.gif' );
	width: 4px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}
td.tabactive_center {
	/*background-image: url('../images/tab_active_center.gif' );*/
	background-color: var(--menu-header-color);
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}
td.tabactive_right
{
	background-image: url('../images/tab_active_right.gif' );
	width: 6px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

td.tabinactive_left
{
	background-image: url('../images/tab_inactive_left.gif' );
	width: 4px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}
td.tabinactive_center {
	/*background-image: url('../images/tab_active_center.gif' );*/
	background-color: var(--menu-header-inactive-color);
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	white-space: nowrap;
}
td.tabinactive_right
{
	background-image: url('../images/tab_inactive_right.gif' );
	width: 6px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

td.tabactive90
{
	background-image: url('../images/tab_active.gif' );
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	width: 90px;
	padding-left: 2px;
	cursor: pointer;
}

td.tabactive125
{
	background-image: url('../images/tab_active_125.gif' );
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	width: 122px;
	padding-left: 2px;
	cursor: pointer;
}

td.tabinactive90
{
	background-image: url('../images/tab_inactive.gif' );
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	width: 90px;
	padding-left: 2px;
	cursor: pointer;
}

td.tabinactive125
{
	background-image: url('../images/tab_inactive_125.gif' );
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	width: 122px;
	padding-left: 2px;
	cursor: pointer;
}

td.verticaldottedline
{
	background-image: url('../images/vertical_dots.gif' );
	background-repeat: repeat-y;
	width: 1px;
	padding: 0px;
	font-size: 1px;
}

ul.SidebarTasksList
{
	color: #91BDE4;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 20px;
}

.error
{
	color: #FF0000;
	background-image: url('../images/error.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}

.errorGrayImage
{
	color: #FF0000;
	background-image: url('../images/error_gray.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}

.warning
{
	color: #FF0000;
	background-image: url('../images/warning.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}

.warningGrayImage
{
	color: #FF0000;
	background-image: url('../images/warning_gray.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}


.InfoMessage
{
	color: #008000;	
	height: 70px;
	font-weight: bold;
}

.WarningMessage
{
	color: #FB9736;	
	height: 70px;
	font-weight: bold;
}

.ErrorMessage
{
	color: #FF0000;	
	height: 70px;
	font-weight: bold;
}


.info
{
	color: #008000;
	background-image: url('../images/info.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}

.infoGrayImage
{
	color: #FF0000;
	background-image: url('../images/info_gray.gif');
	background-repeat: no-repeat;
	min-height: 70px;
	height: 70px;
	font-weight: bold;
}

.ErrorList 
{
	margin: 0px;
	padding-left: 40px;
}

.Grid {
	border-width: 1px;
	border-color: var(--menu-header-color);
	border-style: solid;
	empty-cells: show;
}

.GridParentHead {
	background-color: var(--menu-header-color);
}

.GridHead {
	background-color: var(--menu-header-color);
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
	height: 20px;
}

/*gaat mis, bv bij vko onderhoud grid wordt dan te lang
table.GridHead tbody tr td div 
{
	padding-left:3px;
} */

.GridActiveHead /*NoNUsedMayBe?*/
{
	background-color: #FDBC7B;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
}

.GridHeadHover
{
	background-color: #FDBC7B;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
}

.GridRow
{
	background-color: White;
	empty-cells: show;
}

.GridHoverRow
{
	background-color: #DEDFDF;
	empty-cells: show;
}

.GridCell
{
	padding: 2px;
	border-bottom: solid 1px #CCCCCC;
	cursor: default;
}

/*td.GridCell > div, td.GridParentHead > div
{
	width:99% !important;
	table-layout:fixed;
}
*/

/*To show some space left of the div, but thats not working (grid verspringt steeds).
table.GridHead > tbody > tr > td
{
	padding-left:3px;
}
*/

.GridCellNoPadding
{
	padding: 0px;
	border-bottom: solid 1px #CCCCCC;
	cursor: default;
}

.GridSelectedRow {
	background-color: var(--grid-selected-row);
	empty-cells: show;
	font-weight: bold;
}

.GridPager {
	background-color: var(--menu-header-color);
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	width: 100%;
}

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

.GridSummaryRow
{	
	font-weight:bold !important;
	border-top:2px solid darkgrey !important;
}

.pagerTd1
{
}

.pagerTd2
{
	width:100%;
}

.tblGrid
{
	width:100%;
	padding-bottom:0px;
	margin-bottom:0px;
}

.GridActionColumn
{
	padding: 0px;
	border-bottom: solid 1px #CCCCCC;
}

.GridColumnSelectionContextMenu
{	
	position: absolute;
	display: none;
	background-color: White;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width: 130px;
	border:solid 1px black;
}

.ContextItemWrapper
{
	width:130px;
	cursor:pointer;
	text-align:left;	
}

.ContextItemWrapper a
{
	width:127px;
	display:inline-block;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;	
	margin:0 0 0 0;
}
.ContextItemWrapper a:visited
{
	width:127px;
	display:inline-block;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;	
	margin:0 0 0 0;
}

.ContextItemWrapper a:hover {
	display: inline-block;
	width: 127px;
	text-decoration: none;
	background-color: var(--menu-row-item-odd);
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0 0 0 0;
}


.NoPadding
{
	padding: 0px;
	margin: 0px;
}

.ReadOnly
{
	border: solid 1px #DEDFDF;
}

.HaveFocus
{
	background-color: #FFFFCC;
}

.InActive 
{
	background-color: #FFFFFF;
}

.DynamicDisabled
{
	background-color: #F5F5F5;	
}

.SuccesFullSaved
{
	display: none;
	background-color: #006600;
	width: 200px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	left: 492px;
	top: 325px;
	position: absolute;
	font-weight: bold;
	-moz-opacity: .90;
}

.AdministrationAdvancedSearch 
{
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: solid 1px #91BDE4;
	padding: 10px;
}

.RadCalendarDateInput
{
	vertical-align: middle;
	margin-left: 2px;
}

.Balloon
{
	padding: 7px 5px 7px 5px;
	border-color: #ECEC9C;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFCC;
	position: absolute;
	z-index: 2000;
}

/**
 * MessageBox Styles
 */
#MessageBoxMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=0);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #FFFFFF;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("../Images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}

#MessageBoxContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}

#MessageBoxInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#MessageBoxText {
	padding: 10px;
	position: relative;
	z-index: 202;
}


#MessageBoxTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}

#MessageBoxTitle {
	float:left;
	font-size: 1.1em;
}

#MessageBoxControls {
	float: right;
	cursor: pointer;
}

/* CSS Class styles */
.RetailVistaLoadingMessage
{
	display: none;
	border: solid 2px #FB9736;
	background-color: white;
	width: 200px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	position: absolute;
	-moz-opacity: .90;
}
	
.TabSelectionPanel 
{
	display: none;
	position: absolute;
	background-color: #eaf5ff;
	border: solid 1px #91BDE4;
	padding: 10px;
}

.TabSelectionTable
{
	
}

.TabStripSelectorCellPanel : hover
{
	border: solid 1px #FF0000;
	background-color: Lime;
}

.TabStripSelectorCellPanel
{
	border: solid 1px #0000FF;
	background-color: Purple;
}

.ProgressBarStatusLabel {}

.ProgressBarContainer 
{
	border: solid 1px black;
}

.ProgressBar 
{
	background-color: #000080;
	color: White;
	padding: 2px;
	text-align: center;
}

div.ProductImage
{
	border: solid 1px #DEDFDF;
	text-align: center;
	margin: 5px;
	cursor: pointer;
	float: left;
}
.ImgCurrentDate
{
	margin-left:5px;
	cursor:pointer;
}
.ImgCurrentDateDisabled
{
	margin-left:5px;
}

table.supportdesk {
	display:none;
}

table.appchanges
{
	border-color: #91BDE4;
	border-style: solid;
	border-width: 1px;
	font-size: 8pt;	
}
td.appchangestitle
{
	background-color: #91BDE4;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}
td.DefaultRowAppCanges
{
	padding-left:10px;
	overflow:hidden;
	white-space:nowrap;
}
td.LinkShowAllChanges 
{
	text-align:right;
	font-style:italic;
	font-size: 8pt;
}

table.videos
{
	display:none;
}

table.documents
{
	border-color: #91BDE4;
	border-style: solid;
	border-width: 1px;
	font-size: 8pt;	
}
th.documentstitle,
td.documentstitle
{
	background-color: #91BDE4;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}
td.DefaultRowDocuments
{
	padding-left:10px;
	overflow:hidden;
	white-space:nowrap;
}

.lookupToolTip 
{
	width:16px;
	height:16px;
	vertical-align: middle;	
	margin-right: 5px;
}


.smallInstanceLogo 
{
	display:inline; 
	float:left; 
	margin-left:84px; 
	margin-top:2px;
}

.SmallPaddingNoSpacing td {
	padding:5px;
}
.dxheContentArea{
	border:none;
}
td.dxheViewArea { border: none; }


.dxgvHeader_NedFox .NedFoxDetail {
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 6px 5px;
	border: 1px Solid #c0c0c0;
	background: #91BDE4;
	overflow: hidden;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}

.proceduralstep { position:relative; }
.proceduralstepcontent {
	max-height:500px;
	overflow: hidden;
	-webkit-transition: all .5s ease .0s;
    -moz-transition: all .5s ease .0s;
    -o-transition: all .5s ease .0s;
    -ms-transition: all .5s ease .0s;
    transition: all .5s ease .0s;
}

.proceduralstepcontent.collapsed {
	/*display: none;*/
	max-height: 0px;
}

.proceduralstepheader {
	/*padding-left: 5px;
	padding-top: 5px;*/
	/*background-color: #91BDE4;*/
	background-color: #0086B3;
	color: #FFFFFF;
	/*display:table;*/
	width:100%;
	padding:6px;
	box-sizing: border-box;
}
.proceduralstepheader.gridsized {
	width:850px;
}
.proceduralstepheadercontent {
	margin: 2px;
	/*background-color: #91BDE4;*/
	background-color: #0086B3;
	color: #FFFFFF;
	height:29px;
	/*vertical-align:middle;*/
}
.PageLayoutListItem {
	overflow:hidden;
	display: inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}

.PageLayoutItem {
	float: right;
}

.MenuItemCaption {
	overflow:hidden;
	display: inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
	width: 80%;
}

.hidden {
	display: none;
}
.ButtonInDisguise {
	cursor: pointer;
}

/*!important overrides the inline style*/
.redborder { border: 1px solid red !important; }

.divider{
    border-right:1px solid black;
	padding-right:5px;
	margin-right:5px;
	font-size: 14pt;
	vertical-align: bottom;
}
.divider img {
	vertical-align: bottom;
}
.RetailVistaPwd {
	

}

.timepicker table tr td input
{
	border:none !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.timepicker table {
	border: solid 1px #7f9db9 !important;
}

.booleanIndicatorRight.centerbox  { float:right; right:-1px; height:19px; }
.booleanIndicatorRight.centerbox img { height:19px; }

.centercontainer {
	position: relative !important;
}
.centerbox {
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlaycontainer {
	position: absolute;
	z-index:9999;
	background-color:rgba(248, 248, 248, 0.96);
	border: 3px solid #0086b3;
	/*border: 2px solid black;*/
	width:100%;
}
.overlaycontainer:empty { border:none; }

.differencesGroupHeader { padding:5px; margin-bottom:5px;  }
.differencesTable td { padding:5px; border-collapse:collapse;  }
.differencesTable tr:not(:last-child) { border-bottom: 1px solid rgb(204, 204, 204); width:100%; }
.differencesTable.property {}
.differencesTable.oldValue { min-width:200px;}
.differencesTable.newValue {min-width:200px;}
.differencesTable.header {min-width:200px;font-weight:bold;}

.timepicker table tr td input {
	font-size: 8pt !important;
}

.onoffswitch {
	display:inline-block;
    position: relative; width: 65px;
	margin-top: 5px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #588BBD; border-radius: 0px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 19px; padding: 0; line-height: 19px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    padding-left: 10px;
    background-color: #588BBD; color: #FFFFFF;
}

.onoffswitch-inner:after {
    padding-right: 10px;
    background-color: #EEEEEE; color: #0C3F73;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 11px; margin: 4px;
    background: #FB9736;
    position: absolute; top: 0; bottom: 0;
    right: 42px;
    border: 2px solid #588BBD; border-radius: 0px;
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.mainlogo {
	background-image: url(../Images/retailvista.gif);
	background-repeat: no-repeat;
    background-position: center; 
	background-size:contain;
}

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

.statusbar {
	display:none;
}

.indexForm {
	border: 2px solid var(--button-background-color);
	background-color: rgb(252,254,255);
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}


.indexForm td {
	background:none !important;
}

.indexForm td.menubar > table > tbody > tr > td {
	display:none;
}

.indexForm td.menubar { position:relative; }

.indexForm td.menubar td:last-child {
	display:block;
	width:100% !important;
	text-align:center;
}

.indexForm select {
	position:relative;
	padding: 2px;
}

.localizationToolTip {
	cursor: pointer;
	display: inline-block;
	padding-right: 2px;
	height: 5%;
	/*width: 5%;*/
}
.localizableControl {
	max-width: 90%;
	display: inline-flex;
	overflow: hidden;
	text-overflow: ellipsis
}
.localizationTable{
	display: none;
}
.localizationTableLabel {
	font-weight: bold;
}
.qtipElement{
	display: none;
}

.qtip.localization{
	max-width: 800px;
	max-height: 800px;
}