/* ======== BEGIN Findsimilar ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.FindExisting {
  display: inline-block;
  cursor: pointer;
  background-color: white;
  color: #ffffff;
  text-decoration: none;
  padding: 1px 6px 0 0;
  position: relative;
  margin: 2px;
  white-space: nowrap;
  border: none;
}
/* TODO: don't know why LESS mixins won't work
   would replace repeating styles when/if I found a reason*/
/*.FindExisting-icon-common {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 6px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}*/
.FindExisting .icon {
  background-color: #777574;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 6px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  /*.FindExisting-icon-common;*/
}
.FindExisting-disabled .icon {
  background-color: #d3d1d1;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 6px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  /*.FindExisting-icon-common;*/
}
/*.FindExisting-text-common {
  padding-left: 6px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  min-height: 14px;
  line-height: 24px;
}*/
.FindExisting .text {
  color: #777574;
  padding-left: 6px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  min-height: 14px;
  line-height: 24px;
  /*.FindExisting-text-common;*/
}
.FindExisting-disabled .text {
  color: #d3d1d1;
  padding-left: 6px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  min-height: 14px;
  line-height: 24px;
  /*.FindExisting-text-common;*/
}

/* ========= END Findsimilar ========= */
/* ======== BEGIN Portal ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* old deprecated variables */
.material-icons {
  font-family: 'Material Icons';
  /* 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';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 20px;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.empty-page-label {
  font-size: 20px;
  margin-top: -50px;
  margin-left: -100px;
  color: rgba(0, 0, 0, 0.38);
  padding-bottom: 25px;
}
.empty-page-icon {
  font-size: 75px;
  margin-top: 10px;
  margin-left: -45px;
  color: rgba(0, 0, 0, 0.12);
}
.empty-page-panel {
  top: 200px !important;
  left: 50% !important;
}
.empty-page-panel-edit {
  position: absolute !important;
}
.empty-page-panel-view {
  position: relative !important;
}
.empty-page-panel-recent-views {
  position: relative !important;
  top: 150px !important;
  left: 50% !important;
}
.empty-page-label-recent-views {
  margin-left: -90px;
}
.empty-page-label-all-views {
  display: inline-block;
  color: rgba(0, 0, 0, 0.38);
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative !important;
  left: 11px;
  width: max-content;
  font-size: 14px;
}
.empty-page-icon-all-views {
  color: rgba(0, 0, 0, 0.12);
  position: relative !important;
  top: 5px;
  left: 11px;
  font-size: 20px;
}
.empty-notification-area-label,
.empty-notification-area-icon {
  overflow-y: visible;
  text-align: center;
}
.empty-notification-area-label {
  margin-top: 20% !important;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.38);
}
.empty-notification-area-icon {
  font-size: 75px;
  height: 75px;
  display: block;
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.12);
}
.table-header-style {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.table-header-style-mandatory {
  color: #414042;
  font-size: 12px;
  font-weight: 700;
}
/* Global reset */
* {
  padding: 0;
  margin: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
table,
thead,
tbody,
tfoot,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border-collapse: inherit;
  border-spacing: 0;
  border: none inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
body {
  background-color: #FFFFFF;
  color: #414042;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  margin: 8px;
  overflow-x: hidden;
}
.main-area-root {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
}
.divider {
  height: 1px;
  background-color: #C3C3C3;
}
.navigation-panel {
  position: absolute;
  width: 100%;
}
.logo {
  background: url("/webui/webui/srv/logo?portalId=citysupplier&cacheKey=140584") no-repeat center left;
  margin: 7px 0 7px 32px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.logoScaled {
  background-size: contain;
  background-position: left center;
}
.stibo-HomePage {
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
}
.link-faux,
.navigation-panel-Label {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  color: #747276 !important;
}
.link-faux:hover,
.navigation-panel-Label:hover {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
}
.link-faux:active,
.navigation-panel-Label:active {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.link-faux:focus,
.navigation-panel-Label:focus {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.link-faux:disabled,
.navigation-panel-Label:disabled {
  color: #EEEEEE;
  text-decoration: underline;
  text-underline-color: #EEEEEE;
}
.link-faux:hover,
.navigation-panel-Label:hover {
  text-decoration: none !important;
}
.link-faux:active,
.navigation-panel-Label:active {
  text-decoration: none !important;
}
.link-faux:focus,
.navigation-panel-Label:focus {
  text-decoration: none !important;
}
.link-faux:disabled,
.navigation-panel-Label:disabled {
  text-decoration: none !important;
}
a,
a:link,
.gwt-Anchor {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:link:hover,
.gwt-Anchor:hover {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
}
a:active,
a:link:active,
.gwt-Anchor:active {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
a:focus,
a:link:focus,
.gwt-Anchor:focus {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
a:disabled,
a:link:disabled,
.gwt-Anchor:disabled {
  color: #EEEEEE;
  text-decoration: underline;
  text-underline-color: #EEEEEE;
}
.button-primary {
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  border: none;
  color: white;
  cursor: pointer;
  background-color: #1663af;
  padding: 12px 16px 12px 16px;
}
.button-primary:hover {
  box-shadow: 0 2px 8px 0 rgba(22, 99, 175, 0.6);
}
.button-primary:active {
  box-shadow: inset 0 24px 24px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.3);
}
.button-primary:focus {
  box-shadow: inset 0 0 0px 2px #000000;
  outline: none;
}
.button-primary:disabled {
  background-color: #C3C3C3;
  cursor: default;
}
.button-primary:disabled:hover {
  box-shadow: none;
}
.button-secondary {
  cursor: pointer;
  color: #414042;
  padding: 8px 16px 8px 16px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  border-radius: 4px;
  border: solid 1px #414042;
  outline: none;
  background-color: #FFFFFF;
}
.button-secondary:hover {
  border: solid 1px black;
  color: black;
}
.button-secondary:active {
  box-shadow: inset 0 24px 24px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.3);
  border: solid 1px #414042;
}
.button-secondary:focus {
  border: solid 1px #414042;
  color: #414042;
}
.button-secondary:disabled {
  border: solid 1px #C3C3C3;
  color: #C3C3C3;
  cursor: default;
}
textarea {
  overflow: auto;
  padding: 8px;
}
.input-primary {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.input-primary::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.input-primary::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.input-primary:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.input-primary:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.input-primary:hover {
  border: solid 1px #a7a6a8;
}
.input-primary:active {
  color: #414042;
  border: solid 1px #000000;
}
.input-primary:focus {
  outline: none;
  border: solid 1px #000000;
}
.input-primary:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.input-primary:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.input-widget {
  padding-left: 16px;
  padding-right: 40px;
  width: 100%;
  font-size: 14px;
  height: 32px;
  border-left: 0 !important;
  border-right: 0 !important;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.input-widget::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.input-widget::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.input-widget:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.input-widget:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.input-widget:hover {
  border: solid 1px #a7a6a8;
}
.input-widget:active {
  color: #414042;
  border: solid 1px #000000;
}
.input-widget:focus {
  outline: none;
  border: solid 1px #000000;
}
.input-widget:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.input-widget:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.input-small {
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  border-radius: 2px;
}
.input-small::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.input-small::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.input-small:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.input-small:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.input-small:hover {
  border: solid 1px #a7a6a8;
}
.input-small:active {
  color: #414042;
  border: solid 1px #000000;
}
.input-small:focus {
  outline: none;
  border: solid 1px #000000;
}
.input-small:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.input-small:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-LazyChosenDropdown {
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.stb-LazyChosenDropdown::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stb-LazyChosenDropdown::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stb-LazyChosenDropdown:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stb-LazyChosenDropdown:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stb-LazyChosenDropdown:hover {
  border: solid 1px #a7a6a8;
}
.stb-LazyChosenDropdown:active {
  color: #414042;
  border: solid 1px #000000;
}
.stb-LazyChosenDropdown:focus {
  outline: none;
  border: solid 1px #000000;
}
.stb-LazyChosenDropdown:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-LazyChosenDropdown:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-rich-text-field {
  position: relative;
}
.stb-rich-text-field-readonly {
  position: relative;
}
.stb-rich-text-field-readonly > textarea {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.gwt-TextArea,
.AdvancedSearch-TextArea {
  color: #414042;
  min-height: 56px;
  resize: vertical;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gwt-TextArea--hover,
.AdvancedSearch-TextArea--hover {
  border: solid 1px #a7a6a8;
}
.gwt-TextArea:hover,
.AdvancedSearch-TextArea:hover {
  border: solid 1px #a7a6a8;
}
.gwt-TextArea:active,
.AdvancedSearch-TextArea:active {
  color: #414042;
  border: solid 1px #000000;
}
.gwt-TextArea:focus,
.AdvancedSearch-TextArea:focus {
  outline: none;
  border: solid 1px #000000;
}
.gwt-TextArea:disabled,
.AdvancedSearch-TextArea:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-rich-text-field > .stb-rich-text-field-button {
  color: #C3C3C3;
  font-size: 17px;
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 1px;
}
.stb-rich-text-field > .stb-rich-text-field-button--hover {
  color: #414042;
}
.stb-rich-text-field > .stb-rich-text-field-button:hover {
  color: #414042;
}
select[multiple],
select[size]:not([size="1"]) {
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: none !important;
  font-size: 14px;
  border-radius: 2px;
}
select[multiple]::-webkit-input-placeholder,
select[size]:not([size="1"])::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
select[multiple]::-moz-placeholder,
select[size]:not([size="1"])::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
select[multiple]:-ms-input-placeholder,
select[size]:not([size="1"]):-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
select[multiple]:-moz-placeholder,
select[size]:not([size="1"]):-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
select[multiple]:hover,
select[size]:not([size="1"]):hover {
  border: solid 1px #a7a6a8;
}
select[multiple]:active,
select[size]:not([size="1"]):active {
  color: #414042;
  border: solid 1px #000000;
}
select[multiple]:focus,
select[size]:not([size="1"]):focus {
  outline: none;
  border: solid 1px #000000;
}
select[multiple]:disabled,
select[size]:not([size="1"]):disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
select[multiple]:-webkit-autofill,
select[size]:not([size="1"]):-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
select[multiple] option,
select[size]:not([size="1"]) option {
  padding: 8px;
}
select[multiple]:focus option:checked,
select[size]:not([size="1"]):focus option:checked {
  background: #000000 linear-gradient(0deg, #000000 0%, #000000 100%);
}
select[multiple] option:checked,
select[size]:not([size="1"]) option:checked {
  background: #e6e6e6 linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%);
}
select:focus::-ms-value {
  background: #FFFFFF;
  color: #414042;
}
.dropdown,
select:not([multiple]):not([size]),
select[size="1"] {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
}
.dropdown::-ms-expand,
select:not([multiple]):not([size])::-ms-expand,
select[size="1"]::-ms-expand {
  /* IE 11 */
  display: none;
}
.dropdown:hover,
select:not([multiple]):not([size]):hover,
select[size="1"]:hover {
  border: solid 1px #a7a6a8;
}
.dropdown:active,
select:not([multiple]):not([size]):active,
select[size="1"]:active {
  color: #414042;
  border: solid 1px #000000;
}
.dropdown:focus,
select:not([multiple]):not([size]):focus,
select[size="1"]:focus {
  outline: none;
  border: solid 1px #000000;
}
.dropdown:disabled,
select:not([multiple]):not([size]):disabled,
select[size="1"]:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.dropdown-small {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
  height: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-position: right 8px top 0 !important;
}
.dropdown-small::-ms-expand {
  /* IE 11 */
  display: none;
}
.dropdown-small:hover {
  border: solid 1px #a7a6a8;
}
.dropdown-small:active {
  color: #414042;
  border: solid 1px #000000;
}
.dropdown-small:focus {
  outline: none;
  border: solid 1px #000000;
}
.dropdown-small:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
@media (-moz-os-version: windows-xp),
(-moz-os-version: windows-vista),
(-moz-os-version: windows-win7),
(-moz-os-version: windows-win8),
(-moz-os-version: windows-win10) {
  select[multiple] option:checked,
  select[size]:not([size="1"]) option:checked {
    background: #000000 linear-gradient(0deg, #000000 0%, #000000 100%) !important;
  }
}
.values tr:nth-of-type(n + 2) .stibo-Value {
  margin-top: 4px;
}
.stibo-Value-Text-RadioButtons:hover .FormFieldWidget .stibo-Value-Text-RadioButtons,
.FormFieldWidget .mandatory-RadioButtons,
.stibo-Value-Text-RadioButtons:hover,
.mandatory-RadioButtons:hover {
  height: inherit;
  padding: 0;
  border: none;
}
.gwt-RadioButton input + label {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
}
i.material-icons.NodePickerIcon,
i.material-icons.NodePickerPopup.FilterRevisionByGroup {
  background: none;
}
input + i.material-icons {
  color: rgba(0, 0, 0, 0.38);
}
input:hover + i.material-icons,
input + i.material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
/*radio button material*/
.radio-button__input,
.gwt-RadioButton input {
  position: absolute;
  overflow: hidden;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  padding: 0;
  border: 0;
  opacity: 0.001;
  z-index: 1;
  vertical-align: top;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.radio-button__input:active,
.gwt-RadioButton input:active,
.radio-button__input:focus,
.gwt-RadioButton input:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
.radio-button__input:checked + .radio-button__checkmark:after,
.gwt-RadioButton:checked + label:after {
  opacity: 1;
}
.radio-button__input:checked + .radio-button__checkmark:before,
.gwt-RadioButton input:checked + label:before {
  background: transparent;
  border: none;
}
.radio-button,
.gwt-RadioButton {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  line-height: 24px;
  text-align: left;
}
.radio-button__checkmark:before,
.gwt-RadioButton label:before {
  content: '';
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  left: 0;
}
.radio-button__checkmark,
.gwt-RadioButton label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  position: relative;
  width: 24px;
  height: 24px;
  background: transparent;
  pointer-events: none;
}
.radio-button__input:checked + .radio-button__checkmark,
.gwt-RadioButton input:checked + label {
  background: transparent;
}
.radio-button__checkmark:after,
.gwt-RadioButton label:after {
  content: '';
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 7px;
  left: 5px;
  opacity: 0;
  width: 12px;
  height: 6px;
  background: transparent;
  border: 3px solid rgba(24, 103, 194, 0.81);
  border-width: 2px;
  border-top: none;
  border-right: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.radio-button__input:disabled + .radio-button__checkmark,
.gwt-RadioButton input:disabled + label {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.radio-button--material__checkmark,
.gwt-RadioButton label {
  width: 20px;
  height: 20px;
  overflow: visible;
}
.radio-button--material__checkmark:before,
.gwt-RadioButton label:before {
  background: transparent;
  border: 2px solid #a7a6a8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  top: 4px;
  -webkit-transition: border 0.2s ease;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.radio-button--material__checkmark:after,
.gwt-RadioButton label:after {
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  -moz-transition: background 0.2s ease, -moz-transform 0.2s ease;
  -o-transition: background 0.2s ease, -o-transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease;
  top: 8px;
  left: 4px;
  width: 8px;
  height: 8px;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.radio-button--material__input:checked + .radio-button__checkmark:before,
.gwt-RadioButton input:checked + label:before {
  background: transparent;
  border: 2px solid #000000;
}
.radio-button--material__input + .radio-button__checkmark:after,
.gwt-RadioButton input + label:after {
  background: #a7a6a8;
  opacity: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.radio-button--material__input:checked + .radio-button__checkmark:after,
.gwt-RadioButton input:checked + label:after {
  opacity: 1;
  background: #000000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.radio-button--material__input:disabled + .radio-button__checkmark,
.gwt-RadioButton input:disabled + label {
  opacity: 1;
}
.radio-button--material__input:disabled + .radio-button__checkmark:after,
.gwt-RadioButton input:disabled + label {
  background-color: #C3C3C3;
  border-color: #C3C3C3;
}
.radio-button--material__input:disabled + .radio-button__checkmark:before,
.gwt-RadioButton input:disabled + label:before {
  border-color: #C3C3C3;
}
/*radio button material*/
/*checkbox material*/
.checkbox,
.gwt-CheckBox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  line-height: 24px;
}
/* attribute value component and attribute value group */
.values .gwt-CheckBox {
  padding-right: 16px;
}
.checkbox__checkmark,
.gwt-CheckBox label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  overflow: hidden;
  height: 24px;
}
.checkbox__input,
.gwt-CheckBox input {
  position: absolute;
  overflow: hidden;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  padding: 0;
  border: 0;
  opacity: 0.001;
  vertical-align: top;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.checkbox__input:checked + .checkbox__checkmark:after,
.gwt-CheckBox input:checked + label:after {
  opacity: 1;
}
.checkbox__checkmark:before,
.gwt-CheckBox label:before {
  content: '';
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  background: transparent;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
}
.checkbox__checkmark,
.gwt-CheckBox label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
.checkbox__checkmark:after,
.gwt-CheckBox label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 12px;
  height: 6px;
  background: transparent;
  border: 2px solid #ffffff;
  border-top: none;
  border-right: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
}
.checkbox__input:focus + .checkbox__checkmark:before,
.gwt-CheckBox input:focus + label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox__input:disabled + .checkbox__checkmark,
.gwt-CheckBox input:disabled + label {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.checkbox__input:disabled:active + .checkbox__checkmark:before,
.gwt-CheckBox input:disabled:active + label:before {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox--material__input:checked + .checkbox--material__checkmark:before,
.gwt-CheckBox input:checked + label:before {
  background-color: #000000;
  border: none;
}
.checkbox--material__input + .checkbox--material__checkmark:after,
.gwt-CheckBox input + label:after {
  border-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  width: 8px;
  height: 4px;
  top: 4px;
  left: 3px;
  -webkit-transform: scale(0) rotate(-45deg);
  -moz-transform: scale(0) rotate(-45deg);
  -ms-transform: scale(0) rotate(-45deg);
  -o-transform: scale(0) rotate(-45deg);
  transform: scale(0) rotate(-45deg);
}
.checkbox--material__input:checked + .checkbox--material__checkmark:after,
.gwt-CheckBox input:checked + label:after {
  top: 8px;
  left: 3px;
  -webkit-transform: scale(1) rotate(-45deg);
  -moz-transform: scale(1) rotate(-45deg);
  -ms-transform: scale(1) rotate(-45deg);
  -o-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
}
.checkbox--material__input:disabled + .checkbox--material__checkmark,
.gwt-CheckBox input:disabled + label {
  opacity: 1;
}
.checkbox--material__input:disabled + .checkbox--material__checkmark:before,
.gwt-CheckBox input:disabled + label:before {
  border-color: #C3C3C3;
}
.checkbox--material__input:disabled:checked + .checkbox--material__checkmark:before,
.gwt-CheckBox input:disabled:checked + label:before {
  background-color: #C3C3C3;
}
.checkbox--material__input:disabled:checked + .checkbox--material__checkmark:after,
.gwt-CheckBox input:disabled:checked + label:after {
  border-color: #ffffff;
}
.checkbox--material__input:disabled:checked:active + .checkbox--material__checkmark:before,
.gwt-CheckBox input:disabled:checked:active + label:before {
  background-color: #C3C3C3;
}
.checkbox--material__checkmark:before,
.gwt-CheckBox label:before {
  border: 2px solid #a7a6a8;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  top: 4px;
}
.checkbox--material__checkmark,
.gwt-CheckBox label {
  width: 100%;
  padding-left: 24px;
}
/*checkbox material*/
/*focus*/
::-moz-focus-inner {
  border: 0;
}
div:focus {
  outline: none;
}
/* Reusable single-purpose style classes */
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.align-center {
  text-align: center !important;
}
.font-bold {
  font-weight: bold !important;
}
.font-italic {
  font-style: italic !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.expand {
  width: 100%;
  height: 100%;
}
#portal-background-image {
  background-image: url();
  background-size: cover;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.Logo {
  background-image: url("/webui/webui/srv/logo?portalId=citysupplier&cacheKey=140584");
  background-repeat: no-repeat;
  background-position: top left;
  margin: 10px 0 0 20px;
  position: absolute;
  z-index: 1;
}
a.Logo {
  cursor: pointer;
  background-size: contain;
}
/*---------------------------experiment with fixing vertical scroll problems--------------------------*/
.stb-NodeDetails {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  z-index: 100;
}
.stb-NodeDetails-Heading {
  margin-left: 32px;
  margin-top: 16px;
  font-size: 20px;
  color: #414042;
}
.stb-NodeEditor .DisplayMode-Content,
.stb-NodeEditor .stb-NodeEditor {
  margin: 0;
  padding: 0;
}
.stb-NodeDetailsContentWrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
.stb-DetailPanel .stb-NodeDetailsContentWrapper {
  margin: 0;
}
.stb-Buttons {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
}
.stb-buttonsTable {
  clear: both;
  float: right;
  position: relative;
  left: 32px;
}
.stb-buttonsTable td {
  vertical-align: bottom;
}
.stb-buttonsTable .stibo-GraphicsButton {
  margin: auto 8px 8px 0;
  float: right;
}
.stb-NodeDeleted {
  background-image: url("gfx/trash_can_bite.svg");
  background-size: 120px;
}
/* - - - - - - - - - - - - - - - - - - - - - - Buttons and graphics - - - - - - - - - - - - - - - - - - - - - -*/
.stibo-GraphicsButton {
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  border: none;
  color: white;
  cursor: pointer;
  background-color: #1663af;
  padding: 12px 16px 12px 16px;
  margin: 0 8px 0 0;
  padding: 8px 12px 8px 12px;
  line-height: 16px;
}
.stibo-GraphicsButton:hover {
  box-shadow: 0 2px 8px 0 rgba(22, 99, 175, 0.6);
}
.stibo-GraphicsButton:active {
  box-shadow: inset 0 24px 24px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.3);
}
.stibo-GraphicsButton:focus {
  box-shadow: inset 0 0 0px 2px #000000;
  outline: none;
}
.stibo-GraphicsButton:disabled {
  background-color: #C3C3C3;
  cursor: default;
}
.stibo-GraphicsButton:disabled:hover {
  box-shadow: none;
}
.stibo-GraphicsButton > div {
  display: inline-flex;
  align-items: center;
  float: left;
}
.stibo-GraphicsButton > div > span {
  white-space: nowrap;
}
.stibo-GraphicsButton.material {
  padding: 6px 8px;
}
.stibo-GraphicsButton.material .text:first-child {
  padding: 2px;
}
.stibo-GraphicsButton .icon {
  background-repeat: no-repeat;
  width: 14px;
  height: 16px;
  background-position: center center;
}
.stibo-GraphicsButton .text {
  padding-left: 8px;
  white-space: nowrap;
}
.stibo-GraphicsButton .text:first-child {
  padding-left: 0px;
}
.stibo-GraphicsButton .pointerUp {
  padding-left: 8px;
}
.SubActionsPopup {
  box-shadow: none;
}
.SubActions button {
  border-radius: 0;
  display: block;
  width: 100%;
}
/*icons can be changed to material icons from font?*/
.SaveButton .icon {
  background-image: url(gfx/sekset/white/save_button.png);
}
.StartButton .icon {
  background-image: url(gfx/sekset/white/start_button.png);
}
.stb-custom-icon-panel {
  cursor: pointer;
  margin-right: 10px;
}
/*END Buttons*/
.ValueSection .FormFieldWidget.ApprovalStatus.stibo-Value-ReadOnly {
  line-height: 20px;
  padding: 0;
}
.ApprovalStatus.stibo-Value-ReadOnly i {
  float: left;
  margin-right: 8px;
  font-size: 16px;
  line-height: 16px;
}
.ApprovalStatus.stibo-Value-ReadOnly i.notapproved {
  color: #fc4c02;
}
.ApprovalStatus.stibo-Value-ReadOnly i.contextapproved {
  color: #ffd200;
}
.ApprovalStatus.stibo-Value-ReadOnly i.approved {
  color: green;
}
.ApprovalStatus.stibo-Value-ReadOnly .approvedText {
  white-space: normal;
  display: block;
}
.contexthelp,
.AttributeValueHistoryIcon {
  color: transparent;
  font-size: 16px;
  line-height: 16px;
  margin: 0 2px 0 4px;
}
.AttributeValueHistoryNotSingleIcon {
  margin-left: 0px;
}
.contextHelpPopupText {
  margin: 8px;
  max-width: 400px;
}
.contexthelppopup {
  background-image: url(gfx/sekset/info.png);
  margin-left: 3px;
  margin-right: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
}
tr:hover > td > .contexthelp,
.gwt-StackLayoutPanelContent tr:hover .contexthelp {
  cursor: pointer;
  color: #0032a0;
}
tr:hover > td > .AttributeValueHistoryIcon,
.gwt-StackLayoutPanelContent tr:hover .AttributeValueHistoryIcon {
  cursor: pointer;
  color: #747276;
}
.stb-BulkUpdate-SearchBelowIcon {
  background: url("gfx/sekset/search_below.png") no-repeat scroll center center transparent;
  margin-right: 8px;
  width: 24px;
  height: 20px;
  position: absolute;
  right: 0px;
  cursor: pointer;
}
.stb-custom-icon-tree-thumbnail {
  max-width: 15px;
  max-height: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 5px;
}
.stb-SearchBelowIcon {
  background: url("gfx/sekset/search_below.png") no-repeat scroll center center transparent;
  margin: 0 0 0 2px;
  width: 24px;
  height: 20px;
  float: left;
}
.stb-SearchBelowIcon.material-icons {
  background: none;
}
.stb-SearchBelowPopup {
  overflow-x: auto;
}
.stb-SearchBelowTree {
  overflow: auto;
  height: 200px;
  width: 210px;
  margin: 0;
  padding: 0;
}
.stb-SearchBelowTree .treeItem-collection {
  margin-left: 0;
}
.stb-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
/*Used in SelectionPopup.java*/
.stb-CriteriaField {
  background-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  border-color: #C3C3C3;
  width: 160px;
}
.DatePickerIcon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  margin-top: 6px;
}
.stb-SearchDatePopup {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
  z-index: 3000;
}
.stb-SearchDatePopup .portal-popup-header {
  display: none;
}
.stb-SearchDatePopup .portal-popup-content {
  width: 200px !important;
}
.stb-SearchDatePopup .portal-popup-content .gwt-DatePicker {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stb-SearchDatePopup .portal-popup-content .search-date-popup__clear-button {
  float: right;
  margin: 8px 8px 8px 0;
}
input.gwt-SuggestBox.stb-SuggestField.stb-SearchBelow,
input.gwt-SuggestBox.stb-SuggestField.has-nodepicker {
  padding-right: 20px;
}
.stb-SuggestField.stb-SearchBelow,
.stb-SearchBelow,
.stb-SearchDate {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
}
.stb-SuggestField.stb-SearchBelow::-webkit-input-placeholder,
.stb-SearchBelow::-webkit-input-placeholder,
.stb-SearchDate::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stb-SuggestField.stb-SearchBelow::-moz-placeholder,
.stb-SearchBelow::-moz-placeholder,
.stb-SearchDate::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stb-SuggestField.stb-SearchBelow:-ms-input-placeholder,
.stb-SearchBelow:-ms-input-placeholder,
.stb-SearchDate:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stb-SuggestField.stb-SearchBelow:-moz-placeholder,
.stb-SearchBelow:-moz-placeholder,
.stb-SearchDate:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stb-SuggestField.stb-SearchBelow:hover,
.stb-SearchBelow:hover,
.stb-SearchDate:hover {
  border: solid 1px #a7a6a8;
}
.stb-SuggestField.stb-SearchBelow:active,
.stb-SearchBelow:active,
.stb-SearchDate:active {
  color: #414042;
  border: solid 1px #000000;
}
.stb-SuggestField.stb-SearchBelow:focus,
.stb-SearchBelow:focus,
.stb-SearchDate:focus {
  outline: none;
  border: solid 1px #000000;
}
.stb-SuggestField.stb-SearchBelow:disabled,
.stb-SearchBelow:disabled,
.stb-SearchDate:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-SuggestField.stb-SearchBelow:-webkit-autofill,
.stb-SearchBelow:-webkit-autofill,
.stb-SearchDate:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
/* Tool bar buttons*/
.stibo-AssetPort-Toolbar {
  width: 100%;
  padding-right: 15px;
}
.stibo-AssetPort-Details {
  border: 1px 0px 0px 0px solid #C3C3C3;
  padding-right: 15px;
}
.ChangeDirectionButton {
  background-image: url(gfx/sekset/change_direction.png);
  width: 20px;
}
.sheet-quad.transpose-button-wrapper {
  text-align: center;
}
.sheet-quad.transpose-button-wrapper > i {
  cursor: pointer;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
}
.sheet-quad.transpose-button-wrapper > i:hover {
  color: #414042;
}
.sheet-quad.transpose-button-wrapper > i.vertical-transpose-button {
  margin-top: 9px;
}
.sheet-quad.transpose-button-wrapper > i.horizontal-transpose-button {
  margin-top: 5px;
}
.IconSpacer {
  width: 30px;
}
.stibo-AssetPort-Toolbar-Basket {
  background-position: center center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  cursor: pointer;
  float: right;
}
.stb-inout-top {
  background: url("/webui/webui/srv/logo?portalId=citysupplier&cacheKey=140584") no-repeat top left;
  margin: 20px 0px 0px 20px;
}
/*-------------------------------FORM ELEMENTS-----------------------------------*/
input[disabled],
select[disabled],
textarea[disabled] {
  background-color: rgba(168, 168, 168, 0.5);
}
.stb-ValueCriteria {
  width: 227px;
}
.stb-PortalSuggestBox {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 227px;
}
.stb-PortalSuggestBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stb-PortalSuggestBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stb-PortalSuggestBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stb-PortalSuggestBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stb-PortalSuggestBox:hover {
  border: solid 1px #a7a6a8;
}
.stb-PortalSuggestBox:active {
  color: #414042;
  border: solid 1px #000000;
}
.stb-PortalSuggestBox:focus {
  outline: none;
  border: solid 1px #000000;
}
.stb-PortalSuggestBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-PortalSuggestBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-ValueCriteria .stb-searchDocumentOption {
  display: block;
}
.gwt-CheckBox.stb-searchDocumentOption {
  margin-top: 8px;
}
input.stb-SearchBox {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
}
input.stb-SearchBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
input.stb-SearchBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
input.stb-SearchBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
input.stb-SearchBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
input.stb-SearchBox:hover {
  border: solid 1px #a7a6a8;
}
input.stb-SearchBox:active {
  color: #414042;
  border: solid 1px #000000;
}
input.stb-SearchBox:focus {
  outline: none;
  border: solid 1px #000000;
}
input.stb-SearchBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
input.stb-SearchBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
select[multiple].stb-SearchBox {
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: none !important;
  font-size: 14px;
  border-radius: 2px;
  width: 100%;
}
select[multiple].stb-SearchBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
select[multiple].stb-SearchBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
select[multiple].stb-SearchBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
select[multiple].stb-SearchBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
select[multiple].stb-SearchBox:hover {
  border: solid 1px #a7a6a8;
}
select[multiple].stb-SearchBox:active {
  color: #414042;
  border: solid 1px #000000;
}
select[multiple].stb-SearchBox:focus {
  outline: none;
  border: solid 1px #000000;
}
select[multiple].stb-SearchBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
select[multiple].stb-SearchBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
select[multiple].stb-SearchBox option {
  padding: 8px;
}
select[multiple].stb-SearchBox:focus option:checked {
  background: #000000 linear-gradient(0deg, #000000 0%, #000000 100%);
}
select[multiple].stb-SearchBox option:checked {
  background: #e6e6e6 linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%);
}
select:not([multiple]).stb-SearchBox {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
  width: 100%;
}
select:not([multiple]).stb-SearchBox::-ms-expand {
  /* IE 11 */
  display: none;
}
select:not([multiple]).stb-SearchBox:hover {
  border: solid 1px #a7a6a8;
}
select:not([multiple]).stb-SearchBox:active {
  color: #414042;
  border: solid 1px #000000;
}
select:not([multiple]).stb-SearchBox:focus {
  outline: none;
  border: solid 1px #000000;
}
select:not([multiple]).stb-SearchBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-SearchBox .option.selected {
  background-color: #C3C3C3;
}
.stb-SearchSingleCriteria {
  max-width: 200px;
}
.stb-BlankSearchWarning {
  color: #fc4c02;
}
input.stb-SearchSingleCriteria {
  border: 1px solid #C3C3C3;
  padding-left: 2px;
  border-radius: 4px;
  z-index: 100;
  position: relative;
}
.stb-SearchSingleCriteriaClearIcon {
  background: url("gfx/sekset/delete_red.png") no-repeat 0px 0px;
  margin-left: 2px;
  width: 14px;
  height: 14px;
  float: left;
}
.PredefinedObjectTypeCriteria .FormFildWidget {
  padding-top: 8px;
}
input[type="text"].stb-SearchGroupBox {
  width: 100%;
  margin-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
input[type="text"].stb-SearchGroupBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
input[type="text"].stb-SearchGroupBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
input[type="text"].stb-SearchGroupBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
input[type="text"].stb-SearchGroupBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
input[type="text"].stb-SearchGroupBox:hover {
  border: solid 1px #a7a6a8;
}
input[type="text"].stb-SearchGroupBox:active {
  color: #414042;
  border: solid 1px #000000;
}
input[type="text"].stb-SearchGroupBox:focus {
  outline: none;
  border: solid 1px #000000;
}
input[type="text"].stb-SearchGroupBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
input[type="text"].stb-SearchGroupBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-SearchGroupListBox {
  width: 100%;
  margin-top: 4px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: none !important;
  font-size: 14px;
  border-radius: 2px;
}
.stb-SearchGroupListBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stb-SearchGroupListBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stb-SearchGroupListBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stb-SearchGroupListBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stb-SearchGroupListBox:hover {
  border: solid 1px #a7a6a8;
}
.stb-SearchGroupListBox:active {
  color: #414042;
  border: solid 1px #000000;
}
.stb-SearchGroupListBox:focus {
  outline: none;
  border: solid 1px #000000;
}
.stb-SearchGroupListBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-SearchGroupListBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-SearchGroupListBox option {
  padding: 8px;
}
.stb-SearchGroupListBox:focus option:checked {
  background: #000000 linear-gradient(0deg, #000000 0%, #000000 100%);
}
.stb-SearchGroupListBox option:checked {
  background: #e6e6e6 linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%);
}
.gwt-SuggestBox {
  border: 1px solid #C3C3C3;
  text-align: left;
}
.gwt-SuggestBoxPopup {
  position: relative;
  border: 1px solid #C3C3C3;
  z-index: 5000;
  text-align: left;
  cursor: pointer;
  background-color: #FFFFFF;
}
.gwt-SuggestBoxPopup .closeBox {
  display: none;
}
.gwt-SuggestBoxPopup .item {
  border: 0px;
  padding: 4px 8px;
  min-width: 160px;
  max-width: 392px;
  overflow: hidden;
}
.gwt-SuggestBoxPopup .item:hover {
  background-color: #EEEEEE;
}
.gwt-SuggestBoxPopup .item-selected {
  background-color: #e6e6e6;
}
/* Suggest box has to be brought forward when used inside a dialog */
.gwt-SuggestBoxPopup.suggestInDialog {
  z-index: 2001;
}
.gwt-SuggestBoxPopup.mergeWithInput {
  border-top-color: transparent;
  border-top-width: 0px;
}
/*------------------------------------TABLE ELEMENTS----------------------------------*/
.stb-DataTable {
  margin: 0;
  position: relative;
  height: 100%;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.stb-DataTable th {
  background-image: none;
  border: none;
  height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: normal;
  outline: 1px solid #f5f5f5;
}
.stb-DataTable th:first-of-type {
  outline: none;
}
.stb-DataTable tr {
  min-height: 32px;
}
.stb-DataTable tr:hover {
  background-color: #EEEEEE;
}
.stb-DataTable tr.selected td {
  background-color: #e6e6e6;
}
.stb-DataTable tr td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.stb-DataTable th,
.stb-DataTable td {
  padding-left: 1em;
  padding-right: 1em;
}
.stb-DataTable .cell {
  overflow-x: hidden;
}
th .stb-SortableTextHeader {
  cursor: pointer;
  position: relative;
}
th .stb-SortableTextHeader--disable-sorting {
  cursor: default;
}
.stb-SortableTextHeader-Label {
  margin-right: 18px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.stb-SortableTextHeader-Label-mandatory {
  margin-right: 18px;
  overflow: hidden;
  color: #414042;
  font-size: 12px;
  font-weight: 700;
}
.stb-SortableTextHeader-Label-mandatory::after {
  color: #fc4c02;
  font-weight: bold;
  margin-left: 2px;
  content: "*";
}
th .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering-dot.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 100%;
  min-height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
th.sortasc .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_asc_column.png);
}
th.sortdesc .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_desc_column.png);
}
th.filter-sortasc .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_asc.png);
}
th.filter-sortdesc .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_desc.png);
}
th.filter .stb-SortableTextHeader .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column.png);
}
.filterContainerPanel .searchPanel {
  width: 150px;
}
.filterContainerPanel .searchPanel .searchBoxPanel {
  border: 1px solid #C3C3C3;
  border-radius: 4px 4px 4px 4px;
  color: #414042;
  width: 240px;
}
.filterContainerPanel .searchPanel .searchBoxPanel input {
  border: 0 transparent;
  border-radius: 0;
  height: 15px;
  margin: 4px 0 2px;
  width: 217px;
}
.filterContainerPanel .searchPanel .searchBoxOptionsPanel {
  margin-bottom: 6px;
  width: 100%;
}
.filterContainerPanel .searchPanel .searchBoxOptionsPanel select {
  width: 244px;
}
.filterContainerPanel .searchIcon {
  background: url("gfx/sekset/search_toolbar.png") no-repeat 0 1px;
  display: block;
  height: 22px;
  width: 22px;
  margin-top: 1px;
  margin-right: -1px;
}
.sortButtonsPanel .ascDescButton {
  display: block;
  height: 16px;
  width: 16px;
  cursor: pointer;
  margin-left: 6px;
}
.sortButtonsPanel .ascButton {
  background-image: url("gfx/sekset/up.png");
  background-repeat: no-repeat;
}
.sortButtonsPanel .descButton {
  background-image: url("gfx/sekset/down.png");
  background-repeat: no-repeat;
}
.filterBottomPanel .applyFilterButton .icon {
  background-image: url("gfx/sekset/sortingAndFiltering/apply_filter_button.png");
}
.filterBottomPanel .clearFilterButton .icon {
  background-image: url("gfx/sekset/sortingAndFiltering/clear_filter_button.png");
}
.filterBottomPanel .filteringListCount {
  float: left;
}
.stb-DataTable div.sortasc {
  display: inline-block;
  background-image: url(gfx/sekset/sortingAndFiltering/sort_asc_column.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}
.stb-DataTable div.sortdesc {
  display: inline-block;
  background-image: url(gfx/sekset/sortingAndFiltering/sort_desc_column.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}
div.stb-DataTable-Wrapper {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
div.stb-DataTable .head {
  border-right: none;
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div.stb-DataTable .head table {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.stb-DataTable .head tr th:first-of-type {
  border-top-left-radius: 4px;
}
.stb-DataTable .head tr th:last-of-type {
  border-right: 1px solid #C3C3C3;
  border-top-right-radius: 4px;
}
div.stb-DataTable .body {
  overflow-x: hidden;
  overflow-y: scroll;
}
.stb-DataTable .body table {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stb-DataTable .body tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 4px;
}
.stb-DataTable .body tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 4px;
}
.stb-DataTable .body tr td:last-of-type {
  border-right: 1px solid #C3C3C3;
}
div.stb-DataTable table {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  border-left: 1px solid #C3C3C3;
}
div.stb-DataTable th,
div.stb-DataTable td {
  border-right: none;
}
div.uvc-DataTable th,
div.uvc-DataTable td {
  border: none;
}
div.uvc-DataTable td:first-child {
  width: 24px;
}
.tableaction {
  display: block;
  float: left;
  padding: 0;
}
.tableaction.toolbarlink {
  padding: 0;
}
.stb-valuesEditorTable {
  height: 100%;
  width: 100%;
  border-spacing: 0 8px;
}
.stb-valuesEditorTable .RadioButtonsContainer {
  padding-left: 0;
}
.stb-valuesEditorTable > tbody > tr > td {
  height: 32px;
  padding: 8px;
  box-sizing: border-box;
  vertical-align: top;
}
.stb-valuesEditorTable > tbody > tr > td > table > tbody > tr > td > div {
  box-sizing: border-box;
}
.stb-valuesEditorTable > tbody > tr > td > table > tbody > tr > td > div > div {
  box-sizing: border-box;
}
.stb-valuesEditorTable > tbody > tr > td > table > tbody > tr > td > div > div .values {
  display: inline-block;
}
.stb-valuesEditorTable > tbody > tr > td.labelColumn {
  white-space: nowrap;
  width: 1%;
}
.stb-valuesEditorTable > tbody > tr > td.labelColumn .fieldtitle {
  color: #8d8c8e;
  font-size: 14px;
  margin-right: 8px;
}
.stb-valuesEditorTable > tbody > tr > td.widgetColumn {
  width: 99%;
  vertical-align: middle;
}
.stb-valuesEditorTable > tbody > tr > td.widgetColumn .dropdown {
  width: 440px;
}
.stb-valuesEditorTable > tbody > tr > td.widgetColumn .stb-line {
  width: 448px;
}
.stb-valuesEditorTable > tbody > tr > td.widgetColumn:not(.widgetColumn--read-only) {
  padding-top: 0px;
  padding-bottom: 0px;
  height: inherit;
}
/* support for wide components */
.backgroundProcessNodeDetails .stb-valuesEditorTable {
  width: 100%;
}
.backgroundProcessNodeDetails .stb-valuesEditorTable .labelColumn {
  width: 1px;
}
.row-vcenter td {
  vertical-align: middle;
}
.stb-valueEditorRow {
  vertical-align: top;
}
.stb-file-upload-container {
  padding-top: 1px;
  padding-right: 6px;
  padding-left: 6px;
}
.stb-NodeEditor {
  background-color: #ffffff;
  border: none;
  top: 0px;
  bottom: 0px;
  overflow: auto;
  padding-left: 32px;
}
.stb-NodeEditor .DisplayMode-multiedit.DisplayMode-Content {
  margin-right: 12px;
}
div.DisplayMode-sequencing.DisplayMode-Content {
  margin: 32px 32px 0 32px;
  width: calc(100% - 48px);
  /*width calculated to subtract margin on both sides (minus the shim of 16px)*/
  height: calc(100% - 32px);
}
.stibo-NameValue {
  position: relative;
  z-index: 100;
}
.stibo-Value-ReadOnly.FormFieldWidget .gwt-HTML {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.stibo-Value-ReadOnly .gwt-HTML:not(:last-child),
.FormFieldWidget .stibo-Value-ReadOnly:not(:last-child) {
  border-bottom: solid 1px #e7e7e7 !important;
}
.stibo-Value-ReadOnly .gwt-HTML,
.FormFieldWidget .stibo-Value-ReadOnly {
  border-top: none !important;
  border-left: 0px !important;
  border-right: 0px !important;
  margin-bottom: 8px !important;
  padding-bottom: 4px !important;
}
.stibo-Value-Text,
.stibo-Value-URL {
  width: 440px;
  position: relative;
  overflow: hidden;
}
.gwt-TextBox.stibo-Value-Text.TextFieldWithButton {
  width: 277px;
}
.stibo-Value-Text-And-Button .gwt-Button.popupButton {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
.stb-NodePickerField-label {
  width: 100px;
}
.stb-NodePickerField {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
.NodePickerPage {
  padding: 16px 32px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.NodePickerPage .SearchButton {
  margin-left: 16px !important;
}
.NodePickerPage .SearchPanel .gwt-SuggestBox {
  width: 300px;
  float: left;
}
.NodePickerPage table.NodePickerPage-Content {
  width: 100%;
}
.NodeSelectorButton {
  background: url("gfx/sekset/search_below_toolbar.png") no-repeat scroll center center transparent;
  margin: -2px 0px 0px 2px;
  width: 24px;
  height: 20px;
  float: left;
  cursor: pointer;
}
.stibo-Value-ReadOnly,
.FormFieldWidget.stibo-Value-ReadOnly {
  max-width: 440px;
  white-space: normal;
  border: none !important;
  padding-left: 0 !important;
  height: auto;
  width: initial !important;
}
.stibo-Navigation.ShowBasket,
.stibo-Navigation-ShowContentBlock {
  background: url("gfx/sekset/basket_toolbar.png") no-repeat scroll left top;
  padding: 3px 0 3px 30px;
}
.stibo-Function-ClearBasketBlock {
  background: url('gfx/sekset/remove_from_basket_toolbar.png') no-repeat left center;
  padding-top: 8px;
  padding-left: 30px;
  height: 20px;
}
.stibo-Navigation.Processes,
.stibo-Navigation-ShowProcessesBlock {
  background: url("gfx/sekset/document_toolbar.png") no-repeat scroll left top;
  padding: 3px 0 3px 21px;
}
.stibo-Navigation .upload {
  background: url("gfx/sekset/upload.png") no-repeat scroll left top transparent;
  float: left;
  cursor: pointer;
  margin-bottom: 4px;
  padding-top: 14px;
}
.stibo-UserDetails {
  background-color: #ffffff;
  border-radius: 9px;
}
.stibo-UserDetails h1 {
  color: #414042;
  margin-left: 10px;
  margin-top: 10px;
}
.stibo-UserDetails .stb-NodeEditor {
  bottom: 50px;
}
.stibo-UserDetails .stb-buttonsTable {
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.stb-MultiFacet-button-settings {
  background-image: url("gfx/sekset/globe_icon.png");
}
.multi-facet__settings-panel {
  padding-top: 8px;
  padding-left: 16px;
}
.multi-facet__settings-panel button {
  float: right;
  margin-bottom: 16px;
  margin-right: 32px;
}
.stb-MultiFacet-button-up {
  background: url("gfx/sekset/miniarrow_up_grey.png") center no-repeat;
  display: inline-block;
  width: 7px;
  height: 5px;
  margin: 0px 1px;
  padding: 3px;
  position: relative;
  top: -3px;
}
.stb-MultiFacet-button-down {
  background: url("gfx/sekset/miniarrow_down_grey.png") center no-repeat;
  display: inline-block;
  width: 7px;
  height: 5px;
  margin: 0px 1px;
  padding: 3px;
  position: relative;
  top: -3px;
}
.stb-MultiFacet-selected-row {
  background-color: #C3C3C3;
}
.stb-MultiFacet-cell {
  padding: 2px 0px 2px 7px;
}
.UserList {
  margin: 8px;
}
.UserList-table {
  width: 600px;
  margin-left: 32px;
}
.gwt-Hyperlink {
  cursor: pointer;
}
.stibo-BackgroundProcesses.scrollPanel {
  margin: 8px;
}
.stibo-SearchStatistics h1 {
  color: #414042;
  padding-top: 10px;
  margin-left: 10px;
}
.stibo-SearchStatistics .gwt-HTML {
  color: #414042;
  margin-left: 10px;
  margin-bottom: 10px;
}
.stibo-SearchStatistics .gwt-Label.cursor-hand {
  color: #414042;
  cursor: pointer;
  text-decoration: underline;
}
.stibo-HomePage h1 {
  color: #414042;
  margin-top: 20px;
}
.stibo-AttributeSearch {
  color: #414042;
  margin-top: 1em;
}
.stibo-AttributeSearch .gwt-TextBox {
  border: 1px solid #C3C3C3;
  padding-left: 2px;
  border-radius: 4px;
  z-index: 100;
  position: relative;
  margin-bottom: 20px;
}
.stibo-Value.processNotes {
  padding: 2px;
}
.stibo-Value.processNotes .gwt-TextBox {
  width: 434px;
}
.stibo-Value.processNotes .gwt-TextArea-readonly {
  border: 0;
  width: 100%;
  height: 46px;
}
.ExcelUpload-screen .stb-NodeDetails-Heading {
  margin-bottom: 16px;
}
.ExcelUpload-screen .stibo-ExcelUpload {
  padding-left: 32px;
}
.ExcelUpload-screen select,
.ExcelUpload-screen input {
  width: 256px;
  margin-right: 16px;
}
.closeBox {
  cursor: pointer;
  background-image: url(gfx/sekset/close.png);
  background-position: right top;
  background-repeat: no-repeat;
  position: absolute;
  height: 12px;
  width: 12px;
  right: 16px;
  top: 16px;
}
.material-icons.closeBox {
  cursor: pointer;
  float: right;
  margin: 24px 28px 16px 0px;
  background-image: inherit;
  background-position: inherit;
  background-repeat: inherit;
  position: inherit;
  height: inherit;
  width: inherit;
  right: inherit;
  top: inherit;
}
.gwt-PopupPanel {
  background-color: #C3C3C3;
  border: 1px solid #ffffff;
  padding: 4px;
  z-index: 200;
  position: relative;
  border-radius: 4px;
}
.PortalPopup .closeBox {
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px;
  top: 0px;
  bottom: 3px;
}
.modal-dialog-portal-alert {
  margin: 0 32px;
}
.PortalPopupHeader {
  cursor: move;
  width: 100%;
  position: relative;
}
.PortalPopup .PortalPopupTitle {
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 3px;
  padding-right: 15px;
}
.PortalPopup .PortalPopupContent {
  overflow: auto;
  padding: 6px;
}
.PortalPopup .PopupContainer {
  height: calc(100% - 31px - 6px);
  /* 31px for buttons, 6px for padding */
}
.PortalPopup .PopupBody {
  height: calc(100% - 20px - 6px);
  /* 20px for the suggest field, 6px for margin */
  margin-bottom: 6px;
  overflow: auto;
}
.PortalPopup .PopupFooter {
  position: relative;
}
.PortalPopup .PopupLabel {
  margin: 3px 0;
}
.PortalPopup .NodePickerField {
  width: calc(100% - 6px);
  /* 6px for padding */
}
.NodePickerField + .NodePickerIcon,
.gwt-TextBox + .NodePickerIcon,
.gwt-SuggestBox + .NodePickerIcon {
  margin-top: 6px;
}
.MultiContextNodePickerField {
  width: 100% !important;
}
.NodePickerIcon {
  position: absolute;
  height: 20px;
  width: 20px;
  margin-left: -28px;
  cursor: pointer;
}
.popupHelp .helpTitle {
  font-weight: bold;
  margin: 3px;
  color: #ffffff;
}
.PortalPopup .helpText {
  height: 150px;
  width: 300px;
}
.PopupContainer {
  margin: 0 32px;
}
.PopupContainer .PopupLabel {
  font-size: 12px;
  color: #C3C3C3;
}
.PopupContainer .SortableList {
  margin-top: 8px;
  overflow: auto;
  max-height: calc(100vh - 224px);
}
.PopupContainer .PopupFooter {
  margin-top: 8px;
}
.popupContent .gwt-TabBar {
  width: 100%;
  padding-top: 8px;
  border-bottom: 2px solid #777777;
}
.TimeoutWarningDialog .portal-popup-header {
  border-bottom: 0;
}
.TimeoutWarningDialog .closeBox {
  display: none;
}
.TimeoutWarningDialog .ExtendSessionButton {
  margin-right: 0;
  margin-bottom: 0;
}
.TimeoutWarningDialog .portal-alert-buttons {
  float: right;
  padding-right: 32px;
  padding-bottom: 16px;
}
.TimeoutWarningDialog .portal-popup-header__title {
  padding: 24px 32px 16px 32px;
}
.TimeoutWarningDialog .warning-messageLabel {
  padding: 0 32px;
}
.stb-SearchPanel {
  overflow-y: auto;
  padding-left: 32px;
}
.stb-SearchPanelContent {
  width: calc(100% - 32px - 24px);
  position: absolute;
}
.stb-SearchPanelContent > table {
  border-spacing: 0 8px;
}
.stb-SearchPanelContent table {
  width: 100%;
}
.stb-SearchPanelContent .NodePickerIcon {
  right: 4px;
  margin-top: 6px;
}
.stb-SearchPanelContent .NodePickerIcon.material-icons {
  color: rgba(0, 0, 0, 0.38);
}
.stb-SearchPanelContent .NodePickerIcon.material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
.stb-SearchPanelContent .gwt-SuggestBox:hover+.material-icons.NodePickerIcon {
  color: #414042;
}
.stb-SearchPanelContent .ObjectTypeMultiCriteria .warning {
  color: #fc4c02;
  margin-top: 3px;
}
.stb-SearchPanelContent .stb-PortalSuggestBox {
  width: 100%;
}
.stb-SearchPanelContent .fieldtitle {
  padding-bottom: 8px;
}
.stb-SearchPanelContent .fieldtitle .contexthelp {
  position: absolute;
  right: 0;
}
.stb-SearchPanel .stb-ButtonPanel {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 100%;
}
.stb-SearchPanel .stb-ButtonPanel button {
  margin-left: 8px;
}
input.stb-SearchBelow {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
input.stb-SearchBelow::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
input.stb-SearchBelow::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
input.stb-SearchBelow:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
input.stb-SearchBelow:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
input.stb-SearchBelow:hover {
  border: solid 1px #a7a6a8;
}
input.stb-SearchBelow:active {
  color: #414042;
  border: solid 1px #000000;
}
input.stb-SearchBelow:focus {
  outline: none;
  border: solid 1px #000000;
}
input.stb-SearchBelow:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
input.stb-SearchBelow:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-PredefinedSearchBelowLabel {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
  padding-top: 7px;
  width: 100%;
}
.stb-PredefinedSearchBelowLabel::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stb-PredefinedSearchBelowLabel::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stb-PredefinedSearchBelowLabel:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stb-PredefinedSearchBelowLabel:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stb-PredefinedSearchBelowLabel:hover {
  border: solid 1px #a7a6a8;
}
.stb-PredefinedSearchBelowLabel:active {
  color: #414042;
  border: solid 1px #000000;
}
.stb-PredefinedSearchBelowLabel:focus {
  outline: none;
  border: solid 1px #000000;
}
.stb-PredefinedSearchBelowLabel:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stb-PredefinedSearchBelowLabel:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.stb-PredefinedSearchBelowLabel:nth-of-type(n + 2) {
  margin-top: 4px;
}
.predefined-search-bellow__popup-content {
  margin: 8px;
}
.stb-SearchGroupAttributeBox {
  width: 100%;
}
.leftPanelInner {
  padding: 0px 0px 0px 0px;
  margin: 4px;
  overflow: inherit;
  position: absolute;
}
.rightPanelInner {
  padding: 0px 0px 0px 0px;
  margin: 4px;
  overflow: auto;
  position: absolute;
}
.leftPanel,
.rightPanel {
  margin: 0;
}
.content .scrollPanel .gwt-TextBox {
  margin-top: 2px;
}
.panel,
.innerPanel {
  overflow: auto;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.fieldtitle {
  color: #8d8c8e;
  font-size: 14px;
  margin-right: 8px;
}
.variants-attributeTable .fieldtitle .td {
  float: left;
}
.fieldtitle-mandatory .fieldtitleLabel {
  color: #414042;
}
.fieldtitle-mandatory .mandatory-marking {
  margin-left: 2px;
  color: #fc4c02;
  font-weight: bold;
}
.fieldtitle-dimension-point-inherited {
  color: #fc4c02;
  font-size: small;
  margin-top: -5px;
  vertical-align: super;
}
.fieldtitle-inherited {
  color: #018e39;
  font-size: small;
  margin-top: -5px;
  vertical-align: super;
}
.gwt-SplitLayoutPanel-VDragger {
  background: url(gfx/sekset/dragger_v.png) center center no-repeat;
  cursor: row-resize;
  z-index: 2;
}
.gwt-SplitLayoutPanel-HDragger {
  background: url(gfx/sekset/dragger_h.png) center center no-repeat;
  cursor: col-resize;
  z-index: 2;
}
/*the external link (component type='Link' that can be put on a page*/
.stibo-link {
  text-decoration: underline;
}
.stb-topPanel .stibo-link {
  color: #ffffff;
  text-decoration: underline;
}
.stb-topPanel > table {
  width: 100%;
}
.left-panel .stb-Button-isImploded {
  border: 1px solid #C3C3C3;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  margin-right: -28px;
  margin-top: 11px;
  width: 22px;
  cursor: pointer;
  z-index: 153;
}
.left-panel .stb-Button-isExploded {
  background-repeat: no-repeat;
  border-width: 0;
  margin-top: 11px;
  cursor: pointer;
  z-index: 10;
}
.left-panel__inner > div {
  overflow: visible !important;
}
.implodeExplodePanel {
  overflow: inherit;
}
.mainArea.isSidePanelAvailable.mainArea-isImploded .stb-StackPanelHeader {
  display: none;
}
.gwt-StackLayoutPanelHeader {
  cursor: pointer;
  color: #414042;
  font-size: 14px;
  background-color: #f5f5f5;
  border-left: 6px solid #f5f5f5;
  z-index: 2;
  padding-left: 10px;
  display: flex;
  align-items: center;
  width: calc(100% + 32px);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gwt-StackLayoutPanelHeader:hover {
  background-color: #EEEEEE;
}
.gwt-StackLayoutPanelHeader.selected {
  border-left: 6px solid #000000;
  color: #000000;
}
/*main screen layout -
 *the implementaion uses absolute positions divs
 *so it is importaint to set height of topbar and
 *width of leftPanel
*/
/*note that setting the height of topbar has no effect - set in screen configuration*/
.stibo-SearchStatistics .gwt-Image {
  margin-left: 10px;
  margin-right: 7px;
}
.stb-SearchStatisticsAll .gwt-Label.cursor-hand {
  font-weight: bold;
  margin-left: 33px;
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.stb-nodeList-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.stb-nodeList-switcher {
  height: 100%;
  position: relative;
}
.stb-nodeList-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.DisplayMode-Content {
  margin: 32px;
}
.DisplayMode-Content .stb-DataTable .stb-bgp-status-wrapper {
  display: inline;
}
.DisplayMode-Content .stb-bgp-status-wrapper .stb-bgp-status {
  vertical-align: middle;
}
.stibo-Breadcrumb-viewport {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  margin-left: 32px;
}
.stibo-Breadcrumb-container {
  position: absolute;
  white-space: nowrap;
  top: 0;
}
.stibo-Breadcrumb-more {
  color: #747276;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), white, white, white);
  letter-spacing: -10px;
  cursor: pointer;
  font-size: 16px;
  width: 32px;
  height: 18px;
  position: absolute;
  top: -2px;
  left: 0;
}
.stibo-Breadcrumb-tab-hide {
  display: none;
}
.stibo-Breadcrumb-tab-show {
  display: block;
}
.stibo-Breadcrumb {
  display: inline;
  padding-right: 2px;
  color: #747276;
}
.stibo-Breadcrumb-mixin {
  display: inline;
  color: #747276;
}
.stibo-Breadcrumb-mixin::after {
  font-family: 'Material Icons';
  /* 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';
  content: "keyboard_arrow_right";
  vertical-align: sub;
  font-size: 16px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
a.stibo-Breadcrumb-active {
  display: inline;
  color: #747276;
}
a.stibo-Breadcrumb-active::after {
  font-family: 'Material Icons';
  /* 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';
  content: "keyboard_arrow_right";
  vertical-align: sub;
  font-size: 16px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
a.stibo-Breadcrumb-active:hover {
  text-decoration: underline;
}
.stibo-Breadcrumb-readonly {
  display: inline;
  color: #747276;
}
.stibo-Breadcrumb-readonly::after {
  font-family: 'Material Icons';
  /* 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';
  content: "keyboard_arrow_right";
  vertical-align: sub;
  font-size: 16px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.bc-callout {
  position: absolute;
  margin: 18px 0px;
  background-color: #FFFFFF;
  z-index: 3000;
}
.bc-callout .header {
  font-size: 12px;
  padding: 0 16px;
  background-color: #f5f5f5;
  color: #8d8c8e;
  line-height: 24px;
  margin-top: 8px;
}
.bc-callout .line {
  padding: 0 16px;
  line-height: 24px;
}
.bc-callout .line:last-child {
  padding-bottom: 8px;
}
.bc-callout .bc-notch {
  position: absolute;
  top: -10px;
  left: 10px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  padding: 0;
  width: 0;
  height: 0;
}
.bc-callout .bc-notch-down {
  position: absolute;
  bottom: -9px !important;
  left: 10px;
  border-top: 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
  padding: 0;
  width: 0;
  height: 0;
}
.bc-border-callout {
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.bc-border-callout .bc-border-notch {
  border-bottom-color: #C3C3C3;
  top: -11px;
}
.bc-border-callout .bc-border-notch-down {
  border-top-color: #C3C3C3;
  bottom: -10px !important;
}
.bc-callout .stibo-Breadcrumb,
.bc-callout .stibo-Breadcrumb-active {
  display: block;
  margin-left: 16px;
  margin-right: 16px;
}
.bc-callout .stibo-Breadcrumb:first-of-type,
.bc-callout .stibo-Breadcrumb-active:first-of-type {
  margin-top: 16px;
}
.bc-callout .stibo-Breadcrumb:nth-of-type(n + 2),
.bc-callout .stibo-Breadcrumb-active:nth-of-type(n + 2) {
  margin-top: 16px;
}
.bc-callout .stibo-Breadcrumb:last-of-type,
.bc-callout .stibo-Breadcrumb-active:last-of-type {
  margin-bottom: 16px;
}
.POD-WizardPanel {
  margin: 8px;
}
.stibo-WizardLabel {
  float: left;
}
.stibo-WizardLabel,
.stibo-WizardLabel-active {
  margin-top: 10px;
}
.stibo-WizardLabel-active {
  background: url("gfx/sekset/miniarrow_right_grey.png") no-repeat right 3px;
  float: left;
  padding-right: 14px;
  margin-right: 7px;
}
.stibo-LocaleSelector {
  margin-left: 688px;
}
.login-controls-table .gwt-TextBox.UsernameField,
.login-controls-table .gwt-PasswordTextBox.PasswordField {
  border-radius: 0;
}
.gwt-TextBox.UsernameField,
.gwt-PasswordTextBox.PasswordField {
  float: right;
  width: 192px;
}
.LocaleSelector .stb-NavigationPanel-Locale {
  float: left;
  margin-right: 6px;
}
.ChangePasswordDialog .errorMessage {
  font-weight: bold;
  color: #fc4c02;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 16px;
}
.BatchAdminScreen,
.BatchItemsScreen {
  margin: 8px;
}
.stb-CreateBatchButton {
  margin-left: 6px;
}
.batchmemberview {
  color: #ffffff;
  border-top: solid 1px #EEEEEE;
  border-bottom: solid 1px #EEEEEE;
  padding-top: 4px;
  padding-bottom: 4px;
}
.batchmemberview .values {
  color: #414042;
}
.batchmemberview .values td {
  vertical-align: middle;
  white-space: nowrap;
}
.stb-CreateBatchButton {
  float: right;
}
.stb-downloadButton {
  background-image: url("gfx/sekset/download.png");
}
.stb-downloadButton.disabled {
  background-image: url("gfx/sekset/download_dis.png");
}
.stb-findDuplicatesButton {
  background-image: url("gfx/sekset/white/search_button.png");
}
.stb-createProductButtonBottom .icon {
  background-image: url(gfx/sekset/white/create_product_button.png);
}
.CreateProductButton .icon {
  background-image: url(gfx/sekset/white/create_product_button.png);
}
.stb-GDSN-Register-Button .icon {
  background-image: url(gfx/sekset/gdsn_register_button.png);
  width: 19px;
}
.stb-GDSN-Publish-Button .icon {
  background-image: url(gfx/sekset/gdsn_publish_button.png);
  width: 19px;
}
.stb-createEntityButtonBottom .icon {
  background-image: url(gfx/sekset/white/create_entity_button.png);
}
/*CreateEntityButton style is rename of stb-createEntityButtonBottom to align with other button styles */
.CreateEntityButton .icon {
  background-image: url(gfx/sekset/white/create_entity_button.png);
}
.CreateAssetButton .icon {
  background-image: url("gfx/sekset/white/create_asset_button.png");
}
.stb-createClassificationButton {
  background-image: url("gfx/sekset/create_classification_toolbar.png");
  width: 18px;
}
.stb-createClassificationButton.disabled {
  background-image: url("gfx/sekset/create_classification_toolbar_dis.png");
}
.CreateClassificationButton .icon {
  background-image: url(gfx/sekset/white/create_classification_button.png);
}
.toolbar-button__icon.stb-createVariantsButton {
  background-image: url("gfx/sekset/create_variants_toolbar.png");
  background-size: 26px 20px;
}
.toolbar-button__icon.stb-createVariantsButton.disabled {
  background-image: url("gfx/sekset/create_variants_toolbar_dis.png");
}
.stb-deleteButton {
  background-image: url("gfx/sekset/white/delete_button.png");
}
.stibo-UserEmail,
.stibo-UserPassword {
  color: #414042;
  border-radius: 4px 4px 4px 4px;
  z-index: 100;
  position: relative;
  padding: 2px;
  width: 300px;
}
.stb-divider {
  width: 5px;
}
.gwt-Anchor.toolbarlink {
  position: relative;
  top: 6px;
}
a.toolbarlink.disabled {
  text-decoration: none;
}
.vendor {
  border-width: 0;
  height: 75px;
  margin: 10px;
}
.stibo-Value-ListBox,
.stibo-Value-Embedded-Number-ListBox,
.stibo-Value-Fraction-ListBox,
.stibo-Value-Text-ListBox,
.stibo-Value-Numeric-Text-ListBox,
.stibo-Value-Integer-ListBox,
.stibo-Value-ISO-Date-and-Time-ListBox,
.stibo-Value-Number-ListBox,
.stibo-Value-ISO-Date-ListBox,
.stibo-Value-Date-ListBox,
.stibo-Value-LOV-ListBox,
.stibo-Value-RegExp-ListBox {
  width: 440px;
}
.stibo-Value,
.gwt-TextBox,
.gwt-PasswordTextBox,
.gwt-SuggestBox {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 440px;
}
.stibo-Value::-webkit-input-placeholder,
.gwt-TextBox::-webkit-input-placeholder,
.gwt-PasswordTextBox::-webkit-input-placeholder,
.gwt-SuggestBox::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.stibo-Value::-moz-placeholder,
.gwt-TextBox::-moz-placeholder,
.gwt-PasswordTextBox::-moz-placeholder,
.gwt-SuggestBox::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.stibo-Value:-ms-input-placeholder,
.gwt-TextBox:-ms-input-placeholder,
.gwt-PasswordTextBox:-ms-input-placeholder,
.gwt-SuggestBox:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.stibo-Value:-moz-placeholder,
.gwt-TextBox:-moz-placeholder,
.gwt-PasswordTextBox:-moz-placeholder,
.gwt-SuggestBox:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.stibo-Value:hover,
.gwt-TextBox:hover,
.gwt-PasswordTextBox:hover,
.gwt-SuggestBox:hover {
  border: solid 1px #a7a6a8;
}
.stibo-Value:active,
.gwt-TextBox:active,
.gwt-PasswordTextBox:active,
.gwt-SuggestBox:active {
  color: #414042;
  border: solid 1px #000000;
}
.stibo-Value:focus,
.gwt-TextBox:focus,
.gwt-PasswordTextBox:focus,
.gwt-SuggestBox:focus {
  outline: none;
  border: solid 1px #000000;
}
.stibo-Value:disabled,
.gwt-TextBox:disabled,
.gwt-PasswordTextBox:disabled,
.gwt-SuggestBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.stibo-Value:-webkit-autofill,
.gwt-TextBox:-webkit-autofill,
.gwt-PasswordTextBox:-webkit-autofill,
.gwt-SuggestBox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
span.radioBoxOption {
  margin-right: 16px;
}
.RadioButtonsContainer {
  height: 100%;
  border-style: none;
}
.RadioButtonsContainer:hover {
  border-style: none;
}
.MultiValueEditorMainWidget {
  padding-right: 30px;
}
.stibo-StateFlowVariable-TextArea {
  resize: none;
  border: none;
}
.stibo-TextArea {
  margin: 0;
  width: 440px;
}
.stb-mainAreaRoot {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.stb-masterDetailPanel-container {
  height: 100%;
}
.gwt-ErrorDetailsTextArea {
  width: 400px;
  height: 240px;
  margin: 0px;
}
.gwt-PopupPanelGlass {
  background-color: black;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  z-index: 199;
}
.gwt-PopupPanel.fadingErrorNotification {
  background-color: transparent;
  padding: 4px;
  border: 0px;
}
.gwt-PopupPanel.fadingErrorNotification .gwt-Label {
  color: #fc4c02;
  font-weight: bold;
}
.dialog-list-too-many-rows-warning {
  color: #fc4c02;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 6px;
}
.date-picker-popup,
.dateBoxPopup {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
  z-index: 3000;
}
.gwt-DatePicker {
  background-color: #ffffff;
  width: 100%;
}
.gwt-PopupPanel.DateValuePicker {
  z-index: 3000;
}
.datePickerMonthSelector {
  /*the month selector widget*/
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size: 17px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.datePickerMonthSelector .html-face {
  background-repeat: no-repeat;
  margin: 0;
}
.datePickerMonthSelector .datePickerMonth {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.datePickerPreviousYearButton,
.datePickerPreviousButton,
.datePickerNextYearButton,
.datePickerNextButton {
  cursor: pointer;
}
.datePickerPreviousYearButton .html-face {
  background-image: url("gfx/sekset/datepicker/date_picker_left_arrows.png");
  padding-left: 8px;
}
.datePickerPreviousButton .html-face {
  background-image: url("gfx/sekset/datepicker/date_picker_left_arrow.png");
  padding-left: 8px;
}
.datePickerNextYearButton .html-face {
  background-image: url("gfx/sekset/datepicker/date_picker_right_arrows.png");
  padding-right: 8px;
}
.datePickerNextButton .html-face {
  background-image: url("gfx/sekset/datepicker/date_picker_right_arrow.png");
  padding-right: 8px;
}
.datePickerDays {
  /*the portion of the picker that shows the days*/
  width: 100%;
}
.datePickerWeekdayLabel {
  /*the label over weekdays*/
  padding: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.datePickerWeekendLabel {
  /*the label over weekends*/
  padding: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.datePickerDay {
  /*a single day*/
  padding: 8px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.datePickerDay:hover {
  background-color: #EEEEEE;
  border-radius: 16px;
}
.datePickerDayIsToday {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.datePickerDayIsFiller {
  /*a day in another month*/
  color: #C3C3C3;
}
.datePickerDayIsValue {
  /*the selected day*/
  background-color: #000000;
  border-radius: 16px;
  color: #FFFFFF;
}
.datePickerDayIsValue:hover {
  background-color: #000000;
}
.datePickerDayIsDisabled {
  /*a disabled day*/
}
.datePickerDayIsHighlighted {
  /*the currently highlighted day*/
}
.datePickerDayIsValueAndHighlighted {
  /*the highlighted day if it is also selected*/
}
.stibo-Multivalued {
  /*width: 200px;*/
  padding-left: 0px;
}
.stibo-Multivalued table {
  border-spacing: 0;
}
.stibo-Multivalued input {
  margin-bottom: 4px;
}
td > .stibo-Value-Text-ListBox {
  margin-bottom: 2px;
}
.stibo-Multivalued-CheckBox {
  width: 300px;
}
.stibo-Multivalued-CheckBox,
.stibo-Multivalued .values td {
  border-style: none;
}
.stb-MultiValueFieldWrapper {
  padding-top: 6px;
}
.stb-MultiValueFieldWrapper .input-cell {
  height: 14px !important;
}
.stb-MultiValueFieldWrapper-Head {
  padding-top: 0px !important;
}
/*component containing multible assetvalue */
.stibo-AssetThumbnail {
  margin-top: 2px;
  margin-bottom: 2px;
}
/*table contaings addcommand and assets*/
.stibo-AssetThumbnail .assetvalue {
  margin-right: 6px;
}
.assetslayout .assetvalue {
  display: inline;
  padding-left: 16px;
  float: left;
}
.assetslayout .material-icons {
  font-size: 18px;
}
.assetslayout .assetcommands {
  min-height: 128px;
}
.assetslayout .assetimage {
  min-width: 100px;
  min-height: 100px;
  margin-bottom: 4px;
  display: flex;
}
.assetslayout .assetimage .Asset-no-content-Small,
.assetslayout .assetimage .Asset-no-content-Medium,
.assetslayout .assetimage .Asset-no-content-Large {
  background: url(gfx/sekset/no_asset_big.png) no-repeat center center;
  padding: unset;
  padding-bottom: unset;
  min-width: unset;
  height: 40px;
  width: 48px;
  margin: auto;
}
.assetslayout .assetimage img {
  margin: auto;
}
.gwt-DialogBox.portal-popup.ImageUtil-popup.Thumbnail_FULL {
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow: auto;
}
.gwt-DialogBox.portal-popup.ImageUtil-popup.Thumbnail_FULL .portal-popup-content.popup-content-graphics {
  max-width: calc(100vw - 64px);
  max-height: calc(100vh - 96px);
  overflow: auto;
}
.assetvalues {
  /*container for assetvalue*/
  padding-top: 3px;
  border-bottom: 1px solid #C3C3C3;
}
.stibo-AssetLink {
  background-image: url("gfx/sekset/download.png");
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  margin-right: auto;
  width: 20px;
  border: none;
}
.stibo-AssetLink-text {
  margin-top: 1px;
}
.stibo-AssetLink.disabled {
  cursor: default;
}
.assetimage-border.portal-popup-content {
  height: 160px;
  min-width: 160px;
  position: relative;
}
.assetimage-border.portal-popup-content img {
  padding: 0 32px 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ImageUtil-popup .portal-popup-content.popup-content-graphics {
  height: inherit;
}
.ImageUtil-popup .portal-popup-content.popup-content-graphics img {
  position: initial;
  padding: 0 32px 32px 32px;
  transform: initial;
  display: block;
  margin: auto;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  /* IE10+ CSS styles go here (cause its retarded)*/
  .portal-popup .assetimage-border.portal-popup-content img {
    position: relative;
    left: inherit;
    top: inherit;
    transform: inherit;
  }
}
.assetvideo-element {
  position: relative;
  display: table;
  z-index: 1;
  height: 100%;
  width: 100%;
  padding: 0 !important;
}
.assetpopupvideo-element {
  position: relative;
  width: 50%;
  height: 50%;
  z-index: 1;
}
.assetimage-container {
  height: auto;
  width: auto;
}
.assetimage-container .assetimage-border {
  height: auto;
  width: auto;
}
.assetimage-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.assetnoimage {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
  height: 84px;
  width: 84px;
  margin: 2px;
}
.stb-Grid {
  text-align: center;
}
/* width must be at least 148px to cope with 2 img across */
.stibo-GridTileWidget {
  border: 1px solid #EEEEEE;
  margin: 0 8px 8px 0;
  padding: 4px 8px 4px 8px;
  background-position: center center;
  border-radius: 4px;
  background-color: #FFFFFF;
  width: 148px;
  cursor: pointer;
}
.stibo-GridTileWidget > table {
  overflow: hidden !important;
}
.stibo-GridTileWidget:hover {
  border-color: #C3C3C3;
}
/* bigger border less padding */
.stibo-GridTileWidget-selected,
.stibo-GridTileWidget-selected:hover {
  border-color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}
.stibo-GridTileWidget img {
  position: relative;
  top: inherit;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: inherit;
  background-color: transparent;
  height: 100px;
  width: 70%;
  border-style: none;
}
.stibo-DomainTileWidget-Label {
  position: absolute;
  bottom: 5px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.stibo-AssetPort-Statusbar {
  width: 100%;
  padding-right: 15px;
}
.stibo-AssetPort-Statusbar-LabelSpacing {
  padding-left: 4px;
  padding-right: 4px;
}
.assetslayout .CommandAction.addcommand {
  display: inline;
  float: left;
}
.assetvalue .assettitle {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
}
.assetvalue .assetcommands .CommandAction.material-icons {
  color: white;
}
.assetvalue:hover .assetcommands .CommandAction.material-icons {
  color: #a7a6a8;
}
.assetvalue:hover .assetcommands .CommandAction.material-icons:hover {
  color: #414042;
}
.CommandAction {
  background: no-repeat center center;
  display: block;
  height: 14px;
  width: 14px;
  cursor: pointer;
  padding-bottom: 4px;
  padding-left: 4px;
}
.CommandAction.material-icons {
  font-size: 18px;
  background-image: none;
  color: rgba(0, 0, 0, 0.38);
  height: initial;
  width: initial;
  padding: 6px 4px;
}
.CommandAction.material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
.CommandAction.material-icons:focus {
  color: #000000;
}
.CommandAction.material-icons:active {
  color: #000000;
}
.CommandAction.material-icons.addcommand,
.CommandAction.material-icons.removecommand {
  transform: rotate(0.05deg);
}
.EncryptedValueDialog .gwt-Label {
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 3px;
}
.changereferencecommand {
  background-image: url("gfx/sekset/edit.png");
}
.valueBox {
  width: 100%;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
}
.timeBox {
  vertical-align: middle;
  padding-top: 4px;
  margin: auto;
}
.valueBox .caption {
  margin-left: 8px;
  line-height: 32px;
  color: #C3C3C3;
  font-size: 12px;
}
.timeBox .caption {
  padding-right: 8px;
  font-size: 12px;
  line-height: 24px;
}
.timeBox .separator {
  line-height: 24px;
}
.valueBox .values {
  margin-left: 8px;
  margin-right: 8px;
  width: 100%;
}
.timeBox .hours,
.timeBox .minutes,
.timeBox .seconds {
  width: 32px;
  text-align: center;
  padding: 0 4px;
}
.timeBox .hour12 {
  width: 48px;
  padding: 0 4px !important;
  margin-left: 4px;
}
.radioBox {
  padding: 4px 0px;
}
.fieldvalidation-warning {
  background-image: url('gfx/sekset/warning.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 25px;
  height: 20px;
}
i.fieldvalidation-warning {
  background: none;
  height: initial;
  width: initial;
}
.fieldvalidationmessage {
  color: #fc4c02;
}
.fieldvalidationwarnmessage {
  color: #ffd200;
}
.menulink {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.menulink:hover {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
}
.menulink:active {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.menulink:focus {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.menulink:disabled {
  color: #EEEEEE;
  text-decoration: underline;
  text-underline-color: #EEEEEE;
}
.options {
  padding-right: 6px;
  padding-left: 6px;
}
.spaced-element {
  margin: auto 0 8px 8px;
}
.stb-DetailPanel .spaced-element {
  margin: 4px 8px 8px 0;
}
.topspaced-element {
  margin-top: 10px;
}
.innerPanel .popupButton,
.nodeselector .popupButton {
  padding: 2px 4px;
}
.stibo-datalist {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.stb-dataListHeader {
  width: 100%;
  background-color: #777777;
  color: #ffffff;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: normal;
  height: 20px;
}
.stb-dataListContent {
  height: 20px;
}
.stibo-datalist .gwt-CheckBox {
  margin-left: 2px;
  position: relative;
  top: 1px;
}
.stb-dataListHeader .gwt-Label {
  color: #ffffff;
}
.stibo-dataListHeaderLabel {
  width: 100%;
}
.stibo-datalist tr:hover td {
  background: #ECEBEB;
}
.stibo-datalist tr.stb-dataListHeader:hover td {
  background-color: #777777;
}
.stibo-datalist col {
  width: 24px;
}
.stibo-datapager {
  border-top: 1px solid #C3C3C3;
  width: 100%;
  text-align: center;
}
.stibo-datapager table {
  margin-left: auto;
  margin-right: auto;
}
.stibo-datapager td {
  vertical-align: middle;
}
/*FINDME: where are paging styles used? (DynamicPagingControl)*/
.DynamicPagingControl .OperationControl {
  margin: 6px 0;
}
.paging {
  border: 1px solid white;
  background-color: white;
  width: 18px;
  text-align: center;
  cursor: pointer;
}
.paging-active {
  border-width: 1px;
  border-color: #C3C3C3;
  background-color: #EEEEEE;
  font-weight: bold;
  cursor: default;
}
.paging:hover {
  border-width: 1px;
  border-color: #C3C3C3;
  background-color: #EEEEEE;
  font-weight: bold;
}
.paging-pagecount {
  padding: 2px;
  width: 75px;
}
.suggestBox a {
  color: inherit;
}
.suggestBox tr:last-of-type td {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.suggestBox td:hover {
  background-color: #EEEEEE;
}
.suggestBox tr td.selected {
  background-color: #e6e6e6;
}
.suggestBoxLink {
  padding: 4px 16px;
  text-decoration: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* PortalPopupMessageDialog */
.portal-alert-icon-INFORMATION {
  background-image: url('gfx/sekset/info.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.portal-alert-icon-WARNING {
  background-image: url('gfx/sekset/warning.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.custom-icon-label {
  margin-top: -3px;
}
.portal-alert-icon-ERROR {
  background-image: url('gfx/sekset/error.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.button-panel,
.portal-alert-buttons {
  float: right;
  padding: 16px 32px;
}
.button-panel > .stibo-GraphicsButton:last-of-type,
.portal-alert-buttons > .stibo-GraphicsButton:last-of-type {
  margin-right: 0;
}
.button-panel tr td:last-of-type .stibo-GraphicsButton,
.portal-alert-buttons tr td:last-of-type .stibo-GraphicsButton {
  margin-right: 0;
}
.PortalPopupContent .button-panel {
  padding: 6px 0 0;
  margin-top: 0px;
}
.NodePickerPage .button-panel {
  align-items: flex-end;
  margin-left: auto;
  padding: 0;
  text-align: right;
}
/* inline display of alert-messages*/
.portal-alert .warning {
  background: url('gfx/sekset/warning.png') no-repeat top left;
  height: 18px;
  margin-right: 6px;
  width: 20px;
}
.portal-alert .warning-header {
  font-size: 12px;
  font-weight: bold;
}
.portal-alert .error {
  background: url('gfx/sekset/error.png') no-repeat top left;
  height: 18px;
  width: 20px;
  margin-right: 8px;
}
.portal-alert .error-header {
  font-size: 12px;
  font-weight: bold;
  color: #fc4c02;
}
.portal-alert .exception {
  background-image: url('gfx/sekset/error.png');
  height: 18px;
  width: 20px;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.portal-alert .exception-header {
  font-size: 12px;
  font-weight: bold;
  color: #fc4c02;
}
.portal-alert .info {
  background-image: url('gfx/sekset/info.png');
  background-repeat: no-repeat;
  background-position: center center;
  height: 14px;
  width: 14px;
  margin-right: 5px;
}
.portal-alert .plaintext {
  font-weight: normal;
}
.stibo-BackgroundProcesses.scrollPanel .portal-alert .info-header {
  font-size: 12px;
  font-weight: bold;
}
.stibo-BackgroundProcessDetail {
  margin: 8px;
}
.stibo-BackgroundProcessDetail .ExecutionReport {
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  overflow: auto;
  padding: 6px;
}
.stibo-BackgroundProcessDetail .ExecutionReport .lineNumber {
  margin-right: 8px;
}
.portal-alert .info-header {
  font-size: 12px;
  font-weight: bold;
  display: inline;
}
.PortalPopupContent .portal-alert {
  padding: 0px;
}
.portal-alert.PortalPopupContent .portal-alert-buttons {
  padding: 0px;
}
.portal-alert .gwt-HTML br {
  margin-bottom: 3px;
}
.login-controls .info-header {
  color: white;
}
.login-controls .portal-alert .info {
  margin-right: 8px;
}
.portal-alert .throwable-anchor {
  text-decoration: underline;
}
.portal-alert .throwable-display {
  display: block;
  font-family: monospace;
  margin: 1em;
  background-color: white;
  color: black;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.waitscreen {
  content: '';
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  border-radius: 50%;
  border: 5px solid #C3C3C3;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
  display: none;
  z-index: 10000002;
}
.waitscreenoverlay {
  display: none;
  z-index: 10000001;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}
.stibo-AttributeSearch input {
  width: 90%;
}
.nodelist .gwt-StandardTreeView {
  border: none;
}
.resultlist {
  width: 300px;
  padding-top: 2px;
  padding-left: 2px;
}
.resultlist .treeRow {
  height: 16px;
}
.stb-StackPanelHeader {
  border-bottom: 1px solid white;
}
.stb-StackPanelItem .SectionHeader {
  background: #C3C3C3;
  color: #ffffff;
  padding: 2px 0 2px 32px;
  margin: 8px 0;
  font-weight: bold;
}
.stb-StackPanelItem .statictextbox {
  padding-left: 32px;
}
.stb-tree {
  height: 100%;
  margin: 0;
  padding-bottom: 6px;
  overflow: auto;
}
.stb-StackPanelItem .stb-VerticalPanel .stb-tree {
  /*BAYWA-1050*/
  overflow: inherit;
}
.rtl .treeItem {
  margin-left: 0px;
  margin-right: 16px;
  background-position: right;
  padding-left: 0px;
  padding-right: 20px;
}
.stb-TreeItemContent {
  display: inline-block;
  vertical-align: middle;
}
.nodelist .stb-Tree {
  height: 90%;
  width: 90%;
}
.stb-tree.stb-StackPanelItem {
  height: auto;
  width: auto;
}
.stb-StackPanel {
  width: 100%;
  height: 100%;
}
.stb-SearchThumbnail {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.gwt-StackPanelContent {
  width: 100%;
  height: 1%;
}
.stb-VerticalPanel {
  width: 100%;
}
.toolbarlink {
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  top: 5px;
  white-space: nowrap;
}
.stb-AttributeGroupCriteria .search-attribute-group-add-link-wrapper {
  margin-top: 8px;
}
.stb-AttributeGroupCriteria .search-attribute-group-wrapper tr:nth-of-type(n + 2) .stb-SearchGroupAttributeBox {
  margin-top: 8px;
}
.sbt-ObjectTypeEditorPopup {
  width: 200px;
}
.stb-Pager {
  height: 24px;
}
.stb-Pager-Page {
  background-color: white;
  padding: 0 1em 0 1em;
  border: 1px solid #C3C3C3;
  margin: 2px;
  cursor: pointer;
}
.stb-Pager-Page-Selected {
  background-color: #C3C3C3;
}
.stb-ButtonPanel {
  height: 24px;
  /*width: 100%;*/
  float: right;
}
.stb-TopButtonPanel {
  height: 24px;
  text-align: right;
  float: left;
  margin-top: 15px;
  margin-bottom: 4px;
  margin-left: 42px;
}
.Asset-no-content-Medium {
  background: url("gfx/sekset/no_asset_big.png") no-repeat top center;
  height: 40px;
  width: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 32px;
}
.FormFieldWidget .Asset-no-content-Medium {
  background-position: left center;
}
.assetimage-border.assetimage .Asset-no-content-Medium {
  background-position: center;
}
.Asset-no-content-Small {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
  padding: 0 32px 32px;
  width: 16px;
}
.Asset-no-content-Large {
  background: url("gfx/sekset/no_asset_big.png") no-repeat top center;
  min-width: 49px;
  height: 40px;
  padding-bottom: 32px;
}
.stb-Tile-Asset-no-content {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
}
.stibo-DomainTileWidget-selected .stb-Tile-Asset-no-content {
  background-image: url("gfx/sekset/no_asset_big_white.png");
}
.stb-Tile-Product {
  background: url("gfx/sekset/product_big.png") no-repeat center center;
}
.selected .stb-Tile-Product {
  background: url("gfx/sekset/product_big_white.png") no-repeat center center;
}
.stb-Tile-Classification {
  background: url("gfx/sekset/classification_big.png") no-repeat center center;
}
.selected .stb-Tile-Classification {
  background: url("gfx/sekset/classification_big_white.png") no-repeat center center;
}
.stibo-DomainTileWidget-Graphic.stb-Tile-Classification,
.stibo-DomainTileWidget-Graphic.stb-Tile-Product {
  background-size: auto;
}
.stb-Tile-Entity {
  background: url("gfx/sekset/entity_big.png") no-repeat center center;
}
.selected .stb-Tile-Entity {
  background: url("gfx/sekset/entity_big_white.png") no-repeat center center;
}
.stb-Thumbnail-Asset-no-content {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
  background-size: auto 16px;
}
.selected .stb-Thumbnail-Asset-no-content {
  background: url("gfx/sekset/no_asset_big_white.png") no-repeat center center;
  background-size: auto 16px;
}
.stb-Thumbnail-None {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
  background-size: auto 16px;
}
.selected .stb-Thumbnail-None,
.DataGrid-Row-selected .stb-Thumbnail-None {
  background-image: url("gfx/sekset/no_asset_big_white.png");
}
.selected .stb-Thumbnail-None,
.DataGrid-Row-selected:hover .stb-Thumbnail-None {
  background-image: url("gfx/sekset/no_asset_big.png");
}
.stb-Thumbnail-Classification {
  background: url("gfx/sekset/classification_folder.png") no-repeat center center;
}
.stb-Thumbnail-Product {
  background: url("gfx/sekset/product_family.png") no-repeat center center;
}
.stb-Thumbnail-Entity {
  background: url("gfx/sekset/entity.png") no-repeat center center;
}
.selected .stb-Thumbnail-Entity {
  background-image: url("gfx/sekset/entity_white.png");
}
.flipperPanelHeader {
  color: #ffffff;
  background-color: #777777;
  margin-top: 5px;
  text-decoration: none;
}
.flipperPanel-open {
  margin-bottom: 15px;
}
.flipperPanelInner {
  padding-top: 6px;
  padding-bottom: 6px;
}
.flipperPanel {
  width: 100%;
  margin-top: 5px;
}
.flipperPanelHeader .gwt-Label {
  font-weight: bold;
  padding-top: 3px;
  padding-left: 2px;
  padding-bottom: 3px;
  color: white;
  margin-left: 12px;
  line-height: 14px;
}
.stb-tabPanel {
  width: 100%;
  height: 100%;
}
.Duns.odd {
  background-color: #EEEEEE;
}
.Duns.even {
  background-color: white;
}
.Duns.fieldtitle {
  color: #777777;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 3px;
}
.DunsButton .icon {
  background-image: url(gfx/sekset/white/dnb_button.png);
}
.stb-Value-URL-button {
  background: url("gfx/sekset/link.png") no-repeat scroll center center transparent;
  cursor: pointer;
  height: 20px;
  margin-left: -26px;
  margin-top: 6px;
  position: absolute;
  width: 20px;
}
.stb-Value-URL-button-NodeList {
  background: url("gfx/sekset/go_to_link.png") no-repeat scroll center center transparent;
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
/*------------------------- MiniBar and its children ------------------------*/
.stb-MiniBar {
  position: fixed;
  z-index: 210;
  top: 0;
  right: 20px;
  padding: 0;
  margin: 0;
}
.stb-MiniBarAction,
.stb-NavigationPanel-Label.stb-MiniBarAction {
  background-color: white;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /* IE7 workaround for unsupported inline-block */
  padding: 4px 8px;
  border-bottom: 1px solid #C3C3C3;
  position: relative;
  z-index: 210;
  margin: 0;
  top: 0px;
}
.stb-MiniBar .stb-NavigationPanel-Label.stb-MiniBarAction {
  background-position: 8px center;
  padding-left: 18px;
}
.stb-MiniBarAction-Active:hover {
  cursor: pointer;
}
.stb-MiniBarDropDown {
  background-color: white;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /* IE7 workaround for unsupported inline-block */
  padding: 4px 10px;
  background-position: center right;
  background-repeat: no-repeat;
  border-bottom: 1px solid #C3C3C3;
  position: relative;
  z-index: 210;
}
.stb-MiniBarDropDown:hover {
  cursor: pointer;
}
.stb-MiniBarDropDown.open {
  background-image: url(gfx/sekset/miniarrow_up_grey.png);
  border-left: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
}
.stb-MiniBarDropDown.closed {
  background-image: url(gfx/sekset/miniarrow_down_grey.png);
}
.stb-MiniBarSlidingPanel {
  position: fixed;
  padding: 0.5em;
  padding-top: 2em;
  z-index: 150;
  border: 1px solid #C3C3C3;
  background-color: #FFFFFF;
}
.stb-MiniBarSlidingPanel .gwt-Label {
  color: #414042;
  padding-left: 1em;
  padding-right: 1em;
}
.stb-MiniBarSlidingPanel .gwt-Label:hover {
  cursor: pointer;
}
.stb-MiniBarSlidingPanel .gwt-Label.selected {
  color: #ffffff;
  background-color: #C3C3C3;
  border-radius: 0.5em;
  position: relative;
}
.stb-MiniBar-SelectionTable {
  width: 100%;
  height: 100%;
}
.stb-MiniBar-Left {
  padding-left: 1em;
  border-radius: 0 0 0 1em;
  border-left: 1px solid #C3C3C3;
}
.stb-MiniBar-Right {
  border-right: 1px solid #C3C3C3;
  -moz-border-radius-bottomright: 1em;
  border-radius: 0 0 1em 0;
}
.stb-MiniBar-Drawer .gwt-SuggestBox {
  margin: 2px;
  padding: 2px;
  width: 305px;
}
.stb-MiniBar-Drawer.gwt-SuggestBoxPopup {
  width: 305px;
}
/*----------------------- End of MiniBar : Cheers ------------------------*/
.stb-ResizablePanel {
  background-image: url('gfx/resize_corner.png');
  padding: 0;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.gwt-DialogBox .stb-ResizablePanel {
  width: 100%;
}
.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stb-enrichHeaderTable h2 {
  padding-left: 14px;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}
.innerPanel.mandatory,
.innerPanel.optional {
  position: relative;
}
.stb-ColumnsControl {
  background: #ffffff;
  width: calc(100% - 32px);
  height: 100%;
  position: relative;
  overflow: auto;
}
.stb-2columEditor {
  width: 50%;
}
.stb-3columEditor {
  width: 33.3333%;
}
.stb-4columEditor {
  width: 25%;
}
.stb-5columEditor {
  width: 20%;
}
.stb-ColumnsControl .SplitPanel {
  height: 100%;
  width: 100%;
}
.stb-ColumnsControl .GroupedComponent .single-component {
  margin: 6px 0 0;
}
.stb-StackPanel.SplitPanelContent {
  padding: 0;
}
.stb-ColumnsControl .stb-NodeEditor.SplitPanelContent {
  margin: 0;
}
.stb-ColumnsControl .SplitPanelContent.SplitPanelContent-left {
  width: 100%;
  padding-left: 16px;
}
.stb-ColumnsControl .SplitPanelContent.SplitPanelContent-left.ZebraTable {
  margin-left: 32px;
  margin-top: 32px;
  width: calc(100% - 32px);
}
.stb-tabPanelContainer .stb-ColumnsControl .SplitPanelContent.SplitPanelContent-left {
  padding-left: 0;
}
.stb-ColumnsControl .SplitPanelContent.SplitPanelContent-right {
  width: 100%;
  padding-left: 0;
}
.stb-ColumnsControl .SplitPanelContent.SplitPanelContent-right.ZebraTable {
  margin-top: 32px;
  width: calc(100% - 6px);
}
table.ColumnPanel > tbody > tr > td:first-of-type > .ZebraTable {
  margin-left: 32px;
  width: calc(100% - 48px);
}
table.ColumnPanel > tbody > tr > td:not(:first-of-type):not(:last-of-type) > .ZebraTable {
  width: calc(100% - 16px);
}
table.ColumnPanel > tbody > tr > td:last-of-type > .ZebraTable {
  width: 100%;
}
table.ColumnPanel > tbody > tr > td:only-of-type > .ZebraTable {
  width: calc(100% - 32px);
}
table.ColumnPanel > tbody > tr .ZebraTable {
  margin-right: 16px;
  margin-top: 32px;
}
.stb-BorderPanel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.gwt-PopupPanel.stb-SearchDatePopup {
  position: relative;
  z-index: 100;
}
.stb-MultiAssetUploadDialog-classification-picker {
  position: absolute;
  right: 5px;
  float: none;
}
.stb-MultiAssetUploadDialog-classification-title {
  width: 200px;
}
.stb-MultiAssetUploadDialog-classification-label {
  margin-right: 10px;
}
.stb-editModeContainer {
  width: 100%;
  cursor: pointer;
}
.ReferenceValue .material-icons {
  font-size: 18px;
}
.ReferenceValue .Inherited i.material-icons {
  display: none;
}
.ReferenceValueDescription {
  padding-left: 8px;
}
.ReferenceValue-readonly {
  background-color: #414042;
}
.ReverseReferenceValue h2 {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 4px;
}
.ReverseReferenceValue table tr td {
  padding-bottom: 4px;
}
.ReverseReferenceValue .treeItem {
  margin: 0;
  width: 14px;
  padding: 0 8px 0 0;
}
/*RelationTable*/
.stb-RelationTable {
  margin-bottom: 1em;
  margin-top: 4px;
}
.stb-RelationTable-Title {
  float: left;
  font-weight: bold;
  margin-top: 4px;
  margin-right: 4px;
}
.stb-RelationTable-Header .material-icons {
  padding-top: 2px;
}
.stb-RelationTable td.readonly-cell {
  background-color: #ECEBEB;
  padding: 2px;
}
.stb-RelationTable .material-icons {
  font-size: 18px;
}
.stb-RelationTable .iconcol,
.stb-RelationTable .titlecol,
.stb-RelationTable .actioncol {
  padding: 2px 4px;
}
.headercol {
  text-align: center;
}
.stb-RelationTable-Body table {
  width: 100%;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
}
.stb-RelationTable-Body table td {
  border-top: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
}
.stb-RelationTable-Body table td:first-of-type {
  border-left: medium none;
}
.stb-RelationTable-Body th {
  padding: 8px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.stb-RelationTable td.suppressed {
  background: repeating-linear-gradient(135deg, #C3C3C3, #C3C3C3 1px, #fff 2px, #fff 6px);
}
.stb-RelationTable-ValidationIcon {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(gfx/sekset/warning.png);
  width: 20px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  float: right;
  margin-left: 5px;
  position: relative;
}
.stb-RelationTable-ValidationIcon .callout {
  display: none;
  z-index: 101;
  width: 250px;
  top: 32px;
  left: -20px;
}
.stb-RelationTable-ValidationIcon:hover .callout {
  display: block;
}
.stb-RelationTable-Body input {
  height: 29px;
  border: none;
  padding: 0 8px;
}
.callout {
  position: relative;
  padding: 8px 10px;
  background-color: #ffffff;
  border-radius: 6px;
  color: #414042;
}
.callout .notch {
  position: absolute;
  top: -10px;
  left: 20px;
  margin: 0;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  padding: 0;
  width: 0;
  height: 0;
}
.border-callout {
  border: 1px solid #fc4c02;
  padding: 7px 9px;
}
.border-callout .border-notch {
  border-bottom-color: #fc4c02;
  top: -11px;
}
.stb-DashboardTable {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: none;
  table-layout: fixed;
}
.stb-DashboardTable td {
  overflow: hidden;
  vertical-align: top;
  border: 1px solid #C3C3C3;
}
.stb-DashboardTable-Cell {
  overflow: hidden;
}
.KPITable-Grid {
  border-collapse: collapse;
}
.KPITable-Grid td {
  border: 1px solid #C3C3C3;
}
.stb-Button-Delete-Small {
  width: 14px;
  height: 14px;
  background: url(gfx/sekset/close.png) no-repeat center;
}
.stb-Button-Delete-Small.material-icons {
  background-image: none;
  height: auto;
  width: auto;
  padding: 0;
}
.stb-Button-Add-Small {
  width: 14px;
  height: 14px;
  background: url(gfx/sekset/add.png) center;
  background-repeat: no-repeat;
}
.stb-Button-Add-Small.material-icons {
  background-image: none;
  height: auto;
  width: auto;
  padding: 0;
}
.stb-Button-Edit-Small {
  width: 16px;
  height: 16px;
  background: url(gfx/sekset/edit.png) center no-repeat;
}
.stb-Button-Edit-Small.material-icons {
  background-image: none;
  height: auto;
  width: auto;
  padding: 0;
}
.actioncol.suppressed .stb-Button-Adjust-Visibility-Small {
  background-image: url(gfx/sekset/remove-suppression-icon-sm.png);
}
.actioncol .stb-Button-Adjust-Visibility-Small.unSuppressed {
  background-image: url(gfx/sekset/suppress-icon-sm.png);
}
.stb-Button-Add-Small,
.stb-Button-Delete-Small,
.stb-Button-Edit-Small,
.stb-Button-Adjust-Visibility-Small,
.stb-Button-Proof-View-Small {
  cursor: pointer;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  background-color: rgba(255, 255, 255, 0.25);
  overflow: auto;
  height: 100%;
  bottom: 60px;
}
.gwt-TabLayoutPanelContent .stb-VerticalPanel .gwt-DisclosurePanel {
  width: calc(100% - 32px);
  padding-left: 32px;
}
/*StatusSelector*/
.statusSelector .header-advanced {
  padding: 0 16px 0 0;
  height: 32px;
}
.statusSelector .header-advanced td:first-of-type {
  vertical-align: middle !important;
}
.WorkflowIcons {
  background-color: white;
  position: absolute;
  right: 16px;
}
.stb-Widget-content .WorkflowTitle {
  display: none;
}
.stb-Widget-content .WorkflowFilter .NodePickerIcon {
  height: 20px;
  width: 20px;
  right: 0;
  position: absolute;
}
.WorkflowFilter .NodePickerIcon {
  right: 12px;
  position: absolute;
  top: 38px;
}
.workflow-states-wrapper {
  width: 100%;
  overflow: hidden;
}
.workflow-states-wrapper a,
.workflow-states-wrapper a:hover,
.workflow-states-wrapper a:hover:active {
  text-decoration: none !important;
  color: black !important;
}
.workflow-states-wrapper .menulink {
  border-bottom: 0 !important;
}
.workflow-states-wrapper.scroll {
  overflow-y: auto;
}
.workflow-states-table {
  width: 100%;
}
.initiate-state-panel {
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
  padding: 6px 8px 8px 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.statusCount {
  padding-left: 2px;
  float: right;
  margin-right: 16px;
}
.WorkflowStates {
  width: 100%;
}
.WorkflowStates tr:hover {
  background-color: #EEEEEE;
}
.WorkflowStates td {
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
  height: 24px;
}
.WorkflowStates tr a:first-of-type {
  margin-left: 16px;
  display: block;
}
.WorkflowStates > .workflow-states-wrapper:nth-child(3) {
  max-height: 166px;
}
.WorkflowStates > .workflow-states-wrapper:nth-child(2) {
  max-height: 198px;
}
.WorkflowStates > .workflow-states-wrapper:nth-child(1) {
  max-height: 230px;
}
.statusSelector .header-advanced a {
  float: right;
  height: 20px;
  margin-left: 4px;
  background-repeat: no-repeat;
}
.statusSelector .header-advanced .all {
  background-image: url("gfx/sekset/all_toolbar.png");
  width: 34px;
}
.statusSelector .header-advanced .group {
  background-image: url("gfx/sekset/group_toolbar.png");
  width: 28px;
}
.statusSelector .header-advanced .single_user {
  background-image: url("gfx/sekset/single_toolbar.png");
  width: 21px;
}
.statusSelector .header-advanced .all_selected {
  background-image: url("gfx/sekset/all_toolbar_selected.png");
  width: 34px;
}
.statusSelector .header-advanced .group_selected {
  background-image: url("gfx/sekset/group_toolbar_selected.png");
  width: 28px;
}
.statusSelector .header-advanced .single_user_selected {
  background-image: url("gfx/sekset/single_toolbar_selected.png");
  width: 21px;
}
.single_user_assign {
  background-image: url("gfx/sekset/box.png");
  background-repeat: no-repeat;
  float: left;
  height: 16px;
  width: 14px;
  cursor: pointer;
}
.selected .single_user_assign,
.sheet-table td.cell-selected .single_user_assign {
  background-image: url("gfx/sekset/box.png");
}
.single_user_unassign {
  background-image: url("gfx/sekset/checkbox.png");
  background-repeat: no-repeat;
  float: left;
  height: 16px;
  width: 14px;
  cursor: pointer;
}
.selected .single_user_unassign,
.sheet-table td.cell-selected .single_user_unassign {
  background-image: url("gfx/sekset/checkbox.png");
}
.fillParent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/*--- customer data ---*/
.stb-RelatedEntityDialog {
  width: 736px;
  height: 100%;
}
.stb-RelatedEntityDialog-ListBox {
  margin-top: 12px;
  margin-left: 8px;
  margin-right: 16px;
}
.stb-RelatedEntityDialog-EditorArea {
  width: 408px;
  height: 200px;
}
.stb-RelatedEntityDialog-EditorArea .stb-NodeDetails {
  height: 100%;
  width: 100%;
}
.stb-RelatedEntityDialog .button-panel {
  text-align: right;
}
.duplicates {
  list-style: none;
}
.duplicates li {
  font-weight: bold;
}
.duplicates a {
  padding-left: 5px;
  font-weight: normal;
  color: #414042;
  text-decoration: underline;
  float: right;
}
.infoPanel {
  padding-top: 20px;
  padding-right: 0.7em;
  padding-left: 0.7em;
  background-color: white;
}
div.duplicates {
  border: 1px solid #C3C3C3;
  background: white;
  padding: 1em;
  padding-top: 0em;
  padding-left: 1.5em;
}
.duplicates legend {
  font-size: 10pt;
  font-weight: bold;
  color: #414042;
}
.duplicates ul {
  margin: 0;
  padding: 0;
}
.duplicates li {
  padding: 4px;
}
.duplicates li.odd {
  background-color: #C3C3C3;
}
.duplicates-details {
  width: 500px;
  height: 400px;
}
.stibo-DuplicateInfo-Content {
  width: 500px;
  height: 400px;
}
.stibo-Preview-Item {
  box-sizing: border-box;
  border: 1px solid #C3C3C3;
  display: inline-block;
  background-color: #EEEEEE;
  height: initial;
  padding: 8px;
  width: 440px;
}
.stibo-Preview-Summary {
  width: 255px;
  display: inline-block;
  background-color: #EEEEEE;
}
.stibo-Preview-Summary:hover {
  cursor: pointer;
}
.stibo-Preview-Buttons {
  float: right;
  border-spacing: 2px;
}
.stibo-DetailPanel {
  float: right;
  min-width: 630px;
  min-height: 500px;
  height: 100%;
  width: 100%;
  overflow: auto;
  position: relative;
}
.stibo-DetailPanel .stb-NodeDetails {
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.stibo-Preview .stb-Button-Add-Small {
  clear: left;
  display: block;
}
.gwt-MenuItem-disabled {
  color: #C3C3C3;
}
.aggregate-Preview-Popup .list {
  padding: 0 32px;
}
.aggregate-Preview-Popup .list select {
  width: 100%;
}
.aggregate-Preview-Popup .search {
  padding: 0 32px;
}
/*--- end customer data --*/
.stb-nodeListContainter {
  margin-top: 30px;
}
.stibo-Popup-Navigation {
  padding: 4px;
  border: 1px solid #C3C3C3;
  background-color: #FFFFFF;
}
.stibo-Popup-Navigation .stibo-Navigation {
  text-decoration: none;
  font-weight: bold;
}
.stibo-Popup-Navigation .stibo-Navigation:hover {
  text-decoration: underline;
}
/*Multi Editor styles moved to MultiEditor.less*/
.sort-and-filtering-dialog {
  max-height: 400px;
  min-height: 300px;
  width: 300px;
}
.sort-and-filtering-dialog-sorting {
  margin-top: 8px;
  border-bottom: 1px solid #C3C3C3;
}
.sort-and-filtering-dialog-sorting__headline {
  background-color: #f5f5f5;
  color: #C3C3C3;
  font-size: 12px;
  padding: 5px 16px;
}
.sort-and-filtering-dialog-sorting__ascending {
  position: relative;
  cursor: pointer;
  padding: 8px 16px;
}
.sort-and-filtering-dialog-sorting__ascending:hover {
  background-color: #EEEEEE;
}
.sort-and-filtering-dialog-sorting__ascending::after {
  position: absolute;
  right: 16px;
  background: url(gfx/sekset/sortingAndFiltering/sort_asc_column.png) no-repeat center center;
  width: 16px;
  height: 16px;
  content: '';
}
.sort-and-filtering-dialog-sorting__ascending--selected,
.sort-and-filtering-dialog-sorting__ascending--selected:hover {
  background-color: #e6e6e6;
}
.sort-and-filtering-dialog-sorting__ascending-label {
  display: inline;
}
.sort-and-filtering-dialog-sorting__descending {
  position: relative;
  cursor: pointer;
  padding: 8px 16px;
  margin-bottom: 8px;
}
.sort-and-filtering-dialog-sorting__descending:hover {
  background-color: #EEEEEE;
}
.sort-and-filtering-dialog-sorting__descending::after {
  position: absolute;
  right: 16px;
  background: url(gfx/sekset/sortingAndFiltering/sort_desc_column.png) no-repeat center center;
  width: 16px;
  height: 16px;
  content: '';
}
.sort-and-filtering-dialog-sorting__descending--selected,
.sort-and-filtering-dialog-sorting__descending--selected:hover {
  background-color: #e6e6e6;
}
.sort-and-filtering-dialog-sorting__descending-label {
  display: inline;
}
.sort-and-filtering-dialog-filtering-header {
  margin-top: 8px;
  padding: 0 16px;
}
.sort-and-filtering-dialog-filtering-header__dropdown {
  max-width: 130px;
}
.sort-and-filtering-dialog-filtering-header__input {
  width: 100%;
  margin-left: 8px;
  max-width: 130px;
}
.sort-and-filtering-dialog-filtering__content {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 8px 16px;
  min-height: 172px;
  max-height: 172px;
}
.sort-and-filtering-dialog-filtering__content > .gwt-CheckBox:nth-of-type(n + 2) {
  display: block;
  margin-top: 8px;
}
.sort-and-filtering-dialog-bottom__filtering-count {
  margin-left: 16px;
  margin-bottom: 8px;
}
.sort-and-filtering-dialog-bottom__buttons {
  float: right;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-right: 16px;
}
.sort-and-filtering-dialog-bottom__buttons > button:nth-last-of-type(n + 2) {
  margin-right: 8px;
}
.sort-and-filtering-dialog-bottom__buttons-wrapper {
  border-top: 1px solid #C3C3C3;
  height: 50px;
  width: 100%;
}
.sort-and-filtering-dialog .filterCheckbox label {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sort-and-filtering-dialog .filterPanel {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 8px 16px;
  width: calc(100% - 32px);
}
.sort-and-filtering-dialog .filterPanel .FormFieldTable {
  padding: 0;
  width: 100%;
}
.sort-and-filtering-dialog .filterPanel .FormFieldTable input,
.sort-and-filtering-dialog .filterPanel .FormFieldTable select {
  width: 100%;
}
.sort-and-filtering-dialog .filterPanel select {
  width: 100%;
}
.FormFieldTable {
  padding: 0 32px;
  border-spacing: 0 8px;
}
.FormFieldTable td {
  vertical-align: top;
}
.FormFieldTable .fieldtitle {
  line-height: 14px;
  padding: 8px 0;
}
.FormFieldTable select.FormFieldWidget {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
  min-width: 302px;
}
.FormFieldTable select.FormFieldWidget::-ms-expand {
  /* IE 11 */
  display: none;
}
.FormFieldTable select.FormFieldWidget:hover {
  border: solid 1px #a7a6a8;
}
.FormFieldTable select.FormFieldWidget:active {
  color: #414042;
  border: solid 1px #000000;
}
.FormFieldTable select.FormFieldWidget:focus {
  outline: none;
  border: solid 1px #000000;
}
.FormFieldTable select.FormFieldWidget:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.FormFieldTable .FormFieldWidget {
  margin-bottom: 4px;
}
.FormFieldTable .FormFieldWidget.gwt-Label {
  line-height: 14px;
  margin-top: 8px;
}
.FormFieldTable .FormFieldWidget.gwt-TextBox {
  padding: 0 8px;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown,
.FormFieldTable .FormFieldWidget select,
.FormFieldTable .FormFieldWidget .gwt-ListBox {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
  width: 100%;
  min-width: 302px;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown::-ms-expand,
.FormFieldTable .FormFieldWidget select::-ms-expand,
.FormFieldTable .FormFieldWidget .gwt-ListBox::-ms-expand {
  /* IE 11 */
  display: none;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown:hover,
.FormFieldTable .FormFieldWidget select:hover,
.FormFieldTable .FormFieldWidget .gwt-ListBox:hover {
  border: solid 1px #a7a6a8;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown:active,
.FormFieldTable .FormFieldWidget select:active,
.FormFieldTable .FormFieldWidget .gwt-ListBox:active {
  color: #414042;
  border: solid 1px #000000;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown:focus,
.FormFieldTable .FormFieldWidget select:focus,
.FormFieldTable .FormFieldWidget .gwt-ListBox:focus {
  outline: none;
  border: solid 1px #000000;
}
.FormFieldTable .FormFieldWidget .stibo-Dropdown:disabled,
.FormFieldTable .FormFieldWidget select:disabled,
.FormFieldTable .FormFieldWidget .gwt-ListBox:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.FormFieldTable .h-spacer {
  margin-left: 8px;
}
.AttributeValueHistoryDataGrid {
  max-height: 500px;
}
.AttributeValueHistoryDataGrid .DataGrid-History {
  min-width: 570px;
  margin: 0 0 16px 0;
}
.AttributeValueHistoryDataGrid .DataGrid-History > div:first-of-type table {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.AttributeValueHistoryDataGrid .DataGrid-History > div:last-of-type table {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.AttributeValueHistoryDataGrid-label {
  white-space: nowrap;
  font-size: 12px;
  color: #C3C3C3;
  padding: 5px 16px;
  margin-top: 8px;
  height: 24px;
  width: 100%;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.DataGrid-History {
  height: 200px;
  width: 400px;
  margin: 8px;
}
.DataGrid-HistoryCell div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DataGrid-HistoryCell-Value {
  min-width: 60px;
}
.jPicker td label {
  white-space: nowrap;
}
.jPicker .Grid {
  /* hide the background behind the quick pick list */
  background-repeat: no-repeat;
  background-position: center center;
}
.DataImport .buttons {
  padding: 8px 32px;
}
/*Dashboard widgets*/
.DashboardWidgetContainer i.NoDataWidget.material-icons {
  text-align: center;
  font-size: 40px;
  margin-top: 16px;
}
.stb-NodeEditor .DashboardWidgetContainer {
  position: relative;
  max-height: 190px;
  min-height: 32px;
  height: inherit !important;
  margin: 0px;
}
.stb-NodeEditor .DashboardWidgetContainer i.NoDataWidget.material-icons {
  text-align: left;
  font-size: 24px;
}
.stb-NodeEditor .DashboardWidgetContainer .content:not(.NoDataWidget) {
  padding-top: 8px;
}
.DashboardWidgetContainer .content th:nth-child(1) {
  /*first header of table (left)*/
  text-align: left;
}
.DashboardWidgetContainer .content th:nth-child(2) {
  /*second header of table (right)*/
  text-align: right;
}
.DashboardWidgetContainer .content th:last-child {
  /*last header of table (right)*/
  text-align: right;
}
.DasboardCell-KPITable {
  margin: 2px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.DashboardCell-Attribute {
  text-align: left;
}
.DashboardCell-Completeness {
  text-align: right;
}
.DashboardCell-ObjectTypeIcon {
  text-align: right;
}
.DashboardCell-ObjectTypeName {
  text-align: left;
}
.stb-ChangedSelection {
  border: 1px solid #C3C3C3;
  width: 100%;
}
.stb-ChangedSelection .Header {
  margin-bottom: 2px;
  font-weight: bold;
}
.gwt-ProgressBar-text {
  position: absolute;
  top: 50%;
  font-size: 1em;
  margin-top: -0.6em;
}
.completenessMeterContainer {
  width: 440px;
  height: 32px;
  padding: 0;
  position: relative;
}
.completenessMeterContent {
  border-radius: 1px 0 0 1px;
  height: 30px;
}
.completenessMeterLabel {
  left: 192px;
  position: absolute;
  text-align: center;
  line-height: 30px;
  width: 48px;
}
.completenessMeterLabelColor80 {
  color: #ffffff;
}
.completenessMeterLabelColor90 {
  color: #ffffff;
}
.completenessMeterLabelColor98 {
  color: #ffffff;
}
.completenessMeterLabelColor100 {
  color: #ffffff;
}
.completenessMeterColor0 {
  background-color: transparent;
}
.completenessMeterColor10 {
  background-color: #c01821;
}
.completenessMeterColor20 {
  background-color: #ca4521;
}
.completenessMeterColor30 {
  background-color: #da7f18;
}
.completenessMeterColor40 {
  background-color: #ebb001;
}
.completenessMeterColor50 {
  background-color: #fee90c;
}
.completenessMeterColor60 {
  background-color: #d7d300;
}
.completenessMeterColor70 {
  background-color: #aabe16;
}
.completenessMeterColor80 {
  background-color: #7dab2a;
}
.completenessMeterColor90 {
  background-color: #579e33;
}
.completenessMeterColor98 {
  background-color: #018e39;
}
.completenessMeterColor100 {
  background-color: #018e39;
  border-radius: 1px 1px 1px 1px;
}
.completeness-details .header {
  background-color: #f5f5f5;
  color: #8d8c8e;
  font-size: 12px;
  line-height: 24px;
  padding: 0 16px;
  margin-top: 8px;
}
.completeness-details div {
  max-height: 300px;
  overflow: auto;
}
.completeness-details div .grid {
  padding: 0 16px 12px;
}
.completeness-details div .grid .attribute-score {
  line-height: 24px;
}
.stb-rich-text-field {
  width: 440px;
}
.stb-rich-text-field .stb-rich-text-field-display {
  border: solid 1px #C3C3C3;
  border-radius: 2px;
  padding: 8px;
  box-sizing: border-box;
  min-height: 56px;
}
.stb-rich-text-field .stb-rich-text-field-display:hover {
  border: solid 1px #a7a6a8;
}
.stb-rich-text-field .stb-rich-text-field-display--hover {
  border: solid 1px #a7a6a8;
}
.stb-rich-text-field > textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  min-height: 32px !important;
}
.stb-rich-text-editor {
  padding: 0 32px;
}
.stb-rich-text-editor div.button-panel {
  padding-right: 0;
}
.stb-rich-text-editor .unit-panel {
  margin-top: 6px;
}
.stb-rich-text-editor .unit-panel div.gwt-Label {
  margin-right: 6px;
  margin-top: 4px;
  font-weight: bold;
}
.stb-line {
  width: 100%;
  border-top: 1px solid #C3C3C3;
}
.stb-header {
  color: #414042;
  font-size: 14px;
  margin-top: 8px;
}
.stb-DataTable .body td div {
  overflow-x: hidden;
  white-space: normal;
}
> .stb-DataTable-CellHoover {
  max-width: 200px;
  min-height: 15px;
  white-space: normal;
  background: white;
  padding: 3px;
}
.stb-DataTable-PopupPanel {
  border: 1px solid;
  z-index: 200;
}
.stb-Widget {
  width: 174px;
  height: 234px;
  padding: 0px;
  margin: 20px;
  border: 7px solid undefined;
  border-radius: 8px;
  background: white;
  display: inline-block;
}
.stb-Widget.stb-Widget-double {
  width: 402px;
}
.stb-Widget .statusSelector {
  margin-top: 0px;
  border: 0px;
  padding: 4px;
}
.ListOfWidget.stb-Widget-content {
  padding: 4px;
}
.stb-widgetWrapper {
  margin-left: 16px;
}
.stb-Widget-Grid {
  position: relative;
  overflow: hidden;
  float: left;
}
.stb-Widget-Grid-AfterTiles {
  clear: left;
}
.mainArea {
  background-image: none;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mainarea .rightPanel {
  width: 80px;
  vertical-align: top;
  border-right: 1px solid #C3C3C3;
  overflow: hidden;
}
.mainArea .leftPanel {
  width: 80px;
  vertical-align: top;
  border-right: 1px solid #C3C3C3;
  overflow: visible;
  z-index: 90;
  margin-bottom: 20px;
}
.mainArea .scrollPanel {
  overflow: auto;
}
.mainArea-isImploded {
  margin-left: -8px !important;
}
.mainArea-isImploded .leftPanel {
  margin-left: 0;
  border: none;
}
.mainArea .topbar {
  height: 80px;
  vertical-align: top;
  border-bottom-width: 0px;
}
.mainArea-content {
  overflow: hidden;
  background-color: white;
  z-index: 50;
  vertical-align: top;
  border-left: 1px solid #C3C3C3;
}
.mainArea-content.isExpanded {
  border: 0 solid transparent;
  margin: 0px;
  padding: 0px;
}
.mainArea-content.isExpanded .stibo-HomePage {
  overflow: auto;
  border: none;
}
.stb-Widget-Grid .stb-ChangedSelection {
  border-style: none;
  width: 100%;
  height: 100%;
}
.stb-SearchWidgetphrase {
  white-space: nowrap;
  color: #777777;
  font-weight: bold;
}
.stb-SearchWidget-button {
  background: url("gfx/sekset/search_toolbar.png") no-repeat scroll center center transparent;
  padding-left: 25px;
  padding-bottom: 25px;
  float: right;
}
.stb-SearchWidget-top {
  border-bottom: 7px solid undefined;
  min-height: 25px;
  width: 175px;
}
.stb-SearchWidget-suggestBox,
.stb-SearchWidget-suggestBox:focus {
  width: 80%;
  border: none;
  margin: 3px;
}
.stb-SearchWidget-bottom {
  position: relative;
  margin: 4px;
  display: block;
  max-width: 165px;
  overflow: hidden;
}
.stb-SearchWidget-bottom-label {
  margin-bottom: 4px;
  font-weight: bold;
}
.stb-SearchWidget-gradient {
  position: absolute;
  display: block;
  height: 10px;
  bottom: 0px;
  width: 100%;
  background: url(gfx/sekset/gradient.png) repeat-x;
}
.stb-SearchWidget {
  width: 100%;
}
.stb-NavigationPanel-Locale {
  background-image: url("gfx/sekset/globe.png");
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
  display: block;
}
.invalidInputValue-Warning,
.businessCondition-Warning textarea,
.businessCondition-Warning input,
.businessCondition-Warning .radioBox,
.businessCondition-Warning.stibo-Multivalued-CheckBox,
.businessCondition-Warning .dropdown {
  /*component indications for business conditions warnings */
  border: 1px solid #ffd200;
}
.invalidInputValue-Warning:hover,
.businessCondition-Warning textarea:hover,
.businessCondition-Warning input:hover,
.businessCondition-Warning .radioBox:hover,
.businessCondition-Warning.stibo-Multivalued-CheckBox:hover,
.businessCondition-Warning .dropdown:hover {
  border: 1px solid #ffd200;
}
.invalidInputValue-Warning:focus,
.businessCondition-Warning textarea:focus,
.businessCondition-Warning input:focus,
.businessCondition-Warning .radioBox:focus,
.businessCondition-Warning.stibo-Multivalued-CheckBox:focus,
.businessCondition-Warning .dropdown:focus {
  border: 1px solid #ffd200;
}
.businessCondition-Error textarea,
.businessCondition-Error input,
.businessCondition-Error .radioBox,
.businessCondition-Error.stibo-Multivalued-CheckBox,
.businessCondition-Error .dropdown {
  /*component indications for business conditions errors*/
  border: 1px solid #fc4c02;
}
.businessCondition-Error textarea:hover,
.businessCondition-Error input:hover,
.businessCondition-Error .radioBox:hover,
.businessCondition-Error.stibo-Multivalued-CheckBox:hover,
.businessCondition-Error .dropdown:hover {
  border: 1px solid #fc4c02;
}
.businessCondition-Error textarea:focus,
.businessCondition-Error input:focus,
.businessCondition-Error .radioBox:focus,
.businessCondition-Error.stibo-Multivalued-CheckBox:focus,
.businessCondition-Error .dropdown:focus {
  border: 1px solid #fc4c02;
}
.headlineStaticText {
  width: 300px;
  border-bottom: 1px solid #414042;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
.MessageView {
  padding: 16px 32px;
}
.MessageView h1 {
  font-size: 20px;
  padding-bottom: 16px;
}
.stibo-AssetThumbnail.FormFieldWidget,
.DashboardWidgetContainer.FormFieldWidget {
  min-width: 308px;
}
/*ValueSection*/
.gwt-DisclosurePanel,
.ValueSection {
  width: 100%;
}
.gwt-DisclosurePanel .header,
.ValueSection .header {
  text-decoration: none;
  background-color: #EEEEEE !important;
  height: 24px;
  padding: 0 10px 0 20px;
  display: flex !important;
  align-items: center;
  position: relative;
}
.gwt-DisclosurePanel .header i,
.ValueSection .header i {
  position: absolute;
  top: 0;
  left: 0;
}
.gwt-DisclosurePanel .stb-valuesEditorTable,
.ValueSection .stb-valuesEditorTable {
  width: 100%;
}
.gwt-DisclosurePanel .fieldtitleLabel,
.ValueSection .fieldtitleLabel {
  padding-top: 3px;
}
.gwt-DisclosurePanel .ValueSectionHeaderIcon,
.ValueSection .ValueSectionHeaderIcon {
  display: none;
}
.gwt-DisclosurePanel a,
.ValueSection a,
.gwt-DisclosurePanel a:link,
.ValueSection a:link {
  color: #414042 !important;
  text-decoration: none;
}
.gwt-DisclosurePanel.gwt-DisclosurePanel-open:hover,
.ValueSection.gwt-DisclosurePanel-open:hover,
.gwt-DisclosurePanel.gwt-DisclosurePanel-closed:hover,
.ValueSection.gwt-DisclosurePanel-closed:hover {
  border-color: #e6e6e6;
}
.gwt-DisclosurePanel.gwt-DisclosurePanel-open:hover > tbody > tr > td > .header,
.ValueSection.gwt-DisclosurePanel-open:hover > tbody > tr > td > .header,
.gwt-DisclosurePanel.gwt-DisclosurePanel-closed:hover > tbody > tr > td > .header,
.ValueSection.gwt-DisclosurePanel-closed:hover > tbody > tr > td > .header {
  background-color: #e6e6e6 !important;
}
.gwt-DisclosurePanel.gwt-DisclosurePanel-open,
.ValueSection.gwt-DisclosurePanel-open {
  border-width: 0 3px 3px 3px;
  border-style: solid;
  border-color: #EEEEEE;
}
.gwt-DisclosurePanel.gwt-DisclosurePanel-open .header,
.ValueSection.gwt-DisclosurePanel-open .header {
  background-color: #fff;
}
.gwt-DisclosurePanel.gwt-DisclosurePanel-closed,
.ValueSection.gwt-DisclosurePanel-closed {
  height: 32px;
}
.gwt-DisclosurePanel .FormFieldTable,
.ValueSection .FormFieldTable {
  padding-left: 0;
}
.gwt-DisclosurePanel .FormFieldWidget,
.ValueSection .FormFieldWidget {
  left: -1px;
  min-width: 300px;
}
.gwt-DisclosurePanel .FormFieldWidget.stibo-Value-ReadOnly,
.ValueSection .FormFieldWidget.stibo-Value-ReadOnly,
.gwt-DisclosurePanel .FormFieldWidget.gwt-Label,
.ValueSection .FormFieldWidget.gwt-Label {
  min-width: 300px;
  padding: 3px;
}
.gwt-DisclosurePanel .ValueSectionContent,
.ValueSection .ValueSectionContent,
.gwt-DisclosurePanel .content,
.ValueSection .content {
  border-radius: 4px;
}
.FormFieldWidget .fieldvalidationmessage {
  padding-left: 0;
}
.FormFieldWidget.References,
.FormFieldWidget.ClassificationProductLinks,
.FormFieldWidget .References,
.FormFieldWidget .ClassificationProductLinks {
  width: 440px;
}
.FormFieldWidget.References .stb-Button-Add-Small.material-icons,
.FormFieldWidget.ClassificationProductLinks .stb-Button-Add-Small.material-icons,
.FormFieldWidget .References .stb-Button-Add-Small.material-icons,
.FormFieldWidget .ClassificationProductLinks .stb-Button-Add-Small.material-icons {
  padding-left: 4px;
}
.FormFieldWidget.ClassificationProductLinks {
  width: auto;
}
/** FollowSingleReference */
.FollowSingleReferenceContentError {
  background: url('gfx/sekset/error.png') no-repeat top left;
  height: 18px;
  margin-right: 6px;
  margin-top: 7px;
  padding-left: 26px;
  padding-top: 3px;
  width: 100%;
}
.FollowSingleReferenceWarning {
  background: url('gfx/sekset/warning.png') no-repeat top left;
  height: 18px;
  margin-right: 6px;
  margin-top: 7px;
  padding-left: 26px;
  padding-top: 3px;
  width: 100%;
}
.DialogListViewContentError {
  background: url('gfx/sekset/error.png') no-repeat top left;
  padding-left: 26px;
  padding-top: 3px;
  width: 100%;
}
.AdjustVisibilityGrid {
  padding: 0 32px;
}
.AdjustVisibilityGrid td {
  padding: 2px 6px;
}
.AdjustVisibilityGrid .AdjustVisibilityHeader td {
  border: 1px solid white;
  padding: 4px 6px;
}
.AdjustVisibilityHeader {
  font-weight: bold;
  background-color: #C3C3C3;
}
.stb-file-tree {
  display: inline;
}
.SelectAssetsDialog .DataGrid {
  margin: 0;
}
.SearchPanel .stibo-GraphicsButton {
  margin: 0;
}
.SearchPanel .gwt-SuggestBox {
  margin-right: 4px;
}
.SearchPanel {
  margin-bottom: 6px;
}
.nodeselector .gwt-TabPanelBottom,
.nodeselector .gwt-TabLayoutPanelContentContainer {
  overflow: visible;
}
.nodeselector .portal-popup-header__title {
  padding-bottom: 0;
}
.nodeselector .nodelist {
  min-width: 450px;
  overflow: hidden;
  flex: 9;
  display: flex;
  min-height: 1px;
  flex-basis: 370px;
}
.nodeselector .SearchPanel {
  margin-top: 4px;
  padding-bottom: 8px;
}
.nodeselector .ResultTable {
  min-height: 300px;
  width: 100%;
  margin: 0;
}
.nodeselector .ResultTable .treeItem-classification,
.nodeselector .ResultTable .treeItem-product {
  background-position-x: 8px;
  padding-left: 30px;
}
.nodeselector .ResultTable .treeItem-collectiongroup {
  background-position-x: 8px;
  padding-left: 30px;
}
.nodeselector .fieldtitle {
  margin-right: 16px;
}
.nodeselector .CreatePanel {
  /*  min-height: 459px;
    min-width: 450px;
    height: 433px;*/
  /* height: ~"calc(100% - 32px)"; should be same height as Search and Browse */
}
.nodeselector .CreatePanel input {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.nodeselector .CreatePanel input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.nodeselector .CreatePanel input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.nodeselector .CreatePanel input:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.nodeselector .CreatePanel input:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.nodeselector .CreatePanel input:hover {
  border: solid 1px #a7a6a8;
}
.nodeselector .CreatePanel input:active {
  color: #414042;
  border: solid 1px #000000;
}
.nodeselector .CreatePanel input:focus {
  outline: none;
  border: solid 1px #000000;
}
.nodeselector .CreatePanel input:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.nodeselector .CreatePanel input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.nodeselector .CreatePanel select {
  color: #414042;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 6px 24px 6px 8px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat right 4px top 4px #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-padding-start: 5px;
  padding-bottom: 8px;
}
.nodeselector .CreatePanel select::-ms-expand {
  /* IE 11 */
  display: none;
}
.nodeselector .CreatePanel select:hover {
  border: solid 1px #a7a6a8;
}
.nodeselector .CreatePanel select:active {
  color: #414042;
  border: solid 1px #000000;
}
.nodeselector .CreatePanel select:focus {
  outline: none;
  border: solid 1px #000000;
}
.nodeselector .CreatePanel select:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.nodeselector .CreatePanel .FormFieldTable {
  padding: 0;
}
.nodeselector .CreatePanel .FormFieldTable > tbody:first-of-type > tr > td {
  padding-bottom: 6px;
}
.nodeselector .CreatePanel .FormFieldWidget {
  padding-bottom: 6px;
  position: relative;
}
.nodeselector .CreatePanel .NodePickerIcon {
  margin-left: -28px;
  margin-top: 5px;
}
.nodeselector .CreatePanel .fieldtitle {
  padding-bottom: 2px;
  padding-top: 0px;
}
.nodeselector .CreatePanel .FormFieldWidget .gwt-TextBox {
  max-width: 348px;
}
.nodeselector .CreatePanel td {
  vertical-align: inherit !important;
}
.nodeselector .CreatePanel .button-panel {
  position: absolute;
  bottom: 16px;
  right: 32px;
  margin: 0;
}
.nodeselector .CreatePanel .button-panel .OKButton {
  margin-right: 8px;
}
.nodeselector .CreatePanel .button-panel .CancelButton {
  margin: 0;
}
.nodeselector.extAPI .CreatePanel {
  display: table;
}
.CreatePanel .Field {
  width: 300px;
  margin-bottom: 6px;
  display: inline-block;
}
.nodeselector .FindSimilarSearchPanel {
  min-width: 450px;
  height: 100%;
  /* should be same height as Search and Browse */
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable {
  margin-top: 8px;
  padding: 0;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable > tbody:first-of-type > tr > td {
  padding-bottom: 6px;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:hover {
  border: solid 1px #a7a6a8;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:active {
  color: #414042;
  border: solid 1px #000000;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:focus {
  outline: none;
  border: solid 1px #000000;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable .fieldtitle {
  padding-bottom: 2px;
  padding-top: 0px;
}
.nodeselector .FindSimilarSearchPanel .FormFieldTable td {
  vertical-align: inherit !important;
}
.nodeselector .FindSimilarSearchPanel .button-panel .OKButton {
  margin-right: 8px;
}
.nodeselector .FindSimilarSearchPanel .button-panel .CancelButton {
  margin: 0;
}
.ie .nodeselector .FindSimilarSearchPanel {
  /*IE sucks, probably some boxing stuff*/
  min-height: 453px;
}
.FindSimilarSearchPanel .Field {
  width: 300px;
  margin-bottom: 6px;
  display: inline-block;
}
.FindSimilarSearchPanel .FindSimilarHelp {
  padding-bottom: 8px;
}
.detail .gwt-Label {
  height: 1.5em;
}
.detail .gwt-Label.error {
  color: #fc4c02;
}
.StiboSimplePager {
  margin-left: 22px;
}
.StiboSimplePager .gwt-HTML {
  margin-bottom: 2px;
}
.StiboSimplePager .material-icons {
  font-size: 16px;
}
.StiboSimplePager > tbody > tr > td {
  cursor: pointer;
}
.StiboSimplePager > tbody > tr > td i {
  opacity: 0.7;
  cursor: pointer;
}
.StiboSimplePager > tbody > tr > td i:hover {
  opacity: 1;
}
.StiboSimplePager > tbody > tr > td.disabled {
  cursor: default;
}
.StiboSimplePager > tbody > tr > td.disabled i {
  opacity: 0.3;
  cursor: default;
}
.StiboSimplePager > tbody > tr > td.disabled i:hover {
  opacity: 0.3;
}
.StiboSimplePager td {
  padding: 0px 8px 0px 8px;
}
.assetBulkUploadDialog {
  position: relative;
  background-color: #ffffff;
  border: 4px solid #FFFFFF;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  z-index: 200;
  margin-top: 2px;
  padding: 5px;
}
.bulkUploadCancel {
  width: 14px;
  height: 12px;
  cursor: pointer;
  background: url("gfx/stb-btn_delete_r_small.png") no-repeat scroll center center transparent;
}
.assetBulkUploadDialog .buttonPanel {
  margin-left: 115px;
  margin-top: 5px;
}
.assetBulkUploadDialog .stibo-link {
  margin-right: 5px;
}
.assetBulkUploadDialog .targetClassificationSelectorPanel {
  margin-top: 5px;
}
.assetBulkUploadDialog .matcherPanel {
  margin-top: 5px;
}
.stb-report-container {
  position: relative;
  height: 500px !important;
}
div.stb-bp-progress-bar {
  background-color: transparent;
  border: 1px solid #C3C3C3;
}
.gwt-ProgressBar-shell.stb-bp-progress-bar {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
  border: 1px solid #C3C3C3;
}
.stb-bp-progress-bar-color {
  background-color: #7dab2a;
}
.stb-bp-progress-bar-text-firstHalf {
  color: #414042;
}
.stb-bp-progress-bar-text-secondHalf {
  color: #FFF;
}
.stb-bp-progress-bar-text-top_zero {
  top: 0px;
}
.stb-bp-progress-bar .gwt-ProgressBar-text {
  text-align: center;
  width: 100%;
}
.embeddedNumberPicker-compound .embeddedNumberPicker-part {
  border: 0 none;
  border-radius: 0 0 0 0;
  width: 128px;
  font-size: 14px;
  height: 32px;
  padding: 0 8px;
}
.embeddedNumberPicker-compound .embeddedNumberPicker-prefix.embeddedNumberPicker-part {
  border-right: 1px solid #C3C3C3;
}
.embeddedNumberPicker-compound .embeddedNumberPicker-number {
  width: 132px;
}
.embeddedNumberPicker-compound .embeddedNumberPicker-suffix.embeddedNumberPicker-part {
  border-left: 1px solid #C3C3C3;
}
.embeddedNumberPicker-unit-popupPanel {
  background-color: #ffffff;
  border: 1px solid #C3C3C3;
  z-index: 200;
}
.embeddedNumberPicker-popupPanel {
  background-color: #ffffff;
  border: 1px solid #C3C3C3;
  z-index: 200;
}
.stb-downloadResult {
  background-image: url('gfx/sekset/download.png');
  background-repeat: no-repeat;
  background-position: center center;
  height: 14px !important;
  width: 14px;
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.stb-downloadResultWrapper {
  text-align: center;
  width: 100%;
}
.stb-bgp-status {
  padding-left: 24px !important;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: sub;
}
.stb-bgp-status-wrapper {
  height: 20px;
}
.stb-DataTable tr.even.selected div.stb-bgp-waiting {
  background-image: url('gfx/sekset/process-waiting-white.png');
}
.stb-DataTable tr.odd.selected div.stb-bgp-waiting {
  background-image: url('gfx/sekset/process-waiting-white.png');
}
.stb-DataTable tr.even.selected div.stb-bgp-suspended {
  background-image: url('gfx/sekset/process-waiting-white.png');
}
.stb-DataTable tr.odd.selected div.stb-bgp-suspended {
  background-image: url('gfx/sekset/process-waiting-white.png');
}
.stb-DataTable .stb-downloadResult {
  height: 100%;
  vertical-align: middle;
}
.stb-bgp-waiting {
  background-image: url('gfx/sekset/process-waiting.png');
}
.stb-bgp-succeeded {
  background-image: url('gfx/sekset/process-succeeded.png');
}
.stb-bgp-aborted {
  background-image: url('gfx/sekset/process-aborted.png');
}
.stb-bgp-failed {
  background-image: url('gfx/sekset/process-failed.png');
}
.stb-bgp-completedwitherrors {
  background-image: url('gfx/sekset/process-ended_with_errors.png');
}
.stb-bgp-unexpected {
  background-image: url('gfx/sekset/process-failed.png');
}
.stb-bgp-suspended {
  background-image: url('gfx/sekset/process-waiting.png');
}
.stb-downloadResultDialog td {
  padding: 4px;
}
.stb-bgp-notification-cornerbar {
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline;
  height: 16px;
  margin-right: 5px;
  padding-bottom: 5px;
  padding-left: 21px;
  position: relative;
  background-image: url("gfx/BGP_cornerbar.png");
}
.stb-bgp-notification-cornerbar-running {
  background-image: url("gfx/BGP_cornerbar.png");
}
.stb-bgp-notification-cornerbar-success {
  background-image: url("gfx/BGP_cornerbar_success.png");
}
.stb-bgp-notification-cornerbar-error {
  background-image: url("gfx/BGP_cornerbar_error.png");
}
.stb-bgp-notigfication-processeslink {
  text-align: left;
  padding: 6px 10px;
}
.stb-bgp-notification-table td {
  padding-right: 10px;
}
.stb-bgp-notification-table tr:hover {
  background-color: #EEEEEE;
}
.stb-bgp-notification-table .gwt-ProgressBar-shell.stb-bp-progress-bar {
  height: 14px;
}
.stb-bgp-notification-table tr {
  cursor: pointer;
}
.stb-bgp-notification-table table {
  table-layout: auto !important;
}
.stb-bgp-notification-table .body {
  overflow-y: visible !important;
}
.stb-bgp-notification-table .body td div {
  overflow-x: visible !important;
}
.stb-bgp-notification-table .stb-bgp-status-wrapper {
  display: table-row !important;
}
.stb-bgp-notification-table .stb-bgp-status-wrapper .stb-bgp-status {
  display: table-cell;
}
.stb-bgp-notification-table .stb-bgp-status-wrapper span {
  vertical-align: middle;
  display: table-cell;
}
.stb-SearchCollectionGroupIcon {
  background: url("gfx/sekset/search_below.png") no-repeat scroll center center transparent;
  float: left;
  height: 20px;
  margin: 0 8px 0 0;
  position: absolute;
  right: 0;
  width: 24px;
}
.stb-SSExport {
  background-color: #FFFFFF;
  margin-top: 10px;
  border: 1px solid #C3C3C3;
  padding: 0px 0px 5px 0px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.stb-SSExport-name {
  background-image: url("gfx/sekset/white/download_button.png");
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-color: undefined;
  color: #FFF;
  font-style: normal;
  margin: 2px 2px 5px 2px;
  padding: 2px 2px 2px 20px;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
}
.SmartSheet {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.stb-SSExport-pickerarea {
  height: 32px;
}
.stb-SSExport-pickerarea .input-widget {
  height: 32px;
}
.stb-SSExport-multipickerarea {
  max-height: 64px;
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.stb-SSExport-multipickerarea .input-widget {
  max-height: 60px;
  max-width: 100%;
  min-height: 32px;
}
.stb-SSExport-button {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 16px;
  margin-top: 8px;
}
.stb-SSExport-fieldarea {
  position: relative;
  width: 100%;
}
.stb-SSExport-pickerfield {
  margin-left: 6px;
  margin-top: 6px;
  padding-right: 20px;
  width: 100%;
}
.stb-SSExport-pickeranchor-snip .stb-SSExport-pickeranchor {
  right: 8px;
  position: absolute;
  top: 6px;
  color: rgba(0, 0, 0, 0.38);
}
.stb-SSExport-pickeranchor-snip .stb-SSExport-pickeranchor:hover {
  color: rgba(0, 0, 0, 0.54);
}
.stb-SSExport-recentlabel {
  display: none;
}
.stb-SSExport-recentpanel {
  flex: 3;
  flex-direction: row;
  overflow: auto;
  padding: 8px 16px 0 16px;
}
.stb-SSExport-recentpanel div {
  padding-bottom: 8px;
}
.stb-SSExport-recentpanel div:last-child {
  padding-bottom: 0;
}
.stb-SSImport {
  padding: 0px 32px 16px 32px;
}
.stb-SSImport .gwt-CheckBox {
  margin-top: 4px !important;
}
.stb-SSImport .gwt-FileUpload {
  width: 300px;
  margin-bottom: 16px;
}
.stb-SSImport .gwt-Label {
  font-weight: bold;
  padding-bottom: 4px;
}
.refreshCollection-text {
  padding-bottom: 15px;
  min-width: 250px;
}
.gwt-DialogBox .input-cell,
.PortalPopup .input-cell {
  padding-left: 8px;
  padding-right: 8px;
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  height: 56px;
  border-collapse: separate;
  overflow-y: auto;
}
.gwt-DialogBox .input-cell::-webkit-input-placeholder,
.PortalPopup .input-cell::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.gwt-DialogBox .input-cell::-moz-placeholder,
.PortalPopup .input-cell::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.gwt-DialogBox .input-cell:-ms-input-placeholder,
.PortalPopup .input-cell:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.gwt-DialogBox .input-cell:-moz-placeholder,
.PortalPopup .input-cell:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.gwt-DialogBox .input-cell:hover,
.PortalPopup .input-cell:hover {
  border: solid 1px #a7a6a8;
}
.gwt-DialogBox .input-cell:active,
.PortalPopup .input-cell:active {
  color: #414042;
  border: solid 1px #000000;
}
.gwt-DialogBox .input-cell:focus,
.PortalPopup .input-cell:focus {
  outline: none;
  border: solid 1px #000000;
}
.gwt-DialogBox .input-cell:disabled,
.PortalPopup .input-cell:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.gwt-DialogBox .input-cell:-webkit-autofill,
.PortalPopup .input-cell:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.gwt-DialogBox .ErrorSpinner,
.PortalPopup .ErrorSpinner {
  width: 300px;
}
.PortalPopupContent .allNoneWidget {
  margin-left: 5px;
  margin-top: 4px;
}
/*---*/
.SelectAssetsDialog input[type="checkbox"] {
  display: inline;
}
.stb-MultiFacet-cell input[type="checkbox"] {
  display: inline;
}
.DuplicateFromGridAction {
  margin: 0 32px;
}
.DuplicateFromGridAction .header {
  font-size: 12px;
  margin-bottom: 8px;
  color: #8d8c8e;
}
.DuplicateFromGridAction input {
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  border-radius: 2px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  border-radius: 2px;
}
.DuplicateFromGridAction input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.DuplicateFromGridAction input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.DuplicateFromGridAction input:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.DuplicateFromGridAction input:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.DuplicateFromGridAction input:hover {
  border: solid 1px #a7a6a8;
}
.DuplicateFromGridAction input:active {
  color: #414042;
  border: solid 1px #000000;
}
.DuplicateFromGridAction input:focus {
  outline: none;
  border: solid 1px #000000;
}
.DuplicateFromGridAction input:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.DuplicateFromGridAction input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.DuplicateFromGridAction input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C3C3C3;
}
.DuplicateFromGridAction input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C3C3C3;
}
.DuplicateFromGridAction input:-ms-input-placeholder {
  /* IE 10+ */
  color: #C3C3C3;
}
.DuplicateFromGridAction input:-moz-placeholder {
  /* Firefox 18- */
  color: #C3C3C3;
}
.DuplicateFromGridAction input:hover {
  border: solid 1px #a7a6a8;
}
.DuplicateFromGridAction input:active {
  color: #414042;
  border: solid 1px #000000;
}
.DuplicateFromGridAction input:focus {
  outline: none;
  border: solid 1px #000000;
}
.DuplicateFromGridAction input:disabled {
  color: #C3C3C3;
  border: solid 1px #C3C3C3;
  background-color: #EEEEEE;
}
.DuplicateFromGridAction input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.DuplicateFromGridAction-options {
  margin-top: 16px;
}
/* Attribute Link Editor */
.stb-AttributeLinkEditor-VisibilityDialog {
  min-width: 250px;
  padding: 0px 32px;
}
.stb-AttributeLinkEditor-VisibilityDialog-ChildrenPanel {
  padding-left: 20px;
}
.stb-AttributeLinkEditor-VisibilityDialog-ActionPanel.button-panel {
  padding-top: 20px;
}
.stb-AttributeLinkEditor-VisibilityDialog-ActionPanel.button-panel button {
  float: left;
}
.stb-AttributeLinkEditor-VisibilityDialog-DimensionHeaderLabel {
  margin-bottom: 5px;
  font-weight: bold;
}
.stibo-reference-attribute-multivalued {
  display: block;
}
.CollectionScreen .ScreenTitle {
  margin-left: 8px;
  margin-top: 8px;
}
.stb-DirtyWarningDialog-Message {
  padding: 0 32px;
}
.EditCollectionSearchCriteriaButton .icon {
  background-image: url(gfx/sekset/white/collection_button.png);
}
.EditCollectionSearchCriteriaAdvSearchCollectionIdAnchor {
  font-size: 16px;
  padding-left: 3px;
}
.portal-popup .ReferenceCount {
  min-width: 200px;
  padding: 0 32px 32px 32px;
}
.CreateProductOverrideScreen .innerPanel {
  margin: 0 8px;
}
.CreateProductOverrideScreen h1 {
  margin: 8px;
}
.NoScriptMessageBox {
  margin-left: 35%;
  position: fixed;
}
.uvc-saveMyViewButton {
  background-image: url("gfx/sekset/user_view_configuration/start_button.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 14px;
}
.uvc-candidates-panel {
  margin: 0 32px 0 32px;
}
.uvc-header .uvc-value-header,
.uvc-header .uvc-valuegroup-header,
.uvc-header .uvc-reference-header {
  height: 21px;
  width: 17px;
  float: left;
  background-position: 0% center, 0% center;
  margin-right: 8px;
  margin-top: 5px;
}
.uvc-header .remove-header {
  background: url('gfx/sekset/clear.png') no-repeat center center;
  width: 30px;
  height: 100%;
  float: right;
  display: block;
  cursor: pointer;
}
.uvc-SuggestBoxContainer .gwt-SuggestBox,
.SuggestBoxContainer .NodePickerIcon {
  position: relative;
  display: block;
  float: left;
}
.uvc-SuggestBoxContainer .NodePickerIcon,
.SuggestBoxContainer .NodePickerIcon {
  background: url("gfx/sekset/user_view_configuration/picker_outside_field.png") no-repeat scroll center center transparent;
  position: relative;
  height: 20px;
  width: 20px;
  cursor: pointer;
  float: left;
  display: block;
}
.uvc-edit-views .uvc-SuggestBoxContainer {
  bottom: 0;
  display: block;
  left: 0;
  right: 0;
}
.uvc-edit-views {
  margin: 0 32px 64px 32px;
}
.uvc-edit-views-title {
  margin-bottom: 10px;
}
.portal-popup-content {
  width: 100%;
}
.SubmitDialog .portal-popup-content {
  padding: 0 32px 16px 32px;
  width: auto;
}
.SubmitDialog .portal-popup-content > table > tbody > tr > td:last-of-type > * {
  width: 400px;
}
.SubmitDialog .portal-popup-content > table > tbody > tr:nth-of-type(n + 2) > td:last-of-type > * {
  margin-top: 8px;
}
.SubmitDialog .portal-popup-content .button-panel {
  padding-right: 0;
}
.uvc-share-dialog {
  margin: 0 32px;
  overflow-x: hidden;
}
.uvc-share-dialog span {
  display: block;
}
.uvc-share-dialog span:nth-of-type(n + 2) {
  margin-top: 8px;
}
.uvc-share-dialog label {
  padding-left: 20px;
}
.uvc-valuegroup-header {
  background: url("gfx/sekset/attribute_group_folder.gif") no-repeat;
}
.uvc-value-header {
  background: url("gfx/sekset/attribute_tree.png") no-repeat;
}
.uvc-reference-header {
  background: url("gfx/sekset/advanced_search/reference_advanced_search.png") no-repeat;
}
.uvc-editor-table .head {
  display: none;
}
.uvc-editor-table .body {
  overflow-y: visible !important;
  height: auto !important;
}
.uvc-views-table td {
  padding-right: 0px;
  padding-left: 0px;
  border-right: 0px !important;
}
.uvc-views-table tr:hover {
  background-color: #EEEEEE;
}
.uvc-views-table tr {
  cursor: pointer;
}
.uvc-views-table table {
  table-layout: auto !important;
}
.uvc-views-table .body {
  overflow-y: visible !important;
}
.uvc-views-table td .ellipsis {
  overflow: hidden;
  width: 200px;
  margin-right: 10px;
}
.uvc-views-table tr.selected {
  background-color: #e6e6e6;
}
.uvc-ViewGroup {
  max-width: 440px;
}
.uvc-ViewGroup-checkbox-group {
  margin-top: 8px;
}
.uvc-ViewGroupTitle {
  font-size: 12px;
  color: #C3C3C3;
}
.uvc-views-separator {
  border: 0;
  border-top: 1px solid #C3C3C3;
  border-color: #777777;
}
.uvc-action-menu {
  width: 80px;
}
.uvc-view-context-menu-popup {
  width: 296px;
}
.uvc-view-context-menu-popup .gwt-TabPanel {
  width: 100%;
}
.uvc-view-context-menu-popup .gwt-TabPanel .gwt-TabBar {
  padding-left: 16px;
}
.uvc-view-context-menu-popup .gwt-TabPanel .body {
  width: 100%;
}
.uvc-view-context-menu-popup .gwt-TabPanel .body > table {
  width: 100%;
}
.uvc-view-context-menu-popup .resizable-tabs {
  padding-left: 16px;
}
.uvc-action-menu .menulink {
  margin-bottom: 5px;
  margin-left: 2px;
}
.uvc-tab-recent,
.uvc-tab-all {
  overflow-y: auto;
  height: 304px !important;
  overflow-x: hidden;
  width: 296px !important;
}
.uvc-tab-all .uvc-tab-title:first-of-type {
  margin-top: 0;
}
.uvc-tab-title {
  margin-top: 8px;
  width: 100%;
  background-color: #f5f5f5;
  white-space: nowrap;
  font-size: 12px;
  color: #C3C3C3;
  padding: 5px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.uvc-tab-title .CommandAction {
  float: right;
  padding-right: 11px;
  padding-bottom: 0px;
}
.uvc-editor-table table {
  table-layout: auto !important;
  width: 100%;
  border-spacing: 0 8px;
}
.uvc-editor-table td {
  padding: 0;
}
.uvc-editor-table .gwt-SuggestBox {
  width: auto;
}
.uvc-drag-mixin {
  position: relative;
  background-color: #C3C3C3;
  width: 24px;
  height: 32px;
  border-radius: 2px;
}
.uvc-drag-mixin::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'more_vertmore_vert';
  font-size: 22px;
  letter-spacing: -16px;
  color: white;
  left: -2px;
  top: 5px;
  position: absolute;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.uvc-drag-cell {
  position: relative;
  background-color: #C3C3C3;
  width: 24px;
  height: 32px;
  border-radius: 2px;
  cursor: move;
}
.uvc-drag-cell::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'more_vertmore_vert';
  font-size: 22px;
  letter-spacing: -16px;
  color: white;
  left: -2px;
  top: 5px;
  position: absolute;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.uvc-drag-header {
  position: absolute;
  opacity: 0.4;
  border-color: #505050;
  border-style: solid;
  border-width: 1px;
}
table.uvc-drag-header {
  border-spacing: 0;
}
.uvc-drag-icon {
  position: relative;
  background-color: #C3C3C3;
  width: 24px;
  height: 32px;
  border-radius: 2px;
  padding-left: 24px;
  width: 0;
}
.uvc-drag-icon::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'more_vertmore_vert';
  font-size: 22px;
  letter-spacing: -16px;
  color: white;
  left: -2px;
  top: 5px;
  position: absolute;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.uvc-drag-header .uvc-header,
.uvc-drag-header .uvc-header .uvc-value-header,
.uvc-drag-header .uvc-header .uvc-valuegroup-header,
.uvc-drag-header .uvc-header .uvc-remove-header {
  height: 0;
}
.uvc-header {
  background: #EEEEEE;
  height: 32px;
  vertical-align: middle;
  line-height: 32px;
  padding-left: 8px;
}
.uvc-title {
  float: left;
  overflow-x: hidden;
  max-width: 344px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.DnBLookUpDialog {
  width: 50%;
}
.DnBLookUpDialog table {
  width: 100%;
}
.DnBLookUpDialog .dnbLookupTableDiv {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  zoom: 1;
}
.DnBLookUpDialog .DataGrid th:hover {
  color: #ffffff;
}
.DnBLookUpDialog .SelectCompanyLabel {
  padding: 5px 2px;
  font-size: 14px;
  font-weight: bold;
}
.cursor-hand {
  cursor: pointer;
}
.NoResultDialog .portal-alert .gwt-HTML {
  margin: 0 32px;
}
.stb-license-warning {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: url(gfx/sekset/warning.png) no-repeat 6px 6px white;
  padding-left: 32px;
  border: 3px solid #ffd200;
  height: 30px;
  z-index: 1;
  margin: 0;
}
.stb-license-warning .gwt-Label {
  font-weight: bold;
  color: black;
  font-size: 12px;
  padding-top: 8px;
}
.bold_underline {
  border-bottom: 1px solid #777777;
  font-weight: bold;
}
.workflowState-table {
  width: 300px;
  table-layout: fixed;
}
.workflowState-table td div {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workflowState-table-with-statusflag {
  width: 440px;
  table-layout: fixed;
}
.workflowState-table-with-statusflag td div {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workflowState-table-with-statusflag.FormFieldWidget tr:first-of-type .gwt-Label {
  color: rgba(0, 0, 0, 0.54);
}
.stibo-HomePage .PaginationLeftButton,
.stibo-HomePage .PaginationRightButton {
  width: 100%;
  background-color: transparent;
  display: none;
  outline: none;
}
.stibo-HomePage .PaginationLeftButton .icon {
  background-image: url(gfx/sekset/paging_arrows_left.png);
  visibility: hidden;
}
.stibo-HomePage .PaginationLeftButton:hover span {
  visibility: visible;
}
.stibo-HomePage .PaginationRightButton .icon {
  background-image: url(gfx/sekset/paging_arrows_right.png);
  visibility: hidden;
}
.stibo-HomePage .PaginationRightButton:hover span {
  visibility: visible;
}
.stibo-HomePage .PaginationButtonsContainer {
  margin: 0 auto;
  height: 100%;
}
.stibo-HomePage .PaginationButtonsContainer .gwt-RadioButton {
  padding: 0 4px;
}
.stibo-HomePage .PaginationButtonsContainer td {
  vertical-align: middle !important;
}
.stibo-HomePage .Pages {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.stibo-HomePage .Pages-animated {
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.stibo-HomePage .Page {
  margin: 0 -16px;
  position: absolute;
  left: 0;
}
.stibo-HomePage .Page-hidden {
  display: none;
}
.HomePageContentPanel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.WorkflowStateNodeListDataProvider__refreshable-container .stb-nodeList-content {
  left: 0;
  top: 0;
}
.stb-absolutePanel,
.WorkflowStateNodeListDataProvider__refreshable-container,
.WorkflowNodeListDataProvider__refreshable-container {
  position: absolute !important;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}
.NodeList-statusPanel div {
  display: inline-block;
  float: left;
  margin-right: 8px;
}
.NodeList-statusPanel div.gwt-Label {
  margin-left: 8px;
}
.actionIcon .actionIconText {
  display: none;
}
.toolbar-button .actionIconText,
.node-list-toolbar .actionIconText {
  display: none;
}
input:-ms-input-placeholder {
  color: #C3C3C3;
}
textarea:-ms-input-placeholder {
  color: #C3C3C3;
}
.fieldtitle i.derived {
  position: relative;
  color: #2184c4;
  font-size: 13px;
  line-height: 11px;
}
.fieldtitle i.derived.local::before {
  content: '';
  border-bottom: 1px solid black;
  position: absolute;
  width: 14px;
  top: 5px;
}
.stibo-Value.DerivedValue {
  width: 440px;
  z-index: 100;
  position: relative;
  min-height: 32px;
  height: 100%;
  padding: 0;
  border: none;
}
.stibo-Value.DerivedValue div {
  line-height: 24px;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stibo-Value.DerivedValue .pencil {
  color: #C3C3C3;
  cursor: pointer;
  font-size: 17px;
  position: absolute;
  right: 0;
  top: 8px;
}
.stibo-Value.DerivedValue .pencil:hover {
  color: #414042;
}
.stibo-Value.DerivedValue:hover .pencil {
  color: #414042;
}
.DerivedValueDialogContent .gwt-TextBox {
  margin-bottom: 6px;
}
.sheet-cell .extra-derived_local,
.sheet-cell .extra-derived {
  padding-right: 20px !important;
}
.sheet-cell__inner .derived,
.sheet-cell .derived {
  position: absolute;
  right: 0;
  color: #2184c4;
  font-size: 13px;
}
.sheet-cell__inner .derived.local::before,
.sheet-cell .derived.local::before {
  content: '';
  border-bottom: 1px solid black;
  position: absolute;
  width: 14px;
  top: 9px;
}
.DisplayMode-list .sheet-cell__inner .material-icons.derived {
  display: none;
}
.DomainNodeCell.url-values {
  display: block;
}
/*multivalue cells with link icon*/
.DomainNodeCell .value {
  position: relative;
}
.DomainNodeCell .value .url {
  padding-right: 20px !important;
}
/**/
textarea:-ms-input-placeholder {
  color: #C3C3C3;
}
.DerivedValueLabel {
  display: inline-block;
}
.profileFilter-table td div {
  display: inline-block;
}
.profileFilter-panel {
  background-image: url("gfx/sekset/sortingAndFiltering/filter.png");
  background-position: right 5px top;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
}
.selectStateTtitle .selectStatusFlagTitle {
  /*this is legacy code*/
  margin-right: 6px;
  color: #414042;
  font-weight: bold;
}
.FlexTable-ColumnLabel {
  color: white;
  padding: 3px;
}
.FlexTable-ColumnButtons {
  color: white;
  padding: 1px;
}
.SingleRefTarget {
  width: calc(100% - 18px);
}
.CreateFromTemplateListPanel {
  width: 100%;
  height: 100%;
}
.AddReference.FindSimilarAction-content .FindSimilarAction-widget {
  min-height: 480px;
}
.AddReference.FindSimilarAction-content .FindSimilarAction-widget .dialog-list-mainPanel .dialog-list-content {
  height: auto;
  min-height: 426px;
}
.AddReference.FindSimilarAction-content .FindSimilarAction-widget .dialog-list-mainPanel.with-warning .dialog-list-content {
  min-height: 406px;
}
.stb-ResizablePanel.AddReference.FindSimilarAction-content .button-panel {
  bottom: 10px;
  position: absolute;
  right: 18px;
}
.red-bold-error-label {
  color: #fc4c02;
  font-weight: bold;
}
.FilterRevisionsButton {
  background-image: url(gfx/sekset/filter_toolbar.png);
}
.MultiFaceScreenView-MultipleDatePanel-AddDateButton {
  position: absolute;
  bottom: 3px;
  cursor: pointer;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(gfx/sekset/add_item.png);
}
.NodePickerPopup.FilterRevisionByGroup {
  position: absolute;
  top: 4px;
  height: 16px;
  width: 16px;
  right: 23px;
  background: url(gfx/sekset/search_below.png) no-repeat scroll center center transparent;
}
.FilterRevisionDatePicker .datePickerDay.datePickerDayIsDisabled {
  color: #C3C3C3;
  cursor: auto;
}
.map-alert-main-panel {
  display: table;
  padding: 0px;
}
.map-alert-panel {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: black;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  color: #fc4c02;
  font-weight: bold;
}
.map-alert-panel .errorMessage {
  font-weight: bold;
  color: white;
  margin: 6px 0px 6px 0px;
  width: 100%;
}
.map-alert-panel .map-alert-icon-ERROR {
  background-image: url('gfx/sekset/error.png');
  background-repeat: no-repeat;
  background-position: center top;
  height: 20px;
  width: 50%;
  margin: auto;
}
.revision-component {
  padding-top: 8px;
  padding-bottom: 8px;
}
.status-selector__initiate-link {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.status-selector__initiate-link:hover {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
}
.status-selector__initiate-link:active {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.status-selector__initiate-link:focus {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.status-selector__initiate-link:disabled {
  color: #EEEEEE;
  text-decoration: underline;
  text-underline-color: #EEEEEE;
}
.status-selector__initiate-link-wrapper {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 8px 8px 16px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  text-overflow: ellipsis;
  max-width: 222px;
}
.status-selector__initiate-link-wrapper:hover {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
}
.status-selector__initiate-link-wrapper:active {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.status-selector__initiate-link-wrapper:focus {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-color: #000000;
  outline: 0;
  border: none;
}
.status-selector__initiate-link-wrapper:disabled {
  color: #EEEEEE;
  text-decoration: underline;
  text-underline-color: #EEEEEE;
}
.dashboard__widget--double .status-selector__initiate-link-wrapper {
  max-width: 486px;
}
.hover-context-menu {
  margin-top: 8px;
  margin-bottom: 8px;
}
.hover-context-menu__item {
  cursor: pointer;
  padding: 8px 16px;
}
.hover-context-menu__item:hover {
  background-color: #EEEEEE;
}
.search-table-tab .StiboSimplePager {
  position: absolute;
  bottom: 16px;
  left: 16px;
  margin-left: 0;
}
.search-table-tab .ResultTable {
  min-height: 264px;
  height: 100%;
  cursor: pointer;
}
.search-table-tab .ResultTable thead th {
  background-color: #fff;
  padding: 2px 0px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.search-table-tab .ResultTable .DataGrid-Cell {
  padding: 2px 0px;
}
.search-table-tab > table:first-of-type > tbody {
  display: block !important;
}
.search-table-tab > table:first-of-type > tbody .ResultTable table > tbody {
  display: table-row-group !important;
}
.search-table-tab > table:first-of-type > tbody .ResultTable table > tbody span {
  padding-left: 6px;
  display: block;
}
.search-table-tab > table:first-of-type > tbody > tr:last-of-type {
  display: block;
  height: calc(100% - 50px);
}
.search-table-tab > table:first-of-type > tbody > tr:last-of-type > td {
  display: block;
  height: 100%;
}
.search-table-tab > table:first-of-type > tbody > tr:last-of-type > td > div {
  height: 100%;
}
.search-table-tab > table:first-of-type > tbody > tr:last-of-type > td > div > div > div:last-of-type {
  height: 100%;
}
.search-table-tab > table:first-of-type > tbody > tr:last-of-type > td > div .GHUGN-BDHI {
  height: calc(100% - 36px) !important;
}
.reference-dialog-content .stibo-Dropdown {
  width: 100%;
}
.ErrorDecorationPanel {
  margin: 0 32px;
}
.ErrorDecorationPanel select,
.ErrorDecorationPanel input {
  width: 100%;
}
.portal-popup-content > .stibo-w-formtable {
  margin: 0 32px;
}
.stibo-w-formtable__header-text {
  font-size: 12px;
  color: #C3C3C3;
  margin-bottom: 8px;
}
.stb-VerticalScrollPanelWrapper {
  overflow-y: auto;
}
.popup-no-scrolls {
  overflow: hidden;
}
.material-menu {
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #f5f5f5;
  margin-top: 5px;
}
.material-menu__item {
  color: #414042;
  width: 250px;
  height: 42px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.material-menu__item:hover {
  background-color: #eeeeee;
}
.material-menu__item--expand {
  position: relative;
  color: #414042;
  width: 250px;
  height: 42px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.material-menu__item--expand:hover {
  background-color: #eeeeee;
}
.material-menu__item--expand:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  border-left: 6px solid #777777;
  right: 5px;
  top: 17px;
}
.material-menu__item--disabled {
  color: #c3c3c3;
}
.material-menu .submenu {
  position: absolute;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #f5f5f5;
  margin-left: 2px;
  max-height: 500px;
  overflow: auto;
}
.material-menu__divider {
  height: 1px;
  background-color: #eeeeee;
}
.section-header {
  width: 448px;
  height: 40px;
  cursor: pointer;
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
}
.section-header i {
  float: right;
  user-select: none;
  color: #000000;
  padding: 8px;
}
.section-header-td {
  position: relative;
  cursor: pointer;
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
}
.section-header-title {
  user-select: none;
  position: absolute;
  width: 400px;
  top: 6px;
}
.section-header-title div:first-child {
  font-weight: bold;
  color: #414042;
}
.section-header-title div:nth-child(2) {
  color: #666;
  font-size: 12px;
}
.SmartSheetExportActionDialog .content-widget {
  padding: 0 32px;
}
.SmartSheetExportActionDialog .content-widget .gwt-Label {
  margin-bottom: 8px;
}
.SmartSheetExportActionDialog .content-widget select {
  margin-bottom: 16px;
  width: 100%;
}
.attention-marker {
  position: absolute;
  top: 8px;
  margin-left: 2px;
  display: inline-block;
  background-color: #ffd200;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 12px;
  padding: 3px;
  text-align: center;
  width: 20px;
}
.stb-tabPanel .stb-tabPanel .attention-marker {
  top: 0px;
}
.value-validation-message {
  position: relative;
  word-wrap: break-word;
  width: 416px;
  padding-left: 24px;
  margin: 8px 0;
  display: none;
}
.value-validation-message::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #ffd200;
}
.value-validation-message.shown {
  display: block;
}
.processNotesTextBox {
  resize: both !important;
}
.validation-field-outline {
  border-color: #ffd200 !important;
}
.validation-field-outline-warning {
  border-color: #ffd200 !important;
}

/* ========= END Portal ========= */
/* ======== BEGIN PortalDashboard ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.dashboard__widget {
  width: 224px;
  height: 296px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #C3C3C3;
  float: left;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 32px;
  box-sizing: border-box;
}
.dashboard__widget--double {
  width: 480px;
}
.dashboard-widget__title {
  height: 32px;
  padding: 10px 12px 0 16px;
  font-size: 12px;
  color: undefined;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block !important;
  box-sizing: border-box;
}
.list-of-widgets.dashboard-widget-inner {
  margin: 0 16px 16px;
  display: block;
  overflow: hidden;
  width: inherit;
}
.list-of-widgets.dashboard-widget-inner.scroll {
  margin-bottom: 0;
  overflow-y: auto;
}
.list-of-widgets .icon {
  display: none;
}
.list-of-widgets__widget {
  margin-bottom: 4px;
}
.DashboardWidgetContainer {
  margin: 0 16px 16px;
  height: 248px;
  position: relative;
}
.StaticHtmlWidget.stb-staticText.dashboard-widget-inner {
  padding: 0 16px 16px;
  overflow: hidden;
  height: calc(100% - 32px);
}
div.amChartsLegend.amcharts-legend-div {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 262px !important;
  width: 160px !important;
}
div.amChartsLegend.amcharts-legend-div > svg {
  position: relative !important;
}
div.amChartsLegend.amcharts-small-legend-div > svg {
  position: relative !important;
}
div.amChartsLegend.amcharts-legend-div circle {
  stroke-width: 0;
}
.widgetInfoTooltipIcon {
  position: absolute;
  bottom: 4px;
  right: 6px;
  color: #0032a0;
  cursor: pointer;
  z-index: 10;
  font-size: 16px;
}
/**
 * For the widget decorator.
 *
 * This helps the info tooltip icon align properly to the right side of the
 * widgets when they are placed in e.g. a node details screen.
 */
.DashboardWidgetDecorator.FormFieldWidget {
  max-height: 209px;
  width: 440px;
  overflow: hidden;
}
/* Info tooltip icons in widgets in forms (e.g. node details) */
.DashboardWidgetDecorator.FormFieldWidget .widgetInfoTooltipIcon {
  position: absolute;
  bottom: 4px;
  right: 0px;
  z-index: 10;
}
.DashboardWidgetDecorator .containing-no-data-widget ~ i.widgetInfoTooltipIcon {
  display: none;
}
.stb-Widget-Grid .DashboardWidgetDecorator .containing-no-data-widget ~ i.widgetInfoTooltipIcon {
  display: inherit;
}
/* Info tooltip icons in widgets on the home screen */
.DashboardWidgetDecorator.stb-Widget-content .widgetInfoTooltipIcon {
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: 10;
}
.upload-widget {
  padding: 0 16px 16px 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.upload-widget .drop-area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 4px;
  border: 2px dashed #C3C3C3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.upload-widget .drop-area.highlight {
  border: 2px dashed black;
}
.upload-widget .drop-area > div {
  padding-bottom: 32px;
}
.upload-widget__label {
  font-size: 20px;
  text-align: center;
  padding-bottom: 16px;
}
.upload-widget__or {
  font-size: 20px;
  text-align: center;
  font-size: 14px;
  padding-bottom: 24px;
}
.upload-widget > form {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.upload-widget > form input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -moz-opacity: 0;
  filter: alpha(opacity:0);
  opacity: 0;
}
.upload-widget .button-secondary {
  position: absolute;
  left: 50%;
  top: 160px;
  transform: translateX(-50%);
}

/* ========= END PortalDashboard ========= */
/* ======== BEGIN PortalRichText ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* Stylesheet auto-generated from STEP tag definitions */
.step-rt-fmt-undefstylpgZklQ {
  color: #000000;
  background-color: #ff0000;
}
.step-rt-fmt-sup {
  vertical-align: super;
  font-size: smaller;
}
.step-rt-fmt-stibo2ewarning {
  color: #ff00ff;
}
.step-rt-fmt-EndFraction {
  background-color: #c0c0c0;
}
.step-rt-fmt-StartDenominator {
  background-color: #c0c0c0;
}
.step-rt-fmt-bolditalic {
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}
.step-rt-fmt-italic {
  font-size: 10px;
  font-style: italic;
}
.step-rt-fmt-stibo2ediff2eChangeMarker {
  background-color: #00ff00;
}
.step-rt-fmt-BeforeLastDigitInNumerator {
  background-color: #c0c0c0;
}
.step-rt-fmt-stibo2eerror {
  color: #ff0000;
}
.step-rt-fmt-FunctionHL4 {
  font-weight: bold;
  color: #00ffff;
}
.step-rt-fmt-FunctionHL5 {
  font-weight: bold;
  color: #ffc800;
}
.step-rt-fmt-non_editable {
  background-color: #d3d3d3;
}
.step-rt-fmt-FunctionHL2 {
  font-weight: bold;
  color: #00ff00;
}
.step-rt-fmt-FunctionHL3 {
  font-weight: bold;
  color: #ff00ff;
}
.step-rt-fmt-stibo2ediff2eDeleteMarker {
  background-color: #ffafaf;
}
.step-rt-fmt-FunctionHL1 {
  font-weight: bold;
  color: #0000ff;
}
.step-rt-fmt-bold {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
.step-rt-fmt-IntegerToFractionSeparator {
  background-color: #c0c0c0;
}
.step-rt-fmt-StartInteger {
  background-color: #c0c0c0;
}
.step-rt-fmt-bullet {
  padding-left: 6px;
}
.step-rt-fmt-StartNumerator {
  background-color: #c0c0c0;
}
.step-rt-fmt-FractionBar {
  background-color: #c0c0c0;
}
.step-rt-fmt-sub {
  vertical-align: sub;
  font-size: smaller;
}
.step-rt-fmt-bullet:before {
  content: "·";
  position: relative;
  left: -6px;
}
.step-rt-fmt-stibo2eSTIBOSPELL {
  font-style: italic;
  color: #ff0000;
}
.step-rt-fmt-hidden {
  display: none;
}

/* ========= END PortalRichText ========= */
/* ======== BEGIN PortalMatchingStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.vCard-text-common {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
}
.vCard-container {
  margin-left: 32px;
}
.vCard-clickable {
  cursor: pointer;
}
.vCard-mysterious-rectangle-of-ancient-knowledge {
  width: 6px;
  height: 40px;
  background-color: #C3C3C3;
}
.vCard-header {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 20px;
  margin-bottom: 3px;
  margin-top: -2px;
  color: #414042;
}
.vCard-header2 {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 12px;
  margin-top: 5px;
}
.vCard-deactivated {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 12px;
  margin-top: 5px;
  background-color: #0032a0;
  color: #FFFFFF;
  text-align: center;
  width: 80px;
  border-radius: 2px;
}
.vCard-button {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.vCard-body {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 14px;
}
.vCard-popup-contents {
  min-width: 256px;
  margin: 16px;
}
.vCard-smallText1 {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.33;
}
.vCard-bottom-line {
  margin-top: 4px;
}
.vCard-smallText1-popup {
  font-family: Arial;
  text-align: left;
  color: #8d8c8e;
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.33;
  color: #414042;
}
.vCard-material-icon {
  font-size: 12px;
  cursor: pointer;
  color: #8d8c8e;
}
.vCard-material-icon-popup {
  font-size: 12px;
  cursor: pointer;
  color: #8d8c8e;
  color: #414042;
}
.highPriorityButton-on {
  line-height: 48px;
  color: #000000 !important;
}
.highPriorityButton-off {
  line-height: 48px;
  color: #8d8c8e !important;
}
.ref-editor-single-line {
  margin-left: 32px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.ref-editor-line-elem {
  margin-left: 8px;
  display: inline;
}
.ref-editor-textbox {
  width: 260px;
}
.ref-editor-cell-overflow {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background-color: #C3C3C3;
  border-radius: 4px;
  width: 64px;
  text-align: center;
}
/*Source Traceability styles
 TODO: There is a chance that existing portal styles could be reused instead of introducing some of these ones.
 I haven't had time to check it yet, if you see that comment, it means I also haven't had time to return to it later on... LUKA
 */
.sourceTraceabity-mainTable {
  width: 98%;
  margin: 8px;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  border-spacing: 0;
}
.sourceTraceabity-mainTable > tbody > tr:first-of-type td:not(:last-of-type) {
  border-right: 1px solid #C3C3C3;
}
.sourceTraceabity-mainTable > tbody > tr:not(:last-of-type) > td.sourceTraceabity-cellBottom {
  border-bottom: 1px solid #C3C3C3;
}
.sourceTraceabity-mainTable > tbody > tr > td,
.sourceTraceabity-cellHistory {
  height: 32px;
}
.sourceTraceabity-popupTable > tbody > tr:not(:last-of-type) > td.sourceTraceabity-cellBottom {
  border-bottom: 1px solid #C3C3C3;
}
.sourceTraceabity-scroller {
  position: absolute;
  overflow: auto;
  left: 0px;
  top: 56px;
  right: 0px;
  bottom: 0px;
}
.sourceTraceabity-mainTable > tbody > tr > td > * {
  margin-left: 8px;
}
.sourceTraceabity-popup {
  width: 900px;
  min-width: 600px;
}
.sourceTraceabity-popupTable {
  width: 100%;
  border-collapse: collapse;
  float: left;
}
.sourceTraceabity-popupTable > tbody > tr > td > * {
  margin-left: 16px;
}
.sourceTraceabity-revSelector {
  margin: 8px;
}
.sourceTraceabity-dropDown {
  margin-top: 8px;
}
.sourceTraceabity-blueTextCell {
  color: #000000;
  cursor: pointer;
}
.sourceTraceabity-header {
  font-weight: bold;
}
.sourceTraceabity-RowHeaderPlaceholder {
  width: 100%;
}
.sourceTraceabity-RowHeaderPlaceholder div {
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.sourceTraceabity-RowHeaderPlaceholder .sourceTraceabity-key {
  max-width: calc(100% - 24px);
}
.sourceTraceabity-RowHeaderPlaceholder:hover > .AttributeValueHistoryIcon {
  background-image: url(gfx/sekset/attribute_value_history.png);
}
.sourceTraceabity-ellipseable-div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*End of Source Traceability styles*/
.sourceInfoTable {
  width: 440px;
}
.sourceInfoTable td {
  height: 24px;
}
.sourceInfoTable tr:hover td {
  background-color: white !important;
}
.sourceInfoTable > tbody > tr:first-of-type > td:first-of-type {
  border-top-left-radius: 4px;
}
.sourceInfoTable > tbody > tr:first-of-type > td:last-of-type {
  border-top-right-radius: 4px;
}
.clericalReviewTableStyle .sheet-quad tr td:first-of-type {
  border-left-color: transparent;
}
.clericalReviewTableStyle th.first-horizontal-column-header-element {
  border-left-color: transparent !important;
}
.clericalReviewTableStyle .sheet-table th {
  border-bottom-color: #C3C3C3;
  text-align: left;
  cursor: default;
}
.clericalReviewTableStyle .sheet-table th .sheet-header-cell {
  white-space: nowrap;
}
.clericalReviewTableStyle .sheet-table td {
  border-bottom-color: 1px solid #C3C3C3;
  border-top-color: 1px solid #C3C3C3;
  border-left: 0;
  padding-left: 1px;
}
.clericalReviewTableStyle div:nth-child(4) td div.tasklist-truncated-cell {
  overflow: hidden !important;
  min-height: 16px;
}
.tasklist-limited-dialog-contents {
  max-width: 400px;
}
.tasklist-confirm-dialog--error {
  padding-left: 24px;
  color: #fc4c02;
  position: relative;
  font-size: 14px;
}
.tasklist-confirm-dialog--error::before {
  background-color: #fc4c02;
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
}
td div.tasklist-truncated-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goldenmembers .sheet-table td.dirty-cell.match-cell {
  background-color: #A8A8A8;
  color: #FFFFFF;
}
.goldenmembers .sheet-table td.match-cell {
  background-color: #e6e6e6;
}
.memberscoreconfirmed {
  background-image: url("gfx/matching/table_blue.png");
  background-repeat: no-repeat;
  background-position: 1px 2px;
  padding: 0px 7px;
}
.goldenmemberscores .sheet-cell {
  padding-left: 7px;
  padding-top: 7px;
}
.stb-EqualityPercentInfo {
  vertical-align: top;
}
.sheet-cell > .stb-EqualityInfo {
  height: 14px;
  background-image: url("gfx/sekset/info.png");
  display: inline-block;
  padding-right: 20px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-position: right center;
}
.stb-EqualityTree {
  min-width: 300px;
  overflow-x: auto;
  padding-top: 6px;
  margin-bottom: 4px;
}
.stb-EqualityTree .treeRow {
  width: initial;
  margin-right: 8px;
}
.stb-EqualityTreeNode {
  float: left;
  margin-left: 20px;
  white-space: nowrap;
}
.ZebraTable-content > table > tbody .iconcol i.ref-target-hierarchy {
  cursor: pointer;
  float: left;
  font-size: 16px;
  line-height: 15px;
  color: #0032a0;
}
.iconShared {
  background-image: url("gfx/sekset/warning_small.png");
  background-repeat: no-repeat;
  width: 20px;
  float: right;
  height: 15px;
}
.sheet-cell > .iconShared {
  position: absolute;
  top: 4px;
  right: 0;
  opacity: 0.7;
}
.confirmMatchReason {
  height: 100%;
  width: inherit;
  padding-right: 6px;
  padding-top: 3px;
}
table.mergetable {
  border-collapse: collapse;
  border: 1px solid #839E99;
  width: -moz-calc(84%);
  width: -webkit-calc(84%);
  width: calc(84%);
}
tr.headerRow {
  background: none repeat scroll 0 0 transparent;
  border-color: #A8A8A8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFFFFF;
  font-size: 8pt;
  text-align: center;
  vertical-align: middle;
  background-color: #777574;
  height: 30px;
  font-weight: bold;
}
.mergetable td:nth-child(2n+1) {
  background-color: #777574;
  height: 30px;
  color: #FFFFFF;
  border-color: #A8A8A8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  min-width: 20px;
  font-weight: bold;
}
.mergetable td:nth-child(4) {
  width: 34%;
}
.mergetable td:nth-child(4n-2) {
  width: 33%;
}
.mergetable td:nth-child(2n+3) {
  text-align: center;
}
.mergetable td {
  border-color: #A8A8A8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.mergetable td.selected {
  background-color: #DAECD7;
}
.mergetable td.notselected {
  background-color: #ECECEC;
}
.mergetable td.mergeblank {
  background-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
}
.mergeButton {
  background-image: url("gfx/sekset/merge/merge_button.png");
  background-repeat: no-repeat;
  height: 30px;
  text-indent: 6px;
  padding-right: 5px;
  background-position: 8px 8px;
  background-color: #777574;
  color: #FFFFFF;
  border: 0px;
  font-weight: bold;
}
.arrowPadding {
  padding: 7px;
  cursor: pointer;
}
.arrowPaddingMin {
  padding: 5px;
  cursor: pointer;
}
.mergeresults .sheet-table td.advmerge-cell {
  text-overflow: ellipsis;
  background-color: #FFFFFF;
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF;
}
.mergeresults .sheet-table td.advmerge-cell div,
.mergeresults .sheet-table td.advmerge-cell span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mergeresults .sheet-table td.advmerge-cell .menulink {
  color: #414042;
  cursor: default;
  pointer-events: none;
}
.mergeresults .sheet-table td.advmerge-cell:last-of-type td {
  border-right-color: #ECEBEB;
}
.mergeresults .sheet-cell {
  text-overflow: inherit;
}
.mergeresults .sheet-table td.match-cell {
  font-weight: bold;
}
.mergeresults .match-cell .menulink {
  font-weight: bold;
}
.mergeresults .sheet-table td.advmerge-hover-cell:hover {
  box-shadow: inset 0px 0px 0px 1px #000000;
  z-index: 2;
}
.mergeresults .sheet-table td.excluded-cell {
  color: #8d8c8e;
}
.mergeresults .sheet-table td.excluded-cell:hover {
  box-shadow: inset 0px 0px 0px 0px transparent;
  z-index: 1;
}
.mergeresults .sheet-table th.excluded-cell {
  color: #8d8c8e;
}
.mergeresults th.advmerge-header {
  vertical-align: middle !important;
}
.mergeresults .sheet-table td.survivor {
  font-weight: bold;
}
.mergeresults .sheet-table td.changed-preview {
  background-color: #e3ecf5;
}
.mergeresults div.pickables {
  position: relative;
  left: -8px;
  width: calc(116%);
}
.mergeresults div.pickables.editable:hover {
  box-shadow: inset 0px 0px 0px 1px #000000;
  width: calc(115%);
  z-index: 1;
}
.mergeresults div.pickables div {
  padding: 0px 0px 0px 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mergeresults div.pickable.picked {
  background-color: #e6e6e6 !important;
}
.mergeresults .excluded-cell div.pickable:hover {
  box-shadow: inset 0px 0px 0px 0px transparent;
  z-index: 1;
}
.mergeresults div.pickable:hover {
  box-shadow: inset 0px 0px 0px 1px #000000;
  z-index: 3;
}
.mergeDetailsScreenButton {
  float: right;
  margin-top: 10px;
}
.mergeDetailsScreenButton.merge .icon {
  background-image: url(gfx/sekset/merge/merge_button.png);
  width: 11px;
}
.mergeDetailsScreenButton.postpone .icon {
  background-image: url(gfx/sekset/white/dot_arrow_right_button_12.png);
  width: 19px;
}
.mergeDetailsScreenButton.reassign .icon {
  background-image: url(gfx/matching/white/reassign_button.png);
  background-size: 16px 14px;
  width: 16px;
}
.mergeDetailsScreenButton.reject .icon {
  background-image: url(gfx/sekset/white/delete_button.png);
}
.mergeDetailsScreenCancelButton {
  float: right;
  margin-top: 10px;
  margin-right: 32px;
}
.toolbar .EditMergeDetailsButton {
  background-image: url('gfx/sekset/merge/advanced_merge_toolbar.png');
  width: 20px;
}
.toolbar .EditMergeDetailsButton.disabled {
  background-image: url('gfx/sekset/merge/advanced_merge_toolbar_dis.png');
  width: 20px;
}
.toolbar .IncludeGoldenRecordButton {
  background-image: url('gfx/matching/add_toolbar.png');
  width: 22px;
}
.toolbar .IncludeGoldenRecordButton.disabled {
  background-image: url('gfx/matching/add_toolbar_dis.png');
  width: 22px;
}
.toolbar .ExcludeGoldenRecordButton {
  background-image: url('gfx/matching/delete_toolbar.png');
  width: 22px;
}
.toolbar .ExcludeGoldenRecordButton.disabled {
  background-image: url('gfx/matching/delete_toolbar_dis.png');
  width: 22px;
}
.toolbar .SetAsSurvivorButton {
  background-image: url('gfx/matching/set_as_survivor_toolbar.png');
  width: 22px;
}
.toolbar .SetAsSurvivorButton.disabled {
  background-image: url('gfx/matching/set_as_survivor_toolbar_dis.png');
  width: 22px;
}
.toolbar .golden-record-merge-action {
  background-image: url("gfx/matching/merge_toolbar.png");
  background-repeat: no-repeat;
  width: 16px;
}
.toolbar .golden-record-reject-action {
  background-image: url("gfx/matching/reject_toolbar.png");
  background-repeat: no-repeat;
  width: 20px;
}
.toolbar .golden-record-postpone-action {
  background-image: url("gfx/matching/postpone_toolbar.png");
  background-repeat: no-repeat;
  width: 34px;
}
.toolbar .golden-record-reassign-action {
  background-image: url("gfx/matching/reassign_toolbar.png");
  background-repeat: no-repeat;
  width: 24px;
}
.toolbar .golden-record-merge-action.disabled {
  background-image: url("gfx/matching/merge_toolbar_dis.png");
  background-repeat: no-repeat;
  width: 16px;
}
.toolbar .golden-record-reject-action.disabled {
  background-image: url("gfx/matching/reject_toolbar_dis.png");
  background-repeat: no-repeat;
  width: 20px;
}
.toolbar .golden-record-postpone-action.disabled {
  background-image: url("gfx/matching/postpone_toolbar_dis.png");
  background-repeat: no-repeat;
  width: 34px;
}
.toolbar .golden-record-reassign-action.disabled {
  background-image: url("gfx/matching/reassign_toolbar_dis.png");
  background-repeat: no-repeat;
  width: 24px;
}

/* ========= END PortalMatchingStyle ========= */
/* ======== BEGIN BusinessRulesPortalStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-Toolbar .RunBusinessActionButton {
  background-image: url(gfx/sekset/business_action_toolbar.png);
}
.stb-Toolbar .RunBusinessActionButton.disabled {
  background-image: url(gfx/sekset/business_action_toolbar_dis.png);
}
.RunBusinessActionButton .icon {
  background-image: url(gfx/sekset/white/business_action.png);
  padding-left: 11px;
}
.stb-Toolbar .InitiateBusinessCondition {
  background-image: url(gfx/businessrules/sekset/business_condition_toolbar.png);
}
.stb-Toolbar .InitiateBusinessCondition.disabled {
  background-image: url(gfx/businessrules/sekset/business_condition_toolbar_dis.png);
}
.InitiateBusinessCondition .icon {
  background-image: url(gfx/businessrules/sekset/business_condition_button.png);
  padding-left: 11px;
  width: 4px;
}
.stb-Toolbar .InitiateBusinessAction {
  background-image: url(gfx/sekset/business_action_toolbar.png);
}
.stb-Toolbar .InitiateBusinessAction.disabled {
  background-image: url(gfx/sekset/business_action_toolbar_dis.png);
}
.InitiateBusinessAction .icon {
  background-image: url(gfx/sekset/white/business_action.png);
  padding-left: 11px;
}

/* ========= END BusinessRulesPortalStyle ========= */
/* ======== BEGIN ChosenDropdownStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  width: 100% !important;
}
.chzn-container .chzn-drop {
  background: #fff;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  z-index: 1010;
  width: calc(98%) !important;
}
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("gfx/dropdown/chosen-sprite.png") right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: right top;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url("gfx/dropdown/chosen-sprite.png") no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url("gfx/dropdown/chosen-sprite.png") no-repeat 100% -22px;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 20px !important;
}
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}
/* Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  min-height: 32px !important;
  position: relative;
  width: 302px !important;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  padding: 0;
  margin-top: 3px;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 14px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #C3C3C3;
  color: #333;
  border: 1px solid #C3C3C3;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
  border-radius: 2px !important;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("gfx/dropdown/chosen-sprite.png") right top no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* Results */
.chzn-container .chzn-results {
  margin: 0 !important;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 302px !important;
}
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
  width: calc(100% - 2px) !important;
  box-sizing: border-box;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
  border: 0;
}
.chzn-container .chzn-results .highlighted {
  background-color: #F0B902;
  color: #fff;
}
.chzn-container .chzn-results li em {
  font-style: normal;
  font-weight: bold;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 302px;
  /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url("gfx/dropdown/chosen-sprite.png") no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url("gfx/dropdown/chosen-sprite.png") no-repeat -22px -3px;
}
/* Active  */
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
  border: 0;
}
/*.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}*/
/* Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}
/* Right to Left */
.chzn-rtl {
  text-align: right;
}
.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}
.chzn-rtl .chzn-search input {
  background: #fff url("gfx/dropdown/chosen-sprite.png") no-repeat -38px -22px;
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chzn-rtl.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  right: -9000px;
}
/*
 * Step customizations below
 */
.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single {
  color: #414042;
  background-color: #ffffff;
  font-weight: normal;
  border-radius: 2px;
  padding: 2px 8px;
  -moz-box-sizing: border-box;
}
.chzn-container-multi .chzn-choices:hover,
.chzn-container-single .chzn-single:hover {
  border: 1px solid #8d8c8e;
}
.chzn-container-active .chzn-choices {
  border: 1px solid #000000 !important;
}
.chzn-container-multi .chzn-choices {
  overflow: hidden;
  text-indent: 0.01px;
  text-overflow: "";
  width: calc(76%);
}
.chzn-container-multi .NoDropdownIcon {
  background: 0;
}
.chzn-container-multi .chzn-choices .search-choice {
  margin: 1px 2px 1px 1px;
  padding: 4px 20px 4px 4px;
  max-width: 230px;
}
.chzn-container-multi .chzn-choices .search-field input {
  padding: 1px 0px 1px 3px;
  margin: 1px;
}
.chzn-container-active .chzn-choices,
.chzn-container-active .chzn-single {
  outline: none;
}
.chzn-container .chzn-results .highlighted,
.chzn-container .chzn-drop .chzn-results .highlighted {
  background-color: #ECEBEB;
  color: #414042;
}
.chzn-container-single .chzn-single div b {
  background: url("gfx/sekset/dropdown.png") no-repeat scroll 0px;
}
.chzn-nodepicker-container {
  min-height: 32px !important;
  box-sizing: border-box;
  width: 302px !important;
}
.chzn-nodepicker-icon {
  margin-top: 6px !important;
  background: url("gfx/sekset/search_below.png") no-repeat scroll center center transparent;
  position: absolute;
  height: 20px;
  width: 20px;
  margin-left: -30px !important;
  cursor: pointer;
}
.chzn-container .chzn-drop.hidden {
  visibility: hidden;
}
.chzn-container .chzn-drop.displayed {
  cursor: text;
  position: absolute;
  border-radius: 2px;
  color: black;
  background-color: white;
  min-height: 32px;
  width: 300px !important;
  border: 1px solid #C3C3C3;
}
.chzn-drop div div:not(.input):not(.tile-inner) {
  /* Normal tiles */
  border-radius: 2px;
  background-color: #EEEEEE;
  color: #414042;
  display: inline-block;
  cursor: default;
  padding: 4px 4px;
  margin: 1px 4px 1px 1px;
  box-sizing: border-box;
  min-height: 24px;
}

/* ========= END ChosenDropdownStyle ========= */
/* ======== BEGIN CoreWidgets ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*--- The following styles should be moved to relevant portal api bundles --*/
.stibo-w-icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.toolbar-button__icon.stibo-w-icon {
  width: auto;
}
.stibo-w-icon > img,
.stibo-w-icon > div {
  display: inline-block;
  vertical-align: middle;
}
.stibo-w-icon > img {
  margin-right: 3px;
}
.stibo-w-iconbutton {
  display: inline-block;
  padding: 6px;
  margin: 2px;
  background-color: undefined;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.stb-buttonsTable .stibo-w-iconbutton {
  float: right;
  margin: auto 0 8px 8px;
}
.stibo-w-iconbutton:disabled {
  cursor: default;
  background: undefined;
}
.stibo-w-iconbutton>div,
.stibo-w-iconbutton>img {
  display: inline-block;
  vertical-align: middle;
}
.stibo-w-iconbutton>img {
  margin-right: 6px;
}
.stibo-w-iconbutton>div {
  font-weight: bold;
}
.stibo-w-datagrid {
  margin-top: 24px;
  position: relative;
  box-sizing: border-box;
}
.stibo-w-datagrid .viewport {
  position: absolute;
  left: 64px;
  top: 24px;
  right: 0;
  bottom: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.stibo-w-datagrid .sheet {
  position: relative;
  overflow: hidden;
}
.stibo-w-datagrid .tile {
  position: absolute;
  /*
  outline: 1px solid blue;
  */
}
.stibo-w-datagrid .left-ruler-viewport {
  position: absolute;
  left: 0;
  top: 24px;
  width: 64px;
  bottom: 0;
  overflow: hidden;
}
.stibo-w-datagrid .left-ruler {
  position: relative;
  background: #f8f8f8;
  width: 100%;
}
.stibo-w-datagrid .top-ruler-viewport {
  position: absolute;
  top: 0;
  left: 64px;
  right: 0;
  height: 24px;
  overflow: hidden;
}
.stibo-w-datagrid .top-ruler {
  position: relative;
  background: #f8f8f8;
  height: 100%;
}
.stibo-w-datagrid table {
  box-sizing: border-box;
  table-layout: fixed;
}
.stibo-w-datagrid td {
  border: 1px solid #eee;
  box-sizing: border-box;
  padding: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: top;
}
.stibo-w-datagrid th {
  border: 1px solid #eee;
  box-sizing: border-box;
  text-align: left;
  padding: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: top;
}
.stibo-w-datagrid th.selected {
  background-color: #d8d8d8;
}
.stibo-w-datagrid td.na {
  background-color: #f8f8f8;
}
.stibo-w-datagrid td.selected {
  outline: 1px solid #666;
}
.stibo-w-datagrid td.rselected {
  background-color: #d8d8d8;
}
.stibo-w-datagrid td.cselected {
  background-color: #d8d8d8;
}
/*
.stibo-w-datagrid td:hover {
  background-color: #ffc;
}

.stibo-w-datagrid td:active {
  border: 1px solid black;
}
*/
.stibo-w-datagrid .overlay {
  position: absolute;
  outline: 1px solid #36f;
  z-index: 1;
  background-color: white;
}
.stibo-w-datagrid .textcell {
  border: none !important;
  outline: none !important;
  background-color: white;
}
.gwt-ToggleButton {
  background-color: #777574;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  margin: 2px;
  padding: 6px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.gwt-ToggleButton-down {
  background-color: #5a7746;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  margin: 2px;
  padding: 6px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.stb-Widget-content .stibo-Dropdown-wrapper {
  width: auto !important;
  margin: 6px;
}
.stb-Widget-content .stibo-Dropdown-wrapper select {
  background-position: calc(76%) center;
  width: calc(120%) !important;
}
.stibo-w-formtable {
  border-collapse: collapse;
}
.stibo-w-formtable > table {
  border-spacing: 0 8px;
}
.stibo-w-formtable td {
  vertical-align: top;
}
.stibo-w-icon.actionIcon {
  margin-right: 10px;
}
.stibo-w-icon.disabled {
  cursor: default;
}
.stibo-w-icon.disabled>img,
.toolbar-action.toolbar-button.disabled img {
  opacity: 0.5;
}

/* ========= END CoreWidgets ========= */
/* ======== BEGIN DataQualityOperations ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.navigation-buttons {
  background-color: #000000;
  margin-bottom: 8px;
  width: calc(100%);
  /*11px is for dragger area width */
}
.create-new-collection-btn {
  display: inline-block;
  padding: 8px 16px 8px 16px;
  color: #FFFFFF;
  border-right: #FFFFFF 1px solid;
  cursor: pointer;
}

/* ========= END DataQualityOperations ========= */
/* ======== BEGIN LazyChosenDropdownStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-LazyChosenDropdown {
  cursor: text;
  position: relative;
  border-radius: 2px;
  color: black;
  background-color: white;
  padding: 4px 8px 0 8px;
  min-height: 32px;
}
.stb-LazyChosenDropdown.disabled {
  opacity: 0.5;
  cursor: default;
}
.stb-LazyChosenDropdown .icon {
  float: right;
  cursor: pointer;
}
.stb-LazyChosenDropdown .icon.default {
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzQxNDA0MiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=") no-repeat left -4px top -1px transparent;
  height: 18px;
  width: 16px;
}
.stb-LazyChosenDropdown.disabled .icon {
  cursor: default;
}
.stb-LazyChosenDropdown div div:not(.input):not(.tile-inner) {
  /* Normal tiles */
  border-radius: 2px;
  background-color: #EEEEEE;
  color: #414042;
  display: inline-block;
  cursor: default;
  padding: 4px 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  box-sizing: border-box;
  min-height: 24px;
}
.stb-LazyChosenDropdown div.deathmarked {
  /* Backspace-marked tile */
  background-color: #f8f8f8 !important;
}
.stb-LazyChosenDropdown .tile-inner {
  display: flex;
}
.stb-LazyChosenDropdown div div span {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stb-LazyChosenDropdown div div a {
  background: url("gfx/lazychosendropdown/delete-grey.png") no-repeat;
  height: 12px;
  width: 12px;
  margin-left: 8px;
  align-self: center;
}
.stb-LazyChosenDropdown div div a:hover {
  background: url("gfx/lazychosendropdown/delete.png") no-repeat;
}
.stb-LazyChosenDropdown div div.input {
  display: inline-block;
  max-width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 1px;
  vertical-align: middle;
}
.stb-LazyChosenDropdown div div.input:empty:before {
  content: attr(placeholder);
  color: #C3C3C3;
  position: absolute;
  top: 8px;
}
.stb-LazyChosenDropdown.IE div div.input:focus:before {
  /* IE's handling of content before and contenteditable is a bit buggy. See
   * http://stackoverflow.com/questions/32877160/placeholder-div-in-ie-not-work-the-cursor-appears-at-the-end
   * Instead, simply don't show the placeholder when the input is focused.
   */
  display: none;
}
.stb-LazyChosenDropdown ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: pointer;
  position: absolute;
  border-color: #A8A8A8;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  /* TODO Maybe more? */
  left: -1px;
  z-index: 100000;
}
.stb-LazyChosenDropdown ul li {
  /* Suggested item. */
  background-color: white;
  color: #414042;
  padding: 5px;
}
.stb-LazyChosenDropdown ul li em {
  /* Prefix highlight styling. */
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
}
.stb-LazyChosenDropdown ul li.selected {
  background-color: #EBEBEB;
}
.stb-LazyChosenDropdown ul li.non-result {
  cursor: default;
}

/* ========= END LazyChosenDropdownStyle ========= */
/* ======== BEGIN PackagingPortalStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.ph-editButton {
  cursor: pointer;
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 999;
  border: none;
  background: url("gfx/ph/edit_deselected.png") no-repeat;
}
.ph-editButton.selected {
  background: url("gfx/ph/edit_selected.png") no-repeat;
}
.ph-editButton.selected-for-path {
  background: url("gfx/ph/edit_selected.png") no-repeat;
}
.ph-popupLabel {
  color: #8d8c8e;
}
.ph-popupTable td {
  padding-bottom: 6px;
}
.ph-errorValidate {
  padding: 2px 0 0 6px;
  background: url("gfx/sekset/error.png") no-repeat;
  height: 20px;
  width: 20px;
  color: #990808;
}
.ph-image {
  left: 10px;
  top: 9px;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-repeat: no-repeat;
}
.ph-imageRelativeOwner {
  width: 100%;
  height: 100%;
  position: relative;
}
.ph-imageAbsoluteOwner {
  position: absolute;
  cursor: pointer;
  width: 42px;
  height: 42px;
}
.ph-popupAction {
  display: block;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #414042;
  cursor: pointer;
}
.ph-popupAction:hover {
  text-decoration: underline;
}
.ph-popupAction-disabled {
  text-decoration: none !important;
  color: #989898;
  cursor: default;
}
.ph-nodeList-container .sheet-table td.selected {
  background-color: #f9c87f;
  border-bottom-color: #ECEBEB;
  border-right-color: #ECEBEB;
}
.ph-nodeList-container .sheet-table td.readonly-cell.selected,
.ph-nodeList-container .stb-DataTable tr.selected {
  background-color: #F29200;
}
.package-path-initial-selected {
  stroke-dasharray: 5, 4;
  stroke-width: 1;
  stroke: #989898;
}
.package-path {
  cursor: pointer;
  stroke-width: 1;
  stroke: #989898;
  fill: #989898;
}
.package-path.selected {
  stroke: #F29200;
  fill: #F29200;
}
.package-path.selected-for-path {
  stroke: #F29200;
  fill: #FFFFFF;
}
.package-attribute-text {
  fill: #FFFFFF;
  cursor: pointer;
  font-size: 50;
}
.package-attribute-text.selected-for-path {
  fill: #F29200;
}
.package-link-path {
  stroke-width: 3;
  stroke: #989898;
}
.package-link-path.selected {
  stroke: #F29200;
}
.package-link-text {
  fill: #989898;
  font-size: 12;
}
.package-link-text.selected {
  fill: #F29200;
}
.package-link-text-background {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
/* Predefined package images */
.ph-image.aerosol {
  top: 5px;
  background-image: url("gfx/ph/Aerosol_white.png");
}
.ph-image.aerosol.selected-for-path {
  background-image: url("gfx/ph/Aerosol_orange.png");
}
.ph-image.item {
  background-image: url("gfx/ph/Item_white.png");
}
.ph-image.item.selected-for-path {
  background-image: url("gfx/ph/Item_orange.png");
}
.ph-image.box {
  background-image: url("gfx/ph/Box_white.png");
}
.ph-image.box.selected-for-path {
  background-image: url("gfx/ph/Box_orange.png");
}
.ph-image.cage {
  top: 9px;
  background-image: url("gfx/ph/Cage_white.png");
}
.ph-image.cage.selected-for-path {
  background-image: url("gfx/ph/Cage_orange.png");
}
.ph-image.carton {
  background-image: url("gfx/ph/Carton_white.png");
}
.ph-image.carton.selected-for-path {
  background-image: url("gfx/ph/Carton_orange.png");
}
.ph-image.pack {
  background-image: url("gfx/ph/Pack_white.png");
}
.ph-image.pack.selected-for-path {
  background-image: url("gfx/ph/Pack_orange.png");
}
.ph-image.outer_pack {
  background-image: url("gfx/ph/Outer_pack_white.png");
}
.ph-image.outer_pack.selected-for-path {
  background-image: url("gfx/ph/Outer_pack_orange.png");
}
.ph-image.pallet {
  background-image: url("gfx/ph/Pallet_white.png");
}
.ph-image.pallet.selected-for-path {
  background-image: url("gfx/ph/Pallet_orange.png");
}
.ph-image.quarter_pallet {
  background-image: url("gfx/ph/Quarter_pallet_white.png");
}
.ph-image.quarter_pallet.selected-for-path {
  background-image: url("gfx/ph/Quarter_pallet_orange.png");
}
.ph-image.half_pallet {
  background-image: url("gfx/ph/Half_pallet_white.png");
}
.ph-image.half_pallet.selected-for-path {
  background-image: url("gfx/ph/Half_pallet_orange.png");
}
.ph-image.pallet_box {
  background-image: url("gfx/ph/Pallet_box_white.png");
}
.ph-image.pallet_box.selected-for-path {
  background-image: url("gfx/ph/Pallet_box_orange.png");
}
.ph-image.tub {
  background-image: url("gfx/ph/Tub_white.png");
}
.ph-image.tub.selected-for-path {
  background-image: url("gfx/ph/Tub_orange.png");
}
.ph-image.ghost_icon {
  background-image: url("gfx/ph/ghost_icon_white.png");
}
.ph-image.ghost_icon.selected-for-path {
  background-image: url("gfx/ph/ghost_icon_orange.png");
}
.ph-popupDialog .portal-popup-content {
  display: flex;
  box-sizing: border-box;
  padding: 0 32px;
  width: 485px;
  min-width: 485px;
  min-height: 178px;
  flex-direction: column;
}
.ph-popupDialog .dropdown {
  width: 100%;
}
.ph-popupDialog .ph-popupTable {
  width: 100%;
}
.ph-popupDialog .portal-alert-buttons {
  padding-right: 0;
  align-self: flex-end;
}
.ph-popupDialog .ph-popup-content {
  display: flex;
  flex: 9;
}
.ph-popupDialog .stb-SuggestField {
  width: 100%;
}

/* ========= END PackagingPortalStyle ========= */
/* ======== BEGIN PortalCornerBarStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.navigation-panel .material-icons {
  color: rgba(0, 0, 0, 0.38);
  float: right;
  cursor: pointer;
  margin-top: 22px;
  margin-left: 16px;
  position: relative;
}
.navigation-panel .material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
.navigation-panel .material-icons:active,
.navigation-panel .material-icons:focus {
  color: #000000;
}
.navigation-panel__home {
  margin-right: 32px;
}
.navigation-panel__workspace-selector {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel__supplier-selector {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel__context-selector {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel__enhanced-background-process-notification--notification-error .material-icons::after {
  background-color: #fd7035;
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 8px 8px 8px 8px;
  height: 8px;
  width: 8px;
  content: '';
}
.navigation-panel__enhanced-background-process-notification--notification-warning .material-icons::after {
  background-color: #ffdb33;
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 8px 8px 8px 8px;
  height: 8px;
  width: 8px;
  content: '';
}
.navigation-panel__enhanced-background-process-notification--notification-success .material-icons::after {
  background-color: #46af50;
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 8px 8px 8px 8px;
  height: 8px;
  width: 8px;
  content: '';
}
.navigation-panel__enhanced-background-process-notification--active i {
  color: #000000 !important;
}
.navigation-panel-ImpersonateUser {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel__show-user {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel-ScreenNavigation.gwt-Anchor {
  cursor: pointer;
  float: right;
  margin-top: 25px;
  margin-left: 16px;
}
.navigation-panel-PagingPanel {
  float: right;
}
.navigation-panel-PagingPanel div,
.navigation-panel-PagingPanel span {
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  z-index: 2;
  position: relative;
  float: right;
  height: 16px;
  margin: 28px 0 0 8px;
  width: 16px;
  cursor: pointer;
}
.navigation-panel-PagingPanel .navigation-panel-BackToList {
  background-image: url("gfx/sekset/back_to_list.png");
  width: 16px;
}
.navigation-panel-PagingPanel .navigation-panel-Count {
  cursor: default;
  width: auto;
}
.navigation-panel-PagingPanel .navigation-panel-Left {
  background-image: url("gfx/sekset/left_navigation_arrow.png");
  width: 10px;
}
.navigation-panel-PagingPanel .navigation-panel-Left-Disabled {
  background-image: url("gfx/sekset/left_navigation_arrow_dis.png");
  cursor: default;
  width: 10px;
}
.navigation-panel-PagingPanel .navigation-panel-Right {
  background-image: url("gfx/sekset/right_navigation_arrow.png");
  width: 10px;
}
.navigation-panel-PagingPanel .navigation-panel-Right-Disabled {
  background-image: url("gfx/sekset/right_navigation_arrow_dis.png");
  cursor: default;
  width: 10px;
}
.LinksFolder td {
  padding-bottom: 8px;
}
.LinksFolder {
  padding: 16px;
  padding-bottom: 8px;
}
.stb-CornerBarSelector {
  padding-bottom: 8px;
  max-width: 800px;
  max-height: 300px;
  overflow: auto;
}
.stb-CornerBarSelector-SelectionTable {
  padding: 0 8px;
}
.stb-CornerBarSelector-SelectionTable .gwt-Label {
  padding: 4px 8px;
  cursor: pointer;
}
.stb-CornerBarSelector-SelectionTable .gwt-Label:hover {
  background-color: #EEEEEE;
}
.stb-CornerBarSelector-SelectionTable .gwt-Label.selected {
  background-color: #e6e6e6;
  cursor: default;
}
.stb-CornerBarSelector-Header {
  font-weight: bold;
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
}
/*--------- below this line is subject to redesign for simple search ----------*/
.CornerBar-SimpleSearch {
  padding: 8px 0;
}
.CornerBar-SimpleSearch-suggestBox {
  width: 270px;
}
.CornerBar-SimpleSearch-AdvancedSearch {
  float: right;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.CornerBar-SimpleSearch-SearchField i {
  margin-top: 4px;
  position: absolute;
  right: 8px;
}
.CornerBar-SimpleSearch .gwt-Label {
  font-weight: bold;
  padding-left: 16px;
  height: 32px;
}
/*--------- above this line is subject to redesign for simple search ----------*/
.navigation-panel-corner-panel .search-widget {
  float: right;
  margin-top: 16px;
}
.navigation-panel-corner-panel .search-widget div {
  float: left;
}
.navigation-panel-corner-panel .search-widget div select {
  border-radius: 2px 0 0 2px;
  border-right: none;
  width: 112px;
}
.navigation-panel-corner-panel .search-widget div input {
  border-radius: 0 2px 2px 0;
  padding-right: 20px;
  width: 200px;
}
.navigation-panel-corner-panel .search-widget div i {
  top: 6px;
  right: 28px;
  cursor: pointer;
  margin: 0;
}
.navigation-panel-corner-panel .search-widget a {
  position: relative;
  top: 8px;
  right: 8px;
}

/* ========= END PortalCornerBarStyle ========= */
/* ======== BEGIN PortalDesigner ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*
CSS classes to be used for the Portal Designer
*/
.designmode .PortalPopup,
.designmode .gwt-DialogBox {
  z-index: 2000;
}
/* Style designer independently of the portal */
.stb-designmode-dialog {
  color: #414042;
}
.stb-designmode-dialog .gwt-SplitLayoutPanel-VDragger {
  margin: 0 16px;
}
.stb-designmode-dialog select[multiple],
.designmode select[size]:not([size="1"]) {
  resize: vertical;
}
.stb-designmode-dialog select[multiple] option,
.designmode select[size]:not([size="1"]) option {
  padding: 2px;
}
.stb-designmode-dialog .Caption {
  cursor: move;
  font-size: 14px;
  padding-bottom: 8px;
}
.gwt-DialogBox.stb-designmode-dialog {
  border: 1px solid;
  padding: 8px;
}
.designmode button.gwt-Button {
  margin-left: 2px;
  margin-top: 4px;
  height: 24px;
}
/* -------- */
.stb-designmode-dialog {
  z-index: 2000;
}
.stb-designmode-dialog div[style*="-32767"] {
  /*Fix for RDPORT-4014*/
  left: -32767em;
}
.gwt-TabPanelBottom .stb-designmode-ComponentProperties,
.stb-designmode-ComponentChildren {
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
}
.stb-designmode-ComponentChildren {
  margin-bottom: 10px;
  border-bottom: 0px;
}
.stb-designmode-ComponentProperties .propertiesPanel {
  width: calc(100% - 12px);
}
.stb-designmode-dialog .gwt-DisclosurePanel .header {
  padding-bottom: 8px;
}
.stb-designmode-ComponentProperties.fieldtitleHelpIcon {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
}
.stb-designmode-dialog .fieldtitleLabel {
  white-space: normal !important;
}
.stb-designmode-parameter-withdrawn {
  background-color: #DDDDDD;
}
.stb-designmode-section-title {
  font-size: 20px;
  margin-top: 8px;
  margin-left: 8px;
}
.stb-designmode-dialog .gwt-Anchor {
  text-decoration: underline;
}
.designModeOverlay {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  border: 2px solid transparent;
  background-color: #FF0000;
}
.designModeOverlay-WITHDRAWN,
.designModeOverlay-DELETED {
  border: 2px dashed #0000FF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.designModeOverlay:hover {
  opacity: 0.2;
  filter: alpha(opacity=20);
  border: 2px solid #FF0000;
}
.designModeOverlay-selected,
.designModeOverlay-selected:hover {
  opacity: 0.2;
  filter: alpha(opacity=20);
  border: 2px solid #00AA00;
}
.stb-designmode-ComponentChildren .minimumLabel {
  width: 10%;
}
.rightParameterColumn {
  width: calc(100%);
}
.leftParameterColumn {
  width: 165px;
}
.leftParameterColumnLabel {
  width: 165px !important;
}
.uploadIconsLabel {
  padding-left: 7px;
  font-weight: bold;
}
.stb-designmode-ComponentProperties {
  display: block;
  overflow: auto;
  max-height: 75vh;
}
.stb-designmode-ComponentProperties .gwt-Label,
.stb-designmode-ComponentProperties .gwt-TextArea,
.stb-designmode-ComponentProperties .gwt-ListBox,
.stb-designmode-ComponentProperties .gwt-TextBox,
.stb-designmode-ComponentChildren .gwt-Label,
.stb-designmode-ComponentChildren .gwt-TextArea,
.stb-designmode-ComponentChildren .gwt-ListBox,
.stb-designmode-ComponentChildren .gwt-TextBox {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 20px;
}
.rowPaddedTable {
  border-spacing: 0 8px;
  margin: 5px 0px 5px 0px;
  background-color: #deebd7;
  padding-left: 6px;
  padding-right: 6px;
}
.rowPaddedTable-unframed {
  border-spacing: 0 8px;
  margin: 8px 0;
  padding-left: 8px;
  padding-right: 8px;
}
.Separator {
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
}
/* container overlays */
.designModeContainerOverlay {
  border: 2px solid transparent;
}
.designModeContainerOverlay:hover {
  border: 2px solid rgba(255, 0, 0, 0.2);
}
.designModeContainerOverlay-selected,
.designModeContainerOverlay.designModeContainerOverlay-selected {
  border: 2px solid rgba(0, 170, 0, 0.2);
}
.stb-Widget.designModeContainerOverlay {
  border: 7px solid undefined;
}
.stb-Widget.designModeContainerOverlay:hover,
.stb-Widget.designModeContainerOverlay-selected {
  border: 7px solid rgba(255, 0, 0, 0.2);
}
.designModeContainerOverlay-tabBar-selected,
.designModeContainerOverlay-tabBar-selected:hover {
  border-bottom: 0;
  border-top: 0;
}
.designModeOverlay-invalidAttribute {
  background-color: #ffff00;
}
.stb-designmode-GridDefHeader .gwt-TextBox {
  margin-right: 20px;
}
.stb-designmode-GridDefPanel {
  margin-left: 5px;
}
.stb-designmode-dialog .describtionLabel {
  width: 100%;
  border: 1px solid lightgrey;
  padding: 4px;
  box-sizing: border-box;
}
.stb-deprecatedComponent {
  color: #fc4c02;
  margin-top: 1em;
}
/*jpicker*/
.jPicker input {
  height: 24px;
}
.designmode .helpText.portal-popup-content {
  max-width: 500px;
  padding: 8px;
}
.stb-designmode-dialog.AddDialog select {
  width: 100%;
}
.stb-designmode-dialog.AddDialog .portal-popup-content {
  width: 800px;
}
.stb-designmode-dialog.AddDialog .ScreenTypeOptions .gwt-RadioButton {
  margin-right: 8px;
}
.stb-apply-if-list-box {
  width: 180px;
}
.stb-apply-if-inner td:last-of-type {
  padding-bottom: 5px;
  padding-left: 3px;
  width: 100%;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 100%;
}
.stb-override-inner-panel td:first-of-type {
  padding-right: 5px;
  width: 100%;
}
.stb-override-inner-panel:first-of-type {
  padding-bottom: 5px;
}
.stb-override-inner-panel td:last-of-type {
  width: 100%;
}
.stb-override-edit-button {
  float: right;
}
.stb-override-list-box {
  width: 100%;
}
.stb-workflowdetails-inner-panel td:first-of-type {
  padding-right: 5px;
  width: 100%;
}
.stb-workflowdetails-inner-panel:first-of-type {
  padding-bottom: 5px;
}
.stb-workflowdetails-inner-panel td:last-of-type {
  width: 100%;
}
.stb-workflowdetails-list-box {
  width: 100%;
}
.stb-workflowdetails-inner-panel td:first-of-type {
  padding-right: 5px;
  width: 100%;
}
.stb-workflowdetails-inner-panel:first-of-type {
  padding-bottom: 5px;
}
.stb-workflowdetails-inner-panel td:last-of-type {
  width: 100%;
}
.stb-workflowdetails-list-box {
  width: 100%;
}
.stb-hex-color-picker {
  width: 100%;
}
.stb-hex-color-picker td:first-of-type {
  width: 100%;
  padding-right: 8px;
}
.stb-hex-color-picker-panel {
  width: 100%;
  min-height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #c3c3c3;
  box-sizing: border-box;
}
.stb-hex-color-picker-edit-button {
  min-height: 32px;
  width: 32px;
}
.stb-designmode-bf-mappings-listbox {
  padding-top: 5px;
  border-spacing: 5px;
}
.stb-designmode-bf-mappings-header {
  font-weight: bold;
}

/* ========= END PortalDesigner ========= */
/* ======== BEGIN PortalMultiEditor ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* Compare / 'Spreadsheet' component styling */
.table-header-style {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.table-header-style-mandatory {
  color: #414042;
  font-size: 12px;
  font-weight: 700;
}
.sheet {
  width: 100%;
  height: 100%;
  z-index: 100;
}
.sheet,
.sheet div {
  padding: 0;
  margin: 0;
  border-width: 0px;
}
.sheet-container {
  overflow: hidden;
  position: relative;
}
.sheet-inside-container {
  height: auto;
  width: auto;
}
.sheet-shim-bottom {
  border-top: 1px solid #C3C3C3;
  height: 10px;
  width: 100%;
}
.sheet-shim-right {
  border-left: 1px solid #C3C3C3;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  position: absolute;
}
.sheet > .sheet-container > .sheet-scroll-container {
  position: absolute;
  overflow: auto !important;
  z-index: 102;
}
.sheet-edit-mode-scroll-blocker {
  position: absolute;
  overflow: auto;
  z-index: 103;
}
.sheet .sheet-edit-mode-editor-overlay-panel {
  position: absolute;
  border: 1px #000000 solid;
  background-color: #FFFFFF;
  text-align: left;
  margin: 0 0 0 2px;
  padding-left: 5px;
  padding-top: 2px;
  resize: none;
  overflow: auto;
  outline: none;
  word-wrap: break-word;
  white-space: pre-wrap;
  z-index: 110;
}
.sheet .sheet-edit-mode-editor-overlay-panel .input-cell {
  height: 100%;
  overflow-y: auto;
  border: none;
}
.sheet-edit-mode-editor-overlay-panel .stibo-Dropdown-wrapper {
  width: 200px;
}
.sheet-edit-mode-editor-overlay-panel .stibo-Dropdown-wrapper select {
  background-position: 184px center;
}
.sheet-head-container {
  overflow: hidden;
  position: relative;
  z-index: 105;
}
.sheet-body-container {
  overflow: hidden;
  position: relative;
  z-index: 104;
}
.sheet-body-vertical-scroll {
  position: relative;
}
.sheet-quad {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.sheet-quad-row-headers {
  display: inline-block;
  vertical-align: top;
}
.sheet-table-container {
  position: relative;
}
.sheet-page-island {
  position: relative;
}
.sheet-table-positioner {
  display: inline-block;
  vertical-align: top;
}
.sheet-table-positioner th {
  border-bottom-color: #C3C3C3 !important;
}
.sheet-table {
  border-collapse: separate;
  border-spacing: 0;
  border-style: none;
  cursor: default;
  table-layout: fixed;
  width: 0;
  position: relative;
}
.sheet-table th.sortasc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_asc_column.png);
}
.sheet-table th.sortdesc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_desc_column.png);
}
.sheet-table th.filter-sortasc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_asc.png);
}
.sheet-table th.filter-sortdesc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_desc.png);
}
.sheet-table th.filter .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column.png);
}
.sheet-table th .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering-dot.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 100%;
  min-height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0px;
}
.context-help-indicator {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  width: 14px;
  height: 100%;
  min-height: 14px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin-right: 0px;
}
.stb-DataTable .head div.context-help-indicator {
  left: 0px !important;
}
.stb-DataTable .head th:hover .header-title-name {
  margin-left: 16px !important;
}
.sheet-table th:hover .context-help-indicator {
  background-image: url(gfx/sekset/info.png);
}
.stb-DataTable .head th:hover .context-help-indicator {
  background-image: url(gfx/sekset/info.png);
}
table.sheet-table.column-headers div.sheet-header-cell div.context-help-indicator {
  left: 4px !important;
}
table.sheet-table.column-headers div.sheet-header-group-cell div.context-help-indicator {
  left: 18px !important;
}
table.sheet-table.row-headers div.sheet-header-cell div.context-help-indicator {
  left: 4px !important;
}
table.sheet-table.row-headers div.sheet-header-group-cell div.context-help-indicator {
  left: 16px !important;
}
.header-title-name {
  left: 0px;
  margin-left: 0px;
  min-height: 14px;
}
table.sheet-table.column-headers div.sheet-header-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 0px !important;
}
table.sheet-table.column-headers th:hover div.sheet-header-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 16px !important;
}
table.sheet-table.column-headers th:hover div.sheet-header-group-cell span.gwt-InlineHTML.header-title-name {
  left: 10px;
}
table.sheet-table.row-headers div.sheet-header-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 0px !important;
}
table.sheet-table.row-headers th:hover div.sheet-header-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 16px !important;
}
table.sheet-table.row-headers div.sheet-header-group-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 0px !important;
}
table.sheet-table.row-headers th:hover div.sheet-header-group-cell span.gwt-InlineHTML.header-title-name {
  margin-left: 11px !important;
}
.sheet-table td {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FFFFFF;
  border-color: #C3C3C3;
  border-style: solid;
  border-width: 0 0px 1px 1px;
  line-height: inherit;
  padding: 0;
  z-index: 1;
  position: relative;
}
.sheet-table td.readonly-cell {
  background-color: #f7f7f7;
}
.sheet-table td.readonly-cell.selected {
  background-color: #dddddd;
}
.sheet-table td.selected {
  background-color: #ededed;
}
.sheet-table tr.selected th {
  background-color: #ededed;
}
.sheet-table tr.selected th.dirty-header {
  background-color: #c4d6e8;
}
.sheet-table tr td:first-of-type:not(.sheet-header-group-vertical) {
  /* border-left: 1px solid #C3C3C3; */
}
.sheet-table tr td:last-of-type {
  border-right: none;
}
/* bottom border on last island last tr td (horizontal mode) */
.sheet-table.last-row-horizontal-content-page tr:last-of-type td {
  border-bottom: 1px solid #C3C3C3;
}
/* radius on last island last tr td (horizontal mode) */
.sheet-table.last-row-horizontal-content-page .last-td-element {
  border-bottom-right-radius: 4px;
}
.sheet-table td.dirty-cell {
  background-color: #e3ecf5;
}
.sheet-table td.dirty-cell.selected {
  background-color: #c4d6e8;
}
.sheet-table td.cell-selected {
  box-shadow: inset 0px 0px 0px 1px #000000;
  z-index: 2;
}
.sheet-table td.cell-highlighted {
  background-color: #e6e6e6 !important;
  color: #414042;
}
.manualsurvivorship .sheet-table td.match-cell {
  font-weight: bold;
}
.saveButtonManualSurvivorship {
  margin-left: 30px;
  margin-top: 10px;
}
.sheet-table th {
  background: none repeat scroll 0 0 transparent;
  border-color: #C3C3C3;
  border-style: solid;
  border-width: 0 0px 1px 0px;
  border-bottom-color: #e7e7e7;
  border-right-color: #e7e7e7;
  font-weight: normal;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #FFFFFF;
}
/* left and bottom border of column headers */
table.sheet-table.column-headers th {
  /* bottom and left border */
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  /* (horizontal mode) bottom header border */
  box-shadow: inset 0px -1px 0px 0px #e7e7e7;
}
/* borders between checkboxes and labels of horizontal data header */
table.sheet-table.horizontal-data-header th {
  border-width: 0 0px 1px 0;
  box-shadow: inset 0px 0px 0px 0px;
}
table.sheet-table.vertical-data-header th {
  border-left: 1px solid #e7e7e7;
}
table.sheet-table.vertical-data-header.selectionEnabled th {
  vertical-align: top;
}
/* more horizontal alignment for checkboxes */
.sheet-table input[type="checkbox"] + label {
  left: 4px;
}
/* remove border from th of row selection headers */
table.sheet-table.row-headers th {
  border-right: 0px;
  display: table-cell;
}
.sheet-table th.selected {
  background-color: #ededed;
}
.sheet-table.row-headers th {
  text-align: left;
  background-color: #FFFFFF;
}
.sheet-table.row-headers th.last-of-group-child {
  border-bottom: 1px solid #C3C3C3;
}
.sheet-resize-handle {
  z-index: 109;
  position: absolute;
  background-color: #C3C3C3;
}
.sheet-resize-guideline {
  z-index: 107;
  position: absolute;
  background-color: #C3C3C3;
}
.row-headers th.sheet-header-group {
  background-color: #FFFFFF;
  overflow-x: visible;
}
.row-headers th.sheet-header-group:not(.open) {
  border-bottom: 1px solid #C3C3C3;
}
.row-headers th.sheet-header-group.empty-group {
  border-bottom: 1px solid #C3C3C3;
}
.row-headers th.first-item-before-grouping {
  border-bottom: 1px solid #C3C3C3;
}
.column-headers th.first-item-after-grouping {
  border-left: 1px solid #C3C3C3 !important;
}
.column-headers th.sheet-header-group {
  background-color: #FFFFFF;
  border-bottom-color: transparent !important;
  text-align: left;
}
/* group borders on horizontal mode */
.column-headers th.sheet-header-group {
  border-left: 1px solid #C3C3C3 !important;
  /* no shadow on group border bottom */
  border-bottom: 0px solid transparent !important;
  box-shadow: inset 0px 0px 0px 0px transparent !important;
}
.sheet-table.column-headers th {
  border-bottom-color: #C3C3C3;
}
.sheet-table.column-headers th.last-th-element {
  border-right: 1px solid #C3C3C3;
}
.sheet-table.row-headers th.last-th-element {
  border-bottom: 1px solid #C3C3C3;
  border-bottom-left-radius: 4px;
}
th.first-horizontal-column-header-element {
  border-left: 1px solid #C3C3C3;
}
.sheet-header-toogle {
  font-size: medium;
}
/* horizontal mode grouping togle tweaks */
.column-headers .sheet-header-toogle {
  position: relative;
  left: 4px;
}
td.sheet-header-group-vertical {
  background-color: #FFFFFF;
  border-left-color: transparent;
  box-shadow: inset 0px 0px 0px 0px transparent;
}
td.sheet-header-group-vertical:last-of-type {
  border-right-color: #C3C3C3;
}
td.sheet-header-group-horizontal {
  background-color: #FFFFFF;
  border-bottom-color: transparent;
}
.sheet-table th.error-header {
  background-color: #ffede6;
}
.sheet-table th.warning-header {
  background-color: #fffbe6;
}
.sheet-table th.dirty-header {
  background-color: #e3ecf5;
}
.sheet-table th.dirty-header.selected {
  background-color: #c4d6e8;
}
div.sheet-cell {
  outline: none;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
}
div.sheet-cell > a,
div.sheet-cell > span.menulink,
div.sheet-cell > .link-faux {
  clear: left;
}
div.sheet-cell__inner {
  position: relative;
  overflow: hidden;
}
div.sheet-cell__inner > a,
div.sheet-cell__inner > span.menulink,
div.sheet-cell__inner > .link-faux {
  clear: left;
}
div.sheet-cell__inner > .DomainNodeCell.multiple-value {
  overflow: hidden;
  display: block;
}
div.sheet-cell__inner > .multiple-value:not(.url-values) > div {
  float: left;
  clear: left;
}
div.sheet-cell > .outer {
  overflow: hidden;
  display: block;
}
div.sheet-cell > .outer > .menulink {
  float: left;
  clear: left;
}
.sheet--dynamic-table-layout div.sheet-cell > a,
.sheet--dynamic-table-layout div.sheet-cell > span.menulink,
.sheet--dynamic-table-layout div.sheet-cell > .link-faux {
  clear: left;
}
.sheet--dynamic-table-layout div.sheet-cell__inner > a,
.sheet--dynamic-table-layout div.sheet-cell__inner > span.menulink,
.sheet--dynamic-table-layout div.sheet-cell__inner > .link-faux {
  clear: left;
}
.sheet--dynamic-table-layout div.sheet-cell__inner > .DomainNodeCell:not(.multiple-value):not(.extra-derived_local):not(.extra-derived):not(.url-values) {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
}
.sheet--dynamic-table-layout div.sheet-cell__inner > .extra-derived_local,
.sheet--dynamic-table-layout div.sheet-cell__inner > .extra-derived {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
}
.sheet--dynamic-table-layout div.sheet-cell__inner > .url-values > .value > .url {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
  padding: 0;
}
.sheet--dynamic-table-layout div.sheet-cell__inner > .multiple-value:not(.url-values) > div {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
  padding: 0;
}
.sheet--dynamic-table-layout div.sheet-cell > .outer .sheet--dynamic-table-layout div.sheet-cell > .menulink {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
  padding: 0;
}
.sheet--dynamic-table-layout div.sheet-cell > .menulink {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap !important;
  display: inline;
}
.sheet-table td {
  vertical-align: middle;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .sheet-cell__inner > .DomainNodeCell:not(.multiple-value):not(.extra-derived_local):not(.extra-derived):not(.url-values) {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .sheet-cell__inner > .DomainNodeCell.multiple-value:not(.url-values) > div {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .sheet-cell__inner > .extra-derived_local,
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .sheet-cell__inner > .extra-derived {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .sheet-cell__inner > .url-values > .value > .url {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .outer > .menulink,
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > .menulink {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > div:not(.sheet-cell__inner),
.sheet-table td.sheet-coll--wrapped > div.sheet-cell > span:not(.url-values):not(.outer) {
  word-break: break-all;
  white-space: normal !important;
  display: block;
}
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .sheet-cell__inner > .DomainNodeCell:not(.multiple-value):not(.extra-derived_local):not(.extra-derived):not(.url-values) {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-wrap: normal;
  display: block;
  clear: none;
  float: none;
}
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .sheet-cell__inner > .DomainNodeCell.multiple-value:not(.url-values) > div {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-wrap: normal;
  display: block;
  clear: none;
  float: none;
}
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .sheet-cell__inner > .extra-derived_local,
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .sheet-cell__inner > .extra-derived {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-wrap: normal;
  display: block;
  clear: none;
  float: none;
}
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .sheet-cell__inner > .url-values > .value > .url {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-wrap: normal;
  display: block;
  clear: none;
  float: none;
}
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .outer > .menulink,
.sheet-table td.sheet-coll--truncated > div.sheet-cell > .menulink {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-wrap: normal;
  display: block;
  clear: none;
  float: none;
}
.sheet-table td.sheet-coll--height-exceeded:after {
  position: absolute;
  content: '';
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNjEycHgiIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MTIgNjEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyBpZD0iUmlnaHQiPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNzcuNTgsMTc5LjY3OWwtMC4wNTcsMC4wNzdjLTUuMTI1LTQuNzA1LTExLjg1Ny03LjYzMS0xOS4zMzUtNy42MzFjLTE1LjgzNSwwLTI4LjY4OCwxMi44NTItMjguNjg4LDI4LjY4OA0KCQkJCWMwLDguMzc3LDMuNjM0LDE1LjgzNSw5LjM1MiwyMS4wNzZsLTAuMDU3LDAuMDc3TDMzMC40OCwzMDZsLTkxLjY4Niw4NC4wNTVsMC4wNTcsMC4wNzZjLTUuNzE4LDUuMjIxLTkuMzUyLDEyLjY4LTkuMzUyLDIxLjA1Nw0KCQkJCWMwLDE1LjgzNiwxMi44NTIsMjguNjg4LDI4LjY4OCwyOC42ODhjNy40NzgsMCwxNC4yMS0yLjkyNiwxOS4zMzUtNy42MTFsMC4wNTcsMC4wNzZsMTE0Ljc1LTEwNS4xODgNCgkJCQljNS45MS01LjQ1MSw5LjI5NS0xMy4xMDEsOS4yOTUtMjEuMTUycy0zLjM4NS0xNS43MDItOS4yOTUtMjEuMTUyTDI3Ny41OCwxNzkuNjc5eiBNMzA2LDBDMTM3LjAxMiwwLDAsMTM3LjAxMiwwLDMwNg0KCQkJCXMxMzcuMDEyLDMwNiwzMDYsMzA2czMwNi0xMzcuMDEyLDMwNi0zMDZTNDc0Ljk4OCwwLDMwNiwweiBNMzA2LDU1NC42MjVDMTY4LjkxMiw1NTQuNjI1LDU3LjM3NSw0NDMuMDg4LDU3LjM3NSwzMDYNCgkJCQlTMTY4LjkxMiw1Ny4zNzUsMzA2LDU3LjM3NVM1NTQuNjI1LDE2OC45MTIsNTU0LjYyNSwzMDZTNDQzLjA4OCw1NTQuNjI1LDMwNiw1NTQuNjI1eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+") no-repeat #FFFFFF;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  bottom: 6px;
  right: 6px;
  border-radius: 6px;
}
div.sheet-header-cell {
  outline: none;
  overflow: hidden;
  white-space: initial;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
div.sheet-header-cell.sheet-header-horizontal label {
  margin: 0 auto;
}
div.sheet-header-horizontal {
  margin-right: 2px;
}
.sheet-header-cell span.gwt-InlineHTML,
.sheet-header-group-cell span.gwt-InlineHTML {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.sheet-header-group-cell span.gwt-InlineHTML {
  padding-right: 8px;
  box-sizing: border-box;
}
div.sheet-header-cell-mandatory span.gwt-InlineHTML,
.sheet-header-group-mandatory span.gwt-InlineHTML {
  outline: none;
  overflow: hidden;
  padding-left: 5px;
  position: relative;
  color: #414042;
  font-size: 12px;
  font-weight: 700;
}
div.sheet-header-cell-mandatory span::after,
div.sheet-header-group-mandatory span::after {
  color: #fc4c02;
  font-weight: bold;
  margin-left: 2px;
  content: "*";
}
.row-headers div.sheet-header-group-cell {
  outline: none;
  overflow: hidden;
  position: relative;
  z-index: 108;
  width: 800px;
}
.column-headers div.sheet-header-group-cell {
  outline: none;
  overflow: hidden;
  z-index: 108;
  position: relative;
}
.column-headers div.sheet-header-group-cell span {
  left: 0px;
  float: right;
}
div.sheet-header-group-cell span {
  position: relative;
  left: 5px;
  line-height: 16px;
}
div.sheet-header-group-cell-mandatory span {
  position: relative;
  left: 5px;
  line-height: 16px;
}
div.sheet-header-cell span {
  float: left;
}
.sheet-table-container--wrapped .sheet-header-cell > .gwt-InlineHTML,
.sheet-table-container--wrapped .sheet-header-group-cell > .gwt-InlineHTML {
  display: block;
  display: -webkit-box;
  line-height: 1em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: keep-all;
  max-height: calc(1em * 3) !important;
}
.sheet-table-container--wrapped .sheet-header-vertical.sheet-header-title {
  display: block;
  display: -webkit-box;
  line-height: 1em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: keep-all;
  max-height: calc(1em * 3) !important;
}
div.controller-header {
  width: 100%;
  height: 100%;
  position: relative;
}
div.controller-header .filterResetButton {
  background: url("gfx/sekset/sortingAndFiltering/clear_filtering.png") no-repeat scroll center center transparent;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 16px;
  height: 16px;
  display: block;
}
.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-cell {
  width: 100%;
  min-width: 40px;
  /* necessary when the user has blanked the cell and leaves it. If min-width not set higher than 0, the cell collapses (width 0) and the user can't activate it again */
  height: 100%;
  margin: 0;
  outline: none;
  cursor: text;
  -webkit-user-modify: read-write-plaintext-only;
  white-space: pre-wrap;
}
/* Multi-Editor side-panel styling */
.multi-editor-sp-container {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 8px;
  right: 0px;
}
.multi-editor-sp-center {
  background-color: #FFFFFF;
  position: absolute;
  top: 6px;
  bottom: 0px;
  overflow: auto;
  border-top: 2px solid #C3C3C3;
  width: 100%;
  padding-top: 4px;
  font-size: 14px;
}
.multi-editor-sp-center-list {
  padding: 4px 4px 4px 0px;
}
.multi-editor-sp-marginals {
  font-weight: bold;
  float: right;
  font-size: 14px;
}
.multi-editor-sp-marginals.multi-editor-sp-marginals-header {
  color: #414042;
  border-radius: 4px;
  padding-top: 2px;
}
.multi-editor-sp-marginals-title {
  font-size: 16px;
  line-height: 32px;
}
.multi-editor-list-item {
  background-color: #FFFFFF;
  vertical-align: middle;
  margin-bottom: 3px;
  cursor: default;
}
.multi-editor-valid-indicator {
  /*just a placeholder with no color or icon*/
  /*  width: 20px;
  height: 18px;*/
  margin-right: 4px;
  display: inline-block;
  border: none;
  cursor: auto;
}
.multi-editor-invalid-indicator {
  width: 20px;
  height: 18px;
  margin-right: 4px;
  display: inline-block;
  background-image: url(gfx/sekset/error.png);
  background-repeat: no-repeat;
  border: none;
  position: relative;
  top: 3px;
}
.multi-editor-warning-indicator {
  width: 20px;
  height: 18px;
  margin-right: 4px;
  display: inline-block;
  background-image: url(gfx/sekset/warning.png);
  background-repeat: no-repeat;
  border: none;
  position: relative;
  top: 3px;
}
.multi-editor-collapsed-sp-container {
  background-color: #FFFFFF;
}
.multi-editor-collapsed-sp-container.one-element {
  height: 100%;
  box-shadow: inset 1px 0px 0px 0px #C3C3C3;
}
.DisplayMode-multiedit div:nth-child(4) {
  overflow: visible !important;
}
.multi-editor-collapsed-sp-container.two-elements {
  height: calc(100% + 128px);
  margin-left: 8px;
  box-shadow: inset 1px 0px 0px 0px #C3C3C3;
  padding-top: 32px;
  top: -32px !important;
}
.multi-editor-collapsed-sp-container .stibo-GraphicsButton {
  margin: 0 0 8px 8px;
  padding: 8px 9px;
  width: 32px;
}
.multi-editor-collapsed-sp-container .material-icons.warning {
  font-size: 14px;
  color: #fc4c02;
  position: absolute;
  top: 32px;
  right: 5px;
}
.multi-editor-collapsed-sp-container .stibo-GraphicsButton.material {
  padding: 4px;
}
.multi-editor-anchor {
  margin-left: 10px;
  cursor: pointer;
}
.multi-editor-save-anchor {
  background: url("gfx/sekset/save_toolbar.png") center no-repeat;
}
.multi-editor-save-anchor.disabled {
  background: url("gfx/sekset/save_toolbar.png") center no-repeat;
}
.multi-editor-reset-anchor {
  background: url("gfx/sekset/reset_toolbar.png") center no-repeat;
}
.multi-editor-reset-anchor.disabled {
  background: url("gfx/sekset/reset_toolbar.png") center no-repeat;
}
.me-callout {
  position: absolute;
  margin: 18px 0px;
  padding: 10px 10px;
  background-color: #FFFFFF;
  z-index: 110;
}
.me-callout .me-notch {
  position: absolute;
  top: -10px;
  right: 10px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  padding: 0;
  width: 0;
  height: 0;
}
.me-border-callout {
  border: 1px solid #fc4c02;
  padding: 9px 9px;
}
.me-border-callout .me-border-notch {
  border-bottom-color: #fc4c02;
  top: -11px;
}
.me-callout-warn {
  position: absolute;
  margin: 18px 0px;
  padding: 10px 10px;
  background-color: #FFFFFF;
  z-index: 110;
}
.me-callout-warn .me-notch {
  position: absolute;
  top: -10px;
  right: 10px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  padding: 0;
  width: 0;
  height: 0;
}
.me-border-callout-warn {
  border: 1px solid #ffd200;
  padding: 9px 9px;
}
.me-border-callout-warn .me-border-notch {
  border-left-color: #ffd200;
  top: -11px;
}
.MultiValueEditorDialog .portal-popup-header__title,
.lov-dialog .portal-popup-header__title {
  padding-bottom: 8px;
}
.MultiValueEditorDialog .button-panel,
.lov-dialog .button-panel,
.MultiValueEditorDialog .portal-alert-buttons,
.lov-dialog .portal-alert-buttons {
  padding-top: 8px;
}
.MultiValueEditorDialog .PortalPopupContent {
  width: 336px;
}
.MultiValueEditorDialog .stb-Button-Delete-Small {
  background-position: left center;
  margin-left: 8px;
}
.MultiEditorDialogScroller {
  padding: 0 16px 0 6px;
  overflow-x: hidden !important;
}
.MultiValuePanel {
  margin: 0 32px;
  width: 462px;
}
.MultiValuePanel > div:first-of-type:not(.MultiValuePanel-editors) {
  margin-bottom: 8px;
}
.multi-value-table {
  border-spacing: 0 4px;
  width: 100%;
}
.multi-value-table tr td:first-of-type {
  width: 100%;
}
.multi-value-table tr td:first-of-type .multi-value-table__widget {
  width: 100%;
}
.multi-value-table tr td:first-of-type .multi-value-table__widget.input-cell {
  width: 434px;
}
.DisplayMode-multiedit {
  margin: 32px;
  margin-right: 0;
  margin-bottom: 0;
}
.sheet-drag-presenter {
  position: absolute;
  left: 0;
  cursor: move;
  z-index: 201;
  opacity: 0.7;
  filter: Alpha(opacity=70);
}
.sheet-drag-guideline-presenter {
  position: absolute;
  left: 0;
  background-color: #a0c6e1;
  z-index: 200;
  height: 2px;
}
.sheet-drag-content-presenter {
  border-color: #505050;
  border-width: 1px;
  border-style: solid;
  cursor: move;
}
.sheet-drag-guideline-presenter.nodrop {
  background-color: #fc4c02;
  cursor: no-drop;
}
.sheet-quad-drag-column_draggable {
  position: relative;
  margin-top: 0px !important;
  background-color: #C3C3C3 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: move;
}
.sheet-quad-drag-column_draggable::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'more_vertmore_vert';
  font-size: 22px;
  letter-spacing: -16px;
  color: white;
  position: absolute;
  left: -4px;
  top: 4px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
th.sheet-quad-drag-column_width {
  border-width: 0px 0px 0px 0px !important;
  box-shadow: inset 0px 0px 0px 0px #C3C3C3 !important;
}
.sheet-quad-drag-column_width {
  width: 12px;
}
.toolbar-button__icon.stibo-AssetPort-Toolbar-IconToggle,
.toolbar-button__icon.stibo-AssetPort-Toolbar-ActiveIconToggle {
  width: 25px;
}
.stibo-AssetPort-Toolbar-IconToggle-hide-equals {
  background-image: url(gfx/sekset/hide_equal_deselected.png);
}
.stibo-AssetPort-Toolbar-ActiveIconToggle-hide-equals {
  background-image: url(gfx/sekset/hide_equal_selected.png);
}
.stibo-AssetPort-Toolbar-IconToggle-mark-different {
  background-image: url(gfx/sekset/mark_different_deselected.png);
}
.stibo-AssetPort-Toolbar-ActiveIconToggle-mark-different {
  background-image: url(gfx/sekset/mark_different_selected.png);
}
.multi-workspace-row-hidden {
  display: none !important;
}
.sheet-table td.multi-workspace-different-mark,
.sheet-table th.multi-workspace-different-mark {
  background-color: #a0c6e1;
  /*#699CC6*/
}
.sheet-table th.multi-workspace-different-mark {
  border-color: #C3C3C3;
}
.sheet-table th.multi-workspace-different-mark_correct_align {
  border-right-width: 2px;
  border-left-width: 1px;
}
.sheet-drag-content-presenter th,
.sheet-drag-content-presenter td {
  cursor: move;
}
div.sheet-drop-hint {
  display: inline-block;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 202;
  left: 100px;
  max-width: 200px;
  padding: 4px;
  padding-left: 1em;
  border-radius: 4px;
}
.CreateFromTemplateWarning {
  color: #fc4c02;
  position: relative;
  top: -1px;
}
td.mandatory-cell {
  background-color: #d2e2f1;
}
.locked-rows-container {
  position: absolute;
  top: 0;
  z-index: 400;
}
.locked-rows-container .sheet-quad {
  position: absolute;
}
.locked-rows-container table {
  /*  border-style: dotted;
  border-color: orange; */
}
.locked-row-header-container {
  position: absolute;
  top: 0;
  z-index: 700;
}
.locked-row-header-container table {
  /* border-style: dotted;
  border-color: black; */
}
.locked-col-container,
.locked-right-col-container {
  position: absolute;
  top: 0;
  z-index: 100;
}
.locked-col-header-container,
.locked-right-col-header-container {
  position: absolute;
  top: 0;
  z-index: 500;
}
.locked-col-header-container table {
  /*  border-style: dotted;
  border-color: pink;*/
  border-right: none !important;
}
.locked-right-col-header-container table {
  border-top-right-radius: 4px;
}
.locked-right-col-container table {
  border-right: 1px solid #C3C3C3;
  border-bottom-right-radius: 4px;
}
.locked-right-col-container table tr:last-of-type td {
  border-bottom-right-radius: 4px;
}
.locked-col-row-container {
  position: absolute;
  top: 0;
  z-index: 600;
}
.locked-col-row-container table {
  /*  border-style: dotted;
  border-color: green;*/
}
.sheet-table td.locked {
  /* background-color: #618d93;
border-bottom-color: #ECEBEB;
border-right-color: #ECEBEB;*/
}
.sheet-table th.locked,
.sheet-table th.locked div {
  /*  background-color: #618d93;
    border-bottom-color: #ECEBEB;
    border-right-color: #ECEBEB;
    color: #000000;
    font-weight: normal;*/
}
.locked-rows-container .sheet-table td.locked {
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.locked-col-container .sheet-table td.locked,
.locked-right-col-container .sheet-table td.locked {
  border-right-color: black;
  border-right-style: solid;
  border-right-width: 1px;
}
.locked-col-container-shadow table td {
  border-left-color: transparent;
}
.locked-col-header-shadow {
  /*right aligned freezing*/
  box-shadow: -4px 2px 8px #C3C3C3;
}
.locked-col-container-shadow .sheet-table.last-row-horizontal-content-page tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
}
.locked-col-container-shadow {
  position: absolute;
  top: 0;
  z-index: 100;
  /*right aligned freezing*/
  box-shadow: -4px 0px 8px #C3C3C3;
}
/* left border around multi editor table*/
/*row headers of left*/
.sheet-container .sheet-table.row-headers {
  border-left: 1px solid #C3C3C3;
}
.sheet-container .sheet-table.row-headers:first-of-type:last-of-type {
  border-bottom-left-radius: 4px;
}
.sheet-container .sheet-table.row-headers.last-row-horizontal-header-page {
  border-bottom-left-radius: 4px;
}
.sheet-container .sheet-table.row-headers.last-row-horizontal-header-page tr:last-child th:first-child {
  /*to get corner on bottom left part of row headers*/
  border-bottom-left-radius: 4px;
}
.sheet-container .sheet-table.row-headers.last-row-horizontal-header-page tr:last-child th {
  border-bottom-color: #C3C3C3;
}
/*column headers on top*/
.sheet-container .sheet-head-container .sheet-table {
  border-top: 1px solid #C3C3C3;
}
/* radius on horizontal column headers */
.sheet-container .sheet-head-container .sheet-table.column-headers {
  border-top-right-radius: 4px;
}
/* border and radius of last top header */
.sheet-container .sheet-head-container .sheet-table.last-row-vertical-header-page {
  border-right: 1px solid #C3C3C3;
  border-top-right-radius: 4px;
}
/* border and radius of last top header */
.sheet-container .sheet-head-container .sheet-table.last-row-vertical-header-page th:last-child {
  border-top-right-radius: 4px;
}
.sheet-container .sheet-head-container .sheet-table .last-th-element {
  /*to get corner on top right part of column headers*/
  border-top-right-radius: 4px;
}
/* first page, first th element */
.sheet-container .sheet-head-container .sheet-table.first-row-header-page th:first-child {
  border-left: 1px solid #e7e7e7;
}
/*dead square*/
div.transpose-button-wrapper {
  border-top: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  border-top-left-radius: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* vertical mode last island last row last td */
.sheet-table.last-row-vertical-content-page .last-td-element {
  /*to get corner on bottom right part of table*/
  border-bottom-right-radius: 4px;
}
.sheet-table.last-row-vertical-content-page {
  border-right: 1px solid #C3C3C3;
  border-bottom-right-radius: 4px;
}
/* right border of horizontal content table */
table.sheet-table.horizontal-sheet-table {
  border-right: 1px solid #C3C3C3;
}
/* right border of horizontal content table */
table.sheet-table.horizontal-sheet-table.last-row-horizontal-content-page {
  border-bottom-right-radius: 4px;
}
/* clean the radius of locked section */
.locked-col-header-container .sheet-table-container .sheet-table th:last-child {
  border-top-right-radius: 0px;
}
.locked-right-col-header-container .sheet-table-container .sheet-table th:last-child {
  border-top-right-radius: 4px;
}
.locked-row-header-container .sheet-table.row-headers th.last-th-element {
  border-bottom-left-radius: 0px;
}
.locked-col-container .sheet-table.last-row-horizontal-content-page tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
}
.locked-right-col-container .sheet-table.last-row-horizontal-content-page tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
}
.locked-row-header-container .sheet-table.row-headers th.last-th-element {
  border-bottom: 1px solid #e7e7e7;
}
.hidden-column {
  display: none !important;
}
.transpose-button-wrapper {
  box-shadow: inset 0px -1px 0px 0px #e7e7e7;
}
.sheet-header-vertical .stb-NodeDetails-unselected,
.sheet-header-vertical .stb-NodeDetails-selected {
  margin-top: 4px;
}

/* ========= END PortalMultiEditor ========= */
/* ======== BEGIN PortalSpot ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.releasenotes th {
  height: 20px;
  overflow-x: hidden;
  background-color: #777777;
  color: #fff;
  word-wrap: break-word;
  padding-left: 6px;
}
.releasenotes tr:hover {
  background-color: #ECEBEB;
}
.releasenotes td {
  overflow-x: hidden;
  max-height: 100px;
  word-wrap: break-word;
}
.releasenotes .title {
  width: 30%;
}
.releasenotes {
  position: relative;
  width: 100%;
}
.releasenotes table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 1px;
}
.releasenotes -sizing {
  width: 100%;
  min-width: 500px;
  /* quick fix for tables that collapse in chrome - need better solution */
}
.releasenotes -header {
  margin-right: 16px;
  /* to take away the space the content uses for a scroll-bar */
  position: relative;
}
.spot-Button-Updates-Icon {
  width: 14px;
  height: 14px;
  background: url(gfx/sekset/white/document_button.png) center no-repeat;
  background-color: #777777;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: inline-block;
  vertical-align: bottom;
}
.spot-Button-Updates {
  float: right;
  font-weight: bold;
  margin: 0;
}
.spot-Button-Updates .icon {
  background-image: url(gfx/sekset/white/document_button.png);
  padding-left: 14px;
}
.SpotScreen-Header {
  margin-top: 4px;
  margin-left: 8px;
}
.SpotScreen-Copyright {
  margin-left: 8px;
}
.SpotScreen-Content {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 8px;
}
.SpotScreen-Content .ZebraTable-sizing {
  max-height: 600px;
}

/* ========= END PortalSpot ========= */
/* ======== BEGIN PortalZebraTable ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.table-header-style {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.ZebraTable {
  position: relative;
  width: 100%;
}
.ZebraTable table {
  table-layout: fixed;
  width: 100%;
}
.ZebraTable table .material-icons {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.38);
}
.ZebraTable table .material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
.ZebraTable table .material-icons:focus {
  color: #000000;
}
.ZebraTable table .material-icons:active {
  color: #000000;
}
.ZebraTable table .material-icons.stb-Button-Add-Small,
.ZebraTable table .material-icons.stb-Button-Delete-Small {
  transform: rotate(0.05deg);
}
.ZebraTable-sizing {
  width: 100%;
  min-width: 322px;
  /* quick fix for tables that collapse in chrome - need better solution (322 fits width of value comps leaving the scroll area outside) */
}
.ZebraTable-header {
  position: relative;
  border: 1px solid #C3C3C3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ZebraTable-footer {
  position: relative;
}
.ZebraTable-content {
  overflow-y: auto;
  max-height: 300px;
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ZebraTable-content > table > tbody > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 4px;
}
.ZebraTable-content > table > tbody > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 4px;
}
.ZebraTable-content > table > tbody > tr > td:first-of-type {
  border-left: 1px solid #C3C3C3;
}
.ZebraTable-content > table > tbody > tr > td {
  border-bottom: 1px solid #C3C3C3;
}
.ZebraTable-content > table > tbody > tr > td:last-of-type {
  border-right: 1px solid #C3C3C3;
}
.ZebraTable-content > table > tbody .readonly > i.material-icons.stb-Button-Delete-Small.inherited {
  display: none;
}
.ie8 .ZebraTable-content {
  overflow-y: auto;
  max-height: 300px;
  position: relative;
}
.ZebraTable-content.empty {
  display: none;
}
.ZebraTable th {
  overflow-x: hidden;
  background-color: #FFFFFF;
  word-wrap: break-word;
  padding: 8px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
.ZebraTable th:first-of-type {
  border-top-left-radius: 4px;
}
.ZebraTable th:last-of-type {
  border-top-right-radius: 4px;
}
.ZebraTable .ZebraTable-content td {
  padding: 8px;
}
.ZebraTable tfoot {
  height: 20px;
  overflow-x: hidden;
  word-wrap: break-word;
  padding-left: 6px;
}
.ZebraTable td {
  overflow-x: hidden;
  max-height: 100px;
  word-wrap: break-word;
}
.ZebraTable-content tr:hover td {
  background-color: #EEEEEE;
}
.ZebraTable tr.selected td,
.ZebraTable tr.selected td .gwt-Anchor {
  background-color: #e6e6e6;
}
.ZebraTable tr.selected td.readonly,
.ZebraTable tr.selected td.readonly .gwt-Anchor {
  background-color: #e6e6e6;
}
.ZebraTable th.no-padding,
td.no-padding {
  padding: 2px !important;
}
.ZebraTable td.iconcolumn {
  background-color: #EEEEEE;
  margin: 0;
  padding: 0;
}
.ZebraTable hr {
  border: 0;
  border-bottom: 1px dashed #C3C3C3;
  margin: 2px 0;
}
.ZebraTable .editor-overlay-panel {
  position: absolute;
  background-color: #FFFFFF;
  text-align: left;
  margin: 0;
  padding: 0 2px;
  resize: none;
  overflow: auto;
  outline: none;
  word-wrap: break-word;
  white-space: pre-wrap;
  z-index: 110;
}
.ZebraTable .editor-overlay-panel .ErrorDecorationPanel {
  margin: 0px;
}
.ZebraTable .editor-overlay-panel .ErrorDecorationPanel input,
.ZebraTable .editor-overlay-panel .ErrorDecorationPanel select {
  width: 100% !important;
}
.ZebraTable .editor-overlay-panel .stibo-Dropdown-wrapper {
  width: inherit;
  border: 0;
}
.ZebraTable .editor-overlay-panel .stibo-Dropdown-wrapper select {
  /*hide the original dropdown arrow image*/
  background-image: none;
}
.ZebraTable .editor-overlay-panel .stibo-Dropdown-wrapper .arrow {
  /*show a new dropdown arrow image that can position without background-position */
  background-image: url("gfx/sekset/dropdown.png");
  display: inline;
  height: 16px;
  width: 16px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 2px;
  background-repeat: no-repeat;
}
.ZebraTable-checkbox-checked {
  background: url("gfx/sekset/checkbox.png") no-repeat;
  background-position: left center;
  margin: 0 auto;
  width: 14px;
  height: 16px;
  cursor: pointer;
}
.ZebraTable-checkbox-checked.disabled {
  background: url("gfx/sekset/checkbox_dis.png") no-repeat;
  cursor: default;
}
.ZebraTable-checkbox-unchecked {
  background: url("gfx/sekset/box.png") no-repeat;
  background-position: left center;
  width: 14px;
  height: 16px;
  cursor: pointer;
  margin: 0 auto;
}
.ZebraTable-checkbox-unchecked.disabled {
  background: url("gfx/sekset/box_dis.png") no-repeat;
  cursor: default;
}
.ZebraTable-checkall-checked {
  background: url("gfx/sekset/checkbox.png") no-repeat;
  background-position: left center;
  margin: 0 auto;
  width: 14px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  white-space: normal;
}
.ZebraTable-checkall-unchecked {
  background: url("gfx/sekset/box.png") no-repeat;
  background-position: left center;
  margin: 0px;
  width: 14px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  white-space: normal;
}
.ZebraTable-checkall-label {
  vertical-align: super;
  display: inline-block;
  white-space: normal;
}
.ZebraTable-content .iconcol {
  text-align: center;
  vertical-align: middle;
}
.ZebraTable-content .iconcol .stbtree-asset {
  margin-left: 5px;
}
.ZebraTable .arrowUp {
  background-image: url("gfx/sekset/up.png");
  height: 14px;
  width: 14px;
  float: left;
  margin-right: 4px;
}
.ZebraTable .arrowDown {
  background-image: url("gfx/sekset/down.png");
  height: 14px;
  width: 14px;
  float: left;
}

/* ========= END PortalZebraTable ========= */
/* ======== BEGIN PrimaryNavigationStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.primary-navigation-panel {
  display: flex;
}
.primary-navigation-panel .navigation {
  background-color: #000000;
  width: 88px;
}
.primary-navigation-panel .navigation .selected {
  color: #000000;
  background-color: white;
}
.primary-navigation-panel .navigation > div:hover {
  color: #000000;
  background-color: white;
}
.primary-navigation-panel .navigation > div {
  color: white;
  text-align: center;
  cursor: pointer;
  user-select: none;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.primary-navigation-panel .navigation > div > div {
  width: 100%;
}
.primary-navigation-panel .navigation > div > div > div {
  padding-left: 8px;
  margin-right: 8px;
  padding-top: 8px;
  max-height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.primary-navigation-panel .navigation > div i {
  font-size: 24px;
  position: relative;
}
.primary-navigation-panel .slider-panel {
  border-color: #c3c3c3;
  border-width: 0 1px;
  border-style: solid;
  background-color: white;
  position: absolute;
  z-index: 198;
  left: 88px;
  min-width: 300px;
  width: 300px;
  max-width: calc(100vw - 88px);
  height: calc(100%);
}
.primary-navigation-panel .slider-panel.pinned {
  position: relative;
  left: 0;
}
.primary-navigation-panel .slider-panel.pinned i.pin-button {
  color: #000000;
}
.primary-navigation-panel .slider-panel .header {
  background-color: #f5f5f5;
  padding: 8px 12px 8px 16px;
}
.primary-navigation-panel .slider-panel .header div {
  float: right;
}
.primary-navigation-panel .slider-panel .header div i {
  cursor: pointer;
  user-select: none;
  font-size: 133%;
}
.primary-navigation-panel .slider-panel .header div i:hover {
  color: black;
}
.primary-navigation-panel .slider-panel .content-with-dragger {
  display: flex;
  height: calc(100% - 32px);
  /* 32px is slider header height */
}
.primary-navigation-panel .slider-panel .content-with-dragger .content {
  width: calc(100% - 9px);
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: 11px;
  flex-shrink: 0;
}
.primary-navigation-panel .slider-panel .content-with-dragger .dragger {
  cursor: col-resize;
  position: absolute;
  right: 0;
  width: 9px;
  height: 100%;
}
.primary-navigation-panel .slider-panel .content-with-dragger .dragger div {
  position: absolute;
  background: url(gfx/sekset/dragger_h.png) center right no-repeat;
  height: 100%;
  width: 8px;
  cursor: col-resize;
  z-index: 102;
}

/* ========= END PrimaryNavigationStyle ========= */
/* ======== BEGIN SimpleExporterStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.toolbar .stb-simpleexporter-icon {
  background-image: url("gfx/sekset/export_toolbar.png");
  width: 28px;
}
.toolbar .stb-simpleexporter-icon.disabled {
  background-image: url("gfx/sekset/export_toolbar_dis.png");
}
.SimpleExportPanel {
  width: 632px;
}
.SimpleExportPanel .gwt-TabLayoutPanel {
  height: 410px;
  border-bottom: 3px solid #777777;
}
/*column sequencer*/
.uvc-header .treeItem {
  background-position: center center;
  float: left;
  height: 20px;
  margin: 0 5px 0 0;
  padding: 0;
  width: 17px;
}
.ColumnSequencerWidget {
  height: 360px;
  max-width: 600px;
  position: relative;
  min-width: 312px;
}
.ColumnSequencerWidget .stb-DataTable-Wrapper {
  height: 335px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ColumnSequencerWidget .stb-DataTable .body {
  overflow-y: auto;
}
.ColumnSequencerWidget .stb-DataTable td {
  padding: 0;
}
.ColumnSequencerWidget .stb-DataTable .col0 {
  width: 12px;
}
.ColumnSequencerWidget .uvc-header .uvc-title {
  max-width: 552px;
  width: calc(100% - 52px);
  white-space: nowrap;
}
.ColumnSequencerWidget .SuggestBoxContainer {
  position: absolute;
  width: 312px;
  top: 0px;
}
.SimpleExporter.AddMapping {
  padding: 0px 32px;
}
.SimpleExporter.AddMapping .stb-tree {
  padding-top: 8px;
  box-sizing: border-box;
}
.SimpleExporter.AddMapping .ChoicePanel {
  width: 100%;
}
.SimpleExporter.AddMapping .ChoicePanel .mapping-types-dropdown {
  width: 100%;
}
.SimpleExporter.AddMapping .ChoicePanel .stibo-Dropdown-wrapper {
  margin-left: 8px;
}
.SimpleExporter.AddMapping .SubPanel {
  width: 344px;
  height: 420px;
  margin-top: 8px;
}
.SimpleExporter.AddMapping .SubPanel .gwt-Label.error-label {
  float: right;
  line-height: 20px;
  color: #fc4c02;
}
.SimpleExporter.AddMapping .ReferencePanel,
.SimpleExporter.AddMapping .AttributePanel {
  height: 100%;
}
.SimpleExporter.AddMapping .SearchPanel {
  position: relative;
}
.SimpleExporter.AddMapping .NodePickerPage {
  padding-left: 0;
}
.SimpleExporter.AddMapping .NodePickerPage .SearchPanel input {
  width: 226px;
}
.SimpleExporter.AddMapping .NodePickerPage .SearchPanel span {
  background: url("gfx/sekset/search.png") no-repeat scroll center center #FFFFFF;
  height: 16px;
  margin-top: 8px;
  position: absolute;
  right: 8px;
  top: 0;
  width: 18px;
}
/*settings panel*/
.SimpleExportPanel .settings {
  margin-top: 20px;
}
.SimpleExportPanel .settings .gwt-Label {
  font-weight: bold;
  margin-bottom: 6px;
}
.SimpleExportPopup .OKButton .icon {
  background-image: url("gfx/sekset/white/export_button.png");
}
.SimpleExportPopup .dialogContent {
  padding: 0px 32px;
}
.SimpleExportPopup .stb-DataTable-Wrapper {
  top: 36px;
}
.SimpleExportPopup .stb-DataTable-Wrapper .head {
  display: none;
}
.SimpleExportPopup .stb-DataTable-Wrapper div.stb-DataTable table {
  border: 0;
}
.SimpleExportPopup .stb-DataTable-Wrapper .stb-DataTable .body tr td:last-of-type {
  border: 0;
}
.SimpleExportPopup .stb-DataTable-Wrapper .stb-DataTable .body tr:last-of-type td:first-of-type {
  border: 0;
  border-bottom-left-radius: 0px;
}
.SimpleExportPopup .stb-DataTable-Wrapper .stb-DataTable .body tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 0px;
}
.SimpleExportPopup .stb-DataTable-Wrapper .stb-DataTable .body tr:hover {
  background-color: #fff;
}
.SimpleExportPopup .gwt-SuggestBox {
  width: 312px;
}
.SimpleExportPopup .exportPanel {
  width: 228px;
  padding-right: 8px;
}
.SimpleExportPopup .formatPanel {
  width: 75px;
  padding-right: 8px;
}
.SimpleExportPopup .versionPanel,
.SimpleExportPopup .delimiterPanel {
  width: 314px;
}
.SimpleExportPopup .versionPanel select,
.SimpleExportPopup .delimiterPanel select {
  width: 100%;
}
.SimpleExportPopup .NodePickerIcon {
  position: absolute;
  top: 0px;
  right: 8px;
}
.SimpleExportPopup .AttributeMapperPanel {
  padding: 0;
  width: 312px;
  float: left;
}
.SimpleExportPopup .object-type-filter {
  width: 312px;
  float: left;
  padding-left: 8px;
}
.SimpleExportPopup .chzn-choices {
  width: 312px !important;
}
.SimpleExportPopup .chzn-container-multi .chzn-results {
  width: 312px !important;
}
.SimpleExportPopup .uvc-drag-cell {
  height: 30px;
}
.SimpleExportPopup .uvc-header {
  height: 30px;
}
.SimpleExportPopup .uvc-title {
  line-height: 30px;
}
.SimpleExportPopup .uvc-header .remove-header {
  height: 30px;
}
.SimpleExportPopup .treeItem {
  height: 30px;
}
.SimpleExportPopup .button-panel {
  padding-right: 0;
}
.SimpleExportPopup .cell {
  padding: 4px 0 !important;
}
.SimpleExportNodeTypePopup .dialogContent {
  padding: 0 32px;
}
.SimpleExportNodeTypePopup .button-panel {
  padding-right: 0;
}
.SimpleExportNodeTypePopup .gwt-Label {
  padding-bottom: 8px;
}

/* ========= END SimpleExporterStyle ========= */
/* ======== BEGIN TaskMenuItemStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.task-menu-item .assignee-filter {
  padding: 8px 8px 8px 14px;
  display: inline-block;
  border-bottom: 1px solid #EEEEEE;
}
.task-menu-item .assignee-filter .material-icons {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 32px;
}
.task-menu-item .assignee-filter .material-icons.User {
  font-size: 28px;
}
.task-menu-item .assignee-filter .material-icons.selected {
  color: #000000;
  cursor: default;
  pointer-events: none;
}
.task-menu-item .status-group-list {
  padding: 0 0 8px 0;
  overflow-y: auto;
}
.task-menu-item .status-group-list .status-group {
  margin-top: 16px;
  margin-bottom: 32px;
}
.task-menu-item .status-group-list .status-group__label {
  font-size: 16px;
  padding-left: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #EEEEEE;
}
.task-menu-item .status-group-list .status-group-item-table {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.task-menu-item .status-group-list .status-group-item-table-col:nth-of-type(1) {
  min-width: 0;
  flex: 1;
}
.task-menu-item .status-group-list .status-group-item-table-col:nth-of-type(2) {
  flex-shrink: 0;
}
.task-menu-item .status-group-list .status-group-item-table-row {
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
  height: 24px;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.task-menu-item .status-group-list .status-group-item-table-row:hover {
  background-color: #EEEEEE;
}
.task-menu-item .status-group-list .status-group-item-table-title-panel {
  display: flex;
  align-items: center;
}
.task-menu-item .status-group-list .status-group-item-table-title-panel__status-label {
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-menu-item .status-group-list .status-group-item-table-title-panel__status-label--empty {
  color: #C3C3C3 !important;
}
.task-menu-item .status-group-list .status-group-item-table-title-panel--high-priority-icon {
  font-size: 52px;
  color: #3CBFBE;
  margin-right: 8px;
}
.task-menu-item .status-group-list .status-group-item-table__count-label {
  text-align: right;
  padding-right: 16px;
  padding-left: 8px;
}
.task-menu-item .status-group-list .status-group-item-table__count-label--empty {
  color: #C3C3C3;
}
.primary-menu-item:hover .task-list-high-priority::before,
.primary-menu-item.selected .task-list-high-priority::before {
  -webkit-box-shadow: #FFFFFF 0px 0px 0px 2px;
  -moz-box-shadow: #FFFFFF 0px 0px 0px 2px;
  box-shadow: #FFFFFF 0px 0px 0px 2px;
}
.task-list-high-priority:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-box-shadow: #000000 0px 0px 0px 2px;
  -moz-box-shadow: #000000 0px 0px 0px 2px;
  box-shadow: #000000 0px 0px 0px 2px;
  right: -4px;
  top: 0px;
  background-color: #ffd200;
}

/* ========= END TaskMenuItemStyle ========= */
/* ======== BEGIN UniqueKeyStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.EditUniqueKeyAction .Header {
  padding: 3px 15px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: #777574;
  font-weight: bold;
}
.EditUniqueKeyAction .Value {
  padding: 3px;
  width: 290px;
  border-style: none !important;
}
.EditUniqueKeyAction .ValuePanel {
  border: 1px solid #A8A8A8;
  border-radius: 4px;
  margin: 4px;
}
.EditUniqueKeyAction .ValueLOV {
  padding: 5px;
  width: 100%;
  border-style: none !important;
}
.EditUniqueKeyAction .Title {
  padding: 5px;
  text-align: left;
  font-weight: bold;
}
.EditUniqueKeyButton .icon {
  background-image: url(gfx/sekset/white/unique_key_button.png);
  padding-left: 23px;
}
.stibo-UniqueKeyValueHeader {
  min-width: 153px;
  border-bottom: solid thin #a8a8a8;
  font-weight: bold;
  padding-top: 3px;
}

/* ========= END UniqueKeyStyle ========= */
/* ======== BEGIN WorkflowVisualization ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.workflow-visualization-summary {
  color: #8d8c8e;
  font-size: 14px;
  margin-right: 8px;
}
.stepper-horizontal {
  display: inline-block;
}
.stepper-horizontal-row {
  display: flex;
  position: relative;
}
.stepper-horizontal-row:before {
  /* equal to 50% + (44px / 2)*/
  left: 0px;
  bottom: calc(0% + 6px);
  /* half of the 12px */
  position: absolute;
  content: " ";
  width: calc(100%) ;
  /* equal to 64px*/
  border: 1px none rgba(0, 0, 0, 0.3);
  border-top-style: solid;
}
.stepper-horizontal-row-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  text-overflow: ellipsis;
  position: relative;
}
.stepper-horizontal-row-step-label {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 64px;
  max-height: 44px;
  width: 64px;
  color: #777777;
  overflow: hidden;
}
.stepper-horizontal-row-step-label__text {
  font-size: 10px;
  display: table-cell;
  align-items: flex-end;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 44px;
}
.stepper-horizontal-row-step__circle-icon {
  color: #777777;
  background-color: #FFFFFF;
  font-size: 12px;
  z-index: 100;
  display: block;
  line-height: 12px;
  height: 12px;
  margin-top: 6px;
}
.stepper-horizontal-row-step:first-of-type {
  padding-left: 0px;
}
.stepper-horizontal-row-step:first-of-type div.step-label:first-of-type {
  max-width: 64px;
  width: 64px;
  min-width: 32px;
}
.stepper-horizontal-row-step:first-of-type:before {
  left: 0px;
  bottom: calc(0% + 6px);
  /* half of the 12px */
  position: absolute;
  content: " ";
  width: calc(50%);
  border: 2px none;
  border-top: solid #FFFFFF;
}
.stepper-horizontal-row-step:last-of-type:after {
  left: 50%;
  bottom: calc(0% + 6px);
  /* half of the 12px */
  position: absolute;
  content: " ";
  width: 50%;
  border: 1px none;
  border-top-style: solid;
  border-top-color: #FFFFFF;
}
.stepper-vertical-row {
  display: inline-block;
  position: relative;
}
.stepper-vertical-row:before {
  top: calc(0% + 12px);
  /*equal to 12px / 2*/
  bottom: 0;
  left: 5.5px;
  position: absolute;
  content: " ";
  width: 1px;
  height: calc(100% - 24px);
  /* equal to 12px */
  border: 1px none;
  border-color: rgba(0, 0, 0, 0.3);
  border-left-style: solid;
}
.stepper-vertical-row-step {
  display: flex;
  flex-direction: row;
  text-align: center;
  position: relative;
  margin-bottom: 8px;
  margin-top: 8px;
}
.stepper-vertical-row-step-circle-wrapper {
  display: table;
  width: 12px;
  height: 12px;
}
.stepper-vertical-row-step-circle-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
}
.stepper-vertical-row-step-circle-wrapper-inner__circle-icon {
  color: #777777;
  background-color: #FFFFFF;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  display: block;
}
.stepper-vertical-row-step-label {
  display: table;
  width: 400px;
  padding-left: 8px;
  color: #777777;
}
.stepper-vertical-row-step-label-inner {
  display: table-cell;
  vertical-align: middle;
  height: 12px;
}
.stepper-vertical-row-step-label-inner__text {
  max-height: 12px;
  max-width: 400px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.stepper--circle-selected {
  color: #000000;
}
.stepper--label-selected {
  color: #414042;
}

/* ========= END WorkflowVisualization ========= */
/* ======== BEGIN AdvancedSearch ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.AdvancedSearchScreen h1 {
  margin-bottom: 6px;
}
.AdvancedSearchScreen .flipperPanelHeader {
  margin-right: 8px;
}
.AdvancedSearchScreen .flipperPanelInner {
  padding-top: 8px;
}
.AdvancedSearchScreen .CriteriaField table {
  width: 100%;
}
.AdvancedSearchScreen .CriteriaField input {
  width: 100%;
  height: 24px;
}
.AdvancedSearchScreen .CriteriaField textarea {
  width: 100%;
  height: 24px;
  resize: none;
}
.criteria-field-dropdown {
  height: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-position: right 4px top 0px !important;
  width: inherit;
}
.AdvancedSearchScreen .CriteriaField select {
  height: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-position: right 4px top 0px !important;
  width: inherit;
  width: 100%;
}
.AdvancedSearchScreen .CriteriaField .gwt-Label {
  margin-top: 6px;
  margin-left: 4px;
}
.advanced-search .advanced-search-header {
  height: 72px;
  padding-left: 32px;
  padding-top: 25px;
  font-size: 20px;
  color: #414042;
  border-bottom: solid 1px #C3C3C3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.advanced-search .criteria {
  margin: 0 8px 8px 0;
  vertical-align: top;
  width: 208px;
  padding: 8px;
  border-radius: 2px;
  background-color: #EEEEEE;
  color: #414042;
  border: 1px solid #C3C3C3;
  display: inline-block;
  position: relative;
}
.AdvancedSearchScreen .CriteriaField .UILabelField.gwt-Label {
  background-color: #ECEBEB;
  border: 1px solid #C3C3C3;
  border-radius: 3px 3px 3px 3px;
  color: #414042;
  padding: 2px;
  height: 14px;
  margin: inherit;
  width: 200px;
  white-space: pre;
  overflow: hidden;
}
.advanced-search .criteria .OR {
  margin: 0 8px 8px 0;
  vertical-align: top;
  padding: 8px;
  border-radius: 4px;
  background-color: #EEEEEE;
  color: #414042;
  display: inline-block;
}
.advanced-search .criteria.excluded {
  border: 1px solid #fc4c02;
}
.advanced-search .criteria.excluded.active {
  background-color: #C3C3C3;
}
.advanced-search .and {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  padding: 8px;
  background-color: #EEEEEE;
  color: #414042;
  border: 1px solid #C3C3C3;
  border-radius: 24px;
  line-height: 24px;
  text-align: center;
}
.advanced-search .and.readOnlyCriteria {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  color: #414042;
}
.advanced-search .and.excluded {
  border: 1px solid #fc4c02;
}
.advanced-search .and.readOnlyCriteria.excluded {
  height: 24px;
  line-height: 24px;
}
.criteria-container .OR {
  margin-bottom: 8px;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #C3C3C3;
  background-color: #EEEEEE;
  color: #414042;
  display: block;
  text-align: center;
}
.advanced-search .OR.readOnlyCriteria {
  background-color: transparent;
  color: #414042;
}
.advanced-search .OR.readOnlyCriteria .gwt-InlineLabel {
  background-color: #FFFFFF;
  padding: 0 5px;
}
.criteria-container .EXCLUDE {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  padding: 6px;
  color: #FFFFFF;
  border-radius: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #fc4c02;
  position: relative;
}
.criteria-container .EXCLUDE::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'exclude';
  font-size: 24px;
  color: white;
  position: absolute;
  top: 6px;
  left: 6px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.advanced-search .exclude-placeholder {
  border: 2px dashed #fc4c02;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 6px 6px 0;
  vertical-align: top;
  padding: 6px;
  color: #FFFFFF;
  border-radius: 24px;
  line-height: 24px;
  text-align: center;
}
.advanced-search .exclude-placeholder::after {
  font-family: 'Material Icons';
  /* 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';
  font-size: 24px;
  color: #fc4c02;
  content: 'exclude';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.advanced-search .or-placeholder {
  border: 2px dashed #EEEEEE;
  display: inline-block;
  width: 8px;
  height: 36px;
  vertical-align: top;
  padding: 6px;
  color: #FFFFFF;
  border-radius: 4px;
  line-height: 24px;
  text-align: center;
  margin-left: 6px;
  position: relative;
}
.advanced-search .or-placeholder::after {
  font-family: 'Material Icons';
  /* 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';
  position: absolute;
  left: -2px;
  top: 12px;
  font-size: 24px;
  color: #EEEEEE;
  content: 'or';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.advanced-search .criteria.active {
  background-color: #C3C3C3;
}
.advanced-search .criteria-container {
  padding: 32px;
  overflow-y: auto;
}
.criteria .title {
  background: no-repeat scroll 0 0 transparent;
  float: left;
  height: 14px;
  white-space: nowrap;
  width: calc(100% - 14px - 24px);
}
.criteria .delete,
.OR .delete,
.EXCLUDE .delete {
  font-size: 20px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.38);
}
.criteria .delete:hover,
.OR .delete:hover,
.EXCLUDE .delete:hover {
  color: rgba(0, 0, 0, 0.54);
}
.criteria .delete {
  position: absolute;
  right: 0;
  top: 0;
}
.OR .delete {
  line-height: 16px;
  float: right;
  width: 14px;
}
.EXCLUDE .delete {
  position: relative;
  top: -10px;
  left: 12px;
}
.criteria-palette {
  border-color: #C3C3C3;
  border-radius: 0 0 0 8px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  display: block;
  position: absolute;
  right: 0;
  width: 205px;
  top: 0;
  bottom: 0;
  overflow: auto;
  padding: 6px;
}
.criteria-palette .gwt-TabPanel {
  height: 100%;
}
.criteria-palette.collapsed {
  width: 0px;
  display: none;
}
.collapse-panel {
  position: absolute;
  right: 205px;
}
.collapse-panel.collapsed {
  right: 0;
}
.stb-Button-isExpanded {
  background: url("gfx/sekset/right.png") no-repeat scroll right center #FFFFFF;
  border-color: #A8A8A8;
  border-radius: 9px 0 0 9px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  cursor: pointer;
  height: 24px;
  width: 16px;
  z-index: 1;
}
.collapsed .stb-Button-isExpanded {
  background: url("gfx/sekset/left.png") no-repeat scroll center center #FFFFFF;
}
.criteria-container.sidebar-collapsed {
  margin-right: 0;
}
.criteria-palette .swatch {
  color: #FFFFFF;
  margin: 6px;
  padding: 6px 6px 6px 24px;
  background: url("gfx/icons/Save_my_search_button.png") no-repeat scroll 6px center #cfcfcf;
  border-radius: 4px;
}
.criteria.NameIdSearchDescriptor {
  width: 240px;
}
.criteria.AttributeAndNameSearchDescriptor .title,
.criteria.SimpleSearchDescriptor .title,
.criteria.NameIdSearchDescriptor .title {
  padding-left: 20px;
}
.criteria.AttributeAndNameSearchDescriptor .title::before,
.criteria.SimpleSearchDescriptor .title::before,
.criteria.NameIdSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'search';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.AdvancedSearchScreen .ValueSearchDescriptor .CriteriaField input.gwt-TextBox-readonly {
  color: #C3C3C3;
  font-style: italic;
  background-color: undefined;
}
.swatch.AttributeAndNameSearchDescriptor::before,
.swatch.SimpleSearchDescriptor::before,
.swatch.NameIdSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'search';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.AdvancedSearchScreen .gwt-SuggestBoxPopup table {
  min-width: 200px;
}
.criteria.BelowSearchDescriptor .title {
  padding-left: 24px;
}
.criteria.BelowSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'node_picker';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.BelowSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'node_picker';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.MultilineBelowSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'search_below_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.SupplierSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'person';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.SupplierSearchDescriptor .title {
  padding-left: 21px;
}
.criteria.SupplierSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'person';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.MultilineBelowSearchDescriptor textarea {
  height: 50px !important;
  padding: 8px;
}
.MultilineBelowSearchDescriptor .CriteriaField > div:first-child {
  position: relative;
}
.MultilineBelowSearchDescriptor .AdvancedSearch-TextAreaClearButton {
  right: 17px;
  top: 0px;
  cursor: pointer;
}
.criteria.MultilineBelowSearchDescriptor .title {
  padding-left: 24px;
}
.criteria.MultilineBelowSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'search_below_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.MultilineBelowSearchDescriptor .pickerOutline {
  width: 32px;
  height: 22px;
  float: right;
  margin-top: -58px;
  border: #C3C3C3 1px solid;
  border-radius: 3px;
  background-color: #FFFFFF;
}
.criteria.MultilineBelowSearchDescriptor .pickerBottom {
  width: 23px;
  height: 32px;
  float: right;
  margin-top: -35px;
  border-left: #C3C3C3 1px solid;
}
.criteria.NodeTypeSearchDescriptor .title {
  background-image: url("gfx/sekset/advanced_search/node_type_advanced_search.png");
  padding-left: 19px;
}
.criteria.NodeTypeSearchDescriptor.readOnlyCriteria .title {
  background-image: url("gfx/sekset/advanced_search/grey/node_type_advanced_search.png");
}
.swatch.NodeTypeSearchDescriptor {
  background-image: url("gfx/sekset/advanced_search/node_type_advanced_search.png");
}
.criteria.SearchFromListDescriptor .title {
  padding-left: 20px;
}
.criteria.SearchFromListDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'list';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.SearchFromListDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'list';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.IdListDescriptor .title {
  background-image: url("gfx/sekset/advanced_search/list_of_IDs_advanced_search.png");
  padding-left: 19px;
}
.criteria.IdListDescriptor.readOnlyCriteria .title {
  background-image: url("gfx/sekset/advanced_search/grey/list_of_IDs_advanced_search.png");
}
.swatch.IdListDescriptor {
  background-image: url("gfx/sekset/advanced_search/list_of_IDs_advanced_search.png");
}
.CriteriaField .stibo-Dropdown-wrapper {
  width: 205px;
}
.CriteriaField .stibo-Dropdown {
  background-color: #FFFFFF;
  background-position: 185px center;
}
.criteria.ObjectTypeSearchDescriptor .title {
  padding-left: 25px;
}
.criteria.ObjectTypeSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'object_type';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.ObjectTypeSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'object_type';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.ValueSearchDescriptor .title {
  padding-left: 22px;
}
.criteria.ValueSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'attribute';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.ValueSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'attribute';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.DataContainerAttributeSearchDescriptor .title {
  padding-left: 22px;
}
.criteria.DataContainerAttributeSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'data_container';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.DataContainerAttributeSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'data_container';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.ReferencesSearchDescriptor .title,
.criteria.ReferencedBySearchDescriptor .title {
  padding-left: 22px;
}
.criteria.ReferencesSearchDescriptor .title::before,
.criteria.ReferencedBySearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'reference_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.ReferencesSearchDescriptor::before,
.swatch.ReferencedBySearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'reference_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.MissingMandatorySearchDescriptor .title {
  padding-left: 21px;
}
.criteria.MissingMandatorySearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'missing_mandatory';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.MissingMandatorySearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'missing_mandatory';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.WorkflowSearchDescriptor .title {
  padding-left: 18px;
  padding-left: 18px;
}
.criteria.WorkflowSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'workflow';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.WorkflowSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'workflow';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria.UnapprovedSearchDescriptor .title,
.criteria.ApprovalStatusSearchDescriptor .title {
  padding-left: 20px;
}
.criteria.UnapprovedSearchDescriptor .title::before,
.criteria.ApprovalStatusSearchDescriptor .title::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'check';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.UnapprovedSearchDescriptor::before,
.swatch.ApprovalStatusSearchDescriptor::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'check';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteria-palette .swatch.favorite {
  background-image: url("gfx/icons/Save_my_search_button.png");
  padding-left: 26px;
}
.advanced-search .criteria .CriteriaField {
  margin-top: 8px;
  clear: left;
}
.AdvancedSearchScreen .CriteriaField input[type="checkbox"] + label {
  padding-left: 22px;
}
.positioner {
  display: inline-block;
}
.positioner.dropzone-hint {
  height: 100%;
  width: 100%;
}
.positioner.dropzone-hint .widget-placeholder {
  height: 100%;
  width: 100%;
}
.sep-positioner {
  display: inline-block;
  width: 42px;
  height: 24px;
  margin: 0;
  padding: 0;
}
.positioner .swatch {
  margin: 8px 8px 8px 0;
  vertical-align: top;
  width: 220px;
  height: 40px;
  border: 1px solid #C3C3C3;
  padding: 6px;
  border-radius: 4px;
  display: inline-block;
  background-color: white;
}
.positioner .EXCLUDE {
  border: 2px dashed #fc4c02;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 6px 6px 0;
  vertical-align: top;
  padding: 6px;
  background-color: #fc4c02;
  border-radius: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.3;
}
.positioner .EXCLUDE::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'exclude';
  font-size: 24px;
  color: white;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.positioner .OR {
  border: 2px dashed #C3C3C3;
  display: inline-block;
  width: 8px;
  height: 24px;
  margin: 4px 6px 6px 0;
  vertical-align: top;
  padding: 6px;
  color: #FFFFFF;
  border-radius: 4px;
  line-height: 24px;
  text-align: center;
  opacity: 0.3;
}
.positioner .OR::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'or';
  font-size: 24px;
  color: #747276;
  left: 0px;
  position: absolute;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder {
  border: 2px dashed #C3C3C3;
  width: 226px;
  height: 64px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.widget-placeholder.AttributeAndNameSearchDescriptor,
.widget-placeholder.SimpleSearchDescriptor,
.widget-placeholder.NameIdSearchDescriptor {
  height: 96px;
}
.widget-placeholder.AttributeAndNameSearchDescriptor::after,
.widget-placeholder.SimpleSearchDescriptor::after,
.widget-placeholder.NameIdSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'search';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.ApprovalStatusSearchDescriptor,
.widget-placeholder.UnapprovedSearchDescriptor {
  height: 96px;
}
.widget-placeholder.ApprovalStatusSearchDescriptor::after,
.widget-placeholder.UnapprovedSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'check';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.NodeTypeSearchDescriptor {
  background: url("gfx/sekset/advanced_search/node_type_advanced_search_big.png") no-repeat scroll center center transparent;
}
.widget-placeholder.SearchFromListDescriptor {
  height: 153px;
}
.widget-placeholder.SearchFromListDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'list';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.IdListDescriptor {
  background: url("gfx/sekset/advanced_search/list_of_IDs_advanced_search_big.png") no-repeat scroll center center transparent;
}
.widget-placeholder.ValueSearchDescriptor {
  height: 104px;
  width: 418px;
}
.widget-placeholder.ValueSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'attribute';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.DataContainerAttributeSearchDescriptor {
  height: 136px;
  width: 418px;
}
.widget-placeholder.DataContainerAttributeSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'data_container';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.ReferencesSearchDescriptor,
.widget-placeholder.ReferencedBySearchDescriptor {
  height: 128px;
  width: 418px;
}
.widget-placeholder.ReferencesSearchDescriptor::after,
.widget-placeholder.ReferencedBySearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'reference_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.BelowSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'node_picker';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.MultilineBelowSearchDescriptor {
  height: 93px;
}
.widget-placeholder.MultilineBelowSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'search_below_toolbar';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.ObjectTypeSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'object_type';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.MissingMandatorySearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'missing_mandatory';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.WorkflowSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'workflow';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.SupplierSearchDescriptor::after {
  font-family: 'Material Icons';
  /* 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';
  color: rgba(0, 0, 0, 0.54);
  font-size: 48px;
  content: 'person';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.widget-placeholder.SavedSearch {
  background: url("gfx/sekset/advanced_search/star_advanced_search_big.png") no-repeat scroll center center transparent;
}
.AdvancedSearchScreen .NodePickerIcon {
  margin-left: -20px;
}
.SubmitDialogSection {
  margin: 0 32px;
}
.SubmitDialogSection .NodePickerIcon {
  margin-top: 6px;
  margin-left: -25px;
}
/*Result table*/
.AdvancedSearchScreen .stb-nodeList-content {
  left: 0;
}
.dropzone-hint .gwt-Label {
  color: #414042;
  font-size: 16px;
  text-align: center;
}
/*Value descriptor*/
.advanced-search .criteria.ValueSearchDescriptor {
  width: 400px;
}
.advanced-search .criteria.DataContainerAttributeSearchDescriptor {
  width: 400px;
}
.advanced-search .criteria.ReferencesSearchDescriptor {
  width: 400px;
}
.advanced-search .criteria.ReferencesSearchDescriptor .CriteriaField {
  width: 192px;
}
.advanced-search .criteria.ReferencedBySearchDescriptor {
  width: 400px;
}
.advanced-search .criteria.ReferencedBySearchDescriptor .CriteriaField {
  width: 192px;
}
.OperatorWrapper .CriteriaField {
  margin-right: 8px;
}
.readOnlyCriteria .OperatorSign {
  background: url("gfx/icons/grey_equals_operator.png") no-repeat scroll center center transparent;
}
.advanced-search .criteria .NodePickerIcon {
  background-color: white;
  font-size: 17px;
  margin-top: 1px;
  width: 18px;
  color: rgba(0, 0, 0, 0.38);
}
.advanced-search .criteria .NodePickerIcon:hover {
  color: rgba(0, 0, 0, 0.54);
}
.advanced-search .criteria .AdvancedSearchScreen-SuggestBox:disabled + .NodePickerIcon {
  display: none;
}
/*
 * SidePanel
 */
.advanced-search .sidepanel {
  background-color: #FFFFFF;
  left: auto !important;
  position: absolute;
  right: 0;
  width: 280px;
  min-height: 48px;
}
.sidepanel .knob {
  border-left: 1px solid #C3C3C3;
  float: left;
  width: 24px;
  height: 100%;
  margin-left: -25px;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
}
.sidepanel .knob::after {
  font-family: 'Material Icons';
  /* 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';
  content: 'keyboard_arrow_right';
  font-size: 24px;
  color: rgba(0, 0, 0, 0.38);
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.sidepanel .knob:hover::after {
  color: rgba(0, 0, 0, 0.54);
}
.sidepanel .gwt-TabBarFirst {
  margin-left: 16px;
}
.sidepanel.collapsed {
  width: 0;
  border: 0;
}
.sidepanel.collapsed .knob::after {
  content: 'keyboard_arrow_left';
}
.swatch {
  color: #414042;
  background-color: #EEEEEE;
  background-repeat: no-repeat;
  background-position: 6px center;
  background-attachment: scroll;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
  padding: 8px 6px 8px 30px;
  width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.SAVED > .swatch::before {
  font-family: 'Material Icons';
  /* 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';
  content: 'star';
  color: #747276;
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 16px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.swatch.editable {
  width: 176px;
}
.shared .swatch::before {
  font-family: 'Material Icons';
  /* 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';
  content: 'star_border';
  color: #747276;
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 16px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.sidepanel .content {
  height: 100%;
}
.sidepanel .gwt-TabPanel {
  width: 100%;
  height: 100%;
  border-left: 1px solid #EEEEEE;
}
.sidepanel .gwt-TabPanelBottom {
  height: 100%;
  overflow-y: auto;
  margin-left: 16px;
  position: relative;
}
.sidepanel .gwt-TabPanelBottom > div {
  position: absolute;
}
.criteriaTab .swatch.OR {
  display: inline-block;
  width: 72px;
  margin-bottom: 8px;
}
.criteriaTab .swatch.OR::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'or';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteriaTab .swatch.EXCLUDE {
  display: inline-block;
  border: solid 1px #fc4c02;
  width: 72px;
  margin-left: 16px;
  margin-bottom: 8px;
}
.criteriaTab .swatch.EXCLUDE::before {
  font-family: 'Material Icons';
  /* 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';
  color: #747276;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  content: 'exclude';
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.criteriaTab {
  overflow-x: hidden;
}
.palette .dragdrop-draggable {
  display: inline-block;
  margin-top: 4px;
}
.palette .dragdrop-draggable:first-of-type {
  margin-top: 8px;
}
.clickable {
  cursor: pointer;
}
.advanced-search .button-panel-wrapper {
  background-color: #f5f5f5;
}
.advanced-search .button-panel {
  float: left;
  padding: 8px 32px;
}
.advanced-search .button-panel button {
  vertical-align: top;
}
.favoritesTab .swatch-action {
  color: #a7a6a8;
  cursor: pointer;
  float: right;
  margin-left: 4px;
  margin-top: 4px;
}
.favoritesTab .swatch-action:hover {
  color: #414042;
}
/*gwt-dnd*/
.dragdrop-handle {
  -moz-user-select: none;
  cursor: move;
}
.AdvancedSearch-Favorites-EditMenu .gwt-Label {
  padding: 3px 0;
}
.AdvancedSearch-Favorites-EditMenu .gwt-Label:hover {
  background-color: #ECEBEB;
}
.AdvancedSearch-TextAreaClearButton {
  background: url("gfx/sekset/clear.png") no-repeat scroll center center transparent;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -25px;
  margin-top: 8px;
}
.AdvancedSearch-TextAreaClearButton:hover {
  box-shadow: none;
}
.AdvancedSearch-TextArea {
  height: auto !important;
  overflow: hidden;
}
.AdvancedSearch-TextArea[disabled] {
  background-color: #e1e3e2;
  border-color: #cfcfcf;
}
.advanced-search .criteria.readOnlyCriteria {
  background-color: transparent !important;
  color: #414042;
}
.CriteriaField .TaskMode option:nth-child(2) {
  background: url("gfx/sekset/advanced_search/grey/me_advanced_search.png") no-repeat;
  padding-left: 25px;
}
.CriteriaField .TaskMode option:nth-child(3) {
  background: url("gfx/sekset/advanced_search/grey/group_advanced_search.png") no-repeat;
  padding-left: 25px;
}
.CriteriaField .TaskMode option:nth-child(4) {
  background: url("gfx/sekset/advanced_search/grey/all_advanced_search.png") no-repeat;
  padding-left: 25px;
}
/*operator sign stuff*/
.AdvancedSearchScreen .OperatorWrapper .OperatorSign-wrapper {
  width: 46px;
  margin-top: 8px;
}
.AdvancedSearchScreen .OperatorWrapper .stibo-Dropdown-wrapper.OperatorSign {
  padding: 0;
  top: -1px;
}
.AdvancedSearchScreen .OperatorWrapper .OperatorSign option:first-of-type {
  margin-top: 8px;
}
.AdvancedSearchScreen .OperatorWrapper .OperatorSign option {
  padding-bottom: 2px;
  padding-left: 2px;
  padding-top: 2px;
}
.AdvancedSearchScreen .OperatorWrapper td:last-of-type .CriteriaField {
  margin-left: 9px;
  width: 144px;
}
.stibo-Dropdown-wrapper.OperatorSign {
  width: inherit;
}
.stibo-hidearrow-Dropdown select {
  -moz-appearance: none;
}
.AmbiguousWorkflowDialog {
  position: relative;
  padding: 0 32px;
}
.AmbiguousWorkflowDialog .gwt-Label {
  word-wrap: break-word;
  max-width: 400px;
}
.AmbiguousWorkflowDialog > tbody > tr:nth-of-type(n + 2) > td {
  padding-top: 8px;
}
.AmbiguousWorkflowDialog select {
  width: 100%;
}
.AdvancedSearchScreen .ValueSearchDescriptor .CriteriaField,
.AdvancedSearchScreen .DataContainerAttributeSearchDescriptor .CriteriaField {
  width: 344px;
  margin-top: 8px;
}
.AdvancedSearchScreen .ValueSearchDescriptor .stb-SuggestField,
.AdvancedSearchScreen .DataContainerAttributeSearchDescriptor .stb-SuggestField {
  width: 344px;
}
.AdvancedSearchScreen .stb-LazyChosenDropdown {
  width: 400px;
  -moz-box-sizing: border-box;
}

/* ========= END AdvancedSearch ========= */
/* ======== BEGIN AnalyticsStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-AnalyticsView {
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  border: 0;
  padding: 0;
}
.stb-AnalyticsView .gwt-Frame {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.stb-AnalyticsView-deck {
  width: 100%;
  height: 100%;
}

/* ========= END AnalyticsStyle ========= */
/* ======== BEGIN AnnouncementComponentStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.announcement {
  margin: 0 auto 32px;
  width: 448px;
  background: #ffffff;
  border-radius: 4px;
  border: solid 1px #C3C3C3;
  box-shadow: 0 0 10px #888888;
}
.announcement-header {
  height: 72px;
  border-bottom: 1px solid #C3C3C3;
}
.announcement-header__title {
  padding-top: 25px;
  padding-left: 32px;
  color: #414042;
  font-size: 20px;
}
.announcement-content__wrapper {
  margin: 24px 32px 16px;
  overflow: hidden;
}
.announcement-visibility {
  padding-bottom: 24px;
  margin-left: 32px;
}
.announcement-content .announce-text {
  font-size: 14px;
  font-weight: normal;
  color: #4d4d4d;
  text-align: left;
  float: left;
  height: 100%;
}
.announcement-content .announce-wrap {
  display: flex;
  max-height: 240px;
  max-width: 384px;
  overflow: auto;
}
.announcement-content .announce-text strong {
  font-size: 13px;
}
.announcement-content .announce-img {
  float: right;
}
.announcement-content .announce-img img {
  max-width: 100px;
}

/* ========= END AnnouncementComponentStyle ========= */
/* ======== BEGIN AssetImporterWebUI ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.asset-importer__dialog .portal-popup-content {
  padding: 0px 32px;
}
.asset-importer__dialog .button-panel {
  padding-right: 0px;
}
.asset-importer__dialog select {
  min-width: 302px;
}
.asset-importer__dialog .fieldtitleLabel {
  margin-bottom: 8px;
}
.AssetImportWidget-multiple.dashboard-widget-inner {
  display: flex;
  flex-direction: column;
}
.AssetImportWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading {
  flex: 1;
  position: relative;
}
.AssetImportWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading:nth-last-of-type(n + 2) {
  padding-bottom: 4px;
}
.AssetImportWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text {
  padding-bottom: 0;
  width: calc(100% - 32px);
}
.AssetImportWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text > .fileloading__multiple-configurations {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 4px;
}
.AssetImportWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text .fileloading__small-text {
  text-align: center;
}
.import-dialog-file-input {
  margin-right: 8px;
}
.assetimport-unzip-CheckBox {
  padding-top: 5px;
  padding-bottom: 5px;
}
.Assetimport-buttons {
  margin-top: 10px;
}
.stb-NodePickerField-label-gdsn {
  width: 50px;
  padding: 3px 0px 2px 0px;
}
.AssetImportWidget-multiple .button-secondary,
.fileloading__multiple-configurations+.button-secondary {
  top: auto;
}

/* ========= END AssetImporterWebUI ========= */
/* ======== BEGIN AssetPreviewStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.AssetPreviewScreen .SplitPanelContent {
  padding: 0 8px;
}
.AssetPreviewScreen .Heading {
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 16px 32px;
}
.AssetPreviewScreen .AssetDetailPane .scroll-panel {
  height: calc(100% - 56px);
  width: calc(100% - 24px);
  overflow: auto;
}
/* Preview pane */
.AssetPreviewScreen .PreviewAction {
  background-repeat: no-repeat;
  padding-left: 24px;
  padding-right: 24px;
  cursor: pointer;
}
.AssetPreviewScreen .assetimage-border {
  border: 0;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: undefined;
  align-self: flex-start;
}
.AssetPreviewScreen .assetimage-border img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.AssetPreviewScreen .assetimage-border div {
  height: 100%;
  width: 100%;
}
.AssetPreviewScreen .assetimage-border div object {
  height: 100%;
  width: 100%;
}
.AssetPreviewScreen .PreviewPane {
  margin: 0 32px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  flex: 0 24px;
}
.AssetPreviewScreen .PreviewPane .PreviewImage {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AssetPreviewScreen .PreviewPane .PreviewActions {
  height: 24px;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
}
.AssetPreviewScreen .PreviewActions.hidden {
  display: none;
}
.AssetPreviewScreen .FullScreenOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.AssetPreviewScreen .FullScreenOverlay .Header {
  height: 40px;
  text-align: center;
}
.AssetPreviewScreen .FullScreenOverlay .Title {
  color: white;
  padding-left: 32px;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}
.AssetPreviewScreen .FullScreenOverlay .assetimage-border {
  max-height: calc(100% - 48px);
}
.AssetPreviewScreen .FullScreenOverlay .FullScreenErrorLabel {
  color: white;
}
.AssetPreviewScreen .FullScreenOverlay .Asset-no-content-Small {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 100px;
}
.AssetPreviewScreen .FullScreenOverlay .ExitAction {
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("gfx/assetpreview/closing_x_button.png");
  height: 30px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 30px;
}
.AssetPreviewScreen .FullScreenOverlay div:nth-child(2) {
  /* for images and videos and whatnot */
  padding: 0 30px;
}
.AssetPreviewScreen .FooterToolbarIncluded {
  height: 36px;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
}
.AssetPreviewScreen .FooterToolbar {
  clear: left;
  left: 228px;
  top: 8px;
  position: absolute;
  z-index: 9;
}
.AssetPreviewScreen .FooterToolbar .ToolbarAction {
  display: inline;
}
.AssetPreviewScreen .FooterToolbar .ToolbarAction .Icon {
  padding: 5px;
  display: inline-block;
  cursor: pointer;
}
.AssetPreviewScreen .FooterToolbar .ToolbarAction .Icon.small {
  background: url("gfx/assetpreview/preview_sm.png") center no-repeat;
  width: 19px;
  height: 16px;
}
.AssetPreviewScreen .FooterToolbar .ToolbarAction .Icon.medium {
  background: url("gfx/assetpreview/preview_md.png") center no-repeat;
  width: 28px;
  height: 24px;
  margin-top: -4px;
}
.AssetPreviewScreen .FooterToolbar .ToolbarAction .Icon.large {
  background: url("gfx/assetpreview/preview_lg.png") center no-repeat;
  width: 35px;
  height: 30px;
  margin-top: -4px;
}
.AssetPreviewScreen .NoSelection {
  text-align: center;
  position: absolute;
  top: 20%;
  left: 10%;
  right: 10%;
}
.AssetPreviewScreen .PreviewImage .Asset-no-content-Small {
  background: url("gfx/sekset/no_asset_big.png") no-repeat center center;
  background-clip: content-box;
  background-origin: content-box;
  height: 96px;
  width: 96px;
  margin-left: auto;
  margin-right: auto;
}
.AssetPreviewScreen .stb-Gallery.DisplayMode-Content {
  margin-bottom: 8px;
}
.AssetPreviewScreen .stibo-DomainTileWidget-Label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.AssetPreviewScreen .stibo-DomainTileWidget {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 120px;
  height: 120px;
  margin: 0 16px 16px 0;
}
.AssetPreviewScreen .stibo-DomainTileWidget.small {
  width: 96px;
  height: 100px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.medium {
  width: 128px;
  height: 142px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.large {
  width: 160px;
  height: 182px;
}
.AssetPreviewScreen .stibo-DomainTileWidget .stibo-DomainTileWidget-Graphic {
  width: 110px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.small .stibo-DomainTileWidget-Graphic {
  width: 68px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.medium .stibo-DomainTileWidget-Graphic {
  width: 110px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.large .stibo-DomainTileWidget-Graphic {
  width: 144px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.displayed {
  border: 1px solid black;
  border-radius: 5px;
}
.AssetPreviewScreen .stibo-DomainTileWidget.displayed:hover {
  border: 1px solid black !important;
  border-radius: 5px !important;
}
.AssetPreviewScreen .DummyToolbarAction {
  display: none;
}
.VideoAssetWidget {
  display: flex;
  justify-content: center;
  align-items: center;
}
.VideoAssetWidget .assetimage-border {
  min-width: 400px;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-asset-dialog {
  padding-left: 32px;
}
.download-asset-dialog h3 {
  font-weight: normal;
  padding-bottom: 8px;
}
.download-asset-dialog > table {
  padding: 16px 32px 16px 0;
  margin: 0 !important;
}
.download-asset-dialog > table .CancelButton {
  margin: 0 !important;
}

/* ========= END AssetPreviewStyle ========= */
/* ======== BEGIN BackgroundProcessNotification ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-showReportResult {
  background-image: url('gfx/message-details.png');
  background-repeat: no-repeat;
  background-position: center center;
  height: 14px !important;
  width: 14px;
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.stb-showReportWrapper {
  text-align: center;
  width: 100%;
}
.stb-showReport-popup .stb-ResizablePanel {
  width: 585px;
}
.stb-showReport-table .col0 {
  width: 100px;
}
.stb-showReport-popup .stb-ResizablePanel .stb-showReport-table tbody {
  display: block;
}
.stb-showReport-popup .stb-ResizablePanel .stb-showReport-table div.body {
  overflow-x: scroll;
}
.process-report {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  z-index: 110;
  justify-content: flex-start;
}
.process-report-header {
  min-height: 56px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  z-index: undefined;
  font-size: 16px;
}
.process-report-header a {
  font-size: 16px;
}
.process-report-header-progress {
  padding-left: 8px;
  box-sizing: border-box;
  color: #000000;
}
.process-report-header__show-process-list-button {
  padding-top: 8px;
  width: 32px;
  cursor: pointer;
  margin-left: 16px;
}
.process-report-header-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.process-report-header-content-title {
  margin-top: 8px;
  margin-bottom: 4px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.process-report-header-content-title__label {
  text-align: center;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.process-report-header-content-title__wrapper {
  max-width: calc(100% - 60px);
}
.process-report-header-content-download {
  display: flex;
  align-items: center;
  width: 30px;
}
.process-report-header-content-download__icon {
  cursor: pointer;
  padding-top: 16px;
  height: 100% !important;
}
.process-report-header-content-progress-indicators {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.process-report-header-content-progress-indicators-element {
  cursor: default;
}
.process-report-header-content-progress-indicators-element.warnings {
  position: relative;
}
.process-report-header-content-progress-indicators-element.errors {
  position: relative;
}
.process-report-header-content-progress-indicators-element.all {
  position: relative;
}
.process-report-header-content-progress-indicators .tabs-panel-tab {
  height: 35px;
  padding: 0 16px;
}
.process-report-header-content-progress-indicators .tabs-panel-tab:after {
  top: 28px !important;
  height: 0;
}
.process-report-header-content-progress-indicators .tabs-panel-tab--selected {
  pointer-events: none;
}
.process-report-header-content-progress-indicators .tabs-panel-tab--selected:after {
  height: 3px;
  left: 0;
}
.process-report-list {
  overflow: auto;
  font-size: 14px;
  display: block;
  max-height: calc(100%);
  height: 100%;
  margin-bottom: 8px;
}
.process-report-list-element {
  display: flex;
  flex-direction: row;
}
.process-report-list-element__details {
  overflow-x: hidden;
  word-break: normal;
  word-wrap: break-word;
  padding: 8px 24px 8px 24px;
  margin-top: 8px;
}
.process-report-list-element__details.report_error {
  background-color: undefined;
}
.process-report-list-element__details.report_warning {
  background-color: undefined;
}
.process-report-info {
  padding: 10px 50px;
  box-sizing: border-box;
  overflow: hidden;
}
.process-report-info__content {
  border-top: 1px solid #EEEEEE;
  padding: 24px;
  text-align: center;
  color: #C3C3C3;
}

/* ========= END BackgroundProcessNotification ========= */
/* ======== BEGIN BasicEsignature ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.basicesig-errorMessage {
  font-weight: bold;
  color: #fc4c02;
  float: left;
  margin-left: 8px;
}
.basicesig-errorSign {
  float: left;
}

/* ========= END BasicEsignature ========= */
/* ======== BEGIN BulkUpdate ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-blk-dialog {
  width: 310px;
}
.stb-blk-chooser {
  margin-bottom: 6px;
}
.stb-blk-operations {
  margin-top: 6px;
}
.stb-blk-editViewButton {
  background: url("gfx/sekset/edit.png") no-repeat;
  bottom: 0;
  float: left;
  left: 0;
  padding-left: 14px;
  padding-top: 14px;
  cursor: pointer;
  margin-right: 3px;
}
.stb-blk-operation-title {
  float: left;
}
.stb-blk-operation-row {
  margin-top: 10px;
  cursor: pointer;
}
.stb-blk-operation {
  float: left;
  width: 95%;
}
.stb-blk-operation-editWrapper {
  float: left;
  text-align: center;
  width: 5%;
}
.stb-blk-operation-row:hover {
  background-color: #ECEBEB;
}
.stb-blk-operation-separator {
  clear: both;
}
.stb-blk-operation-editor {
  float: left;
}
.stb-blk-operation-editor div {
  float: left;
  margin-right: 6px;
}
.stb-blk-operation-editor .gwt-SuggestBox {
  width: 190px;
}
.stb-blk-operations-table td {
  padding-right: 0px;
  padding-left: 0px;
  border-right: 0px !important;
}
.stb-blk-operations-table tr:hover {
  background-color: #EEE;
}
.stb-blk-operations-table tr {
  cursor: pointer;
}
.stb-blk-operations-table table {
  table-layout: auto !important;
}
.stb-blk-operations-table .body {
  overflow-y: visible !important;
}
.stb-blk-operations-table div .ellipsis {
  overflow: hidden;
  width: 280px;
  margin-right: 10px;
}
.BulkUpdateTemplatesPanel {
  margin-bottom: 6px;
}
.BulkUpdateTemplatePanelTitle {
  color: #414042;
  line-height: 32px;
  display: inline;
  overflow: hidden;
  width: 100px;
  float: left;
  white-space: pre;
}
.BulkUpdateTemplatePanelField {
  width: 306px;
  float: right;
  margin-left: 8px;
}
.BulkUpdateTemplatePanelField .input-cell {
  height: auto !important;
  min-height: 32px;
  width: 306px !important;
  overflow: initial;
}
.BulkUpdateTemplatePanelField select {
  width: 306px !important;
}
.BulkUpdateTemplatePanelField .BulkUpdateTemplatePanelView {
  width: 306px;
}
.BulkUpdateTemplatePanelField .mediumValueTextBox {
  width: 306px;
}
.BulkUpdateTemplatePanelView {
  float: left;
}
.BulkUpdateTemplatePanelDropdownView {
  float: left;
}
.BulkUpdateTemplatePanelWarning .input-cell,
.BulkUpdateTemplatePanelWarning input {
  width: 269px !important;
}
.BulkUpdateTemplatePanelWarning {
  width: 269px !important;
}
.BulkUpdateTemplatePanelWarningHide {
  display: none;
}
.BulkUpdateTemplateLabelWarning {
  float: right;
}
.BulkUpdateTemplatePanelRow {
  clear: both;
  padding-top: 6px;
}
.BulkUpdateTemplatesTextBox {
  float: right;
}
.BulkUpdatePopupPanel {
  height: 600px;
  width: 450px;
}
.BulkUpdateParameterizedTitle {
  color: #414042;
  line-height: 32px;
  display: inline;
  overflow: hidden;
  width: 100px;
}
/**/
.RunBulkUpdateActionButton .icon {
  background-image: url("gfx/sekset/white/business_action.png");
  background-size: 10px 14px;
  height: 14px;
  width: 10px;
}
.BulkUpdateTemplatesPanel {
  width: 100%;
  padding: 0px 32px;
  box-sizing: border-box;
}

/* ========= END BulkUpdate ========= */
/* ======== BEGIN DataContainerStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.PopupEditor-FieldTitlePanel .gwt-TextArea {
  width: 100%;
}
.PopupEditor-FieldTitlePanel .pencil {
  right: 22px;
}
.FieldTitlePanel {
  margin-right: 10px;
}
.FieldTitlePanel .fieldtitle {
  float: left;
}
.FieldTitlePanel .no_margin {
  margin-right: 0px;
}
.DataContainerEditor {
  width: 480px;
  height: 100%;
}
.DataContainerEditorList {
  resize: vertical;
  border-radius: 2px;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  height: 100%;
}
.DataContainerEditorList .DataContainerSubContainer:nth-child(1) {
  border-top: solid 1px #c3c3c3;
  margin-top: 0px;
}
.DataContainerEditorList .DataContainerSubContainer:nth-child(1):hover {
  border-top: solid 1px #0071b4;
}
.DataContainerEditor-Invalid-DC-Type-Label {
  display: none;
}
.DataContainerFieldDisplayNone {
  display: none;
}
.DataContainerFieldVisibleOnHover {
  display: none;
}
.DataContainerAddButtonPanel {
  height: 32px;
  width: 100%;
  float: left;
  padding-left: 8px;
}
.DataContainerAddButtonStub {
  height: 100%;
  float: right;
}
.DataContainerAddButton {
  float: left;
  cursor: pointer;
  height: 14px;
  right: 9px;
  top: 12px;
  font-size: 12px;
  color: #000000;
  margin-top: 8px;
}
.DataContainerEditor:hover .DataContainerFieldVisibleOnHover {
  display: block;
}
.DataContainerSubContainer {
  height: 32px;
  width: 438px;
  display: inline-block;
  float: left;
  border-radius: 2px;
  border-bottom: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-left: solid 1px #c3c3c3;
  z-index: -1;
}
.DataContainerSubContainer:hover {
  border-radius: 2px;
  border-top: solid 1px #0071b4;
  border-bottom: solid 1px #0071b4;
  border-left: solid 1px #0071b4;
  border-right: solid 1px #0071b4;
  cursor: pointer;
  margin-top: -1px;
}
.DataContainerSubContainerLabelCommon {
  display: block;
  height: 80%;
  margin-top: 7px;
  margin-left: 8px;
  float: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.DataContainerSubContainer:hover .label {
  width: 91%;
  display: block;
  height: 80%;
  margin-top: 7px;
  margin-left: 8px;
  float: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.DataContainerSubContainer .label {
  width: 98%;
  display: block;
  height: 80%;
  margin-top: 7px;
  margin-left: 8px;
  float: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.DataContainerEmptySubContainer {
  height: 32px;
  width: 438px;
  border-radius: 2px;
  border: solid 1px #c3c3c3;
}
.DataContainerEmptySubContainer:hover {
  border-radius: 2px;
  border: solid 1px #0071b4;
  cursor: pointer;
}
.DataContainerNoExistingEntriesTitle {
  display: block;
  float: left;
  color: #8d8c8e;
  font-size: 14px;
  text-align: left;
  margin-left: 8px;
  margin-top: 7px;
}
.DataContainerAddEntryTitle {
  display: none;
  float: left;
  color: #0071b4;
  font-size: 14px;
  text-align: left;
  margin-left: 8px;
  margin-top: 7px;
  cursor: pointer;
}
.DataContainerEmptySubContainer:hover .DataContainerNoExistingEntriesTitle {
  display: none;
}
.DataContainerEmptySubContainer:hover .DataContainerAddEntryTitle {
  display: block;
}
.DataContainerSubContainer .DataContainerEditButton {
  background-image: url("gfx/sekset/edit-icon.png");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 14px;
  width: 24px;
  margin-top: 8px;
  display: none;
  position: absolute;
  right: 44px;
}
.DataContainerSubContainer:hover .DataContainerEditButton {
  display: block;
  cursor: pointer;
}
.FieldTitlePanel .contexthelp {
  background-image: none;
  margin-left: 3px;
  margin-right: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.datacontainercontextHelpPopupText {
  height: 100%;
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
}
/*Derived attributes*/
.FieldTitlePanel .derived {
  background-image: url("gfx/sekset/fx.png");
  background-position: 1px 0;
  background-repeat: no-repeat;
  height: 12px;
  width: 13px;
}
.FieldTitlePanel .derived.local {
  background-image: url("gfx/sekset/fx_dis.png");
}
.FieldTitlePanel .DerivedValue > input {
  background-color: #EEEEEE;
  border: none;
  resize: vertical;
  padding: 2px;
  width: 300px;
}
.FieldValue .DerivedValue {
  position: relative;
}
.FieldValue input[disabled],
.FieldValue select[disabled] {
  background-color: #EEEEEE;
}
.FieldValue .DerivedValue .pencil {
  background-color: #EEEEEE;
  background-image: url("gfx/sekset/edit.png");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 14px;
  position: absolute;
  right: 9px;
  top: 9px;
  width: 16px;
}
.PortalPopup .popupRevisionHistory {
  min-width: 530px;
}
.ValueHistoryFlexTable {
  table-layout: fixed;
  width: 670px;
}
.ValueHistoryFlexTable .revisionHeader {
  background-color: #777574;
  border: 1px solid white;
  color: white;
  font-weight: bold;
  text-shadow: none;
  width: 140px;
  padding: 3px 15px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}
.ValueHistoryFlexTable .revisionValue {
  border: 1px solid transparent;
  padding: 2px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ValueHistoryFlexTable tr:hover .revisionValue {
  background-color: #ECEBEB;
  border-left: 1px solid white;
}
.dc-sparse-icon {
  margin-left: 10px;
}
span.DataContainerCell {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-container {
  border-left: 3px solid #EEEEEE;
  width: 560px;
}
.data-container-header {
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
}
.data-container-header--empty {
  background-color: #EEEEEE;
}
.data-container-header__title {
  width: 100%;
  flex: 1;
}
.data-container-header__links {
  display: flex;
  position: relative;
}
.data-container-header__links--disabled {
  cursor: none;
  pointer-events: none;
  text-decoration: none !important;
}
.data-container-header__links :nth-last-of-type(n + 2) {
  margin-right: 16px;
}
.data-container-header__links :nth-last-of-type(n + 2)::after {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #EEEEEE;
  content: '';
  margin: 0 8px;
}
.data-container-content {
  margin-top: 8px;
  margin-left: 8px;
}
.data-container-content .FieldValue table input {
  margin-bottom: 4px;
}
.data-container-content .FieldValue table tr:last-child input {
  margin-bottom: 0;
}
.data-container__button-row > tbody > tr > td:nth-last-of-type(n + 2) {
  padding-right: 16px;
}
.data-container__button-row--hidden {
  display: none;
}
.data-container-table.editable .stibo-w-sheet .tiletable > tbody > tr:hover {
  background-color: #EEEEEE;
}
.data-container-table.editable .stibo-w-sheet .tiletable > tbody > tr:hover td:last-of-type::before {
  font-family: 'Material Icons';
  /* 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';
  content: 'edit';
  font-size: 20px;
  position: absolute;
  right: 0;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  div.stibo-w-viewport.data-container-table {
    height: auto;
    height: initial;
    margin-bottom: 32px;
  }
}
div.stibo-w-viewport.data-container-table {
  height: auto;
  height: initial;
}
div.stibo-w-viewport.data-container-table .stibo-w-corner-filler {
  display: none;
}
div.stibo-w-viewport.data-container-table.col3 .tiletable,
div.stibo-w-viewport.data-container-table.col3 .stibo-w-sheet {
  width: 440px !important;
}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top {
  position: initial;
  height: 32px !important;
}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top .tiletable th > div {
  height: 31px !important;
}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top .tile {
  height: 32px !important;
  width: initial !important;
}
div.stibo-w-viewport.data-container-table .stibo-w-ruler .top-header.column-selected {
  box-shadow: initial;
  background-color: initial;
}
div.stibo-w-viewport.data-container-table .stibo-w-ruler .cell {
  line-height: 30px;
}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center {
  position: relative;
  top: 0px !important;
  overflow: auto;
  min-height: 1px;
}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center .tiletable td:not(:last-child) .cell-content {
  border-right-width: 0;
}
div.stibo-w-viewport.data-container-table .w-sheet {
  height: initial !important;
}
div.stibo-w-viewport.data-container-table .w-sheet .h-knob {
  position: initial !important;
  height: initial;
}
div.stibo-w-viewport.data-container-table .selected-cell > .cell-content {
  box-shadow: initial;
}
div.stibo-w-viewport.data-container-table .top-header {
  text-align: left !important;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
}
div.stibo-w-viewport.data-container-table .top-header.column-selected {
  background-color: initial;
}
div.stibo-w-viewport.data-container-table .selection-overlay {
  background-color: initial !important;
}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable {
  color: initial !important;
  background-color: initial;
}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable div {
  color: #414042;
}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable:hover {
  text-decoration: none;
}
/* vertical alignments of cell-content */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  /* IE10+ CSS styles go here (vert align content since IE does not understand modern css) */
  .data-container-table div.cell.cell-content {
    padding-top: 4px;
  }
  .data-container-table div.cell.cell-content div {
    padding-top: 0px;
  }
  div.stibo-w-viewport.data-container-table .stibo-w-viewport-center {
    position: relative;
    top: 32px !important;
  }
  .DataContainerAddButtonPanel.no-padding {
    padding-left: 0;
    margin-left: 8px;
  }
  .DataContainerAddButtonPanel.no-padding .DataContainerAddButton {
    display: block;
  }
}
.DataContainerAddButtonPanel.no-padding {
  padding-left: 0;
  margin-left: 8px;
}
.DataContainerAddButtonPanel.no-padding .DataContainerAddButton {
  display: block;
}
.DataTableWidgetPopupPanel {
  position: absolute;
  max-width: 50%;
  max-height: 500px;
  border: 1px solid #bbbbbb;
  background-color: white;
  z-index: 1000;
  display: none;
  padding: 5px;
  overflow-x: auto;
}
.data-container div.stibo-w-viewport .top-header {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 700;
}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory {
  color: rgba(0, 0, 0, 0.87);
  position: relative;
}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory .ui-sortable-header-label {
  margin-right: 22px;
  font-weight: bold;
}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory .mandatory-marking {
  position: absolute;
  top: 0;
  right: 24px;
}

/* ========= END DataContainerStyle ========= */
/* ======== BEGIN DataContainersViewStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.data-container-offset {
  padding-top: 32px;
  display: block;
  clear: both;
}
.data-container-editor {
  width: 1024px;
  position: relative;
  max-height: 600px;
  overflow-y: hidden;
}
.data-container-editor-selected {
  position: absolute;
  top: 0px;
  left: 256px;
  width: 768px;
  height: 100%;
  overflow-y: auto;
}
.data-container-editor-selected-left-column {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 512px;
  height: 100%;
}
.data-container-editor-selected-left-column-alone {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 750px;
  height: 100%;
}
.data-container-editor-selected-right-column {
  position: absolute;
  top: 0;
  /* right column left position must begin from 511px (it is equal to left column width - 1px) to have borders not overleapped */
  left: 511px;
  width: 238px;
  height: 100%;
}
.data-container-editor-selected-attributes-editable {
  min-height: 100%;
}
.no-data-container-records {
  color: #cccccc;
  text-align: center;
  width: 100%;
  horizontal-align: center;
}
.data-container-records {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 256px;
  border-right: solid 1px #cccccc;
}
.data-container-records-list {
  width: 100%;
  height: calc(100% - 81px);
  overflow-y: auto;
}
.data-container-records-list-element {
  width: 100%;
  height: 32px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.data-container-records-list-element-title {
  margin-left: 32px;
  margin-top: 6px;
  float: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 170px;
}
.data-container-records-list-element-title-cut {
  width: calc(100% - 96px);
}
.data-container-records-list-element-title-label {
  display: inline;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.data-container-records-list-element-trash {
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  cursor: pointer;
  color: transparent;
}
.data-container-records-list-element:hover .trash {
  color: rgba(0, 0, 0, 0.54);
}
.data-container-records-list .selected {
  background-color: #000000;
  color: #ffffff;
}
.data-container-records-list .selected .trash {
  color: #ffffff;
}
.data-container-records-list-element-warning {
  color: #ffd200;
  display: none;
  float: right;
  margin-right: 8px;
  margin-top: 8px;
}
.data-container-records-list-add {
  width: 100%;
  cursor: pointer;
  height: 48px;
  margin-top: 1px;
  background-color: #f5f5f5;
}
.data-container-records-list-add div {
  padding-top: 16px;
  text-align: center;
  color: #000000;
}
.data-container-records-list-add.disabled div {
  color: #cccccc !important;
}
.data-container-editor-selected-attributes-standardized {
  border-left: solid 1px #cccccc;
  min-height: 0;
}
.data-container-editor-selected-attributes-meta {
  border-left: solid 1px #cccccc;
  min-height: 0;
}
.data-container-editor-selected-attributes-meta .data-container-editor-selected-attributes-field-label {
  height: auto;
}
.data-container-editor-selected-attributes-meta .data-container-editor-selected-attributes-field-input {
  width: 90%;
}
.data-container-editor-selected-attributes-meta .data-container-editor-selected-attributes-field {
  height: 49px;
}
.data-container-editor-selected-attributes-meta .data-container-editor-selected-attributes-field-label {
  width: 80%;
}
.data-container-editor-selected-attributes-meta .data-container-editor-selected-attributes-field-input .gwt-Label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.data-container-editor-selected-attributes-standardized .data-container-editor-selected-attributes-field-label {
  height: auto;
}
.data-container-editor-selected-attributes-standardized .data-container-editor-selected-attributes-field-input {
  width: 90%;
}
.data-container-editor-selected-attributes-standardized .data-container-editor-selected-attributes-field {
  min-height: 49px;
}
.data-container-editor-selected-attributes-standardized .data-container-editor-selected-attributes-field-label {
  width: 80%;
}
.data-container-editor-selected-attributes-field {
  min-height: 32px;
  margin-left: 32px;
  padding-bottom: 8px;
  overflow: hidden;
}
.fieldvalidation-warning-mark {
  display: inline-block !important;
}
.data-container-editor-selected-attributes-field-medium {
  height: 64px;
}
.data-container-editor-selected-attributes-field-large {
  height: 160px;
}
.data-container-editor-selected-attributes-field-label:after {
  background-image: none;
  margin-left: 3px;
  margin-right: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.data-container-editor-selected-attributes-field .AttributeValueHistoryIcon:hover {
  color: #676668;
  cursor: pointer;
}
.data-container-editor-selected-attributes-field-label {
  margin-top: 8px;
  float: left;
  width: 30%;
  height: 100%;
  font-size: 14px;
  text-align: left;
  color: rgba(65, 64, 66, 0.6);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  clear: left;
  display: block;
}
.data-container-editor-selected-attributes-field-label .mandatory {
  color: #414042;
}
.data-container-mandatory-marking {
  margin-left: 2px;
  color: #fc4c02;
  font-weight: bold;
}
.data-container-editor-selected-attributes-field-history {
  margin-top: 8px;
  float: left;
  margin-left: 0;
}
.data-container-editor-selected-attributes-editable .data-container-editor-field-label-container {
  float: left;
  clear: left;
  width: 172px;
}
.data-container-editor-selected-attributes-editable .data-container-editor-selected-attributes-field-label {
  width: auto;
  max-width: 85%;
  margin-right: 0;
}
.data-container-inner-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  max-width: 120px;
}
.data-container-editor-selected-attributes-field-input {
  float: left;
  width: 57%;
}
.data-container-editor-selected-attributes-field-input .input-cell {
  height: 100%;
  min-height: 36px;
  overflow: hidden;
  white-space: pre-line;
}
.data-container-editor-selected-attributes-field-input .stb-MultiValueFieldWrapper .input-cell {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.data-container-editor-selected-attributes-field-input .stb-MultiValueFields .gwt-TextArea {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input .DerivedValueDialogContent {
  margin: 0 0px;
}
.data-container-editor-selected-attributes-field-input .DerivedValueDialogContent .gwt-TextArea {
  width: 100%;
  height: 100px;
}
.data-container-editor-selected-attributes-field-input .DatePickerView {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input .dropdown {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input .gwt-Label {
  width: 100%;
  padding-top: 8px;
  word-wrap: break-word;
  white-space: pre-line;
}
.data-container-editor-selected-attributes-field-input .gwt-SuggestBox {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input .gwt-TextBox {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input .gwt-PasswordTextBox {
  width: 100%;
}
.data-container-editor-selected-attributes-field-input table {
  width: 100%;
}
.data-container-editor-selected-attributes-field-warning {
  color: #ffd200;
  margin-left: 2px;
  margin-top: 8px;
  display: none;
}
.borderBottom {
  border-bottom: solid 1px #cccccc;
}
.borderTop {
  border-top: solid 1px #cccccc;
}

/* ========= END DataContainersViewStyle ========= */
/* ======== BEGIN FileLoadingStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*File Loading Widget*/
.file-loading__dialog .portal-popup-content {
  padding: 0px 32px;
}
.file-loading__dialog .button-panel {
  padding-right: 0px;
}
.file-loading__dialog select {
  min-width: 302px;
}
.file-loading__dialog .fieldtitleLabel {
  margin-bottom: 8px;
}
.stb-Widget-title.WidgetHeader-FileLoadingWidget {
  background-image: url("gfx/sekset/white/import_button.png");
  padding-left: 23px;
}
.FileLoadingWidget-multiple.dashboard-widget-inner {
  display: flex;
  flex-direction: column;
}
.FileLoadingWidget-multiple.dashboard-widget-inner > .upload-widget.file-loading {
  flex: 1;
  position: relative;
}
.FileLoadingWidget-multiple.dashboard-widget-inner > .upload-widget.file-loading:nth-last-of-type(n + 2) {
  padding-bottom: 4px;
}
.FileLoadingWidget-multiple.dashboard-widget-inner > .upload-widget.file-loading .drop-area__text {
  padding-bottom: 0;
  padding-left: 8px;
  width: 100%;
}
.FileLoadingWidget-multiple.dashboard-widget-inner > .upload-widget.file-loading .drop-area__text > .gwt-Label {
  white-space: nowrap;
}
.drop-area__text > .gwt-Label {
  text-align: center;
  font-size: 14px;
  padding-bottom: 24px;
  width: 100%;
}
.FileLoadingWidget-multiple.dashboard-widget-inner > .upload-widget.file-loading .drop-area__text .file-loading__small-text {
  text-align: center;
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner {
  display: flex;
  flex-direction: column;
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading {
  flex: 1;
  position: relative;
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading:nth-last-of-type(n + 2) {
  padding-bottom: 4px;
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text {
  padding-bottom: 0;
  width: calc(100% - 32px);
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text > .fileloading__multiple-configurations {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 4px;
}
.FileLoadingAreaWidget-multiple.dashboard-widget-inner > .upload-widget.fileloading .drop-area__text .fileloading__small-text {
  text-align: center;
}
.fileloading__middle-panel {
  padding-bottom: 39px !important;
}
.fileloading .drop-area .drop-area__text {
  padding-bottom: 0px;
}
.fileloading .drop-area {
  cursor: pointer;
}

/* ========= END FileLoadingStyle ========= */
/* ======== BEGIN GalleryModeStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-Gallery {
  text-align: center;
  overflow: auto;
}
.stb-FilmStrip {
  text-align: center;
  overflow: auto;
}
.stb-Gallery-AfterTiles {
  clear: left;
}
.stibo-DomainTileWidget {
  cursor: pointer;
  overflow: hidden;
  width: 160px;
  height: 182px;
  border: solid 1px white;
  box-sizing: border-box;
  margin-right: 16px;
  margin-bottom: 16px;
  font-size: 12px;
}
.stibo-DomainTileWidget .gwt-CheckBox input[type="checkbox"] + label {
  padding: 0;
}
.stibo-DomainTileWidget .gwt-CheckBox input[type="checkbox"] + label:before {
  width: 0px;
  height: 0px;
}
.stibo-DomainTileWidget-selected {
  border-radius: 5px;
  border: solid 1px #000000;
  box-sizing: border-box;
  background-color: #e6e6e6;
}
.stibo-DomainTileWidget-selected .gwt-CheckBox {
  background-color: #000000;
  border-radius: 0 0 40px 0;
}
.stibo-DomainTileWidget-selected .gwt-CheckBox input[type="checkbox"] + label {
  height: 40px;
  width: 40px;
  padding: 0;
}
.stibo-DomainTileWidget-selected .gwt-CheckBox input[type="checkbox"] + label:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik05IDE2LjJMNC44IDEybC0xLjQgMS40TDkgMTkgMjEgN2wtMS40LTEuNEw5IDE2LjJ6Ii8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  width: 39px;
  height: 39px;
  top: 5px;
  left: 4px;
  border: none;
  background-color: transparent;
}
.stibo-DomainTileWidget-selected .gwt-CheckBox input[type="checkbox"] + label:after {
  border: none;
  transform: none;
}
.stibo-DomainTileWidget-selected .gwt-CheckBox input[type="checkbox"]:hover:checked + label:hover:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik05IDE2LjJMNC44IDEybC0xLjQgMS40TDkgMTkgMjEgN2wtMS40LTEuNEw5IDE2LjJ6Ii8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  width: 39px;
  height: 39px;
  top: 5px;
  left: 4px;
  border: none;
}
.stibo-DomainTileWidget-selected:hover {
  border: solid 1px #000000 !important;
}
.stibo-DomainTileWidget:hover {
  border-radius: 5px;
  border: solid 1px #C3C3C3;
}
.stibo-DomainTileWidget {
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
}
.stibo-DomainTileWidget-Graphic {
  top: 8px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 144px;
  background-size: contain;
  -moz-background-size: contain;
  /* Firefox 3.6 */
  background-position: center;
  /* Internet Explorer 7/8 */
  border-style: none;
  border-radius: 5px;
}

/* ========= END GalleryModeStyle ========= */
/* ======== BEGIN List ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.FindSimilarAction-widget .dialog-list-mainPanel {
  height: auto;
  position: relative;
}
.dialog-list-mainPanel .dialog-list-content {
  height: auto;
  min-height: 380px;
  min-width: 450px;
  position: relative;
  overflow: auto;
}
.dialog-list-mainPanel .dialog-list-table {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 6px;
}
.dialog-list-mainPanel .dialog-list-table tr:hover {
  background-color: #ECEBEB;
}
.dialog-list-mainPanel .dialog-list-table td {
  border: 1px solid #FFFFFF;
}
.dialog-list-mainPanel .dialog-list-help-text {
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 6px;
}
.dialog-list-mainPanel .dialog-list-too-many-rows-warning {
  color: #fc4c02;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 6px;
}
.dialog-list {
  margin: 4px;
}
.dialog-list-header {
  background-color: #777574;
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: none;
  padding: 2px;
  white-space: nowrap;
}
.dialog-list-cell {
  padding: 2px;
  white-space: nowrap;
}
.dialog-list-cell-selected td {
  background-color: #A8A8A8 !important;
  color: #FFFFFF;
}
.list-dialog {
  min-width: 700px;
  min-height: 450px;
}
.list-dialog-child {
  min-width: 600px;
  min-height: 250px;
}
.dialog-list-mainPanel {
  margin: 0 32px 0 32px;
}
.list-dialog .button-panel,
.list-dialog-child .button-panel {
  position: relative !important;
}
table.DataGrid {
  margin: 0;
  border: 1px solid #C3C3C3;
  border-bottom: none;
  border-radius: 4px;
}
table.DataGrid > thead > tr > th {
  border-bottom: 1px solid #C3C3C3;
  padding: 8px 8px;
  text-shadow: none;
  outline: #f5f5f5;
}
table.DataGrid > thead > tr > th:hover {
  color: #414042;
}
table.DataGrid > thead > tr > th:first-of-type {
  border-top-left-radius: 4px;
}
table.DataGrid > thead > tr > th:last-of-type {
  border-top-right-radius: 4px;
}
table.DataGrid > tbody > tr.DataGrid-Row-selected,
table.DataGrid > tbody tr.DataGrid-Row-selected:hover {
  color: #414042;
}
table.DataGrid > tbody > tr.DataGrid-Row-selected > td,
table.DataGrid > tbody tr.DataGrid-Row-selected:hover > td {
  background-color: #e6e6e6;
}
table.DataGrid > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #C3C3C3;
  background-color: #FFFFFF;
  padding: 4px 8px;
}
table.DataGrid > tbody > tr > td.remove-row-cell {
  width: 14px;
  padding: 0 8px !important;
}
table.DataGrid > tbody > tr > td.remove-row-cell .remove-row {
  width: 14px;
  height: 14px;
  background: url(gfx/sekset/close.png) no-repeat center center;
  cursor: pointer;
}
table.DataGrid > tbody > tr:hover > td {
  background-color: #EEEEEE;
}
table.DataGrid > tbody > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 4px;
}
table.DataGrid > tbody > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 4px;
}
table.DataGrid--no-loading-indicator > tbody:last-of-type {
  display: none;
}
div.DataGrid > div:first-of-type table {
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div.DataGrid > div:first-of-type table > thead > tr > th {
  border-bottom: 1px solid #C3C3C3;
  padding: 8px 8px;
  text-shadow: none;
  outline: #f5f5f5;
}
div.DataGrid > div:first-of-type table > thead > tr > th:hover {
  color: #414042;
}
div.DataGrid > div:first-of-type table > thead > tr > th:first-of-type {
  border-top-left-radius: 4px;
}
div.DataGrid > div:first-of-type table > thead > tr > th:last-of-type {
  border-top-right-radius: 4px;
}
div.DataGrid > div:last-of-type table {
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.DataGrid > div:last-of-type table > tbody > tr.DataGrid-Row-selected,
div.DataGrid > div:last-of-type table > tbody tr.DataGrid-Row-selected:hover {
  color: #414042;
}
div.DataGrid > div:last-of-type table > tbody > tr.DataGrid-Row-selected > td,
div.DataGrid > div:last-of-type table > tbody tr.DataGrid-Row-selected:hover > td {
  background-color: #e6e6e6;
}
div.DataGrid > div:last-of-type table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #C3C3C3;
  background-color: #FFFFFF;
  padding: 4px 8px;
}
div.DataGrid > div:last-of-type table > tbody > tr > td.remove-row-cell {
  width: 14px;
  padding: 0 8px !important;
}
div.DataGrid > div:last-of-type table > tbody > tr > td.remove-row-cell .remove-row {
  width: 14px;
  height: 14px;
  background: url(gfx/sekset/close.png) no-repeat center center;
  cursor: pointer;
}
div.DataGrid > div:last-of-type table > tbody > tr:hover > td {
  background-color: #EEEEEE;
}
div.DataGrid > div:last-of-type table > tbody > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 4px;
}
div.DataGrid > div:last-of-type table > tbody > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 4px;
}
.DataGrid + .add-link-wrapper {
  margin-top: 8px;
}
.DataGrid th .header-cell .indicator {
  background: url(gfx/sekset/sortingAndFiltering/filtering-dot.png) no-repeat center center;
  width: 20px;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: -10px;
}
.DataGrid th .header-cell.sortasc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_asc_column.png);
}
.DataGrid th .header-cell.sortdesc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/sort_desc_column.png);
}
.DataGrid th .header-cell.filter-sortdesc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_desc.png);
}
.DataGrid th .header-cell.filter-sortasc .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column-sort_asc.png);
}
.DataGrid th .header-cell.filter .indicator {
  background-image: url(gfx/sekset/sortingAndFiltering/filtering_on_column.png);
}
.DataGrid th .header-cell {
  position: relative;
  cursor: pointer;
}
.DataGrid-CheckColumn {
  width: 20px;
}
.DataGrid .DataGrid-Cell-Clickable {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.DataGrid .DataGrid-Cell-Clickable:hover {
  text-decoration: underline;
  text-underline-color: #000000;
}
.nodeselector .list-dialog {
  min-height: inherit;
  min-width: inherit;
}
.nodeselector .list-dialog .GHUGN-BDCB > table > tbody {
  display: table-row-group;
}

/* ========= END List ========= */
/* ======== BEGIN LoginPage ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.login-view-wrapper {
  background-image: url();
  background-size: cover;
}
.login-view {
  margin-top: 144px;
}
@media screen and (max-height: 900px) {
  .login-view-wrapper .login-view {
    margin-top: 0;
  }
  .login-view-wrapper .login-view .announcement {
    margin-top: 32px;
  }
  .login-view-wrapper .login-view .login-form {
    margin-top: 144px;
  }
  .login-view-wrapper .login-view .announcement + .login-form {
    margin-top: 0;
  }
}
.login-form {
  margin: 0 auto;
  width: 448px;
  background: #ffffff;
  color: undefined;
  border-radius: 4px;
  border: solid 1px #C3C3C3;
  box-shadow: 0 0 10px #888888;
}
.login-form-logo-row {
  height: 40px;
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.login-form-logo-row.no-logo {
  height: 0;
  padding: 8px;
}
.login-form-logo-row__logo {
  background: url("/webui/webui/srv/logo?portalId=citysupplier&cacheKey=140584") center no-repeat;
  height: 100%;
}
.login-form-logo-row__logo__fullSize {
  background-size: contain;
}
.login-form-portal-title-row {
  text-align: center;
}
.login-form-portal-title-row__title {
  font-size: 16px;
  margin-bottom: 16px;
}
.login-form-input-row {
  height: 48px;
}
.login-form-input-row__input {
  width: 448px;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 0;
  -moz-box-sizing: border-box;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.login-form-input-row__input:hover {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.login-form-input-row__input:active {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.login-form-input-row__input:focus {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.login-form-input-row__input:disabled {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.login-form-disclaimer-row {
  padding-left: 32px;
  padding-right: 32px;
}
.login-form-disclaimer-row__checkbox {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  display: block;
}
.login-form-disclaimer-row__checkbox label {
  width: 100% !important;
  height: 100%;
}
.login-form-locale-row,
.login-form-ldap-row {
  padding-left: 32px;
}
.login-form-locale-row__label,
.login-form-ldap-row__label {
  padding-top: 16px;
  padding-right: 24px;
  float: left;
  font-size: 14px;
}
.login-form-locale-row__selector,
.login-form-ldap-row__selector {
  padding-top: 8px;
  padding-right: 32px;
  float: right;
}
.login-form-login-button-row__button {
  margin-top: 8px;
  margin-left: 32px;
  margin-bottom: 16px;
  padding: 0;
  width: 384px;
  height: 32px;
}
.login-form-alert-row {
  height: 24px;
  margin-right: 32px;
  margin-left: 32px;
  margin-bottom: 8px;
}
.change-password {
  padding-left: 32px;
}
.change-password-row {
  height: 48px;
}
.change-password-row__password-input {
  width: 320px;
  height: 24px;
  margin: 12px 32px;
}
.change-password-buttons-row-wrapper {
  background-color: #eeeeee;
  height: 72px;
  width: 100%;
}
.change-password-buttons-row {
  float: right;
}
.change-password-buttons-row__change-password-button {
  margin-top: 16px;
  margin-right: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.change-password-buttons-row__cancel-button {
  margin-top: 16px;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

/* ========= END LoginPage ========= */
/* ======== BEGIN MultiContextScreenStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*Style sheet for multi context screen component*/
.MultiContextScreen {
  height: 100%;
}
.stb-NodeDetailsContentWrapper .MultiContextScreen .stibo-w-buttons {
  margin-right: 0px;
}
.MultiContextScreen .stibo-w-buttons {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin-right: 8px;
  margin-top: 4px;
}
.MultiContextScreen .stibo-w-buttons .stibo-w-iconbutton {
  margin-left: 8px;
  margin-right: 0px;
}
.MultiContextScreen .Toolbar {
  display: inline-block;
  width: 100%;
}
.MultiContextScreen .headline {
  margin-top: 8px;
}
.MultiContextScreen .multi-workspace-different-mark {
  background-color: #699cc6;
}
.ReferenceCantBeSuppressed-label {
  color: #d9b50d;
}
.ReferenceNotSuppressed-label {
  color: #46af50;
}
.ReferenceSuppressed-label {
  color: #fc4c02;
}
.MultiContextScreen .stibo-w-viewport {
  height: calc(100% - 64px);
  margin: 32px;
}
button.stibo-w-iconbutton.sidebar-button {
  width: 26px;
  height: 26px;
  margin: 8px 0 0 8px;
}
.MultiContextScreen .stibo-w-iconbutton>img {
  margin-right: 0;
}
.MultiContextScreen .multi-editor-collapsed-sp-container.two-elements {
  padding-top: 64px;
}
.add-reference-dialog-content {
  margin: 0 32px;
}
.add-reference-dialog-content__header {
  font-size: 12px;
  color: #C3C3C3;
}
.add-reference-dialog-content__first-checkbox {
  margin-top: 8px;
}
.add-reference-dialog-content__checkbox-wrapper {
  margin-top: 8px;
  margin-left: 24px;
}
.add-reference-dialog-content-footer {
  margin-top: 16px;
}
.add-reference-dialog-content-footer .NodePickerIcon {
  margin-left: -24px;
  margin-top: 5px;
}

/* ========= END MultiContextScreenStyle ========= */
/* ======== BEGIN MultiRevisionScreenStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*Style sheet for multi context screen component*/
.MultiRevisionCompareScreen {
  height: 100%;
}
.stb-NodeDetailsContentWrapper .MultiRevisionCompareScreen .stibo-w-buttons {
  margin-right: 0;
}
.MultiRevisionCompareScreen .stibo-w-buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 8px;
  margin-top: 4px;
}
.MultiRevisionCompareScreen .stibo-w-buttons .stibo-w-iconbutton {
  margin-left: 8px;
  margin-right: 0;
}
.MultiRevisionCompareScreen .Toolbar {
  display: inline-block;
  width: 100%;
}
.MultiRevisionCompareScreen .Toolbar .Button {
  float: left;
  max-width: 50px;
  padding-top: 6px;
  padding-right: 10px;
  text-align: center;
  cursor: pointer;
}
.MultiRevisionCompareScreen .Toolbar .Button .Icon {
  padding-bottom: 3px;
}
.MultiRevisionCompareScreen .Toolbar .Button .Icon > img {
  margin: 0;
  /* To override margin-right: 3px in CoreWidgets */
}
.MultiRevisionCompareScreen .Toolbar .Button .Label {
  word-wrap: break-word;
  font-size: 10px;
}
.MultiRevisionCompareScreen .stibo-w-viewport-center .cell {
  padding: 9px;
}
.PortalPopupContent .FirstContextCheckbox {
  padding-top: 5px;
}
.PortalPopupContent .ContextCheckbox {
  padding-top: 2px;
  padding-left: 20px;
}

/* ========= END MultiRevisionScreenStyle ========= */
/* ======== BEGIN NodeDescriptions ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.crlf {
  display: block;
}

/* ========= END NodeDescriptions ========= */
/* ======== BEGIN NodeListStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.portal-nodelist-inside-cell--error {
  color: #fc4c02;
}
.portal-nodelist-over-table--error {
  padding-left: 24px;
  color: #fc4c02;
  position: absolute;
  left: 32px;
  top: calc(12px);
  font-size: 14px;
}
.portal-nodelist-over-table--error::before {
  background-color: #fc4c02;
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
}
.toolbar {
  margin-left: 20px;
  height: 44px;
}
.toolbar.noLabels .toolbar-button__label {
  display: none;
}
.toolbar-wrapper {
  background-color: #f5f5f5;
}
.toolbar-button {
  display: inline-block;
  padding: 12px 12px;
  cursor: pointer;
  overflow: hidden;
  color: #414042;
  box-sizing: border-box;
}
.toolbar-button.material {
  padding: 10px 12px;
}
.toolbar-button.material .toolbar-button__label {
  line-height: 24px;
}
.toolbar-button:hover {
  background-color: #cfcfcf;
}
.toolbar-button.disabled {
  cursor: default;
}
.toolbar-button.disabled i {
  color: rgba(0, 0, 0, 0.12);
}
.toolbar-button.disabled .gwt-Label {
  color: rgba(0, 0, 0, 0.26);
}
.toolbar-button.disabled:hover {
  background-color: initial;
}
.toolbar-button > .toolbar-button {
  padding-top: 0;
  margin-right: 0;
}
.toolbar-button__icon {
  display: inline;
  float: left;
  height: 20px;
  width: 20px;
  margin: 0 auto 0;
  background-repeat: no-repeat;
  color: #676668;
  line-height: 20px;
}
.toolbar-button__icon.material-icons {
  background-image: none !important;
  width: initial !important;
}
.toolbar-button__label {
  display: inline;
  font-size: 12px;
  line-height: 20px;
  vertical-align: top;
  padding-left: 8px;
}
.toolbar .more-actions.toolbar-button {
  padding: 8px;
}
.toolbar .DisplayModePanel {
  position: absolute;
  right: 8px;
  top: 0;
}
.toolbar .DisplayModePanel.displaymodes i {
  color: #000000;
}
.toolbar .section {
  float: left;
}
.more-panel {
  height: inherit;
  margin: 0;
  padding: 8px 0;
}
.more-panel .toolbar-button {
  display: block;
  margin: 0;
  padding: 8px 16px;
  height: inherit;
}
.more-panel .toolbar-button__active {
  background-color: #e6e6e6;
}
.more-panel .toolbar-button:hover {
  background-color: #EEEEEE;
}
.toolbar .SuppressReferenceAction {
  background-image: url('gfx/sekset/suppress_reference_toolbar.png');
  width: 22px;
}
.toolbar .SuppressReferenceAction.disabled {
  background-image: url('gfx/sekset/suppress_reference_toolbar_dis.png');
}
.toolbar .RemoveSuppressionAction {
  background-image: url('gfx/sekset/remove_suppression_toolbar.png');
  width: 22px;
}
.toolbar .RemoveSuppressionAction.disabled {
  background-image: url('gfx/sekset/remove_suppression_toolbar_dis.png');
}

/* ========= END NodeListStyle ========= */
/* ======== BEGIN NotificationArea ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.cornerbar-notification-area {
  position: absolute;
  background-color: #FFFFFF;
  border-left: 1px solid #C3C3C3;
  overflow: hidden;
  right: -408px;
  width: 408px;
  z-index: 100;
  transition: right 500ms;
}
.cornerbar-notification-area--expand {
  right: 0 !important;
}
.cornerbar-notification-area-content {
  height: 100%;
  overflow-y: auto;
}
.cornerbar-notification-area-content__list {
  width: 100%;
  display: block;
}
.cornerbar-notification-area-content__report {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cornerbar-notification-area__dragger {
  height: 100%;
  position: absolute;
  width: 16px;
  cursor: col-resize;
  z-index: 105;
  background: url(gfx/sekset/dragger_h.png) center right no-repeat;
}
.notification-area {
  z-index: 101;
  flex: 1;
}
.notification-area__header {
  height: 16px;
  position: relative;
  background-color: #f5f5f5;
  padding: 8px 16px 8px 24px;
  cursor: pointer;
  z-index: 103;
}
.notification-area__header:hover {
  background-color: #EEEEEE;
}
.notification-area__header-title {
  display: inline;
}
.notification-area__header-link {
  float: right;
}
.notification-area__header--expand::before {
  background-image: url("gfx/sekset/miniarrow_down_grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 9px;
  height: 16px;
  width: 8px;
  content: '';
}
.notification-area__header--collapse::before {
  background-image: url("gfx/sekset/miniarrow_right_grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 9px;
  height: 16px;
  width: 8px;
  content: '';
}
.notification-area__header--hidden {
  display: none;
}
.notification-area__list {
  width: 100%;
  /* I see no reason why this should not use all the available space... */
  overflow-y: hidden;
  /* Avoid showing the scroll bars while expanding / collapsing */
  transition: max-height 300ms;
}
.notification-area__list > div:first-of-type {
  margin-top: 8px;
}
.notification-area__list > div:last-of-type {
  margin-bottom: 8px;
}
.notification-area__list--hidden {
  display: none;
}
.notification-area__list .empty-state-widget-label {
  margin-top: 20px;
}
.notification-item {
  padding: 8px 24px 8px 24px;
}
.notification-item:hover {
  background-color: #f5f5f5;
}
.notification-item__content {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.notification-item__title {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-item-middle {
  display: flex;
}
.notification-item-middle__dates {
  flex: 1;
  font-size: 12px;
}
.notification-item-middle__show-report-link {
  margin-left: 16px;
  font-size: 12px !important;
}
.notification-item-bottom {
  display: flex;
  align-items: center;
}
.notification-item-bottom-summary {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.notification-item-bottom-summary :nth-last-of-type(n + 2) {
  margin-right: 16px;
  position: relative;
}
.notification-item-bottom-summary :nth-last-of-type(n + 2)::after {
  position: absolute;
  margin-left: 8px;
  top: 50%;
  height: 2px;
  width: 2px;
  border-radius: 2px;
  background-color: #8d8c8e;
  content: '';
}
.notification-item-bottom-summary__status_indicator {
  color: #fc4c02;
}
.notification-item-bottom-summary__errors_indicator {
  color: #fc4c02;
}
.notification-item-bottom__download-link {
  margin-left: 16px;
  font-size: 12px !important;
}
.notification-item-bottom__show-report-link {
  margin-left: 16px;
  font-size: 12px !important;
}
.notification-item--blink {
  background-color: inherit;
  animation-name: blink;
  animation-duration: 4s;
  animation-iteration-count: 1;
}
.notification-item--background-transition {
  transition: background-color 2s;
}
.notification-item--just-added {
  background-color: rgba(255, 255, 128, 0.4);
}
.notification-item--just-added :hover {
  background-color: transparent;
}
.notification-item-progress {
  display: flex;
  align-items: center;
}
.notification-item-progress__progress-bar {
  flex: 1;
  /* override styles for progress-bar - BEGIN */
  height: 4px !important;
  background-color: #e6e6e6 !important;
  border: none !important;
  /* override styles for progress-bar - END */
}
.notification-item-progress__progress-bar > .gwt-ProgressBar-bar {
  background-color: #000000 !important;
}
.notification-item-progress__progress-bar > .gwt-ProgressBar-text {
  display: none;
}
.notification-item-progress__progress-bar--inactive > .gwt-ProgressBar-bar {
  background-color: #EEEEEE !important;
}
.notification-item-progress__progress-label {
  margin-left: 16px;
  font-size: 12px;
}
@keyframes blink {
  0% {
    background-color: inherit;
  }
  50% {
    background-color: rgba(255, 255, 128, 0.4);
  }
  100% {
    background-color: inherit;
  }
}

/* ========= END NotificationArea ========= */
/* ======== BEGIN OnboardingPortalStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*Style sheet for multi onboarding component*/
.multi-initiate-widget__node-picker-icon {
  right: 12px;
  top: 6px;
}
.multi-initiate-widget__recent {
  padding-top: 8px;
  height: calc(100% - 32px);
  overflow: hidden;
  overflow-y: auto;
}
.multi-initiate-widget__link {
  height: 24px;
  cursor: pointer;
  word-wrap: break-word;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.multi-initiate-widget__link > a {
  text-decoration: none !important;
}
.multi-initiate-widget__link .treeItem {
  background-position: 16px 5px;
  padding-top: 3px;
  padding-left: 36px;
  margin: 0;
  display: inherit;
  margin-left: 0px;
}
.multi-initiate-widget__link:hover {
  background-color: #EEEEEE;
}
.MultiOnboardingScreen {
  height: calc(100% - 16px);
}
.MultiOnboardingScreen-dialog__warning .gwt-Label {
  padding: 0 32px;
}
.MultiOnboardingScreen .stb-NodeDetails-Heading {
  margin-bottom: 16px;
}
.MultiOnboardingScreen .DataGrid {
  margin: 0;
}
/*toolbar with actions*/
.toolbar-button__icon.disabled {
  color: inherit;
}
/*buttons panel and buttons*/
.MultiOnboardingScreen .buttons button.stibo-GraphicsButton {
  float: left;
}
/*Mass create widget*/
.stb-Widget-title.WidgetHeader-MultiInitiateWidget {
  background-image: url("gfx/sekset/widget/create_button.png");
  padding-left: 20px;
}
.MultiInitiateWidget input {
  border: 0;
  border-bottom: 6px solid undefined;
  border-radius: 0;
  height: 16px;
  width: calc(100% - 4px);
}
.MultiInitiateWidget .recent {
  padding: 6px;
}
.MultiInitiateWidget .recent .treeItem {
  margin: 0;
  width: calc(100% - 22px);
  overflow: hidden;
}
.MultiInitiateWidget .recent .Heading {
  font-weight: bold;
  margin-bottom: 6px;
}
.MultiOnboardingScreen .stibo-w-toolbar {
  margin-left: 6px;
  margin-bottom: 10px;
}
.MultiOnboardingScreen .stibo-w-icon > img {
  margin-right: 0;
}
.MultiOnboardingScreen .redoButton img {
  transform: scaleX(-1);
}
.MultiOnboardingScreen .stibo-w-toolbar .IconSpacer {
  display: inline;
}
.MultiOnboardingScreen .stibo-w-viewport {
  height: calc(100% - 163px);
  margin: 32px 32px 0 32px;
}
.MultiOnboardingScreen div.cell.edited {
  background-color: #fcf1cc;
}
.MultiOnboardingScreen .buttons {
  background-color: #f5f5f5;
  height: 40px;
  padding-left: 32px;
  padding-top: 8px;
}
.MultiOnboardingScreen .stibo-w-sheet .stibo-Dropdown-wrapper select {
  background-image: none;
  background-position: 286px center;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 0.01px;
  text-overflow: "";
  height: 30px;
  width: 115% !important;
  padding-right: 10%;
  background-color: inherit;
}
.stibo-w-sheet .stibo-Dropdown-wrapper select[disabled] {
  background-image: url("gfx/sekset/dropdown_dis.png");
}
/* style the container instead of the select widget */
.MultiOnboardingScreen .stibo-w-sheet .stibo-Dropdown-wrapper {
  position: relative;
  overflow: hidden;
  border: 1px dashed undefined;
  border-radius: 2px;
  width: 125px;
  padding-bottom: 4px;
  padding-left: 3px;
  background-color: lightgrey;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .stibo-w-sheet .stibo-Dropdown-wrapper select {
    width: 100% !important;
  }
}
.MultiOnboardingScreen .stibo-w-icon {
  z-index: 1;
}
.MultiOnboardingScreen .cell.top-header {
  padding: 2px 6px 0;
}
.MultiOnboardingScreen .stibo-w-ruler .cell.left-header.lastRow {
  background-color: #fcfcfc;
  pointer-events: none;
}
.MultiOnboardingScreen .stibo-w-ruler .cell.left-header.lastRow .rowTitleChild {
  box-shadow: inset -1px 0 0 0 #C3C3C3;
}
.MultiOnboardingScreen .stibo-w-viewport .stibo-w-ruler th div.column-selected,
.stibo-w-viewport .stibo-w-ruler tr.row-selected th div {
  position: relative;
}
.MultiOnboardingScreen .left-header .warning {
  background-image: url("gfx/sekset/warning.png");
  height: 18px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 20px;
}
.MultiOnboardingScreen div.cell.dirty {
  background: inherit;
  color: inherit;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.datagridCheckboxDiv .checkboxLabel {
  padding-top: 16px;
}
.MultiOnboardingScreen .cell.lastRow .datagridCheckboxDiv.rowSelectorAction .gwt-CheckBox {
  display: none;
}
.MultiOnboardingScreen .selection-overlay.lastRowSelection {
  background-color: transparent;
}
.delete-confirm-dialog-text {
  margin: 0 32px;
}

/* ========= END OnboardingPortalStyle ========= */
/* ======== BEGIN PanelStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-CollapableSplitLayoutPanel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}
.stb-CollapableSplitLayoutPanel .childElement {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.stb-CollapableSplitLayoutPanel .splitter {
  cursor: row-resize;
}
.stb-CollapableSplitLayoutPanel .splitter div {
  margin: 0 auto;
  height: 17px;
  width: 100px;
  background-size: calc(100% - 48px) 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 1px, rgba(0, 0, 0, 0.38) 1px, rgba(0, 0, 0, 0.38) 2px);
}
.stb-CollapableSplitLayoutPanel .splitter div i {
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer;
}
.stb-CollapableSplitLayoutPanel .splitter div i.disabled {
  color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.stb-CollapableSplitLayoutPanel .splitter div i:hover:not(.disabled) {
  color: rgba(0, 0, 0, 0.54);
}
.stb-CollapableSplitLayoutPanel .splitter div i:last-child {
  float: right;
}
.stb-GlassPane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  border-width: 0;
  z-index: 99999;
  background: #ffffff;
  opacity: 0;
  cursor: row-resize;
}
.stb-CollapableSplitLayoutPanel .center {
  display: flex;
}
.stb-CollapableSplitLayoutPanel .dragger {
  cursor: row-resize;
  width: calc(50% - 47px);
  height: 14px;
}

/* ========= END PanelStyle ========= */
/* ======== BEGIN PortalAlert ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.portal-alert-header {
  position: relative;
  font-size: 14px;
}
.portal-alert-header--info {
  padding-left: 24px;
  color: #0032a0;
}
.portal-alert-header--info:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
  background-color: #0032a0;
}
.portal-alert-header--warning {
  padding-left: 24px;
}
.portal-alert-header--warning:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
  background-color: #ffd200;
}
.portal-alert-header--error {
  padding-left: 24px;
  color: #fc4c02;
}
.portal-alert-header--error:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
  background-color: #fc4c02;
}
.portal-alert-header--exception {
  padding-left: 24px;
  color: #fc4c02;
}
.portal-alert-header--exception:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  content: '';
  background-color: #fc4c02;
}
.portal-alert-popup {
  margin-top: 32px;
  z-index: 2100;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.32);
}
.portal-alert-popup-inner {
  display: flex;
}
.portal-alert-popup__severity-indicator {
  width: 32px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.portal-alert-popup__severity-indicator--info {
  background-color: #0032a0;
}
.portal-alert-popup__severity-indicator--warning {
  background-color: #ffd200;
}
.portal-alert-popup__severity-indicator--error {
  background-color: #fc4c02;
}
.portal-alert-popup__severity-indicator--exception {
  background-color: #fc4c02;
}
.portal-alert-popup-content {
  padding: 16px 16px 16px 24px;
  width: 320px;
  color: #414042;
}
.portal-alert-popup-content__header {
  font-size: 16px;
  word-wrap: break-word;
}
.portal-alert-popup-content-details {
  padding-top: 8px;
}
.portal-alert-popup-content-details__throwable-link {
  font-size: 14px;
}
.portal-alert-popup-content-details__details {
  font-size: 14px;
  word-wrap: break-word;
}
.portal-alert-popup-content__navigation {
  display: block;
  padding-top: 8px;
}
.portal-alert-popup-close-box {
  margin-top: 16px;
  margin-right: 16px;
}
.portal-alert-popup-close-box__button {
  cursor: pointer;
}

/* ========= END PortalAlert ========= */
/* ======== BEGIN PortalBaseStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*Styles for components in the Portal Base bundle*/
/*Override of DataGrid.less .cell*/
.cell.table-cell {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.stb-NodeDetails-selected {
  background-image: url(gfx/sekset/show_details_selected.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: default;
}
.stb-NodeDetails-unselected {
  background-image: url(gfx/sekset/show_details.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
div td.stb-CustomOpCell,
div th.stb-CustomOpCell {
  border-right: 0;
}
th.stb-CustomOpCell,
td.stb-CustomOpCell {
  padding-left: 0px;
  padding-right: 0px;
}
td.stb-CustomOpCell {
  cursor: pointer;
  vertical-align: middle;
}
th.stb-CheckboxCell,
td.stb-CheckboxCell {
  width: 26px;
}
th.stb-ShowDetailCell,
td.stb-ShowDetailCell {
  width: 26px;
}
td.cell.stb-CustomOpCell.stb-CheckboxCell div {
  margin-left: 8px;
  display: table;
}
td.cell.stb-CustomOpCell.stb-ShowDetailCell div {
  margin: 0 auto;
  display: table;
}
.DerivedValueDialogContent {
  margin: 0 32px;
}
.DerivedValueDialogContent .gwt-TextArea {
  margin-top: 8px;
  width: 500px;
}
.filter-revision-dialog__content {
  position: relative;
}
.filter-revision-dialog .portal-popup-content {
  min-width: 456px;
  max-width: 456px;
  padding: 0px 32px;
  height: auto !important;
}
.filter-revision-dialog .date-dropdown-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
.filter-revision-dialog .date-dropdown-wrapper select {
  width: 302px;
}
.filter-revision-dialog__filter {
  width: 92px;
  float: left;
}
.filter-revision-dialog .button-panel {
  padding: 16px 0px;
}
.filter-revision-dialog__from-to {
  padding-top: 8px;
}
.filter-revision-dialog__from-to input {
  width: 155px;
}
.filter-revision-dialog__from-to div {
  float: left;
}
.filter-revision-dialog__from-to .gwt-Label {
  margin-top: 8px;
}
.filter-revision-dialog__group {
  width: 300px;
  float: left;
}
.filter-revision-dialog__group .chzn-container-multi {
  width: 302px;
}
.filter-revision-dialog__group .chzn-container-multi input {
  height: 15px !important;
}
.filter-revision-dialog__group .FilterRevisionByGroup {
  top: 8px;
  right: 13px;
}
.filter-revision-dialog__group input {
  width: 292px !important;
}
.filter-revision-dialog__group .chzn-drop {
  width: 300px !important;
}
.filter-revision-dialog__from-label {
  padding-right: 8px;
}
.filter-revision-dialog__to-label {
  padding: 0px 8px;
}
.filter-revision-dialog__multiple div {
  float: left;
}
.filter-revision-dialog__multiple input {
  width: 364px;
}
.filter-revision-dialog__multiple .CommandAction.material-icons {
  padding: 0;
  margin-top: 4px;
}
.filter-revision-dialog__multiple__date {
  padding-top: 8px;
}
.filter-revision-dialog__add-date {
  padding-top: 8px;
}
.filter-revision-dialog .date-options {
  clear: both;
}
.ExportAction__options {
  padding: 0 32px;
}
.dashboard-widget__wrapper > .contexthelp {
  color: #0032a0;
  font-size: 14px;
  margin-top: 8px;
  margin-left: -6px;
  visibility: hidden;
}
.dashboard-widget__wrapper:hover > .contexthelp {
  visibility: visible;
}
.dashboard-widget__wrapper {
  display: flex;
}
.goToWikiContainer {
  display: inline-block;
  margin-top: 24px;
}
.goToWikiContainerSingleValue {
  margin: 8px;
}
.goToWikiLinkComponentValue {
  margin: -8px;
}
.DeleteFromGrid-confirmation .allNoneWidget span.gwt-CheckBox {
  margin-left: 8px;
  margin-right: 8px;
}
.classification_specific_component {
  margin-bottom: 24px;
}
.empty-state-widget-outer {
  display: table;
  height: 100%;
  width: 100%;
}
.empty-state-widget-outer .empty-state-widget-inner {
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.empty-state-widget-outer .empty-state-widget-inner .empty-state-widget-label {
  height: 20px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.38);
  margin-top: 40px;
  margin-bottom: 8px;
}
.empty-state-widget-outer .empty-state-widget-inner .empty-state-widget-icon {
  height: 64px;
  font-size: 64px;
  color: rgba(0, 0, 0, 0.12);
  padding-top: 22px;
  margin-bottom: 40px;
}
.empty-state-widget-outer.horizontal {
  width: 0px;
}
.empty-state-widget-outer.horizontal .empty-state-widget-inner {
  display: flex;
  flex-direction: row-reverse;
}
.empty-state-widget-outer.horizontal .empty-state-widget-inner .empty-state-widget-label {
  font-size: inherit;
  padding-top: 2px;
  white-space: nowrap;
}
.empty-state-widget-outer.horizontal .empty-state-widget-inner .empty-state-widget-icon {
  height: 20px;
  font-size: 20px;
  padding: 0px 8px;
  margin-top: 40px;
  margin-bottom: 8px;
}
.ReverseReferenceValue .empty-state-widget-outer.horizontal .empty-state-widget-inner .empty-state-widget-label {
  margin-top: 3px;
  margin-bottom: 0px;
}

/* ========= END PortalBaseStyle ========= */
/* ======== BEGIN PortalImpersonationStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stb-ImpersonationWidget.dashboard-widget-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.stb-ImpersonationWidget-content {
  margin: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.stb-ImpersonationWidget-content-impersonator {
  position: relative;
}
.stb-ImpersonationWidget-content-impersonator__phrase {
  white-space: nowrap;
  margin-left: 24px;
}
.stb-ImpersonationWidget-content-impersonator__phrase::before {
  font-family: 'Material Icons';
  /* 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';
  left: -2px;
  top: -4px;
  content: 'person';
  font-size: 24px;
  position: absolute;
  color: rgba(0, 0, 0, 0.38);
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.stb-ImpersonationWidget-content-impersonator__phrase:hover::before {
  color: rgba(0, 0, 0, 0.54);
}
.stb-ImpersonationWidget-content-impersonator__phrase:active::before,
.stb-ImpersonationWidget-content-impersonator__phrase:focus::before {
  color: #000000;
}
.stb-ImpersonationWidget-content-old-phrase {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 8px;
}
.stb-ImpersonationWidget-content-old-phrase__header {
  margin-top: 16px;
}
.stb-ImpersonationWidget-content-old-phrase__link {
  margin-top: 8px;
}
.stb-ImpersonationWidget-content-old-phrase__link:first-of-type {
  margin-top: 0;
}

/* ========= END PortalImpersonationStyle ========= */
/* ======== BEGIN PortalImporter ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/*CSS for importer widget stuff*/
.import-Widget.stb-Widget-content .stibo-Dropdown-wrapper {
  width: 160px;
  margin: 6px 0 6px 0;
}
.import-Widget.stb-Widget-content .stibo-Dropdown-wrapper .stibo-Dropdown {
  background-position: 142px;
}
.imports-wizard-step1 td {
  height: 20px;
}
.imports-wizard-step1 .CreatePanel .gwt-Label {
  font-weight: bold;
}
.imports-wizard-step1 .CreatePanel .category-field {
  width: 206px !important;
}
.imports-wizard-step1 .radio {
  vertical-align: top;
}
.imports-wizard-step1 .radio label {
  font-weight: bold;
}
.imports-wizard-step1 .stibo-Dropdown-wrapper.ObjectType {
  width: 204px;
}
.imports-wizard-step1 .stibo-Dropdown-wrapper.ObjectType select {
  background-position: 186px center;
}
.imports-wizard-step1 .ObjectType.novalid-ot {
  font-weight: normal !important;
  color: #fc4c02;
}
.imports-wizard-step1 .ObjectType.single-ot {
  font-weight: normal !important;
}
/*imports-wizard-step2*/
div.HeaderPanel:after {
  content: " ";
  display: block;
  clear: both;
}
.imports-wizard-step2 {
  position: relative;
  margin-right: 32px;
  margin-left: 32px;
}
.IdentifierSelector .heading {
  font-weight: bold;
}
.IdentifierSelector td {
  padding: 4px;
}
.AttributesTable .heading {
  line-height: 20px;
}
.AttributeWidget.mapped .indicator {
  background-image: url(gfx/sekset/approved.png);
}
.AttributeWidget .indicator {
  height: 15px;
  float: left;
  width: 12px;
}
.AttributeWidget .treeItem {
  margin-left: 6px;
}
.imports-wizard-step2 .Statistics {
  margin-bottom: 8px;
  float: right;
}
.imports-wizard-step2 .data-mapping div {
  width: 230px;
}
.imports-wizard-step2 .data-mapping input {
  border: 0 none;
  float: left;
  height: 20px;
  width: 200px;
}
.gwt-SuggestBoxPopup .treeItem {
  margin-left: 0;
}
.imports-wizard-step2 .data-mapping input.treeItem {
  margin-left: 8px;
  width: 180px;
}
.imports-wizard-step2 .edit-mapping {
  background: url("gfx/sekset/edit_field.png") no-repeat scroll 0 center transparent;
  float: right;
  height: 24px;
  width: 16px;
  cursor: pointer;
  padding-right: 0px;
}
/*---*/
.imports-wizard-step2 .data-mapping .stibo-Dropdown-wrapper select {
  background-position: 132px;
}
.imports-wizard-step2 .data-mapping .stibo-Dropdown-wrapper {
  width: 150px;
}
/*test data table*/
.imports-wizard-step2 .test-data-scroll {
  margin-top: 8px;
}
.imports-wizard-step2 .DataGrid .data-mapping .stibo-Dropdown-wrapper {
  border: 0;
}
.imports-wizard-step2 .DataGrid .mapped {
  background-color: #daefdb;
}
.imports-wizard-step2 .DataGrid-unmapped-column .data-value.unmapped {
  color: #a8a8a8;
}
/*hiding of mapped columns*/
.imports-wizard-step2 .DataGrid.hide-mapped .mapped {
  display: none;
  visibility: collapse;
}
.imports-wizard-step2 .DataGrid .data-name {
  font-weight: bold;
}
.imports-wizard-step2 .DataGrid .data-value.validation-error,
.imports-wizard-step2 .DataGrid .data-name.validation-error {
  color: #fc4c02;
}
.imports-wizard-step2 .DataGrid .gwt-SuggestBox {
  padding-left: 0px;
}
/*edit mapping*/
.EditMapping {
  margin: 0 32px;
}
.EditMapping .ChoicePanel {
  width: 100%;
}
.EditMapping .ChoicePanel .mapping-types-dropdown {
  width: 100%;
}
.EditMapping .ChoicePanel .stibo-Dropdown-wrapper {
  margin-left: 8px;
}
.EditMapping .ChoicePanel .stibo-Dropdown-wrapper > select {
  width: 100%;
}
.EditMapping .SubPanel {
  margin-top: 16px;
  width: 344px;
  height: 420px;
}
.EditMapping .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border: 0;
}
.EditMapping .SubPanel .stb-tree {
  padding-top: 8px;
  box-sizing: border-box;
}
.EditMapping .SubPanel .gwt-Label.error-label {
  float: right;
  line-height: 20px;
  color: #fc4c02;
}
.EditMapping .AttributePanel {
  height: 100%;
}
.EditMapping .ReferencePanel {
  height: calc(100% - 32px);
}
.EditMapping .Stibo-CellList {
  overflow: auto;
  height: 100%;
}
.KeyIDReference-Dropdown {
  margin-top: 8px;
  width: 100%;
}
.Stibo-CellList div div:hover {
  background-color: #ECEBEB;
}
.Stibo-CellList .selected {
  background: undefined;
}
.Stibo-CellList div div.selected:hover,
.Stibo-CellList div div.selected div:hover {
  background-color: undefined;
}
.Stibo-CellList .treeItem {
  margin-left: 6px;
}
.imports-wizard-step2 .IdentifierSelector {
  float: left;
}
.EditMapping .NodePickerPage {
  padding-left: 0;
}
.EditMapping .NodePickerPage .SearchPanel {
  position: relative;
}
.EditMapping .NodePickerPage .SearchPanel i {
  position: absolute;
  right: 8px;
  top: 4px;
}
.import-dialog {
  min-width: 362px;
}
.import-dialog > div > table {
  width: 100%;
}
.import-dialog .radio {
  vertical-align: top;
}
.import-dialog__content {
  padding: 0 32px;
}
.import-dialog .CreatePanel {
  padding-top: 4px;
}
.import-dialog .CreatePanel .gwt-SuggestBox {
  width: 302px;
  margin-left: 8px;
}
.import-dialog .CreatePanel .category-label {
  font-weight: normal;
}
.import-dialog .CreatePanel .gwt-Label {
  font-weight: normal;
  color: #8d8c8e;
}
.import-dialog .CreatePanel .dropdown.ObjectType {
  width: 206px;
  margin-top: 8px;
}
.import-dialog .ObjectType {
  padding-top: 6px;
  position: relative;
  margin-left: 8px;
  color: #414042 !important;
}
.import-dialog .ObjectType::before {
  top: 6px;
}
.import-dialog .ObjectType.portal-alert-header--error {
  color: #fc4c02 !important;
}

/* ========= END PortalImporter ========= */
/* ======== BEGIN PortalMultiReference ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.ReferenceShown-label {
  color: #5b9b36;
}
.ReferenceSuppressed-label {
  color: #cd181b;
}
i.add-reference.material-icons {
  position: absolute;
  top: 5px;
  right: 3px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.38);
}
i.add-reference.material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
i.add-reference.material-icons:active,
i.add-reference.material-icons:focus {
  color: #000000;
}

/* ========= END PortalMultiReference ========= */
/* ======== BEGIN PortalPopupDialog ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.gwt-PopupPanelGlass {
  background-color: rgba(0, 0, 0, 0.33);
  opacity: 0.4;
  z-index: 199;
}
.gwt-DialogBox,
.gwt-PopupPanel {
  background-color: white;
  border: solid 1px #C3C3C3;
  border-radius: 4px;
  z-index: 200;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.33);
}
.portal-popup-header {
  cursor: move;
  width: 100%;
}
.portal-popup-header__title {
  font-size: 20px;
  padding: 24px 32px 16px 32px;
}
.portal-popup-buttons {
  background-color: #EEEEEE;
  height: 72px;
}
.modal-dialog .button-panel {
  position: absolute;
  right: 0;
  bottom: 0;
}
.prompt-message__content__message {
  padding: 0 32px;
}

/* ========= END PortalPopupDialog ========= */
/* ======== BEGIN PortalSearchStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.portal-search__suggest-box {
  width: 100%;
  border: none;
  margin: 5px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-right: 30px;
  margin-left: 16px;
}
.portal-search__suggest-box:focus {
  outline: none;
}
.portal-search__suggest-box::-ms-clear {
  display: none;
}
.portal-search__button {
  cursor: pointer;
  position: absolute;
  margin-right: 6px;
  top: 0;
  right: 0;
  margin-top: 6px;
}
.portal-search__top {
  border-color: #EEEEEE;
  min-height: 25px;
  border-width: 1px 0;
  position: relative;
  overflow: hidden;
}
.portal-search__bottom {
  padding-top: 16px;
  padding-left: 16px;
}
.portal-search__bottom > div {
  padding-bottom: 8px;
}

/* ========= END PortalSearchStyle ========= */
/* ======== BEGIN ProductVariant ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.VariantsMatrixView .ValueSection {
  margin-left: 32px;
}
.VariantsMatrixView .ValueSection .FormFieldTable {
  padding-left: 8px;
}
.VariantsMatrixView .gwt-CheckBox.FormFieldWidget {
  padding-top: 4px;
}
.VariantsMatrixView .matrix {
  margin: 32px 16px 0 32px;
}
.LOVValueSelectorPanel .gwt-ListBox {
  width: 256px;
  height: auto !important;
}
.LOVValueSelectorPanel .gwt-Label {
  font-size: 12px;
}
.LOVValueSelectorPanel .add-remove-buttons {
  width: 32px;
}
.LOVValueSelectorPanel .add-remove-buttons div {
  margin: 16px auto;
  cursor: pointer;
  height: 16px;
}
.LOVValueSelectorPanel .add-remove-buttons div.button-right {
  background: url("gfx/sekset/right.png") no-repeat scroll center center transparent;
}
.LOVValueSelectorPanel .add-remove-buttons div.button-left {
  background: url("gfx/sekset/left.png") no-repeat scroll center center transparent;
}
.variants-content .infoLabel {
  float: right;
  font-weight: bold;
  padding-right: 32px;
}
.infoLabel.CombinationWarning {
  color: #fc4c02;
}
.variants-content .FormFieldTable .fieldtitle {
  padding: 8px 0;
}
.variants-content .variants-scrollPanel {
  max-height: 500px;
}
.variants-scrollPanel .FormFieldTable .fieldtitle {
  padding: 0;
}
.PreviewVariants .DataGrid {
  margin: 0 32px;
}
.PreviewVariants .pager {
  margin-left: 32px;
}
.variant-tooltip__table {
  border: none !important;
  width: 100%;
}
.variant-tooltip__table tr > td:first-of-type {
  padding-left: 16px;
}
.variant-tooltip__table tr > td:last-of-type {
  padding-right: 16px;
}
.variant-tooltip__table tr:last-of-type > td {
  border-bottom: none;
}

/* ========= END ProductVariant ========= */
/* ======== BEGIN ResizableTabPanelStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.resizable-tabs {
  padding-left: 8px;
}
.resizable-tabs-wrapper {
  border-bottom: 1px solid #C3C3C3;
}
.resizable-tabs__left_arrow {
  cursor: pointer;
  color: #8d8c8e;
  position: absolute;
  padding-top: 12px;
  top: 0;
  left: 0;
  margin-left: 32px;
}
.resizable-tabs__left_arrow:hover {
  color: #414042;
}
.resizable-tabs__right_arrow {
  cursor: pointer;
  color: #8d8c8e;
  position: absolute;
  padding-top: 12px;
  top: 0;
  right: 8px;
}
.resizable-tabs__right_arrow:hover {
  color: #414042;
}
.stb-tabPanel .stb-tabPanel .resizable-tabs__left_arrow,
.stb-tabPanel .stb-tabPanel .resizable-tabs__right_arrow {
  padding-top: 4px;
}
.tabs-panel-tab {
  height: 48px;
  cursor: pointer;
  color: #676668;
}
.tabs-panel-tab .attention {
  color: #ffd200;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 12px;
}
.tabs-panel-tab:hover {
  color: #414042;
}
.tabs-panel-tab:after {
  display: block;
  background: #C3C3C3;
  width: 100%;
  position: absolute;
  top: 48px;
  height: 1px;
  content: '';
}
.tabs-panel-tab-inner {
  padding: 16px 24px;
}
.tabs-panel-tab--selected {
  color: #414042;
  cursor: default;
}
.tabs-panel-tab--selected:after {
  display: block;
  background: #000000;
  width: 100%;
  position: absolute;
  top: 46px;
  height: 3px;
  content: '';
}
.tabs-panel-tab--selected:hover {
  cursor: default;
}
.tabs-panel-tab--selected:hover:after {
  display: block;
  background: #000000;
  width: 100%;
  position: absolute;
  top: 46px;
  height: 3px;
  content: '';
}
.stb-tabPanel .stb-tabPanel > div:nth-child(2) {
  height: 34px !important;
}
.stb-tabPanel .stb-tabPanel > div:nth-child(3) {
  top: 34px !important;
}
.stb-tabPanel .stb-tabPanel .tabs-panel-tab-inner {
  padding-top: 8px;
  padding-bottom: 8px;
}
.stb-tabPanel .stb-tabPanel .tabs-panel-tab {
  height: 32px;
}
.stb-tabPanel .stb-tabPanel .tabs-panel-tab--selected:after {
  top: 30px;
}
.gwt-TabBar {
  border-bottom: 1px solid #C3C3C3;
  height: 48px;
  margin-top: -1px;
}
.gwt-TabBarItem {
  height: 48px;
  cursor: pointer;
  color: #676668;
  position: relative;
}
.gwt-TabBarItem.gwt-TabBarItem-selected {
  color: #414042;
  cursor: default;
}
.gwt-TabBarItem.gwt-TabBarItem-selected:after {
  display: block;
  background: #000000;
  width: 100%;
  position: absolute;
  top: 46px;
  height: 3px;
  content: '';
}
.gwt-TabBarItem > div {
  padding: 16px;
}
.gwt-TabBarItem:hover {
  color: #414042;
}
.nodeselector .gwt-TabBarFirst-wrapper {
  display: none;
}
.nodeselector .gwt-TabBar {
  padding-left: 8px;
}
.nodeselector .gwt-TabBar .gwt-TabBarItem-wrapper {
  padding: 0 24px;
}
.gwt-TabLayoutPanelTabs {
  border-bottom: 1px solid #C3C3C3;
}
.gwt-TabLayoutPanelTabs > .gwt-TabLayoutPanelTab {
  height: 48px;
  cursor: pointer;
  color: #676668;
}
.gwt-TabLayoutPanelTabs > .gwt-TabLayoutPanelTab > .gwt-TabLayoutPanelTabInner {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
}
.gwt-TabLayoutPanelTabs > .gwt-TabLayoutPanelTab-selected {
  cursor: default;
}
.gwt-TabLayoutPanelTabs > .gwt-TabLayoutPanelTab-selected:after {
  display: block;
  background: #000000;
  width: 100%;
  position: absolute;
  top: 46px;
  height: 3px;
  content: '';
}
.gwt-DialogBox.nodeselector .stb-ResizablePanel {
  min-height: 440px;
  min-width: 540px;
}

/* ========= END ResizableTabPanelStyle ========= */
/* ======== BEGIN Stateflow ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.WorkflowIcons .selected i.material-icons,
.status-selector__assignees .selected i.material-icons {
  color: #000000;
}
.WorkflowIcons i.material-icons,
.status-selector__assignees i.material-icons {
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer;
  font-size: 32px;
}
.WorkflowIcons i.material-icons.selected,
.status-selector__assignees i.material-icons.selected {
  color: #000000;
  cursor: default;
  pointer-events: none;
}
.WorkflowIcons i.material-icons.selected:hover,
.status-selector__assignees i.material-icons.selected:hover {
  color: #000000;
}
.WorkflowIcons i.material-icons:hover,
.status-selector__assignees i.material-icons:hover {
  color: rgba(0, 0, 0, 0.54);
}
.WorkflowIcons i.material-icons:active,
.status-selector__assignees i.material-icons:active,
.WorkflowIcons i.material-icons:focus,
.status-selector__assignees i.material-icons:focus {
  color: #000000;
}
.WorkflowIcons .selected > div > i:hover,
.status-selector__assignees .selected > div > i:hover {
  color: #000000;
  cursor: default;
}
.status-selector__sidebar .status-selector__group-icon:last-of-type {
  margin-right: 2px;
}
.submitError .dialogContent {
  max-height: 400px;
  overflow-y: auto;
}
.submitError .portal-popup-content {
  padding: 0 32px 32px;
}
.submitError .portal-popup-content .title {
  font-weight: bold;
}
.submitError .portal-popup-content .name {
  padding-right: 16px;
  padding-top: 8px;
}
.submitError .portal-popup-content .message {
  padding-top: 8px;
}
.submitError .portal-popup-content .rowSpace {
  height: 10px;
}

/* ========= END Stateflow ========= */
/* ======== BEGIN StatusSelectorStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.dashboard__widget--double .status-selector__content > tbody > tr:last-of-type > td {
  max-width: 486px !important;
}
.status-selector {
  font-size: 14px;
}
.status-selector__assignees {
  width: 100%;
  text-align: right;
}
.status-selector__group-icon {
  width: 32px;
}
.status-selector__group-icon:last-of-type {
  margin-right: 16px;
}
.status-selector__states {
  width: 100%;
}
.status-selector__states tr:hover {
  background-color: #EEEEEE;
}
.status-selector__states tr div:first-of-type {
  margin-left: 16px;
}
.status-selector__states td {
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
  height: 24px;
}
.status-selector__states td:last-of-type div:last-of-type {
  margin-right: 16px;
  text-align: right;
}
.status-selector__link {
  cursor: pointer;
  align-items: center;
  height: auto;
}
.status-selector__flag-header {
  width: auto;
  justify-content: center;
  text-align: center;
  margin: auto !important;
}
.status-selector__counter-cell {
  margin-left: 0 !important;
  justify-content: center;
  text-align: center;
  text-decoration: underline;
}
.status-selector__content {
  width: 100%;
}
.status-selector__content > tbody > tr:last-child:nth-child(4) > td {
  display: block;
  max-width: 222px;
  max-height: 160px;
}
.status-selector__content > tbody > tr:last-child:nth-child(3) > td {
  display: block;
  max-width: 222px;
  max-height: 200px;
}
.status-selector__content > tbody > tr:last-child:nth-child(2) > td {
  display: block;
  max-width: 222px;
  max-height: 238px;
}
.status-selector__content.scroll > tbody > tr:last-child > td {
  overflow-y: auto;
}
.status-selector__content .workflow-states-wrapper {
  max-height: 226px;
}
.status-selector__collectionfilter {
  width: 100%;
  font-size: 14px;
  height: 32px;
  color: #414042;
  border: solid 1px #C3C3C3;
  box-sizing: border-box;
  border-left: 0;
  border-right: 0;
  background-color: #EEEEEE;
  margin-top: 8px;
}
.status-selector__filter-selection {
  width: 182px;
  padding-left: 16px;
}
.status-selector__search-button {
  position: absolute;
  right: 16px;
  top: 39px;
}
.status-selector__clear-button {
  position: absolute;
  right: 40px;
  top: 38px;
}
.status-selector__clear-button .material-icons {
  font-size: 16px;
}
.status-selector__item--disabled {
  color: #C3C3C3;
}
.filter-selector {
  width: 100%;
  flex: 9;
  overflow: auto;
}
.filter-selector__collection-icon {
  background: url("gfx/sekset/collection.png") no-repeat 0 0;
  background-position: 8px 5px;
}
.filter-selector__collection-group-icon {
  background: url("gfx/sekset/collection_group.png") no-repeat 0 0;
  background-position: 1px 5px;
}
.filter-selector__trading-terms-icon {
  background: url("gfx/sekset/trading_terms.png") no-repeat 0 0;
  background-position: 1px 5px;
}
.filter-selector .row.hidden {
  display: none;
}
.filter-selector .row {
  cursor: pointer;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-bottom: 4px;
}
.filter-selector .row td {
  min-width: 15px;
}
.filter-selector .row:hover {
  border-radius: 2px;
  background-color: #C3C3C3;
}
.filter-selector .row.selected {
  background-color: #000000;
  color: #ffffff;
  border-radius: 2px;
}
.filter-selector .row .gwt-Label {
  padding-left: 22px;
  padding-top: 4px;
  line-height: 16px;
}
.filter-selector .stibo-w-icon {
  margin-left: 2px;
}
.portal-popup.FilterSelectorPopupDialog .portal-popup-content {
  overflow: auto;
  width: 480px;
  min-width: 200px;
  height: 400px;
  min-height: 242px;
  padding: 16px 32px 0 32px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.portal-popup.FilterSelectorPopupDialog .stb-ResizablePanel .portal-popup-content .portal-alert-buttons {
  align-self: flex-end;
  padding: 16px 0px;
}
.stb-filterselector .content {
  padding: 0;
}
.stb-filterselector .row:hover {
  background-color: #ECEBEB;
  border-radius: 5px;
}
.stb-filterselector .row.selected {
  background-color: #ECEBEB;
  border-radius: 5px;
}
.status-selector__sidebar {
  position: relative;
  padding: 16px 24px 16px 32px;
}
.status-selector__sidebar .status-selector__workflow-title {
  position: absolute;
  top: 19px;
  max-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 125px);
}
.status-selector__sidebar .status-selector__collectionfilter {
  border-left: solid 1px #C3C3C3;
  border-right: solid 1px #C3C3C3;
}
.status-selector__sidebar .status-selector__search-button {
  right: 16px;
  top: 55px;
}
.status-selector__sidebar .status-selector__clear-button {
  right: 39px;
  top: 53px;
}
.status-selector__sidebar .status-selector__group-icon {
  margin-right: 2px;
}
.status-selector__sidebar .status-selector__content > tbody > tr:last-child > td {
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.status-selector__sidebar .status-selector__initiate-link-wrapper {
  padding-left: 0;
}
.status-selector__sidebar .status-selector__states tr div:first-of-type {
  margin-left: 0;
}
.status-selector__sidebar .status-selector__link {
  display: flex;
  text-align: left !important;
}
.status-selector__sidebar .status-selector__counter-cell {
  display: block !important;
  text-align: right !important;
}
.status-selector__sidebar .status-selector__flag-header {
  text-align: right;
}
.status-selector__sidebar td:last-of-type div:last-of-type {
  text-align: right;
}
.stb-StackPanel .statusSelector {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 0 8px 32px;
  margin-left: 0 !important;
}
.stb-StackPanel .statusSelector > tbody {
  width: 100%;
}
.stb-StackPanel .statusSelector > tbody > tr {
  display: block;
  width: 100%;
}
.stb-StackPanel .statusSelector > tbody > tr > td {
  width: 100%;
  display: block;
}
.stb-StackPanel .statusSelector .WorkflowTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.stb-StackPanel .statusSelector .workflow-states-table > tbody > tr:last-child > td {
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.stb-StackPanel .statusSelector .NodePickerIcon {
  top: 6px;
}
.stb-StackPanel .statusSelector .header-advanced > tbody {
  width: 100%;
}
.stb-StackPanel .statusSelector .initiate-state-panel {
  padding-left: 0px;
}
.stb-StackPanel .statusSelector .WorkflowStates tr a:first-of-type {
  margin-left: 0px;
}
.stb-StackPanel .statusSelector .WorkflowIcons {
  right: 0px;
}
.stb-StackPanel .statusSelector .WorkflowFilter {
  position: relative;
  border-left: solid 1px #C3C3C3;
  border-right: solid 1px #C3C3C3;
}
.stb-StackPanel .statusSelector .statusCount {
  text-align: right;
  padding-right: 16px;
}
.stb-StackPanel .statusSelector .workflow-states-wrapper {
  max-height: inherit;
}

/* ========= END StatusSelectorStyle ========= */
/* ======== BEGIN StepperStyles ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.stepper-popup {
  overflow: hidden;
}
.stepper-popup .stepper-popup-content {
  height: calc(100vh - 128px);
  width: 90vw;
  display: flex;
  flex-direction: column;
}
.stepper-popup .stepper-popup-content .stepper-selected-content {
  padding: 0 32px;
  flex: 1;
}
.stepper-popup .stepper-popup-content .stepper-selected-content .gwt-Label {
  padding-left: 32px;
  padding-top: 32px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar {
  padding-bottom: 32px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar div,
.stepper-popup .stepper-popup-content .stepper-selector-bar span {
  display: inline;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-mandatory-fields {
  padding-top: 10px;
  padding-left: 30px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-mandatory-fields-separator {
  height: 24px;
  border-right: 1px solid #C3C3C3;
  margin-top: 6px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-left-scroller {
  position: absolute;
  height: 48px;
  width: 100px;
  z-index: 99;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #FFFFFF);
  pointer-events: none;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-left-scroller .arrow {
  margin-top: 16px;
  margin-left: 0px;
  color: #979797;
  cursor: pointer;
  pointer-events: all;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-right-scroller {
  position: absolute;
  left: -webkit-calc(100% - 100px);
  left: -moz-calc(100% - 100px);
  left: calc(100% - 100px);
  height: 48px;
  width: 100px;
  z-index: 99;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF);
  pointer-events: none;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-right-scroller .arrow {
  margin-top: 16px;
  margin-left: 80px;
  color: #979797;
  cursor: pointer;
  pointer-events: all;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-outer-panel {
  display: grid;
  margin-right: 48px;
  margin-top: 6px;
  overflow: hidden;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel {
  height: 24px;
  position: absolute;
  z-index: 1;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps-background {
  height: 1px;
  background: #c3c3c3;
  position: absolute;
  top: 11px;
  margin: 0 60px;
  z-index: -1;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step {
  width: 120px;
  text-align: center;
  font-size: 13px;
  margin: 0 5px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-number-wrapper {
  display: table;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-number-wrapper .stepper-step-number {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #c3c3c3;
  color: #FFFFFF;
  -webkit-transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 0 6px #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-title {
  color: #c3c3c3;
  -webkit-transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step.selected .stepper-step-number {
  background-color: #000000;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step.selected .stepper-step-title {
  color: inherit;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch {
  padding: 8px;
  padding-left: 16px;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 9px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0px;
  width: 16px;
  height: 16px;
  background: #f0f0f0;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label:active::before {
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px rgba(128, 128, 128, 0.2);
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input {
  display: none;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label {
  background: #808080;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label::before {
  left: 12px;
  background: #000000;
}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label:active::before {
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.stepper-popup .stepper-popup-content .stepper-button-panel {
  padding: 32px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  float: initial;
}
.stepper-popup .stepper-selected-content .DisplayMode-multiedit > div > .gwt-Label {
  display: none;
}

/* ========= END StepperStyles ========= */
/* ======== BEGIN SystemSetup ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.CreateAttributeOrLOVActionButton .icon {
  background-image: url("gfx/sekset/widget/create_button.png");
}
.DimensionDependencies {
  width: 306px;
  height: 20px;
}
.DimDepPopup {
  width: 344px;
}
.DimDepPopup__message {
  margin: 8px 32px 0 32px;
}
.DimDepPriorityPopup {
  max-height: calc(100vh - 256px);
  margin: 0 32px;
  padding: 1px;
  width: 280px;
}
.DimDepField + .NodePickerIcon {
  margin-left: -24px;
  margin-top: 6px;
}
.LOVValidationField {
  width: calc(100% - 6px);
}
.ValidationBaseTypeContainer .NodePickerIcon {
  margin-left: -21px;
}
.ValidationBaseTypeContainer {
  width: 440px;
  padding-top: 4px;
}
.ValidationBaseTypeContainer > tbody > tr:nth-of-type(n + 2) > td > .ValidationFieldWrapper {
  margin-top: 4px;
}
.TextValidationField {
  width: 100%;
}
.DropdownValidationField {
  width: 100% !important;
}
.DropdownValidationField .stibo-Dropdown {
  background-position: 186px center;
}
.ValidationFieldLabel {
  width: 144px;
  color: #8d8c8e;
}
.AttributeManagementSourceAction {
  background-image: url(gfx/temp/no.png);
}
.AttributeManagementAddAction {
  background-image: url(gfx/sekset/add_toolbar.png);
}
.AttributeManagementRemoveAction {
  background-image: url(gfx/sekset/delete_toolbar.png);
}
.AttributeManagementRemoveAction.disabled {
  background-image: url(gfx/sekset/delete_toolbar_dis.png);
}
.treeItem-objecttype-attributelinktype {
  background-image: url("gfx/LinkType.gif");
}
.DndReorderBox {
  height: 30px;
}
.DndReorderBox.under {
  border: 1px dashed #a8a8a8;
  color: white;
  background-color: white;
}
.DndReorderBox.under div {
  background-image: initial;
  background-color: white;
  border-color: white;
}
.DndReorderBox .DragHandle {
  background: url(gfx/sekset/row-dragger.png) no-repeat center;
  background-color: #777;
  width: 17px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #a8a8a8;
  height: 34px;
}
.DndReorderBox .NameLabel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: white;
  background-color: #ddd;
  width: 225px;
  margin-left: 1px;
  padding: 9px;
}
.DimDepHeader {
  padding: 9px 0 2px 0px;
  font-weight: bold;
}
.DimDepHelpText {
  padding: 2px 0 2px 3px;
}
.AttributeReviseWorkspace {
  padding: 0 32px;
}
.AttributeHelperText {
  padding-bottom: 8px;
}
.AttributeReviseWorkspace .fieldtitle {
  padding-bottom: 8px;
}
.SelectWorkspaceLabel {
  font-weight: bold;
  padding-right: 6px;
}
.UnitsLine {
  margin-top: 8px;
  margin-bottom: 16px;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #C3C3C3;
}
.FormFieldWidget .UnitsLine {
  width: 440px;
}
.LovvList {
  margin: 32px;
  height: 100%;
}
.LovvList > .DataGrid {
  height: 100%;
}
.LovvList > .DataGrid > div:last-of-type {
  top: 34px !important;
  height: calc(100% - 110px) !important;
}
.LovvList > .DataGrid.extended select {
  border-width: 0;
  background-color: transparent;
}
.LovvList > .DataGrid.extended select:hover {
  border-width: 0;
}
.LovvList > .DataGrid.extended .value-cell.units input {
  width: calc(100% - 130px);
}
.LovvList > .DataGrid.extended .value-cell.units option[value=""] {
  color: rgba(0, 0, 0, 0.54);
}
.LovvList > .DataGrid.extended .value-cell.units select.empty {
  color: rgba(0, 0, 0, 0.54);
}
.LovvList > .DataGrid.extended .value-cell.units select.empty option:not([value=""]) {
  color: #414042;
}
.LovvList > .DataGrid.extended .value-cell input {
  width: calc(100% - 40px);
  padding: 0 8px;
  height: 28px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #C3C3C3;
}
.LovvList > .DataGrid.extended .value-cell input:focus {
  border-color: #000000;
  outline-color: #bfbfbf;
}
.LovvList > .DataGrid.extended .id-cell {
  color: rgba(0, 0, 0, 0.54);
}
.LovvList > .DataGrid.extended .lovv-row {
  height: 56px;
}
.LovvList > .DataGrid.extended .lovv-row:last-of-type > td {
  border-width: 0;
}
.LovvList > .DataGrid.extended .lovv-row:not(:last-of-type) > td {
  border-bottom: 2px solid #e6e6e6;
}
.LovvList > .DataGrid.extended > div:first-of-type table {
  border-width: 0;
}
.LovvList > .DataGrid.extended > div:last-of-type table {
  border-width: 0;
}
.LovvList > .DataGrid.extended .qualifier-selector::before {
  content: 'Value for';
}
.LovvList > .DataGrid.extended tr > th.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridHeader {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}
.SystemSetupGroupHeader {
  width: 100% !important;
  border-bottom: 1px solid #C3C3C3;
  font-size: 14px;
  padding-bottom: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.widgetColumn > .SystemSetupGroupHeader {
  width: 440px !important;
}
.SystemSetupDynamicGroupWrapper {
  position: relative;
}
.SystemSetupValidationInfo {
  position: absolute;
  left: 440px;
  top: 4px;
  background-image: url("gfx/sekset/warning.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 25px;
  height: 20px;
}
.SystemSetupPopupContent {
  padding: 0 32px;
}
.time-box-separator {
  color: #8d8c8e;
  padding: 8px 2px;
}

/* ========= END SystemSetup ========= */
/* ======== BEGIN TaskAssignment ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.AssignToMeButton .icon {
  background-image: url(gfx/sekset/white/assign_to_me.png);
}
.ReleaseTaskButton .icon {
  background-image: url(gfx/sekset/white/release_task.png);
}

/* ========= END TaskAssignment ========= */
/* ======== BEGIN TreeStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* Tree navigator itself should not be positioned in any kind (no margins/paddings) Put here position in different containers */
.left-panel .stb-tree,
.left-panel .stibo-Navigation,
.left-panel .stibo-AssetLink-wrapper,
.left-panel .stibo-Function-ClearBasketBlock,
.left-panel .stb-header,
.left-panel .statusSelector,
.left-panel .stb-ColumnsControl,
.left-panel .stb-ChangedSelection-container {
  box-sizing: border-box;
}
.left-panel .stb-tree.ltr {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100%;
}
.left-panel .stb-line {
  margin-left: 32px;
  margin-top: 8px;
  width: calc(100% - 32px);
}
.left-panel .status-selector__sidebar {
  padding-bottom: 0;
  padding-right: 0;
  overflow-y: auto;
}
.left-panel .stb-tree > div {
  left: 0px;
  box-sizing: border-box;
  overflow: visible;
}
.left-panel .treeItemWrap {
  display: block;
  width: 100%;
  table-layout: fixed;
}
.left-panel .treeRow {
  overflow: visible;
}
.left-panel .row-wrapper {
  width: 100%;
}
.nodeselector .NodePickerPage {
  height: 100%;
  box-sizing: border-box;
}
.nodeselector .NodePickerPage > table:first-of-type {
  display: flex;
  flex: 9;
}
.nodeselector .NodePickerPage > table:first-of-type > tbody {
  display: table;
}
.nodeselector .NodePickerPage table.button-panel {
  display: block;
}
.nodeselector .NodePickerPage > .SearchPanel__content {
  overflow: hidden;
}
.nodeselector .NodePickerPage > .SearchPanel__content > tbody {
  height: auto;
}
.nodeselector .portal-popup-content {
  min-width: 540px;
  min-height: 442px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.nodeselector > div {
  align-items: flex-end;
  flex: 0 0 60px;
}
.nodeselector .gwt-TabPanel {
  display: flex;
  flex: 9;
  flex-basis: 370px;
  overflow: hidden;
}
.nodeselector .gwt-TabPanel tbody {
  width: 100%;
  height: 100%;
}
.nodeselector .gwt-TabPanelBottom {
  overflow: hidden;
  overflow-y: auto;
  min-height: 1px;
  height: calc(100% - 64px);
  width: 100%;
}
.nodeselector .gwt-TabPanelBottom .NodePickerPage {
  padding-bottom: 0px;
}
.nodeselector .tabpage-data-table {
  width: 100% !important;
  cursor: pointer;
}
.nodeselector .tabpage-data-table th {
  color: #C3C3C3;
}
.nodeselector .tabpage-data-table table tbody tr:hover {
  background-color: #C3C3C3;
}
.nodeselector .tabpage-data-table > div > table:last-of-type {
  position: absolute;
  bottom: 13px;
  left: 8px;
}
.nodeselector .tabpage-data-table > div > table:last-of-type .gwt-HTML {
  margin-bottom: 4px;
}
.nodeselector .tabpage-data-table > div > table:last-of-type tr:hover {
  background-color: #fff;
}
.nodeselector .tabpage-data-table > div {
  min-height: 1px !important;
}
.nodeselector .stb-tree {
  width: 100%;
  overflow-x: hidden;
  height: auto;
}
.nodeselector.extAPI .gwt-TabPanelBottom {
  height: 100%;
}
.nodeselector.extAPI .gwt-TabPanelBottom .NodePickerPage {
  padding-bottom: 16px;
}
.nodeselector.extAPI .gwt-TabPanel.portal-popup-content {
  height: auto !important;
  width: auto !important;
}
.nodeselector.extAPI .stb-tree {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
}
.nodeselector.extAPI.nodeselector .NodePickerPage > table:first-of-type > tbody {
  display: block;
  overflow: auto;
}
.nodeselector.extAPI .ResultTable {
  min-height: inherit;
}
.nodeselector.extAPI.nodeselector .stb-ResizablePanel > tbody > tr > td > table > tbody {
  width: auto !important;
  min-height: 442px;
  height: auto !important;
}
.nodeselector.extAPI.nodeselector .stb-ResizablePanel > tbody > tr > td > table > tbody > tr {
  display: block;
}
.nodeselector.extAPI.nodeselector .stb-ResizablePanel > tbody > tr > td > table > tbody > tr > td {
  display: block;
}
.nodeselector.extAPI.nodeselector .nodelist {
  overflow-y: auto;
}
.nodeselector.stb-designmode-dialog .gwt-TabPanelBottom {
  height: 100%;
  width: 100%;
  overflow: hidden;
  min-height: 0;
}
.nodeselector.stb-designmode-dialog .stb-ResizablePanel {
  min-height: 452px;
}
.nodeselector.stb-designmode-dialog .gwt-TabPanel.portal-popup-content > tbody > tr:last-of-type {
  min-height: 300px;
  display: block;
  overflow: auto;
}
.nodeselector.stb-designmode-dialog .gwt-TabPanel.portal-popup-content > tbody > tr:first-of-type {
  display: block;
}
.nodeselector.stb-designmode-dialog .gwt-TabPanel.portal-popup-content > tbody > tr > td {
  display: table;
  width: 100%;
}
.nodeselector.stb-designmode-dialog .nodelist {
  overflow-x: auto;
}
.indicator-limit {
  background: url("gfx/sekset/cannot_open_folder.png") no-repeat center;
  color: transparent;
}
.indicator-none {
  color: transparent;
}
.indicator-closed {
  transform: rotate(270deg);
}
.rtl .indicator-closed {
  transform: rotate(90deg);
}
.indicator-loading {
  content: '';
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #C3C3C3;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
  font-size: 14px;
  margin: 4px;
  color: transparent;
}
.treeRow-selected .indicator-loading {
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: #ffffff;
}
.treeRow {
  box-sizing: border-box;
  color: #414042;
  vertical-align: middle;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}
.treeRow:hover {
  cursor: pointer;
}
.treeRow i {
  float: left;
  padding-top: 2px;
}
.treeRow:hover {
  background-color: #EEEEEE;
}
.treeRow.treeRow-selected {
  background-color: #000000;
  color: #ffffff;
}
.treeRow-selected .treeItem-objecttype-stibobackgroundprocessusertyperoot {
  background-image: url("gfx/sekset/bgp_tree_white.png");
}
.treeRow-selected .treeItem-asset {
  background-image: url("gfx/sekset/asset_white.png");
}
.treeItem {
  background-position: left center;
  white-space: nowrap;
  clear: none;
  height: 14px;
  padding: 4px 0 4px 20px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 2px 0;
}
.treeItem-Tooltip-PopupPanel {
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  padding: 2px 2px 2px 2px;
  z-index: 200;
}
.treeItem-Tooltip-PopupPanel .treeItem-Tooltip-InnerPanel {
  max-width: 220px;
  max-height: 300px;
  padding: 5px;
  overflow: hidden;
}
.treeItem-classification {
  background-image: url("gfx/sekset/classification_folder.png");
}
.treeItem-product {
  background-image: url("gfx/sekset/product_family.png");
}
.treeItem-collectiongroup {
  background-image: url("gfx/sekset/collection_group.png");
}
.treeItem-collection {
  background-image: url("gfx/sekset/collection.png");
  padding-left: 18px;
}
.treeItem-recyclebin {
  padding-left: 20px;
  position: relative;
}
.treeItem-recyclebin::before {
  font-family: 'Material Icons';
  /* 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';
  content: "delete";
  position: absolute;
  top: 2px;
  left: -2px;
  font-size: 20px;
}
/* Support for all WebKit browsers. */
/* Support for Safari and Chrome. */
/* Support for Firefox. */
/* Support for IE. */
.treeItem-asset {
  background-image: url("gfx/sekset/asset.png");
}
.treeItem-entity {
  background-image: url("gfx/sekset/entity.png");
}
.treeItem-referencetype {
  background-image: url("gfx/ReferenceType.gif");
}
.treeItem-assetreferencetype {
  background-image: url("gfx/AssetReference.gif");
}
.treeItem-classificationreferencetype {
  background-image: url("gfx/ClassificationReference.gif");
}
.treeItem-productreferencetype {
  background-image: url("gfx/ProductReference.gif");
}
.treeItem-entityreferencetype {
  background-image: url("gfx/EntityReference.gif");
}
.treeItem-attribute,
.treeItem-objecttype-stibonormalattribute {
  background-image: url("gfx/sekset/attribute_tree.png");
  padding-left: 19px;
}
.treeItem-datacontainer {
  background-image: url("gfx/sekset/datacontainer_tree.png");
}
.treeItem-datacontainertype {
  background-image: url("gfx/sekset/datacontainertype_tree.png");
}
.treeItem-objecttype-stibogroupingattribute,
.treeItem .treeItem.treeItem-attributegroup {
  background-image: url("gfx/sekset/attribute_group_folder.gif");
}
.treeItem-objecttype-domainusertyperoot {
  background-image: url("gfx/sekset/LOV_tree.png");
}
.treeItem-objecttype-listofvaluesgrouptype {
  background-image: url("gfx/sekset/attribute_group_folder.gif");
}
.treeItem-objecttype-groupusertyperoot {
  background-image: url("gfx/Groups.gif");
}
.treeItem-objecttype-stibobackgroundprocessusertyperoot {
  background-image: url("gfx/sekset/bgp_tree.png");
}
.treeItem-objecttype-operatorusertyperoot {
  background-image: url("gfx/User.gif");
}
.treeItem-objecttype-stibobusinessruleaction {
  background-image: url("gfx/sekset/attribute_group_folder.gif");
}
.treeItem-objecttype {
  background-image: url("gfx/sekset/object_type.png");
}
.treeItem-SetupGroup {
  background-image: url("gfx/sekset/entity.png");
}
.treeItem-objecttype-completenessmetrics {
  background-image: url("gfx/sekset/completeness-metric.png");
}
.treeItem-classificationproductlinktype {
  background-image: url("gfx/ProductClassificationLink.gif");
}
.treeItem-BusinessCondition,
.treeItem-SetupEntity {
  background-image: url("gfx/business-condition.png");
}
.treeItem-dimensionpoint {
  background-image: url("gfx/sekset/multi_facet_settings.png");
}
.treeItem-objecttype-stibostepworkflowprofiletype {
  background-image: url("gfx/sekset/tree/workflow_tree.png");
}
.treeItem-tradingterms {
  padding-left: 0;
}
.treeItem-unitgroup {
  background-image: url("gfx/sekset/Unit.gif");
}
.treeItem-unit {
  background-image: url("gfx/sekset/Unit.gif");
}
.treeItem-objecttype-contextqualifier {
  background-image: url("gfx/sekset/context.png");
}
.treeItem-objecttype-realworkspace {
  background-image: url("gfx/sekset/workspace.png");
}
.treeItem-objecttype-completenessmetric {
  background-image: url("gfx/sekset/completeness-metric.png");
}
.treeItem-file-icon {
  background-image: url("gfx/sekset/asset-color.png");
}
.treeItem-folder-icon {
  background-image: url("gfx/sekset/pink.png");
}
.nodeselector.extAPI.stb-designmode-dialog .gwt-TabPanel.portal-popup-content > tbody > tr:last-of-type {
  display: inherit;
}
.nodeappearance-dot {
  float: right;
  height: 8px;
  width: 8px;
  position: relative;
  top: 8px;
  border-radius: 5px;
  border: 1px solid white;
  margin-right: 12px;
}

/* ========= END TreeStyle ========= */
/* ======== BEGIN UserConfigurableViewsWidgetStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.uvc-view-context-menu-popup-height {
  height: 400px;
}
.UserConfigurableViewsWidget .uvc-views-table {
  width: 100%;
}
.UserConfigurableViewsWidget .uvc-views-table .uvc-views-table-row--selected {
  background-color: #e6e6e6;
}
.UserConfigurableViewsWidget .uvc-views-table td {
  height: 32px;
  border: none;
}
.UserConfigurableViewsWidget .uvc-views-table td i {
  font-size: 16px;
  margin-right: 4px;
  margin-left: 8px;
}
.UserConfigurableViewsWidget .uvc-views-table td .ellipsis {
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.UserConfigurableViewsWidget .uvc-views-table td .uvc-editViewButton {
  cursor: pointer;
}
.UserConfigurableViewsWidget .user-configurable-views__add-views-link {
  padding-top: 14px;
  padding-left: 8px;
  border-top: 1px solid #C3C3C3;
}
.uvc-EditView-scroll {
  max-height: 440px;
}
.PortalPopup .PopupBody .SortableList {
  max-height: 50vh;
}
.delete-dialog-content {
  margin: 0 32px;
}
.view-name-dialog-content {
  margin: 0 32px;
}
.view-name-dialog-content__header {
  font-size: 12px;
  color: #C3C3C3;
}
.view-name-dialog-content__text-box {
  margin-top: 8px;
}
.view-name-dialog-content__radio-button-group {
  margin-top: 8px;
}
.view-name-dialog-content__radio-button-group .gwt-RadioButton:nth-of-type(n + 2) {
  margin-left: 16px;
}
.share-dialog-content {
  margin: 0 32px;
}
.share-dialog-content__checkbox-wrapper {
  margin-top: 8px;
}

/* ========= END UserConfigurableViewsWidgetStyle ========= */
/* ======== BEGIN UserWidgetStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.user-widget__label {
  font-size: 14px;
  display: inline-block;
}
.user-widget__label--capital {
  font-size: 14px;
  text-transform: uppercase;
  max-height: 42px;
  text-overflow: ellipsis;
  padding-right: 16px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-top: 8px;
}
.user-widget__content {
  padding-top: 16px;
  height: calc(100% - 80px);
  padding-left: 16px;
}
.user-widget__buttons {
  text-align: center;
}
.user-widget__corner-bar {
  position: absolute;
  top: 60px;
  left: 14px;
}
.user-widget__corner-bar div {
  position: relative;
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer;
}
.user-widget__corner-bar div:hover {
  color: rgba(0, 0, 0, 0.54);
}
.user-widget__corner-bar div:active,
.user-widget__corner-bar div:focus {
  color: #000000;
}
.user-widget__corner-bar div a {
  margin-left: 8px;
  height: 24px;
  position: absolute;
  width: 160px;
  top: 5px;
}

/* ========= END UserWidgetStyle ========= */
/* ======== BEGIN VisStyles ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}
.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}
/* override some bootstrap styles screwing up the timelines css */
.vis [class*="span"] {
  min-height: 0;
  width: auto;
}
div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}
div.vis-configuration-wrapper {
  display: block;
  width: 700px;
}
div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #ffffff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}
div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}
div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #ffffff;
}
div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}
div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: bold;
}
div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}
div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px;
}
div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px;
}
div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444444;
  border-radius: 2px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}
input.vis-configuration.vis-config-checkbox {
  left: -5px;
}
input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  /*height:13px;*/
  padding: 1px;
  margin: 0;
  pointer-events: none;
}
input.vis-configuration.vis-config-range {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 0px solid white;
  background-color: transparent;
  /*required for proper track sizing in FF*/
  width: 300px;
  height: 20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0);
  /* IE6-9 */
  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3876c2), color-stop(100%, #385380));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3876c2 0%, #385380 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3876c2 0%, #385380 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3876c2', endColorstr='#385380', GradientType=0);
  /* IE6-9 */
  box-shadow: #111927 0px 0px 1px 0px;
  margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
  outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#c8c8c8', GradientType=0);
  /* IE6-9 */
}
input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(99%, #c8c8c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0);
  /* IE6-9 */
  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc;
}
.vis-configuration-popup {
  position: absolute;
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after,
.vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px;
}
.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px;
}
.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.vis-panel {
  position: absolute;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}
.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}
.vis-background {
  overflow: hidden;
}
.vis-panel > .vis-content {
  position: relative;
}
.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}
.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}
.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-labelset {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}
.vis-labelset .vis-label.draggable {
  cursor: pointer;
}
.vis-labelset .vis-label:last-child {
  border-bottom: none;
}
.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}
.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}
.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}
.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}
.vis-foreground .vis-group:last-child {
  border-bottom: none;
}
.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block;
  /*overflow: hidden;*/
}
.vis-item.vis-selected {
  border-color: #FFC200;
  background-color: #FFF785;
  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}
.vis-editable.vis-selected {
  cursor: move;
}
.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}
.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}
.vis-item.vis-point {
  background: none;
}
.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}
.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}
.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}
.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}
.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}
.vis-item .vis-delete {
  background: url('img/timeline/delete.png') no-repeat center;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -4px;
  right: -24px;
  cursor: pointer;
}
.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;
  cursor: w-resize;
}
.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;
  cursor: e-resize;
}
.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}
.vis-time-axis {
  position: relative;
  overflow: hidden;
}
.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}
.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
}
.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}
.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}
.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
}
.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}
.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}
.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}
/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}
.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}
.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block;
}
.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}
.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}
.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}
.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}
.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}
.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}
.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}
.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}
.vis-graph-group8 {
  fill: #ff00ff;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff00ff;
}
.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}
.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}
.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}
.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}
.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #ffffff;
  stroke: #c2c2c2;
}
.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #ffffff;
  stroke: #e5e5e5;
}
.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}
div.vis-network div.vis-manipulation {
  border-width: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #d6d9d8;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #fcfcfc), color-stop(50%, #fafafa), color-stop(100%, #fcfcfc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0);
  /* IE6-9 */
  padding-top: 4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28px;
}
div.vis-network div.vis-edit-mode {
  position: absolute;
  left: 0;
  top: 5px;
  height: 30px;
}
/* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */
div.vis-network div.vis-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url("img/network/cross.png");
  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;
}
div.vis-network div.vis-close:hover {
  opacity: 0.6;
}
div.vis-network div.vis-manipulation div.vis-button,
div.vis-network div.vis-edit-mode div.vis-button {
  float: left;
  font-family: verdana;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 24px;
  margin-left: 10px;
  /*vertical-align:middle;*/
  cursor: pointer;
  padding: 0px 8px 0px 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.vis-network div.vis-manipulation div.vis-button:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
div.vis-network div.vis-manipulation div.vis-button:active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}
div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url("img/network/backIcon.png");
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  box-shadow: 1px 1px 8px transparent;
  cursor: default;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  box-shadow: 1px 1px 8px transparent;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0;
}
div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: bold;
}
div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url("img/network/addNodeIcon.png");
}
div.vis-network div.vis-manipulation div.vis-button.vis-edit,
div.vis-network div.vis-edit-mode div.vis-button.vis-edit {
  background-image: url("img/network/editIcon.png");
}
div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
}
div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url("img/network/connectIcon.png");
}
div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url("img/network/deleteIcon.png");
}
/* top right bottom left */
div.vis-network div.vis-manipulation div.vis-label,
div.vis-network div.vis-edit-mode div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px;
}
div.vis-network div.vis-manipulation div.vis-separator-line {
  float: left;
  display: inline-block;
  width: 1px;
  height: 21px;
  background-color: #bdbdbd;
  margin: 0px 7px 0 15px;
  /*top right bottom left*/
}
/* TODO: is this redundant?
div.network-navigation_wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
*/
div.vis-network-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;
  font-family: verdana;
  font-size: 14px;
  color: #000000;
  background-color: #f5f4ed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
div.vis-network div.vis-navigation div.vis-button {
  width: 34px;
  height: 34px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: absolute;
  display: inline-block;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  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;
}
div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.3);
}
div.vis-network div.vis-navigation div.vis-button:active {
  box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
}
div.vis-network div.vis-navigation div.vis-button.vis-up {
  background-image: url("img/network/upArrow.png");
  bottom: 50px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-down {
  background-image: url("img/network/downArrow.png");
  bottom: 10px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-left {
  background-image: url("img/network/leftArrow.png");
  bottom: 10px;
  left: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: url("img/network/rightArrow.png");
  bottom: 10px;
  left: 95px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url("img/network/plus.png");
  bottom: 10px;
  right: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url("img/network/minus.png");
  bottom: 10px;
  right: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url("img/network/zoomExtends.png");
  bottom: 50px;
  right: 15px;
}
div.vis-color-picker {
  position: absolute;
  top: 0px;
  left: 30px;
  margin-top: -140px;
  margin-left: 30px;
  width: 310px;
  height: 444px;
  z-index: 1;
  padding: 10px;
  border-radius: 15px;
  background-color: #ffffff;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}
div.vis-color-picker div.vis-arrow {
  position: absolute;
  top: 147px;
  left: 5px;
}
div.vis-color-picker div.vis-arrow::after,
div.vis-color-picker div.vis-arrow::before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 30px;
  margin-top: -30px;
}
div.vis-color-picker div.vis-color {
  position: absolute;
  width: 289px;
  height: 289px;
  cursor: pointer;
}
div.vis-color-picker div.vis-brightness {
  position: absolute;
  top: 313px;
}
div.vis-color-picker div.vis-opacity {
  position: absolute;
  top: 350px;
}
div.vis-color-picker div.vis-selector {
  position: absolute;
  top: 137px;
  left: 137px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #ffffff;
  background: #4c4c4c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
  /* IE6-9 */
}
div.vis-color-picker div.vis-new-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 159px;
  text-align: right;
  padding-right: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}
div.vis-color-picker div.vis-initial-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 10px;
  text-align: left;
  padding-left: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}
div.vis-color-picker div.vis-label {
  position: absolute;
  width: 300px;
  left: 10px;
}
div.vis-color-picker div.vis-label.vis-brightness {
  top: 300px;
}
div.vis-color-picker div.vis-label.vis-opacity {
  top: 338px;
}
div.vis-color-picker div.vis-button {
  position: absolute;
  width: 68px;
  height: 25px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  top: 410px;
  border: 2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor: pointer;
}
div.vis-color-picker div.vis-button.vis-cancel {
  /*border:2px solid #ff4e33;*/
  /*background-color: #ff7761;*/
  left: 5px;
}
div.vis-color-picker div.vis-button.vis-load {
  /*border:2px solid #a153e6;*/
  /*background-color: #cb8dff;*/
  left: 82px;
}
div.vis-color-picker div.vis-button.vis-apply {
  /*border:2px solid #4588e6;*/
  /*background-color: #82b6ff;*/
  left: 159px;
}
div.vis-color-picker div.vis-button.vis-save {
  /*border:2px solid #45e655;*/
  /*background-color: #6dff7c;*/
  left: 236px;
}
div.vis-color-picker input.vis-range {
  width: 290px;
  height: 20px;
}
/* TODO: is this redundant?
div.vis-color-picker input.vis-range-brightness {
  width: 289px !important;
}


div.vis-color-picker input.vis-saturation-range {
  width: 289px !important;
}*/

/* ========= END VisStyles ========= */
/* ======== BEGIN WorkflowProfileScreenStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.WorkflowProfileScreen {
  height: 100%;
}
.WorkflowProfileScreen .Headline {
  margin-left: 32px;
  font-size: 20px;
  font-weight: normal;
  padding-top: 16px;
}
.WorkflowProfileScreen .ProfileChooser {
  margin-left: 32px;
}
.WorkflowProfileScreen .gwt-TabLayoutPanelContentContainer {
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
}
.WorkflowProfileScreen .stibo-w-viewport {
  height: calc(50% - 8px);
}
.WorkflowProfileScreen .detailsLiveDataTable {
  margin-top: 8px;
}
.WorkflowProfileScreen .historicalTable-wrapper {
  height: calc(100% - 56px);
}
.WorkflowProfileScreen .historicalTable-wrapper .assigneeHistoricalTable,
.WorkflowProfileScreen .historicalTable-wrapper .statesHistoricalTable,
.WorkflowProfileScreen .historicalTable-wrapper .workflowHistoricalTable {
  height: 100%;
}
.WorkflowProfileScreen .HistoricalDataInfoLabel {
  margin-top: 16px;
  float: left;
}
.WorkflowProfileScreen .UpdateHistoricalDataButton {
  margin-top: 8px;
  float: right;
}

/* ========= END WorkflowProfileScreenStyle ========= */
/* ======== BEGIN multiDataGridStyle ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.dataGridWidget {
  margin: 2px;
}
.dataGridFooter {
  border-top: 2px solid #777777;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
  white-space: nowrap;
}
.dataGridHeader {
  background-color: #777777;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  text-shadow: none;
  padding: 3px;
}
.dataGridCell {
  padding: 2px;
  overflow: hidden;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.dataGridSortableHeader {
  cursor: pointer;
  cursor: hand;
}
.dataGridSortableHeader:hover {
  color: #6c6b6b;
}
.dataGridEvenRow {
  background-color: #FFFFFF;
}
.dataGridOddRow {
  background-color: #FFFFFF;
}
.dataGridHoveredRow {
  background: #eee;
}
.dataGridSelectedRow {
  border: 1px solid #ffdde8;
}
/**
 * The keyboard selected cell is visible over selection.
 */
.dataGridKeyboardSelectedCell {
  border: 2px solid #d7dde8;
}

/* ========= END multiDataGridStyle ========= */
/* ======== BEGIN visualization ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.visualizationPopUpContainer {
  position: absolute;
  width: 250px;
  z-index: 100;
}
.visualizationPopUpContainer .popUpPanel {
  border: solid 1px #C3C3C3;
  background-color: #FFFFFF;
  font-size: 14px;
}
.popUpPanel {
  border: 1px solid #C3C3C3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.32);
  background-color: #FFFFFF;
  padding: 24px 16px 24px 16px;
  font-size: 14px;
}
.popUpPanel .imagePanel {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 16px;
}
.popUpPanel .label {
  float: left;
  width: 50%;
  color: rgba(65, 64, 66, 0.6);
}
.popUpPanel .value {
  width: 50%;
  float: left;
  color: #414042;
}
.popUpPanel .separator {
  display: none;
}
.popUpPanel .footer {
  clear: left;
}
.popUpPanel .label-value {
  padding-bottom: 8px;
  padding-top: 8px;
  width: 100%;
}

/* ========= END visualization ========= */
/* ======== BEGIN PortalPublishing ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
/* treeItem-objecttype- and stb-Thumbnail- styles must not have publishing prefix */
.treeItem-objecttype-indesigndocument {
  background-image: url("gfx/publishing/sekset/InDesignDocument.png");
}
.treeItem-objecttype-quarkdocument {
  background-image: url("gfx/publishing/sekset/InDesignDocument.png");
}
.treeItem-objecttype-stiboproducttemplateindesign {
  background-image: url("gfx/publishing/sekset/publication_template.png");
}
.treeItem-objecttype-stiboproducttemplatequark {
  background-image: url("gfx/publishing/sekset/publication_template.png");
}
.treeItem-InDesignPublicationTemplate,
.treeItem-objecttype-stibomasterdocumentindesign {
  background-image: url("gfx/publishing/sekset/publication_template.png");
}
.treeItem-publicationgroup {
  background-image: url("gfx/publishing/sekset/publication_group.png");
}
.stb-Thumbnail-PublicationGroup {
  background-image: url("gfx/publishing/sekset/publication_group.png");
}
.treeItem-publication {
  background-image: url("gfx/publishing/sekset/publication.png");
}
.stb-Thumbnail-Publication {
  background-image: url("gfx/publishing/sekset/publication.png");
}
.treeItem-publicationsection {
  background-image: url("gfx/publishing/sekset/publication_section.png");
}
.stb-Thumbnail-PublicationSection {
  background-image: url("gfx/publishing/sekset/publication_section.png");
}
.treeItem-version {
  background-image: url("gfx/publishing/sekset/publication_version.png");
}
.stb-VerticalPanel .stb-pbl-CommercialTermsEditor {
  padding: 0 32px;
}
.stb-pbl-productSearchPanel {
  display: inline-block;
}
.stb-pbl-productSearchPanel .FormFieldTable {
  border-spacing: 0 6px;
}
.stibo-TemplatePreviewWidget {
  cursor: pointer;
  horizontal-align: middle;
  margin-bottom: 8px;
}
.stibo-pbl-blankpage {
  background-image: url('gfx/publishing/sekset/planned_page_big.png');
}
.selected .stibo-pbl-blankpage {
  background-image: url('gfx/publishing/sekset/white/planned_page_big_white.png');
}
.stibo-pbl-top-gap {
  margin-top: 5px;
}
.stb-pbl-no-margins .stb-NodeDetailsContentWrapper {
  margin: 0;
}
.stibo-pbl-detailsSidePanel-anchor-container {
  background-color: #ffffff;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  border-radius: 8px 0 0 8px;
  border-top: 1px solid #C3C3C3;
  height: 22px;
  width: 15px;
  margin-left: 2px;
  font-size: 0;
}
.stibo-pbl-detailsSidePanel-anchor {
  width: 13px;
  height: 13px;
  border: 0;
  padding: 0;
  margin: 4px;
  display: block;
  cursor: pointer;
}
.stibo-pbl-detailsSidePanel-expand-anchor {
  background: url("gfx/sekset/left.png") no-repeat scroll center center transparent;
  margin-left: 1px;
}
. {
  background: url("gfx/sekset/right.png") no-repeat scroll center center transparent;
  margin-left: 2px;
}
/* Override the left and top margins so the grid tile lines up with the expand/collapse icon */
.stibo-pbl-detailsSidePanel-GridTileWidget {
  margin-top: 0px;
  margin-left: 0px;
  border-top-left-radius: 0px 0px;
}
/* Override the highlighting when the mouse is hovering over the details side panel */
.stibo-pbl-detailsSidePanel-GridTileWidget:hover {
  background-color: white;
}
.stb-pbl-page-range-label {
  text-align: center;
  vertical-align: middle;
  height: 16px;
}
.stb-pbl-status-panel {
  display: inline-block;
  color: rgba(0, 0, 0, 0.38);
  overflow: hidden;
  padding: 9px 8px 6px 8px;
}
.stb-pbl-status-panel .material-icons {
  font-size: 32px;
  cursor: pointer;
}
.stb-pbl-status-panel .material-icons-selected {
  cursor: default;
}
.stb-pbl-status-panel .material-icons-selected,
.stb-pbl-status-panel .material-icons:active,
.stb-pbl-status-panel .material-icons:focus {
  color: #000000;
}
.stb-pbl-status-panel .material-icons:hover:not(:active):not(.material-icons-selected) {
  color: rgba(0, 0, 0, 0.54);
}
.stibo-thumbnail-grid {
  table-layout: fixed;
  border-spacing: 4px 4px;
}
.stibo-ProofTileWidget {
  width: 124px;
  height: 124px;
  top: 10px;
  background-position: center center;
}
.stibo-TemplateTileWidget {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 0px;
  top: 0px;
  background-position: left center;
}
.stibo-TemplateTileWidgetFirst {
  margin-left: 20px;
}
.stibo-ProofTileWidget,
.stibo-TemplatePreviewWidget {
  float: left;
  border: 1px solid #C3C3C3;
  border-radius: 8px;
  background-color: white;
}
.stibo-ProofTileWidget:hover,
.stibo-TemplatePreviewWidget:hover,
.stibo-TemplateTileWidget:hover {
  background-color: #ECEBEB;
}
.stibo-ProofTileWidget-selected,
.stibo-ProofTileWidget-selected:hover,
.stibo-ProofTileWidget-selected .stibo-TemplateTileWidget:hover {
  background-color: #A8A8A8;
  color: #FFF;
}
.stibo-ProofTileWidget-Label,
.stibo-TemplatePreviewLabel {
  position: relative;
  top: 10px;
  text-align: center;
  cursor: pointer;
}
.stibo-TemplatePreviewLabel {
  margin: 0px 10px 10px 30px;
  font-weight: bold;
}
.stibo-ProofTileWidget-Graphic {
  position: relative;
  top: inherit;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: inherit;
  background-color: transparent;
  height: 100px;
  width: 100px;
  border-style: none;
}
.stibo-pbl-miniwaitscreen-spinner,
.stibo-ProofTileWidget-Graphic.loading {
  background-image: url('gfx/sekset/waitscreen_mini.gif');
}
.waitscreen-spinner {
  background-image: url('gfx/sekset/waitscreen.gif');
}
.stibo-TemplatePreviewPanel {
  overflow: auto;
  border-radius: 8px;
  border-style: solid;
  border-color: #C3C3C3;
  border-width: 1px;
  padding: 8px;
}
.stb-ScrollableImage {
  background-color: undefined;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.stb-ScrollableImageImg {
  border: 1px solid #C3C3C3;
}
.stb-ProofView {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-top: 8px;
}
.toolbar .SetTemplateAsDefaultButton,
.toolbar .DotDotDotButton {
  margin-left: 8px;
}
.stb-ProofView-thumbnail-Panel {
  overflow: auto;
  border: 1px solid #C3C3C3;
  padding: 8px;
}
.stb-ProofView-page-Panel {
  background-color: #ffffff;
  overflow: auto;
  text-align: center;
  vertical-align: middle;
  /* Setting a border causes superfluous scroll bars when width/height is set to 100%.  Get rid of them. */
  box-sizing: border-box;
}
.stb-ProofView-page-image {
  border-style: solid;
  border-color: #C3C3C3;
  border-width: 1px;
}
.stb-ProofView-publication-name {
  padding-top: 8px;
}
.stb-ProofView-version-dropdown {
  min-width: 150px;
}
/* First, last, previous, next navigation buttons */
.PageTurner i {
  font-size: medium;
  cursor: pointer;
  vertical-align: middle;
}
/* Viewing notes on an page */
.stb-notes-panel {
  border-radius: 4px;
  padding: 6px;
  border: solid 1px #C3C3C3;
  margin-bottom: 4px;
  background-color: #ffffff;
}
.stb-notes-panel .gwt-CheckBox label {
  padding: 0;
}
.stb-notes-panel:hover {
  background-color: #ECEBEB;
}
.stb-notes-panel-selected,
.stb-notes-panel-selected:hover {
  background-color: #C3C3C3;
}
.stb-notes-panel input {
  cursor: auto;
}
.stb-notes-panel-user {
  font-size: 9pt;
  font-weight: bold;
}
.stb-notes-panel-header .stb-notes-panel-user {
  padding-left: 20px;
}
.stb-notes-panel-tooltip-header .stb-notes-panel-user {
  padding-left: 0;
}
.stb-NoteBubble {
  height: 14px;
  width: 14px;
  background-image: url("gfx/sekset/info.png");
  float: left;
  margin-right: 6px;
}
.stb-PageNoteWidget {
  height: 14px;
  width: 14px;
  background: url("gfx/sekset/info.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.stb-PageNoteWidget:hover {
  cursor: pointer;
}
.stb-notes-panel-header,
.stb-notes-panel-date,
.stb-notes-panel-tooltip-header {
  padding-bottom: 6px;
}
.stb-notes-panel-HistoryToggleButton {
  height: 7px;
  width: 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.stb-notes-panel-HistoryToggleButton.open {
  background-image: url("gfx/sekset/miniarrow_down_grey.png");
}
.stb-notes-panel-HistoryToggleButton.closed {
  background-image: url("gfx/sekset/miniarrow_right_grey.png");
}
.stb-notes-panel-selected .stb-notes-panel-HistoryToggleButton.open {
  background-image: url("gfx/sekset/miniarrow_down_white.png");
}
.stb-notes-panel-selected .stb-notes-panel-HistoryToggleButton.closed {
  background-image: url("gfx/sekset/miniarrow_right_white.png");
}
.stb-notes-panel hr {
  border-width: 0;
  height: 1px;
  margin: 2px 0;
}
.stb-notes-panel-selected hr {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.stb-notes-tooltip-panel {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
}
/* PoD progress bar */
.stibo-PoDProgressPopup {
  background-color: #FFFFFF;
  border: 1px solid #C3C3C3;
}
.stibo-PoDProgressBar {
  margin: 0px 10px 10px 10px;
  min-width: 200px;
}
.stibo-PoDProgressCaption {
  margin: 10px 10px 10px 10px;
}
.gwt-ProgressBar-shell {
  border: 1px solid #C3C3C3;
  background-color: #ffffff;
  height: 18px;
  width: 100%;
  border-radius: 4px;
}
.stibo-Navigation.stibo-PrintOnDemandButton .icon {
  background: url("gfx/sekset/add.png") no-repeat scroll left top transparent;
  height: 14px;
  display: inline;
  padding-left: 22px;
}
/* A label that animates the text */
.stb-publishing-animated-label {
  border: 1px solid #C3C3C3;
  min-height: 1em;
  padding: 2px;
  text-align: left;
}
.stb-publishing-animated-label.Animating {
  border: none;
  padding: 2px;
  color: #fc4c02;
  background-color: white;
  text-align: left;
}
.stb-publishing-animated-label.Animating.Finished {
  text-align: right;
}
.POD-WizardPanel .stb-nodeList-container {
  margin: 0;
}
.stb-BorderPanel .toolbar .stibo-GraphicsButton {
  margin-right: 8px;
}
.JPEGcontrols .stibo-GraphicsButton {
  margin-left: 8px;
}
.ErrorLayerLabel {
  clear: both;
  text-align: center;
  font-size: 14px;
}
.PageTurner {
  padding-top: 6px;
}
.stb-ProofView-thumbnail-Toolbar {
  border-bottom: 0 none;
  height: 100%;
  width: 100%;
}
.stb-ProofView-thumbnail-ScrollPanel {
  border-top: 0;
}
.stb-ProofView-thumbnail-Toolbar .VersionBox {
  width: 124px;
}
.actualPageHighlightProduct {
  cursor: pointer;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.actualPageHighlightItem {
  cursor: pointer;
  border: 1px solid #C3C3C3;
}
.glass-panel {
  background-image: url("gfx/Background_transperent_120x120.png");
  background-position: 0 0;
  background-repeat: repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.NotesDialog textarea {
  border: 0;
}
.stb-pbl-CommercialTermsEditor-DescriptionPanelWrapper {
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  width: 100%;
  margin-bottom: 6px;
}
.stb-pbl-CommercialTermsEditor-DescriptionPanel {
  border-spacing: 0 5px;
  /* For aligning the labels in the Description Panel with the label in the Selection Panel */
}
.stb-pbl-CommercialTermsEditor-DescriptionPanel .fieldtitle {
  width: 140px;
}
.stb-pbl-CommercialTermsEditor-DescriptionPanel select {
  width: 440px;
}
.stb-pbl-CommercialTermsEditor-ContentTable {
  margin-top: 8px;
}
.stb-pbl-CommercialTermsEditor-ContentTable .stb-SuggestField {
  /* Override the default suggest field width (300px is way to big in a table column) */
  width: auto;
}
.stb-pbl-CommercialTermsEditor-ContentTable .gwt-TextBox {
  /* Override the default width of the date picker field (300px is way to big in a table column) */
  width: auto;
}
.stb-VerticalPanel .stb-pbl-CommercialTermsEditor {
  margin-top: 8px;
}
/* The Radio Buttons next to this label are two rows high so need to align this to the top so it looks correct */
.stb-pbl-ImportCommercialTerms-ReplaceUpdateLabel {
  vertical-align: top;
}
/* Constrain the width of the radio button group so that the radio buttons are aligned vertically */
.stb-pbl-ImportCommercialTerms-ReplaceUpdateRadioGroup {
  max-width: 340px;
}
.ImportCommercialTerms-Field {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ImportCommercialTerms-Label {
  margin-top: 4px;
}
.ImportCommercialTerms-RadioLabel {
  margin-top: 6px;
}
.ImportCommercialTerms-RadioButton input[type="radio"] + label {
  min-height: 0px;
}
.ImportCommercialTerms-FileUpload .gwt-FileUpload {
  width: 300px;
  height: 18px;
}
.stb-attribute-editor-gap {
  height: 6px;
}
.stb-attribute-header-text {
  font-weight: bold;
}
.stb-GeneratePDFDialog-Label {
  margin-top: 2px;
  margin-bottom: 2px;
  min-height: 20px;
}
.stb-GeneratePDFDialog-RadioButton input[type="radio"] + label {
  min-height: 0px;
}
.stb-pbl-AutoPagePublicationPlanner-nodeTitleCell {
  background-position: left center;
  white-space: nowrap;
  display: inline-block;
  clear: none;
  padding-left: 20px;
  background-repeat: no-repeat;
}
.stb-pbl-AutoPagePublicationPlanner-pageNumberCell {
  white-space: pre-wrap;
}
/* Don't let the labels wrap */
.stb-pbl-Revision-Toolbar {
  vertical-align: middle;
  white-space: nowrap;
}
.stb-pbl-Revision-Toolbar .fieldtitle {
  margin-right: 6px;
  padding-top: 1px;
  padding-left: 6px;
}
.stb-pbl-Revision-Toolbar-Label {
  padding-top: 8px;
}
.std-pbl-Revision-Toolbar-DropDown {
  margin-right: 8px;
}
/* Make sure the labels align correctly by setting a min-height */
.stb-pbl-Revision-Toolbar .fieldtitle {
  min-height: 24px;
}
.stb-pbl-Revision-Toolbar input[type="checkbox"] + label {
  background-position: 0px 3px;
}
.stb-pbl-Revision-Toolbar input[type="checkbox"]:disabled + label {
  color: #B0B0B0;
}
.stb-pbl-Revision-Toolbar input[type="checkbox"]:disabled:checked + label {
  background-position: 0px 3px;
  color: #B0B0B0;
}
.stb-pbl-Revision-Toolbar .gwt-CheckBox label {
  padding-top: 1px;
}
/* Override the stibo-Dropdown widths (it's far too big for the revision toolbar) */
.stb-pbl-Revision-Toolbar .stibo-Dropdown-wrapper {
  margin-right: 6px;
  width: 184px;
  vertical-align: middle;
}
/* Override the width otherwise the dropdown looks odd in Firefox */
.stb-pbl-Revision-Toolbar .stibo-Dropdown {
  background-position: 166px;
  width: 109% !important;
}
/* Override the stibo-Dropdown widths (it's far too big for the version dropdown) */
.stb-pbl-Version-DropDown {
  display: inline-block;
  min-width: 150px;
  margin-right: 8px;
}
.stb-pbl-Version-DropDown .stibo-Dropdown {
  background-position: 132px;
}
/* Date Picker in the core portal is set to 100% ... which is massive in a ContextPopup.
   The minimum width of the DatePicker contents is actually 203px but we just need to get rid of the 100% setting */
.stb-pbl-DatePicker {
  width: 200px;
}
.stb-pbl-commercialterms-dirty-warning {
  padding: 0 32px;
}

/* ========= END PortalPublishing ========= */
/* ======== BEGIN DataGrid.less ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.ui-tiled-table {
  width: 500px;
  height: 400px;
  border: 1px solid #C3C3C3;
}
.ui-tiled-table table {
  table-layout: fixed;
}
.ui-tiled-table td {
  width: 128px;
  height: 32px;
  border-left: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  padding: 2px;
}
.ui-tiled-table .selected-cell .cell {
  outline: 2px solid black;
}
.ui-tiled-table .selection-corner-cell .cell {
  outline: 2px solid black;
}
.ui-tiled-table .selected-cell .cell.readonly {
  outline: 2px solid #666;
}
.ui-tiled-table .selected-cell.placeholder-on .cell {
  color: #666;
}
.ui-sheet {
  width: 100%;
  height: 100%;
  position: relative;
}
.ui-tile {
  position: absolute;
  top: 0;
  left: 0;
  width: 512px;
  height: 512px;
}
/**********************************************************************************************************************/
.stibo-w-viewport {
  height: 400px;
  /* todo rhmo: table height */
  position: relative;
}
.stibo-w-viewport.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}
.stibo-w-viewport-center {
  position: absolute;
  overflow: scroll;
}
.stibo-w-corner-filler {
  position: absolute;
  left: 0;
  top: 0;
  border-left: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
  border-right: 1px solid #e7e7e7;
  box-shadow: 0 -2px 0 0 #e7e7e7 inset;
  border-top-left-radius: 4px;
}
.stibo-w-ruler {
  position: absolute;
  overflow: hidden;
  background-color: #FFFFFF;
}
.stibo-w-ruler.top .tile {
  box-shadow: inset 0 -1px 0 0 #C3C3C3;
}
.stibo-w-ruler.top .tile.lastCol .tiletable.top {
  border-top-right-radius: 4px;
}
.stibo-w-ruler.left > .w-sheet {
  position: absolute;
  width: 100%;
}
.stibo-w-ruler.top > .w-sheet {
  position: absolute;
  height: 100%;
}
.stibo-w-ruler.top .last-column {
  border-top-right-radius: 4px;
  border-right-color: #C3C3C3;
}
.stibo-w-ruler.left > .w-sheet > .tile {
  box-shadow: inset -1px 0 0 0 #C3C3C3;
}
.stibo-w-ruler.left .cell.lastRow .rowTitleParent,
.stibo-w-ruler.left .cell.lastRow .datagridCheckboxDiv,
.stibo-w-ruler.left .cell.lastRow th.detailsaction {
  box-shadow: 0 -1px 0 0 #C3C3C3 inset;
}
.stibo-w-ruler.left .cell.lastRow > th:first-of-type {
  border-bottom-left-radius: 4px;
}
.stibo-w-ruler.left .cell.lastRow > th:first-of-type > div {
  border-bottom-left-radius: 4px;
}
.stibo-w-sheet {
  position: relative;
  overflow: hidden;
}
.stibo-w-sheet .tile,
.stibo-w-ruler .tile {
  position: absolute;
}
.stibo-w-sheet .tile.lastRow.lastCol > table > tbody > tr:last-of-type > td:last-of-type > .cell {
  border-bottom-right-radius: 4px;
}
.stibo-w-ruler .top-header {
  text-align: center;
}
.stibo-w-ruler .top-header.column-selected {
  background-color: #ededed;
  box-shadow: inset 0 -1px 0 0 #C3C3C3;
}
.stibo-w-ruler .top-header,
.stibo-w-ruler .left-header {
  border-right-color: #e7e7e7;
}
td.selected-cell div.cell {
  box-shadow: inset 0 0 0 2px #000000;
}
td.selected-cell.placeholder-on div.cell {
  color: #C3C3C3;
}
td.selected-cell div.cell.richEditorAvailable {
  background-image: url("gfx/sekset/enter_arrow.png");
  background-position: right 6px center;
  background-repeat: no-repeat;
}
.stibo-w-viewport div[contenteditable]:focus {
  box-sizing: border-box;
}
.ui-cell-overlay {
  background: #FFFFFF;
  overflow-x: hidden;
  z-index: 2;
  position: absolute;
  box-shadow: inset 0 0 0 1px #000000;
}
.ui-cell-overlay .textcell {
  border: none !important;
  outline: none !important;
}
.ui-cell-overlay .input-cell {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
  user-select: text;
  cursor: text;
  overflow-y: auto;
  word-wrap: break-word;
}
.dummytable td.selected {
  background-color: #ccc;
}
.w-sheet .h-knob {
  width: 2px;
  height: 100%;
  z-index: 2;
}
.w-sheet .h-knob:hover {
  cursor: ew-resize;
  background-color: #C3C3C3;
}
.w-sheet .h-knob.active,
.w-sheet .v-knob.active {
  background-color: #C3C3C3;
}
.w-sheet .v-knob {
  width: calc(100% - 2px);
  height: 2px;
  z-index: 2;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
}
.w-sheet .v-knob:hover {
  cursor: ns-resize;
  background-color: #C3C3C3;
}
.w-sheet > .v-knob:last-of-type {
  border-left: none;
  border-right: none;
}
.cell {
  padding: 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
}
div.cell div {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* vertical alignments of cell-content */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  /* IE10+ CSS styles go here (vert align content since IE does not understand modern css) */
  div.cell.cell-content {
    padding-top: 8px;
  }
}
div.cell.cell-content div {
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
}
.stibo-w-sheet .v-line {
  position: absolute;
  background-color: black;
  top: 0;
  width: 1px;
  height: 100%;
  z-index: 2;
}
.stibo-w-sheet .h-line {
  position: absolute;
  background-color: black;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 2;
}
.stibo-w-viewport .stibo-w-sheet .cell.readonly {
  background-color: #f7f7f7;
}
.stibo-w-viewport .stibo-w-sheet .cell.clickable {
  cursor: pointer;
  color: #000000;
}
.stibo-w-viewport .stibo-w-sheet .cell.clickable:hover {
  text-decoration: underline;
  text-underline-color: #000000;
}
.rowtitle.rowTitleParent {
  box-shadow: 0 -1px 0 0 #e7e7e7 inset;
}
.rowTitleParent {
  /* vertical alignments of left section rows */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.rowTitleChild {
  height: 100%;
  position: relative;
  width: 100%;
  display: flex;
}
.rowTitleChild > .rowtitle-inner {
  align-self: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 8px;
}
.stibo-w-viewport .selection-overlay {
  -moz-box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
div.cell.edited {
  color: #4c4c4c;
  background-color: rgba(100, 250, 100, 0.2);
}
div.cell.dirty {
  background-color: #e3ecf5;
}
.cell.invalid {
  background-color: rgba(250, 100, 100, 0.2);
}
.cell.row-selected {
  background-color: #ededed;
}
.cell.row-selected > th:last-of-type .datagridCheckboxDiv,
.cell.row-selected > th:last-of-type .rowTitleChild {
  box-shadow: inset -1px 0 0 0 #C3C3C3;
}
.stibo-w-ruler .cell {
  line-height: 28px;
}
.stibo-w-ruler-top .cell {
  text-align: center;
}
.stibo-w-ruler-left .cell {
  text-align: center;
}
.stibo-abs-full-size {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tiletable {
  table-layout: fixed;
}
.tiletable.top {
  border-top: 1px solid #C3C3C3;
}
.tiletable.top.empty-header {
  box-shadow: inset 1px 0 0 0 #C3C3C3;
  border-top-left-radius: 4px;
}
.tiletable.left {
  border-left: 1px solid #C3C3C3;
  box-shadow: 0 -1px 0 0 #C3C3C3 inset;
}
.tiletable.center.empty-header > tbody > tr:last-of-type > td:first-of-type > .cell {
  border-bottom-left-radius: 4px;
}
.tiletable.center.empty-header > tbody > tr > td:first-of-type > .cell {
  box-shadow: 1px 0 0 0 #C3C3C3 inset;
}
.tile.lastRow > .tiletable.left {
  border-bottom-left-radius: 4px;
}
td.column-selected {
  background-color: #f8f8f8;
}
.mirrored {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.datatable-additional-spacer {
  height: 24px;
}
.stibo-w-viewport .stibo-Dropdown-wrapper .arrow {
  background-image: url("gfx/sekset/dropdown.png");
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px;
}
.stibo-w-ruler .cell.left-header {
  text-align: left;
  position: relative;
  border: none;
}
.stibo-w-ruler .cell.left-header th {
  text-align: left;
  /*th in ie does not inherit text-align*/
}
.datagridCheckboxDiv {
  padding-left: 8px;
  display: inline;
  cursor: pointer;
  cursor: hand;
  box-shadow: 0 -1px 0 0 #e7e7e7 inset;
}
.datagridCheckboxTh {
  width: 24px;
  height: 32px;
  vertical-align: top;
  cursor: pointer;
  cursor: hand;
}
.rowSelectorAction {
  cursor: pointer;
}
/* vertical alignments of checkboxes */
.datagridCheckboxDiv.rowSelectorAction {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
span.detailsaction {
  position: relative;
  line-height: 24px;
  display: inline-block;
  margin-left: 8px;
}
/* vertical alignments of details icon */
th.detailsaction {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-shadow: 0 -1px 0 0 #e7e7e7 inset;
}
.MultiOnboardingScreen .datagridCheckboxTh {
  vertical-align: middle;
}
.ui-sortable .ui-sortable-header-label {
  margin-right: 18px;
  overflow: hidden;
  white-space: nowrap;
}
.ui-filterable .ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/filtering_on_column.png");
}
.ui-sortable-asc .ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/sort_asc_column.png");
}
.ui-sortable-desc .ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/sort_desc_column.png");
}
.ui-filtered-sortable-asc .ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/filtering_on_column-sort_asc.png");
}
.ui-filtered-sortable-desc .ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/filtering_on_column-sort_desc.png");
}
.ui-sortable-indicator {
  background-image: url("gfx/sekset/sortingAndFiltering/filtering-dot.png");
  background-position: right center;
  background-repeat: no-repeat;
  height: 100%;
  margin-right: 5px;
  margin-top: -17px;
  min-height: 12px;
  vertical-align: middle;
}

/* ========= END DataGrid.less ========= */
/* ======== BEGIN Panel.less ======== */
/* processed Tue Feb 25 17:26:14 AEST 2020*/
.SortableList {
  width: 100%;
}
.SortableList .Entry {
  background-color: #EEEEEE;
  width: 100%;
  height: 32px;
  display: table;
  border-radius: 2px;
}
.SortableList .Entry:nth-of-type(n + 2) {
  margin-top: 8px;
}
.SortableList .Entry.Positioner {
  opacity: 0.5;
}
.SortableList .Entry .DragHandle {
  background: #C3C3C3 url('gfx/sekset/row-dragger.png') no-repeat center;
  width: 24px;
  height: 100%;
  display: table-cell;
  border-radius: 2px;
}
.SortableList .Entry .Icon {
  padding: 8px;
  display: table-cell;
}
.SortableList .Entry .Label {
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
}
.SortableList .Entry .RemoveButton {
  background: url('gfx/sekset/clear.png') no-repeat center;
  width: 30px;
  height: 100%;
  display: table-cell;
  cursor: pointer;
}

/* ========= END Panel.less ========= */