/*
$color-darkTitle: #374249;
*/
/*
@import "font-ibm-plex-sans-condensed";
@import "font-montserrat";
@import "font-source-sans-pro";
@import "font-open-sans";
@import "font-oswald";
@import "font-roboto";
@import "font-archivo-black";
@import "font-red-hat-text";
@import "font-source-sans-pro";
@import "font-lato";
@import "font-work-sans";
*/
/*
@import "font-inter";
@import "font-poppins";
*/
/*
$font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI",  Arial, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
*/
:root {
  --espresso-font-size-waitOverlay: $espresso-font-size-waitOverlay;
  --espresso-menu-item-font-size: $espresso-menu-item-font-size;
  --espresso-font-size-large: $espresso-font-size-large;
  --espresso-font-size-larger: $espresso-font-size-larger;
  --espresso-font-size-largeish: $espresso-font-size-largeish;
  --espresso-font-size-regular: $espresso-font-size-regular;
  --espresso-font-size-smaller: $espresso-font-size-smaller;
  --espresso-font-size-smallish: $espresso-font-size-smallish;
  --espresso-font-size-small: $espresso-font-size-small;
}

.dialogBackground {
  width: 100%;
  /*height:100%;*/
  left: 0px;
  top: 0px;
  position: fixed;
  z-index: 100;
  background-color: black;
  filter: alpha(opacity=0);
  opacity: 0;
}

.modalMessageBackground {
  width: 100%;
  /*height:100%;*/
  left: 0px;
  top: 0px;
  position: fixed;
  z-index: 999;
  background-color: transparent;
  /*
  background-color:black;
  */
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.dialog {
  font-size: 13px;
  background-color: #ffffff;
  width: auto;
  height: auto;
  border: none;
  padding: 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  left: 100px;
  top: 100px;
  position: fixed;
  z-index: 101;
  filter: alpha(opacity=100);
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.dialog .noShowInDialog {
  display: none !important;
}

.dialogHeader {
  padding: 10px 15px 8px 15px;
  border-bottom: 1px solid #cccccc;
}

.movableDialogHeader {
  cursor: move;
}

.dialogBody {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
  background: #ededed;
  overflow: hidden;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.dialogCloseIcon {
  font-size: 20px;
  color: #2f2f37;
  float: right;
  cursor: pointer;
  vertical-align: top;
  padding: 0px;
  position: relative;
  left: 5px;
  top: -3px;
  /*
  position:relative;
  top: -3px;
  left: 5px;
  */
  transition: font-size 0.1s linear;
}

.dialogCloseIcon:hover {
  color: #000000;
  font-size: 21px;
}

.modalDialogShadow {
  -moz-box-shadow: 5px 5px 80px #3b3b45;
  -webkit-box-shadow: 5px 5px 80px #3b3b45;
  box-shadow: 5px 5px 80px #3b3b45;
}

.nonModalDialogShadow {
  -moz-box-shadow: 1px 1px 15px #cccccc;
  -webkit-box-shadow: 1px 1px 15px #cccccc;
  box-shadow: 1px 1px 15px #cccccc;
}

.dialogTitle {
  /*
  padding-bottom: 2px;
  */
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #2f2f37;
}

.dialogSubtitle {
  line-height: 1.3;
  padding-top: 2px;
  font-size: 13px;
  color: #999999;
}

.dialogSubtitle:empty {
  display: none;
}

/* #677c89; */
.calendar {
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ededed;
  border-width: 1px;
  border-style: solid;
  border-color: #bbbbbb;
  /*
  border-color:#999999;
  */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
}

.calendarCaption {
  background-color: #999999;
  color: #ffffff;
  font-size: 13px;
}

.calendarCaption td {
  text-align: center;
  white-space: nowrap;
  background-color: #999999;
  color: #ffffff;
  padding: 5px;
}

.calendarCaption a {
  text-decoration: none;
  color: #ffffff;
}

.calendarHeaderField {
  font-weight: normal;
  color: #ffffff;
  border: none;
  cursor: pointer;
}

.calendarBody {
  background-color: #ededed;
  color: #000000;
  padding: 10px;
}

.selectMonth {
  border-width: 1px;
  border-style: solid;
  border-color: #bbbbbb;
  /*
  border-color:#999999;
  */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  background-color: #FFE3AC;
  padding: 5px;
  overflow: hidden;
}

.selectMonth tr td {
  padding: 4px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.weekColumn {
  padding: 5px 7px 5px 7px;
  text-align: right;
}

.weekColumnTitle {
  background-color: #dddedd;
  padding: 10px 7px 10px 7px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}

.dayOfWeekColumnTitle {
  padding: 10px 7px 10px 7px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}

.calendarDayCell {
  color: #000000;
  padding: 3px;
  text-align: right;
}

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

.weekNoCell {
  color: #000000;
  padding: 3px 3px 3px 7px;
  text-align: left;
  background-color: #dddedd;
}

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

.calendarWeekSeparator {
  padding: 2px;
  /*
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#999999;
  */
  border-width: 0px;
  background-color: #dddedd;
}

.calendarClose {
  /*display:inline-block;*/
  padding-top: 10px !important;
}

.calendarFooter {
  background-color: #cccccc;
  font-size: 13px;
}

.calendarFooter td {
  padding: 10px;
}

.calendarFooterTodayLink {
  text-decoration: none;
  color: #ffffff;
}

.tstmp {
  color: #999999;
  font-size: 11px;
  white-space: nowrap;
}

.toolTipPanel {
  position: absolute;
  margin: none;
  z-index: 12000;
  background: #ffffff;
  color: #000000;
  border: solid 1px #b3b3b3;
  background: linear-gradient(to bottom right, #f0f0f0 0%, #ffffff 100%);
  /*
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 5px 10px #999999;
  box-shadow: 1px 3px 10px #999999;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
  */
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08);
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  padding: 15px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.toolTipPanelWarning {
  border: solid 1px #EA3C00 !important;
}

.toolTipPanelContent {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  border: none;
  margin: none;
  /*
  z-index:9997;
  */
  z-index: 12001;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 500px;
}

.toolTipPanelContent .toolTipTitle {
  color: #2f2f37;
  font-weight: bold;
  margin-bottom: 5px;
}

.toolTipPanelContent .toolTipErrorTitle {
  color: #EA3C00;
  font-weight: bold;
  margin-bottom: 5px;
}

/* hide eventual icons in title */
.toolTipPanelContent .toolTipTitle i {
  display: none;
}

.toolTipPanelContent .toolTipFootnote {
  color: #999999;
  /*
  font-style: italic;
  font-size : $espresso-font-size-smallish;
  */
  font-weight: normal;
  font-size: 12px;
  padding-top: 7px;
}

.toolTipPanelContent .toolTipContentSmall {
  font-size: 12px;
}

.toolTipPanelContent .toolTipContentSmallBold {
  font-weight: bold;
  font-size: 12px;
}

.toolTipPanelContent .toolTipContentSmallGrey {
  font-size: 12px;
  color: #999999;
}

.toolTipPanelContentWarning {
  color: #EA3C00 !important;
}

.customTitlePanel {
  position: absolute;
  margin: none;
  z-index: 9996;
  background: #ededed;
  color: #2f2f37;
  border: solid 1px #cccccc;
  background: linear-gradient(to bottom right, #ededed 0%, #f0f0f0 100%);
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*
  @include box-shadow(1px 1px 10px #e0e0e0);
  */
}

.customTitlePanelContent {
  color: #2f2f37;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  border: none;
  margin: none;
  z-index: 9997;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  padding: 7px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.espressoDragPanel {
  position: absolute;
  z-index: 9998;
  margin: none;
  padding: 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  opacity: 0.98;
  background: linear-gradient(to bottom right, #912500, #b52e00);
  color: #ffffff;
  /*
  -moz-box-shadow: 1px 3px 5px #b52e00;
  -webkit-box-shadow: 1px 3px 5px #b52e00;
  box-shadow: 1px 3px 5px #b52e00;
  */
}

.dragPanelContent {
  font-size: 13px;
  position: absolute;
  border: none;
  margin: none;
  padding: 15px;
  z-index: 9999;
  color: #ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.highlightedDropTarget {
  background: linear-gradient(to bottom right, #912500, #b52e00);
  color: #ffffff;
  -moz-box-shadow: 1px 3px 5px #b52e00;
  -webkit-box-shadow: 1px 3px 5px #b52e00;
  box-shadow: 1px 3px 5px #b52e00;
  opacity: 0.98;
}

.tabContainer {
  background: #cccccc;
}

.tabbedpane {
  background: #dddedd;
  color: #21759b;
  line-height: normal;
  border-bottom: 1px solid #bbbbbb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
}

.tabbedpane ul {
  margin: 0px;
  padding: 0px;
  border: none;
  list-style: none;
}

.tabbedpane li {
  letter-spacing: 0.01em;
  font-size: 13px;
  font-weight: normal;
  float: left;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  border-style: solid;
  border-width: 3px 0px 3px 0px;
  border-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
}

.tabbedpane li:hover {
  border-bottom: 3px solid #D54E21;
  color: #D54E21;
}

.tabbedpane li:hover span {
  color: #D54E21;
}

.tabbedpane span:hover {
  color: #D54E21;
}

.tabbedpane li SPAN:hover {
  color: #D54E21;
}

.tabbedpane li.current {
  /*  background-color:#dddedd;    #eff5f7; */
  border-bottom: 3px solid #21759b;
  color: #21759b;
}

.tabbedpane li.current:hover {
  border-bottom: 3px solid #D54E21;
  color: #D54E21;
}

.tabbedpane li.current:hover span {
  color: #D54E21;
}

.tabbedpane li.current SPAN {
  color: #21759b;
}

.tabbedpane li.current SPAN:hover {
  color: #D54E21;
}

.tabbody {
  clear: both;
  margin: 0px;
  width: 100%;
  /*  background-color : #f0f0f0; */
  padding: 0px;
  /* border : #003366 1px solid; */
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

* {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  /*
  @include font-smoothing;
  */
}

html {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  overflow: auto;
  overscroll-behavior-y: none;
}

body {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  height: 100%;
  margin: 0px;
  color: #000000;
  overscroll-behavior-y: none;
}

table {
  border-spacing: 0px;
  /*
  margin: 0px;
  */
  width: 100%;
  border-collapse: collapse;
}

img {
  border-width: 0px;
}

a {
  /* text-decoration: none; */
}

textarea {
  display: block;
  /* critical */
  /*
  padding: 0px;
  margin: 0px;
  border-width:0px;
  */
  resize: none;
  /*no resize handle*/
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3;
}

b {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

input {
  /*
  padding: 0px;
  margin: 0px;
  border-width:0px;
  font-size: $espresso-font-size-regular;
  */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

input::-moz-focus-inner {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

/* disable input outline in Chrome */
*:focus {
  outline: none;
}

hr {
  box-shadow: 0 1px 0 #FFFFFF;
  background-color: #D4D4D4;
  border: 0 none;
  clear: both;
  height: 1px;
  padding: 0;
  margin-top: 0;
  width: auto;
}

/*
input[type="color"]
{
	border: none;
	@include border-radius(3px);
}

input[type="color"]::-webkit-color-swatch-wrapper
{
	padding: 0;
}

input[type="color"]::-webkit-color-swatch
{
	border: none;
}
*/
.waitOverlay {
  font-size: 24px;
  color: #cccccc;
  position: absolute;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.25);
  /*
  filter:alpha(opacity=50);
  opacity:0.5;
  */
  /* @include transition-delay(0s); */
  /*
  transition-duration: 0.5s;
  transition-property: opacity;
  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  overflow: hidden;
  z-index: 10501;
}

.waitOverlay i.overlayCloseIcon {
  color: #cccccc;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  min-width: 45px;
  min-height: 45px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #cccccc;
}

.waitOverlay i.overlayCloseIcon:hover {
  color: #999999;
  border: 1px solid #999999;
  background-color: #ededed;
}

.nx17x10 {
  width: 17px;
  height: 10px;
}

.clickBlock {
  width: 100%;
  left: 0px;
  top: 0px;
  position: fixed;
  /*
  position:absolute;
  */
  z-index: 12000;
  text-align: center;
  /*
  background-color: white;
  filter:alpha(opacity=12);
  opacity: 0.12;
  */
  background-color: transparent;
  transition: opacity 0.1s ease-in-out 0s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px;
  overflow: hidden;
}

/* match duotone color */
.mDT {
  opacity: 40%;
}

/* pointer hidden */
.ph {
  display: none !important;
  cursor: pointer;
  margin-left: 5px;
}

/* pointer visible */
.pv {
  cursor: pointer;
  margin-left: 5px;
}

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

.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.roundedCornersTop {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
}

.roundedCornersBottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  overflow: hidden;
}

.roundedCorners {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}

.colorSelector {
  border: none;
  margin: -10px -10px 0px -10px;
  padding: 10px 10px 7px 10px;
  height: calc(100% + 20px) !important;
  -webkit-print-color-adjust: exact;
  overflow: hidden;
  width: calc(100% + 20px);
  cursor: pointer;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 1em grey, 0 0 0.2em darkgrey;
}

.wiggledElementWrap {
  position: relative;
  padding: 0px;
  border: none;
  margin: 0px;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

.section {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  border: none;
  padding: 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  /* overflow:hidden; */
}

.sectionHeaderTitle {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f37;
  text-align: left;
  vertical-align: middle;
  /* padding-left: 3px; */
  white-space: nowrap;
}

.sectionHeader {
  background: transparent;
  border: none;
  padding: 0px;
  text-align: left;
}

.sectionHeader i {
  color: #0079a3;
}

.sectionHeader img {
  margin-right: 5px;
  cursor: pointer;
}

.sectionBody {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.hCellContent {
  font-weight: normal;
  width: 99%;
}

.hParentCellContent {
  font-weight: bold;
}

.readonlyHParentCellContent {
  font-weight: bold;
  cursor: pointer;
}

.readonlyHParentCellContent:hover {
  color: #D54E21;
}

.eF {
  white-space: pre-wrap;
}

div.eF:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.eF div {
  overflow-x: hidden;
}

.selectorIcon {
  text-align: center;
  cursor: pointer;
  color: #000000;
  /*
  font-style: normal;
  padding: 5px;
  */
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.selectorIcon:hover {
  color: #000000;
}

.hierarchyIcon {
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-style: normal;
  /*
  padding: 5px;
  */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  transition-property: color, background-color, font-size;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.hierarchyIcon:hover {
  /*
     color:$color-regularText;
     */
  color: #D54E21;
}

div.gridNoDataMessage {
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  padding: 15px;
  border: none;
}

div.gridNoDataMessage a {
  color: #21759B;
  text-decoration: underline;
}

div.grid {
  overflow: hidden;
  font-size: 13px;
  white-space: nowrap;
}

div.bb_grid {
  overflow: hidden;
  font-size: 13px;
  white-space: nowrap;
}

.gridNavigator {
  float: right;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  width: 100%;
  vertical-align: top;
  text-align: right;
  padding: 10px;
  min-height: 40px;
  color: #000000;
  background-color: #dddedd;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #bbbbbb;
}

.bb_gridNavigator {
  float: right;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  width: 100%;
  vertical-align: top;
  text-align: right;
  padding: 10px;
  color: #000000;
  background-color: #dddedd;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #bbbbbb;
}

a.gridNavigatorLink {
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

a.bb_gridNavigatorLink {
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

div.gridNavigatorInputContainer {
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}

div.gridNavigatorInputContainer input {
  font-size: 12px;
  white-space: nowrap;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  padding: 2px 5px;
  width: 40px;
  color: #2f2f37;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

div.gridNavigatorInputContainer select {
  font-size: 12px;
  white-space: nowrap;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  color: #2f2f37;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.gotoPageButton {
  cursor: pointer;
  border: none;
  font-size: 12px;
  width: 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #298CB9;
  padding: 3px 10px;
}

.gotoPageButton:hover {
  background-color: #21759B;
}

DIV.gridBodyFrame {
  overflow-y: auto;
  overflow-x: scroll;
  position: relative;
  background-color: #f6f6f6;
  /*
  background-color: #ffffff;
  */
}

DIV.bb_gridBodyFrame {
  /*
  clear: left;
  float:left;
  */
  overflow-y: auto;
  overflow-x: scroll;
  position: relative;
  background-color: #ededed;
}

/*
DIV.bb_gridBodyFrame::-webkit-scrollbar 
{
    display:none;
}
*/
DIV.gridBody {
  padding-top: 0px;
  background-color: #ffffff;
}

DIV.bb_gridBody {
  padding-top: 0px;
  background-color: #ededed;
}

DIV.gridToolbarFrame {
  overflow: hidden;
  padding: 5px 15px 1px 15px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #cccccc;
  /*
  background-color: #dddedd;
  */
  background-color: #d0d0d0;
}

DIV.bb_gridToolbarFrame {
  font-size: 13px;
  font-weight: normal;
  color: #2f2f37;
}

DIV.gridToolbar {
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: left;
  text-overflow: ellipsis;
}

.gridToolbarButton {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  border: none;
  margin: 0px;
  padding: 4px 12px;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: font-size, color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  /*
  @include font-smoothing;
  */
}

.highlightedGridToolbarButton {
  color: #D54E21 !important;
}

/*
.gridToolbarButton:hover
{
	color: $color-red-hover;
}
*/
.gridToolbarButtonDisabled {
  color: #aaaaaa !important;
  cursor: not-allowed;
}

/*
.gridToolbarButtonDisabled:hover
{
	color: $color-disabled-toolbar-button !important;
}
*/
.gridToolbarGroupLeft {
  /*
  float: left;
  */
  margin: 5px 10px 5px 0px;
}

.gridToolbarGroupRight {
  /*
  float: right;
  */
  margin: 5px 0px 5px 10px;
}

.dynamicGridToolbarButtonGroup {
  transform: scaleX(0);
  transition: transform 0.2s ease-out;
}

.pageTitleContainer:hover .dynamicGridToolbarButtonGroup {
  transform: scaleX(1);
}

.gridToolbarButtonGroup {
  white-space: normal;
  color: #2f2f37;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  /* #cccccc;	*/
  display: inline-block;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.gridToolbarButtonGroup button {
  font-size: inherit;
}

.gridToolbarButtonGroup button.gridToolbarButtonSelected {
  background-color: #ededed !important;
}

.gridToolbarButtonGroup button.gridToolbarButtonSelected:hover {
  background-color: #eff5f7 !important;
}

.gridToolbarButtonGroup button.gridToolbarButton {
  padding: 4px 12px;
  background-color: #ffffff;
  color: #2f2f37;
  display: inline-block;
  vertical-align: middle;
  border-radius: initial;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

button.gridToolbarButton + button.gridToolbarButton {
  border-left: 1px solid #cccccc;
}

button.gridToolbarButton + button.gridToolbarButton[style*="display: none"] {
  border: 0px;
}

button.gridToolbarButton[style*="display: none"] + button.gridToolbarButton {
  border: 0px;
}

/*
// not working
.gridToolbarButtonGroup button.gridToolbarButton:not([style*="display:none"]):last-child
*/
.gridToolbarButtonGroup button.gridToolbarButton:first-child {
  border: 0px;
}

.gridToolbarButtonGroup button.gridToolbarButton:hover {
  background-color: #eff5f7;
}

.gridToolbarButtonGroup button.highlightedButton {
  background-color: #eff5f7;
}

.gridToolbarButtonGroup div.gridToolbarButtonText {
  padding: 4px 12px;
  color: #aaaaaa;
  background-color: #ffffff;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid #cccccc;
  border-radius: initial;
}

.gridToolbarButtonAlertText {
  color: #EA3C00 !important;
}

DIV.gridHeaderFrame {
  overflow: hidden;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #cccccc;
  background-color: #dddedd;
}

DIV.bb_gridHeaderFrame {
  overflow: hidden;
  /*
  border: none;
  */
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #cccccc;
  background-color: #dddedd;
  /*
  background-color: #ededed;
  */
}

DIV.gridHeader {
  overflow: hidden;
}

DIV.bb_gridHeader {
  overflow: hidden;
}

DIV.grid UL.gridHeaderRow {
  overflow: hidden;
  /*overflow-x: hidden;*/
  white-space: nowrap;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

DIV.bb_grid UL.bb_gridHeaderRow {
  overflow: hidden;
  white-space: nowrap;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

DIV.grid UL.gridHeaderRow LI {
  /*
  @include extra-spacing;
  */
  background-color: #dddedd;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 8px 10px 5px 10px;
}

DIV.bb_grid UL.bb_gridHeaderRow LI {
  background-color: #dddedd;
  /*
  background-color: #ededed;
  */
  white-space: nowrap;
  overflow: hidden;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 8px 5px 5px 5px;
}

.gridHeaderCell {
  /*
  @include extra-spacing;
  font-family: $font-stack-title;
  */
  font-weight: bold;
  font-size: 13px;
  color: #2f2f37;
  /*
  padding : 3px 0px 0px 0px;
  padding : 0px;
  */
  line-height: 1.3;
  padding: 3px 0px 0px 0px;
  border: none;
  margin: none;
  text-align: inherit;
  white-space: normal;
  display: inline-block;
  /*for IE */
}

.gridHeaderCell i.headerHierarchyIcon {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  font-weight: normal;
  padding-left: 7px;
  font-size: 1.15em;
}

.gridHeaderCell i.headerHierarchyIcon:hover {
  color: #2f2f37;
}

.bb_gridHeaderCell {
  padding: 10px 15px 10px 15px;
  line-height: 1.3;
}

.gridHeaderCell > span {
  /*
  font-family: $font-stack-title;
  */
}

.gridHeaderCell > div {
  /*
  font-family: $font-stack-title;
  */
  margin: 0px;
  border: 0px;
  padding: 4px;
  text-align: left;
  text-overflow: ellipsis;
}

.bb_gridHeaderCell > div {
  margin: 0px;
  border: 0px;
  padding: 4px;
  text-align: left;
  text-overflow: ellipsis;
}

.gridHeaderCell table tr td {
  font-weight: bold;
  font-size: 13px;
  color: #2f2f37;
  margin: 0px;
  border: 0px;
  /*
  padding: 5px 0px 5px 0px;
  */
  padding: 0px;
  text-align: inherit;
  text-overflow: ellipsis;
}

.gridHeaderCell table tr td > span {
  /*
  font-family: $font-stack-title;
  */
}

.gridHeaderCell table tr td > span > div {
  /*
  font-family: $font-stack-title;
  */
}

.bb_gridHeaderCell table tr td {
  font-weight: bold;
  font-size: 13px;
  color: #2f2f37;
  margin: 0px;
  border: 0px;
  /*
  padding: 5px 0px 5px 0px;
  */
  padding: 0px;
  text-align: left;
  text-overflow: ellipsis;
}

.gridHeaderCell table tr td i {
  padding: 0px 0px 0px 7px;
}

.roundedCornersGridBottomFiller {
  overflow: hidden;
  height: 3px;
  background-color: #ededed;
  /*
  background-color:#dddedd;
  */
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

DIV.gridFooterFrame {
  overflow: hidden;
  background-color: #dddedd;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0px 0px 0px;
}

DIV.bb_gridFooterFrame {
  overflow: hidden;
  background-color: #dddedd;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0px 0px 0px;
}

DIV.grid UL.gridFooterRow {
  float: left;
  border: 0px;
  list-style-type: none;
  overflow: hidden;
  text-align: left;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

DIV.bb_grid UL.bb_gridFooterRow {
  float: left;
  border: 0px;
  list-style-type: none;
  overflow: hidden;
  text-align: left;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

DIV.grid UL.gridFooterRow LI {
  overflow: hidden;
  background-color: #DDDEDD;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

DIV.bb_grid UL.bb_gridFooterRow LI {
  overflow: hidden;
  background-color: #DDDEDD;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.gridFooterCell {
  background-color: #DDDEDD;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  margin: 0px;
  text-align: left;
  white-space: normal;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  margin: 0px;
  border: 0px;
  line-height: 1.3;
  padding: 5px 10px 5px 10px;
  text-align: inherit;
  text-overflow: ellipsis;
}

.bb_gridFooterCell {
  background-color: #DDDEDD;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  margin: 0px;
  text-align: left;
  white-space: normal;
  font-size: 13px;
  line-height: 1.3;
  font-weight: normal;
  color: #666666;
  margin: 0px;
  border: 0px;
  padding: 5px 10px 5px 10px;
  text-align: left;
  /*inherit ?*/
  text-overflow: ellipsis;
}

.gridFooterCell a {
  font-size: 13px;
  font-weight: normal;
  color: #21759B;
  text-decoration: underline;
}

.bb_gridFooterCell a {
  font-size: 13px;
  font-weight: normal;
  color: #21759B;
  text-decoration: underline;
}

.gridFooterCell a:hover {
  color: #D54E21;
}

.bb_gridFooterCell a:hover {
  color: #D54E21;
}

DIV.grid UL.gridRow {
  clear: left;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
  float: left;
  /*border-right-width : 1px;*/
  border: 0px;
}

DIV.bb_grid UL.bb_gridRow {
  clear: left;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
  float: left;
  /*border-right-width : 1px;*/
  border: 0px;
}

DIV.grid UL.gridRow LI {
  float: left;
  text-align: left;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

DIV.bb_grid UL.bb_gridRow LI {
  float: left;
  text-align: left;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

/* virtual row - used with paginated hierarchical grids */
.vR {
  background-color: #ededed;
  /*
  color: #cccccc;
  */
}

.vR td.hCellContent::after {
  content: "  (continued)";
}

.gridColumnSeparator {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.bb_gridColumnSeparator {
  border-right: 0px !important;
}

.gridHeaderColumnSeparator {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.bb_gridHeaderColumnSeparator {
  border-right: 0px;
}

DIV.grid div.gridBodyColumn {
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff;
  width: 100%;
  text-wrap: normal;
  white-space: normal;
}

DIV.bb_grid div.bb_gridBodyColumn {
  border: none;
  padding: 0px;
  margin: 0px;
  /*
  	background-color: #ffffff;
  */
  background-color: #ededed;
  width: 100%;
  text-wrap: normal;
  white-space: normal;
}

.bb_gridBodyColumn:after {
  content: ".";
  visibility: hidden;
}

.fixedGridBodyColumn {
  background-color: #e0e0e0;
}

.bb_fixedGridBodyColumn {
  background-color: #e0e0e0;
}

DIV.grid div.gridBodyColumn > div {
  /* retain these variables, do not use constants */
  --paddingLeft: 10px;
  --paddingRight: 10px;
  overflow: hidden;
  /*
  padding: 6.49px var(--paddingRight) 6.49px var(--paddingLeft);
  min-height: calc(round(up, (13px * 1.3 + 6px + 6px), 1px));
  */
  padding: 10px var(--paddingRight) 10px var(--paddingLeft);
  min-height: calc(round(up, (13px * 1.3 + 10px + 10px), 1px));
  margin: 0px;
  width: 100%;
  border-width: 0px;
  vertical-align: top;
  text-overflow: ellipsis;
  text-align: inherit;
  /*
  text-wrap: normal;
  background-color: linear-gradient(#ededed, #ededed);
  background-repeat : repeat-x; 
  background-position : left bottom;
  */
  font-size: 13px;
  line-height: 1.3;
  border-bottom: 1px solid #e8e8e8;
}

DIV.grid div.gridBodyColumn > div:nth-child(odd):not(:only-child) {
  background-color: #f5f5f5;
}

DIV.grid div.gridBodyColumn > div .gridCellHelpIcon {
  cursor: help;
  display: none;
}

DIV.grid div.gridBodyColumn > div:hover .gridCellHelpIcon {
  display: inline-block;
  /*
  color: $color-red-hover;
  */
}

DIV.bb_grid div.bb_gridBodyColumn > div {
  overflow: hidden;
  padding: 5px;
  margin: 0px;
  width: 100%;
  border-width: 0px;
  vertical-align: top;
  text-wrap: normal;
  text-overflow: ellipsis;
  text-align: left;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 13px;
  line-height: 1.3;
  min-height: calc(round(up, 13px * 1.3, 1px) + 11px);
  background: transparent !important;
}

DIV.grid div.gridBodyColumn > div.invalidContent {
  /*#912500, #b52e00, EA3C00	*/
  /*
  border-color: #b52e00 !important;
     */
  background-color: rgba(234, 60, 0, 0.25) !important;
  background-image: url(invalid-content.svg);
  background-repeat: no-repeat;
  background-position: right 6px top 6px;
  background-size: 15px 15px;
  padding-right: 25px;
}

DIV.grid div.gridBodyColumn > div INPUT {
  background-color: transparent;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  width: 100%;
  text-align: inherit;
  font-size: 13px;
  /*
  line-height : $espresso-font-size-regular + 4px; // change this
  */
  line-height: 1.3;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

DIV.bb_grid div.bb_gridBodyColumn > div INPUT {
  background-color: transparent;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  min-height: calc(round(up, 13px * 1.3, 1px) + 0px);
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

DIV.bb_grid div.bb_gridBodyColumn > div.invalidContent INPUT {
  /*#912500, #b52e00, EA3C00	*/
  /*
  border-color: #b52e00 !important;
     */
  background-color: transparent;
}

DIV.grid div.gridBodyColumn > div textarea {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  text-align: inherit;
  resize: none;
  /*no webkit resize handle*/
  -moz-resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

DIV.bb_grid div.bb_gridBodyColumn > div textarea {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  background-color: transparent;
  resize: none;
  /*no webkit resize handle*/
  -moz-resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/*
.gridGroupLevel0
{
	color: $color-regularText;
  	font-weight : bold;
  	background-color: #aac1ce;
}

.gridGroupLevel1
{
	color : $color-regularText;
  	font-weight : bold;
  	background-color: #E4F2FD;
}

*/
DIV.grid div.gridBodyColumn > div.gridGroupLevel0:has(+ .gridGroupLevel1):not(:last-child) {
  color: #000000;
  font-weight: bold;
  background-color: #aac1ce;
}

DIV.grid div.gridBodyColumn > div.gridGroupLevel0:has(+ :not(.gridGroupLevel1):not(.gridGroupLevel0)):not(:last-child),
DIV.grid div.gridBodyColumn > div.gridGroupLevel1:has(+ :not(.gridGroupLevel1):not(.gridGroupLevel0)):not(:last-child) {
  color: #000000;
  font-weight: bold;
  background-color: #E4F2FD;
}

div.lookupResultList {
  font-size: 13px;
  border: 1px solid #e1c898;
  position: absolute;
  z-index: 1000;
  /* desperate but useless in IE  */
  padding: 3px 0px 3px 0px;
  background-color: #e1c898;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

div.bb_lookupResultList {
  font-size: 13px;
  border: 1px solid #666666;
  position: absolute;
  z-index: 1000;
  /* desperate but useless in IE  */
  padding: 3px 0px 3px 0px;
  background-color: #e1c898;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

div.lookupResultList select {
  padding: 0px;
  margin: 0px;
  background-color: #FFE3AC;
  border: none;
  height: 130px;
  font-size: 13px;
  overflow-y: auto;
  /*
  scrollbar-color: #998561 #FFE3AC; //#e1c898 #998561;
  */
  scrollbar-color: #998561 #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
  /*
  background-image: url(lookup-result-list.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 32px 16px;
  */
}

div.lookupResultList select:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
  padding-left: 6px;
  padding-right: 6px;
}

.div.lookupResultList select::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
}

/*
.div.lookupResultList select::-webkit-scrollbar-track
{
	height: 12px;
    width: 12px;
    background: #113b55;
}
*/
.div.lookupResultList select::-webkit-scrollbar-thumb {
  background: #998561;
  /*
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  */
}

.div.lookupResultList select::-webkit-scrollbar-corner {
  background: #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
}

div.bb_lookupResultList select {
  padding: 0px;
  margin: 0px;
  background-color: #FFE3AC;
  border: none;
  height: 130px;
  font-size: 13px;
  overflow-y: auto;
  scrollbar-color: #998561 #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
}

.div.bb_lookupResultList select::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
}

/*
.div.bb_lookupResultList select::-webkit-scrollbar-track
{
	  height: 12px;
    width: 12px;
    background: #113b55;
}
*/
.div.bb_lookupResultList select::-webkit-scrollbar-thumb {
  background: #998561;
  /*
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  */
}

.div.bb_lookupResultList select::-webkit-scrollbar-corner {
  background: #efe0c5;
  /* #e1c898 */
  /* #f2e8d3; */
}

div.lookupResultList select option {
  padding: 5px 7px 5px 7px;
}

div.lookupResultList select option:checked {
  background-color: #5e92b1;
  /* steelblue; */
  background: #5e92b1;
  /* steelblue; */
  color: white;
}

div.lookupResultList select option:hover {
  background-color: #21759B;
  color: white;
}

div.bb_lookupResultList select option {
  padding: 2px 5px 2px 5px;
}

div.bb_lookupResultList select option:checked {
  background-color: #5e92b1;
  /* steelblue; */
  background: #5e92b1;
  /* steelblue; */
  color: white;
}

div.bb_lookupResultList select option:hover {
  background-color: #21759B;
  color: white;
}

div.lookupResultList div.clearLinkContainer {
  padding: 5px 5px 1px 5px;
  border: none;
  background-color: #E1C898;
  /* #$color-dropdownBackground; */
  width: 100%;
  text-align: center;
}

div.bb_lookupResultList div.clearLinkContainer {
  padding: 5px 5px 1px 5px;
  border: none;
  background-color: #E1C898;
  /* #FFE3AC; */
  width: 100%;
  text-align: center;
}

.dropdownButton {
  font-size: 13px;
  background-color: #73664e;
  text-decoration: none;
  color: #FFE3AC;
  display: inline-block;
  cursor: pointer;
  padding: 3px 12px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.dropdownRequestValueButton {
  background-color: rgba(115, 102, 78, 0.45);
}

.dropdownRequestValueButton:hover {
  background-color: #73664e;
}

.sR {
  /*
  background-color:#ededed;

  background-color:#f2f2f2;
  */
}

.bb_sR {
  /*
     background-color:#ededed;
  background-color: transparent !important;
  */
}

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

.lookupCell {
  background-image: url("lookup-pulldown.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 6px;
  background-size: 16px 16px;
  padding-right: 20px;
}

.bb_lookupCell {
  background-image: url("lookup-pulldown.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 6px;
  background-size: 16px 16px;
  padding-right: 20px;
}

.serviceLookupCell {
  background-image: url("service-lookup-pulldown.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 6px;
  background-size: 32px 16px;
  padding-right: 20px;
}

.serviceLookupCell:empty:before {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #999999;
}

.bb_serviceLookupCell {
  background-image: url("service-lookup-pulldown.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 6px;
  background-size: 32px 16px;
  padding-right: 20px;
}

.multilineEditCell {
  background-image: url("multiline-edit-st.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 32px 16px;
  padding-right: 20px;
}

.bb_multilineEditCell {
  background-image: url("multiline-edit-st.svg");
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 32px 16px;
  padding-right: 20px;
}

.hR {
  background-color: #cce1eb !important;
}

/*
.bb_hR
{
	background-color:#cce1eb;
}
*/
.highlightedReadonlyGridCell {
  /*
  cursor: not-allowed;
  */
  color: #000000 !important;
  background-color: #FFF4DE !important;
  /*
  background-color:#FFF4DE !important;
  background-color:#FFECC8 !important;
  */
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.highlightedReadonlyGridCell::selection {
  background: #50d2fb;
  color: white;
  text-shadow: none;
}

.highlightedReadonlyGridCell span {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.highlightedReadonlyGridCell span::selection {
  background: #50d2fb;
  color: white;
  text-shadow: none;
}

.highlightedReadonlyFormField {
  /*	
  cursor: not-allowed;
  */
  color: #000000 !important;
  background-color: #FFF4DE !important;
  /*
  background-color:#FFF8EB !important;
     background-color:#FFF4DE !important;
     background-color:#F5F5f5 !important;
     background-color:#ededed !important;
  */
  border-style: solid !important;
  border-color: #666666 !important;
  border-width: 0px 0px 1px 0px !important;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.highlightedReadonlyFormField::selection {
  background: #50d2fb;
  color: white;
  text-shadow: none;
}

/* temp hack. remove after implementation of cell type html_editable. */
.highlightedReadonlyFormField[contenteditable=true] {
  color: #000000 !important;
  background-color: #FFE3AC !important;
  border-style: solid !important;
  border-color: #73664e !important;
  border-width: 0px 0px 1px 0px !important;
}

.highlightedReadonlyFormField[contenteditable=true]::selection {
  background: #0485ad !important;
  color: white !important;
  text-shadow: none !important;
}

.dataFormReadonlyField[contenteditable=true] img,
.highlightedReadonlyFormField[contenteditable=true] img {
  /*
  max-width: calc(100% - 20px);
  background-color: #999999;
  */
  max-width: calc(min(600px, 100%));
  display: block;
  margin: 10px 0px 10px 0px;
  border: 1px solid #cccccc;
  overflow: hidden;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.dataFormReadonlyField[contenteditable=true] img:hover,
.highlightedReadonlyFormField[contenteditable=true] img:hover {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.dataFormReadonlyField[contenteditable=true] header,
.highlightedReadonlyFormField[contenteditable=true] header,
.dataFormReadonlyField[contenteditable=true] p,
.highlightedReadonlyFormField[contenteditable=true] p,
.dataFormReadonlyField[contenteditable=true] pre,
.highlightedReadonlyFormField[contenteditable=true] pre,
.dataFormReadonlyField[contenteditable=true] b,
.highlightedReadonlyFormField[contenteditable=true] b,
.dataFormReadonlyField[contenteditable=true] u,
.highlightedReadonlyFormField[contenteditable=true] u,
.dataFormReadonlyField[contenteditable=true] i,
.highlightedReadonlyFormField[contenteditable=true] i,
.dataFormReadonlyField[contenteditable=true] s,
.highlightedReadonlyFormField[contenteditable=true] s,
.dataFormReadonlyField[contenteditable=true] a,
.highlightedReadonlyFormField[contenteditable=true] a {
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  user-select: inherit;
}

.dataFormReadonlyField[contenteditable=true] header,
.highlightedReadonlyFormField[contenteditable=true] header {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  font-weight: bold;
  margin: 0em 0em 0.5em 0em;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: url(paragraph-title.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 16px 16px;
  padding: 5px 20px 5px 5px;
  min-height: calc(1lh + 5px + 5px);
}

/*
.dataFormReadonlyField[contenteditable="true"] header:hover,
.highlightedReadonlyFormField[contenteditable="true"] header:hover
{
	background-color: rgba(0,0,0,0.10) !important;
}
*/
.dataFormReadonlyField[contenteditable=true] pre,
.highlightedReadonlyFormField[contenteditable=true] pre {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin: 0.5em 0em 1.5em 0em;
  padding: 1em 20px 1em 10px;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: url(paragraph-solid.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 16px 16px;
  word-wrap: normal;
  white-space: normal;
  /*
     white-space: pre-wrap;  
     font-family: monospace, monospace;
  */
  min-height: calc(1lh + 1em + 1em);
}

/*
.dataFormReadonlyField[contenteditable="true"] pre:hover,
.highlightedReadonlyFormField[contenteditable="true"] pre:hover
{
	background-color: rgba(0,0,0,0.20) !important;
}
*/
.dataFormReadonlyField[contenteditable=true] p,
.highlightedReadonlyFormField[contenteditable=true] p {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin: 0.5em 0em 1.5em 0em;
  padding: 5px 20px 5px 5px;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: url(paragraph.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 16px 16px;
  min-height: calc(1lh + 5px + 5px);
}

/*
.dataFormReadonlyField[contenteditable="true"] p:hover,
.highlightedReadonlyFormField[contenteditable="true"] p:hover
{
	background-color: rgba(0,0,0,0.10) !important;
}
*/
.dataFormReadonlyField[contenteditable=true] b,
.highlightedReadonlyFormField[contenteditable=true] b,
.dataFormReadonlyField[contenteditable=true] u,
.highlightedReadonlyFormField[contenteditable=true] u,
.dataFormReadonlyField[contenteditable=true] i,
.highlightedReadonlyFormField[contenteditable=true] i,
.dataFormReadonlyField[contenteditable=true] s,
.highlightedReadonlyFormField[contenteditable=true] s,
.dataFormReadonlyField[contenteditable=true] a,
.highlightedReadonlyFormField[contenteditable=true] a {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05);
}

.dataFormReadonlyField[contenteditable=true] b:hover,
.highlightedReadonlyFormField[contenteditable=true] b:hover,
.dataFormReadonlyField[contenteditable=true] u:hover,
.highlightedReadonlyFormField[contenteditable=true] u:hover,
.dataFormReadonlyField[contenteditable=true] i:hover,
.highlightedReadonlyFormField[contenteditable=true] i:hover,
.dataFormReadonlyField[contenteditable=true] s:hover,
.highlightedReadonlyFormField[contenteditable=true] s:hover,
.dataFormReadonlyField[contenteditable=true] a:hover,
.highlightedReadonlyFormField[contenteditable=true] a:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.highlightedEditableGridCell {
  color: #000000 !important;
  background-color: #FFE3AC !important;
}

.highlightedEditableGridCell input {
  color: #000000 !important;
  background-color: transparent;
}

.highlightedEditableFormField {
  color: #000000 !important;
  background-color: #FFE3AC !important;
  border-style: solid !important;
  border-color: #73664e !important;
  border-width: 0px 0px 1px 0px !important;
}

.highlightedEditableFormField input {
  color: #000000 !important;
  background-color: transparent;
}

.highlightedCell input {
  background-color: transparent;
  overflow: hidden;
  width: 100%;
}

.hCell {
  width: 100%;
  border-width: 0px;
  border-spacing: 0px;
  border-style: solid;
  border-color: transparent;
  margin: 0px;
  padding: 0px;
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.hCell tr {
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  border-style: solid;
  vertical-align: top;
}

.hCell td {
  font-size: 13px;
  margin: 0px;
  overflow: hidden;
  border-width: 0px;
  padding: 0px;
  border-style: hidden;
  vertical-align: text-bottom;
}

button.gridToolbarButton + div.gridToolbarButtonText {
  border-left: 1px solid #cccccc;
}

div.gridToolbarButtonText + button.gridToolbarButton[style*="display: none"] {
  border-right: 0px;
}

.gridCellParagraph {
  /*
  margin: 15px 15px 15px 15px;
  margin: 0.5em 0px 1em 0px;
  padding: 0px;
  overflow-y: hidden;

  */
  line-height: 1.3;
  margin: 0em 0px 1em 0px;
}

.gridCellParagraph:last-child {
  margin: 0em 0px 0.5em 0px;
}

.gridCellFieldTitle {
  letter-spacing: 0.01em;
  /*
  color: #808080;
  color: #999999;
  */
  color: #999999;
  font-size: 11px;
  text-transform: uppercase;
  padding-bottom: 0.3em;
}

.gridCellField {
  min-height: 17px;
  /* relevant for edge */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 13px;
}

div.gridCellField:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.gridCellFieldBold {
  font-weight: bold;
  letter-spacing: 0.01em;
  font-size: 13px;
}

div.gridCellFieldBold:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.gridCellFieldSubdued {
  color: #999999;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 13px;
}

div.gridCellFieldSubdued:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.gridCellFieldSmall, .gridCellFieldSubduedSmall {
  font-size: 12px;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.gridCellFieldSubduedSmall {
  letter-spacing: 0.01em;
  color: #999999;
}

div.gridCellFieldSubduedSmall:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.bbGridCellBox {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  /*
  margin: 7px -5px -5px 7px;
  */
  margin: 7px 0px 0px 7px;
  padding: 0px 0px 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.3;
}

.bbGridCellBox:hover {
  /*
  position: relative;
  top: -1px;
  */
  /*
  left: -1px;

     background: #FFECC8 !important;
  border-color: #e1c898 !important;
  background-color: rgba(255,236,200, 0.5); 
  semi-transparent  #e1c898 
  */
  /*
  box-shadow: 1px 3px 5px #999999;
  */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.bbGridCellBox .bbTag {
  letter-spacing: 0.01em;
  transition-property: letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  line-height: 1.5;
}

.bbGridCellBox:hover .bbTag {
  /*
  @include extra-spacing;
  */
}

.bbGridCellBox input {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFE3AC !important;
}

.bbGridCellBox textarea {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFE3AC !important;
}

.bbGridCellFieldTitle {
  letter-spacing: 0.01em;
  /*
  color: #808080;
  padding-bottom: 3px;
  */
  color: #999999;
  font-size: 11px;
  text-transform: uppercase;
  padding-bottom: 0.3em;
}

.bbGridCellField {
  min-height: 17px;
  /* relevant for edge */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 13px;
}

div.bbGridCellField:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.bbGridCellFieldBold {
  font-weight: bold;
  letter-spacing: 0.01em;
  font-size: 13px;
}

div.bbGridCellFieldBold:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.bbGridCellFieldSubdued {
  color: #999999;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 13px;
}

div.bbGridCellFieldSubdued:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.bbGridCellFieldSmall, .bbGridCellFieldSubduedSmall {
  font-size: 12px;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.bbGridCellFieldSubduedSmall {
  letter-spacing: 0.01em;
  color: #999999;
}

div.bbGridCellFieldSubduedSmall:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.bbGridCellParagraph {
  margin: 15px 15px 15px 15px;
  padding: 0px;
  overflow-y: hidden;
  line-height: 1.3;
}

/* with bottom border */
.bbGridCellParagraphWBB {
  margin: 15px 15px 15px 15px;
  padding: 0px 0px 10px 0px;
  overflow-y: hidden;
  line-height: 1.3;
  border-bottom: 1px solid #ededed;
}

.bbGridCellParagraphLast,
.bbGridCellParagraph:last-child {
  /* cannot use :last-of-type */
  margin: 15px 15px 15px 15px;
  padding: 0px;
  overflow-y: hidden;
  line-height: 1.3;
  border: none;
}

.bbGridCellTableHeader {
  background-color: rgba(188, 189, 188, 0.5);
  padding: 15px;
  border-bottom: solid 1px #cccccc;
}

.bbGridCellFooter {
  border-top: solid 1px #cccccc;
  background-color: rgba(188, 189, 188, 0.5);
  padding: 15px;
}

.bbGridCellFooterLight {
  border-top: none;
  background-color: rgba(188, 189, 188, 0.25);
  padding: 15px;
}

.bbCellTag {
  text-transform: uppercase;
  font-size: 11px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 3px 10px;
  color: white;
  float: left;
  background: #cccccc;
}

div[data-prop]:hover {
  filter: brightness(0.97);
  background: rgba(0, 0, 0, 0.03);
}

.bb_highlightedReadonlyGridCell {
  background: #ededed !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox {
  /*
     background: #eff5f7 !important;
  border-color: #21759B !important;
     */
  background: #FFECC8 !important;
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellParagraph {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellParagraphWBB {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellFooter {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellFooterLight {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell {
  background: #ededed !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox {
  /*
     background: #eff5f7 !important;
  border-color: #21759B !important;
     */
  background: #FFECC8 !important;
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellParagraph {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellParagraphWBB {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellFooter {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .bbGridCellFooterLight {
  border-color: #e1c898 !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .invalidContent {
  /*#912500, #b52e00, EA3C00	*/
  /*
  border-color: #b52e00 !important;
     */
  background-color: rgba(234, 60, 0, 0.25) !important;
  background-image: url(invalid-content.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 12px 12px;
  padding-right: 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .invalidContent input {
  background-color: transparent !important;
}

.bb_highlightedReadonlyGridCell .bbGridCellBox .invalidContent textarea {
  background-color: transparent !important;
}

div.dataForm {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  /*
  border-width: 0px;
  border: 1px solid red;
  */
  border: none;
  padding: 0px 15px 20px 0px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: top;
  align-items: top;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

div.dataForm .formField {
  -webkit-box-flex: 1 1 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;
  /* Chrome */
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  -ms-flex-positive: 0;
  -ms-flex-negative: 1;
  border-width: 0px;
  padding: 15px 0px 0px 15px;
  /*
   padding: 0px;
  */
  margin: 0px;
  color: #000000;
  /*
  font-size: $espresso-font-size-regular;
  font-weight : normal;

  -moz-transition: background-color 0.15s linear;
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.dataFormFieldLabel {
  letter-spacing: 0.02em;
  /*
  font-family: $font-stack-title;
  */
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  text-decoration: none;
  vertical-align: top;
  padding: 0px 15px 3px 0px;
  margin: 0px 0px 0px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dataFormFieldLabel .formFieldHelpIcon {
  cursor: help;
  display: none;
}

/*
.dataFormFieldLabel:hover
{	
	color: #cccccc;
}
*/
.dataFormFieldLabel:hover .formFieldHelpIcon {
  display: inline-block;
  /*
  color: $color-red-hover;
  */
}

.dataFormFieldContent {
  --tvpad: 7px;
  --bvpad: 6px;
  --hpad: 8px;
  line-height: 1.3;
  padding: var(--tvpad) var(--hpad) var(--bvpad) var(--hpad);
  margin: 0px;
  width: 100%;
  min-height: calc(round(up, 13px * 1.3, 1px) + var(--tvpad) + var(--bvpad) + 1px);
  /* relevant for edge */
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

div.dataFormFieldContent:empty:before {
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  content: attr(data-placeholder);
  color: #aaaaaa;
}

.dataFormReadonlyField {
  background-color: #f5f5f5;
  /*
  background-color:#ededed;
  */
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.dataFormEditableField {
  /*
  padding: 0px;
  margin: 0px;
  */
  background-color: #ffffff;
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.dataFormPasswordField {
  background-image: url(passwd-show-st.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 10px);
  background-size: 16px 16px;
}

.dataFormFieldContent input {
  line-height: 1.3;
  min-height: calc(round(up, 13px * 1.3, 1px) + 0px);
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  border-width: 0px;
  font-size: 13px;
  width: 100%;
  vertical-align: top;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.dataFormFieldContent input::placeholder {
  letter-spacing: 0.01em;
  line-height: 1.3;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #aaaaaa;
}

.dataFormFieldContent textarea {
  line-height: 1.3;
  min-height: calc(round(up, 13px * 1.3, 1px) + 10px);
  padding: 6px 8px;
  margin: 0px;
  background-color: transparent;
  border-width: 0px;
  font-size: 13px;
  width: 100%;
  vertical-align: top;
  resize: none;
  /*no safari resize handle*/
  -moz-resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.dataFormFieldContent textarea::placeholder {
  letter-spacing: 0.01em;
  line-height: 1.3;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #aaaaaa;
}

.dataFormFieldContent div:not(.wiggledElementWrap) {
  line-height: 1.3;
  padding: 1px 2px 1px 2px;
  margin: 2px;
  font-size: 13px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-overflow: ellipsis;
}

.dataFormFieldContent select {
  line-height: 1.3;
  padding: 0px 1px 0px 1px;
  margin: 2px;
  background-color: #FFE3AC;
  border-width: 0px;
  width: 100%;
  font-size: 13px;
}

div.dataForm .invalidContent {
  /*#912500, #b52e00, EA3C00	*/
  border-color: #EA3C00 !important;
  background-color: rgba(234, 60, 0, 0.25) !important;
  background-image: url(invalid-content.svg);
  background-repeat: no-repeat;
  background-position: right 6px top 6px;
  background-size: 15px 15px;
  padding-right: 25px;
}

div.dataForm .invalidContentTitle {
  /*#912500, #b52e00, EA3C00	*/
  color: #EA3C00 !important;
}

div.menu {
  filter: alpha(opacity=96);
  moz-opacity: 0.96;
  opacity: 0.96;
  /*
  background: #ffffff;
  */
  color: #000000;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  visibility: hidden;
  max-height: calc(min(600px, 100vh));
  /*
  overflow-y : hidden;
  overflow-x : hidden;
  */
  border: 1px solid #cccccc;
  left: 0px;
  padding: 0px;
  top: 0px;
  z-index: 1001;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
  /*
  transition: visibility 0.5s transform 0.5s;
  -webkit-transition: visibility 0.5s transform 0.5s;
  */
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in shorthand */
  background-attachment: local, local, scroll, scroll;
}

/*
div.menu::-webkit-scrollbar
{
	width: 15px;
	height:15px; 
}
*/
div.menuBar {
  overflow: hidden;
  vertical-align: top;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  /*
  font-family: $font-stack-menu;
  */
}

div.menuBar a.menuButton {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  color: #21759B;
  /* #335588; */
  cursor: pointer;
  margin: none;
  padding: 15px 15px 12px 15px;
  border-bottom: 3px solid transparent;
  /*
  font-family: $font-stack-menu;
  */
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  letter-spacing: 0.01em;
  transition-property: border, color, background-color, letter-spacing;
  transition-duration: 0.1s, 0.2s, 0.2s, 0.2s;
  transition-timing-function: ease-in-out;
}

div.menuBar a.menuButton:hover {
  color: #D54E21;
  border-bottom: 3px solid #D54E21;
  background-color: #eff5f7;
  letter-spacing: 0.01em;
}

div.menuBar a.menuButtonActive {
  color: #21759B;
  border-bottom: 3px solid #21759B;
  background-color: #eff5f7;
  letter-spacing: 0.01em;
}

div.menuBar a.menuButtonActive:hover {
  color: #D54E21;
  border-bottom: 3px solid #D54E21;
  letter-spacing: 0.01em;
}

div.menuBar a.menuButtonMarker {
  color: #21759B;
  border-bottom: 3px solid #21759B;
  background-color: #eff5f7;
  text-decoration: none;
}

div.menu a.menuItem {
  letter-spacing: 0.01em;
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 5px 1em 5px 1.5em;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 1px;
  /*
  transition: background 0.2s, transform 0.2s;
  -webkit-transition: background 0.2s, -webkit-transform 0.2s;
  */
}

div.menu a.menuItem:hover,
div.menu a.menuItemHighlight {
  background: #21759B;
  /*#21759B; #2ca4db; #298cb9;*/
  color: #ffffff;
}

div.menu a.menuItem:hover span.menuItemText:hover,
div.menu a.menuItemHighlight span.menuItemText:hover {
  color: #ffffff;
}

div.menu a.menuItem i.menuItemIcon {
  float: right;
  margin-left: 15px;
  padding-top: 1px;
  display: none;
}

div.menu a.menuItem:hover i.menuItemIcon {
  display: inline-block;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -0.75em;
  float: right;
}

div.menu div.menuItemSeparator {
  background-color: #dddddd;
  /* #4d6b7f; */
  margin: 2px 0px 2px 0px;
  height: 1px;
  width: 100%;
}

.menuAccelerator {
  font-size: 11px;
  color: #999999;
}

div.verticalMenu {
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  background: transparent;
  /*
  color: #ffffff;
  background:url("menu_bg.gif") repeat-y left top;
  */
  border: 0px;
  margin: 0px;
  /*
  padding: 2px;
  */
  padding: 0px;
  text-align: left;
}

div.verticalMenu ul {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  position: relative;
  list-style: none;
  vertical-align: top;
  width: 100%;
  border: 0px solid;
  /*debug
  border: 1px solid;
  border-color: yellow yellow yellow yellow;
  */
}

div.verticalMenu ul li {
  left: 0px;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  /*
  padding: 0px 0px 0px 0px;
  */
  border: 0px;
  position: relative;
  text-decoration: none;
  top: 0px;
  list-style: none;
  vertical-align: bottom;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  align-content: flex-start;
  /*
  overflow: hidden;
  */
}

div.verticalMenu ul li div.caret {
  flex: 1 1 30%;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

div.verticalMenu ul li div.content {
  flex: 9 9 70%;
  cursor: pointer;
}

.verticalMenuItemDescription {
  font-size: 13px;
  font-style: regular;
  font-weight: normal;
  /*
  color: #808080;
  */
  color: #737373;
  text-align: left;
  margin: 0px;
  padding: 1px 0px 3px 0px;
  border: 0px;
  line-height: 1.4;
}

.verticalMenuItem {
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  border-color: yellow;
}

div.verticalMenu ul li table td div.verticalMenuItem:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: white;
  filter: alpha(opacity=50);
  moz-opacity: 0.5;
  opacity: 0.5;
}

div.verticalMenu a.menuButtonActive,
div.verticalMenu a.menuButtonActive:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

.pulseRed {
  /*
     transform: scale(1);
     */
  animation-timing-function: ease-out;
  animation: pulseFramesRed 1s 1;
}

@keyframes pulseFramesRed {
  /* #D54E21 #d73600*/
  0% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(213, 78, 33, 0);
    /* D54E21 */
  }
  10% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(213, 78, 33, 0.15);
    /* D54E21 */
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(213, 78, 33, 0);
    /* D54E21 */
  }
}
.pulseECC {
  /*
     transform: scale(1);
     */
  animation-timing-function: ease-out;
  animation: pulseFramesECC 1s 1;
}

@keyframes pulseFramesECC {
  0% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 227, 172, 0);
  }
  10% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 227, 172, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 227, 172, 0);
  }
}

/*# sourceMappingURL=espresso.css.map */