@import url("/assets/common/iface/fonts/fontawesome-pro-5.14.0-web/css/all.css");
/* @import url("https://apps.netbi.net.au/common/iface/fonts/fontawesome-pro-5.14.0-web/css/v4-shims.css"); */
@import url("/common/iface/fonts/google/css/Roboto.css");
@import url("/common/iface/fonts/google/css/Inter.css");
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic,400italic,500,500italic,700,700italic,900,900italic");*/

@import url("/common/iface/css/netBIalert.css");

@font-face {
  font-family: "apex-5-icon-font";
  src: url("https://apps.netbi.net.au/common/iface/fonts/apex-5-icon-font.eot");
  src: url("https://apps.netbi.net.au/common/iface/fonts/apex-5-icon-font.eot?#iefix") format("embedded-opentype"), url("https://apps.netbi.net.au/common/iface/fonts/apex-5-icon-font.ttf") format("truetype"), url("https://apps.netbi.net.au/common/iface/fonts/apex-5-icon-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://apps.netbi.net.au/common/iface/fonts/MaterialIcons-Regular.woff); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://apps.netbi.net.au/common/iface/fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://apps.netbi.net.au/common/iface/MaterialIcons-Regular.woff) format('woff'),
       url(https://apps.netbi.net.au/common/iface/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.cntrClass {
  border: 2px;
  border-style: outset;
  border-color: #fff;
  }
  
.cntrTitle {
  /*background-color: #163252;*/
  font-weight: 300;
  /*height: 50px;*/
  overflow: hidden;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 75px;
  justify-content: space-between;
  font-family: Inter, Arial, sans-serif;
  width: 100%;
  z-index: 9999; /*9999*/
  }

.cntrTitle:hover {
  z-index: 99999;
  }

.cntrBlur {
  filter: blur(10px);
  }
  
.rptHelp p {
  font-family: Inter, Arial, sans-serif;
  font-size: 11pt;
  color: #163252;
  padding-left: 20px;
}

.cntrMain.cntrFull {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }

.cntrTitle span {
  
}

.cntrTitleText {
  font-family: Inter, Arial, sans-serif;
  /*font-size: 10pt;*/
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  font-size: 17pt;
  font-weight: 300;
  line-height: 75px;
  margin: 0;
  padding: 0 14px;
  }

.centreTitle .cntrTitleText {
  text-align: center;
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
  }
  
.centreTitle .cntrClose {
  position: absolute;
  right: 0px;
  background-color: inherit;
  padding-left: 3px;
  padding-right: 3px;
  }

.cntrBody {
  font-family: Inter, Arial, sans-serif;
  font-weight: 300;
  clear: both;
  overflow: auto;
  position: relative; /**RME***/
  }
  
.cntrClose {
  width: 20px;
  height: 20px;
  float: right;
  /*margin: 2px 9px 0px 0px;*/
  cursor: pointer;
  align-self: center;
  background-repeat: no-repeat;
  margin: 0 22px 0 0;
}

/* .cntrClose {
  width: 18px;
  height: 18px;
  float: right;
  margin: 2px 9px 0px 0px;
  color: white;
  font-size: 18pt;
  cursor: default;
  line-height: 30px;
}
.cntrClose:before {
  font-family: apex-5-icon-font;
  content: "\E0A2";
  }
  
.cntrClose:hover {
  color: #43b4e4;
} */

.cntrMinimise::before {
  font-family: 'Font Awesome 5 Pro', FontAwesome;
  content: "\f066";
}

.cntrMaximise::before {
  font-family: 'Font Awesome 5 Pro', FontAwesome;
  content: "\f065";
}

.cntrMinimise, .cntrMaximise {
  width:  18px;
  height: 18px;
  float: right;
  margin: 7px 0px 0px 0px;
  /*color: white;*/
  font-size: 12pt;
  cursor: default;
  padding-right: 8px;
  
  /*background-color: transparent;
  background-image: url(/common/iface/images/cntrMinimise.png);*/
  background-repeat: no-repeat;
  }
  

  
  
.cntrMinimise:hover, .cntrMaximise:hover {
  /*background-image: url(/common/iface/images/cntrMinimiseHover.png);*/
  color: #43b4e4;
  }

.cntrControls {
  display: flex;
  }
  
  
.cntrTLResize {
  width: 3px;
  height : 3px;
  cursor: nw-resize;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999999999;
  }
.cntrTResize {
  height : 3px;
  cursor: n-resize;
  position: absolute;
  top: 0px;
  left: 3px;
  right: 3px;
  z-index: 999999999;
  }
.cntrTRResize {
  width: 3px;
  height : 3px;
  cursor: ne-resize;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 999999999;
  }
.cntrRResize {
  width: 3px;
  cursor: e-resize;
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 0px;
  z-index: 999999999;
  }
.cntrBRResize {
  width: 5px;
  height : 5px;
  cursor: se-resize;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999999999;
  }
.cntrBResize {
  height : 3px;
  cursor: s-resize;
  position: absolute;
  bottom: 0px;
  left: 3px;
  right: 3px;
  z-index: 999999999;
  }
.cntrBLResize {
  width: 3px;
  height : 3px;
  cursor: sw-resize;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 999999999;
  }
.cntrLResize {
  width: 3px;
  cursor: w-resize;
  position: absolute;
  top: 3px;
  left: 0px;
  bottom: 3px;
  z-index: 999999999;
  }

.cntrModalBackground, .cntrModalBackgroundMain {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  /*background-color: #163252;*/
  background-color: #10151a;
  display: none;
  opacity: 0.40;
  filter: alpha(opacity=40);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.cntrModalBackgroundMain {

  /*background: #133156;
  background: -moz-linear-gradient(45deg,  #133156 1%, #43b4e4 100%);
  background: -webkit-linear-gradient(45deg,  #133156 0%,#43b4e4 100%);
  background: linear-gradient(45deg,  #13315610%,#43b4e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133156', endColorstr='#43b4e4',GradientType=1 );

  background: #0a1a2c;
  background: -moz-linear-gradient(45deg,  #0a1a2c 1%, #3897c1 100%);
  background: -webkit-linear-gradient(45deg,  #0a1a2c 0%,#3897c1 100%);
  background: linear-gradient(45deg,  #0a1a2c 10%,#3897c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1a2c', endColorstr='#3897c1',GradientType=1 );
  
  
  background-image: url("/common/iface/images/ModernEVITestBG4.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;*/
  

}

.cntrModalBackgroundMainold {
  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A2ADBA), to(#FFFFFF));
  /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #A2ADBA, #FFFFFF);
  /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #A2ADBA, #FFFFFF);
  /* IE 10 */ background: -ms-linear-gradient(top, #A2ADBA, #FFFFFF);
  /* Opera 11.10+ */ background: -o-linear-gradient(top, #A2ADBA, #FFFFFF);
  /* IE 9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2ADBA', endColorstr='#FFFFFF',GradientType=0 );
}

.newUI { 
 .cntrTitle,
 .cntrTitleText,
 .cntrBody,
 .rptHelp p {
  font-family: Inter, Arial, sans-serif;
  }
  & .legendStyleBottom {
    & .mapLegendCenter {
      text-align: center;
      }
    }
  & .centreTitle .cntrTitleText {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: 700;
    }
}
/*--------------------------------- FONT ---------------------------------*/

/*FONTS*/
.nBlogin .cntrTitleText, 
.nBuserPref .cntrTitleText,
.nBuserPrefButton,
.prefsRow .regSelect,
.ccMain .btn button,
.toolButton,
.dispInput,
.axisSortInput,
.axisSummInput,
textarea,
select,
input,
body  {
  font-family: Inter, Arial, sans-serif;
}

/*FONTS*/
.newUI, body.newUI { 
  .nBlogin .cntrTitleText, 
  .nBuserPref .cntrTitleText,
  .nBuserPrefButton,
  .prefsRow .regSelect,
  .ccMain .btn button,
  .toolButton,
  .dispInput,
  .axisSortInput,
  .axisSummInput,
  textarea,
  select,
  input {
    font-family: Inter, Arial, sans-serif;
  }
}

:root {
  --text-color: #303133; 
  --text-color-secondary: #909399;
  --table-color-highlight: #ffffff;
  --table-color-selected: #ffffff;
  --background-color: white;
  --background-color-secondary: #e4e7ed;
  --table-background-color: white;
  --table-background-color-secondary: #f5f7fa;
  --table-border-color: #e4e7ed;
  --table-total-color: #303133; /*#409eff;*/
  --table-background-color-highlight: #e1eeff; /*#94cceb;*/
  --table-background-color-selected: #e9f3ff; /*#19c0fa; */
  --table-color-highlight: #303133;
  --table-color-selected: #303133;
  --el-button-hover-bg-color: #6d9efc;
  --el-menu-selected-bg-color: #6d9efc20;
  --el-color-primary: #2E75FB;
  --el-color-primary-dark: rgba(46, 117, 251, 0.25); 
  --el-text-color-primary: #141432;
  --el-icon-color-regular: #606266;
  --el-base-hover-color: #f0f2f5;
  --el-color-danger-light: #f56c6c;
  --el-color-danger-light-7: rgb(235.9, 245.3, 255);
  --el-color-primary-light-7: #c0d6fe; 
  --el-border-color: #dcdfe6;
  --el-input-hover-border-color: #c0c3cc;
  --include-color: #3b6e21;
  --exclude-color: #b50d0d;
  --dialog-border-color: #d5d5d5;
}

body.newUI {
  font-family: Inter, Arial, sans-serif;
  color: var(--el-text-color-primary);
}

.nBptlCntr {
  background: var(--background-color);
}

.filter-bar__icon .icon-filter_list {
  font-size: 1.5rem;
  color: var(--el-text-color-primary);
  transition: color 0.2s ease;
}

/*WHITE BACKGROUND*/
body,
.nBOSCntrTitle,
.verticalMenu,
.cntrTitle, 
.nBlogin .cntrTitle, 
.nBuserPref .cntrTitle,
.nBuserPrefDiv1,
.ccMain .cntrTitle,
.ccCntrBody, .ccDimCntrBody,
.eviApexCntrBody, .apexMenuCntrBody,
.appsMenu .menuItemAppV,
.chartStatsHeading, .chartStatsContainer,
.finderHeading, .legendHeading,
.irgnHeading, .ibarRgnInner,
.nBTroubleText::before, .nBResetButton::before, .nBUnlockButton::before, .regSecretQuestionSelect option,
.rptShowRequestParamsHead th,
#rptTabBar,
.rptContents, .reportsHeading, .requestsHeading, .rptViewTableTrunc,
.viewHeading, .rptLOV .cntrTitle,
.epDefault .cntrTitle,
.calendar thead tr:nth-child(1), .calendar tbody .day,
.pletHeadAdmin, .pletHead,
.toolBarToolTipText, .dimFltrTitle, .measFltrTitle,
.upMain .upCntrTitle,
.dbarRgn, .dimButtonCntr, .topCntr,
.eviHelpCntrTitle, .eviHelpTreeHeading,
.crosstabRegion:not(.userBgColour) .datatable, 
.crosstabRgn .titlerow.head > td,
.nBalert .cntrTitle,
.geDefault .cntrTitle,
.filterbar, .filterRgn, .filterbarBottom,
.spToolTipTab thead tr th,
.pletBody.pletSVG,
.crosstabRgn .toolExcel2,
.evi .toolExcel2,
.layerHeader,
.tooltip,
.targetsDiv .filter,
.pletBody .chartRegion, .pletCntrBody,
.ptlDlg, .nBpletDlg,
.nBOSSaveRpt, .pletZoomCntr, .ptlFilterCntr,
.spToolTipTab .spToolTipToggle.spToolTipToggleHead tr th,
.evi .mapLegendCntr:not(.legendStyleInline),
.chartLegend.legendStyleCustom .cntrTitle,
.waitRegionBG, .chtRgn.cover,
.verticalMenu .nBmenuVer,
.spToolTipDiv,
.newUI.EVIBody, .newUI.SpatialBody, .newUI.PortalBody, .newUI.RTBody,
.newUI .EVIBody, .newUI .SpatialBody, .newUI .PortalBody, .newUI .RTBody,
.upDialog,
 .ptlDlgInput2RowInner,
.ptlDlg .ptlDlgPrompt,
.epBtns,
.upBtn,
.menuItemPopupV,
.nBmenuVer
{
  background-color: white;
}
.nBportalDlgButton,
.ptlDlg .cntrBody,
.ptlDlg .cntrTitle,
.nBpletDlgButton,
.nBpletDlg .cntrTitle {
  background-color: transparent;
}

/*LIGHT GREY BACKGROUND 98% White  */ 
.nBOStabRgn,
.nBOSNameContainer,
.crosstabRegion:not(.userBgColour) .pletBody .titlerow, 
.crosstabRegion:not(.userBgColour) .pletZoomBody .titlerow,
.crosstabRegion:not(.userBgColour) .titlerow.head > td,
.rowSearchInput,
.eviDDListCntrBody,
.nBalert .cntrBody {
   background-color: #fafafa;
}


/*LIGHT GREY BACKGROUND 96% White */ 
.userPrefButtonContainer,
.prefsTab,
.legendContainer, .legendRow:nth-child(odd), .chartLegend.legendStyleCustom .mapLegendRowOdd,
.finderContainer, .finderSlider, 
.crosstabRegion:not(.userBgColour) .headrow, 
.crosstabRegion:not(.userBgColour) .headrow.head > td, 
.crosstabRegion:not(.userBgColour) .totrow,
.nBOSsearchRegion, .nBOSinput, .nBOSpageRegion,
.nBOSCntrBody,
.nBOSDescContainer,
.nBOSdimValueContainer,
.nBDDinput,
.rptRequestControl, .rptShowRequestParamsRow:nth-child(odd), .rptRequestTable.fixedRowHeader,
#viewTabBar,
.reportListContainer, .rptSubmit, .rptDocument,
.rptLOVControl,
.calendar thead tr:nth-child(2), .calendar .footrow, .calendar .combo,
.pletHeadIcon .menuItemPletV, 
.pletMenuIcon .menuItemPletV, 
.tbarTooltipRowHeader,
.measFltr0,
.dimFltrHeader, .measFltrHeader,
.layer-switcher-base-group li:nth-child(even),
.chartStatsAxisHeader, .chartStatsMetricsHeader,
.eviHelpHeading, .eviHelpTree,
.mapLegendBody,
.spToolTipY,
.spYToolTipTableHead,
.portal1 .titlerow td,
.unCollapseBtn,
.animLayerSwitcher,
.animPalettePicker-cntr,
.animPalettePicker
{
  background-color: #f5f5f5;
}

.dimFltr:nth-child(odd),
.dimFltrX:nth-child(odd),
.pletTooltipInfoHeader,
.dimFltr0,
.ccTab,
.btn {
  background-color: white
}

.legendRow:nth-child(even),
.chartLegend.legendStyleCustom .mapLegendRowEven,
.swapSelector {
  background-color: #f0f0f0;
}

/*LIGHT GREYBACKGROUND 93% White */ 
.prefsRow:nth-child(odd),
.dimSelect .swapDimRowContainer,
.nBOSDTSelect .swapDimRowContainer,
.nBOSCDSelect .swapDimRowContainer,
.nBOSDTSelect .swapDimRow:nth-child(odd),
.nBOSCDSelect .swapDimRow:nth-child(odd),
.dimRow:nth-child(odd), .axisRow:nth-child(odd), .metricsRow:nth-child(odd),
#dimsAreaTab .irgnTabRow:nth-child(even), 
#irgnXAxis .irgnTab:nth-child(odd), #irgnYAxis .irgnTab:nth-child(odd), #irgnZAxis .irgnTab:nth-child(odd), #irgnSelection .irgnTab:nth-child(odd),
.irgnSection .irgnTabRow:nth-child(even),
.trc1.trc0:nth-child(odd),
.nBOSrepDiv:nth-child(even), .nBOSmainRegion,
.nBOStagsContainer, .nBOSdrillThruContainer, .nBOSsaveArtefactContainer,
.nBDDrow:nth-child(even), .nBOSmainRegion, .nBOSsaveArtefactTopicsContainer,
.rptTableRow:nth-child(odd), .rptShowRequestParamsRow:nth-child(even),
.rptViewTable.fixedRowHeader, .rptParamTable tr:nth-child(odd), .rptCntrTab, .rptTabView,
.calendar thead tr:nth-child(3),  .calendar tbody .day.wn,  .calendar .day.hilite, .calendar .combo .label:hover,
.hilite.button.hilite.active, .hilite.nav.button.hilite.active, .active.hilite.today.selected.day.hilite.active, .hilite.oweekend.othermonth.day.active,
.nBplet .crosstabRegion:not(.userBgColour) .trc0:nth-child(odd), 
.nonDateContainer,
.tbarTooltipRow:nth-child(odd), 
.tbarTooltipRowX:nth-child(odd), 
.measFltr:nth-child(odd),
.measFltrX:nth-child(odd),
.crosstabRgn .trc0:nth-child(odd),
.evi .datatable .trc0:nth-child(odd),
.layer-switcher-base-group li:nth-child(odd),
.eviHelpText,
.spToolTipMeas:nth-child(odd),
.spYToolTipTableRow:nth-child(odd),
.nBcCdlgDiv1,
.gridData,
.alertDiv,
.filter.filterHover,
.cellReadOnly, .spYToolTipTableFoot,
.portal1 .pletHTML
{
  background-color: #ededed;
}

.pletTooltipInfo:nth-child(odd),
.pletTooltipInfoX:nth-child(odd),
.pletTooltipInfo:nth-child(even),
.pletTooltipInfoX:nth-child(even),
.dispIconsContainer,
.dispRow:nth-child(even),
#axisSortNameX,
#axisSortNameZ,
.XAxisSortRow,
.ZAxisSortRow,
#axisSummNameX,
#axisSummNameZ,
#XAxisSummRow1P1,
#XAxisSummRow3,
#YAxisSummRow2,
#ZAxisSummRow1P1,
#ZAxisSummRow3,
.axisSettName,
.XAxisSettRow:nth-child(odd),
.YAxisSettRow:nth-child(odd),
.ZAxisSettRow:nth-child(odd),
.scaleSettRow:nth-child(odd),
.statLinesRow:nth-child(odd),
.custDim, .artProp,
.swapDimSelectLabelX,
.swapDimSelectLabelZ,
.xSelect .swapDimRow:nth-child(odd),
.zSelect,
.ySelect .swapDimRow:nth-child(even),
.zSelect .swapDimRow:nth-child(odd),
.dimSelect .swapDimRow:nth-child(odd),
.measBuckets,
.dispChartSettingsContainer,
.frmKpi,
.finder .YAxisSortRow,
.finder #YAxisSummRow1P1,
.nBplet .crosstabRegion:not(.userBgColour),
#nBpletPortletPropDlgInput tr:nth-child(odd) {
  background-color: white;
}

/*LIGHT GREY BACKGROUND 90% White  */
.prefsRow:nth-child(even),
/*.swapDimRow:nth-child(even),*/
.nBOSDTSelect .swapDimRow:nth-child(even),
.nBOSCDSelect .swapDimRow:nth-child(even),
.axisName:nth-child(even),
.dimRow:nth-child(even), .axisRow:nth-child(even), .metricsRow:nth-child(even),
#dimsAreaTab .irgnTabRow:nth-child(odd),
#irgnXAxis .irgnTab:nth-child(even), #irgnYAxis .irgnTab:nth-child(even), #irgnZAxis .irgnTab:nth-child(even), #irgnSelection .irgnTab:nth-child(even),
#irgnXMetrics .irgnTabRow:nth-child(odd), #irgnYMetrics .irgnTabRow:nth-child(odd), #irgnZMetrics .irgnTabRow:nth-child(odd),
.trc1.trc0:nth-child(even),
.nBOSpublicContainer,
.rptTableRow:nth-child(even),
.rptViewTableRow1, .rptParamTable tr:nth-child(even),
.paramRow:nth-child(odd), .columnRow:nth-child(odd), .sortRow:nth-child(odd),
.columnHeaderRow, .sortHeaderRow, 
.nBplet .crosstabRegion:not(.userBgColour) .trc0:nth-child(even), 
/*.nbCheckboxContainer:nth-child(even), */
.allowAllContainer,
.tbarTooltipRow:nth-child(even),
.tbarTooltipRowX:nth-child(even),
.measFltr:nth-child(even),
.measFltrX:nth-child(even),
.crosstabRgn .trc0:nth-child(even),
.evi .datatable .trc0:nth-child(even),
.menuItemPletVActive,
.spToolTipMeas:nth-child(even),
.spYToolTipTableRow:nth-child(even),
.spYToolTipTable,
.ccMapDiv,
.targBaseList,
.calendar .day.selected.hilite,
.mapLegendSectionHeading,
.crosstabDefaultBG,
.rptNoData,
.animLayerSwitcherTitle
{
  background-color: #e6e6e6;
}

/* NEW CHART CONTROL CHANGES */
.dispRow:nth-child(odd),
.dispChartSettingsContainer.dispOdd,
#axisSortNameY,
.YAxisSortRow,
#axisSummNameY,
#XAxisSummRow2,
#YAxisSummRow3,
#YAxisSummRow1P1,
#ZAxisSummRow2,.XAxisSettRow:nth-child(even),
.YAxisSettRow:nth-child(even),
.ZAxisSettRow:nth-child(even),
.scaleSettRow:nth-child(even),
.statLinesRow:nth-child(even),
.swapDimSelectLabelY,
.swapDimSelectLabelM,
.ySelect,
.mSelect,
.xSelect .swapDimRow:nth-child(even),
.ySelect .swapDimRow:nth-child(odd),
.zSelect .swapDimRow:nth-child(even),
.dimSelect .swapDimRow:nth-child(even),
.mSelect .swapDimRow:nth-child(odd),
.kpi1,
#nBpletPortletPropDlgInput tr:nth-child(even) {
  background-color: white;
}

/* NEW CHART CONTROL CHANGES */
.ccTab:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.targBaseList
{
  border-color: #e6e6e6;
}

.nBOSDTSelect,
.nBOSCDSelect,
.tbarTooltipRowCustHeader
{
  border-color: #bbbbbb;
}

/*LIGHT GREY BACKGROUND 88% White  */ 
.paramRow:nth-child(even), .columnRow:nth-child(even), .sortRow:nth-child(even),
.rptViewTableRow2 {
  background-color: #e0e0e0;
}


/*LIGHT GREY BACKGROUND 87% White  */ 
.prefsTab:hover,
.reportListContainer:hover,
.rptCntrTab:hover,
.rptLOVSearchDiv,
.nBOSouter,
.nBOSrepDiv:nth-child(odd),
.nBDDrow:nth-child(odd),
.spToolTipTab .spToolTipToggle tr th
{
  background-color: #dedede;
}

/*.dimSelect .swapDimRow:hover,*/
.threshIcons2, .threshIcons3, .threshIcons4,
.calendar .day.selected,
.animPalettePickerRow:hover
{
  background-color: #d9d9d9;
}

/* NEW CHART CONTROL CHANGES */
.filtRow:hover,
.filtSubRowExpand:hover,
.dimSelect .swapDimRow.selectHover,
.filtSubRowMeasure:hover,
.filtSubRowFile:hover {
  background-color: var(--el-menu-hover-bg-color);
}

/*MID GREY BACKGROUND*/ 
.ccBtn.disabled, .ccBtn.disabled:hover
{
  background-color: #aaaaaa;
}

.xSelect .swapDimRow.measItem:nth-child(odd),
.ySelect .swapDimRow.measItem:nth-child(odd),
.zSelect .swapDimRow.measItem:nth-child(odd)
{
  background-color: white;
}

/* NEW CHART CONTROL */
.measSelect .swapDimRow.measItem:nth-child(odd) {
  background-color: white;
}

.xSelect .swapDimRow.measItem:nth-child(even),
.ySelect .swapDimRow.measItem:nth-child(even),
.zSelect .swapDimRow.measItem:nth-child(even) {
  background-color: white;
}

/* NEW CHART CONTROL */
.measSelect .swapDimRow.measItem:nth-child(even) {
  background-color: white;
}

.spToolTipTab .spToolTipToggle:hover tr th
{
  background-color: #99c5d8;
}

/* NEW CHART CONTROL */
.measSelect .swapDimRow.measItem:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.dispChartSettings.dispIconsFade:hover::before {
  background-color: #4d4d4d;
}

/*LIGHT TEAL BACKGROUND*/
.nBuserPrefButton,
.ccFiltGlobalBtn,
.finderSlider:hover, .finderSliderHover, .finderSlider:hover,
.nBOSsaveBtn, .nBOScancelBtn, .nBOSclearBtn, .nBOStab.nBOStabActive::before,
.nBalertOKButton, .nBalertCancelButton,
.rptButton,
.rptTableRowActive, #rptTabBar .tabActive::before, #viewTabBar .tabActive::before,
.rptReport,
.columnRowActive, .sortRowActive,
.rptViewTableRow1Selected, .rptViewTableRow2Selected,
.epOkBtn, .epCancelBtn,
.viewModal,
.pletBody .tdc0Hover,
#ptlTPDCancelButton, #ptlTPDOKButton, #nBpletPDOKButton, #nBpletPDCancelButton, #ptlDDOKButton, #ptlDDCancelButton, #nBpletDDOKButton, #nBpletDDCancelButton,
.toolButton,
/* .dispSelected.dispIconsFade::before, */
.toolIcon::before,
.toolIcon.toolIconActive::before,
.spToolTipMeasCurrent,
#nBpletPPOKButton, #nBpletPPCancelButton,
.threshIconSelected
{
  background-color: #3082a6;
}

.ccBtn, .ccMain .btn button {
  background-color: var(--el-color-primary);
  border-radius: 4px;
}

.chooser, .bcBody
{
  background-color: #3082a6;
}
.crosstabRegion:not(.userBgColour) .tdc0Hover
{
  background-color: #94cceb;
}
.datatable .tdc0Hover,
.lightBG .datatable .tdc0Hover,
.lightBG .datatable .tdc0Hover span
{
  background-color: #3082a6;
  border-top-color: #3082a6;
  border-bottom-color: #3082a6;
}
.lightBG .datatable .tdc0Hover,
.lightBG .datatable .tdc0Hover span
{
  color: white !important;
}
.darkBG .datatable .tdc0Hover,
.darkBG .datatable .tdc0Hover span
{
  background-color: #eeeaaa;
  border-top-color: #eeeaaa;
  border-bottom-color: #eeeaaa;
  color: black !important;
}
.tdc0Hover.dimCustom
{
  background-color: #3082a6 !important;
}
.nBMenuToggle:hover, .nBMenuCollapse:hover, .nBMenuPin:hover {
  background-color: rgb(48, 130, 166, 0.25);  /* #3082a6 */
} 

/*NETBI LIGHT BLUE BACKGROUND*/
.ccFiltGlobalBtn:hover,
.userPrefButton:hover,
.nBOSsaveBtn:hover, .nBOScancelBtn:hover, .nBOSclearBtn:hover,
.nBalertOKButton:hover, .nBalertCancelButton:hover,
.dispIconsFade:hover::before,
/* .dispChartSettings. dispSelected.dispIconsFade:hover::before, */
.nBOStab::before,
.nBOStab.nBOStabActive:hover::before,
#rptTabBar .tab:hover::before,
#viewTabBar .tab:hover::before,
.rptTableRowHover, .rptTableRowActive:hover,
.rptViewTableRow1:hover, .rptViewTableRow2:hover,
.rptButton:hover:not(:disabled),
.columnRow:hover, .sortRow:hover,
.epOkBtn:hover, .epCancelBtn:hover,
.toolButton:hover,
#ptlTPDCancelButton:hover, #ptlTPDOKButton:hover, #nBpletPDOKButton:hover, #nBpletPDCancelButton:hover, 
#ptlDDOKButton:hover, #ptlDDCancelButton:hover, #nBpletDDOKButton:hover, #nBpletDDCancelButton:hover,
.nBportalButton:hover, .nBpletButton:hover,
.toolIcon:hover::before,
.toolIcon.toolIconActive:hover::before,
#nBpletPPOKButton:hover, #nBpletPPCancelButton:hover,
.threshIconActive,
.threshIconActiveSelected,
.nBuserPrefButton:hover
{
  background-color: #43b4e4;
}

.ccBtn:hover, .ccMain .btn button:hover {
  background-color: var(--el-color-primary-light-3);
}

.nBpletButton:hover, .nBportalDlgButton input:hover,
.epOkBtn:hover, .epCancelBtn:hover,
.upOkBtn:hover, .upCancelBtn:hover {
  background-color: var(--el-button-hover-bg-color);
}

.nBportalDlgButton input,
.nBpletButton,
.epOkBtn,
.epCancelBtn,
.upCancelBtn,
.upOkBtn,
.dimButtonActiveHover::before,
.measButtonHover::before,  
.measButtonActiveHover::before,
.dimButtonHover::before,
.measButtonActive::before,
.measButton::before,
.dimButtonActive::before {
  background-color: var(--el-color-primary);
}


.threshIcon,
.ccBtn.ccBtnDisabled {
 background-color: #999999; 
}

.filterbarItemHover,
.menuItemAppVActive,
.menuItemContextVActive,
.legendRowHover,
.nByLabelHighlight,
.r1h,
.unCollapseBtn:hover,
.mapLegendTableInner tr:hover,
.mapLegendValueHighlight,
.tree li.file:hover,
.tree li label:hover
{
  background-color: #dfe8ec; 
  fill: #dfe8ec;
}
.mapLegendTableInner tr:hover,
.mapLegendValueHighlight  {
  background-color: #b7e7fd !important;
  fill: #b7e7fd;
}
.lightText .mapLegendTableInner tr:hover,
.lightText .mapLegendValueHighlight  {
  background-color: #3082a6 !important;
  fill: #3082a6;
}

/*.xSelect .swapDimRow.dimItem.selected,
.ySelect .swapDimRow.dimItem.selected,
.zSelect .swapDimRow.dimItem.selected,
.selectControls
{
  background-color: white;
}
*/

/* NEW CHART CONTROL */
.frmAddD .swapDimRow.dimItem.selected {
  background-color: var(--el-menu-selected-bg-color);
}

.targFilterVal,
.rptShowRequestParamsHead:not(:first-child)
{
  border-color: #cfcfcf;
}

.xSelect .swapDimRow.measItem.selected,
.ySelect .swapDimRow.measItem.selected,
.zSelect .swapDimRow.measItem.selected {
  background-color: var(--el-menu-hover-bg-color);
}

.swapDimRow.measItem.selected,
.measSelect .swapDimRow.measItem.selected
{
  background-color: var(--el-menu-hover-bg-color);
}

.swapDimRow.measItem,
.xSelect .swapDimRow.measItem,
.ySelect .swapDimRow.measItem,
.zSelect .swapDimRow.measItem {
  background-color: #c2dfeb;
}

.filterBarRgnSelectBtn.on {
  color: mediumseagreen;
}

/*LOGIN BG COLOUR*/

.nBlogin.cntrMain,
.nBlogin:not(.cntrFull) .cntrBody {
  background-color: #092837;
}

.nBlogin.cntrMain.cntrFull {
  background-color: rgba(15,40,51,0.8); 
}

.finderRegion,
.chartStatsRegion,
.legendRegion,
.ccMain.cntrMain.ccCntrMain {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, #ededed 0%, #ffffff 100%) repeat scroll 0 0;
  border-right: 1px solid var(--el-border-color-light);
  box-shadow: none;
}

.ccDimCntrMain {
  border-left: 1px solid var(--el-border-color-light);
}


.nBOSFilterSelect,
.nBOSsaveInput, 
.nBOSsaveTextInput,
.cntrFull .nBLoginField,
.nBLoginField,
.nBLoginButton,
.regSecretQuestionSelect,
.swapDimMeas,
.rptReportList,
.rowInput,
.rowInputMandatory ,
.rptColumnWidthField, .rptColumnFormatSelect, .rptColumnAlignSelect, .rptSortDir,
.rptLOVSearch,
.ptlDlgField, .nBpletDlgField,
.newUI .filterRgn {
  background-color: transparent;
}

.rptTableRowActiveHover,
.columnRowActiveHover, .sortRowActiveHover,
.rptViewTableRow1Selected:hover, .rptViewTableRow2Selected:hover {
  background-color: #2290bf;
} 

.spYToolTipTableFoot {
  border-top-color: #bbb;
}

.pletSelected {
  border-color: orange;
  }

.rtcMapWait {
  background-color: #163252;
}

.msgRgn {
  background-color: #A0364A;
}

.active .swapDimSelectLabel {
  background-color: #8899aa;
}

/* HIGHLIGHT BLUE */
.datatable .tdc0Selected:not(.valCustom),
.datatable .val0.tdc0Selected:not(.valCustom),
.datatable .val1.tdc0Selected:not(.valCustom),
.datatable .val2.tdc0Selected:not(.valCustom),
.datatable .val3.tdc0Selected:not(.valCustom) 
{
  background-color: #55bbe7;
}

.datatable .valCustom.tdc0Selected
{
  border-top-color: #55bbe7;
  border-bottom-color: #55bbe7;
}

.tbarTooltipRowCustHeader
{
  background-color: #e3c8c8;
}

/*WHITE COLOUR*/
.nBuserPrefButton,
.ccBtn, .ccMain .btn button, .ccFiltGlobalBtn,
.nBOSsaveBtn, .nBOScancelBtn, .nBOSclearBtn,
.nBalertOKButton, .nBalertCancelButton,
.cntrFull .nBLoginField, .nBLoginField, .nBLoginButton, .nBTroubleText, .regSecretQuestionSelect, .nBResetButton, .nBUnlockButton,
.rptButton,
.rptTableRowActive, .rptTableRowActiveHover, .rptTableRowHover, .rptTable, .rptViewTableRow1:hover, .rptViewTableRow2:hover,
.columnRow:hover span, 
.columnRow:hover select,
.columnRowActiveHover span, 
.columnRowActiveHover input,
.columnRowActiveHover select,
.columnRowActive span, .columnRowActive select,
.sortRow:hover span, .sortRow:hover select, .sortRowActive span, .sortRowActive select, .sortRowActiveHover span, .sortRowActiveHover select,
.rptViewTableRow1Selected, .rptViewTableRow2Selected, .rptLOVButton, 
.epOkBtn, .epCancelBtn, .pletBody .val0.tdc0Hover, .pletBody .val1.tdc0Hover, .pletBody .val2.tdc0Hover, .pletBody .val3.tdc0Hover,
.val4.tdc0Hover, .pletBody .val5.tdc0Hover,
#ptlTPDCancelButton, #ptlTPDOKButton, #nBpletPDOKButton, #nBpletPDCancelButton, 
#ptlDDOKButton, #ptlDDCancelButton, #nBpletDDOKButton, #nBpletDDCancelButton,
.toolButton,
.nBpletButton,
.nBportalDlgButton input,
.nBpletDlgButton input,
.upOkBtn, .upCancelBtn,
.spToolTipMeasCurrent,
.cancelReq, .msgRgn, .waitRgn, .eviMsg,
#nBpletPPOKButton, #nBpletPPCancelButton,
.measureInput, .searchInput, 
.rptColumnWidthField:hover,
.columnRowActive .rptColumnWidthField, .columnRow:hover .rptColumnWidthField,
.active .selectLabelSpan,
.nBchartZoomArrow, .mapMoveIcon i, .nBchartForceExcel, 
.bcBody
{
  color: white;
}

.filterBarRgnSelectBtn
{
  color: black;
}


.tdc0Hover.dimCustom span
{
  color: white !important;
}

.columnRow:hover input::placeholder, 
.columnRowActiveHover input::placeholder, 
.columnRowActive input::placeholder {
  color: white;
}

/*GREY COLOUR*/
input,
.cntrMain:not(.customTextColour),
/*.cntrTitle span,*/ .ccMain, 
.prefLabel, .prefsRow .regSelect, .prefsTabLabel, .prefsLabel,
.filtTopLabel, .filtTopLabelHighlight, .filtLabel, .filtSubLabel, .filtSubLabelHighlight,.filtSubLabelInclude, 
.filtSubLabelExclude, .filtSubLabelHighlightInclude, .filtSubLabelHighlightExclude, .filtGlobalOff::before,
.dispLabel, .dispInput,
.swapDimMeas, .swapDimLabel, .primSecMeasSelect, .selectLabelSpan, .swapSelectorTitle,
.ccTab span, .ccLabel,
.axisSortSpan, .axisSortLabel, .axisSortInput, .axisSortInput > option, 
.axisSummInput, .axisSummInput > option, .axisSummSpan, .axisSummLabel, 
.axisSettSpan, .axisSettLabel,
.chartStatsHeading, .chartStatsAxisTitle, .chartStatsMetricsTitle,
.csCol0, .csCol1, .csCol2, .csCol3, .csCol4, .csCol6, .csCol7, .csCol8, .csCol9, .csCol10, .csCol11, .csCol12, .csCol13,
.legendTitle, .legendRow, .legendRowHover,
.finderTitle, .finderMsg, .finderCubeSelect, 
.crosstabRegion:not(.userTextColour) .headrow.head > td, .crosstabRegion:not(.userTextColour) .tdc0 span, 
.crosstabRegion:not(.userTextColour) .tdc0.tdc0UnSelected span, .crosstabRegion:not(.userTextColour) .titlerow.head > td,
.nBOSinput, .nBOStab, .nBOSreportName, .nBOSfav, .nBOSpageNumber,
.nBOSsaveInput, .nBOSpublicSpan, .nBOSsavFav, .nBOSrepDivFooter,
.nBalertText,
.nBDDreportName,
.rowSearchInput,
.regSecretQuestionSelect option,
.requestsHeadingTitle,
.rptRequestTable, .rptReportList, #rptTabBar .tab, #viewTabBar .tab, .rptSaveSelect, .rptRequestLastUpdateText,
.rptShowRequestParamsHead th, .rptShowRequestParamsRow,
.viewHeadingTitle, .rptViewTableHeading > th, .rptViewTableRow1, .rptViewTableRow2,
.rptParamTable td,
.reportsHeadingTitle, .rptCntrTabSpan, .paramRowLabel, .rowInput, .rowInputMandatory, 
.columnHeaderRow, 
.columnRow span, .columnRow select,
.sortHeaderRow, .sortRow span, .sortRow select,
.rptLOVSearch, .calendar thead .title,
.calendar .button, .daynames td, .calendar .footrow, .calendar .day, .calendar .combo .label,
.pletTitle,
.menuRgnPlet, 
.pletHeadIcon .menuItemPletV, 
.pletMenuIcon .menuItemPletV, 
.menuItemPletVActive,
.ptlDlgField, .nBpletDlgField, .ptlDlgNameSpan, .nbCheckboxContainer, .allowAllContainer,
.dimFltrTable, .measFltrTable, .dimFltrHeader, .measFltrHeader,
.tooltipPortletFilter,
.tbarTooltipRow, .toolBarToolTipText, .tbarTooltipRowHeader, .tbarTooltipRowCustHeader,
.layerSwitcherPanel,
.measureSwitcherPanel,
.eviPrefsRow, .prefsSectionHeader,
.dbarRgn, .dimButton,
.eviHelpText, .eviHelpTree,
.evi .datatable .val0, 
.evi .datatable .val1, 
.evi .datatable .val2, 
.evi .datatable .val3,
.nBOSsaveTagTitle,
.filter, .filterHover, .filterbarItem, .filterbarItemHover,
.spToolTipTab thead tr th, .spToolTipY, .spToolTipTab, .spToolTipMeas, .spYToolTipTable,
.ptlDlgPrompt, .nBpletDlgPrompt,
.finderCancelReq,
.targFilterVal,
.targBaseVal,
.kpi1 .showGridDiv .datatable td,
.nBchartTileValue, 
.animLayerSwitcher,
.animPalettePicker-cntr,
.animPalettePicker,
.file
{
  color: var(--el-text-color-primary);
}

.newUI { 
   #eviFinder, .nBeviMainDiv, .crosstabRegion, .finderHeading, .finderContainer, .finderSelectContainer {
      background: var(--background-color); 
   }
   .finderFooter, .finderSlider {
      background: var(--table-background-color-secondary); 
   }
   .finderSlider:hover, .finderSliderHover {
      background-color: #3082a6;
   }
   .crosstabRegion:not(.userTextColour) .headrow.head > td, .crosstabRegion:not(.userTextColour) .tdc0 span, 
   .crosstabRegion:not(.userTextColour) .tdc0.tdc0UnSelected span, .crosstabRegion:not(.userTextColour) .titlerow.head > td,
   .crosstabRegion:not(.userTextColour) .tdc0,
   .crosstabRegion:not(.userTextColour) .tdct {
      color: var(--el-text-color-primary);
   }
   .crosstabRegion:not(.userTextColour) .tdc0,
   .crosstabRegion:not(.userTextColour) .tdct,
   .crosstabRegion:not(.userTextColour) .tdrt,
   .crosstabRegion:not(.userTextColour) .totrow {
      color: var(--el-text-color-primary) !important;
   } 
   .crosstabRegion:not(.userBgColour) .headrow,
   .crosstabRegion:not(.userBgColour) .headrow.head > td,
   .crosstabRegion:not(.userBgColour) .tdct,
   .crosstabRegion:not(.userBgColour) .totrow {
      background-color: var(--el-fill-color-lighter);
   }
   .crosstabRegion:not(.userBgColour) .trc0:nth-child(odd),
   .crosstabRegion:not(.userBgColour) .trc0:nth-child(even) {
      background-color: var(--table-background-color);
   }
   .crosstabRegion:not(.userBgColour) .tdc0Hover,
   .crosstabRegion:not(.userBgColour) .tdc0Hover span {
      background-color: #D7E5FE;
      color: var(--table-total-color) !important;
   }
   .crosstabRegion:not(.userBgColour) .tdc0Selected,
   .crosstabRegion:not(.userBgColour) .tdc0Selected span {
      background-color: var(--el-color-primary-light-7);
      color: var(--table-color-selected);
   }
   .crosstabRegion:not(.userTextColour) td {
      border-color: var(--table-border-color);
   } 

   /* SELECTED HOVER */
   .crosstabRegion .datatable .tdc0Selected.tdc0Hover:not(.valCustom),
   .crosstabRegion .datatable .val0.tdc0Selected.tdc0Hover:not(.valCustom),
   .crosstabRegion .datatable .val1.tdc0Selected.tdc0Hover:not(.valCustom),
   .crosstabRegion .datatable .val2.tdc0Selected.tdc0Hover:not(.valCustom),
   .crosstabRegion .datatable .val3.tdc0Selected.tdc0Hover:not(.valCustom) 
   {
     background-color: #D7E5FE;
     color: var(--table-color-selected);
   }

   .crosstabRegion .datatable .valCustom.tdc0Selected.tdc0Hover
   {
     border-top-color: var(--table-background-color-selected);
     border-bottom-color: var(--table-background-color-selected);
   }

}


/* PLACEHOLDER CSS NEEDS TO BE SEPARATE DUE TO FIREFOX ISSUE */
.rowInputMandatory::placeholder,
.columnRow input::placeholder,
.rptLOVSearch::placeholder
.ptlDlgField::placeholder, 
.nBpletDlgField::placeholder
{
  color: var(--el-text-color-primary);
}

/*DARK GREY COLOUR*/
.datatable .tdc0.tdc0Selected span, .tooltip
{
  color: #222222;
}

/*MEDIUM GREY COLOUR*/
.nBOSreportDesc,
.nBOSsaveTextInput
 {
  color: #666666;
} 

.nBOSlastModified,
.nBOSfilters.nBOStargetName, 
.nBOSfilters.nBOStargetName > a,
.nBOStag > a,
.nBOSfilters.nBOSauthor,
.nBOSfilters.nBOSauthor > a
/*.nBOSinput::-moz-placeholder,
.nBOSinput:-moz-placeholder,
.nBOSSaveName::-moz-placeholder,
.nBOSSaveName:-moz-placeholder,
.nBOSdesc::-moz-placeholder,
.nBOSdesc:-moz-placeholder,
.nBOSTags::-moz-placeholder,
.nBOSTags:-moz-placeholder,
.rowSearchInput::-moz-placeholder,
.rowSearchInput:-moz-placeholder*/
{
  color: #808080;
}

/*LIGHTER GREY - DISABLED*/
.disabled .filtSubLabel,
.day.othermonth {
 color: #999999; 
}

.ccBtn.ccBtnDisabled {
 color: #dddddd; 
}

/*LIGHT TEAL COLOUR*/
.verticalMenu,
.irgnCol5, .irgnTot,
/*.val0, .val1, .val2, .val3, */
.crosstabRgn .tdct, 
.evi .datatable .tdct, 
.crosstabRegion:not(.userTextColour) .totrow,
.menuItemAppVActive,
.nBOSFilterSelect,
.tabActive,
.nBOSFilterSelect:hover > option, 
.nBOSeditDelete > a, .nBOSeditDelete .nBOSdivider,
#rptTabBar .tabActive, #viewTabBar .tabActive,
.rptMessage,
.calendar .day.selected,
.eviHelpTree > a,
.nBLoginMsg, .nBLoginMsg a, .nBLoginField.invalid, .nBLoginField:invalid, .nBLoginButton:hover,
.nBOSsaveTag a,
.finderCancelReq:hover,
.nBsuLoginUser,
.filterbarOrder:hover,
.unCollapseBtn,
.filterBarRgnSelectBtn:hover
{
  color: #3082a6;
}

.newUI .nBchartZoomArrow {
  color: white;
}

.finderFooter {
  color: var(--el-text-color-secondary)
}


.placeholder-wrapper.focused .slidinput-placeholder,
.placeholder-wrapper.filled .slidinput-placeholder,
.rowInputMandatory::placeholder {
  color: #3082a6 !important;
}

/*LIGHTER TEAL*/
.nBchartZoomArrow:hover,
.msgRgnWarnClose:hover
{
  color: #abe5ff;
}


/*HIGHLIGHT COLOUR FOR TEAL BACKGROUNDS*/
.crosstabRgn .tdct.tdc0Hover,
.evi .datatable .tdct.tdc0Hover,
.finderRegion .val0.tdc0Hover, .finderRegion .val1.tdc0Hover, .finderRegion .val2.tdc0Hover, .finderRegion .val3.tdc0Hover,
.cancelReq:hover {
  color: #96e8f8;
}


.include .filtSubLabel {
  color: var(--el-color-success);
}
/*INCLUDE GREEN COLOUR*/
.file.filterbarItemCurrent {
  color: #30a662;
}

/*EXCLUDE RED COLOUR*/
.exclude .filtSubLabel,
.invalid .filter,
.tbarTooltipRowX,
.pletTooltipInfoX,
.dimFltrX {
  /*color: #a63049;  */
  color: red;
}

/*NETBI BLUE*/ 
.nBOStab:hover,
.nBOSFilterSelect:hover,
.nBOSeditDelete > a:hover,
.nBOSfilters.nBOStargetName > a:hover,
.nBOStag > a:hover,
.nBOSreportName:hover,
.nBDDreportName:hover,
.nBOSfilters.nBOSauthor > a:hover,
.nBOSfav:hover,
.nBOSsavFav:hover,
#rptTabBar .tab:hover,
#viewTabBar .tab:hover,
.dimOverflowInd:hover,
.filterBarRgnSelectBtn.on:hover,
.crosstabOrder:hover {
  color: #43b4e4;
}

.dimButtonHover, .dimButtonActiveHover,
.measButtonHover, .measButtonActiveHover {
  color: #3e75fb;
}

/* Legend FontAwesome Icons */
.mapLegendFA {
  color: #1e27fd;
}

/*PLACEHOLDER GREY*/
.nBOSinput::-webkit-input-placeholder,
.nBOSinput::-moz-placeholder,
.nBOSinput:-ms-input-placeholder,
.nBOSinput:-moz-placeholder,
.rowSearchInput::-webkit-input-placeholder,
.rowSearchInput::-moz-placeholder,
.rowSearchInput:-ms-input-placeholder,
.rowSearchInput:-moz-placeholder {
  color: #c1c1c1;
}

/* FILTERS MESSAGE */
.empty {
 color: #5b6f86;
}

.mapFilter {
  color: purple !important;
}

/*********  CHART ITEMS **********/

.nBchartOuterRectFill {
  fill: white;
}

.nBchartTickFill {
  fill: var(--el-text-color-primary);
}

.nBchartTickStroke { /* ???? */
  stroke: #999;
  }

.nBchartTickBg {
  fill: #c6dbef;
  color: #43b4e4;
  }

.lightText .nBchartTickBg {
  fill: #13171a; /*#163252;*/
  color: #ecf0f4;
  }

.nBchartTickLine {
  stroke: #B3B3B3;
  }

.nBchartXAxis {
  stroke: #000;
  }

.portalRgn .nBchartXAxis {
  stroke: #cdd0d6;
}

.nByLabelText {
  fill: #777;
  }

.nBcoverText {
  fill: #aaa;
  }

.nBchtAxis {
  stroke: #777;
}

.newUI .nBchtAxis {
  stroke: #cdd0d6;
  stroke-width: 1px;
}

.nBchartLegendInlineBg {
  fill: #ededff;
  }

.nBchartLegendRightBg {
  fill: #ffffff;
  stroke: #ffffff;
  opacity: 1;
  }

.nBchartToolTip {
  border-color: white;
  background-color: white;
  color: #606266;
  }

.newUI .nBchartToolTip {
  border-color: var(--background-color-secondary);
  background-color: var(--background-color-secondary);
  color: #606266;
  }

.nBchartToolTip.nBrowToolTip {
  border-color: #C5CBD1;
  background-color: #C5CBD1;
}

.nBchartToolTipTdLj, .nBchartToolTipTdRj {
  color: #606266;
  }

/* .nBLoginMsg,
.nBLoginMsg a,
.nBLoginField.invalid,
.nBLoginField:invalid {
  color: #ff4b51;
} */

.calendar .close,
.calendar .prevYear,
.calendar .prevMonth,
.calendar .nextMonth,
.calendar .nextYear {
  color: transparent;
}

/* Transparent Background */
.transparentBG {
  background-color: rgba(255,255,255,0.5);
}

/*WHITE WAITING CIRCLE*/
.waitRgnMsg .sp-circle-large {
  border-top-color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.25);
  border-left-color: rgba(255, 255, 255, 0.25);
  border-right-color: rgba(255, 255, 255, 0.25); 
}

/*GREY WAITING CIRCLE*/
.sp-circle,
.nBptlCntrWait.sp.sp-circle {
  border-top-color: #4d4d4d;
  border-bottom-color: rgba(77, 77, 77, 0.25);
  border-left-color: rgba(77, 77, 77, 0.25);
  border-right-color: rgba(77, 77, 77, 0.25);
}

/*BLUE WAITING CIRCLE*/
.sp-circle-toolBar,
.sp-circle-large,
.sp-circle-finder,
.rtcMapWaitSpinner.sp.sp-circle,
.requestsWait.sp.sp-circle,
.sp.sp-circle,
.mapWaitSpinner.sp.sp-circle,
.rptWait.sp.sp-circle,
.rptLOVWaitSpinner.sp.sp-circle,
.rptSaveWaitSpinner.sp.sp-circle,
.nBOSwaitRegion.sp.sp-circle,
.ccSpinner.sp.sp-circle,
.pletBodySpinner.sp.sp-circle,
.finderWait.sp.sp-circle,
.genTargsWait.sp.sp-circle,
.eviSpinner.sp.sp-circle,
.rptViewWaitSpinner.sp.sp-circle,
.nBLoginWait.sp.sp-circle {
  border-top-color: var(--el-color-primary);
  border-bottom-color: var(--el-color-primary-dark);
  border-left-color: var(--el-color-primary-dark);
  border-right-color: var(--el-color-primary-dark);
}


/*MULTI-COLOUR WAITING CIRCLE*/
@-webkit-keyframes spCircColour {
  0% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  33% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  67% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  100% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
}

@keyframes spCircColour {
  0% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  33% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  67% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
  100% { border-top-color: var(--el-color-primary);
       border-bottom-color: var(--el-color-primary-dark);
       border-left-color: var(--el-color-primary-dark);
       border-right-color: var(--el-color-primary-dark); }
}

/*OPEN SAVE BORDERS*/
.nBOStab.nBOStabActive,
.nBOStab {
  border-top-color: transparent;
}

.nBOStab {
  border-bottom-color: transparent; 
}

.nBOStab.nBOStabActive,
.cntrFull .nBLoginField.invalid, 
.cntrFull .nBLoginField:invalid,
.nBLoginField.invalid,
.nBLoginField:invalid {
  border-bottom-color: #3082a6;
}

.nBOStab:hover{
  border-bottom-color: #43b4e4;
}

/*WHITE BORDER*/
.cntrFull .nBLoginField,
.nBLoginButton, 
.regSecretQuestionSelect { 
  border-bottom-color: white;
}

/*Chart Control Tabs*/
.rowSearchInput,
.rptCntrTab,
.ccForm.show
{
  border-bottom-color: #e6e6e6;
}

/* NEW CHART CONTROL CHANGES */
.ccTab {
  border-bottom: 1px solid var(--el-border-color-light);
}


/*GREY BORDER*/
.swapDimSelectLabel,
.xSelect,
.ySelect,
.zSelect,
.axisSortName,
#axisSettZ,
#axisSortX,
#axisSortY,
.axisSummName,
#axisSummX, 
#axisSummY,
.axisSettName,
#axisSettX,
#axisSettY,
.frmKpi .kpi0
{
  border-color: var(--el-border-color-light);
}

.csCol0, .csCol1, .csCol2, .csCol11, .csCol12, .csCol13, .csCol50, .tdc0, .yNested .tdc0,
.val0, .val1, .val2, .val3, .tdct, .val2 + .tdct, .val3 + .tdct,
.titlerow.head > td,
.rptTableRow > td,
.rptViewTableRow1 > td, 
.rptViewTableRow2 > td,
.paramRowLabelContainer,
.sortRow > td, .sortHeaderRow,
.columnRow > td, .columnHeaderRow,
.pletBody .tdc0, .pletBody .val0, .pletBody .val1, .pletBody .val2, 
.pletBody .val3, .pletBody .val4, .pletBody .val5,
.ptlDlgInput2Row:not(:last-child) , .ptlDlg  .ptlDlgPrompt,
.targetsDiv .filter,
.tbarTooltipRow td:nth-child(1),
.dimFltr td:nth-child(1), .dimFltr0 td:nth-child(1),
.measFltr td:nth-child(1), .measFltr0 td:nth-child(1),
.dimFltrX td:nth-child(1), .measFltrX td:nth-child(1), 
.toolSep,
.spToolTipMeas > td:nth-child(1), .spToolTipMeas > td:nth-child(2),
.ptlDlgPrompt, .nBpletDlgPrompt, .nBpletDlgRow:not(:first-child),
#nBpletPortletPropDlgInput tr:not(:last-child),
.filterbar, .filterbarBottom
{
  border-color: #d5d5d5;
}

/*RED BORDER*/
.invalid.targInput, .targInput:invalid {
  border-color: red;
}

.nBLoginButton:hover
{
  border-color: #3082a6;
}


.rptViewTableRow1:hover > td,
.rptViewTableRow2:hover > td,
.rptTableRowActive > td,
.sortRow:hover > td, .sortRowActive > td, .sortRowActiveHover > td,
.columnRow:hover > td, .columnRowActive > td, .columnRowActiveHover > td,
.pletBody .tdc0.tdc0Hover, .pletBody .val0.tdc0Hover, .pletBody .val1.tdc0Hover,
.pletBody .val2.tdc0Hover, .pletBody .val3.tdc0Hover, .pletBody .val4.tdc0Hover, .pletBody .val5.tdc0Hover,
.RTLayerSwitcherPanel,
.tdc0Hover {
  border-color: transparent;
}

.measureInput, .searchInput {
  background-color: #a2adba;
  background-image: -moz-linear-gradient(bottom, #8a98a8, #a2adba);
  background-image: -webkit-gradient(linear,center bottom,center top,from(#8a98a8),to(#a2adba));
  background-image: -ms-linear-gradient(bottom, #8a98a8,#a2adba); /* IE10+ */
  background-image: -o-linear-gradient(bottom, #8a98a8,#a2adba); /* Opera */
  }

/*-------------------------PLACEHOLDER COLOUR------------------------*/

input.searchInput::-webkit-input-placeholder { /* WebKit browsers */
  color: #e7eaed;
}

input.searchInput::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #e7eaed;
  opacity:  1;
}

input.searchInput:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #e7eaed;
}

.placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  opacity: 0.7;
}
.placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0.7;
}
.placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0.7;
}
.placeholder::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0.7;
}

/*-------------------------IE 11 SPECIFIC------------------------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .reportListContainer select:focus::-ms-value, .reportListContainer select, .reportListContainer
   {
     background-color: #f5f5f5;
     color: #303133;
   }
   .reportListContainer select:hover::-ms-value
   {
     background-color: #dedede;
   }
   .formColumn option:focus::-ms-value, .formColumn option,
   .formSort option:focus::-ms-value, .formSort option
   {
     background-color: white;
     color: #303133;
   }
}


/*-------------FILTERS BACKGROUND ROWS - NOT ACTUALLY BG COLOURS ON ROWS---------*/
.stripes {
  background: repeating-linear-gradient(to bottom, #ffffff, #ffffff 28px, #ffffff 28px, #ffffff 56px);
}

/*------------------------BACKGROUND IMAGE-----------------------------*/
.nBBGImage {
  background-image: url("/common/iface/background/defaultLight.png");  
}

.newUI .nBBGImage {
  background-image: none !important;
}


/*---------------------------LOGIN ASSETS------------------------------*/

.cntrFull .nBLoginLogo,
.nBLoginLogo,
.chooserContent .Summary .wrapper {
  background-image: url("/common/iface/images/NBL-LogoRS.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/*---------------------------MENU ICONS------------------------------*/

.menuItemAppLeftIconV,
.nBUserChooserIcon  {
  
}

.menuIconLeft {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.menuIconLeft::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
}

.cancelIcon {
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 50px;
}

#evi_leftIcon, .eviIcon {
  background-image: url("/common/iface/images/NBL-EVI.png");
}

/*#evi_leftIcon::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f080";
}*/

#portal_leftIcon, .portalIcon {
  background-image: url("/common/iface/images/NBL-Portal.png");  
}

#portal2_leftIcon, .portal2Icon {
  background-image: url("/common/iface/images/NBL-Portal2.png");
}

#reports_leftIcon, .reportsIcon {
  background-image: url("/common/iface/images/NBL-Reports.png");  
}

#spatial_leftIcon, .spatialIcon {
  background-image: url("/common/iface/images/NBL-Spatial.png");   
}

#animator_leftIcon, .animatorIcon {
  background-image: url("/common/iface/images/NBL-DataAnimator.png");    
}

#realtime_leftIcon, .realtimeIcon {
  background-image: url("/common/iface/images/NBL-RealtimeConsole.png");    
}

#apexnav_leftIcon, #nav_leftIcon, .dataNavigatorIcon {
  background-image: url("/common/iface/images/NBL-DataNavigator.png");    
}

#console_leftIcon, #apexconsole_leftIcon {
  background-image: url("/common/iface/images/NBL-AdminConsole.png");   
}

#apexscenario_leftIcon {
  background-image: url("/common/iface/images/NBL-Features.png");    
}

#settings_leftIcon {
  background-image: url("/common/iface/images/NBL-Settings.png");    
}

#apexcustconsole_leftIcon {
  background-image: url("/common/iface/images/NBL-CustomerConsole.png");    
}

#userprefs_leftIcon {
  background-image: url("/common/iface/images/NBL-Settings.png");    
}

/*#su_leftIcon, .suIcon {
  background-image: url("/common/iface/images/NBL-User.png");  
}*/

#sudo_leftIcon, .sudoIcon {
  background-image: url("/common/iface/images/NBL-SwitchUser.png");  
}

#chgpwd_leftIcon {
  background-image: url("/common/iface/images/NBL-ChangePassword.png");    
}

#setpwd_leftIcon {
  background-image: url("/common/iface/images/NBL-ChangePassword.png");    
}

#setUI_leftIcon, #setUIrevert_leftIcon {
  background-image: url("/common/iface/images/NBL-Rewind.png");    
}

#setUItry_leftIcon {
  background-image: url("/common/iface/images/NBL-MiniLogo.png");
}

#logout_leftIcon {
  background-image: url("/common/iface/images/NBL-Logout.png");    
}

#nBUserChooserIcon {
  background-image: url("/common/iface/images/NBL-User.png");    
}

.iconWhite {
  filter: brightness(0) invert(1);
}
.iconBlack {
  filter: brightness(0);
}

/*---------------------------BANNER IMAGES------------------------------*/
.nBBannerIconMini {
  background-image: url("/common/iface/images/NBL-MiniLogo.png");
}

.nBBannerIconMini:hover {
  background-image: url("/common/iface/images/NBL-MiniLogoHover.png");
}

.nBBannerIconSuper {
  background-image:  url("/common/iface/images/NBL-SuperLogo.png");
}

.nBMenuToggle {
  background-image: url("/common/iface/images/NBL-LeftTriangle.png");
}

.nBMenuCollapse {
  background-image: url("/common/iface/images/NBL-Close16.png");
}

.nBMenuPin {
  background-image: url("/common/iface/images/NBL-Pin24.png");
}

/* NEW CLOSE ICONS */
.super .closeSuper::before,
.nBuserPref .cntrClose::before,
.ccMain .cntrClose::before,
.cntrClose::before,
.eviClose::before,
.chartStatsClose::before,
.nBOSCntrClose::before,
.epDefault .cntrClose.ccCntrClose::before,
.ptlDlg .cntrClose::before,
.upMain .upCntrClose::before,
.eviHelpCntrClose::before,
.mapLegendCntr .cntrClose::before,
.nBpletDlg .cntrClose::before,
.geDefault .cntrClose::before {
  font-family: 'icomoon' !important;
  content: "\e927";
  color: var(--el-text-color-primary);
  font-size: 20px;
  transition: color 0.2s ease-in-out;
}

 #totalColumn,  #statXDimTot, #statYDimTot, #statZDimTot,
.super .closeSuper:hover::before,
.nBuserPref .cntrClose:hover::before,
.ccMain .cntrClose:hover::before,
.cntrClose:hover::before,
.eviClose:hover::before,
.chartStatsClose:hover::before,
.nBOSCntrClose:hover::before,
.epDefault .cntrClose.ccCntrClose:hover::before,
.ptlDlg .cntrClose:hover::before,
.upMain .upCntrClose:hover::before,
.eviHelpCntrClose:hover::before,
.mapLegendCntr .cntrClose:hover::before,
.nBpletDlg .cntrClose:hover::before,
.measButton, .measButtonActive,
.dimButtonActive,
.selectMenu.icon-discover_tune:hover,
.selectMoveDown.icon-keyboard_arrow_down:hover,
.selectMoveUp.icon-keyboard_arrow_up:hover,
.selectDelOption.icon-close:hover,
.selectDiv:hover .selectAdd.icon-add,
.swapDimRow:hover .selectAdd.icon-add,
.highlight .filtTopLabel,
.highlight .filtSubLabel,
.selectDiv:hover .optType_measure .selectAdd.icon-add,
.swapDimRow:hover .optType_measure .selectAdd.icon-add,
.measItem .selectAdd.icon-add:hover,
.measItem.swapDimRow:hover .selectAdd.icon-add,
.selectDiv:hover .measItem .selectAdd.icon-add,
.nBOSLabel, .ccLabel, .csCol5 {
  color: var(--el-color-primary);
}

/* .tabIcon, */
.rptTabIcon,
.reportListDropdown,
.spToolTipExpand,
.prefsDropdown {
  background-image: url("/common/iface/images/NBL-OpenTab.png");
}

/*--------------------------- LEGEND -----------------------------*/

.chartLegend .cntrTitle {
  background-color: rgba(240,240,240,0.5);
  }

.lightText .chartLegend .cntrTitle {
  background-color: rgba(40,40,40,0.5);
  }

.chartLegend.hover .cntrTitle,
.chartLegend.move .cntrTitle,
.chartLegend.resize .cntrTitle {
  background-color: rgba(250,250,250,1);
  }

.lightText .chartLegend.hover .cntrTitle,
.lightText .chartLegend.move .cntrTitle,
.lightText .chartLegend.resize .cntrTitle {
  background-color: rgba(20,20,20,1);
  }

.chartLegend .mapLegendBody {
  background-color: rgba(230,230,230,0.5);
  }

.lightText .chartLegend .mapLegendBody {
  background-color: rgba(30,30,30,0.5);
  }

.chartLegend.hover .mapLegendBody,
.chartLegend.move .mapLegendBody,
.chartLegend.resize .mapLegendBody {
  background-color: rgba(240,240,240,1);
  }

.lightText .chartLegend.hover .mapLegendBody,
.lightText .chartLegend.move .mapLegendBody,
.lightText .chartLegend.resize .mapLegendBody {
  background-color: rgba(40,40,40,1);
  }

.chartLegend.legendStyleRight .mapLegendBody,
.chartLegend.legendStyleBottom .mapLegendBody {
  background-color: transparent;
}

.chartLegend.legendStyleRight.hover .mapLegendBody,
.chartLegend.legendStyleBottom.hover .mapLegendBody,
.chartLegend.legendStyleRight.cntrResize .mapLegendBody,
.chartLegend.legendStyleBottom.cntrResize .mapLegendBody {
  background-color: rgba(245,245,245,1);
}

.lightText .chartLegend.legendStyleRight.hover .mapLegendBody,
.lightText .chartLegend.legendStyleBottom.hover .mapLegendBody,
.lightText .chartLegend.legendStyleRight.cntrResize .mapLegendBody,
.lightText .chartLegend.legendStyleBottom.cntrResize .mapLegendBody {
  background-color: rgba(45,45,45,1);
}
/*---------------------------NEW UI--------------------------------*/
.newUI {
  & .nBchartToolTipTdLj,
  & .nBchartToolTipTdRj {
    color: var(--el-text-color-primary);
  }
  & .mapLegendCntr {
    & .mapLegendBody,
    & .cntrBody,
    & .cntrTitle {
      background: none;
    }
  }
  & .mapContextMenu .nBmenuVer,
  & .mapLegendCntr.cntrMain.legendStyleInline,
  & .nBchartToolTip {
    border: 1px solid var(--background-color-secondary);
    border-radius: var(--system-border-radius);
    background-color: rgba(255, 255, 255, 0.9);
  }
  & .mapContextMenu .nBmenuVer {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    background-color: rgba(255, 255, 255, 1);
  }
  & .chartLegend {
    &.mapLegendCntr.cntrMain,
    &.mapLegendCntr:hover.cntrMain {
      box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    }
    & .mapContextMenu .nBmenuVer:hover,
    &.mapLegendCntr:hover.cntrMain,
    &.mapLegendCntr.move.cntrMain,
    &.mapLegendCntr.resize.cntrMain,
    &.hover .mapLegendBody,
    &.move .mapLegendBody,
    &.resize .mapLegendBody,
    &.hover .mapLegendCntr,
    &.move .mapLegendCntr,
    &.resize .mapLegendCntr {
      background-color: rgba(255,255,255,1);
    }
    &.hover .cntrTitle,
    &.move .cntrTitle,
    &.resize .cntrTitle {
      background: none;
    }
  }
  & .lightText {
    & .chartLegend.hover .mapLegendCntr,
    & .chartLegend.move .mapLegendCntr,
    & .chartLegend.resize .mapLegendCntr {
      background-color: rgba(40,40,40,1);
      }
    & .chartLegend .cntrTitle {
      background-color: rgba(40,40,40,0.5);
      }
  }
  & .mapLegendTableInner tr:hover,
  & .mapLegendValueHighlight  {
    background-color: var(--el-base-hover-color) !important;
    fill: var(--el-base-hover-color);
    }
  }
/*---------------------------FORWARD / BACK ICONS--------------------------------*/

.toolBackFG {
  background-image: url('/common/iface/images/NBL-Back.png'); 
}

.toolBackBG { 
  background-image: url('/common/iface/images/NBL-Back.png'); 
  filter: brightness(130%) saturate(200%);
}

.toolForwardFG { 
  background-image: url('/common/iface/images/NBL-Forward.png'); 
}

.toolForwardBG { 
  background-image: url('/common/iface/images/NBL-Forward.png'); 
  filter: brightness(130%) saturate(200%);
}

/*---------------------------OPEN/SAVE POPUP ICONS------------------------------*/

.nBOSfirstPage{
  background-image: url("/common/iface/images/NBL-FirstPage.png");
}

.nBOSfirstPage:not(.pageDisabled):hover {
  background-image: url("/common/iface/images/NBL-FirstPageHover.png");
}

.nBOSpreviousPage {
  background-image: url("/common/iface/images/NBL-PrevPage.png");
}

.nBOSpreviousPage:not(.pageDisabled):hover {
  background-image: url("/common/iface/images/NBL-PrevPageHover.png");
}

.nBOSnextPage {
  background-image: url("/common/iface/images/NBL-NextPage.png");
}

.nBOSnextPage:not(.pageDisabled):hover {
  background-image: url("/common/iface/images/NBL-NextPageHover.png"); 
}

.nBOSlastPage {
  background-image: url("/common/iface/images/NBL-LastPage.png");
}

.nBOSlastPage:not(.pageDisabled):hover {
  background-image: url("/common/iface/images/NBL-LastPageHover.png");
}


/*---------------------------TOOLS - GRAPH DISPLAY------------------------------*/

.toolChtTitle { 
  background-image: url('/common/iface/images/NBL-ChartTitle.png'); 
}

.toolChtTitle.toolIconActive { 
  background-image: url('/common/iface/images/NBL-ChartTitleActive.png'); 
}

.toolChtTicks { 
  background-image: url('/common/iface/images/NBL-ChartTicks.png'); 
}
.toolChtTicks.toolIconActive { 
  background-image: url('/common/iface/images/NBL-ChartTicksActive.png'); 
}

.toolChtAxis { 
  background-image: url('/common/iface/images/NBL-ChartAxisV2.png'); 
}
.toolChtAxis.toolIconActive { 
  background-image: url('/common/iface/images/NBL-ChartAxisActiveV2.png'); 
}

.toolXAxisLabels { 
  background-image: url('/common/iface/images/NBL-XLabels.png'); 
}
.toolXAxisLabels.toolIconActive { 
  background-image: url('/common/iface/images/NBL-XLabelsActive.png'); 
}

.toolXAxisTitle { 
  background-image: url('/common/iface/images/NBL-XTitle.png'); 
}
.toolXAxisTitle.toolIconActive { 
  background-image: url('/common/iface/images/NBL-XTitleActive.png'); 
}

.toolVAxisLabels { 
  background-image: url('/common/iface/images/NBL-YLabels.png'); 
}
.toolVAxisLabels.toolIconActive { 
  background-image: url('/common/iface/images/NBL-YLabelsActive.png'); 
}

.toolVAxisTitle { 
  background-image: url('/common/iface/images/NBL-YTitle.png'); 
}
.toolVAxisTitle.toolIconActive { 
  background-image: url('/common/iface/images/NBL-YTitleActive.png'); 
}

/*---------------------------TOOLS - PRINT ICONS------------------------------*/

.toolPDF {
  background-image: url('/common/iface/images/NBL-PDF.png'); 
}
.toolPNG {
  background-image: url('/common/iface/images/NBL-PNG.png');
}
.toolSVG { 
  background-image: url('/common/iface/images/NBL-SVG.png'); 
}

.toolPDF.toolIconActive {
  background-image: url('/common/iface/images/NBL-PDFActive.png'); 
}
.toolPNG.toolIconActive {
  background-image: url('/common/iface/images/NBL-PNGActive.png'); 
}
.toolSVG.toolIconActive  {
  background-image: url('/common/iface/images/NBL-SVGActive.png'); 
}

.toolPDF.toolIconActiveHover {
  background-image: url('/common/iface/images/NBL-PDFActive.png'); 
}
.toolPNG.toolIconActiveHover {
  background-image: url('/common/iface/images/NBL-PNGActive.png'); 
}
.toolSVG.toolIconActiveHover  {
  background-image: url('/common/iface/images/NBL-SVGActive.png'); 
}


/*---------------------------FILE MENU------------------------------*/

.toolOpen {
  background-image: url("/common/iface/images/NBL-Open.png");
}

.toolSave {
  background-image: url("/common/iface/images/NBL-Save.png");
}


/*---------------------------EVI ICONS------------------------------*/

.dimDisplayFG {
  background-image: url("/common/iface/images/NBL-DisplayTeal.png");
}

.dimDisplayBG {
  background-image: url("/common/iface/images/NBL-DisplayHover.png");
}

.dimSwapDimensionsFG {
  background-image: url("/common/iface/images/NBL-SwapDimensionTeal.png");    
}

.dimSwapDimensionsBG {
  background-image: url("/common/iface/images/NBL-SwapDimensionHover.png");    
}

.dimSortAxisFG {
  background-image: url("/common/iface/images/NBL-SortAxisTeal.png");  
}

.dimSortAxisBG {
  background-image: url("/common/iface/images/NBL-SortAxisHover.png");  
}

.dimSummDimensionsFG {
  background-image: url("/common/iface/images/NBL-SummariseDimensionTeal.png");  
}

.dimSummDimensionsBG {
  background-image: url("/common/iface/images/NBL-SummariseDimensionHover.png");  
}

.dimAxisSettingsFG {
  background-image: url("/common/iface/images/NBL-AxisSettingsTeal.png");    
}

.dimAxisSettingsBG {
  background-image: url("/common/iface/images/NBL-AxisSettingsHover.png");    
}

.dimStatLinesFG {
  background-image: url("/common/iface/images/NBL-StatisticalLinesTeal.png");     
}

.dimStatLinesBG {
  background-image: url("/common/iface/images/NBL-StatisticalLinesHover.png");     
}

.dimKPIFG {
  background-image: url("/common/iface/images/NBL-KPITeal.png");     
}

.dimKPIBG {
  background-image: url("/common/iface/images/NBL-KPIHover.png");     
}

.dimZoomToFilterFG {
  background-image: url("/common/iface/images/NBL-ZoomToFilterTeal.png"); 
  /*filter: brightness(50%) invert(100%);*/
}

.dimZoomToFilterBG {
  background-image: url("/common/iface/images/NBL-ZoomToFilterHover.png");  
}

.dimCancelRequestFG, .cancelIcon {
  background-image: url("/common/iface/images/NBL-CancelRequest.png"); 
}

.dimCancelRequestBG, .cancelIcon:hover {
  background-image: url("/common/iface/images/NBL-CancelRequest.png"); 
  filter: hue-rotate(144deg);
}

.toolMoreFG {
  background-image: url('/common/iface/images/NBL-More.png'); 
}

.toolMoreBG {
  background-image: url('/common/iface/images/NBL-MoreLightTeal.png'); 
}


/*--------------------------- PORTAL ------------------------------*/


.toolPortalFinderFG {
  background-image: url('/common/iface/images/NBL-Finder28.png'); 
}

.toolPortalFinderBG {
  background-image: url('/common/iface/images/NBL-FinderLightTeal28.png'); 
}


/*---------------------------OPEN SAVE TOOLBAR------------------------------*/


.toolSearchFG {
  background-image: url("/common/iface/images/NBL-SearchTeal.png");  
}
.toolSearchBG {
  background-image: url("/common/iface/images/NBL-SearchLightTeal.png");  
}

.toolMinimizeFG {
  background-image: url("/common/iface/images/NBL-MinimizeTeal.png");  
}
.toolMinimizeBG {
  background-image: url("/common/iface/images/NBL-MinimizeLightTeal.png");  
}

.toolMaximizeFG {
  background-image: url("/common/iface/images/NBL-MaximizeTeal.png");  
}
.toolMaximizeBG {
  background-image: url("/common/iface/images/NBL-MaximizeLightTeal.png");  
}

.toolSortFG {
  background-image: url("/common/iface/images/NBL-SortAxisTeal.png");  
}
.toolSortBG {
  background-image: url("/common/iface/images/NBL-SortAxisHover.png");  
}


/*---------------------------CHART CONTROL ICONS - TABS------------------------------*/

/* .toolFilter {
  background-image: url("/common/iface/images/NBL-ApplyFilterGrey.png");
} */

.toolMultibar {
  background-image: url("/common/iface/images/NBL-DisplayGrey.png");
}

.toolSwapdim {
  background-image: url("/common/iface/images/NBL-SwapDimensionGrey.png");  
}

.toolDimSort {
  background-image: url("/common/iface/images/NBL-SortAxisGrey.png");
}

.toolDimSummary {
  background-image: url("/common/iface/images/NBL-SummariseDimensionGrey.png");
}

.toolDimZero {
  background-image: url("/common/iface/images/NBL-AxisSettingsGrey.png");   
}

.toolStatLines{
  background-image: url("/common/iface/images/NBL-StatisticalLinesGrey.png");   
}

.toolMeasure {
 background-image: url("/common/iface/images/NBL-MeasuresGrey.png");
}

.toolDimension {
 background-image: url("/common/iface/images/NBL-DimensionsStretch.png");
}

.toolFeatures {
 background-image: url("/common/iface/images/NBL-FeaturesGrey.png");
}

.toolHistogram {
 background-image: url("/common/iface/images/NBL-HistogramGrey.png");
}

.toolCustomDim {
  background-image: url("/common/iface/images/NBL-PenGrey.png");
}

.toolArtefact {
  background-image: url("/common/iface/images/NBL-ArtefactGrey.png");
}


.toolKPI {
  background-image: url("/common/iface/images/NBL-KPIGrey.png");    
}

.toolStats {
  background-image: url("/common/iface/images/NBL-ChartStatistics.png"); 
}

.toolLegend {
  background-image: url("/common/iface/images/NBL-Legend.png");   
}

.toolExcel2 {
  background-image: url("/common/iface/images/NBL-Excel.png");  
}

.toolPrint {
  background-image: url("/common/iface/images/NBL-Print.png");  
}



/*---------------------------CHART CONTROL ICONS - FILTERS------------------------------*/

.filtFile {
  background-image: url("/common/iface/images/NBL-File.png");
}

.highlight .filtFile  {
  background-image: url("/common/iface/images/NBL-FileSelected.png");
}

.disabled .filtFile {
  background-image: url("/common/iface/images/NBL-FileDisabled.png"); 
}

.include .filtFile {
  background-image: url("/common/iface/images/NBL-FileInclude.png");  
}

.exclude .filtFile {
  background-image: url("/common/iface/images/NBL-FileExclude.png");  
  filter: saturate(300%);
}

.filtGlobalBigOn  {
  background-image: url("/common/iface/images/NBL-GlobalWhite.png");  
}

.filtGlobalBigOn:hover {
  background-image: url("/common/iface/images/NBL-GlobalWhite.png");  
}

.filtGlobalBigOff {
  background-image: url("/common/iface/images/NBL-Global.png");  
}

.filtGlobalBigDisabled {
  background-image: url("/common/iface/images/NBL-Global.png");  
  filter: grayscale(1);
}

.filtGlobalBigOff:hover {
  background-image: url("/common/iface/images/NBL-Global.png");  
}

/* NEW CHART CONTROL */
.filtExclude {
  background-image: url("/common/iface/images/exclude-default.svg"); 
}

.filtExclude:hover {
  background-image: url("/common/iface/images/exclude-hover.svg"); 
}

.filtInclude {
 background-image: url("/common/iface/images/include-default.svg");
}

.filtInclude:hover {
  background-image: url("/common/iface/images/include-hover.svg");
}

/*---------------------------CHART CONTROL ICONS - FINDER ------------------------------*/

.finderCCIcon {
  background-image: url("/common/iface/images/NBL-FinderCC.png");
}

.finderCCIcon:hover {
  background-image: url("/common/iface/images/NBL-FinderCCHover.png");
}


.finderMenuIcon {
  background-image: url("/common/iface/images/NBL-PortletMenu.png"); 
}

.finderMenuIcon:hover {
  background-image: url("/common/iface/images/NBL-PortletMenuHover.png"); 
}


/*---------------------------CHART CONTROL ICONS - DISPLAY------------------------------*/

/*XLS Icon NEW CHART CONTROL*/
.dispSelected #disp0FG  { background-image: url('/common/iface/images/excel-active.svg'); }
#disp0FG  { background-image: url('/common/iface/images/excel-default.svg'); }
#disp0BG  { background-image: url('/common/iface/images/excel-hover.svg'); }

/*Stacked Bar Chart Icon NEW CHART CONTROL*/
.dispSelected #disp1FG  { background-image: url('/common/iface/images/stackedbar-active.svg'); }
#disp1FG  { background-image: url('/common/iface/images/stackedbar-default.svg'); }
#disp1BG  { background-image: url('/common/iface/images/stackedbar-hover.svg'); }

/*Bar Chart Icon NEW CHART CONTROL*/
.dispSelected #disp2FG  { background-image: url('/common/iface/images/barchart-active.svg'); }
#disp2FG  { background-image: url('/common/iface/images/barchart-default.svg'); }
#disp2BG  { background-image: url('/common/iface/images/barchart-hover.svg'); }

/*Multiline Chart Icon NEW CHART CONTROL*/
.dispSelected #disp3FG  { background-image: url('/common/iface/images/line-active.svg'); }
#disp3FG  { background-image: url('/common/iface/images/line-default.svg'); }
#disp3BG  { background-image: url('/common/iface/images/line-hover.svg'); }

/*Pie Chart Icon NEW CHART CONTROL*/
.dispSelected #disp4FG  { background-image: url('/common/iface/images/pie-active.svg'); }
#disp4FG  { background-image: url('/common/iface/images/pie-default.svg'); }
#disp4BG  { background-image: url('/common/iface/images/pie-hover.svg'); }

/*Area Plot Icon NEW CHART CONTROL*/
.dispSelected #disp5FG  { background-image: url('/common/iface/images/area-active.svg'); }
#disp5FG  { background-image: url('/common/iface/images/area-default.svg'); }
#disp5BG  { background-image: url('/common/iface/images/area-hover.svg'); }

/*Gauge Icon NEW CHART CONTROL*/
.dispSelected #disp10FG { background-image: url('/common/iface/images/gauge-active.svg'); }
#disp10FG { background-image: url('/common/iface/images/gauge-default.svg'); }
#disp10BG { background-image: url('/common/iface/images/gauge-hover.svg'); }

/*Crosstab Icon NEW CHART CONTROL*/
.dispSelected #disp14FG { background-image: url('/common/iface/images/table-active.svg'); }
#disp14FG { background-image: url('/common/iface/images/table-default.svg'); }
#disp14BG { background-image: url('/common/iface/images/table-hover.svg'); }

/*Ruler Icon NEW CHART CONTROL*/
.dispSelected #disp17 { background-image: url('/common/iface/images/ruler-active.svg');}
#disp17FG { background-image: url('/common/iface/images/ruler-default.svg');}
#disp17BG { background-image: url('/common/iface/images/ruler-hover.svg');}

/*100% Stacked Bar Chart Icon NEW CHART CONTROL*/
.dispSelected #disp20FG { background-image: url('/common/iface/images/100stackedbar-active.svg'); }
#disp20FG { background-image: url('/common/iface/images/100stackedbar-default.svg'); }
#disp20BG { background-image: url('/common/iface/images/100stackedbar-hover.svg'); }

/*Taco Icon NEW CHART CONTROL*/
.dispSelected #disp22FG { background-image: url('/common/iface/images/taco-active.svg'); }
#disp22FG { background-image: url('/common/iface/images/taco-default.svg'); }
#disp22BG { background-image: url('/common/iface/images/taco-hover.svg'); }

/*UpDown Icon NEW CHART CONTROL*/
.dispSelected #disp23FG { background-image: url('/common/iface/images/multisort-active.svg'); }
#disp23FG { background-image: url('/common/iface/images/multisort-default.svg'); }
#disp23BG { background-image: url('/common/iface/images/multisort-hover.svg'); }

/*Whisker Icon NEW CHART CONTROL*/
.dispSelected #disp24FG { background-image: url('/common/iface/images/whisker-active.svg'); }
#disp24FG { background-image: url('/common/iface/images/whisker-default.svg'); }
#disp24BG { background-image: url('/common/iface/images/whisker-hover.svg'); }

/*Line And Bar Chart Icon NEW CHART CONTROL*/
.dispSelected #disp25FG { background-image: url('/common/iface/images/lineandbar-active.svg'); }
#disp25FG { background-image: url('/common/iface/images/lineandbar-default.svg'); }
#disp25BG { background-image: url('/common/iface/images/lineandbar-hover.svg'); }

/*Percentage NEW CHART CONTROL*/
.dispSelected #disp26FG { background-image: url('/common/iface/images/percentage-active.svg'); }
#disp26FG { background-image: url('/common/iface/images/percentage-default.svg'); }
#disp26BG { background-image: url('/common/iface/images/percentage-hover.svg'); }

/*Tile Icon*/
.dispSelected #disp27FG { background-image: url('/common/iface/images/tile-active.svg'); }
#disp27FG { background-image: url('/common/iface/images/tile-default.svg'); }
#disp27BG { background-image: url('/common/iface/images/tile-hover.svg'); }

/*Chart axis*/
.dispSelected #dispChtAxisFG { background-image: url('/common/iface/images/chart-axis-activated.svg'); }
#dispChtAxisFG { background-image: url('/common/iface/images/chart-axis-disabled.svg'); }
.dispSelected #dispChtAxisBG { background-image: url('/common/iface/images/chart-axis-activated-hover.svg'); }
#dispChtAxisBG { background-image: url('/common/iface/images/chart-axis-disabled-hover.svg'); }

/*Chart title*/
.dispSelected #dispChtTitleFG { background-image: url('/common/iface/images/chart-title-activated.svg'); }
#dispChtTitleFG { background-image: url('/common/iface/images/chart-title-disabled.svg'); }
.dispSelected #dispChtTitleBG { background-image: url('/common/iface/images/chart-title-activated-hover.svg'); }
#dispChtTitleBG { background-image: url('/common/iface/images/chart-title-disabled-hover.svg'); }

/*Chart ticks*/
.dispSelected #dispChtTicksFG { background-image: url('../images/chart-ticks-activated.svg'); }
#dispChtTicksFG { background-image: url('../images/chart-ticks-disabled.svg'); }
.dispSelected #dispChtTicksBG { background-image: url('../images/chart-ticks-activated-hover.svg'); }
#dispChtTicksBG { background-image: url('../images/chart-ticks-disabled-hover.svg'); }

/*X Labels*/
.dispSelected #dispXLabelsFG { background-image: url('../images/x-labels-activated.svg'); }
#dispXLabelsFG { background-image: url('../images/x-labels-disabled.svg'); }
.dispSelected #dispXLabelsBG { background-image: url('../images/x-labels-activated-hover.svg'); }
#dispXLabelsBG { background-image: url('../images/x-labels-disabled-hover.svg'); }

/*X Title*/
.dispSelected #dispXTitleFG { background-image: url('../images/x-title-activated.svg'); }
#dispXTitleFG { background-image: url('../images/x-title-disabled.svg'); }
.dispSelected #dispXTitleBG { background-image: url('../images/x-title-activated-hover.svg'); }
#dispXTitleBG { background-image: url('../images/x-title-disabled-hover.svg'); }

/*Y Labels*/
.dispSelected #dispYLabelsFG { background-image: url('../images/y-labels-activated.svg'); }
#dispYLabelsFG { background-image: url('../images/y-labels-disabled.svg'); }
.dispSelected #dispYLabelsBG { background-image: url('../images/y-labels-activated-hover.svg'); }
#dispYLabelsBG { background-image: url('../images/y-labels-disabled-hover.svg'); }

/*Y Title*/
.dispSelected #dispYTitleFG { background-image: url('../images/y-titles-activated.svg'); }
#dispYTitleFG { background-image: url('../images/y-titles-disabled.svg'); }
.dispSelected #dispYTitleBG { background-image: url('../images/y-titles-activated-hover.svg'); }
#dispYTitleBG { background-image: url('../images/y-titles-disabled-hover.svg'); }

/*---------------------------CHART CONTROL ICONS - SWAP DIMENSIONS------------------------------*/

.swapSelectorIcon {
  background-image: url("/common/iface/images/NBL-DropdownArrow.png");
}

.swapSelectorIcon:hover {
  background-image: url("/common/iface/images/NBL-DropdownArrowHover.png");
}

.swapSelectorClose {
  background-image: url("/common/iface/images/NBL-DropdownClose.png"); 
}

.swapSelectorClose:hover {
  background-image: url("/common/iface/images/NBL-DropdownCloseHover.png");  
}

.selectSwap {
  background-image: url("/common/iface/images/NBL-SwapDimXY.png");
}

.selectSwap:hover {
  background-image: url("/common/iface/images/NBL-SwapDimXYHover.png");
}

/* .selectMenu {
  background-image: url("/common/iface/images/NBL-MenuSmall.png");
}

.selectMenu:hover {
  background-image: url("/common/iface/images/NBL-MenuSmallHover.png");
} */

/* CHART CONTROL SWAP DIMENSION MENU NEW */
.selectMenu.icon-discover_tune {
  background-image: none;
  color: var(--el-text-color-primary);
  font-size: 18px;
  display: inline-block;
  text-align: center;
  height: 32px;
  width: 20px;
  line-height: 32px;
  cursor: pointer;
  margin-right: 2px;
}

/* .selectMoveUp {
  background-image: url("/common/iface/images/NBL-SwapDimMoveUp.png");
}

.selectMoveUp:hover {
  background-image: url("/common/iface/images/NBL-SwapDimMoveUpHover.png");
} */

/* .selectMoveDown {
  background-image: url("/common/iface/images/NBL-SwapDimMoveDown.png");
}

.selectMoveDown:hover {
  background-image: url("/common/iface/images/NBL-SwapDimMoveDownHover.png");
}

.measItem .selectMoveDown:hover {
  filter: brightness(0%) invert(100%);
} */

/* CHART CONTROL SWAP DIMENSION MOVE DOWN NEW */
.selectMoveDown.icon-keyboard_arrow_down,
.selectMoveUp.icon-keyboard_arrow_up {
  background-image: none;
  filter: none;
  color: var(--el-text-color-primary);
  font-size: 24px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 20px;
  cursor: pointer;
  margin-right: 4px;
}

.measItem .selectMoveDown.icon-keyboard_arrow_down:hover,
.measItem .selectMoveUp.icon-keyboard_arrow_up:hover {
  color: #ffffff;
}

/* .selectDelOption {
  background-image: url("/common/iface/images/NBL-SwapDimDelOption.png");
}

.selectDelOption:hover {
  background-image: url("/common/iface/images/NBL-SwapDimDelOptionHover.png");
}

.measItem .selectDelOption:hover {
  filter: brightness(0%) invert(100%);
} */

/* CHART CONTROL SWAP DIMENSION DELETE NEW */
.selectDelOption.icon-close {
  background-image: none;
  filter: none;
  color: var(--el-text-color-primary);
  font-size: 18px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 20px;
  cursor: pointer;
}

.measItem.selectDelOption.icon-close:hover {
  color: #ffffff;
}

/* .selectAdd, .selectNotAdd:hover ~ .selectAdd, .optType_measure .selectNotAdd:hover ~ .selectAdd {
  background-image: url("/common/iface/images/NBL-SwapDimAdd.png");
  filter: none;
} */

/*.selectButton:not(.selectAdd):hover .selectAdd {
.selectDelOption:hover .selectAdd {
  background-image: url("/common/iface/images/NBL-SwapDimAdd.png");
} */

/*.selectAdd:hover, .selectControls .selectAdd:hover, .swapDimRow:hover .selectAdd  {
.selectDiv:hover .selectAdd, .swapDimRow:hover .selectAdd {
  background-image: url("/common/iface/images/NBL-SwapDimAddHover.png");
} */

/* .selectDiv:hover .optType_measure .selectAdd, .swapDimRow:hover .optType_measure .selectAdd {
  filter: brightness(0%) invert(100%);
} */

/* .measItem .selectAdd:hover, .measItem.swapDimRow:hover .selectAdd, .selectDiv:hover .measItem .selectAdd {
  filter: brightness(0%) invert(100%);
} */

/* .measItem .selectNotAdd:hover ~ .selectAdd {
  filter: none;
} */

/* CHART CONTROL SWAP DIMENSION ADD */
.selectAdd.icon-add {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-left: 4px;
  background-image: none;
  filter: none;
  color: var(--el-text-color-primary);
  font-size: 16px;
  display: inline-block;
  width: 20px;
  text-align: center;
}

.filtValMenu {
  background-image: url("/common/iface/images/NBL-MenuSmall.png");
  background-size: contain;
}

.filtValMenu:hover {
  background-image: url("/common/iface/images/NBL-MenuSmallHover.png");
}


/*---------------------------PORTAL ICONS------------------------------*/


.toolRegionAdd {
  background-image: url('/common/iface/images/NBL-AddRegion.png'); 
}

.toolRegionMinus { 
  background-image: url('/common/iface/images/NBL-RemoveRegion.png'); 
}

.pletHeadIcon, .pletMenuIcon, .fmMenuIcon {
  background-image: url("/common/iface/images/NBL-PortletMenu.png"); 
  background-repeat: no-repeat;
}

.pletHeadIcon:hover, .pletMenuIcon:hover, .fmMenuIcon:hover {
  background-image: url("/common/iface/images/NBL-PortletMenuHover.png"); 
  background-repeat: no-repeat;
}

.pletHeadLeftIcon, .pletFilterIcon {
  background-image: url("/common/iface/images/NBL-PortletFilter.png"); 
  background-repeat: no-repeat;
}

.pletHeadLeftIcon:hover, .pletFilterIcon:hover {
  background-image: url("/common/iface/images/NBL-PortletFilterHover.png"); 
  background-repeat: no-repeat;
}

.ptlDropdownIcon, 
.filterBarDropdown {
  background-image: url("/common/iface/images/NBL-OpenTab.png");
  background-repeat: no-repeat;
}

/*---------------------------SPATIAL ICONS------------------------------*/
.toolSelect {
  background-image: url('/common/iface/images/NBL-MultiSelect.png'); 
}

.toolUnselectAll {
  background-image: url('/common/iface/images/NBL-UnselectAll.png'); 
}

.toolFilterSelected {
  background-image: url('/common/iface/images/NBL-FilterSelect.png');  
}

.toolReset {
  background-image: url('/common/iface/images/NBL-Reset.png'); 
}

.toolZoom {
  background-image: url('/common/iface/images/NBL-ZoomToFilter.png'); 
}
  
.toolSettings {
  background-image: url('/common/iface/images/nbSettings.png'); 
}



.mapMultiSelect, .multiSelect {
  background-image: url('/common/iface/images/NBL-MultiSelect.png');   
}

.mapMultiSelect:hover, .multiSelect:hover {
  background-image: url('/common/iface/images/NBL-MultiSelectHover.png');   
}

.mapMultiSelect.active, .multiSelect.active {
  background-image: url('/common/iface/images/NBL-MultiSelectActive.png');   
}

.mapMultiSelect.active:hover, .multiSelect.active:hover {
  background-image: url('/common/iface/images/NBL-MultiSelectActiveHover.png');   
}

.mapUnselectAll, .unselectAll {
  background-image: url('/common/iface/images/NBL-UnselectAll.png'); 
}

.mapUnselectAll:hover, .unselectAll:hover {
  background-image: url('/common/iface/images/NBL-UnselectAllHover.png'); 
}

.mapFilterSelected, .filterSelected {
  background-image: url('/common/iface/images/NBL-FilterSelect.png');   
}

.mapFilterSelected:hover, .filterSelected:hover {
  background-image: url('/common/iface/images/NBL-FilterSelectHover.png');   
}

.mapToggleCluster {
  background-image: url('/common/iface/images/NBL-Cluster.png');   
}

.mapToggleCluster:hover {
  background-image: url('/common/iface/images/NBL-ClusterHover.png');   
}

.mapToggleCluster.active {
  background-image: url('/common/iface/images/NBL-ClusterActive.png');   
}

.mapToggleCluster.active:hover {
  background-image: url('/common/iface/images/NBL-ClusterActiveHover.png');   
}


.mapResetMap, .resetMap {
  background-image: url('/common/iface/images/NBL-ResetMap.png');   
}

.mapResetMap:hover, .resetMap:hover {
  background-image: url('/common/iface/images/NBL-ResetMapHover.png');   
}

.filterZoom {
  background-image: url('/common/iface/images/NBL-ZoomToFilter.png');   
}

.filterZoom:hover {
  background-image: url('/common/iface/images/NBL-ZoomToFilterHover.png');   
}



.mapRecentreIcon, .RecentreIcon {
  background-image: url('/common/iface/images/NBL-Recentre.png');
}

.mapRecentreIcon:hover, .RecentreIcon:hover {
  background-image: url('/common/iface/images/NBL-RecentreHover.png');
}

.mapLayersIcon, .LayersIcon {
  background-image: url('/common/iface/images/NBL-Layers.png');
}

.mapLayersIcon:hover, .LayersIcon:hover {
  background-image: url('/common/iface/images/NBL-LayersHover.png');
}

.mapMeasuresIcon, .MeasuresIcon {
  background-image: url("/common/iface/images/NBL-MapMeasures.png")
}

.mapMeasuresIcon:hover, .MeasuresIcon:hover {
  background-image: url("/common/iface/images/NBL-MapMeasuresHover.png")
}


.mapZoomIn, .ZoomIn {
  background-image: url('/common/iface/images/NBL-ZoomIn.png');
}

.mapZoomIn:hover, .ZoomIn:hover {
  background-image: url('/common/iface/images/NBL-ZoomInHover.png');
}

.mapZoomOut, .ZoomOut {
  background-image: url('/common/iface/images/NBL-ZoomOut.png');
}

.mapZoomOut:hover, .ZoomOut:hover {
  background-image: url('/common/iface/images/NBL-ZoomOutHover.png');
}

.mapSizeIcon, .MapSizeIcon {
 background-image: url('/common/iface/images/NBL-ScreenSize.png');
}

.mapSizeIcon:hover, .MapSizeIcon:hover {
 background-image: url('/common/iface/images/NBL-ScreenSizeHover.png');  
}

.mapSizeIconActive, .MapSizeIconActive {
  background-image: url('/common/iface/images/NBL-ScreenSizeActive.png');
}

.mapLegendIcon {
  background-image: url('/common/iface/images/NBL-MapLegend.png');  
}

.mapLegendIcon:hover {
  background-image: url('/common/iface/images/NBL-MapLegendHover.png');  
}

.mapSaveIcon {
  background-image: url('/common/iface/images/NBL-SaveWhite.png');  
}

.mapSaveIcon:hover {
  background-image: url('/common/iface/images/NBL-SaveLightTeal.png');  
}

.mapZoomIcon {
  background-image: url('/common/iface/images/NBL-ZoomWhite.png');  
}

.mapZoomIcon:hover {
  background-image: url('/common/iface/images/NBL-ZoomLightTeal.png');  
}


/*.FullscreenIcon,*/
.mapFullscreenIcon .ol-full-screen-false, .RTFullscreenIcon .ol-full-screen-false:hover,
.mapFullscreenIcon .ol-full-screen-true, .RTFullscreenIcon .ol-full-screen-true:hover,
.mapFullscreenIcon .ol-full-screen-true .ol-control button:focus,
.mapFullscreenIcon .ol-full-screen-false .ol-control button:focus {
  background-image: url("/common/iface/images/NBL-EnterFS.png")
}

.mapFullscreenIcon .ol-full-screen-false,
.mapFullscreenIcon .ol-full-screen-false:focus {
  background-image: url('/common/iface/images/NBL-EnterFS.png');
}

.mapFullscreenIcon .ol-full-screen-false:hover {
  background-image: url('/common/iface/images/NBL-EnterFSHover.png');
}

.mapFullscreenIcon .ol-full-screen-true,
.mapFullscreenIcon .ol-full-screen-true:focus {
  background-image: url('/common/iface/images/NBL-ExitFS.png');
}

.mapFullscreenIcon .ol-full-screen-true:hover {
  background-image: url('/common/iface/images/NBL-ExitFSHover.png');
}

.mapFullscreenIconActive {
  background-image: url('/common/iface/images/NBL-ExitFS.png');
}

.mapFullscreenIconActive:hover {
  background-image: url('/common/iface/images/NBL-ExitFSHover.png');
}


/*---------------------------REPORT ICONS------------------------------*/

.rptLogo {
  background-image: url("/common/iface/images/NBL-BigLogo.png"); 
}

/*.reportsClose,
.requestsClose,
.rptLOV .cntrClose,
.viewClose  {
  background-image: url("/common/iface/images/NBL-CloseSuper.png");
}

.reportsClose:hover,
.requestsClose:hover,
.rptLOV .cntrClose:hover,
.viewClose:hover {
  background-image: url("/common/iface/images/NBL-CloseSuperHover.png");
}*/

.calendar .close {
  background-image: url("/common/iface/images/NBL-CalendarClose.png")
}

.calendar .close:hover {
  background-image: url("/common/iface/images/NBL-CalendarCloseHover.png")
}


.calendar .prevYear {
  background-image: url("/common/iface/images/NBL-CalendarPrevYear.png")
}

.calendar .prevYear:hover {
  background-image: url("/common/iface/images/NBL-CalendarPrevYearHover.png")
}


.calendar .prevMonth {
  background-image: url("/common/iface/images/NBL-CalendarPrevMonth.png")
}

.calendar .prevMonth:hover {
  background-image: url("/common/iface/images/NBL-CalendarPrevMonthHover.png")
}


.calendar .nextMonth {
  background-image: url("/common/iface/images/NBL-CalendarNextMonth.png")
}

.calendar .nextMonth:hover {
  background-image: url("/common/iface/images/NBL-CalendarNextMonthHover.png")
}

.calendar .nextYear {
  background-image: url("/common/iface/images/NBL-CalendarNextYear.png")
}

.calendar .nextYear:hover {
  background-image: url("/common/iface/images/NBL-CalendarNextYearHover.png")
}

.rptCalImg {
  background-image: url("/common/iface/images/NBL-ReportCalendar.png");
}

.rptCalImg:hover {
  background-image: url("/common/iface/images/NBL-ReportCalendarHover.png");
}

.rptLOVImg {
  background-image: url("/common/iface/images/NBL-LOV.png");
}

.rptLOVImg:hover {
  background-image: url("/common/iface/images/NBL-LOVHover.png");
}


/* .sortRow .sortUp,
.columnRow .columnUp {
  background-image: url("/common/iface/images/NBL-ReportControlsUp.png");
} */

.sortRow:hover .sortUp, .sortRowActiveHover .sortUp,
.columnRow:hover .columnUp, .columnRowActiveHover .columnUp {
  background-image: url("/common/iface/images/NBL-ReportControlsUpHover.png");
}


/* .sortRow .sortDown, 
.columnRow .columnDown {
  background-image: url("/common/iface/images/NBL-ReportControlsDown.png");
} */

.sortRow:hover .sortDown, .sortRowActiveHover .sortDown,
.columnRow:hover .columnDown, .columnRowActiveHover .columnDown {
  background-image: url("/common/iface/images/NBL-ReportControlsDownHover.png");
}

.columnRow .formatDropdown, 
.columnRow .alignDropdown, 
.sortRow .sortDirDropdown {
  background-image: url("/common/iface/images/NBL-ReportDropdown.png");
}

.columnRow:hover .formatDropdown, .columnRowActive .formatDropdown, .columnRowActiveHover .formatDropdown, 
.columnRow:hover .alignDropdown, .columnRowActive .alignDropdown, .columnRowActiveHover .alignDropdown,
.sortRow:hover .sortDirDropdown, .sortRowActive .sortDirDropdown, .sortRowActiveHover .sortDirDropdown {
  background-image: url("/common/iface/images/NBL-ReportDropdownHover.png");
}

#viewTabBar .tab .tabCloseHover,
#viewTabBar .tab.tabActive .tabCloseHover {
  background-image: url("/common/iface/images/NBL-ReportTabCloseHover.png");
}

#viewTabBar .tab.tabActive .tabCloseActive {
  background-image: url("/common/iface/images/NBL-ReportTabCloseActive.png");
}
#viewTabBar .tab .tabCloseActive {
  background-image: url("/common/iface/images/NBL-ReportTabClose.png");
}

/*---------------------------DATA ANIMATOR ICONS------------------------------*/


/*-----LEFT ICONS-----*/
/*-----LEFT ICONS-----*/
/*-----LEFT ICONS-----*/


.RTPlayIcon {
  background-image: url('/common/iface/images/NBL-PlayV2.png');
}

.RTPlayIcon:hover {
  background-image: url('/common/iface/images/NBL-PlayV2Hover.png');
}

.RTPauseIcon {
  background-image: url('/common/iface/images/NBL-PauseV2.png');
  display: none;
}

.RTPauseIcon:hover {
  background-image: url('/common/iface/images/NBL-PauseV2Hover.png');
}

.RTReplayIcon {
  background-image: url('/common/iface/images/NBL-ReplayV2.png');
  display: none;
}

.RTReplayIcon:hover {
  background-image: url('/common/iface/images/NBL-ReplayHoverV2.png');
}

.RTTimescaleIcon {
  background-image: url('/common/iface/images/NBL-Timescale.png');
}

.RTTimescaleIcon.rtActive {
  background-image: url('/common/iface/images/NBL-Timescale.png');
}

.RTTimescaleIcon:hover, .RTTimescaleIcon.rtActive:hover {
  background-image: url('/common/iface/images/NBL-TimescaleHover.png');
  
}


/*-----RIGHT ICONS-----*/
/*-----RIGHT ICONS-----*/
/*-----RIGHT ICONS-----*/


.RTRecentreIcon {
  background-image: url('/common/iface/images/NBL-Recentre.png');
}

.RTRecentreIcon:hover {
  background-image: url('/common/iface/images/NBL-RecentreHover.png');
}

.RTLayersIcon {
  background-image: url('/common/iface/images/NBL-Layers.png');
}

.RTLayersIcon:hover {
  background-image: url('/common/iface/images/NBL-LayersHover.png');
}

.RTZoomIn {
  background-image: url('/common/iface/images/NBL-ZoomIn.png');
}

.RTZoomIn:hover {
  background-image: url('/common/iface/images/NBL-ZoomInHover.png');
}

.RTZoomOut {
  background-image: url('/common/iface/images/NBL-ZoomOut.png');
}

.RTZoomOut:hover {
  background-image: url('/common/iface/images/NBL-ZoomOutHover.png');
}

.RTFullscreenIcon .ol-full-screen-false, .RTFullscreenIcon .ol-full-screen-false:hover,
.RTFullscreenIcon .ol-full-screen-true, .RTFullscreenIcon .ol-full-screen-true:hover,
.RTFullscreenIcon .ol-full-screen-true .ol-control button:focus,
.RTFullscreenIcon .ol-full-screen-false  .ol-control button:focus {
  background-image: url('/common/iface/images/nBDAFullscreen.png');
}

.RTFullscreenIcon .ol-full-screen-false,
.RTFullscreenIcon .ol-full-screen-false:focus {
  background-image: url('/common/iface/images/NBL-EnterFS.png');
}

.RTFullscreenIcon .ol-full-screen-false:hover {
  background-image: url('/common/iface/images/NBL-EnterFSHover.png');
}


.RTFullscreenIcon .ol-full-screen-true,
.RTFullscreenIcon .ol-full-screen-true:focus {
  background-image: url('/common/iface/images/NBL-ExitFS.png');
}

.RTFullscreenIcon .ol-full-screen-true:hover {
  background-image: url('/common/iface/images/NBL-ExitFSHover.png');
}

.RTScreenSizeIcon {
  background-image: url('/common/iface/images/NBL-ScreenSize.png');
} 

.RTScreenSizeIcon:hover {
  background-image: url('/common/iface/images/NBL-ScreenSizeHover.png');
}

.RTScreenSizeIconActive {
  background-image: url('/common/iface/images/NBL-ScreenSizeActive.png');
}

.RTScreenSizeIconActive:hover {
  background-image: url('/common/iface/images/NBL-ScreenSizeActiveHover.png');  
}


.ol-full-screen-false:active {
  background-image: url('/common/iface/images/NBL-ExitFS.png');
}

.ol-full-screen-true:active {
  background-image: url('/common/iface/images/NBL-ExitFSHover.png');

}

/*-----FEEDBACK-----*/
/*-----FEEDBACK-----*/
/*-----FEEDBACK-----*/


.RTFeedbackPause {
  background-image: url('/common/iface/images/NBL-MapPauseBG.png'); 
}

.RTFeedbackPlay {
  background-image: url('/common/iface/images/NBL-MapPlayBG.png');  
}

.RTFeedbackComplete {
  background-image: url('/common/iface/images/NBL-MapCompleteBG.png');  
}

/* -------- Clearable input icons ----------------------------------------*/

.clearInput {
  background-image: url("/common/iface/images/NBL-SwapDimDelOption.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.clearInput.hover,
.nBlogin .clearInput.hover {
  background-image: url("/common/iface/images/NBL-SwapDimDelOptionHover.png");
}

.searchInput.clearInput.hover {
  background-image: url("/common/iface/images/NBL-SwapDimDelOptionWhite.png");
}

.nBlogin .clearInput {
  background-image: url("/common/iface/images/NBL-SwapDimDelOptionWhite.png");
}

.nBOSmaximizeIcon {
  background-image: url('/common/iface/images/NBL-MaximizeTeal.png');
} 

.nBOSmaximizeIcon:hover {
  background-image: url('/common/iface/images/NBL-MaximizeLightTeal.png');
} 

.nBOSminimizeIcon {
  background-image: url('/common/iface/images/NBL-MinimizeTeal.png');
} 

.nBOSminimizeIcon:hover {
  background-image: url('/common/iface/images/NBL-MinimizeLightTeal.png');
} 

.nBOSfilt {
  background-image: url("/common/iface/images/NBL-FilterSmall.png");
}

.nBOSfilt:hover {
  background-image: url("/common/iface/images/NBL-FilterSmallHover.png");
}

/**** Daterange picker ****/

.daterangepicker {
  background-color: white;
}

.layerSwitcherPanelOverlays li,
.layerSwitcherPanelLayers li {
  background-color: white !important;
}

.mapLayerSwitcherPanel .layerSwitcherPanelOverlays:hover,
.mapLayerSwitcherPanel .layerSwitcherPanelLayers:hover {
  background-color: transparent;
}
.menuItemPopupVActive,
.mapLayerSwitcherPanel .layer:hover,
.measureSwitcherPanelTitle li:hover {
  background-color: var(--el-menu-hover-bg-color) !important;
}

/*---------------WHAT--------------*/
.menuRgn {
  min-height: 28px;
  font-family: Inter, Arial, sans-serif;
  font-weight: 500;
  font-size: 12pt;
  /*margin: 0px 16px;*/
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 10px;
  }
  
  .dummy{
  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#205E84), to(#2D7CC0)); 
  /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2D7CC0, #205E84); 
  /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2D7CC0, #205E84); 
  /* IE 10 */ background: -ms-linear-gradient(top, #2D7CC0, #205E84); 
  /* Opera 11.10+ */ background: -o-linear-gradient(top, #2D7CC0, #205E84);
  /* IE 9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7CC0', endColorstr='#205E84',GradientType=0 ); 
  
   /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2B7ABE), to(#2D7CC0)); 
  /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2D7CC0, #2B7ABE); 
  /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2D7CC0, #2B7ABE); 
  /* IE 10 */ background: -ms-linear-gradient(top, #2D7CC0, #2B7ABE); 
  /* Opera 11.10+ */ background: -o-linear-gradient(top, #2D7CC0, #2B7ABE);
  /* IE 9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D7CC0', endColorstr='#205E84',GradientType=0 ); 
  
  }
  
.menuRgnPlet {
  /*background-image: url("/common/iface/images/nbMinimize.png");
  background-color: transparent;*/
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  min-height: 30px;
  overflow: hidden;
  }

.menubarMainH, .menubarPletH {
  /*display: none;*/
  width: 100%;
  cursor: pointer;
  }

.menubarMainH {
  font-size: 12pt;
  min-height: 26px; /* possibly set this in js once we know the resolution */
  overflow: hidden;
  background-position: right;
  background-repeat: no-repeat;
  font-weight: 300;
  }

.menubarPletH {
  }

.menubarPopupV {
  position: absolute; /*relative*/
  z-index: 999999;
  cursor: pointer;
  }

.menubarMainV, .menubarPletV, .menubarContextV, .menubarAppV {
  position: absolute;
  z-index: 999999;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.menubarMainV, .menubarPletV, .menubarAppV {
  display: none;
  }

.menubarContextV {
  /*display: block;*/
  box-shadow: 0 0 5px 2px #888; 
  border-radius: 3px;
  padding: 3px;
  }

.menubarPletV, .menubarPopupV {
  box-shadow: 0px 0px 0.375rem 0rem rgba(0, 0, 0, 0.12);
  border-radius: var(--system-border-radius);
  border: 1px solid #E4E7ED;
  }

.menuItemContainer {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.disabled .menuItemContainer {
  opacity: 0.3;
  cursor: default;
}

.hideDisabled .disabled .menuItemContainer,
.hideDisabled.disabled {
  display: none;
}

.menuItemPletH, .menuItemPletHActive{
  width: 22px;
  height: 30px;
  float: right;
  margin: 3px 4px 0px 0px;
  cursor: pointer;
  font-size: 18pt;
}

/*.menuItemPletH:before, .menuItemPletHActive:before {
  font-family: apex-5-icon-font;
  content: "\E000";
}  */

.menuItemPletHActive {
}

.animMenuRgn .menuItemMainH:hover, .animMenuRgn .menuItemMainHActive:hover {
}

.menuItemPletH:hover, .menuItemPletHActive:hover {
}

.menuItemMainH, .menuItemMainHActive, .menuItemMainHSelected,
.menuItemPletH, .menuItemPletHActive, .menuItemPletHSelected,
.menuItemContextH, .menuItemContextActive, .menuItemContextHSelected,
.menuItemMainHSep {
  float: left;
  }
.menuItemMainH, .menuItemMainHActive, .menuItemMainHSelected, .menuItemMainHSep {
  padding: 3px 10px 3px 10px;
  }
.menuItemMainH:nth-child(1), .menuItemMainHActive:nth-child(1){
  padding-left: 5px;
}

.menuItemMainV, .menuItemMainVActive, 
.menuItemPletV, .menuItemPletVActive,
.menuItemContextV, .menuItemContextVActive, 
.menuItemAppV, .menuItemAppVActive,
.menuItemPopupV, .menuItemPopupVActive {
  white-space: nowrap;
  }

.menuItemMainV, .menuItemMainVActive {
  padding: 3px 16px 3px 0px;
  text-align: left;
  font-weight: 300;
  }

.menuItemMainVEmpty, .menuItemAppVEmpty {
  white-space: nowrap;
  padding: 3px 16px 3px 14px;
  opacity: 0.5;
  font-weight: 300;
  }

.menuItemPletV, .menuItemPletVActive, 
.menuItemContextV, .menuItemContextVActive,
.menuItemAppV, .menuItemAppVActive,
.menuItemPopupV, .menuItemPopupVActive {
  display: flex;
  font-family: Inter, Arial, sans-serif;
  font-weight: 300;
  padding: 0px 10px 0px 6px;
  font-size: 12pt;
  font-weight: 300;
  transition: all 0.15s ease-in-out 0s;
  line-height: 30px;
  overflow: hidden;
  }
  
.menuItemPopupV, .menuItemPopupVActive {
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.menuItemContainer {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

.menuItemContextV, .menuItemContextVActive {
  font-family: Inter, Arial, sans-serif;
  font-size: 10pt;
  line-height: 24px;
  font-weight: 400;
  }
 
.menuItemCheck {
  display: flex;
  position: relative;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
  font-size: 1.2em;
  font-family: 'Material Icons';
  font-feature-settings: 'liga';
  content: 'icon-name';
  }

.menuItemTextCircle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 34px;
  border: solid 2px;
  font-weight: 400;
  margin: 5px;
  flex-direction: column;
  pointer-events: none;
}

.menuItemMainCheckV, .menuItemPletCheckV, .menuItemContextCheckV, .menuItemAppCheckV, .menuItemPopupCheckV {
  padding: 0px;
  }
  
.menuItemMainCheckV {
  padding-right: 2px;
  padding-left: 4px;
} 

.menuItemPopupCheckV {
  width: 22px;
}

.menuItemContextCheckV {
  width: 12px;
}

.menuPortal .menuItemPopupCheckV {
  width: 0;
}

.menuFilt .menuItemPopupCheckV {
  width: 6px;
}
  
.menuItemContextV, .menuItemContextVActive {
  visibility: visible;
  width: calc(100% - 12px);
  }
  
.menuItemPletCheckV, .menuItemContextCheckV {
  display: none;
  }

.nBmenuRadio .menuItemPletCheckV, .nBmenuRadio .menuItemContextCheckV {
  display: block;
  margin-right: 7px;
  }

.nBmenuVer {
  overflow-y: auto;
  overflow-x: hidden;
  }

.menuRgnPopup .nBmenuVer {
  overflow: hidden;
  }

.nBmenuVer .menuSep {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  height: 0;
  margin: 0;
  }
  
.menuItemMainVSep, .menuItemAppVSep {
  border-style: solid;
  border-width: 0 0 1px;
  height: 0;
  margin: 0;
  }

.menuItemMainHSep {
  border-style: inset;
  border-width: 0 1px;
  width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  }

.menuItemAppLink,
.menuItemMainLink,
.menuItemPopupLink,
.menuItemContextLink {
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  color: transparent;
  }

.menuItemPopupLink {
  height: auto;
}
 
.menuText {
  margin-left: 2px;
}

.menuIconLeft, .menuIconRight, .menuText {
  /*display: inline-block;
  pointer-events: none;*/
}

.menuIconRightContainer {
  display: flex;
  position: absolute;
  right: 0px;
  height: 30px;
  }

.menuItemContextV .menuIconRightContainer, .menuItemContextVActive .menuIconRightContainer {
  right: -6px;
  }
 
.menuIconRight {
  display: flex;
  position: relative;
  align-content: right;
  /*right: 8px; */
  /*background-image: url("/common/iface/images/nBHeart.png");*/
  background-repeat: no-repeat;
  /*margin: -3px 0px;*/
  /*height: 22px;*/
  /*width: 25px;*/
  pointer-events: none;
  } 


.menuIconRightArrow .menuIconRight::before {
  content: "\3009\00a0\00a0";
  opacity: 0.8;
  font-size: 0.8em;
  display: flex;
  position: absolute;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  /*visibility: hidden;*/
  pointer-events: none;
  /*font-size: 1.2em;
  font-family: 'Material Icons';*/
  }

.newUI {
  .menuIconRightArrow .menuIconRight::before {
    justify-content: normal;
    }
  }

.menuIconRightArrow .menuText {
  margin-right: 16px;
  }

/*.mini .menubarAppV .menuIconRight,*/
.pletHeadIcon .menuIconRight,
.menuRgnPlet .menuIconRight {
  display: none;
  }
 
.menuItem {
  }
  
.menuTop.menubarContextV {
  display: block;
  } 


/*----MENU RGN----*/

.menuRgn {
  min-height: 28px;
  font-family: Inter, Arial, sans-serif;
  font-weight: 500;
  font-size: 12pt;
  /*color: #d0d6dc;*/
  /*background-color: rgba(10, 25, 44, 0.25);
  margin: 0px 16px;*/
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 10px;
  }
  
.checked .menuItemCheck {
  display: block;
  visibility: visible;
  padding-right: 5px;
  margin-left: -5px;
}

.checkable .menuItemPletCheckV,
.checkable .menuItemContextCheckV {
  display: block;
}

.newUI {
  .menuRgn,
  .menuItemPletV, .menuItemPletVActive, 
  .menuItemContextV, .menuItemContextVActive,
  .menuItemAppV, .menuItemAppVActive,
  .menuItemPopupV, .menuItemPopupVActive {
    font-family: Inter, Arial, sans-serif;
  }
  & .nBmenuVer {
    & .menuItemContextTextV {
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-style: normal;
      font-weight: 400;
      text-decoration: none;
    }
  }
  & .nBmenuVer,
  & .nBchartToolTipTable {
    padding: 0.5rem 0.875rem;
  }

  & .nBchartToolTip,
  & .nBchartToolTipTdRj,
  & .nBchartToolTipTdLj {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* turn on menu */
.menuRgnPopup {
  min-width: 13.875rem;
  /* display: block !important; */
  }
.upMain {
  font-size: 12pt;
  font-family: Inter, Arial, sans-serif;
  font-weight: 300;
  user-select: none;   /* prevent user accidentally selecting text */
  -o-user-select: none; 
  -ms-user-select: none; 
  -moz-user-select: -moz-none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
}

.upMain .upCntrTitle {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 75px;
  justify-content: space-between;
}

.upMain .upCntrTitleText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0;
  padding-left: 0.875rem;
}

.upMain .upCntrClose {
  align-self: center;
  background-repeat: no-repeat;
  height: 20px;
  margin: 0 22px 0 0;
  width: 20px;
  cursor: pointer;
}

.upDialog {
  margin: 0px;
  padding: 0px;
  overflow: auto;
  /*background-color: #f2f2f2;*/
  text-align: center;
  z-index: 0;
  height: calc(100% - 50px);
  }


.upNav {
  display: none;
  margin: 4px 30px 0px 30px;
  height: 40px;
  z-index: 0;
  }
.upTab, .upTabHover {
  display:none;
  position: relative;
  width: 78px;
  height: 37px;
  background-color: #999;
  border-radius: 7px 7px 0px 0px;
  margin-right: 2px;
  float: left;
  z-index: 0;
  text-align: center;
  font-family: Inter, Arial, sans-serif;
  font-size: 9pt;
  padding: 5px 0px 0px 0px;
  cursor: pointer;
 }
.upTabHover {
  color: #fff;
  font-weight: bold;
  } 
.upActiveTab, .upActiveTabHover {
  display: none;
  width: 78px;
  top: 32px;
  left: 100px;
  color: #205eb4;
  background-color: #f2f2f2;
  border-radius: 7px 7px 0px 0px;
  z-index: 1;
  position: absolute;
  display: none;
  padding: 5px 0px 11px 0px; 
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  cursor: pointer;
  }

.upActiveTabHover {
  color: var(--el-color-primary);
  background-color: transparent;
  }

.upDialogMain {
  height: 100%;
  }
.upFrmGeneral {
  text-align: center;
  z-index: 0;
  }
.upFrmEvi {
  text-align: center;
  z-index: 0;
  }
.upFrmPortal {
  text-align: center;
  z-index: 0;
  }
.upFrmReports {
  text-align: center;
  z-index: 0;
  }
.upFrmSpatial {
  text-align: center;
  z-index: 0;
  }
.upReset {
  display: none;
  text-align: right;
  }
  

.upMain button {
  border: medium none;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.3125rem 0.6875rem;
  text-align: center;
  width: auto;
  font-family: Inter, Arial, sans-serif;
  border-radius: var(--system-border-radius);
}
  
.upBtn {
  display: flex;
  height: 50px;
  justify-content: end;
  align-items: center;
  width: 100%;
}

.upOkBtn, .upCancelBtn {
  margin-right: 0.625rem;
}
 
.upMain h1 {
  display:none;
  color: #205EB4;
  margin-top: 20px;
  font-size: 18pt;
  font-weight: 700;
  }

.upMain p {
  font-size: 14pt;
  line-height: 27px;
  }

.upMain span {
/*
  font-size: 13pt; 
*/
  vertical-align: middle;
  }
  
  
.upGeneralPrefs {
  width: 170px;
  text-align: left;
  margin: 0 auto;
  }  
  
.upEviPrefs {
  font-size: 0.875rem;
  background-color: transparent;
  border-width: 1px;
  text-align: left;
  }
  
.upPortalPrefs {
  width: 170px;
  text-align: left;
  margin: 0 auto;
  }
.upReportsPrefs {
  width: 170px;
  text-align: left;
  margin: 0 auto;
  }
.upSpatialPrefs {
  width: 170px;
  text-align: left;
  margin: 0 auto;
  }

.upDisp, .upDispActive, .upDispSelected, .upDispActiveSelected {
  background-color: #BBBBEE;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  float: left;
  margin: 0px 10px 10px 0px;
  border-style: outset;
  border-width: 2px;
  }
.upDispActive {
  background-color: #FFFFCC;
  }
.upDispSelected {
  background-color: #AAAAAA;
  border-style: inset;
  }
.upDispActiveSelected {
  background-color: #FFFFCC;
  border-style: inset;
  }

.upMain form {
  cursor: default;
}


.upCntrMinimise, .upCntrMaximise {
  display: none;
  margin: 5px 3px 5px 1px;
  width:  14px;
  height: 14px;
  /*background-image: url(/common/iface/images/cntrMinimise.png);*/
  }
.upCntrMinimise:hover, .upCntrMaximise:hover {
  /*background-image: url(/common/iface/images/cntrMinimiseHover.png);*/
  }

.upSelect {
  font-weight: 300;
  font-size: 11pt;
  line-height: 32px;
  padding-left: 2px;
  padding-right: 22px;
  margin-right: 22px;
  border: none;
  max-width: 220px;
  text-align: right;
  width: auto;
}

.nBregVersion {
  background-image: url("3.4.26");
  }
  

.regDocument {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}  

.nBLoginContainer input:focus {
  outline: none;
}
  
/*-----USER PREFERENCES SECTION-----*/

/*CONTAINER*/
.nBUserPref {
  border-radius: 0px;
  font-family: Inter, Arial ,sans-serif;
  font-weight: 300;
  font-size: 10pt;
  overflow: hidden;
}

/*TITLE BACKGROUND*/
.nBuserPref .cntrTitle{
  border-radius: 0px;
  font-weight: 300;
  height: 75px;
  max-height: 75px;
  display: flex;   /*-FLEX RELATED-*/ 
  justify-content: space-between;   /*-FLEX RELATED-*/
}

/*TITLE TEXT*/
.nBuserPref .cntrTitleText {
  font-size: 17pt;
  font-weight: 300;
  line-height: 75px;
  padding-left: 14px;
}

/*TITLE SPAN*/
.nBuserPref .cntrTitle span {
  margin: 0px;
}

/*CLOSE BUTTON*/
.nBuserPref .cntrClose::before {
  content: none;
  font-family: auto;
}

/*CLOSE BUTTON*/
.nBuserPref .cntrClose{
  width: 20px;
  height: 20px;
  margin-right: 22px;
  background-repeat: no-repeat;
  align-self: center;   /*-FLEX RELATED-*/
}

/*CLOSE BUTTON HOVER*/
.nBuserPref .cntrClose:hover {
  cursor: pointer;
}

/*CONTENT BACKGROUND*/
.nBuserPrefDiv1 {
  position: relative;
  height: 100%;
}
  
/*CONTENT LOGO*/
.nBuserPrefLogo {
  display: none;
  min-width: 10px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

/*INPUT*/
.nBuserPrefInput {
  /*width: 428px;
  height: 60px;*/
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
  height: calc(100% - 50px);
  overflow: auto;
}

/*PREFS TAB*/
.prefsTab {
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
} 


 /*TABLE HEAD LABEL*/
.prefsHeaderLabel {
  font-size: 15pt;
  line-height: 40px;
  padding-left: 14px;
}


/*TABLE HEAD TAB ICON*/
.tabIcon {
  float: right;
  height: 20px;
  width: 20px;
  margin-right: 22px;
  background-repeat: no-repeat;
  padding-right: 1px;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.prefsTab.active .tabIcon {
  transform: rotate(180deg);
}

/*PREFERENCES LABEL*/ 
.prefsTabLabel {
  font-size: 14pt;
  line-height: 40px;
  margin-left: 14px;
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}
 
 /*PREFERENCES LABEL*/ 
.prefsLabel {
  font-size: 11pt;
  margin-left: 14px;
  cursor: default;
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}

 /*PREFERENCES ROW CONTENT*/ 
.prefsContent {
  /*max-height: 0px;*/
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.prefsContent:not(.show) {
  max-height: 0px !important;
}

/*HEADER LEVEL*/
.prefsSectionHeader {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    height: 2.5rem;
    justify-content: space-between;
    padding: 0 1.375rem 0 0.875rem;
}

.prefsSectionHeader:hover {
  cursor: pointer;
}

.prefsDropdown  {
  background-repeat: no-repeat;
  float: right;
  height: 20px;
  padding-right: 1px;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0s;
  width: 20px; 
}



/*ROW LEVEL*/
.prefsRow,
.eviPrefsRow {
  height: 32px;
  line-height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.eviPrefsRow {
  padding: 0px 26px 0px 14px;
}

/*SELECT*/
.prefsRow .regSelect,
.eviPrefsRow .regSelect {
  font-weight: 300;
  font-size: 11pt;
  line-height: 32px;
  padding-left: 2px;
  padding-right: 22px;
  margin-right: 22px;
  border: none;
  width: 125px;
}
  
/*SELECT FOCUS*/
.prefsRow .regSelect:focus,
.eviPrefsRow .regSelect:focus {
  border: none;
}

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

.prefsRow .padInput1,
.eviPrefsRow .padInput1 {
  padding-right: 22px;
  margin-right: 22px;
}

/*USER PREF BUTTON CONTAINER*/
.userPrefButtonContainer {
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
}

/*USER PREF BUTTON*/
.nBuserPrefButton{
  border: none;
  outline: none;
  padding: 0px;
  margin: 0px;
  font-size: 12pt;
  font-weight: 300;
  text-align: center;  
  padding: 0px 15px;
  height: 35px;
  border-radius: 0px;
}

/*USER PREF BUTTON*/
.nBuserPrefButton:hover {
  cursor: pointer;
}

/*USER PREF BUTTON*/
.cntrFull .nBuserPrefButton {
  border: solid 2px;
  font-size: 13pt;
  width: auto;
}


/*-----RESTYLED LOGIN SECTION-----*/



/*-----CONTAINER-----*/

.nBlogin .cntrBody{
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
}

.cntrFull .nBLoginDiv1 {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
}

.nBlogin {
  border-radius: 0px;
  font-size: 10pt;
  overflow: hidden;
}

/*#nBlogin .cntrTitle {
  display: none !important;
}*/



/*-----FIELDS-----*/

.nBLoginField,
.nBLogin,
.nBLoginButton, .nBResetButton, .nBUnlockButton,
.nBLoginMsg, .nBTermsOfUse {
  font-family: Inter, Arial ,sans-serif;
  font-weight: 300;
}

.cntrFull .nBLoginLogo {
  width: 300px;
  height: 350px;
  background-size: 80% auto;
} 

.nBLoginContainer {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.regRow {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 315px;
}

.cntrFull .nBLoginField,
.nBLoginField { 
  height: 40px;
  width: 100%;
  padding: 0px;
  border: none;
  border-bottom: solid 2px;
  font-size: 14pt;
}

.cntrFull .nBLoginField.invalid, 
.cntrFull .nBLoginField:invalid,
.nBLoginField.invalid,
.nBLoginField:invalid {
  border: none;
  border-bottom: solid 2px;
}

.cntrFull .nBLoginField,
.nBLoginField {
  margin: 0px 0px 22px 0px;
}


/*-----BUTTONS-----*/

.LoginButton {
  width: 100%;
  margin-top: 22px;
}

.nBLoginButton {
  text-align: center;
  border: solid 2px;
  font-size: 14pt;
  height: 54px;
  width: calc(100% - 4px);
  padding: 0px;
  margin-top: 0px;
  transition: all 0.2s ease-in-out;
}

.nBLoginButton:hover {
  cursor: pointer;
}

.nBClickButton {
  display: none;
}

.nBLoginMsg, .nBTermsOfUse {
  width: 100%;
  text-align: left;
  font-size: 12pt;
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0px;
  text-align: center;
}

.nBTroubleSigningIn,
.regTroubleButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 22px 0px;
  width: 100%;
}

.regTroubleButton {
  justify-content: space-between;
}

.nBTroubleText,
.nBResetButton,
.nBUnlockButton {
  text-align: left;
  font-size: 12pt;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.regNewPassword1,
.regNewPassword2,
.regSecretAnswer,
.regSecretQuestion {
  width: 100%;
}

.nBResetButton {
  margin-right: 10px;
}

.nBTroubleText::before,
.nBResetButton::before,
.nBUnlockButton::before {
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  transform: scaleX(0);
  visibility: hidden;
}

.nBTroubleText:hover::before,
.nBResetButton:hover::before,
.nBUnlockButton:hover::before {
  transform: scaleX(1);
  visibility: visible; 
}

.nBTroubleText {
  position: relative;
  text-decoration: none;
}

.regSelect:focus {
  outline: none;
}

.regSecretQuestionSelect {
  margin: 0px 0px 22px 0px;
  width: calc(100% - 8px);
  height: 44px;
  padding-left: 5px;
  font-size: 14pt;
  border: 2px solid white;
  background-color: transparent;
  font-weight: 300;
  font-family: Inter, Arial, sans-serif;
}


.waitContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.nBLoginWait {
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  text-align:center;
  visibility: visible;
  background-position: center center;
  display: none;
}

.nBLoginWait.sp.sp-circle {
  border-width: 5px;
}

.nBlogin.cntrMain.cntrFull {
  box-shadow: none;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.nBlogin .cntrTitle {
  border-radius: 0px;
  font-weight: 300;
  height: 75px;
  max-height: 75px;
}

.nBregSQ .cntrTitle {
  border-radius: 0px;
  font-weight: 300;
  height: 50px;
}

.nBregSQ .cntrTitle span {
  font-size: 24pt;
}

.nBlogin .cntrTitleText {
  font-size: 20pt;
  letter-spacing: -1px;
  font-weight: 300;
  margin-top: 7px;
  margin-left: 14px;
}

.nBLoginLogo {
  background-size: 80% auto;
  height: 350px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

/*CONTENT LOGO*/
.nBuserPrefLogo {
  display: none;
  min-width: 10px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% auto;
  height: 350px;
  width: 300px;
}

.nBLoginInput {
  width: 428px;
  /*height: 60px;*/
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
  text-align: center;
}

.nBLoginInput > table {
  width: 100%;
}

.nBLoginField::placeholder {
  color: white;
}

.nBLoginPrompt {
  width: 112px;
  text-align:right;
  font-family: Inter, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding-top:0px;
  }  
  
  /*----NEW COLOURS---*/
  /*----NEW COLOURS---*/
  /*----NEW COLOURS---*/
  /*----NEW COLOURS---*/
  /*----NEW COLOURS---*/
 
/*PASSWORD ICON*/
.nBPwdIcon::before,
.nBUserIcon::before {
  content: "\F084";
  font-family: FontAwesome;
  font-size: 17pt;
  margin-left: 13px;
  margin-top: 13px;
  opacity: 1;
  position: absolute;
  display: none;
}

.nBUserIcon::before {
  content: "\f007"
}

.nBLoginChgPwd {
  display: none;
  }

.nBsecretInput {
  width: 100px;
  }

.nBChgPwd {
  padding-left: 68px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16pt;
  margin-left: auto;
  margin-right: auto;
}
 
a.nBChgPwdText {
  letter-spacing: -1px;
  font-weight: 300;
  text-decoration: none;
}

h2.login { 
}

A.login:link {
  FONT-WEIGHT: bold;
  FONT-SIZE: 14px;
  font-family: Inter, Arial, sans-serif;
  TEXT-DECORATION: underline;
}

A.login:visited {
  FONT-WEIGHT: bold;
  FONT-SIZE: 14px;
  font-family: Inter, Arial, sans-serif;
  TEXT-DECORATION: underline
}

A.login:hover {
  FONT-WEIGHT: bold;
  FONT-SIZE: 14px;
  font-family: Inter, Arial, sans-serif;
  TEXT-DECORATION: underline
}

a.loginH2:link, 
a.loginH2:visited {
  TEXT-DECORATION: underline;
}

a.loginH2:hover {
  TEXT-DECORATION: underline;
}

a.loginSU:link, 
a.loginSU:visited {
  TEXT-DECORATION: none;
}

a.loginSU:hover {
    TEXT-DECORATION: underline;
}

.nBregTooltip {
  border-collapse: collapse;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  display: none;
  font-family: Inter,Arial,sans-serif;
  font-size: 10pt;
  font-weight: 300;
  padding: 3px;
  position: absolute;
  z-index: 1;
}


.nBregTooltip table tr {
  text-align: center;
}

.nBregTooltipDiv {
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  width: 28px;
  z-index: 10000;
  display: none;
}

.nBregTooltipDiv:before{
  font-family: FontAwesome;
  content: "\F007";
  font-size: 14pt;
  font-weight: 300;
  display: table-cell;
  padding-left: 7px;
  padding-top: 4px;
}

.nBlogin .cntrMain {
  height: 585px !important;
  width: 450px !important;
}

 
.webkit input[type="password"]
{
  font-size: 3em !important;
}

input[type="password"]
{
  -webkit-text-security: circle !important;
}


.animationControlsCntr {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 10px;
  position: fixed;
  right: 0;
  width: 74px;
  top: 0px;
  z-index: 99999;
}


.nBViewVid,
.nBPauseVid {
  height: 44px;
  width: 44px;
  transition: all 250ms ease 0s;
  margin: 0px;
  cursor: pointer;
}


.nBViewVid {
  background-image: url("/common/iface/images/NBL-ViewOn.png");
}

.nBViewVid:hover {
  background-image: url("/common/iface/images/NBL-ViewOn.png");
}

.nBViewVid.off {
  background-image: url("/common/iface/images/NBL-ViewOff.png");
}

.nBViewVid.off:hover {
  background-image: url("/common/iface/images/NBL-ViewOff.png");
}

.nBPauseVid.removed {
  opacity: 0;
}

.nBPauseVid {
  background-image: url("/common/iface/images/NBL-PauseV2.png");

}

.nBPauseVid:hover {
  background-image: url("/common/iface/images/NBL-PauseV2.png");
}

.nBPauseVid.off {
    background-image: url("/common/iface/images/NBL-PlayV2.png");
}

.nBPauseVid.off:hover {
    background-image: url("/common/iface/images/NBL-PlayV2.png");
}

.nBRegVideoContainer {
  /*display: none;*/
}

.cntrFull .nBRegVideoContainer, .nBNoiseContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: block;
  pointer-events: none;
}

.nBRegVideo {
 visibility: inherit;
  opacity: 0.1;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover; 
  preload: metadata;
  transition: all 250ms ease 0s;
  /*filter: invert(100%);*/
}

.nBRegBg {
  visibility: inherit;
  opacity: 0.5;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover; 
  transition: all 250ms ease 0s;
}

.nBRegBlur {
  filter: blur(5px);
}

.cntrModalBackground.nBRegBlur {
  background-color: transparent;
}

.nBTermsOfUseLink {
  text-decoration: underline;
  cursor: pointer;
}

.nBsuLoginUser {
  margin-top: -10px;
  padding-bottom: 10px;
}

/* newUI-v2 is in the classlist of the body tag in romulus index.html */
.newUI-v2 {
  & .cntrTitleText, & .nBalertDiv p, & .nBalertText, & .nBTermsOfUseLink {
    color: var(--el-text-color-primary);
    font-family: Inter, Arial, sans-serif;
    text-align: left;
  }
  & .cntrClose:hover,
  & .cntrClose {
    cursor: pointer;
  }
  & .cntrFull .nBLoginLogo, & .nBLoginLogo, & .chooserContent .Summary .wrapper {
    width: 16.125rem;
    height: 1.9375rem;
    margin-bottom: 3.125rem;
    background-image: url("/common/iface/images/Intermoda-logo.svg");
  }
  & .cntrFull .nBLoginDiv1 {
    padding-top: 5rem;
    background-color: white;
    width: 30rem;
    border-radius: var(--system-border-radius);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    & .nBLoginContainer {
      padding-bottom: 5rem;
    }
    & .nBUnlockButton:hover,
    & .nBResetButton:hover,
    & .nBTroubleText:hover {
      color: var(--el-color-primary);
      text-decoration: underline;
    }
  }
  & .nBlogin {
    &.cntrMain {
      border-radius: var(--system-border-radius);
    }
    & .cntrBody {
      border-radius: 0 0 0.25rem 0.25rem;
        & .alertDiv {
          text-align: left;
          background-color: white;
        }
    }
    &:not(.cntrFull) .cntrBody {
      height: auto !important;
      padding-top: 3.3125rem;
      padding-bottom: 5rem;
    }
    &.cntrMain,
    &:not(.cntrFull) .cntrBody {
      background-color: white;
    }
    & .regSecretQuestion {
      padding: 0;
    }

    & .cntrFull .nBLoginField, & .nBLoginField,  & .regSecretQuestionSelect {
      border: 1px solid var(--el-border-color);
      border-radius: var(--system-border-radius);
      margin-bottom: 0.75rem;
      padding: 0.5rem 0.75rem;
      width: 25rem;
    }
    & .cntrFull .nBLoginField.invalid, & .cntrFull .nBLoginField:invalid, & .nBLoginField.invalid, & .nBLoginField:invalid {
      border: 1px solid var(--el-color-danger-light);
    }
    & .nBLoginMsg {
      color: var(--el-color-danger-light) !important;
    }
    & .nBLoginField::placeholder {
      color: var(--el-text-color-placeholder);
    }
    & .cntrFull .nBLoginField, & .nBLoginField, & .nBLoginMsg, & .nBTroubleSigningIn, & .nBTroubleText, & .regSecretQuestion, & .regSecretQuestionSelect, & .nBResetButton, & .nBUnlockButton {
      color: var(--el-text-color-primary);
    }
    & .cntrTitleText {
      font-size: 1.25rem;
      letter-spacing: 0;
      padding-left: 1.625rem;
    }
    & .cntrFull .nBLoginField, & .nBLoginField, & .nBLoginField::placeholder, & .nBLoginMsg, & .nBTroubleSigningIn, & .nBTroubleText, & .regSecretQuestion, & .regSecretQuestionSelect, & .nBResetButton, & .nBUnlockButton {
      font-family: Inter, Arial, sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
    }
    & .nBsuLoginUser, 
    & .animationControlsCntr,
    & .nbHideSecretLinkNewUI {
      display: none !important;
    }
  }
  & .LoginButton, & .nBLoginButton, & .nBLoginButton:hover {
    border: none;
  }
  & .nBalertCancelButton,
  & .nBalertOKButton,
  & .nBLoginButton {
    font-family: Inter, Arial, sans-serif;
    background-color: var(--el-color-primary);
    border-radius: var(--system-border-radius);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    padding: 0.5rem 1.25rem;
    height: 2.5rem;
    border: none;
    outline: none;
  }
  & .nBalertCancelButton,
  & .nBalertOKButton {
    padding: 0.3125rem 0.6875rem;
    font-size: 0.75rem;
    height: auto;
  }
  & .nBalert .nBButtonContainer {
    height: auto;
    justify-content: end;
    padding: 1rem;
  }
  & .nBalertCancelButton:hover {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary);
    border-color: var(--el-color-primary-light-7);
  }
  & .nBalertCancelButton {
    background-color: white;
    color: var(--el-button-text-color);
    border: 1px solid var(--el-border-color);
  }
  & .nBalertOKButton:hover,
  & .nBLoginButton:hover {
    background-color: var(--el-button-hover-bg-color);
    border-bottom: none;
    color: white;
  }
  & .nBalert .cntrBody, & .nBalertDiv, & .alertDiv {
    background-color: white;
  }
  & .nBalertDiv {
    justify-content: start;
    align-items: start;
  }
    & .regRow {
  width: 25rem;
  }
  & .nBRegBg {
    background-color: var(--el-text-color-primary);
  }
}