.ci-fat-stroke.xml-icon > .xml-icon-inner > svg {
  stroke-width: 2px;
}
.xml-icon {
  display: inline-block;
  font: normal normal normal 21px/1 sans-serif;
  font-size: inherit;
  width: 1em;
  height: auto;
  box-sizing: content-box;
  text-align: center;
  overflow: visible;
}
.xml-icon.ci-fw {
  width: 1.3em;
  height: 1em;
}
.xml-icon > .xml-icon-inner {
  text-align: center;
  display: block;
  overflow: visible;
  vertical-align: text-bottom;
  pointer-events: none;
}
.xml-icon > .xml-icon-inner > svg {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  max-width: 1em;
  vertical-align: -0.125em;
  overflow: visible;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  shape-rendering: geometricPrecision;
}
.ci-rotate-45 {
  transform: rotate(45deg);
}
.ci-rotate-90 {
  transform: rotate(90deg);
}
.ci-rotate-135 {
  transform: rotate(135deg);
}
.ci-rotate-180 {
  transform: rotate(180deg);
}
.ci-rotate-270 {
  transform: rotate(270deg);
}
.ci-3x {
  font-size: 3em;
}
.xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.2px;
}
.ci-md-size > .xml-icon-inner > svg {
  stroke-width: .8px;
}
.ci-xs.xml-icon > .xml-icon-inner > svg {
  stroke-width: 1px;
}
.ci-lg-size > .xml-icon-inner > svg {
  stroke-width: .5px;
}
.btn-cancel-icon > .ci-symbol-cancel > .xml-icon-inner > svg {
  stroke-width: 1.2px;
}
.ci-symbol-cancel > .xml-icon-inner > svg {
  stroke-width: 3px;
}
.cubebreadcrumb-container .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.3px;
}
.pagination-feed-icon .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.1px;
}
.ci-calendar-month.xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.1px;
}
.ci-spin > .xml-icon-inner > svg {
  animation: do-spin 1.4s infinite linear;
}
.ci-favorite-full {
  color: #494949 !important;
}
.viewer-toolbar .ci-button-circle-browse-first,
.viewer-toolbar .ci-button-circle-browse-last {
  transform: rotate(90deg);
}
.tabWidgetTypeImage.xml-icon {
  font-size: 21px;
  margin-top: -10px !important;
}
.category-tree .image-container-with-loader {
  color: #3f77b3;
}
.category-tree .image-container-with-loader > .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.5px;
}
@keyframes do-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.infinite-tree-scroll {
  overflow: auto;
  height: 100%;
}
.infinite-tree-table {
  width: 100%;
}
.infinite-tree-content {
  outline: 0;
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.infinite-tree-content .infinite-tree-item {
  cursor: default;
  white-space: pre;
  padding-top: 1px;
}
.infinite-tree-content .infinite-tree-item > .infinite-tree-node > .draggetterpanel {
  display: inline-block;
  vertical-align: middle;
}
.infinite-tree-content .infinite-tree-item:disabled,
.infinite-tree-content .infinite-tree-item[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.infinite-tree-content .infinite-tree-node {
  position: relative;
  white-space: nowrap;
}
.infinite-tree-content .gwt-TreeExpander {
  color: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
}
.infinite-tree-content .gwt-TreeExpander > .cube-toggler {
  width: 16px;
  height: 16px;
  border: 0;
}
.infinite-tree-content .infinite-tree-title {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infinite-tree-no-data {
  text-align: center;
  width: 16px;
  height: 16px;
}
.infinite-tree-node > .gwt-TreeItem {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 1px;
}
.ac-container {
  line-height: initial;
}
.ac-container .ac-input {
  line-height: initial;
}
.ac-actionSet {
  flex-wrap: wrap;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
table:not([cellspacing]) {
  border-spacing: 0;
}
.rename-text-box {
  color: #333;
}
.navigationPanel .xml-icon,
.cubeNavigationBar .xml-icon,
.cube-dialog .modalcubeframe .xml-icon,
.groupicon .xml-icon {
  font-size: 21px;
  cursor: pointer;
  width: 21px;
}
.groupicon .xml-icon {
  color: #555;
}
.groupicon .ci-symbol-ok,
.cubecontextmenuelement .ci-symbol-ok {
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  width: 21px;
  height: 21px;
  overflow: hidden;
  display: block;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled] {
  cursor: auto;
}
::-ms-clear {
  display: none;
}
body {
  background-color: #fefefe;
  font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
  margin: 0;
}
body * {
  user-select: none;
}
body *,
body *:before,
body *:after {
  box-sizing: border-box;
}
body iframe {
  user-select: text;
}
*,
*:focus,
a:focus {
  outline: none;
}
button:focus,
INPUT[type='checkbox']:focus,
INPUT[type='radio']:focus {
  outline: 1px dotted Gray;
  outline-offset: 0;
}
.cubeCompactNavigationTab > .button-as-label:focus,
.ribbon-element:focus,
.groupicon32:focus,
.groupicon:focus,
.DropDownGroupIcon:focus,
.flow-panel-with-key-access-handling *[tabindex="5002"]:focus {
  outline: 1px dotted Gray;
  outline-offset: -1px;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  line-height: inherit;
}
TEXTAREA,
INPUT[type="text"],
INPUT[type="password"] {
  user-select: text;
}
.gwt-TextBox:not(.custom-style),
.gwt-PasswordTextBox,
.gwt-ListBox:not(.custom-style),
.gwt-TextArea {
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  outline: 0;
  color: #333;
}
.gwt-TextBox:not(.custom-style):not([disabled]),
.gwt-PasswordTextBox:not([disabled]),
.gwt-ListBox:not(.custom-style):not([disabled]),
.gwt-TextArea:not([disabled]) {
  background-color: #fbfbfb;
  border-color: #999999;
}
.gwt-TextBox:not(.custom-style):not([disabled]):hover,
.gwt-PasswordTextBox:not([disabled]):hover,
.gwt-ListBox:not(.custom-style):not([disabled]):hover,
.gwt-TextArea:not([disabled]):hover {
  border-color: #494949;
}
.gwt-TextBox:not(.custom-style):not([disabled]):focus,
.gwt-PasswordTextBox:not([disabled]):focus,
.gwt-ListBox:not(.custom-style):not([disabled]):focus,
.gwt-TextArea:not([disabled]):focus,
.gwt-TextBox:not(.custom-style):not([disabled]).has-focus,
.gwt-PasswordTextBox:not([disabled]).has-focus,
.gwt-ListBox:not(.custom-style):not([disabled]).has-focus,
.gwt-TextArea:not([disabled]).has-focus {
  background-color: #fff;
  border-color: #494949;
}
.gwt-TextBox:not(.custom-style)[disabled],
.gwt-PasswordTextBox[disabled],
.gwt-ListBox:not(.custom-style)[disabled],
.gwt-TextArea[disabled] {
  color: #808080;
  background-color: #fcfcfc;
  border-color: transparent;
  border-bottom-color: #efefef;
  cursor: auto;
}
.gwt-TextBox:not(.custom-style)[disabled] img,
.gwt-PasswordTextBox[disabled] img,
.gwt-ListBox:not(.custom-style)[disabled] img,
.gwt-TextArea[disabled] img,
.gwt-TextBox:not(.custom-style)[disabled] .xml-icon,
.gwt-PasswordTextBox[disabled] .xml-icon,
.gwt-ListBox:not(.custom-style)[disabled] .xml-icon,
.gwt-TextArea[disabled] .xml-icon {
  opacity: 0.4;
}
.dialog-ListBox,
.dialog-TextArea,
.dialog-TextBox,
.gwt-ControlPanel,
.removeable-select,
.mve-dlg-input,
.dialog-field-complex {
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  border-color: #999999;
}
.dialog-ListBox:hover,
.dialog-TextArea:hover,
.dialog-TextBox:hover,
.gwt-ControlPanel:hover,
.removeable-select:hover,
.mve-dlg-input:hover,
.dialog-field-complex:hover {
  border-color: #494949;
}
.dialog-ListBox:focus,
.dialog-TextArea:focus,
.dialog-TextBox:focus,
.gwt-ControlPanel:focus,
.removeable-select:focus,
.mve-dlg-input:focus,
.dialog-field-complex:focus,
.dialog-ListBox.has-focus,
.dialog-TextArea.has-focus,
.dialog-TextBox.has-focus,
.gwt-ControlPanel.has-focus,
.removeable-select.has-focus,
.mve-dlg-input.has-focus,
.dialog-field-complex.has-focus {
  background-color: #fff;
  border-color: #494949;
}
.dialog-field-complex {
  padding: 0;
}
INPUT[type='checkbox'],
INPUT[type='radio'] {
  margin: 0 4px 0 2px;
}
.cube-dialog {
  z-index: 21;
  overflow: auto;
  background: #ffffff;
  border-radius: 0;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.35);
}
.cube-dialog .gwt-TextBox:not(.custom-style),
.cube-dialog .gwt-PasswordTextBox,
.cube-dialog .gwt-ListBox:not(.custom-style) {
  font-size: 14px;
  width: 100%;
  line-height: 20px;
  height: 35px;
}
.cube-dialog .info-text {
  margin-bottom: 20px;
}
.cube-dialog .textfield-info-label {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.cube-dialog .checkbox {
  margin-bottom: 10px;
}
.cube-dialog .favoriteName {
  margin-bottom: 5px;
}
.pop-over-display ~ .top-dialog {
  z-index: 24;
}
.pop-over-display ~ .backgroundoverlay {
  z-index: 23;
}
.dialogTop,
.dialogBottom,
.dialogMiddleLeft,
.dialogMiddleRight {
  display: none;
}
.cube-dialog-transparent {
  background: none;
}
.cube-dialog .modalcubeframe {
  background-color: #ffffff;
  border-radius: 0;
  margin-bottom: 6px;
}
.cube-dialog .Caption {
  color: inherit;
  background-color: inherit;
  font-size: 18px;
  cursor: default;
}
.cube-dialog .Caption .modalcube-caption-table {
  position: relative;
  height: 54px;
  background-image: linear-gradient(to bottom, #fefefe 4px, #f0f0f0);
}
.cube-dialog .Caption .modalcube-caption-table .Caption {
  padding-right: 53px;
  padding-left: 12px;
  line-height: 52px;
  width: auto !important;
  white-space: nowrap;
}
.cube-dialog .Caption .modalcube-caption-table .Caption:empty:after {
  content: '';
  display: inline-block;
  width: 0px;
  height: auto;
}
.cube-dialog .Caption .modalcube-caption-table .xml-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  font-size: 22px;
  height: 53px;
  line-height: 53px;
  color: #cdcdcd;
  transition: background-color 0.2s ease;
}
.cube-dialog .Caption .modalcube-caption-table .xml-icon:hover {
  color: #7f7f83;
  background-color: #cdcdcd;
}
.cube-dialog .Caption .modalcube-caption-table.caption-ellipsis {
  overflow: hidden;
}
.cube-dialog .Caption .modalcube-caption-table.caption-ellipsis .Caption {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
}
.cube-dialog .dialog-button-container {
  float: right ;
}
.cube-dialog .tab-22 {
  width: 4px;
  height: 4px;
  font-size: 1px;
}
.cube-dialog .ContentBackground {
  background-color: #ffffff;
}
.cube-dialogmainpanel {
  width: 100%;
  height: 100%;
  padding: 8px;
}
.cube-dialogmainpanel-type-image {
  margin-right: 10px;
}
.cube-dialogmainpanel table:not([cellspacing]) {
  border-spacing: 2px;
}
.cube-dialogmainpanel .gwt-Tree table {
  border-spacing: unset;
}
.cube-dialogmainpanel fieldset {
  margin: 0;
}
.cube-dialog-gwt-buttons .gwt-Button:not(.call-to-action):not(.escape-action),
.cube-dialog-gwt-buttons .gwt-PushButton:not(.call-to-action):not(.escape-action) {
  display: block;
  line-height: 1.5em;
  min-height: 26px;
}
.cube-dialog-visibility-hidden {
  visibility: hidden !important;
}
.button-as-label {
  display: inline-block;
  border: none;
  background: transparent;
  padding: 0;
}
.cube-Image,
.cube-Image16,
.cube-Image21,
.cube-Image32 {
  border: 0;
}
.cube-Image16 {
  background-size: 16px 16px;
  background-position: center;
  width: 16px;
  height: 16px;
}
.cube-Image21 {
  background-size: 21px 21px;
  background-position: center;
  width: 21px;
  height: 21px;
}
.cube-Image32 {
  width: 32px;
  height: 32px;
}
.cube-image-not-enlarge {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  overflow: hidden;
}
.cube-image-not-enlarge > * {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
img {
  display: block;
  border: 0;
}
h2 {
  font-weight: normal;
}
label {
  font-weight: normal !important;
  margin: 0;
}
table {
  border-collapse: separate;
}
table:not(.font-unchanged) {
  font-size: 14px;
}
#hitlistbody > .grouprow img {
  display: inline;
  vertical-align: middle;
}
.gwt-Button:not(.call-to-action):not(.escape-action),
.gwt-PushButton:not(.call-to-action):not(.escape-action) {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #f9f9f9;
  color: #333;
  border: 1px solid #bebebe;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.gwt-Button:not(.call-to-action):not(.escape-action):hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action):hover {
  background-color: #fff;
  color: #333;
}
.gwt-Button:not(.call-to-action):not(.escape-action):focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action):focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled] img,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled] img,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled img,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled img,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled img,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled img,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled img,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled img,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled img,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled img,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled img,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled img,
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled] .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled] .xml-icon,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled .xml-icon,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled .xml-icon,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled .xml-icon,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled .xml-icon,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled .xml-icon,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled],
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled],
.gwt-Button:not(.call-to-action):not(.escape-action).disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled]:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled]:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled]:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled]:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled],
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled],
.gwt-Button:not(.call-to-action):not(.escape-action).disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled {
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled]:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled]:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:hover,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:hover,
.gwt-Button:not(.call-to-action):not(.escape-action)[disabled]:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action)[disabled]:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-down-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-PushButton-up-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-down-disabled:focus,
.gwt-Button:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:focus,
.gwt-PushButton:not(.call-to-action):not(.escape-action).gwt-Button-up-disabled:focus {
  background-color: #f9f9f9;
}
.gwt-Button.call-to-action,
.gwt-PushButton.call-to-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #333333;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.gwt-Button.call-to-action:hover,
.gwt-PushButton.call-to-action:hover {
  background-color: #767676;
  color: #ffffff;
}
.gwt-Button.call-to-action:focus,
.gwt-PushButton.call-to-action:focus {
  outline: 1px dotted #fff;
  outline-offset: 1px;
}
.gwt-Button.call-to-action[disabled] img,
.gwt-PushButton.call-to-action[disabled] img,
.gwt-Button.call-to-action.disabled img,
.gwt-PushButton.call-to-action.disabled img,
.gwt-Button.call-to-action.gwt-Button-up-disabled img,
.gwt-PushButton.call-to-action.gwt-Button-up-disabled img,
.gwt-Button.call-to-action.gwt-Button-down-disabled img,
.gwt-PushButton.call-to-action.gwt-Button-down-disabled img,
.gwt-Button.call-to-action.gwt-PushButton-up-disabled img,
.gwt-PushButton.call-to-action.gwt-PushButton-up-disabled img,
.gwt-Button.call-to-action.gwt-PushButton-down-disabled img,
.gwt-PushButton.call-to-action.gwt-PushButton-down-disabled img,
.gwt-Button.call-to-action[disabled] .xml-icon,
.gwt-PushButton.call-to-action[disabled] .xml-icon,
.gwt-Button.call-to-action.disabled .xml-icon,
.gwt-PushButton.call-to-action.disabled .xml-icon,
.gwt-Button.call-to-action.gwt-Button-up-disabled .xml-icon,
.gwt-PushButton.call-to-action.gwt-Button-up-disabled .xml-icon,
.gwt-Button.call-to-action.gwt-Button-down-disabled .xml-icon,
.gwt-PushButton.call-to-action.gwt-Button-down-disabled .xml-icon,
.gwt-Button.call-to-action.gwt-PushButton-up-disabled .xml-icon,
.gwt-PushButton.call-to-action.gwt-PushButton-up-disabled .xml-icon,
.gwt-Button.call-to-action.gwt-PushButton-down-disabled .xml-icon,
.gwt-PushButton.call-to-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.gwt-Button.call-to-action[disabled],
.gwt-PushButton.call-to-action[disabled],
.gwt-Button.call-to-action.disabled,
.gwt-PushButton.call-to-action.disabled,
.gwt-Button.call-to-action.gwt-Button-up-disabled,
.gwt-PushButton.call-to-action.gwt-Button-up-disabled,
.gwt-Button.call-to-action.gwt-Button-down-disabled,
.gwt-PushButton.call-to-action.gwt-Button-down-disabled,
.gwt-Button.call-to-action.gwt-PushButton-up-disabled,
.gwt-PushButton.call-to-action.gwt-PushButton-up-disabled,
.gwt-Button.call-to-action.gwt-PushButton-down-disabled,
.gwt-PushButton.call-to-action.gwt-PushButton-down-disabled,
.gwt-Button.call-to-action[disabled]:hover,
.gwt-PushButton.call-to-action[disabled]:hover,
.gwt-Button.call-to-action.disabled:hover,
.gwt-PushButton.call-to-action.disabled:hover,
.gwt-Button.call-to-action.gwt-Button-up-disabled:hover,
.gwt-PushButton.call-to-action.gwt-Button-up-disabled:hover,
.gwt-Button.call-to-action.gwt-Button-down-disabled:hover,
.gwt-PushButton.call-to-action.gwt-Button-down-disabled:hover,
.gwt-Button.call-to-action.gwt-PushButton-up-disabled:hover,
.gwt-PushButton.call-to-action.gwt-PushButton-up-disabled:hover,
.gwt-Button.call-to-action.gwt-PushButton-down-disabled:hover,
.gwt-PushButton.call-to-action.gwt-PushButton-down-disabled:hover,
.gwt-Button.call-to-action[disabled]:focus,
.gwt-PushButton.call-to-action[disabled]:focus,
.gwt-Button.call-to-action.disabled:focus,
.gwt-PushButton.call-to-action.disabled:focus,
.gwt-Button.call-to-action.gwt-Button-up-disabled:focus,
.gwt-PushButton.call-to-action.gwt-Button-up-disabled:focus,
.gwt-Button.call-to-action.gwt-Button-down-disabled:focus,
.gwt-PushButton.call-to-action.gwt-Button-down-disabled:focus,
.gwt-Button.call-to-action.gwt-PushButton-up-disabled:focus,
.gwt-PushButton.call-to-action.gwt-PushButton-up-disabled:focus,
.gwt-Button.call-to-action.gwt-PushButton-down-disabled:focus,
.gwt-PushButton.call-to-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.gwt-Button.escape-action,
.gwt-PushButton.escape-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #fbfbfb;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.gwt-Button.escape-action:hover,
.gwt-PushButton.escape-action:hover {
  background-color: #dedede;
  color: #333;
}
.gwt-Button.escape-action:focus,
.gwt-PushButton.escape-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.gwt-Button.escape-action[disabled] img,
.gwt-PushButton.escape-action[disabled] img,
.gwt-Button.escape-action.disabled img,
.gwt-PushButton.escape-action.disabled img,
.gwt-Button.escape-action.gwt-Button-up-disabled img,
.gwt-PushButton.escape-action.gwt-Button-up-disabled img,
.gwt-Button.escape-action.gwt-Button-down-disabled img,
.gwt-PushButton.escape-action.gwt-Button-down-disabled img,
.gwt-Button.escape-action.gwt-PushButton-up-disabled img,
.gwt-PushButton.escape-action.gwt-PushButton-up-disabled img,
.gwt-Button.escape-action.gwt-PushButton-down-disabled img,
.gwt-PushButton.escape-action.gwt-PushButton-down-disabled img,
.gwt-Button.escape-action[disabled] .xml-icon,
.gwt-PushButton.escape-action[disabled] .xml-icon,
.gwt-Button.escape-action.disabled .xml-icon,
.gwt-PushButton.escape-action.disabled .xml-icon,
.gwt-Button.escape-action.gwt-Button-up-disabled .xml-icon,
.gwt-PushButton.escape-action.gwt-Button-up-disabled .xml-icon,
.gwt-Button.escape-action.gwt-Button-down-disabled .xml-icon,
.gwt-PushButton.escape-action.gwt-Button-down-disabled .xml-icon,
.gwt-Button.escape-action.gwt-PushButton-up-disabled .xml-icon,
.gwt-PushButton.escape-action.gwt-PushButton-up-disabled .xml-icon,
.gwt-Button.escape-action.gwt-PushButton-down-disabled .xml-icon,
.gwt-PushButton.escape-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.gwt-Button.escape-action[disabled],
.gwt-PushButton.escape-action[disabled],
.gwt-Button.escape-action.disabled,
.gwt-PushButton.escape-action.disabled,
.gwt-Button.escape-action.gwt-Button-up-disabled,
.gwt-PushButton.escape-action.gwt-Button-up-disabled,
.gwt-Button.escape-action.gwt-Button-down-disabled,
.gwt-PushButton.escape-action.gwt-Button-down-disabled,
.gwt-Button.escape-action.gwt-PushButton-up-disabled,
.gwt-PushButton.escape-action.gwt-PushButton-up-disabled,
.gwt-Button.escape-action.gwt-PushButton-down-disabled,
.gwt-PushButton.escape-action.gwt-PushButton-down-disabled,
.gwt-Button.escape-action[disabled]:hover,
.gwt-PushButton.escape-action[disabled]:hover,
.gwt-Button.escape-action.disabled:hover,
.gwt-PushButton.escape-action.disabled:hover,
.gwt-Button.escape-action.gwt-Button-up-disabled:hover,
.gwt-PushButton.escape-action.gwt-Button-up-disabled:hover,
.gwt-Button.escape-action.gwt-Button-down-disabled:hover,
.gwt-PushButton.escape-action.gwt-Button-down-disabled:hover,
.gwt-Button.escape-action.gwt-PushButton-up-disabled:hover,
.gwt-PushButton.escape-action.gwt-PushButton-up-disabled:hover,
.gwt-Button.escape-action.gwt-PushButton-down-disabled:hover,
.gwt-PushButton.escape-action.gwt-PushButton-down-disabled:hover,
.gwt-Button.escape-action[disabled]:focus,
.gwt-PushButton.escape-action[disabled]:focus,
.gwt-Button.escape-action.disabled:focus,
.gwt-PushButton.escape-action.disabled:focus,
.gwt-Button.escape-action.gwt-Button-up-disabled:focus,
.gwt-PushButton.escape-action.gwt-Button-up-disabled:focus,
.gwt-Button.escape-action.gwt-Button-down-disabled:focus,
.gwt-PushButton.escape-action.gwt-Button-down-disabled:focus,
.gwt-Button.escape-action.gwt-PushButton-up-disabled:focus,
.gwt-PushButton.escape-action.gwt-PushButton-up-disabled:focus,
.gwt-Button.escape-action.gwt-PushButton-down-disabled:focus,
.gwt-PushButton.escape-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.call-to-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #333333;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 38px;
  text-align: center;
}
.call-to-action:hover {
  background-color: #767676;
  color: #ffffff;
}
.call-to-action:focus {
  outline: 1px dotted #fff;
  outline-offset: 1px;
}
.call-to-action[disabled] img,
.call-to-action.disabled img,
.call-to-action.gwt-Button-up-disabled img,
.call-to-action.gwt-Button-down-disabled img,
.call-to-action.gwt-PushButton-up-disabled img,
.call-to-action.gwt-PushButton-down-disabled img,
.call-to-action[disabled] .xml-icon,
.call-to-action.disabled .xml-icon,
.call-to-action.gwt-Button-up-disabled .xml-icon,
.call-to-action.gwt-Button-down-disabled .xml-icon,
.call-to-action.gwt-PushButton-up-disabled .xml-icon,
.call-to-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.call-to-action[disabled],
.call-to-action.disabled,
.call-to-action.gwt-Button-up-disabled,
.call-to-action.gwt-Button-down-disabled,
.call-to-action.gwt-PushButton-up-disabled,
.call-to-action.gwt-PushButton-down-disabled,
.call-to-action[disabled]:hover,
.call-to-action.disabled:hover,
.call-to-action.gwt-Button-up-disabled:hover,
.call-to-action.gwt-Button-down-disabled:hover,
.call-to-action.gwt-PushButton-up-disabled:hover,
.call-to-action.gwt-PushButton-down-disabled:hover,
.call-to-action[disabled]:focus,
.call-to-action.disabled:focus,
.call-to-action.gwt-Button-up-disabled:focus,
.call-to-action.gwt-Button-down-disabled:focus,
.call-to-action.gwt-PushButton-up-disabled:focus,
.call-to-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.call-to-action-o {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fff;
  color: #333333;
  border: 1px solid #494949;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 38px;
  text-align: center;
}
.call-to-action-o:hover {
  background-color: #f1f1f1;
  color: #333333;
}
.call-to-action-o:focus {
  outline: 1px dotted #333333;
  outline-offset: 1px;
}
.call-to-action-o[disabled] img,
.call-to-action-o.disabled img,
.call-to-action-o.gwt-Button-up-disabled img,
.call-to-action-o.gwt-Button-down-disabled img,
.call-to-action-o.gwt-PushButton-up-disabled img,
.call-to-action-o.gwt-PushButton-down-disabled img,
.call-to-action-o[disabled] .xml-icon,
.call-to-action-o.disabled .xml-icon,
.call-to-action-o.gwt-Button-up-disabled .xml-icon,
.call-to-action-o.gwt-Button-down-disabled .xml-icon,
.call-to-action-o.gwt-PushButton-up-disabled .xml-icon,
.call-to-action-o.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.call-to-action-o[disabled],
.call-to-action-o.disabled,
.call-to-action-o.gwt-Button-up-disabled,
.call-to-action-o.gwt-Button-down-disabled,
.call-to-action-o.gwt-PushButton-up-disabled,
.call-to-action-o.gwt-PushButton-down-disabled,
.call-to-action-o[disabled]:hover,
.call-to-action-o.disabled:hover,
.call-to-action-o.gwt-Button-up-disabled:hover,
.call-to-action-o.gwt-Button-down-disabled:hover,
.call-to-action-o.gwt-PushButton-up-disabled:hover,
.call-to-action-o.gwt-PushButton-down-disabled:hover,
.call-to-action-o[disabled]:focus,
.call-to-action-o.disabled:focus,
.call-to-action-o.gwt-Button-up-disabled:focus,
.call-to-action-o.gwt-Button-down-disabled:focus,
.call-to-action-o.gwt-PushButton-up-disabled:focus,
.call-to-action-o.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.general-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #f9f9f9;
  color: #333;
  border: 1px solid #bebebe;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 38px;
  text-align: center;
}
.general-action:hover {
  background-color: #fff;
  color: #333;
}
.general-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.general-action[disabled] img,
.general-action.disabled img,
.general-action.gwt-Button-up-disabled img,
.general-action.gwt-Button-down-disabled img,
.general-action.gwt-PushButton-up-disabled img,
.general-action.gwt-PushButton-down-disabled img,
.general-action[disabled] .xml-icon,
.general-action.disabled .xml-icon,
.general-action.gwt-Button-up-disabled .xml-icon,
.general-action.gwt-Button-down-disabled .xml-icon,
.general-action.gwt-PushButton-up-disabled .xml-icon,
.general-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.general-action[disabled],
.general-action.disabled,
.general-action.gwt-Button-up-disabled,
.general-action.gwt-Button-down-disabled,
.general-action.gwt-PushButton-up-disabled,
.general-action.gwt-PushButton-down-disabled,
.general-action[disabled]:hover,
.general-action.disabled:hover,
.general-action.gwt-Button-up-disabled:hover,
.general-action.gwt-Button-down-disabled:hover,
.general-action.gwt-PushButton-up-disabled:hover,
.general-action.gwt-PushButton-down-disabled:hover,
.general-action[disabled]:focus,
.general-action.disabled:focus,
.general-action.gwt-Button-up-disabled:focus,
.general-action.gwt-Button-down-disabled:focus,
.general-action.gwt-PushButton-up-disabled:focus,
.general-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.general-action[disabled],
.general-action.disabled,
.general-action.gwt-PushButton-down-disabled,
.general-action.gwt-PushButton-up-disabled,
.general-action.gwt-Button-down-disabled,
.general-action.gwt-Button-up-disabled {
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.general-action[disabled]:hover,
.general-action.disabled:hover,
.general-action.gwt-PushButton-down-disabled:hover,
.general-action.gwt-PushButton-up-disabled:hover,
.general-action.gwt-Button-down-disabled:hover,
.general-action.gwt-Button-up-disabled:hover,
.general-action[disabled]:focus,
.general-action.disabled:focus,
.general-action.gwt-PushButton-down-disabled:focus,
.general-action.gwt-PushButton-up-disabled:focus,
.general-action.gwt-Button-down-disabled:focus,
.general-action.gwt-Button-up-disabled:focus {
  background-color: #f9f9f9;
}
.escape-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #fbfbfb;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 38px;
  text-align: center;
}
.escape-action:hover {
  background-color: #dedede;
  color: #333;
}
.escape-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.escape-action[disabled] img,
.escape-action.disabled img,
.escape-action.gwt-Button-up-disabled img,
.escape-action.gwt-Button-down-disabled img,
.escape-action.gwt-PushButton-up-disabled img,
.escape-action.gwt-PushButton-down-disabled img,
.escape-action[disabled] .xml-icon,
.escape-action.disabled .xml-icon,
.escape-action.gwt-Button-up-disabled .xml-icon,
.escape-action.gwt-Button-down-disabled .xml-icon,
.escape-action.gwt-PushButton-up-disabled .xml-icon,
.escape-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.escape-action[disabled],
.escape-action.disabled,
.escape-action.gwt-Button-up-disabled,
.escape-action.gwt-Button-down-disabled,
.escape-action.gwt-PushButton-up-disabled,
.escape-action.gwt-PushButton-down-disabled,
.escape-action[disabled]:hover,
.escape-action.disabled:hover,
.escape-action.gwt-Button-up-disabled:hover,
.escape-action.gwt-Button-down-disabled:hover,
.escape-action.gwt-PushButton-up-disabled:hover,
.escape-action.gwt-PushButton-down-disabled:hover,
.escape-action[disabled]:focus,
.escape-action.disabled:focus,
.escape-action.gwt-Button-up-disabled:focus,
.escape-action.gwt-Button-down-disabled:focus,
.escape-action.gwt-PushButton-up-disabled:focus,
.escape-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.custom-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 38px;
  text-align: center;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
}
.custom-action:hover {
  background-color: transparent;
  color: #ffffff;
}
.custom-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.custom-action[disabled] img,
.custom-action.disabled img,
.custom-action.gwt-Button-up-disabled img,
.custom-action.gwt-Button-down-disabled img,
.custom-action.gwt-PushButton-up-disabled img,
.custom-action.gwt-PushButton-down-disabled img,
.custom-action[disabled] .xml-icon,
.custom-action.disabled .xml-icon,
.custom-action.gwt-Button-up-disabled .xml-icon,
.custom-action.gwt-Button-down-disabled .xml-icon,
.custom-action.gwt-PushButton-up-disabled .xml-icon,
.custom-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.custom-action[disabled],
.custom-action.disabled,
.custom-action.gwt-Button-up-disabled,
.custom-action.gwt-Button-down-disabled,
.custom-action.gwt-PushButton-up-disabled,
.custom-action.gwt-PushButton-down-disabled,
.custom-action[disabled]:hover,
.custom-action.disabled:hover,
.custom-action.gwt-Button-up-disabled:hover,
.custom-action.gwt-Button-down-disabled:hover,
.custom-action.gwt-PushButton-up-disabled:hover,
.custom-action.gwt-PushButton-down-disabled:hover,
.custom-action[disabled]:focus,
.custom-action.disabled:focus,
.custom-action.gwt-Button-up-disabled:focus,
.custom-action.gwt-Button-down-disabled:focus,
.custom-action.gwt-PushButton-up-disabled:focus,
.custom-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.gwt-CheckBox {
  z-index: 20;
  white-space: nowrap;
}
.gwt-CheckBox > * {
  vertical-align: middle;
  display: inline;
}
.dialog-CheckBox {
  z-index: 20;
}
.dialog-ListBox,
.dialog-TextArea,
.dialog-TextBox,
.gwt-ControlPanel,
.removeable-select,
.mve-dlg-input {
  z-index: 20;
}
.gwt-ControlPanel {
  display: inline-flex;
  min-width: 25px;
  height: 35px;
  padding: 0;
}
.gwt-ControlPanel > *:not(.dialog-ControlIconPanel):not(.fixed-width) {
  flex: 1 1 0%;
  width: 100%;
  min-width: 0;
}
.gwt-ControlPanel .gwt-SuggestBox > * {
  height: 100%;
  width: 100%;
}
.gwt-ControlPanel .gwt-TextBox {
  border: 0;
  font-size: inherit;
  box-shadow: none;
  background: transparent;
  padding: 0 2px;
}
.gwt-ControlPanel .dialog-ControlIconPanel {
  width: 25px;
  min-width: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  color: #555;
  font-size: 21px;
}
.gwt-ControlPanel .dialog-ControlIconPanel .xml-icon .xml-icon-inner > svg {
  stroke-width: 1.1px;
}
.gwt-ControlPanel.element-disabled .dialog-ControlIconPanel {
  opacity: 0.4;
  cursor: default;
}
.gwt-ControlPanel.element-disabled .dialog-ControlIconPanel .xml-icon {
  opacity: 1;
  cursor: auto;
}
.gwt-ControlPanel:not(.element-disabled) .dialog-ControlIconPanel:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.gwt-ControlPanel .code-box {
  border-right: 1px solid #e6e6e6;
}
.gwt-ControlPanel.element-read-only .code-box {
  border-right: 1px solid #cecece;
}
.gwt-ControlPanel.element-disabled .code-box {
  border-right: 1px solid #efefef;
}
.gwt-FileUpload {
  user-select: all;
}
.gwt-CustomImage {
  border: none;
  width: 16px;
  height: 16px;
}
.dialog-Label {
  z-index: 20;
  font-size: 8pt;
  line-height: 8pt;
}
.gwt-Label {
  z-index: 20;
}
.gwt-Label-bold {
  font-weight: bold;
}
.gwt-ListBox {
  font-size: 1.0em;
}
.gwt-MenuBar {
  overflow: auto;
  cursor: default;
  padding: 1px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  color: #333;
}
.gwt-MenuBar .gwt-MenuItem,
.gwt-MenuBar .item {
  padding: 3px 5px;
  cursor: pointer;
  white-space: nowrap;
}
.gwt-MenuBar .gwt-MenuItem-selected,
.gwt-MenuBar .item-selected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.gwt-PasswordTextBox {
  font-size: 1.0em;
}
.gwt-RadioButton > * {
  vertical-align: middle;
}
.gwt-TextArea {
  z-index: 20;
}
.gwt-SuggestBox {
  z-index: 100;
}
.dialog-textbox {
  z-index: 20;
}
.element-read-only,
.element-read-only:hover,
.element-read-only:focus,
.element-read-only.has-focus {
  color: #515151;
  background-color: #E7E7E7;
  border-color: transparent;
  border-bottom-color: #cecece;
}
.element-mandatory {
  background-color: #FFFFDD;
}
.element-mandatory.gwt-ControlPanel:focus,
.element-mandatory.dialog-ListBox:focus,
.element-mandatory.dialog-TextArea:focus,
.element-mandatory.dialog-TextBox:focus,
.element-mandatory.removeable-select:focus,
.element-mandatory.gwt-ControlPanel.has-focus,
.element-mandatory.dialog-ListBox.has-focus,
.element-mandatory.dialog-TextArea.has-focus,
.element-mandatory.dialog-TextBox.has-focus,
.element-mandatory.removeable-select.has-focus {
  background-color: #FFFFF3;
}
.element-disabled,
.element-disabled:hover,
.element-disabled:focus {
  color: #808080;
  background-color: #fcfcfc;
  border-color: transparent;
  border-bottom-color: #efefef;
  cursor: auto;
}
.element-disabled img,
.element-disabled:hover img,
.element-disabled:focus img,
.element-disabled .xml-icon,
.element-disabled:hover .xml-icon,
.element-disabled:focus .xml-icon {
  opacity: 0.4;
}
.element-invalid {
  outline: #d93025 1px solid;
  outline-offset: 1px;
}
.element-invalid.field-selected {
  outline-width: 2px;
  outline-offset: 1px;
}
.gwt-Tree {
  padding: 0;
}
.gwt-Tree > div > table {
  white-space: nowrap;
  border-collapse: collapse;
}
.gwt-Tree > div > table > tbody > tr > td {
  padding: 0;
  display: inline-block;
}
.gui-object {
  line-height: 1.7;
}
.gui-object.has-both > table {
  border-spacing: 1px;
}
.gui-object > div.fixed-width-by-parent {
  display: inline-flex;
  width: 100%;
}
.gui-object > div.fixed-width-by-parent > div:nth-child(1) {
  align-items: center;
  display: inline-flex;
}
.gui-object > div.fixed-width-by-parent > div:nth-child(2) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gwt-TreeItem {
  line-height: 1.7;
}
.gwt-TreeItem > table {
  white-space: nowrap;
  border-collapse: collapse;
}
.gwt-TreeItem > table > tbody > tr > td {
  padding: 0;
  display: inline-block;
}
.gwt-TreeItem * {
  white-space: pre;
}
.gwt-TreeItem {
  vertical-align: middle;
}
.gwt-TreeItem:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
  color: #000;
}
.gwt-TreeItem > .draggetterpanel {
  border: 1px solid transparent;
}
.gwt-TreeItem-selected > .draggetterpanel {
  border: 1px dotted #999;
}
.cubeTreeItemSelected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.imageCheckBox {
  width: 13px;
  height: 13px;
  background: url('../images/imageCheckBox.png') no-repeat;
  background-position: left top;
  margin-left: 2px;
  margin-right: 2px;
  overflow: hidden;
  font-size: 1px;
}
.imageCheckBoxDisabled {
  background-position: right top;
}
.imageCheckBoxHover {
  background-position: center top;
}
.imageCheckBoxChecked {
  background-position: left bottom;
}
.imageCheckBoxCheckedDisabled {
  background-position: right bottom;
}
.imageCheckBoxCheckedHover {
  background-position: center bottom;
}
.infinite-tree .imageCheckBox,
.gwt-Tree .imageCheckBox {
  margin-left: 1px;
  margin-right: 5px;
}
.fav-tree .gwt-TreeItem {
  margin-left: -5px;
}
.fav-tree .imageAutostartOverlay {
  position: relative;
}
.fav-tree .imageAutostartOverlay:before {
  content: url(../images/icons2015/AutostartTriangle.png);
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
html[dir='rtl'] .fav-tree .imageAutostartOverlay:before {
  transform: scaleX(-1);
}
.overlay_link:before {
  content: url(../images/icons2015/link.png);
  margin-left: -10px;
  margin-top: -5px;
  position: absolute;
  transform: scale(0.4);
}
html[dir='rtl'] .overlay_link:before {
  transform: scaleX(-1);
}
.vertical-split-panel > .split-panel-splitter {
  width: 100%;
}
.vertical-split-panel > .split-panel-splitter > * {
  cursor: row-resize;
  background-color: #dedede;
  left: 0;
  right: 0;
  bottom: 0;
}
.vertical-split-panel > *:nth-child(2),
.vertical-split-panel > *:nth-child(3) {
  left: 0;
  right: 0;
}
.vertical-split-panel.hide-first-container > *:nth-child(2) {
  height: 0%;
}
.vertical-split-panel.hide-second-container > *:nth-child(3) {
  height: 0%;
}
.horizontal-split-panel > .split-panel-splitter {
  height: 100%;
}
.horizontal-split-panel > .split-panel-splitter > * {
  cursor: col-resize;
  background-color: #dedede;
  top: 0;
  right: 0;
  bottom: 0;
}
.horizontal-split-panel > *:nth-child(2),
.horizontal-split-panel > *:nth-child(3) {
  top: 0;
  bottom: 0;
}
.horizontal-split-panel.hide-first-container > *:nth-child(2) {
  width: 0%;
}
.horizontal-split-panel.hide-second-container > *:nth-child(3) {
  width: 0%;
}
.split-panel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.split-panel-splitter {
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.split-panel-splitter > * {
  background-color: #FFFFFF;
  position: absolute;
}
.split-panel-splitter.disabled > * {
  cursor: default;
  background-image: none;
}
.split-panel > * {
  overflow: hidden;
  position: absolute;
}
.split-panel > *:nth-child(2) > *,
.split-panel > *:nth-child(3) > * {
  width: 100%;
  height: 100%;
}
.split-panel.hide-first-container > *:nth-child(3) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.split-panel.hide-first-container > .split-panel-splitter {
  display: none;
}
.split-panel.hide-second-container > *:nth-child(2) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.split-panel.hide-second-container > .split-panel-splitter {
  display: none;
}
.gwt-SuggestBoxPopup {
  z-index: 30;
}
.cell {
  border-top: none;
  border-left: none;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 2px 0 6px;
}
#mainForm {
  display: inline-block;
}
#hitlistbody .grid-checkbox {
  background-image: url("../images/checkbox/checkbox.gif");
}
#hitlistbody .grid-checkbox,
#hitlistbody .grid-checkbox-checked {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 14px;
}
#hitlistbody .grid-checkbox-checked {
  background-image: url("../images/checkbox/checkboxchecked.gif");
}
.grid-cell-width-container {
  position: absolute;
  left: 30px;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.grid-cell-width-container > div {
  position: absolute;
  padding: 0 2px 0 6px;
  white-space: pre;
  overflow: hidden;
  max-height: 10px;
}
#hitlistbody > tbody > tr > *:not(.darkzoneDheadertop) {
  border: none;
  vertical-align: middle;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 2px 0 6px;
}
#hitlistbody > tbody.new-grid-item-left-line > tr > td:nth-child(2),
#hitlistbody > tbody.new-grid-item-left-line > tr > td.grouprow {
  padding-left: 2px;
  border-left: 3px solid #333333;
}
#hitlistbody > tbody.new-grid-item-animation > tr {
  animation: fadeinbackground 2s ease-in;
}
#hitlistbody > tbody.new-grid-item-animation > tr > td {
  background-color: transparent !important;
}
#hitlistbody > tbody.new-grid-item-animation > tr:after {
  background-color: transparent !important;
}
#hitlistbody > tbody.grid-blank-row {
  height: 0;
}
#hitlistbody > tbody.grid-blank-row > tr > td {
  padding: 0;
  border-bottom: 1px solid #c6c6c6;
}
#hitlistbody.display-bottom-border:not(.no-content) {
  border-bottom: 1px solid #f1f1f1;
}
#hitlistbody.display-bottom-border:not(.no-content) > tbody > tr:first-child > td:not(.darkzoneDheadertop),
#hitlistbody.display-bottom-border:not(.no-content) > tbody > tr:after {
  border-top: 1px solid #f1f1f1;
}
#hitlistbody.display-bottom-border:not(.no-content) > tbody:nth-child(3) > tr:first-child > td:not(.darkzoneDheadertop),
#hitlistbody.display-bottom-border:not(.no-content) > tbody:nth-child(3) > tr:after {
  border-top-color: transparent;
}
.hitlistbody.display-right-border > tbody > tr > td:not(.no-right-border),
#hitlistbody.display-right-border > tbody > tr:after {
  border-right: 1px solid #f1f1f1 !important;
}
.scrollPanel {
  border: solid 1px;
  border-color: #C0C0C0;
}
.displayType {
  white-space: nowrap;
  padding-left: 3px;
}
.defaultDisplayType {
  white-space: nowrap;
  font-weight: bold;
  padding-left: 3px;
}
.pointerDefaultDisplayType {
  cursor: pointer;
  padding-left: 3px;
  white-space: nowrap;
  font-weight: bold;
}
.pointerDisplayType {
  cursor: pointer;
  white-space: nowrap;
  padding-left: 3px;
}
.defaultDescription {
  padding-left: 3px;
  font-weight: bold;
}
.description {
  padding-left: 3px;
}
.pointerDefaultDescription {
  padding-left: 3px;
  cursor: pointer;
  font-weight: bold;
}
.pointerDescription {
  padding-left: 3px;
  cursor: pointer;
}
tbody.darkzone {
  background-color: #fcfcfc;
}
tbody.darkzone > tr {
  background-color: inherit;
}
tbody.palezone {
  background-color: #fff;
}
tbody.palezone > tr {
  background-color: inherit;
}
tbody.darkzone > tr > *,
tbody.palezone > tr > *,
tbody.darkzone > tr:after,
tbody.palezone > tr:after {
  background-color: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
}
tbody.darkzone:hover > tr > *,
tbody.palezone:hover > tr > *,
tbody.darkzone:hover > tr:after,
tbody.palezone:hover > tr:after {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}
tbody.darkzone.rowselected > tr > *,
tbody.palezone.rowselected > tr > *,
tbody.darkzone.rowselected > tr:after,
tbody.palezone.rowselected > tr:after {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
tbody.darkzone.rowselected > tr.custom-background:not(.addional-grid-row) > *,
tbody.palezone.rowselected > tr.custom-background:not(.addional-grid-row) > *,
tbody.darkzone.rowselected > tr.custom-background:not(.addional-grid-row):after,
tbody.palezone.rowselected > tr.custom-background:not(.addional-grid-row):after {
  background-image: linear-gradient(to bottom, rgba(200, 200, 200, 0), #c8c8c8 1.5em);
  background-color: transparent !important;
}
tbody.darkzone:hover .addional-grid-row.footnote,
tbody.palezone:hover .addional-grid-row.footnote,
tbody.darkzone:hover .addional-grid-row.footnote .cell,
tbody.palezone:hover .addional-grid-row.footnote .cell {
  color: #454545 !important;
}
tbody.darkzone.rowselected .addional-grid-row.footnote,
tbody.palezone.rowselected .addional-grid-row.footnote,
tbody.darkzone.rowselected .addional-grid-row.footnote .cell,
tbody.palezone.rowselected .addional-grid-row.footnote .cell {
  color: #454545 !important;
}
tbody.darkzone:hover .addional-grid-row.hotspot,
tbody.palezone:hover .addional-grid-row.hotspot,
tbody.darkzone:hover .addional-grid-row.hotspot .cell,
tbody.palezone:hover .addional-grid-row.hotspot .cell {
  color: #00f !important;
}
tbody.darkzone.rowselected .addional-grid-row.hotspot,
tbody.palezone.rowselected .addional-grid-row.hotspot,
tbody.darkzone.rowselected .addional-grid-row.hotspot .cell,
tbody.palezone.rowselected .addional-grid-row.hotspot .cell {
  color: #0a0aff !important;
}
.aggregationcolumnheader {
  text-align: center;
  min-width: 60px;
  height: 38px !important;
}
.aggregationheaderempty-second > * {
  height: 38px !important;
}
.aggregationcolumnheaderinterval {
  line-height: 15px;
  text-align: center;
}
.aggregationrow {
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
}
.aggregationresultrow {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95em;
  text-align: right ;
  background-color: #ebebeb;
  line-height: 22px;
}
.aggregationresultrowcolumn {
  background-color: #ebebeb;
}
.aggregationresultrowcolumn,
.aggregationresultrowcolumn:hover,
.aggregationresultrowcolumn.cellselected {
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 0.95em !important;
  text-align: right  !important;
  white-space: nowrap;
}
.aggregationresultrowcolumn:hover {
  color: #000 !important;
  background-color: #dddddd;
}
.aggregationresultrowcolumn.cellselected {
  color: #000 !important;
  background-color: #d2d2d2;
}
.aggregationresultcolumn,
.aggregationresultcolumn:hover,
.aggregationresultcolumn.cellselected {
  border-left: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  background-color: #fcfcfc;
  font-weight: bold !important;
  text-align: right  !important;
}
.aggregationresultcolumn:hover {
  color: #000 !important;
  background-color: #dedede !important;
}
.aggregationresultcolumn.cellselected {
  color: #000000 !important;
  background-color: #bbbbbb !important;
}
.aggregationcategorycolumn,
.aggregationcategorycolumn:hover,
.aggregationcategorycolumn.cellselected {
  border-right: 1px solid #cccccc !important;
  background-color: #fcfcfc;
  font-weight: bold !important;
  text-align: left  !important;
}
.aggregationcategorycolumn:hover {
  color: #000 !important;
  background-color: #dedede !important;
}
.aggregationcategorycolumn.cellselected {
  color: #000000 !important;
  background-color: #bbbbbb !important;
}
.aggregationfiltercolumn,
.aggregationfiltercolumn:hover,
.aggregationfiltercolumn.cellselected {
  text-align: right  !important;
}
.aggregationfiltercolumn:hover {
  color: #000 !important;
  background-color: #ebebeb !important;
}
.aggregationfiltercolumn.cellselected {
  background-color: #c8c8c8 !important;
}
.aggregationfiltercolumn.criticalvalue {
  font-weight: bold !important;
  color: #b81b46 !important;
}
.aggregationfiltercolumn.criticalinterval {
  background-color: #FEEFB3;
}
.aggregationfiltercolumn.criticalinterval.cellselected {
  background-color: #c8ddba !important;
}
.aggregationfiltercolumn.criticalinterval.cellselected:hover {
  background-color: #c8ddba !important;
}
.aggregationfiltercolumn.criticalinterval:hover {
  background-color: #dedede !important;
}
.aggregationheaderinterval,
.aggregationheaderempty {
  border-right: 1px solid #cccccc !important;
  background-color: #ebebeb !important;
}
.aggregationheaderinterval {
  text-align: center;
}
.resultlistaggregationrowgroup {
  background-color: #ebebeb;
}
.resultlistaggregationrowgroup,
.resultlistaggregationrowgroup:hover,
.resultlistaggregationrowgroup.cellselected {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95em;
  white-space: nowrap;
}
.resultlistaggregationrowtotal {
  background-color: #dddddd;
}
.resultlistaggregationrowtotal,
.resultlistaggregationrowtotal:hover,
.resultlistaggregationrowtotal.cellselected {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95em;
  white-space: nowrap;
}
.warning {
  color: #C78500;
}
.nonselect {
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
  background-color: #E7E7E7;
  color: #515151;
}
.nonselect.rowselected {
  color: #373737 !important;
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
  background-color: #cecece !important;
}
.highlightzone {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.darkzoneheader {
  font-size: 0.95em;
  font-weight: bold;
  font-style: normal;
  background-color: #f9f9f9;
  color: #333;
}
.boldzone {
  font-weight: bold;
}
td.cellnoborder {
  padding: 0 2px 0 6px;
  border-right-style: none;
}
.multivaluecellnoborder {
  background-color: #FFF;
  color: black;
  width: 100%;
}
td.multivaluecelltd {
  color: black;
  vertical-align: middle;
  padding: 0;
}
div.multivaluecell {
  padding: 0 14px 0 0;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.multivaluecell:before {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFF;
  content: '';
  width: 12px;
  transition: background 0.3s ease-in-out 0s;
}
div.multivaluecell:after {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(0, -25%);
  border: 4px;
  border-style: solid;
  border-color: #333 transparent transparent;
  content: '';
  transition: border-top-color 0.3s ease-in-out 0s;
}
div.multivaluecell:hover:before {
  background: #d2d2d2;
}
div.multivaluecell:hover:after {
  border-top-color: #000;
}
.boldcell {
  font-weight: bold;
  padding: 0 2px 0 6px;
  border-top: none;
  border-left-style: none;
  border-right: 1px solid Gray;
  border-bottom: 1px solid Gray;
}
.zoneheadertop {
  font-weight: bold;
  text-decoration: none;
  font-size: 0.95em;
  padding: 0 !important;
  border: none !important;
}
.darkzoneDheadertop {
  font-weight: normal;
  text-decoration: none;
  border: 0 !important;
  padding: 0 !important;
  height: 36px;
  color: #333;
}
.darkzoneDheadertop > * {
  z-index: 2;
  background-color: #f9f9f9;
  border-bottom: 1px solid #cccccc !important;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 33px;
  height: 36px;
  position: relative;
}
.darkzoneDheadertop > *:not(td) {
  display: block;
}
.darkzoneDheadertop > *.mandatory-grid {
  background-color: #FFFFDD;
}
.darkzoneDheadertop > * > * {
  height: 33px;
}
.darkzoneDheadertop > *:hover {
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #FFF;
}
.darkzoneDheadertop td {
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap;
}
.resultFilterTd {
  width: 16px;
}
.filter-column-cutted {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.filter-column-cutted > * {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-container > .empty {
  display: inline-block;
}
.darkzoneDheadertoptable {
  width: 100%;
}
.darkzoneDheadertoptable:hover .resultFilterIcon {
  opacity: 1;
}
.darkzoneDheadertoptable > tbody > tr > td:first-child {
  vertical-align: middle;
}
.darkzoneDheadertoptable > tbody > tr > td:first-child > * {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.darkzoneDheaderbottom {
  background-color: #BFDBFF;
  text-decoration: none;
  font-size: 0.95em;
}
.grouprow {
  background-color: #fff;
  padding: 0 2px 0 6px;
  border-top: none;
  border-left-style: none;
  border-right-color: Gray;
  border-bottom: Gray;
  font-size: 0.95em;
  font-weight: bold;
}
.filterInfo {
  padding: 0 14px;
  padding-bottom: 23px;
  margin-top: 15px;
  margin-right: -46px;
  display: inline-flex;
}
.filterInfo-entry {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: 4px 0 4px 6px;
  height: 36px;
  line-height: 100%;
  margin-top: 14px;
  margin-right: 23px;
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
}
.filterInfo-entry > a {
  text-decoration: none;
  color: #494949;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
}
.filterInfo-entry > a > img {
  display: inline;
  vertical-align: middle;
}
.filterInfo-entry > a > .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1px;
}
a {
  color: #000000;
  text-decoration: none;
}
.navigationspace {
  height: 77px;
}
.navigationspace > *:not(.selected) {
  position: absolute;
  top: -100%;
  visibility: hidden;
  pointer-events: none;
}
.navigationspace input[type=checkbox] {
  margin: 0 4px 0 0;
}
.navigationspace .gwt-ListBox {
  margin: 0 2px;
}
.navigationspace .gwt-TextBox:not(.custom-style):not([disabled]),
.navigationspace .gwt-ListBox:not(.custom-style):not([disabled]),
.navigationspace .gwt-TextArea:not(.custom-style):not([disabled]),
.navigationspace .gwt-TextBox:not(.custom-style):not([disabled]):focus,
.navigationspace .gwt-ListBox:not(.custom-style):not([disabled]):focus,
.navigationspace .gwt-TextArea:not(.custom-style):not([disabled]):focus {
  background: #fff;
}
.navigationspace .gwt-ControlPanel:not(.element-disabled):not(.element-read-only),
.navigationspace .gwt-ControlPanel:not(.element-disabled):not(.element-read-only).has-focus {
  background: #fff;
}
.navigationspaceParent {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
}
.MouseLeave {
  border-color: black;
  border: solid 1px;
}
.MouseEnter {
  border-color: black;
  border: solid 2px;
}
.clickable-image:not(.dialog-ControlIconPanel) {
  cursor: pointer;
}
.clickable-image:not(.dialog-ControlIconPanel).xml-icon {
  color: #333333;
}
.clickable-image:not(.dialog-ControlIconPanel).xml-icon:hover {
  color: #333333;
}
.non-clickable {
  cursor: not-allowed;
}
.scrollPanePopup {
  background: #ffffff;
  z-index: 100;
  box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
}
.tooltipPanePopup {
  background: #ffffff;
  border: 1px outset;
  padding: 5px 10px;
  z-index: 100;
}
.cubetab-splitpanel {
  margin: 5px;
  background-color: #ffffff;
  width: 100%;
}
.modalcubeframe {
  overflow: hidden;
}
.modalcubeframe > tbody > tr > td:first-child,
.modalcubeframe > tbody > tr > td:last-child {
  min-width: 4px;
}
.modalcubeframe > tbody > tr:last-child td {
  height: 4px;
}
.navigation {
  font-size: 1.0em;
  cursor: pointer;
}
.navigation a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
.navigation a:hover {
  color: #1641AF;
  cursor: pointer;
}
.cuberibbon-container {
  white-space: nowrap;
}
.cuberibbon-container > * {
  display: inline-block;
}
.group {
  border: 0;
  border-right: 1px solid transparent;
  position: relative;
}
.group:before {
  content: "";
  left: -1px;
  top: 5px;
  bottom: 5px;
  background: #eeeeee;
  width: 1px;
  position: absolute;
}
.group-action {
  height: 79px;
  padding: 0 5px 1px;
  margin-top: -1px;
  overflow: hidden;
}
.group.display-groupDialogIcon .group-action {
  padding-right: 12px;
}
.group .group-title {
  margin-top: 2px;
  width: 100%;
}
.group .group-title-label {
  font-size: .9em;
  text-align: center;
  white-space: nowrap;
  height: 16px;
  line-height: 16px;
  vertical-align: bottom;
}
.group:hover .groupDialogIcon {
  background-color: #e9e9e9;
}
.group:not(.display-groupDialogIcon) .groupDialogIcon {
  display: none;
}
.group .groupDialogIcon {
  background-image: url("../images/openribbondialog.gif");
  cursor: pointer;
  transition: background-color 0.2s ease-in-out 0s;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: center;
  width: 12px;
  height: 12px;
  margin-left: 1px;
}
html[dir='rtl'] .group .groupDialogIcon {
  transform: scaleX(-1);
}
.group .groupDialogIcon:hover {
  background-color: #cccccc;
}
.ribbon-Label {
  text-decoration: none;
  font-size: .9em;
  display: inline-block;
}
.groupicon-custom-widget {
  padding: 0 5px;
  margin-top: 1px;
}
.groupicon-custom-widget .ribbon-Label,
.groupicon-custom-widget .gwt-Label {
  font-size: 14px;
}
.groupicon,
.DropDownGroupIcon {
  font-size: .9em;
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  padding-left: 5px;
  line-height: 23px;
  margin-top: 1px;
  min-width: 100%;
}
.groupicon .cube-Image:not(.cube-Image21),
.DropDownGroupIcon .cube-Image:not(.cube-Image21) {
  width: 16px;
  height: 16px;
}
.groupicon .image-panel,
.DropDownGroupIcon .image-panel {
  height: 23px;
  width: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupicon .itemText,
.DropDownGroupIcon .itemText {
  padding: 0 5px 0 4px;
}
.groupicon td,
.DropDownGroupIcon td {
  vertical-align: middle;
}
.groupicon-hover,
.DropDownGroupIcon-hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.groupicon-active,
.DropDownGroupIcon-active,
.groupicon-selected,
.DropDownGroupIcon-selected {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #000000;
}
.groupicondisabled,
.DropDownGroupIcondisabled {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
  opacity: 0.5;
}
.groupicondisabled .xml-icon,
.DropDownGroupIcondisabled .xml-icon {
  cursor: default;
}
.groupicon32 {
  font-size: .9em;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  margin-top: 1px;
}
.groupicon32 .image-panel {
  height: 43px;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupicon32 .image-panel .xml-icon {
  font-size: 32px;
  width: 32px;
}
.groupicon32-hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.groupicon32-active {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #000000;
}
.groupicon32disabled {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
  opacity: 0.5;
}
.groupicon32disabled .xml-icon {
  cursor: default;
}
.groupicon32 .cube-Image {
  width: 32px;
  height: 32px;
}
.groupicon32 .itemText {
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  white-space: nowrap;
}
.groupicon32 .itemText:not(.ellipsis) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
}
.groupicon32 .itemText span {
  display: block;
  line-height: 0;
  height: 1px;
  overflow: hidden;
}
.groupicon32 .itemText span:before {
  content: "\00a0";
}
.groupicon32 .itemText.ellipsis {
  width: 90px;
  max-width: 90px;
}
.navigationspaceParent .groupicon32,
.navigationspaceParent .groupicon,
.navigationspaceParent .DropDownGroupIcon,
.navigationspaceParent .ribbon-element {
  color: #494949;
}
.groupicon32 .image-panel,
.groupicon .image-panel,
.DropDownGroupIcon .image-panel,
.ribbon-element .image-panel,
.groupicon32 .xml-icon,
.groupicon .xml-icon,
.DropDownGroupIcon .xml-icon,
.ribbon-element .xml-icon {
  color: inherit;
}
.navigation-container .groupicon32 .itemText,
.navigation-container .groupicon .itemText,
.navigation-container .DropDownGroupIcon .itemText,
.navigation-container .ribbon-element .itemText,
.navigation-container .groupicon32 .ribbon-element-text,
.navigation-container .groupicon .ribbon-element-text,
.navigation-container .DropDownGroupIcon .ribbon-element-text,
.navigation-container .ribbon-element .ribbon-element-text,
.navigation-container .groupicon32 .ribbon-element-text:hover,
.navigation-container .groupicon .ribbon-element-text:hover,
.navigation-container .DropDownGroupIcon .ribbon-element-text:hover,
.navigation-container .ribbon-element .ribbon-element-text:hover {
  color: #494949;
}
.navigation-container .ribbon-element:not(.disabled) .ribbon-element-text:hover {
  color: #494949;
}
.navigation-container .ribbon-element:not(.ribbon-element-custom-click):not(.disabled) .ribbon-element-inner:hover .ribbon-element-text {
  color: #494949;
}
.navigation-container .ribbon-element-visible.groupicon32,
.navigation-container .DropDownGroupIcon-active.groupicon32,
.navigation-container .groupicon-active.groupicon32,
.navigation-container .ribbon-element-visible.groupicon,
.navigation-container .DropDownGroupIcon-active.groupicon,
.navigation-container .groupicon-active.groupicon,
.navigation-container .ribbon-element-visible.DropDownGroupIcon,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon,
.navigation-container .groupicon-active.DropDownGroupIcon,
.navigation-container .ribbon-element-visible.ribbon-element,
.navigation-container .DropDownGroupIcon-active.ribbon-element,
.navigation-container .groupicon-active.ribbon-element {
  color: #555;
}
.navigation-container .ribbon-element-visible.groupicon32 .ribbon-element-image,
.navigation-container .DropDownGroupIcon-active.groupicon32 .ribbon-element-image,
.navigation-container .groupicon-active.groupicon32 .ribbon-element-image,
.navigation-container .ribbon-element-visible.groupicon .ribbon-element-image,
.navigation-container .DropDownGroupIcon-active.groupicon .ribbon-element-image,
.navigation-container .groupicon-active.groupicon .ribbon-element-image,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .ribbon-element-image,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .ribbon-element-image,
.navigation-container .groupicon-active.DropDownGroupIcon .ribbon-element-image,
.navigation-container .ribbon-element-visible.ribbon-element .ribbon-element-image,
.navigation-container .DropDownGroupIcon-active.ribbon-element .ribbon-element-image,
.navigation-container .groupicon-active.ribbon-element .ribbon-element-image,
.navigation-container .ribbon-element-visible.groupicon32 .groupicon32,
.navigation-container .DropDownGroupIcon-active.groupicon32 .groupicon32,
.navigation-container .groupicon-active.groupicon32 .groupicon32,
.navigation-container .ribbon-element-visible.groupicon .groupicon32,
.navigation-container .DropDownGroupIcon-active.groupicon .groupicon32,
.navigation-container .groupicon-active.groupicon .groupicon32,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .groupicon32,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .groupicon32,
.navigation-container .groupicon-active.DropDownGroupIcon .groupicon32,
.navigation-container .ribbon-element-visible.ribbon-element .groupicon32,
.navigation-container .DropDownGroupIcon-active.ribbon-element .groupicon32,
.navigation-container .groupicon-active.ribbon-element .groupicon32,
.navigation-container .ribbon-element-visible.groupicon32 .groupicon,
.navigation-container .DropDownGroupIcon-active.groupicon32 .groupicon,
.navigation-container .groupicon-active.groupicon32 .groupicon,
.navigation-container .ribbon-element-visible.groupicon .groupicon,
.navigation-container .DropDownGroupIcon-active.groupicon .groupicon,
.navigation-container .groupicon-active.groupicon .groupicon,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .groupicon,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .groupicon,
.navigation-container .groupicon-active.DropDownGroupIcon .groupicon,
.navigation-container .ribbon-element-visible.ribbon-element .groupicon,
.navigation-container .DropDownGroupIcon-active.ribbon-element .groupicon,
.navigation-container .groupicon-active.ribbon-element .groupicon,
.navigation-container .ribbon-element-visible.groupicon32 .itemText,
.navigation-container .DropDownGroupIcon-active.groupicon32 .itemText,
.navigation-container .groupicon-active.groupicon32 .itemText,
.navigation-container .ribbon-element-visible.groupicon .itemText,
.navigation-container .DropDownGroupIcon-active.groupicon .itemText,
.navigation-container .groupicon-active.groupicon .itemText,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .itemText,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .itemText,
.navigation-container .groupicon-active.DropDownGroupIcon .itemText,
.navigation-container .ribbon-element-visible.ribbon-element .itemText,
.navigation-container .DropDownGroupIcon-active.ribbon-element .itemText,
.navigation-container .groupicon-active.ribbon-element .itemText,
.navigation-container .ribbon-element-visible.groupicon32 .ribbon-element-text,
.navigation-container .DropDownGroupIcon-active.groupicon32 .ribbon-element-text,
.navigation-container .groupicon-active.groupicon32 .ribbon-element-text,
.navigation-container .ribbon-element-visible.groupicon .ribbon-element-text,
.navigation-container .DropDownGroupIcon-active.groupicon .ribbon-element-text,
.navigation-container .groupicon-active.groupicon .ribbon-element-text,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .ribbon-element-text,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .ribbon-element-text,
.navigation-container .groupicon-active.DropDownGroupIcon .ribbon-element-text,
.navigation-container .ribbon-element-visible.ribbon-element .ribbon-element-text,
.navigation-container .DropDownGroupIcon-active.ribbon-element .ribbon-element-text,
.navigation-container .groupicon-active.ribbon-element .ribbon-element-text,
.navigation-container .ribbon-element-visible.groupicon32 .ribbon-element-text:hover,
.navigation-container .DropDownGroupIcon-active.groupicon32 .ribbon-element-text:hover,
.navigation-container .groupicon-active.groupicon32 .ribbon-element-text:hover,
.navigation-container .ribbon-element-visible.groupicon .ribbon-element-text:hover,
.navigation-container .DropDownGroupIcon-active.groupicon .ribbon-element-text:hover,
.navigation-container .groupicon-active.groupicon .ribbon-element-text:hover,
.navigation-container .ribbon-element-visible.DropDownGroupIcon .ribbon-element-text:hover,
.navigation-container .DropDownGroupIcon-active.DropDownGroupIcon .ribbon-element-text:hover,
.navigation-container .groupicon-active.DropDownGroupIcon .ribbon-element-text:hover,
.navigation-container .ribbon-element-visible.ribbon-element .ribbon-element-text:hover,
.navigation-container .DropDownGroupIcon-active.ribbon-element .ribbon-element-text:hover,
.navigation-container .groupicon-active.ribbon-element .ribbon-element-text:hover {
  color: #555;
}
.ribbon-element-expand .groupicon32 .itemText,
.ribbon-element-expand .groupicon .itemText,
.ribbon-element-expand .DropDownGroupIcon .itemText,
.ribbon-element-expand .ribbon-element-image .itemText,
.ribbon-element-expand .groupicon32 .ribbon-element-text,
.ribbon-element-expand .groupicon .ribbon-element-text,
.ribbon-element-expand .DropDownGroupIcon .ribbon-element-text,
.ribbon-element-expand .ribbon-element-image .ribbon-element-text {
  color: inherit;
}
.representationSelector .groupicon32 .itemText {
  white-space: nowrap;
}
#searchMaximumHits {
  margin-left: 4px;
}
#searchTime {
  margin-left: 4px;
}
.loginimage {
  display: none;
  background: white;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url('../images/loginicon.gif');
  border: 1px;
  width: 80px;
  height: 139px;
}
.cubeframeResizeWidth {
  cursor: e-resize;
  width: 4px;
  position: absolute;
  top: 24px;
  right: 0;
  bottom: 11px;
}
.cubeframeResizeHeight {
  cursor: n-resize;
  height: 4px;
  position: absolute;
  right: 11px;
  bottom: 0;
  left: 0;
}
.cubeframeResizeCorner {
  display: none;
}
.cubeframeResizeCornerRight {
  width: 4px;
  height: 11px;
  right: 0;
  bottom: 0;
  border-right: 1px dotted #000000;
  cursor: se-resize;
  position: absolute;
}
.cubeframeResizeCornerBottom {
  right: 0;
  bottom: 0;
  border-bottom: 1px dotted #000000;
  cursor: se-resize;
  position: absolute;
  width: 11px;
  height: 4px;
}
.navigationPanel-collapsed .topNavigationTab .topNavigationTab {
  border-bottom-color: #cccccc;
  cursor: pointer;
}
.navigationPanel-collapsed .topNavigationTab .top-bar .navigationspaceParent {
  border: 0;
  height: 0;
  overflow: hidden;
}
.cube-dialogmainpanel > tbody > tr > td,
.cell-space > tbody > tr > td {
  padding-top: 2px;
  padding-left: 2px;
}
.cube-dialogmainpanel > tbody > tr > td:first-child,
.cell-space > tbody > tr > td:first-child {
  padding-left: 0;
}
.cube-dialogmainpanel > tbody > tr:first-child > td,
.cell-space > tbody > tr:first-child > td {
  padding-top: 0;
}
.large-dialog > tbody > tr > td {
  padding-top: 8px;
  padding-left: 2px;
}
.large-dialog > tbody > tr > td:first-child {
  padding-left: 0;
}
.large-dialog > tbody > tr:first-child > td {
  padding-top: 0;
}
.large-dialog input {
  padding: 8px 2px;
  width: 100%;
}
.large-dialog > tbody > tr > td {
  white-space: nowrap;
}
.large-dialog > tbody > tr > td:not(:last-child) {
  width: 1px;
}
.cube-dialogmain td {
  vertical-align: top;
}
.light-panel {
  display: block;
  background-color: #f1f1f1;
}
.light-panel-active {
  background-color: #d2d2d2;
}
.cubedialog tr .tabheader {
  font-size: 1.0em;
  font-weight: bold;
  height: 20px;
  background: url(../images/ScreenShot205.gif) repeat-x top left;
  vertical-align: middle;
}
.GWTCDatePicker .Cal_Buttons {
  width: 100%;
  vertical-align: middle;
}
.GWTCDatePicker .Cal_Buttons .Cal_Header {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
.GWTCDatePicker .Cal_Grid {
  width: 275px;
}
.GWTCDatePicker .Cal_Grid tbody > tr > td {
  width: 14.2857%;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}
.GWTCDatePicker .Cal_Grid tbody > tr > td,
.GWTCDatePicker .Cal_Grid tbody > tr > td > div {
  line-height: 1.8;
}
.GWTCDatePicker .Cal_Grid tbody > tr > td:first-child {
  border-left: none;
}
.GWTCDatePicker .Cal_Grid tbody > tr:first-child > td {
  border-top: none;
}
.GWTCDatePicker .Cal_Grid td.Cal_CellDayNames {
  text-align: center;
  background: #d2d2d2;
  color: #202020;
}
.GWTCDatePicker .Cal_Grid .Cal_CellDays {
  background-color: #f8f8f8;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out 0s;
}
.GWTCDatePicker .Cal_Grid .Cal_CellDays:hover {
  background-color: #d2d2d2;
}
.GWTCDatePicker .Cal_Grid .Cal_CellDays:active,
.GWTCDatePicker .Cal_Grid .Cal_CellDays:active:hover {
  cursor: wait;
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.GWTCDatePicker .Cal_Grid .Cal_Selected {
  cursor: default;
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.GWTCDatePicker .Cal_Grid .Cal_Today {
  font-weight: bold;
}
.GWTCDatePicker .Cal_Grid .Cal_InvalidDay {
  cursor: default;
  text-decoration: line-through;
}
.GWTCDatePicker .Cal_Grid .Cal_InvalidDay,
.GWTCDatePicker .Cal_Grid .Cal_InvalidDay:hover {
  background-color: #f8f8f8;
}
.GWTCDatePicker .Cal_Grid .Cal_CellEmpty {
  content: " ";
  cursor: default;
}
#slider-header {
  border-top: 1px solid #cccccc;
  height: 17px;
  background-color: #ebebeb;
  overflow: hidden;
  table-layout: fixed;
}
div#slider-container {
  position: absolute;
  height: 73px;
  background-color: #ebebeb;
  width: 500px;
}
div#sliderbar {
  position: absolute;
}
div.slideYear,
div.slideLeapYear,
div.slideWeek {
  position: relative;
  float: left ;
  display: inline;
  font-size: .8em;
  font-weight: bold;
  color: black;
}
div.slideYear,
div.slideLeapYear {
  line-height: 12px;
  height: 24px;
  padding-top: 12px;
  background-position: 0 0;
}
div.slideYear {
  background: url(../images/timeline/monthnoleapyear.gif) repeat-x;
}
div.slideLeapYear {
  background: url(../images/timeline/monthleapyear.gif) repeat-x;
}
div.slideWeek {
  height: 12px;
  background: url(../images/timeline/week4bigyear.gif) repeat-x;
}
div.sliderTimeRange {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.slider-refactorbutton {
  border: 1px solid #ABC1DE;
  background-color: #D5E4F2;
}
.slider-refactorbutton:hover {
  cursor: pointer;
  border: 1px solid #FFBD69;
  background-color: #FFEDB2;
}
.DBRSNonCompact,
.controlContainer:not(.no-border) {
  border: 1px solid #999999;
}
.controlContainer {
  display: inline-flex;
}
.controlContainer > * {
  width: 100%;
  height: 100%;
}
.categoryTreeDialog {
  background-color: white;
}
.invalid-label {
  white-space: nowrap;
  color: #cc0000;
  padding: 0 5px;
}
.checkinDialogBase {
  width: 420px;
}
.checkinDialogBase .checkinDialog {
  width: 390px;
}
.checkinDialogBase .checkinDialogPanel {
  width: 100%;
  padding-left: 10px;
  margin: 5px;
}
.checkinDialogBase .checkinDialogRetentionDateStyle {
  padding: 5px;
}
.checkinDialogBase .checkinDialogCommentsLabel {
  margin-top: 2px;
}
.checkinDialogBase .checkinDialogFirstElementSpace {
  padding-left: 4px;
}
.checkinDialogBase .checkinDialogHeadline {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}
.checkinDialogBase .checkinDialogFileUploadPanel {
  margin-left: 4px;
  height: 50px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.checkinDialogBase .checkinDialogFilePath {
  padding-left: 4px;
  width: 262px;
  font-style: italic;
  color: #999;
}
.checkinDialogBase .checkinDialogExtendedOptionPanel {
  margin-top: 10px;
}
.checkinDialogBase .checkinDialogExtendedOptions {
  padding-left: 25px;
}
.checkinDialogBase .checkinDialogVersionInfo {
  width: 100%;
}
.checkinDialogBase .checkinDialogTextArea {
  resize: none;
}
.checkinDialogBase .checkinDialogFileUploadButton {
  height: 40px;
}
.checkinDialogBase .checkinDialogNewVersion {
  width: 100%;
  padding-left: 4px;
  margin-top: 2px;
}
.checkinDialogBase .checkinDialogVersioningSelectionPanel {
  margin-top: 20px;
  margin-bottom: 5px;
  width: 100%;
  padding-left: 4px;
}
.checkinDialogBase .checkinDialogVersioningSelectionPanel > tbody > tr > td {
  vertical-align: middle !important;
}
.checkinDialogBase .checkinDialogVersioningSelectionBox {
  width: 100%;
}
.shortcuts {
  height: 100%;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #666666;
}
.exportView {
  background-color: #d6dff5;
  white-space: nowrap;
}
.exportView .exportLink {
  text-decoration: underline;
}
.resultiframe {
  border: none;
  border-color: #ffffff;
}
.login-webcubegif {
  box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
}
.aboutContent {
  white-space: nowrap;
}
.aboutContent .aboutimage {
  background-image: url(../images/aboutlogo2.png);
  background-size: 100%;
  height: 310px;
  width: 59px;
  margin-right: 15px;
}
.aboutContent .productName {
  font-size: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.aboutContent .bold {
  margin-right: 3px;
}
.aboutContent .hrstyle {
  border-top: 1px solid #cccccc;
  width: 100%;
  height: 5px;
  margin-top: 5px;
}
.aboutContent .infopair {
  margin-right: 15px;
}
.aboutContent .aboutOtherSoftware {
  width: 100%;
  height: 140px;
  padding: 3px;
}
.aboutContent .aboutOtherSoftwareScrollPanel {
  border: 1px solid #cccccc;
}
.vScroller {
  width: 20px;
  height: 25px;
  padding: 8px 7px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  margin-top: 1px;
}
.vScrollerHover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.vScrollerDisabled {
  opacity: 0.4;
  background: #f6f6f6;
  color: #e2e2e2;
}
.vScrollerDisabled,
.vScrollerDisabled * {
  cursor: auto;
}
.scollPane {
  height: 77px;
  min-width: 96px;
  margin-top: 1px;
}
.dragcounter {
  color: #FFF;
  background-color: #959595;
  border: 1px dotted #999;
  padding: 1px 2px;
  white-space: nowrap;
}
.crumbProposalOpener {
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  height: 28px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 28px;
  text-align: center;
  line-height: 28px;
}
.crumbProposalOpener:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.crumbLabel {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 4px;
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  height: 28px;
  white-space: nowrap;
  line-height: 28px;
  min-width: 28px;
}
.crumbLabel:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.maincrumb {
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  height: 28px;
  padding-left: 10px;
  text-align: center;
  line-height: 28px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}
.maincrumb:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.maincrumb > .maincrumb-inner {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}
.cubebreadcrumb-container {
  border-bottom: 1px solid #cccccc;
}
.cubebreadcrumb-container .cubebreadcrumb {
  height: 28px;
  line-height: 28px;
}
.cubeVerticalPanel :last-child > .cubebreadcrumb-container {
  border-top: 1px solid #cccccc;
  border-bottom: 0;
}
.breadcrumb-showHitlistButton,
.breadcrumb-refreshHitlistButton {
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 18px;
}
.breadcrumb-showHitlistButton:hover,
.breadcrumb-refreshHitlistButton:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.rightscheckbox {
  background: url(../images/checkbox/checkbox.gif);
}
.rightscheckbox-checked {
  background: url(../images/checkbox/checkboxchecked.gif);
}
.rightscheckbox-checkedgray {
  background: url(../images/checkbox/checkboxcheckedgray.gif);
}
.rightscheckbox-gray {
  background: url(../images/checkbox/checkboxcheckedgray.gif);
}
.cross-referenced-panel {
  max-width: 350px;
  max-height: 600px;
  overflow: auto;
}
.cross-referenced-panel-empty {
  padding: 5px;
}
.draggetterpanel {
  cursor: pointer;
}
.draggetterpanel-darghover {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.rpcexceptionbox {
  border: none;
  overflow: auto;
  resize: none;
}
.CharacterizingWordPopup {
  z-index: 21;
  border: 1px solid #cccccc;
  background-color: #ebebeb;
}
.CharacterizingWordPopup-transparent {
  opacity: .7;
}
.CharacterizingWord-selected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.CharacterizingWords-InfoLabel {
  font-style: italic;
  font-size: 0.8em;
  color: #999;
}
.hitlistbodyTop {
  border-top: 1px solid Gray;
}
.resultgroup {
  height: 22px;
  padding: 2px 3px;
  width: 100px;
  color: #333;
  background-color: #f1f1f1;
  cursor: pointer;
}
.resultgroup,
.resultgroup table {
  font-size: .95em;
  line-height: 1.2em;
}
.resultgroup:hover {
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #ebebeb;
}
.resultgroup-content > * {
  max-width: 1.2em;
  max-height: 1.2em;
}
.resultzone {
  line-height: 22px;
  padding-left: 2px;
  border-right: 1px solid Gray;
  border-bottom: 1px solid Gray;
  background-image: none;
  font-size: .9em;
  color: #333;
}
.resultcolumn {
  height: 18px;
  background-image: none;
  font-size: .9em;
}
.resultcolumnpanel {
  background-image: url("../images/grid/columnsbg.gif");
  background-repeat: repeat-x;
}
.resultgrouppanel {
  color: #808080;
  background: #fcfcfc;
  border-bottom: 1px solid #eeeeee;
}
.resultgrouppanel-emptyText {
  white-space: nowrap;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.resultgrouppanel-drop {
  color: #808080;
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.resultResizeIcon {
  border-right: 1px solid transparent;
  transition: border-color 0.2s ease-in-out 0s;
  height: 33px;
  width: 4px;
}
.resultResizeIcon:hover {
  cursor: e-resize;
}
.resultResizeIconTd {
  white-space: nowrap;
  vertical-align: middle;
  width: 4px;
}
.resultResizeIcon.aggregation {
  height: 38px !important;
}
.defaultCursor,
.defaultCursor:hover {
  cursor: default;
}
.resultgroupline {
  width: 54px;
  height: 3px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.resultgroupASC .ellipsis-container {
  position: relative;
}
.resultgroupASC .ellipsis-container:before {
  background: url("../images/groupASC.gif") top center no-repeat;
  position: absolute;
  content: "";
  width: 7px;
  height: 4px;
  overflow: hidden;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) ;
}
.resultgroupDESC .ellipsis-container {
  position: relative;
}
.resultgroupDESC .ellipsis-container:before {
  background: url("../images/groupDESC.gif") top center no-repeat;
  position: absolute;
  content: "";
  width: 7px;
  height: 4px;
  overflow: hidden;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) ;
}
.sortingiconposition:before {
  left: 25% !important;
}
.resultGroupDropPlaceIcon {
  width: 11px;
  height: 39px;
  z-index: 25;
  background-image: url("../images/grid/groupPlaceIcon.gif");
}
.resultFilterIcon {
  width: 24px;
  height: 33px;
  background: url("../images/icons2015/controls/ddpicon.gif") center no-repeat;
  opacity: 0;
  background-position: center;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  transition: all 0.2s ease-in-out 0s;
}
.resultFilterIcon:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.resultFilterIcon-hover {
  width: 15px;
  height: 14px;
  background-image: url("../images/grid/filterIconhover.gif");
}
.resizesplitter {
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  width: 3px;
  height: 500px;
  background-color: #999;
}
.dialogCloseButton {
  margin: 0 4px 4px 2px;
  cursor: pointer;
  width: 20px;
  height: 18px;
  background-image: url("../images/dialog/closedialog.gif");
}
.dialogCloseButton-hover {
  width: 20px;
  height: 18px;
  background-image: url("../images/dialog/closedialoghover.gif");
}
.cubeDialog-setting {
  margin: 5px;
}
.cubeDialog-setting > div,
.cubeDialog-setting-cubelabel {
  white-space: nowrap;
}
.cubeDialog-setting-disabled > div {
  color: #d2d2d2;
  font-weight: bold;
  white-space: nowrap;
}
.docComponent {
  background: #FFFFFF;
}
.docComponent-iframe {
  visibility: visible;
  width: 100% !important;
  height: 100% !important;
}
.fadeOut .docComponent-iframe {
  visibility: unset;
}
.dropElement {
  padding-left: 0;
}
.gwt-TabBar .ellipsis {
  text-align: center;
}
.resultcolumnpanel .ellipsis {
  padding-left: 2px;
}
.ellipsis-stretched {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ellipsis,
.ellipsis-stretched > * {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.dialogResizeIcon {
  background-image: url("../images/dialog/dialogresize.gif");
  width: 9px;
  height: 9px;
}
.quicksearch-view-table {
  position: relative;
  z-index: 2;
  padding-left: 1px;
  padding-right: 1px;
}
.quicksearch-view-table input {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  outline: 0;
}
.quicksearch-view-table input:focus,
.quicksearch-view-table input:hover {
  outline: 0;
  box-shadow: none;
}
.quicksearch-view-table .gwt-ListBox {
  margin: 0 1px;
}
.quicksearch-view-table .shortcut input {
  color: #999;
  font-style: italic;
}
.quicksearch-view-table .gwt-SuggestBox {
  margin-left: 2px;
}
.quicksearch-view-table .gwt-SuggestBox input {
  width: 100%;
}
.quicksearch-view-table td > * {
  font-size: 14px;
  line-height: 15px;
}
.quicksearch-view-table .xml-icon {
  font-size: 18px;
  width: 24px;
}
.quicksearch-view-table .selection {
  font-size: 15px;
}
.quicksearch-view-table-inner {
  background-color: #ffffff;
  border: 1px solid #494949;
  width: 100%;
}
.quicksearch-view-table-inner > tbody > tr > td > * {
  margin: 2px 0;
}
.quicksearch-view-table-inner:hover {
  border-color: #565656;
}
.quicksearch-view-table-pop-up .gwt-MenuBar {
  border-top: 0;
}
.quicksearch-view-table.has-focus:not(.dialog-field-complex) .quicksearch-view-table-inner {
  border-color: #494949;
  box-shadow: 0 0 3px 1px #494949 inset;
}
.quicksearch-view-table.element-disabled .quicksearch-view-table-inner {
  cursor: default;
  border-color: inherit;
  background-color: inherit;
  color: inherit;
}
.quicksearch-view-table.element-disabled .quicksearch-view-table-inner .xml-icon {
  color: inherit;
  opacity: 0.4;
  cursor: default;
}
.darkzone-closed,
.darkzone-open,
.palezone-closed,
.palezone-open {
  margin-top: 10px;
}
.exportDocumentScrollPanel {
  margin-top: 10px;
}
.exportDocumentScrollPanel .content {
  width: 100%;
}
.exportDocumentScrollPanel .dummy-fullsize-cell,
.exportDocumentScrollPanel .gridColumnGroupSpace {
  display: none;
}
.exportDocumentScrollPanel td.multivaluecell {
  border-bottom: 1px solid #e0e0e0;
}
.exportDocumentScrollPanel .cell {
  white-space: nowrap;
  padding: 4px 8px;
}
.exportDocumentScrollPanel .cell:last-child,
.exportDocumentScrollPanel td.multivaluecell:last-child {
  border-right: none;
}
.exportDocumentScrollPanel .gwt-Label {
  white-space: nowrap;
}
.exportDocumentScrollPanel tbody > tr:first-child > td > .palezone {
  margin-top: 0;
}
.exportDocumentScrollPanel .hitlistbody {
  max-width: 62vw;
}
.exportDocumentScrollPanel .hitlistbody > div > .gwt-HTML > table {
  width: 100%;
  min-width: 100%;
}
.cube-dialogmainpanel-exportview {
  padding-left: 10px;
}
.cube-dialogmainpanel-exportview .header {
  outline: 0;
}
.cube-dialogmainpanel-exportview .scroller {
  margin-left: 18px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  min-height: 67px;
  min-width: 300px;
  background: #fff;
  border: 1px solid transparent;
}
.cube-dialogmainpanel-exportview .representationpanel,
.cube-dialogmainpanel-exportview .partdocumentpanel {
  margin-left: 18px;
}
.cube-dialogmainpanel-exportview .partdocumentpanel {
  margin-left: 0;
}
.cube-dialogmainpanel-exportview .exportview {
  max-width: 700px;
  max-height: 700px;
}
.cube-dialogmainpanel-exportview .groupicon .itemText {
  text-decoration: underline;
}
.cube-dialogmainpanel-exportview .imageWithStateHover .xml-icon {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: sub;
}
.cube-dialogmainpanel-exportview .darkzone,
.cube-dialogmainpanel-exportview .palezone {
  line-height: 2em;
}
.cube-dialogmainpanel-exportview .cube-dialog-separator {
  margin-left: 5px;
  margin-right: 5px;
}
.cube-dialog-separator {
  display: block;
  height: 1px;
  background: #f0f0f0;
  margin: 5px 5px 5px 5px;
}
.linkcursor {
  cursor: pointer;
}
.cube-loadingribbon {
  width: 100%;
  height: 100%;
  min-height: 100%;
  opacity: .7;
}
.cube-loadingribbon .ci-spinner,
.cube-loadingribbon .gwt-Label {
  margin: 5px;
}
.categoryTreeDialog > div {
  height: 100%;
}
.cubeGlasDialogBackground {
  opacity: .75;
  z-index: 2147483646;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: black;
}
.cubeGlasDialog {
  z-index: 2147483647;
  position: relative;
  margin: 176px auto 0 auto;
  width: 600px;
  min-height: 176px;
  padding: 32px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: normal;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.cubeGlasDialog > .dialog-buttons {
  text-align: right;
  margin-top: 32px;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button {
  height: 32px;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  margin-right: 6px;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fff;
  color: #333;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action:hover {
  background-color: #fbfbfb;
  color: #333;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action[disabled] img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.disabled img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-up-disabled img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-down-disabled img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-up-disabled img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-down-disabled img,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action[disabled] .xml-icon,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.disabled .xml-icon,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-up-disabled .xml-icon,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-down-disabled .xml-icon,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-up-disabled .xml-icon,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action[disabled],
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.disabled,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-up-disabled,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-down-disabled,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-up-disabled,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-down-disabled,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action[disabled]:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.disabled:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-up-disabled:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-down-disabled:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-up-disabled:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-down-disabled:hover,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action[disabled]:focus,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.disabled:focus,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-up-disabled:focus,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-Button-down-disabled:focus,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-up-disabled:focus,
.cubeGlasDialog > .dialog-buttons > .gwt-Button.call-to-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.secondary-cube-button {
  background-color: transparent;
  color: white;
  border: 1px solid;
  padding: 5px 7px 4px 7px;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.secondary-cube-button:hover {
  background-color: #7f7f83;
}
.cubeGlasDialog > .dialog-buttons > .gwt-Button.secondary-cube-button .xml-icon {
  font-size: 21px;
  vertical-align: text-top;
}
.cubeGlasDialog > .linktextpanel {
  text-align: right;
}
.cubeGlasDialog > .linktextpanel > .linktext {
  text-align: right;
  text-decoration: underline;
  color: #4079bf;
  margin-top: 2px;
  cursor: pointer;
}
.cubeGlasDialog .cubeGlasDialogContent {
  font-size: 15px;
  line-height: normal;
}
.cubeGlasDialog .cubeGlasDialogHeadline {
  font-size: 30px;
  line-height: normal;
}
.groupicon32FlowPanel {
  white-space: nowrap;
  margin-bottom: -1px;
  margin-right: 1px;
  line-height: 1;
}
.groupicon32FlowPanel > * {
  vertical-align: top;
}
.groupicon32FlowPanel .groupicon32 {
  margin-top: 0;
  margin-bottom: 1px;
}
.nowrap {
  white-space: nowrap;
}
.labelPadding {
  margin-left: 5px;
}
.autoscroll {
  overflow: auto;
}
.seperator {
  width: 1px;
}
.recordquicksearch-settingsButton {
  border-left: 1px solid #cccccc;
  width: 24px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  height: 28px;
  background-color: transparent;
  display: flex;
  justify-items: center;
  align-items: center;
}
.recordquicksearch-settingsButton:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.recordquicksearch-settingsButton > .xml-icon {
  flex: 0 0 auto;
}
.recordquicksearch-revertModificationButton {
  border-left: 1px solid #cccccc;
  width: 24px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  height: 28px;
  background-color: transparent;
  display: flex;
  justify-items: center;
  align-items: center;
}
.recordquicksearch-revertModificationButton:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.recordquicksearch-revertModificationButton > .xml-icon {
  flex: 0 0 auto;
}
.recordquicksearchgreytext > .gwt-TextBox,
.recordquicksearchgreytext > .gwt-TextBox::placeholder,
.recordquicksearchgreytext > .gwt-TextBox:-ms-input-placeholder,
.recordquicksearchgreytext > .gwt-TextBox::-ms-input-placeholder {
  color: #999999;
}
.gwt-PopupPanel {
  z-index: 101;
}
.classificationSchemeLabel {
  background-color: #fff;
  padding: 8px;
  border-bottom: 1px solid #cccccc;
}
.code-edit-container {
  padding: 1px;
  display: flex;
}
.code-edit-container > * {
  height: 25px;
}
.code-edit-container > div {
  flex: 0 0 1px;
  background: #999999;
}
.code-edit-container input:last-child {
  flex: 1 1 100%;
}
.cellMargin {
  margin: 4px;
}
.cellMarginTable {
  margin: 4px;
}
.cellMarginTable tr:not(:first-child) > td {
  padding-top: 4px;
}
.cellMarginTable td:not(:first-child) {
  padding-left: 4px;
}
.cellMarginLeft2 {
  margin-left: 15px;
  margin-right: 5px;
}
.cellMarginBottomExtra {
  margin-bottom: 23px;
}
.settings-legend {
  height: 125px;
}
.settings-legend-large {
  height: 140px;
}
fieldset {
  border: 1px solid #ddd;
  padding: 5px;
  margin: 5px;
}
fieldset legend {
  width: auto;
  margin-bottom: auto;
  font-size: 14px;
  border-bottom: 1px solid transparent;
  padding: 0 2px;
  white-space: nowrap;
}
.fieldset-control {
  padding: 0 1px 1px;
  margin-top: -2px;
}
.fieldset-control > * {
  margin: 0;
  height: 100%;
  padding: 0 5px;
  display: block;
  min-width: 0;
}
.fieldset-control > * > * {
  font-size: 8pt;
  line-height: normal;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0;
  padding: 0 5px;
  position: relative;
}
.fieldset-control > *.rectangle-style {
  position: relative;
  border: 0;
  padding: 0 8px;
}
.fieldset-control > *.rectangle-style > * {
  font-weight: 600;
  padding: 6px 0;
  font-size: 8.5pt;
  line-height: 8.5pt;
}
.fieldset-control > *.rectangle-style:before {
  content: "";
  position: absolute;
  background: currentColor;
}
.fieldset-control > *.rectangle-style:before,
.fieldset-control > *.rectangle-style:after {
  margin-top: 12px;
  top: 8.5pt;
}
.fieldset-control > *.rectangle-style.rectangle-solid:before {
  margin-top: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fieldset-control > *.rectangle-style.rectangle-top-border:before {
  height: 2px;
  right: 0;
  left: 0;
}
.fieldset-control > *.rectangle-style.rectangle-side-border:before {
  width: 2px;
  margin-top: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.fieldset-control > *.rectangle-style.rectangle-top-side-border:before {
  height: 2px;
  right: 0;
  left: 0;
}
.fieldset-control > *.rectangle-style.rectangle-top-side-border:after {
  content: "";
  position: absolute;
  background: currentColor;
  width: 2px;
  left: 0;
  bottom: 0;
}
.adjust-label-size .maskrenderer {
  font-size: 10pt;
}
.adjust-label-size .dialog-Label {
  font-size: 10pt;
  line-height: 10pt;
}
.adjust-label-size .fieldset-control > * > *,
.adjust-label-size .dialog-Label {
  font-size: 10pt;
}
.adjust-label-size .fieldset-control > .rectangle-style > * {
  line-height: 10.625pt;
  font-size: 10.625pt;
}
.adjust-label-size .fieldset-control > .rectangle-style.rectangle-top-border:before {
  top: 10.625pt;
}
.adjust-label-size .fieldset-control > .rectangle-style.rectangle-top-side-border:before {
  top: 10.625pt;
}
.adjust-label-size .fieldset-control > .rectangle-style.rectangle-top-side-border:after {
  top: 10.625pt;
}
.category-tree,
.classification-tree,
.category-tree table,
.classification-tree table {
  font-size: 13.3px;
}
.simpleTabPanelTabs {
  border-bottom: 2px solid #dcdcdc;
  white-space: nowrap;
}
.simpleTabPanelContent {
  overflow: auto;
  flex-grow: 1;
}
.simpleTabPanelTitle {
  margin: 1px 1px;
  background-color: #fbfbfb;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease;
  padding: 7px 20px;
  z-index: auto;
  margin: 0;
}
.simpleTabPanelTitle .tabWidgetContent {
  margin: 0 0;
  position: relative;
}
.simpleTabPanelTitle:hover {
  background-color: #f8f8f8;
}
.simpleTabPanelTitle .tabWidgetTypeImage {
  display: none;
}
.simpleTabPanelTitle .tabWidgetTextContainer {
  margin-left: 4px;
}
.simpleTabPanelTitleActive {
  margin: 1px 1px;
  background-color: #fbfbfb;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease;
  margin: 0;
}
.simpleTabPanelTitleActive .tabWidgetContent {
  margin: 7px 20px;
  position: relative;
}
.simpleTabPanelTitleActive:hover {
  background-color: #f8f8f8;
}
.simpleTabPanelTitleActive .tabWidgetTypeImage {
  display: none;
}
.simpleTabPanelTitleActive .tabWidgetTextContainer {
  margin-left: 4px;
}
.simpleTabPanelTitleActive,
.simpleTabPanelTitleActive:hover {
  background-color: #dcdcdc;
  color: #333;
}
.simpleTabPanel {
  display: flex;
  flex-direction: column;
}
.simpleTabPanelContent {
  padding-top: 5px;
}
.simpleTabPanelContent legend {
  font-weight: bold;
}
.simpleTabPanelContent .settings-content-table {
  margin: -5px 0 0 -5px;
}
.simpleTabPanelContent .settings-content-table,
.simpleTabPanelContent .settings-content-table table {
  border-spacing: 0;
}
.simpleTabPanelContent .settings-content-table > tbody > tr:nth-child(2) > td {
  vertical-align: bottom ! important;
}
.simpleTabPanelContent .settings-content-table > tbody > tr > td {
  padding-top: 5px;
}
.simpleTabPanelContent .settings-content-table > tbody > tr > td {
  padding-left: 5px;
}
.simpleTabPanelContent .settings-content-table select,
.simpleTabPanelContent .settings-content-table input {
  max-width: 300px;
}
.simpleTabPanelContent .settings-content-table fieldset.inline {
  display: inline-block;
}
.simpleTabPanelContent .settings-content-table fieldset {
  padding-top: 2px;
}
.simpleTabPanelContent .settings-content-table .gwt-CheckBox {
  display: inline-flex;
  align-items: center;
}
.simpleTabPanelContent fieldset > table,
.simpleTabPanelContent fieldset > table select:not(.cellMargin) {
  min-width: 100%;
}
.simpleTabPanelContent fieldset > select {
  min-width: 100%;
}
.simpleTabPanelContent fieldset .cellMargin {
  min-width: calc(100% - 8px);
}
.extra-panel .simpleTabPanel {
  height: 260px;
  width: 1100px;
}
.extra-panel .setting-dirty {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.extra-panel .dirty-mark {
  display: inline-block;
  margin-right: -4px;
}
.extra-panel .dirty-mark:after {
  font-family: FontAwesome;
  content: "\f05a";
  display: inline-block;
  font-size: 14px;
  color: #C78500;
  margin: 2px 4px 2px 4px;
  pointer-events: none;
}
.breakword {
  word-wrap: break-word;
  overflow: hidden;
}
.smallText {
  font-size: 1px;
}
.bottomDistance {
  margin-bottom: 8px;
}
.solidBorder {
  border: 1px solid #d7d7d7 !important;
}
.solidBorderLight {
  border: 1px solid #dddddd !important;
}
.changeDescriptorLabel {
  padding: 0 10px 0 0;
}
.containerBorder {
  border-top: solid Gray 1px;
}
.thumbnail-panel,
.docoverview-panel {
  background-color: #fff;
  padding: 5px;
}
.thumbnail-div,
.docoverview-div {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  margin: 10px;
  border: 1px solid rgba(184, 184, 184, 0.8);
  padding: 1px;
  background-color: #f8f8f8;
  vertical-align: top;
}
.thumbnail-div > div.thumb-img-label,
.docoverview-div > div.thumb-img-label,
.thumbnail-div > div.docoverview-img-label,
.docoverview-div > div.docoverview-img-label {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: initial;
  white-space: pre;
  padding: 2px;
}
.thumbnail-div:focus,
.docoverview-div:focus {
  border-style: dotted;
  border-color: #333333;
}
.thumbnail-div .thumb-img-outer-div,
.docoverview-div .thumb-img-outer-div,
.thumbnail-div .docoverview-img-outer-div,
.docoverview-div .docoverview-img-outer-div {
  height: auto;
}
.thumbnail-div .thumb-img-outer-div.thumb-img-holder,
.docoverview-div .thumb-img-outer-div.thumb-img-holder,
.thumbnail-div .docoverview-img-outer-div.thumb-img-holder,
.docoverview-div .docoverview-img-outer-div.thumb-img-holder,
.thumbnail-div .thumb-img-outer-div.docoverview-img-holder,
.docoverview-div .thumb-img-outer-div.docoverview-img-holder,
.thumbnail-div .docoverview-img-outer-div.docoverview-img-holder,
.docoverview-div .docoverview-img-outer-div.docoverview-img-holder {
  background-color: #fff;
  max-width: 100%;
  transition: all 0.2s ease-in-out 0s;
}
.thumbnail-div .thumb-img,
.docoverview-div .thumb-img,
.thumbnail-div .docoverview-img,
.docoverview-div .docoverview-img {
  background-color: #fff;
  height: auto;
  max-width: 100%;
  transition: all 0.2s ease-in-out 0s;
  -ms-interpolation-mode: bicubic;
  /* Better image scaling in IE */
}
.thumbnail-div .thumb-holder-label,
.docoverview-div .thumb-holder-label,
.thumbnail-div .docoverview-holder-label,
.docoverview-div .docoverview-holder-label {
  font-size: 12px;
  line-height: 16px;
  height: 32px;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thumbnail-div .thumb-table,
.docoverview-div .thumb-table,
.thumbnail-div .docoverview-table,
.docoverview-div .docoverview-table {
  border-spacing: 0;
}
.thumbnail-div .thumb-table-inner-div,
.docoverview-div .thumb-table-inner-div {
  height: auto;
}
.thumbnail-div.select-part-thumbnail,
.docoverview-div.select-part-thumbnail,
.thumbnail-div.docoverview-select-doc,
.docoverview-div.docoverview-select-doc {
  color: #000000 !important;
  background-color: #ebebeb !important;
}
.thumbnail-div.select-part-thumbnail .thumb-img-label,
.docoverview-div.select-part-thumbnail .thumb-img-label,
.thumbnail-div.docoverview-select-doc .thumb-img-label,
.docoverview-div.docoverview-select-doc .thumb-img-label {
  background-color: transparent;
}
.thumbnail-div.thumbnail-div-selected,
.docoverview-div.thumbnail-div-selected {
  border: 2px solid #333333;
  border-radius: 2px;
}
.thumbnail-div:hover,
.docoverview-div:hover {
  background-color: #e4e4e4;
}
.thumbnail-div .docoverview-table,
.docoverview-div .docoverview-table {
  border-spacing: 0;
}
.thumbnail-div .docoverview-scale-img,
.docoverview-div .docoverview-scale-img {
  width: 100%;
  height: auto;
}
.thumbnail-div .docoverview-img-container,
.docoverview-div .docoverview-img-container {
  width: 100%;
  margin: 0 auto;
}
.ViewerDocumentPanel {
  position: absolute !important;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ViewerDocumentPanel .selection-canvas {
  position: absolute;
}
.ViewerDocumentPanel .main-parent {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ViewerDocumentPanel .bottom-toolbar-overlay-outer {
  display: none;
  overflow: hidden;
}
.ViewerDocumentPanel .bottom-toolbar-overlay-outer .bottom-toolbar-overlay .groupicon {
  padding: 0;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer {
  position: absolute;
  z-index: 22;
  left: 0%;
  right: 0%;
  height: 0;
  text-align: center;
  overflow: visible;
  display: inline-block;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay {
  font-size: 16px;
  background-color: #222;
  color: #fff;
  border-radius: 2px;
  opacity: 1;
  display: inline-block;
  align-items: center;
  padding: 10px;
  white-space: nowrap;
  -webkit-transition: padding 0.16s ease-out, max-height 0.16s ease-out;
  -moz-transition: padding 0.16s ease-out, max-height 0.16s ease-out;
  transition: padding 0.16s ease-out, max-height 0.16s ease-out;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group > button {
  display: inline-block;
  min-width: auto;
  padding: 2px;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group .first-child {
  margin-left: 2px;
  padding-right: 0px;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group .last-child {
  margin-right: 2px;
  padding-left: 0px;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group:after {
  width: 1px;
  background-color: #fff;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > .button-group .groupicon-hover {
  background-color: #fff;
  color: #333;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > button {
  display: inline-block;
  min-width: auto;
  margin-left: 2px;
  margin-right: 2px;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > input {
  display: inline-block;
  background-color: #222;
  padding: 0 5px;
  margin-top: 2px 5px 0;
  border: 1px solid #999999;
}
.ViewerDocumentPanel .show-bottom .bottom-toolbar-overlay-outer .bottom-toolbar-overlay > input:focus {
  border-color: #494949;
}
.ViewerDocumentPanel .main-flow {
  display: flex;
  width: 100%;
  flex-direction: row;
  position: relative;
}
.ViewerDocumentPanel .main-flow > *:nth-child(1),
.ViewerDocumentPanel .main-flow > *:nth-child(2) {
  flex: 1 1 0%;
}
.ViewerDocumentPanel .main-flow .dockingbar {
  z-index: 21;
  display: inline-block;
}
.ViewerDocumentPanel .main-flow .dockingbar .ribbon-element-inner {
  border: none;
}
.ViewerDocumentPanel .main-flow .dockingbar .ribbon-element-inner .ribbon-element-image {
  height: inherit;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar {
  text-align: center;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .div-panel-full-sized {
  flex: 0 0 auto;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .viewerMainScrollPanel {
  flex: 1 1 100%;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .div-panel-full-sized-entry {
  background: #f9f9f9;
  text-align: center;
  vertical-align: middle;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .pageTextBox {
  width: 70px;
  height: 25px;
  margin-top: 1px;
  vertical-align: top;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar > table {
  line-height: 16px;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .instant-viewer-icon .xml-icon {
  line-height: 12px;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .representationListBox {
  max-width: 140px;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .button {
  padding: 4px;
}
.ViewerDocumentPanel .main-flow.viewer-toolbar .button:hover,
.ViewerDocumentPanel .main-flow.viewer-toolbar .button-selected {
  padding: 4px;
  background-color: #FFDF71;
}
.ViewerDocumentPanel .main-flow.top-toolbar {
  flex-direction: column-reverse;
}
.ViewerDocumentPanel .main-flow.top-toolbar .div-panel-full-sized-entry {
  border-bottom: 1px solid #cccccc;
}
.ViewerDocumentPanel .main-flow.top-toolbar .bottom-toolbar-overlay-outer {
  bottom: 65px;
}
.ViewerDocumentPanel .main-flow.left-toolbar {
  flex-direction: row-reverse;
}
.ViewerDocumentPanel .main-flow.left-toolbar .div-panel-full-sized-entry {
  border-right: 1px solid #cccccc  ;
}
.ViewerDocumentPanel .main-flow.left-toolbar .bottom-toolbar-overlay-outer {
  bottom: 65px;
}
.ViewerDocumentPanel .main-flow.right-toolbar {
  flex-direction: row;
}
.ViewerDocumentPanel .main-flow.right-toolbar .div-panel-full-sized-entry {
  border-left: 1px solid #cccccc  ;
}
.ViewerDocumentPanel .main-flow.right-toolbar .bottom-toolbar-overlay-outer {
  bottom: 65px;
}
.ViewerDocumentPanel .main-flow.bottom-toolbar {
  flex-direction: column;
}
.ViewerDocumentPanel .main-flow.bottom-toolbar .div-panel-full-sized-entry {
  border-top: 1px solid #cccccc;
}
.ViewerDocumentPanel .main-flow.bottom-toolbar .bottom-toolbar-overlay-outer {
  bottom: 100px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.bottom-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.left-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.right-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.top-toolbar .content-container,
.ViewerDocumentPanel .main-flow.bottom-toolbar .content-container,
.ViewerDocumentPanel .main-flow.left-toolbar .content-container,
.ViewerDocumentPanel .main-flow.right-toolbar .content-container,
.ViewerDocumentPanel .main-flow.top-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.left-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.right-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.top-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.left-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.right-toolbar .dockable-toolbar {
  justify-content: center;
  flex: 1 0 auto;
}
.ViewerDocumentPanel .main-flow.top-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.left-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.right-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.top-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.bottom-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.left-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.right-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.top-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.left-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.right-toolbar .DropDownGroupIcon {
  min-width: auto;
  margin: 1px;
  padding: 5px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .groupicon .xml-icon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .groupicon .xml-icon,
.ViewerDocumentPanel .main-flow.left-toolbar .groupicon .xml-icon,
.ViewerDocumentPanel .main-flow.right-toolbar .groupicon .xml-icon,
.ViewerDocumentPanel .main-flow.top-toolbar .ribbon-element .xml-icon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .ribbon-element .xml-icon,
.ViewerDocumentPanel .main-flow.left-toolbar .ribbon-element .xml-icon,
.ViewerDocumentPanel .main-flow.right-toolbar .ribbon-element .xml-icon,
.ViewerDocumentPanel .main-flow.top-toolbar .DropDownGroupIcon .xml-icon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .DropDownGroupIcon .xml-icon,
.ViewerDocumentPanel .main-flow.left-toolbar .DropDownGroupIcon .xml-icon,
.ViewerDocumentPanel .main-flow.right-toolbar .DropDownGroupIcon .xml-icon,
.ViewerDocumentPanel .main-flow.top-toolbar .groupicon .image-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .groupicon .image-panel,
.ViewerDocumentPanel .main-flow.left-toolbar .groupicon .image-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .groupicon .image-panel,
.ViewerDocumentPanel .main-flow.top-toolbar .ribbon-element .image-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .ribbon-element .image-panel,
.ViewerDocumentPanel .main-flow.left-toolbar .ribbon-element .image-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .ribbon-element .image-panel,
.ViewerDocumentPanel .main-flow.top-toolbar .DropDownGroupIcon .image-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .DropDownGroupIcon .image-panel,
.ViewerDocumentPanel .main-flow.left-toolbar .DropDownGroupIcon .image-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .DropDownGroupIcon .image-panel {
  font-size: 21px;
  width: 21px;
  height: 21px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .button-group,
.ViewerDocumentPanel .main-flow.bottom-toolbar .button-group,
.ViewerDocumentPanel .main-flow.left-toolbar .button-group,
.ViewerDocumentPanel .main-flow.right-toolbar .button-group {
  display: inline-flex;
  flex-direction: column;
}
.ViewerDocumentPanel .main-flow.top-toolbar .dockable-toolbar > *,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockable-toolbar > *,
.ViewerDocumentPanel .main-flow.left-toolbar .dockable-toolbar > *,
.ViewerDocumentPanel .main-flow.right-toolbar .dockable-toolbar > * {
  flex: 1 1 33%;
  display: inline-flex;
}
.ViewerDocumentPanel .main-flow.top-toolbar .first-panel .empty-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .first-panel .empty-panel,
.ViewerDocumentPanel .main-flow.left-toolbar .first-panel .empty-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .first-panel .empty-panel {
  overflow: hidden;
  width: 0;
  height: 0;
}
.ViewerDocumentPanel .main-flow.top-toolbar .middle-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .middle-panel,
.ViewerDocumentPanel .main-flow.left-toolbar .middle-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .middle-panel {
  justify-content: center;
  align-items: center;
}
.ViewerDocumentPanel .main-flow.top-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.left-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.right-toolbar .groupicon,
.ViewerDocumentPanel .main-flow.top-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.bottom-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.left-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.right-toolbar .ribbon-element,
.ViewerDocumentPanel .main-flow.top-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.bottom-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.left-toolbar .DropDownGroupIcon,
.ViewerDocumentPanel .main-flow.right-toolbar .DropDownGroupIcon {
  display: inline-block;
}
.ViewerDocumentPanel .main-flow.top-toolbar .scroll-container,
.ViewerDocumentPanel .main-flow.bottom-toolbar .scroll-container {
  max-width: 100%;
}
.ViewerDocumentPanel .main-flow.top-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.bottom-toolbar .scroll-container > * {
  min-width: 100%;
}
.ViewerDocumentPanel .main-flow.top-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.bottom-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.top-toolbar .content-container,
.ViewerDocumentPanel .main-flow.bottom-toolbar .content-container,
.ViewerDocumentPanel .main-flow.top-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.top-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockable-toolbar {
  flex-direction: row;
  display: inline-flex;
}
.ViewerDocumentPanel .main-flow.top-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.bottom-toolbar .dockable-toolbar {
  height: 35px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .button-group,
.ViewerDocumentPanel .main-flow.bottom-toolbar .button-group {
  flex-direction: row;
}
.ViewerDocumentPanel .main-flow.top-toolbar .first-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .first-panel {
  justify-content: flex-start;
}
.ViewerDocumentPanel .main-flow.top-toolbar .first-panel .button-group,
.ViewerDocumentPanel .main-flow.bottom-toolbar .first-panel .button-group {
  background-color: #ebebeb;
  padding-right: 15px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .first-panel .representationListBox,
.ViewerDocumentPanel .main-flow.bottom-toolbar .first-panel .representationListBox {
  margin: 0 5px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .middle-panel .button-group,
.ViewerDocumentPanel .main-flow.bottom-toolbar .middle-panel .button-group {
  margin-left: 15px;
  margin-right: 15px;
}
.ViewerDocumentPanel .main-flow.top-toolbar .last-panel,
.ViewerDocumentPanel .main-flow.bottom-toolbar .last-panel {
  justify-content: flex-end;
}
.ViewerDocumentPanel .main-flow.left-toolbar .scroll-container,
.ViewerDocumentPanel .main-flow.right-toolbar .scroll-container {
  max-height: 100%;
}
.ViewerDocumentPanel .main-flow.left-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.right-toolbar .scroll-container > * {
  min-height: 100%;
}
.ViewerDocumentPanel .main-flow.left-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.right-toolbar .scroll-container > *,
.ViewerDocumentPanel .main-flow.left-toolbar .content-container,
.ViewerDocumentPanel .main-flow.right-toolbar .content-container,
.ViewerDocumentPanel .main-flow.left-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.right-toolbar .dockingbar,
.ViewerDocumentPanel .main-flow.left-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.right-toolbar .dockable-toolbar {
  flex-direction: column;
  display: flex;
}
.ViewerDocumentPanel .main-flow.left-toolbar .dockable-toolbar,
.ViewerDocumentPanel .main-flow.right-toolbar .dockable-toolbar {
  width: 35px;
}
.ViewerDocumentPanel .main-flow.left-toolbar .first-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .first-panel {
  align-items: flex-start;
}
.ViewerDocumentPanel .main-flow.left-toolbar .middle-panel .button-group,
.ViewerDocumentPanel .main-flow.right-toolbar .middle-panel .button-group {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ViewerDocumentPanel .main-flow.left-toolbar .last-panel,
.ViewerDocumentPanel .main-flow.right-toolbar .last-panel {
  align-items: flex-end;
}
.ViewerDocumentPanel .main-flow1 {
  height: calc(100% - 35px);
}
.ViewerDocumentPanel .to-first-page-icon,
.ViewerDocumentPanel .to-last-page-icon {
  transform: rotate(90deg);
}
body.ie .dockable-toolbar > * {
  flex: 1 1 auto !important;
}
body.ie .left-toolbar .scroll-container,
body.ie .right-toolbar .scroll-container {
  display: flex;
}
.ViewerBottomToolbar .sliderArea {
  background-image: url('../images/viewer/scale.png');
}
.zoomslider {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
}
.zoomslider .sliderPanel {
  margin-left: 4px;
  margin-right: 4px;
  height: 20px;
}
.zoomslider .slider {
  position: absolute;
  left: 0;
  top: 5px;
  height: 13px;
  width: 9px;
  background-image: url('../images/viewer/slider.png');
}
.zoomslider .sliderArea {
  position: absolute;
  left: 0;
  top: 13px;
  height: 2px;
  width: 91px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url('../images/viewer/scale.png');
}
.zoomslider .sliderAreaMiddle {
  position: absolute;
  left: 51px;
  top: 10px;
  height: 8px;
  width: 2px;
  background-image: url('../images/viewer/scalemiddle.png');
}
.ViewerMoveDocument {
  cursor: url('../images/viewer/handcursor.png'), pointer;
}
.ViewerSectionPanel {
  position: absolute;
  z-index: 500;
  border: 1px dotted #000000;
}
.annotationgroupflow {
  max-width: 192px;
  min-width: 192px;
  white-space: normal;
  text-align: left ;
  overflow: hidden;
}
.annotationgroupflow .groupicon {
  height: 22px;
  margin-left: 1px;
  margin-right: 1px;
  padding: 1px;
  min-width: auto;
}
.annotationgroupflow > *:nth-child(n) {
  vertical-align: top;
  display: inline-block;
  margin-bottom: 1px;
}
.annotationgroupflow > *:nth-child(n) select {
  margin: 0px;
  padding: 0px;
}
.widgetcombo {
  height: 20px;
}
.widgetcombo-option {
  padding: 1px;
  border: 1px solid #FFFFFF;
}
.widgetcombo-option:hover,
.widgetcombo-option:focus {
  border: 2px solid #3399FF;
  box-shadow: 0 0 1px 1px #ffffff inset;
  padding: 0;
}
.widgetcombo-popup {
  border: 1px solid #c8c8c8;
  background-color: #FFFFFF;
  z-index: 999999;
}
.widgetcombo-dropdown {
  border: 1px solid #999999;
}
.widgetcombo-dropdown:hover {
  border-color: #b3b3b3;
}
.widgetcombo-dropdown:focus,
.widgetcombo-dropdown.has-focus {
  border-color: #494949;
}
.widgetcombo-dropdown-image {
  width: 16px;
  height: 16px;
}
.widgetcombo-dropdown.element-disabled {
  color: #808080;
  background-color: #fcfcfc;
  border-color: #efefef;
}
.widgetcombo-dropdown.element-disabled img,
.widgetcombo-dropdown.element-disabled .xml-icon {
  opacity: 0.4;
}
.widgetcombo-dropdown .widgetcombo-option {
  border: 2px solid #ffffff;
  padding: 0;
}
.widgetcombo-scrollpanel {
  overflow-x: hidden !important;
}
.colorbox {
  height: 20px;
}
.colorbox-color {
  height: 20px;
  width: 50px;
  padding: 1px;
  border: 1px solid #FFFFFF;
}
.colorbox-color:hover,
.colorbox-color:focus {
  border: 2px solid #3399FF;
  box-shadow: 0 0 1px 1px #ffffff inset;
  padding: 0;
}
.colorbox-popup {
  border: 1px solid #c8c8c8;
  background-color: #FFFFFF;
  width: 70px;
}
.colorbox-dropdown {
  border: 1px solid #999999;
}
.colorbox-dropdown:hover {
  border-color: #b3b3b3;
}
.colorbox-dropdown:focus,
.colorbox-dropdown.has-focus {
  border-color: #494949;
}
.colorbox-dropdown-image {
  width: 16px;
  height: 16px;
}
.colorbox-dropdown.element-disabled {
  color: #808080;
  background-color: #fcfcfc;
  border-color: transparent;
  border-bottom-color: #efefef;
}
.colorbox-dropdown.element-disabled img,
.colorbox-dropdown.element-disabled .xml-icon {
  opacity: 0.4;
}
.colorbox-dropdown .colorbox-color {
  border: 2px solid #ffffff;
  padding: 0;
}
.colorbox-scrollpanel {
  overflow-x: hidden !important;
}
.viewertitle {
  border: 1px solid #767676;
  color: #575757;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0, #E4E5F0 100%);
  z-index: 21;
  padding: 3px;
}
.viewerDialogButton {
  width: auto;
}
.topSpace {
  margin-top: 5px;
}
.topSpace-large-inline {
  display: inline-block;
  margin-top: 10px;
}
.topSpace {
  margin-top: 5px;
}
.rightSpace {
  margin-right: 5px;
}
.bottomSpace {
  padding-bottom: 5px;
  display: block;
}
.leftSpace {
  margin-left: 5px;
}
.notification-search-grid {
  padding-right: 10px;
  padding-bottom: 10px;
}
.notification-search-grid > tbody > tr > td {
  padding-left: 10px;
}
.notification-search-grid > tbody > tr:nth-child(2n-1) > td {
  padding-top: 10px;
}
.notificationSearch {
  width: 250px;
}
.notificationSearchButton {
  width: 30px;
}
.notificationListBoxDataBases {
  width: 250px;
}
#headerRow > tr:hover .fixed-column > *,
#headerRow > tr:hover .resultResizeIcon {
  border-color: #e0e0e0;
}
#headerRow > tr > td {
  cursor: default;
}
#headerRow > tr > .gridColumnGroupSpace {
  border-right: 1px solid transparent !important;
  width: 17px;
  min-width: 17px;
  font-size: 1px;
  color: transparent;
}
#headerRow > tr > .gridColumnGroupSpace-right-border {
  border-right-color: #cccccc !important;
}
#headerRow > tr > .grid-drag-cell {
  transition: background-color 0.2s ease-in-out 0s;
}
#headerRow > tr > .grid-drag-cell #colFilterDiv0,
#headerRow > tr > .grid-drag-cell #drag-grid {
  position: relative;
}
#headerRow > tr > .grid-drag-cell #colFilterDiv0:after,
#headerRow > tr > .grid-drag-cell #drag-grid:after {
  content: "";
  opacity: .5;
  position: absolute;
  box-sizing: content-box;
  top: 1px;
  right: -2px;
  bottom: 1px;
  left: -2px;
  border: 1px dashed #7f7f83;
  pointer-events: none;
  z-index: 1;
}
#headerRow > tr > .grid-drag-cell #drag-grid {
  width: 20px;
}
#headerRow > tr > .grid-drag-cell #drag-grid:after {
  left: 1px;
  right: 1px;
}
#headerRow > tr > .grid-drag-cell:hover {
  background: #d2d2d2;
  cursor: move;
}
#headerRow > tr > .grid-drag-cell:hover > * {
  opacity: 1;
}
#headerRow > tr > .darkzoneDheadertop {
  border-bottom: 0;
  border-right: none !important  ;
}
#headerRow > tr > .fixed-column.no-fixed-border > *,
#headerRow > tr > .fixed-column.dummy-fullsize-cell > * {
  border-right-style: none !important;
}
#headerRow > tr > .fixed-column > * {
  border-right: 1px solid transparent;
  transition: border-color 0.2s ease-in-out 0s;
}
#headerRow > tr > .fixed-column .resultFilterIcon {
  border-right-style: none !important;
}
.mvsHitlistTable #mainForm,
.mvsHitlistTable #hitlistbodydiv {
  display: block;
}
.mvsHitlistTable #hitlistbody {
  width: 100%;
}
.mvsHitlistTable .colStyle0 {
  overflow: visible;
  min-width: 1px;
  width: 1px;
}
.mvsHitlistTable .colStyle1 {
  max-width: 100% !important;
}
#hitlistbody #headerRow > td > div {
  padding-left: 1px;
}
.fileDropPanelFrame {
  width: 100%;
  height: 100%;
  border: 0;
}
.fileDropPanel body {
  background: #999999;
  color: #999999;
  margin: 0;
  overflow: hidden;
}
.fileDropPanel #fileDropPanelMain {
  border: 2px dashed #5394D1;
  width: 100%;
  position: absolute;
  height: 100%;
}
.fileDropPanel .fileDropPanelFileNameOuter {
  display: table;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fileDropPanel .fileDropPanelDragOver {
  background: #F8FFA3;
}
.fileDropPanel #fileDropPanelClose {
  display: table-cell;
  vertical-align: middle;
  visibility: hidden;
  position: relative;
  color: #CC0000;
  padding-left: 5px;
}
.fileDropPanel #fileDropPanelClose span {
  cursor: pointer;
}
.fileDropPanel #fileDropPanelClose span:hover {
  text-decoration: underline;
}
#fileDropPanelFileName {
  color: #000000;
  font-size: 1em;
  display: table-cell;
  vertical-align: middle;
  text-align: left ;
  padding-left: 10px;
  width: 1px;
  white-space: nowrap;
}
#fileDropPanelFileName img {
  display: inline;
}
#fileDropPanelTextOuter {
  display: table;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
#fileDropPanelTextOuter > div {
  display: table-cell;
  vertical-align: middle;
}
.fileDropPanelDropFileText {
  cursor: default;
  padding-bottom: 3px;
  font-size: 1.3em;
}
.fileDropPanelSelectFileText span {
  cursor: pointer;
  color: #333333;
}
.fileDropPanelSelectFileText span:hover {
  text-decoration: underline;
}
.cubeTabPanel {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.cubeTabPanel > * {
  top: 0;
}
.cubeTabPanelIsEmpty:not(.cubeTabPanelRoot),
.cubeTabPanelRoot.cubeTabPanelIsEmpty > *:not(.global-quicksearch) {
  visibility: hidden;
}
.cubeTabPanelScroller button:focus {
  outline: none;
  opacity: .82;
}
.cubeTabContentWidget > .cubeTabContentWidget {
  width: 100%;
  height: 100%;
}
.cubeTabPanelContentWidgetContainer {
  height: 100%;
  border: 1px solid #ebebeb;
  background: transparent;
  position: relative;
}
.cubeTabPanelContentWidgetContainer > .cubeTabContentWidget {
  position: absolute;
  top: 0;
  left: calc(-100% - 10px) !important;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  border-top: 0;
  background: transparent;
}
.cubeTabPanelContentWidgetContainer > .cubeTabContentWidgetSelected {
  left: 0 !important;
  visibility: visible;
  background-color: #ffffff;
  z-index: 1;
}
.cubeTabPanelContentWidgetContainer > .cubeTabContentWidget:not(.cubeTabContentWidgetSelected),
.cubeTabPanelContentWidgetContainer > .cubeTabContentWidget:not(.cubeTabContentWidgetSelected) .cubeTabContentWidgetSelected {
  visibility: hidden;
}
.edge .cubeTabPanelContentWidgetContainer > .cubeTabContentWidget:not(.cubeTabContentWidgetSelected) iframe {
  visibility: visible;
}
.mainSplitPanel.navbar-not-pinned > *:not(.hide-first-container) > *:nth-child(3) {
  left: 39px !important;
}
.mainSplitPanel.navbar-not-pinned > *:not(.hide-first-container) .disabled.mainSplitter {
  width: 39px !important;
}
.mainSplitPanel.navbar-not-pinned .hide-first-container > *:nth-child(3) {
  left: 0px !important;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget {
  line-height: 36px;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:before {
  content: "";
  top: 5px;
  bottom: 5px;
  left: -1px;
  width: 1px;
  overflow: hidden;
  background: #ebebeb;
  position: absolute;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget .tabWidgetContent {
  opacity: .6;
  box-sizing: content-box;
  position: relative;
  padding-bottom: 0 !important;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget .tabWidgetContent .tabWidgetTypeImage {
  left: 3px;
  top: 50%;
  margin-top: -8px;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget .tabWidgetContent:after {
  content: "";
  bottom: 1px;
  left: 50%;
  max-width: 0;
  right: 50%;
  height: 1px;
  overflow: hidden;
  background: #333333;
  position: absolute;
  transition: all 0.2s ease-in-out 0s;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover {
  z-index: 1;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected .tabWidgetContent,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover .tabWidgetContent {
  opacity: 1;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected:before,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover:before {
  content: "";
  top: 0px;
  bottom: 0px;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected:after,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover:after {
  content: "";
  top: 0px;
  bottom: 0px;
  right: 0;
  width: 1px;
  overflow: hidden;
  position: absolute;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover:before,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget:hover:after {
  background: #dcdcdc;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected:before,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected:after {
  background: #f9f9f9;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected .tabWidgetContent {
  opacity: 1;
}
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected .tabWidgetContent .tabWidgetCloseImage,
.cubeTabPanelScrollerRoot .draggetterpanel .tabWidget.tabWidgetSelected .tabWidgetContent .tabWidgetTypeImage {
  opacity: 1;
}
.tabWidgetTextContainer {
  margin: 0 32px 0 25px;
  position: relative;
  text-align: center;
}
.tabWidgetTextContainer div {
  white-space: nowrap;
  vertical-align: baseline;
}
.tabWidget .tabWidgetTypeImage {
  position: absolute;
  padding-top: 0;
  left: 0;
  color: #555;
}
.tabWidgetCount {
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 1;
  padding: 0 7px;
  background: #fcfcfc;
  border-radius: 10px;
  margin-left: 2px;
  line-height: 18px !important;
  border: 1px solid #a8a8a8;
}
.tabWidget {
  position: relative;
}
.tabWidget .tabWidgetCloseImage {
  top: 0;
  bottom: 0;
  position: absolute;
  right: 0px;
  cursor: pointer;
  width: 32px;
}
.tabWidget .tabWidgetCloseImage:hover {
  color: #c00;
}
.tabWidget .tabWidgetCloseImage:before,
.tabWidget .tabWidgetCloseImage > .xml-icon-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) ;
}
.tabWidgetHasNoTypeImage .tabWidgetTextContainer {
  margin-left: 2px;
}
.tabWidgetHasNoCloseImage .tabWidgetTextContainer {
  margin-right: 4px;
}
.tabWidgetDisabled {
  color: #808080 !important;
}
.tabWidgetTextDisplayedInline .tabWidgetTextContainer {
  text-align: center;
  white-space: nowrap;
}
.tabWidgetTextDisplayedInline .tabWidgetTextContainer > * {
  position: static;
  display: inline-block;
  right: auto;
  top: auto;
  width: auto;
}
.mobile-tab-panel {
  height: 100%;
}
.mobile-tab-panel .mobile-icon-tab-widget {
  transition: all 0.1s ease-in;
  text-align: center;
  margin-top: 6px;
}
.mobile-tab-panel .mobile-icon-tab-widget ~ .tabWidgetCloseImage {
  bottom: inherit;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
}
.mobile-tab-panel .mobile-icon-tab-widget > * {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  color: #333;
}
.mobile-tab-panel .mobile-icon-tab-widget > *:not(.cube-Image16):not(.cube-Image21):not(.cube-Image32):not(.xml-icon) {
  background: #999;
}
.mobile-tab-panel .mobile-icon-tab-widget > *.cube-Image16,
.mobile-tab-panel .mobile-icon-tab-widget > *.cube-Image21,
.mobile-tab-panel .mobile-icon-tab-widget > *.cube-Image32 {
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.mobile-tab-panel .mobile-icon-tab-widget > *.xml-icon {
  font-size: 32px;
}
.mobile-tab-panel .mobile-icon-tab-widget > *.xml-icon > .xml-icon-inner > svg {
  stroke-width: .7px;
}
.mobile-tab-panel-left-panel {
  height: 100%;
  border-left: 1px solid #cccccc;
  background: #FFF;
}
.mobile-tab-panel-left-panel > * {
  height: auto !important;
}
.mobile-tab-panel-left-panel .tabWidget {
  background: #FFF;
  min-width: 100%;
  transition: all 0.1s ease-in;
  display: inline-block;
}
.mobile-tab-panel-left-panel .tabWidget .tabWidgetTypeImage {
  display: none;
}
.mobile-tab-panel-left-panel .tabWidget .tabWidgetTextContainer {
  max-width: 100px;
  margin: 6px 4px;
}
.mobile-tab-panel-left-panel .tabWidget .tabWidgetTextContainer > * {
  max-width: 100%;
}
.mobile-tab-panel-left-panel .tabWidget .tabWidgetTextContainer > .button-as-label {
  padding-right: 0px!important;
}
.mobile-tab-panel-left-panel .tabWidget .tabWidgetTextContainer > .tabWidgetCount {
  position: absolute;
  right: 10px;
  top: -46px;
  background-color: white;
  border: 2px solid #494949;
  color: #494949;
  font-weight: bold;
}
.mobile-tab-panel-left-panel .tabWidget:hover {
  background: #f1f1f1;
}
.mobile-tab-panel-left-panel .tabWidgetSelected .mobile-icon-tab-widget {
  transform: translate(0, 3px);
}
.mobile-tab-panel-left-panel .tabWidgetSelected .mobile-icon-tab-widget > .cube-Image16,
.mobile-tab-panel-left-panel .tabWidgetSelected .mobile-icon-tab-widget > .cube-Image21,
.mobile-tab-panel-left-panel .tabWidgetSelected .mobile-icon-tab-widget > .cube-Image32 {
  transform: scale(1.2);
}
.mobile-tab-panel-left-panel .tabWidgetSelected .mobile-icon-tab-widget > .xml-icon {
  font-size: 38px !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  transition: all 0.1s ease-in;
}
.mobile-tab-panel-left-panel .tabWidgetSelected,
.mobile-tab-panel-left-panel .tabWidgetSelected:hover {
  background: #e2e2e2;
}
.mobile-tab-panel-tab-content-container {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.mobile-tab-panel-tab-content-container > * {
  position: absolute !important;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.mobile-tab-panel-tab-content-container > *:not(.cubeTabContentWidgetSelected) {
  left: -100% !important;
  visibility: hidden;
}
.touch-active .mobile-tab-panel-tab-content-container {
  background: #f1f1f1;
}
.touch-active .mobile-tab-panel-tab-content-container > * {
  background: #FFF;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .back-scroller,
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .forward-scroller {
  cursor: default;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .back-scroller:not(.cubeTabPanelScrollerDisabled):hover,
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .forward-scroller:not(.cubeTabPanelScrollerDisabled):hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .back-scroller:before,
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .forward-scroller:before {
  position: absolute;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling.horrizontal .back-scroller {
  width: 30px;
  height: 100%;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling.horrizontal .forward-scroller {
  width: 30px;
  height: 100%;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling.vertical .back-scroller {
  width: 100%;
  height: 30px;
  vertical-align: middle;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling.vertical .forward-scroller {
  width: 100%;
  height: 30px;
  vertical-align: middle;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .cubeTabPanelScrollerDisabled {
  background: #f6f6f6;
  color: #e2e2e2;
}
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .cubeTabPanelScrollerDisabled,
.scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .cubeTabPanelScrollerDisabled * {
  cursor: auto;
}
.scroller-panel-without-scrollbar.horrizontal .scroll-container {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}
.scroller-panel-without-scrollbar.horrizontal .content-container {
  white-space: nowrap;
  display: inline-block;
}
.scroller-panel-without-scrollbar.horrizontal .content-container > * {
  display: inline-block;
  vertical-align: middle;
}
.scroller-panel-without-scrollbar.vertical {
  height: 100%;
}
.scroller-panel-without-scrollbar.vertical .scroll-container {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
.scroller-panel-without-scrollbar:not(.cubeTabPanelHasScrolling) > * > .back-scroller,
.scroller-panel-without-scrollbar:not(.cubeTabPanelHasScrolling) > * > .forward-scroller {
  display: none !important;
}
.drag-status-touch {
  position: absolute;
  z-index: 40;
  top: 0;
  left: 0;
  font-size: 21px;
  width: 40px;
  line-height: 40px;
  height: 40px;
  border: 1px solid transparent;
  background: #fff;
  text-align: center;
  border-radius: 20px;
  opacity: 0.7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drag-status-touch.drop-invalid {
  color: #cc0000;
  border-color: #cc0000;
}
.drag-status-touch:not(.drop-invalid) {
  border-color: #333333;
  color: #333333;
}
.tab-pills {
  position: relative;
  height: 100%;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget {
  margin: 1px 1px;
  background-color: #fbfbfb;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease;
  background-color: transparent;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget .tabWidgetContent {
  margin: 1px 1px;
  position: relative;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget:hover {
  background-color: #f8f8f8;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget .tabWidgetTypeImage {
  display: none;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget .tabWidgetTextContainer {
  margin-left: 4px;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget:not(.tabWidgetHasNoTypeImage) .tabWidgetTypeImage {
  display: block;
  box-sizing: content-box;
  transition: all 0.2s ease;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -8px;
}
.tab-pills.display-tab-images > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidget:not(.tabWidgetHasNoTypeImage) .tabWidgetTextContainer {
  margin-left: 25px;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeTabPanelContentWidgetContainer {
  border-width: 1px 0 0;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller {
  padding: 1px 0;
  margin: 0;
  background: #ebebeb;
  border: none;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .content-container {
  padding: 0 1px;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget {
  margin: 1px 1px;
  background-color: #fbfbfb;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease;
  margin: 0;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 1px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget .tabWidgetContent {
  margin: 3px 3px;
  position: relative;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget:hover {
  background-color: #f8f8f8;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget .tabWidgetTypeImage {
  display: none;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget .tabWidgetTextContainer {
  margin-left: 4px;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget .tabWidgetContent {
  line-height: 28px;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget:not(.tabWidgetSelected):hover {
  background-color: #f9f9f9;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 2px;
  box-sizing: border-box;
  z-index: 2;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .draggetterpanel > .tabWidget.tabWidgetSelected:after {
  background-color: #471f1f;
  left: 0;
  right: 0;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .tabWidgetTextContainer > * {
  vertical-align: middle;
}
.tab-pills > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller .folder_cover_button_container {
  display: none;
}
.tab-level-3 > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller {
  background: #f9f9f9;
}
.coverTitle {
  padding-left: 21px;
  font-size: 15px;
  line-height: 32px;
  vertical-align: middle;
  cursor: default;
  border-bottom: 1px solid #f4f4f4;
  box-sizing: border-box;
}
.cubeHasQuickSearch .tab-level-3 > .cubeVerticalPanelEntry > .cubeTabPanelContentWidgetContainer {
  border-top-width: 0;
}
.hideCubeTabScroller > .cubeVerticalPanelEntry > .cubeHorizontalPanel > .cubeHorizontalPanelEntry > .cubeTabPanelScroller {
  overflow: hidden;
  height: 0;
  padding: 0;
}
.hideCubeTabScroller > .cubeVerticalPanelEntry > .cubeTabPanelContentWidgetContainer {
  border-top: none !important;
}
.hideCubeTabScroller > .cubeHorizontalPanelEntry:last-child {
  overflow: hidden;
  width: 0;
  padding: 0;
}
.cubeTabPanelSelector {
  background-color: #ffffff;
  box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-width: 250px;
  max-height: 80%;
  z-index: 21;
  overflow: auto !important;
}
.cubeTabPanelSelector button {
  display: block;
  width: 100%;
  text-align: left ;
  white-space: nowrap;
  padding: 5px;
}
.cubeTabPanelSelector button > div,
.cubeTabPanelSelector button > img {
  display: inline;
  margin: 5px;
}
.cubeTabPanelSelector button > div {
  max-width: 200px;
}
.cubeTabPanelSelector button:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.cubeTabPanelSelector button:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.toggle-switch-vertical > * {
  width: 16px;
  height: 32px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50px;
  background: #afafaf;
  position: relative;
}
.toggle-switch-vertical .indicator {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  top: 1px;
  left: 1px;
  background: #fff;
  border: 1px solid #606060;
  border-radius: 50px;
  margin-top: 0;
  transition: all 0.2s ease-in-out 0s;
}
.toggle-switch-vertical.switch-on .indicator {
  margin-top: 16px;
}
.navigation-container .scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .back-scroller:not(.cubeTabPanelScrollerDisabled),
.navigation-container .scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .forward-scroller:not(.cubeTabPanelScrollerDisabled) {
  background-color: #ededed;
  color: #494949;
}
.navigation-container .scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .back-scroller:not(.cubeTabPanelScrollerDisabled):hover,
.navigation-container .scroller-panel-without-scrollbar.cubeTabPanelHasScrolling .forward-scroller:not(.cubeTabPanelScrollerDisabled):hover {
  background-color: #e7e7e7;
  cursor: pointer;
}
.ribbon-toggle {
  width: 30px;
  height: 100%;
  margin-left: 1px;
  justify-content: center;
  align-items: center;
  background-color: #ededed;
  color: #494949;
}
.ribbon-toggle:hover {
  background-color: #e7e7e7;
  cursor: pointer;
}
.navigation-container {
  padding: 1px 0;
  background: #f9f9f9;
  font-size: 12px;
  line-height: 1.3em;
  border-bottom: 1px solid #ebebeb;
}
.cubeVerticalOuterMainPanel {
  transition: background-color 0.2s ease-in-out 0s;
}
.cubeTabPanelRoot {
  transition: opacity 0.2s ease-in-out 0s;
}
.cubeTabPanelRoot:not(.has-ribbon) > .navigationPanel {
  display: none;
}
.cubeTabPanelRoot .cubeTabPanelScrollerRoot {
  background: #c8c8c8;
}
.cubeTabPanelRoot > .cubeVerticalPanelEntry > .cubeTabPanelContentWidgetContainer {
  border: none;
}
.mainSplitter {
  background: #333333;
}
.maskrenderer {
  font-size: 12px;
  line-height: normal;
  padding-left: 5px;
  padding-top: 5px;
}
.maskrenderer INPUT[type='checkbox'],
.maskrenderer INPUT[type='radio'] {
  margin: 0;
}
.maskrenderer INPUT[type='checkbox'] {
  vertical-align: middle;
  padding: 0 0 0 0;
}
.tabbed-dlg-control .cubeTabContentWidget {
  background: transparent;
}
.tabbed-dlg-control .tabWidget {
  padding: 0 6px;
  margin: 0;
  border-radius: 0px;
  margin-right: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: 1px solid #e9e9e9;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  cursor: pointer;
  border-bottom: none;
  display: block;
}
.tabbed-dlg-control .tabWidget:hover {
  color: #333;
  background-color: #fafafa;
}
.tabbed-dlg-control .tabWidget .tabWidgetContent {
  padding: 0 1px 0 0;
  position: relative;
  height: 25px;
  line-height: 25px;
  margin: 0;
}
.tabbed-dlg-control .draggetterpanel:last-child .tabWidget {
  margin-right: 0;
}
.tabbed-dlg-control .cubeTabPanelScroller {
  border: 0;
  padding: 0;
}
.tabbed-dlg-control .tabWidgetSelected {
  cursor: default;
}
.tabbed-dlg-control .tabWidgetSelected,
.tabbed-dlg-control .tabWidgetSelected:hover {
  color: #333;
  background-color: #FFF;
}
.div-panel-full-sized:not(.style-ignored) {
  display: flex;
}
.div-panel-full-sized:not(.style-ignored) > * {
  position: relative;
}
.div-panel-full-sized:not(.style-ignored) > *:not(.div-panel-full-sized-entry) {
  display: flex;
}
.div-panel-full-sized:not(.style-ignored) > *.div-panel-full-sized-entry {
  flex: 1 1 0%;
  display: flex;
  overflow: hidden;
}
.div-panel-full-sized:not(.style-ignored) > *.div-panel-full-sized-entry.scrollable {
  overflow: auto;
}
.div-panel-full-sized:not(.style-ignored):not(.expand-to-parent) > .div-panel-full-sized-entry > * {
  height: auto;
}
.div-panel-full-sized.expand-to-parent:not(.style-ignored),
.div-panel-full-sized.expand-to-parent:not(.style-ignored) > .div-panel-full-sized-entry > * {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.div-panel-full-sized.expand-to-parent:not(.style-ignored) > .div-panel-full-sized-entry.scrollable {
  overflow: hidden;
}
.div-panel-full-sized.expand-to-parent:not(.style-ignored) > .div-panel-full-sized-entry.scrollable > * {
  overflow: auto;
}
.div-panel-full-sized.cubeVerticalPanel:not(.style-ignored) {
  flex-flow: column;
  height: 100%;
}
.div-panel-full-sized.cubeVerticalPanel:not(.style-ignored) > .div-panel-full-sized-entry {
  height: auto !important;
}
.div-panel-full-sized.cubeVerticalPanel:not(.style-ignored) > *:not(.div-panel-full-sized-entry) > * {
  width: 100%;
}
.div-panel-full-sized.cubeHorizontalPanel:not(.style-ignored) {
  flex-flow: row;
  width: 100%;
}
.div-panel-full-sized.cubeHorizontalPanel:not(.style-ignored) > *:not(.div-panel-full-sized-entry) > * {
  display: flex;
  flex-grow: 1;
  height: auto !important;
}
.div-panel-full-sized.style-ignored > .div-panel-full-sized-entry {
  height: 100%;
}
* {
  -webkit-overflow-scrolling: touch;
}
.PropertyPanel {
  height: 100%;
  width: 100%;
  background: #fff;
  line-height: 30px;
}
.PropertyPanel-dialog-creation.div-panel-full-sized.cubeVerticalPanel {
  width: 1000px;
  height: 650px;
}
.PropertyPanel-dialog-properties.div-panel-full-sized.cubeVerticalPanel {
  width: 1000px;
  height: 700px;
}
.PropertyPanel .propertyItem {
  box-sizing: content-box;
  border-bottom: 1px solid #f1f1f1;
  border-top: none;
  overflow: hidden;
  display: flex;
}
.PropertyPanel .propertyItemDisabled .propertyItemTextContainer,
.PropertyPanel .propertyItemDisabled .propertyItemValueContainer {
  color: #b3b3b3;
  user-select: element;
}
.PropertyPanel .propertyItemSelected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
  user-select: text;
}
.PropertyPanel .propertyItemTextContainer {
  overflow: hidden;
  width: 50%;
  border-right: 1px solid #f1f1f1;
}
.PropertyPanel .propertyItemValueContainer {
  overflow: hidden;
  height: 30px;
  flex: 1 1 1%;
}
.PropertyPanel .propertyItemValueContainer > input,
.PropertyPanel .propertyItemValueContainer > select {
  border: 0;
  padding: 0 5px;
  height: 30px;
}
.PropertyPanel .propertyItemLabel {
  transition: background-color 0.1s ease;
  white-space: nowrap;
  padding-left: 5px;
}
.PropertyPanel .propertyItemExpanded {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.PropertyPanel .propertyItemExpandedPicker {
  background: #d2d2d2;
  position: absolute;
  right: 0;
  padding: 0 10px;
  cursor: pointer;
}
.PropertyPanel .propertyCellName {
  color: #333;
  background-color: #f9f9f9;
  border: none;
  border-bottom: 1px solid #cccccc;
}
.PropertyPanel .propertyCellName,
.PropertyPanel .propertyCellName > * {
  height: 35px;
  line-height: 35px;
}
.PropertyPanel .propertyCellName * {
  border-color: #cccccc;
}
.PropertyPanel .propertyCellName .propertyItemLabel {
  background-color: transparent;
  vertical-align: middle;
}
.PropertyPanel .propertyCellName .propertyItemValueContainer {
  display: flex;
  padding: 0 5px;
}
.PropertyPanel .property-expand-option {
  display: block;
  text-align: right ;
  padding: 0 5px;
  border-bottom: 1px solid #f1f1f1;
}
.PropertyPanel .propertyGroupTitle {
  border-bottom: 1px solid #f1f1f1;
}
.PropertyPanel .propertyGroupTitle > * {
  display: inline-block;
  line-height: 36px;
  white-space: nowrap;
}
.PropertyPanel .propertyGroupTitle > *:not(.gwt-Label) {
  cursor: pointer;
  width: 20px;
}
.PropertyPanel .propertyToolTipTitle {
  cursor: default;
  line-height: initial;
  color: #333;
  background-color: #f9f9f9;
  width: 100%;
  padding: 5px 5px 0;
  font-weight: bold;
  border-top: 1px solid #f1f1f1;
}
.PropertyPanel .propertyToolTipDescription {
  cursor: default;
  line-height: initial;
  width: 100%;
  padding: 5px;
  color: #333;
  background-color: #f9f9f9;
}
.property-item-selection .gwt-CheckBox {
  line-height: 26px;
  height: 26px;
  padding: 0 16px;
}
.property-item-selection .gwt-CheckBox > [type=checkbox] {
  margin-top: 2px;
}
.tiny-navigationbar-container {
  width: 0;
  display: none;
  background-color: #333333;
}
.cubeNavigationBarEntry {
  line-height: 39px;
  color: #fff;
  padding: 5px 3px;
  white-space: nowrap;
  font-size: 1.1em;
  border-top: 1px solid transparent;
  position: relative;
}
.cubeNavigationBarEntry:not(:first-child):before {
  content: "";
  position: absolute;
  top: -1px;
  left: 2px;
  right: 2px;
  height: 1px;
  overflow: hidden;
  background: #525252;
}
.cubeNavigationBarEntry:not(.cubeNavigationBarEntrySelected):hover {
  background-color: #606060;
}
.cubeNavigationBarEntry:not(.cubeNavigationBarEntrySelected):hover:before {
  background: transparent !important;
}
.cubeNavigationBarEntry:not(.cubeNavigationBarEntrySelected):hover + *:before {
  background: transparent;
}
.cubeNavigationBarOverFlowContainer {
  color: #fff;
  position: relative;
  overflow: auto;
  z-index: 2;
  background: #494949;
}
.cubeNavigationBarOverFlowContainer .boxed-layout-entry:not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarOverFlowContainer .gwt-TreeItem:not(.cubeTreeItemSelected):not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarOverFlowContainer .gui-object:not(:hover):not(:focus) .gwt-Label {
  background: #494949;
}
.cubeNavigationBarOverFlowContainer > * {
  overflow: auto;
}
.cubeNavigationBarTinyEnabled.no-background .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected,
.cubeNavigationBarTinyEnabled.no-background .cubeNavigationBarOverFlowContainer {
  background: #FFF;
  color: #000;
}
.cubeNavigationBarTinyEnabled.no-background .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected .boxed-layout-entry:not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarTinyEnabled.no-background .cubeNavigationBarOverFlowContainer .boxed-layout-entry:not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarTinyEnabled.no-background .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected .gwt-TreeItem:not(.cubeTreeItemSelected):not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarTinyEnabled.no-background .cubeNavigationBarOverFlowContainer .gwt-TreeItem:not(.cubeTreeItemSelected):not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarTinyEnabled.no-background .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected .gui-object:not(:hover):not(:focus) .gwt-Label,
.cubeNavigationBarTinyEnabled.no-background .cubeNavigationBarOverFlowContainer .gui-object:not(:hover):not(:focus) .gwt-Label {
  background: #FFF;
}
.boxed-layout-entry:hover .gwt-Label,
.gwt-TreeItem:hover .gwt-Label,
.gui-object:hover .gwt-Label,
.boxed-layout-entry:focus .gwt-Label,
.gwt-TreeItem:focus .gwt-Label,
.gui-object:focus .gwt-Label {
  background: transparent !important;
}
.cubeTreeItemSelected .gwt-Label,
.drop-possible .gwt-Label {
  background: transparent !important;
}
.cubeNavigationBarEntry {
  position: relative;
  cursor: pointer;
}
.cubeNavigationBarEntry img {
  position: absolute;
  left: 8px;
  cursor: pointer;
}
.cubeNavigationBarEntry div.gwt-Label {
  padding: 0 0 4px 5px;
  display: inline-block;
  cursor: pointer;
}
.cubeNavigationBarEntry > .xml-icon {
  transition: none;
}
.cubeNavigationBarTinyEnabled .tiny-navigationbar-container {
  width: 39px;
  height: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.cubeTinyNavigationBar {
  display: none;
}
.cubeVerticalPanelEntry:last-child > .cubeNavigationBarEntry {
  border-bottom: none;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar {
  position: absolute;
  width: 100%;
  display: block;
  border-bottom: 24px solid transparent;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeVerticalPanelEntry {
  display: block;
  overflow: hidden;
  width: 39px;
  cursor: pointer;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry {
  height: auto;
  display: block;
  padding-bottom: 4px;
  position: relative;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry .xml-icon {
  display: block;
  margin: 4px 0;
  width: inherit;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry .gwt-Label {
  display: inline-block;
  transform: translate3d(0px, 100%, 0) rotate(-90deg);
  transform-origin: 0 0;
  white-space: nowrap;
  text-align: left;
  padding: 1px;
  margin: 0 0 5px 0;
  position: relative;
  z-index: 1;
  line-height: 26px;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry .gwt-Label:before {
  content: '';
  float: left ;
  margin-top: 100%;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry .gwt-Label:after {
  content: '';
  float: left ;
  margin-top: 100%;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected {
  background-color: #494949;
  color: #fff;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected:before {
  background: transparent !important;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cubeNavigationBarEntrySelected + *:before {
  background: transparent;
}
.cubeNavigationBarEntry:hover {
  background-color: #3b3b3b;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cube_navigation_entry_small:not(.cubeIconPriorityEntry) > *.xml-icon {
  display: none;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cube_navigation_entry_small.cubeIconPriorityEntry {
  line-height: 39px;
  height: 39px;
}
.cubeNavigationBarTinyEnabled .cubeTinyNavigationBar .cubeNavigationBarEntry.cube_navigation_entry_small.cubeIconPriorityEntry > * ~ .gwt-Label {
  display: none;
  margin-bottom: 0;
  margin-right: 0;
}
.cubeNavigationBar .cubeNavigationBarCaption {
  color: #767676;
  top: 15px;
  bottom: 15px;
  position: absolute;
  right: 12px;
  width: 59px;
  z-index: -1;
  overflow: hidden;
  transform: rotate(180deg);
}
.cubeNavigationBar .cubeNavigationBarCaption > * {
  transform: rotate(90deg);
  font-size: 39px;
  line-height: 59px;
  white-space: nowrap;
}
.cubeNavigationBar .switch-button {
  bottom: 0;
  position: absolute;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  height: 24px;
  opacity: 1;
  text-align: center;
  opacity: 0;
  color: #fff;
  background-color: #333333;
  transition: opacity 0.2s ease-in-out 0s;
}
.cubeNavigationBar .switch-button:hover {
  color: #333333;
  background-color: #fff;
}
.cubeNavigationBar:hover .switch-button {
  opacity: 1;
}
.cubeNavigationBar .mruPanel {
  min-height: 100%;
}
.navbar-overlay-enabled .cubeVerticalOuterMainPanel {
  background: rgba(0, 0, 0, 0.1);
}
.navbar-overlay-enabled .mainSplitPanel > * > * {
  z-index: 2;
}
.navbar-overlay-enabled .mainSplitPanel > * > *:last-child {
  z-index: 1;
}
.navbar-overlay-enabled .cubeTabPanelRoot {
  opacity: .8;
}
.documentArchiveVerticalPanelHasFileDropPanel > div:first-child .fileDropPanelFrame {
  height: 55px;
}
.colorpopup {
  background-color: #FFFFFF;
  border: 1px solid #666666;
  z-index: 102;
}
.colorpopup td {
  border-width: 1px;
  border-style: solid;
  border-color: #A0A0A0 #FFFFFF #FFFFFF #A0A0A0;
}
.colorpopup .selected {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}
.colorpopup .coloritem {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #696969 #E3E3E3 #E3E3E3 #696969;
  cursor: pointer;
}
.colorpopup .coloritem-selected {
  border: 1px dotted #000000;
}
.inlineMessageDisplay {
  padding: 5px;
  font-size: .9em;
}
.inlineMessageDisplay .cube-Image {
  padding-right: 5px;
}
.canvasNotSupported {
  background-color: #FFFFFF;
}
.canvasNotSupportedInfo {
  padding: 20px;
  margin: 10px;
  font-weight: bold;
}
.canvasNotSupportedInfo .infotext {
  color: #333366;
  text-align: center;
  font-weight: bold;
}
.canvasNotSupportedInfo .openMessage {
  margin-top: 5px;
  color: red;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}
.viewer-loadingpanel {
  z-index: 500;
  position: absolute;
  height: 31px;
  background-color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
}
.widgetWithState,
.imageWithStateHover > .cube-Image16,
.imageWithStateHover > tbody > tr > td > .cube-Image16 {
  cursor: pointer;
  padding: 2px;
  box-sizing: content-box;
}
.widgetWithState:hover,
.imageWithStateHover > .cube-Image16:hover,
.imageWithStateHover > tbody > tr > td > .cube-Image16:hover {
  padding: 1px;
  border: 1px solid Gray;
}
.widgetWithStateActive,
.widgetWithStateActive:hover {
  padding: 1px;
  border: 1px solid Gray;
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.cubetable {
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 0;
  border-collapse: collapse;
}
.cubetable > tr > td,
.cubetable > tbody > tr > td {
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 0 0 1px 1px;
  padding: 2px 2px 2px 2px;
}
.cubetable > tr > td input[type=text],
.cubetable > tbody > tr > td input[type=text],
.cubetable > tr > td select,
.cubetable > tbody > tr > td select {
  border: none;
}
.cubetable .darkzone {
  background-color: #fcfcfc;
}
.cubetable .palezone {
  background-color: #fff;
}
.cubetable .darkzone,
.cubetable .palezone {
  transition: all 0.2s ease-in-out 0s;
}
.cubetable .darkzone > td,
.cubetable .palezone > td {
  background-color: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 0.95em;
}
.cubetable .darkzone:hover,
.cubetable .palezone:hover {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}
.cubetable .darkzone.rowselected,
.cubetable .palezone.rowselected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.cubetable > tr > td:first-child,
.cubetable > tbody > tr > td:first-child {
  border-width: 0 0 1px 0;
}
.cubetable .darkzoneDheadertop {
  border-bottom: 1px solid #cccccc !important;
  padding-left: 1px !important;
}
.cubetable .darkzoneDheadertop .column-header {
  width: 100%;
}
.cubetable .darkzoneDheadertop:not(:last-child) {
  border-right: 1px solid #cccccc !important;
}
.sortAsc {
  background-image: url('../images/RL_AufsteigendSortiert.gif');
  width: 16px;
  height: 16px;
}
.sortDesc {
  background-image: url('../images/RL_AbsteigendSortiert.gif');
  width: 16px;
  height: 16px;
}
.outer-compact-navi-tab-container {
  display: flex;
}
.cubeCompactNavigationTabContainer {
  margin: 0 1px;
  display: flex;
  flex-direction: column;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTab {
  cursor: pointer;
  flex-grow: .5;
  display: flex;
  left: 0;
  font-size: 14px;
  text-align: right ;
  position: relative;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTab > * {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: right;
  flex-grow: 1;
  padding: 0 9px 0 5px;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTab:not(:first-child) {
  margin-top: 1px;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTab:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-right-color: #333333;
  z-index: 6;
  transition: all 0.2s ease;
  transform: translate(50%, 0) scale(0);
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTab:not(.cubeCompactNavigationTabSelected):hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTabSelected {
  z-index: 4;
  background-color: #c8c8c8;
}
.cubeCompactNavigationTabContainer .cubeCompactNavigationTabSelected:after {
  transform: none;
}
.compact-ribbon-has-3tabs .cubeCompactNavigationTab {
  flex-grow: .3;
}
.compact-ribbon-has-3tabs .cubeCompactNavigationTabSelected {
  flex-grow: .4;
}
#gridFocusPanel {
  position: absolute;
  background: transparent;
  z-index: -1;
  width: 1px;
  height: 10px;
  outline: 0;
  font-size: 1px;
}
.smartGridContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.smartGridContainer .inner-container {
  transition: height 0.2s ease-in-out 0s;
}
.smartGridContainer .inner-container .smart-grid-frame {
  display: block;
}
.smartGridContainer .instant-filter-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0px;
  background: #dddddd;
  transition: background-color 0.2s ease-in-out 0s;
  white-space: nowrap;
  vertical-align: middle;
}
.smartGridContainer .instant-filter-panel * {
  margin: 0;
}
.smartGridContainer .instant-filter-panel .instant-filter-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1px;
}
.smartGridContainer .instant-filter-panel .instant-filter-table > tbody > tr > td:not(:nth-child(3)) {
  width: 1px;
}
.smartGridContainer .instant-filter-panel .instant-filter-table > tbody > tr > td * {
  line-height: 39px;
}
.smartGridContainer .instant-filter-panel input {
  height: 39px;
  margin-left: 2px;
  line-height: 37px;
  width: 300px;
  max-width: 100%;
  float: left ;
  padding: 5px;
}
.smartGridContainer .instant-filter-panel .instant-filter-count {
  color: #333333;
  padding: 0 3px 0 4px;
}
.smartGridContainer .instant-filter-panel .instant-filter-count:empty {
  overflow: hidden;
  width: 0;
  padding: 0;
}
.smartGridContainer .instant-filter-panel .instant-filter-inner-container {
  width: 100%;
  table-layout: fixed;
  min-width: 40px;
}
.smartGridContainer .instant-filter-panel .instant-filter-closer {
  text-align: center;
  cursor: pointer;
  margin: 0 1px;
  height: 39px;
  width: 39px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
}
.smartGridContainer .instant-filter-panel .instant-filter-closer:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.smartGridContainer.instant-filter-active .inner-container {
  height: calc(100% - 42px) !important;
}
.smartGridContainer.instant-filter-active .instant-filter-panel {
  height: 42px;
  border-top: 1px solid #cccccc;
  padding-right: 2px;
}
.instant-active .highlight {
  color: #000;
  background: #fd0;
}
.instant-active .filter-matched:not(.has-filter-text):not(.grouprow) {
  opacity: .3;
}
.smartGridCustomResultViewFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 21;
  background-color: #FFFFFF;
}
.cubeFrameDiv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.cubeFrameDiv > div {
  position: absolute;
}
.cubeFrameDivTopLeft,
.cubeFrameDivTopMiddle,
.cubeFrameDivTopRight,
.cubeFrameDivCaptionLeft,
.cubeFrameDivCaptionRight,
.cubeFrameDivContentLeft,
.cubeFrameDivContentRight,
.cubeFrameDivBottomLeft,
.cubeFrameDivBottomMiddle,
.cubeFrameDivBottomRight {
  display: none;
}
.cubeFrameDivCaptionMiddle {
  top: 0;
  height: 22px;
  line-height: 22px;
  right: 0;
  left: 0;
  padding: 0 2px;
  background-color: inherit;
  color: inherit;
  font-weight: bold;
  box-sizing: border-box;
}
.cubeFrameDivContentMiddle {
  top: 22px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #FFFFFF;
}
.whiteSpacePre {
  white-space: pre;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: #7f7f83;
}
::-moz-placeholder {
  font-style: italic;
  opacity: 1;
  color: #7f7f83;
}
:-ms-input-placeholder {
  font-style: italic;
  color: #7f7f83;
}
.TreeGrid {
  background-color: #fff;
  height: 100%;
}
.TreeGrid .header {
  background-color: #f9f9f9;
  color: #333;
  line-height: 32px;
}
.TreeGrid .header > * {
  border-bottom: 1px solid #cccccc;
}
.TreeGrid .headercolumn {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  vertical-align: middle;
  border-right: 1px solid #cccccc;
}
.TreeGrid .headerspace {
  left: 0;
  right: 0;
  min-width: 25px;
}
.TreeGrid .content {
  border-collapse: collapse;
  color: #000000;
  min-width: 100%;
}
.TreeGrid .content > tbody > tr {
  border-style: solid;
  border-color: transparent;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 0;
  line-height: 8pt;
}
.TreeGrid .content > tbody > tr:hover {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}
.TreeGrid .content > tbody > tr.rowselected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.TreeGrid .content > tbody > tr.rowselected:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.TreeGrid .content > tbody > tr > td {
  padding-left: 2px;
  padding-right: 2px;
}
.TreeGrid .content > tbody > tr > td img,
.TreeGrid .content > tbody > tr > td .xml-icon {
  display: inline-block;
  margin-left: 1px;
  margin-right: 4px;
}
.TreeGrid .content > tbody > tr > td .cube-Image16 {
  height: 16px;
  width: 16px;
}
.TreeGrid .content > tbody > tr > td .xml-icon {
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
}
.TreeGrid .content > tbody > tr > td > * {
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
}
.TreeGrid .content > tbody > tr > td .expandingimage {
  background-repeat: no-repeat;
  background-position: center;
  width: 21px;
  line-height: 26px;
  display: inline-block;
  margin: 2px;
}
.TreeGrid .content > tbody > tr > td .expandingimage .xml-icon {
  margin-left: 0;
  margin-right: 0;
  pointer-events: none;
  width: 21px;
  font-size: 14px !important;
}
.TreeGrid .content > tbody > tr > td .expandingimage .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.5px;
}
.TreeGrid .gwt-SplitLayoutPanel-HDragger {
  background-color: transparent;
  background-image: none;
  border: 0;
}
.gwt-SplitLayoutPanel-HDragger {
  cursor: col-resize;
}
.gwt-SplitLayoutPanel-HDragger {
  border-style: dotted;
  border-color: #cccccc;
  background: #FFFFFF;
  cursor: col-resize;
  width: 7px;
  border-width: 0 1px 0 1px;
  background-image: url("../images/splitterH.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.gwt-SplitLayoutPanel-VDragger {
  border-style: dotted;
  border-color: #cccccc;
  background: #FFFFFF;
  cursor: row-resize;
  height: 7px;
  border-width: 1px 0 1px 0;
  background-image: url("../images/splitterV.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.viewerMainScrollPanel {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.viewerMainScrollPanel .canvas-holder {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.22), 0 0 3px 2px rgba(255, 255, 255, 0.25), 0 1px 6px 8px rgba(255, 255, 255, 0.15);
}
.viewerMainScrollPanel .canvas-holder:focus {
  outline: 1px dotted Gray;
  outline-offset: 0;
}
.viewerMainScrollPanel div {
  height: 100%;
}
.viewerMainScrollPanel .error-panel {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0;
  bottom: 0;
  z-index: 5;
  /*width:100%;*/
  height: auto;
  padding: 50px;
  background-color: #ffffff;
  text-align: left ;
}
html[dir='rtl'] .viewerMainScrollPanel .error-panel {
  direction: rtl;
}
.viewerMainScrollPanel .error-panel .image-text-panel {
  white-space: nowrap;
}
.viewerMainScrollPanel .error-panel .image-text-panel table {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.viewerMainScrollPanel .error-panel .image-text-panel .file-name-label {
  white-space: nowrap;
  font-size: 14px;
  color: #000;
}
.viewerMainScrollPanel .error-panel .image-text-panel .file-size-label {
  white-space: nowrap;
  font-size: 12px;
  margin-left: 5px;
  color: #7f7f83;
}
.viewerMainScrollPanel .error-panel .image-text-panel .file-image {
  margin-right: 5px;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
}
.viewerMainScrollPanel .error-panel .image-text-panel .spacer {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  text-align: center;
  display: table;
  width: 100%;
  color: #ccc;
  font-size: 20px;
}
.viewerMainScrollPanel .error-panel .image-text-panel .spacer div {
  display: table-cell;
  vertical-align: middle;
}
.linkStyle {
  cursor: pointer;
  color: #333333;
}
.linkStyle:hover {
  color: #333333;
}
.leftCharSpace {
  margin-left: 3px;
}
.number-spinner {
  position: relative;
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  border-color: #999999;
  padding: 0;
}
.number-spinner:hover {
  border-color: #494949;
}
.number-spinner:focus,
.number-spinner.has-focus {
  background-color: #fff;
  border-color: #494949;
}
.number-spinner input {
  border: 0;
  font-size: inherit;
  box-shadow: none;
  background: transparent;
  padding: 0 2px;
  height: 34px;
  margin-right: 16px;
}
.number-spinner-inner {
  width: 16px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.number-spinner-inner .spinner-icon {
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  cursor: pointer;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: calc(50% - 0.5px);
  border: 0;
}
.number-spinner-inner .spinner-icon:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.number-spinner-inner .spinner-icon-up {
  top: 0;
  border-bottom: 0;
}
.number-spinner-inner .spinner-icon-down {
  bottom: 0;
  border-top: 0;
}
.smart-grid-extra-buttons {
  position: absolute;
  top: -1px;
  right: 17px;
  z-index: 22;
  background: #FFF;
  height: 42px;
}
.smart-grid-extra-buttons > tbody > tr > td:first-child {
  border-left: 1px solid #eeeeee;
  padding-left: 1px;
}
.smart-grid-extra-buttons > tbody > tr > td .drop-down-icon {
  width: 8px;
  margin-left: 1px;
}
.smart-grid-extra-buttons > tbody > tr > td > * {
  margin: 1px 3px 0 0;
  font-size: 18px;
  padding: 1px;
  transition: background-color 0.2s ease-in-out 0s;
  border: 1px solid transparent;
  cursor: pointer;
}
.smart-grid-extra-buttons > tbody > tr > td > * .itemText,
.smart-grid-extra-buttons > tbody > tr > td > * td {
  padding: 0;
}
.smart-grid-extra-buttons > tbody > tr > td > * .xml-icon {
  font-size: 16px;
  width: 16px;
  line-height: 16px;
}
.smart-grid-extra-buttons > tbody > tr > td > *:hover,
.smart-grid-extra-buttons > tbody > tr > td > *.DropDownGroupIcon-active {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.smart-grid-extra-buttons > tbody > tr > td:first-child > * {
  margin-left: 1px;
}
.smart-grid-extra-buttons.hide-grid-special-elements .grid-layout-drop-down {
  display: none;
}
.annotation-overview-tooltip {
  border: 1px solid #767676;
  color: #575757;
  z-index: 100;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0, #E4E5F0 100%);
}
.annotation-overview-tooltip .annotation-content-table tr > td {
  padding: 3px;
  vertical-align: top;
}
.annotation-overview-tooltip .annotation-content-table tr > td:nth-child(2) > div {
  margin-top: -2px;
  white-space: nowrap;
}
.cube-tooltip {
  border: 1px solid #767676;
  padding: 2px 5px 2px 5px;
  color: #575757;
  z-index: 100;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0, #E4E5F0 100%);
  opacity: 1;
}
.cube-tooltip-hide {
  opacity: 0 !important;
  transition: opacity 0.5s linear;
}
.xml-icon.ci-disabled,
.xml-icon.ci-disabled:hover {
  color: #d2d2d2;
  cursor: auto;
}
.instant-viewer {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.instant-viewer-top-panel {
  display: table;
  width: 100%;
  background-color: #333333;
  color: #fff;
  padding-left: 5px;
  line-height: 39px;
  height: 39px;
}
.instant-viewer-top-panel > * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.instant-viewer-top-panel > *:first-child {
  font-size: 18px;
  padding-right: 5px;
}
.instant-viewer-close-container {
  white-space: nowrap;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instant-viewer-close-container-outer {
  width: 1px;
  cursor: pointer;
}
.instant-viewer-close-container .xml-icon {
  font-size: 21px;
  width: 21px;
  margin-right: 5px;
  text-align: center;
}
.instant-viewer-close-container:hover {
  background: #606060;
}
.instant-viewer-content {
  position: absolute;
  top: 39px;
  right: 0;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
}
.instant-viewer-content .cube-loadingpanel {
  z-index: -1;
}
.instant-viewer-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.glass-tab-selector {
  z-index: 100;
}
.glass-tab-background-image {
  position: relative;
  z-index: -1;
}
.permanent-center-popup-outer {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.permanent-center-popup-inner {
  display: table;
  width: 100%;
  height: 100%;
}
.permanent-center-popup-inner2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.permanent-center-popup-inner3 {
  bottom: 0;
}
.glass-tab-selector {
  border: 1px solid #000000;
  border-radius: 10px;
  bottom: 0;
  box-shadow: 5px 5px 15px #000000;
  display: inline-block;
  background-color: rgba(247, 247, 247, 0.9);
}
.glass-tab-selector .glass-tab-label {
  font-size: 15px;
  text-align: center;
  margin: 10px;
  text-shadow: 1px 1px 1px #C6C6C6;
  z-index: 1;
  position: relative;
}
.glass-tab-selector .glass-tab-item {
  position: relative;
  width: 155px;
  float: left ;
  margin: 10px;
  z-index: 1;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  border: 1px solid rgba(20, 20, 20, 0.5);
  background-color: #FFFFFF;
  background-image: url("../images/load_indicator_big.gif");
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
.glass-tab-selector .glass-tab-item-type {
  background: none repeat scroll 0 0 rgba(187, 187, 187, 0.7);
  border: 1px solid rgba(20, 20, 20, 0.5);
  border-radius: 2px;
  left: -5px;
  position: absolute;
  top: -5px;
  z-index: 2;
}
.glass-tab-selector .glass-tab-item-type-inner {
  width: 16px;
  height: 16px;
  margin: 1px;
}
.glass-tab-selector .glass-tab-item-text {
  background-color: rgba(187, 187, 187, 0.7);
  bottom: 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
  padding-left: 2px;
  padding-right: 2px;
}
.glass-tab-selector .glass-tab-item:hover {
  border-radius: 3px;
  box-shadow: 0 1px 5px #e4e4e4;
  border: 1px solid #e4e4e4;
}
.glass-tab-selector .glass-tab-item:hover .glass-tab-item-type,
.glass-tab-selector .glass-tab-item:hover .glass-tab-item-text {
  border: 1px solid #e4e4e4;
  background: none repeat scroll 0 0 #e4e4e4;
}
.glass-tab-selector .glass-tab-item:focus {
  border-radius: 3px;
  box-shadow: 0 1px 5px #c8c8c8;
  border: 1px solid #c8c8c8;
}
.glass-tab-selector .glass-tab-item:focus .glass-tab-item-type,
.glass-tab-selector .glass-tab-item:focus .glass-tab-item-text {
  border: 1px solid #c8c8c8;
  background: none repeat scroll 0 0 #c8c8c8;
}
.glass-tab-selector .glass-tab-item .glass-tab-item-image {
  background-color: #ffffff;
}
.websocketuseritemself {
  color: red;
}
.websocketuserlistmenu {
  background: transparent;
  z-index: 101;
  line-height: 1.5;
}
.websocketuserlistmenu > .popupContent > table {
  border-spacing: 5px;
}
.websocketuserlistmenugrid {
  padding: 1px;
  border: 1px solid #cccccc;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
}
.drop-possible {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
  cursor: auto !important;
}
.drop-impossible {
  cursor: auto !important;
}
.number-field {
  text-align: right ;
}
.hidden-file-upload-holder {
  position: relative;
  overflow: hidden;
}
.hidden-file-upload {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  width: 0px;
  height: 0px;
  filter: alpha(opacity=0);
}
.more-space-left-right {
  margin-left: 1px;
  margin-right: 1px;
}
.task-planning-panel .task-planning-separator {
  display: block;
  height: 1px;
  background: #f0f0f0;
  margin: 5px 5px 5px 5px;
}
.task-planning-panel .prio-finished-table {
  margin-left: 8px;
}
.task-planning-panel .prio-finished-table > tbody > tr > td {
  min-width: 110px;
}
.reminder-panel,
.appointment-panel {
  width: 100%;
}
.reminder-panel .reminder-table,
.appointment-panel .reminder-table,
.reminder-panel .begin-appointment-table,
.appointment-panel .begin-appointment-table,
.reminder-panel .end-appointment-table,
.appointment-panel .end-appointment-table {
  width: 100%;
}
.reminder-panel .reminder-table > tbody > tr > td,
.appointment-panel .reminder-table > tbody > tr > td,
.reminder-panel .begin-appointment-table > tbody > tr > td,
.appointment-panel .begin-appointment-table > tbody > tr > td,
.reminder-panel .end-appointment-table > tbody > tr > td,
.appointment-panel .end-appointment-table > tbody > tr > td {
  min-width: 110px;
}
.reminder-panel .reminder-table .gwt-TextArea,
.appointment-panel .reminder-table .gwt-TextArea,
.reminder-panel .begin-appointment-table .gwt-TextArea,
.appointment-panel .begin-appointment-table .gwt-TextArea,
.reminder-panel .end-appointment-table .gwt-TextArea,
.appointment-panel .end-appointment-table .gwt-TextArea {
  min-width: 96%;
}
.reminder-panel .reminder-table .date-time-selector,
.appointment-panel .reminder-table .date-time-selector,
.reminder-panel .begin-appointment-table .date-time-selector,
.appointment-panel .begin-appointment-table .date-time-selector,
.reminder-panel .end-appointment-table .date-time-selector,
.appointment-panel .end-appointment-table .date-time-selector {
  display: inline-flex;
  width: 100%;
}
.reminder-panel .reminder-table .timeUnitBox,
.appointment-panel .reminder-table .timeUnitBox,
.reminder-panel .begin-appointment-table .timeUnitBox,
.appointment-panel .begin-appointment-table .timeUnitBox,
.reminder-panel .end-appointment-table .timeUnitBox,
.appointment-panel .end-appointment-table .timeUnitBox {
  min-width: 195px;
}
.reminder-panel .reminder-table .time-list-box-custom,
.appointment-panel .reminder-table .time-list-box-custom,
.reminder-panel .begin-appointment-table .time-list-box-custom,
.appointment-panel .begin-appointment-table .time-list-box-custom,
.reminder-panel .end-appointment-table .time-list-box-custom,
.appointment-panel .end-appointment-table .time-list-box-custom {
  margin-left: 20px;
}
.reminder-panel .reminder-table .time-list-box-default,
.appointment-panel .reminder-table .time-list-box-default,
.reminder-panel .begin-appointment-table .time-list-box-default,
.appointment-panel .begin-appointment-table .time-list-box-default,
.reminder-panel .end-appointment-table .time-list-box-default,
.appointment-panel .end-appointment-table .time-list-box-default {
  width: 100%;
}
.reminder-panel .end-appointment-table,
.appointment-panel .end-appointment-table {
  margin-top: 8px !important;
}
.reminder-panel .title,
.appointment-panel .title {
  font-weight: bold;
}
.reminder-panel .dialog-control-space-left,
.appointment-panel .dialog-control-space-left {
  margin-left: 16px !important;
}
.reminder-panel .dialog-control-space-top,
.appointment-panel .dialog-control-space-top {
  margin-top: 5px !important;
}
.reminder-panel .number-spinner,
.appointment-panel .number-spinner {
  width: 58px;
}
.reminder-panel .number-spinner input,
.appointment-panel .number-spinner input {
  width: 58px;
}
.reminder-panel .label-at-date,
.appointment-panel .label-at-date {
  min-width: 50px;
}
.reminder-panel .label-in,
.appointment-panel .label-in {
  margin-left: 5px;
}
.reminder-panel .label-at-time,
.appointment-panel .label-at-time {
  margin-left: 25px;
  min-width: 50px;
}
.reminder-panel .configure-date-time .itemText,
.appointment-panel .configure-date-time .itemText {
  text-decoration: underline;
}
.appointment-dlg .label-prio,
.appointment-dlg .label-finished {
  width: 120px;
  margin-left: 7px;
}
.appointment-dlg .number-spinner-finished {
  width: 105px;
}
.appointment-dlg .number-spinner-finished input {
  width: 105px;
}
.appointment-dlg .prio-box {
  width: 130px;
}
.editable-timebox {
  display: inline-flex;
  position: relative;
}
.editable-timebox .timeselector {
  z-index: 1;
  width: 75px !important;
}
.editable-timebox .timeeditfield {
  justify-content: flex-end;
  position: absolute;
  z-index: 2;
  top: 1px;
  bottom: 1px;
  left: 1px;
  border: 0px none;
  height: auto !important;
  width: 55px !important;
  box-shadow: none;
  border: 0;
}
.three-state-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.three-state-checkbox input {
  margin: 0;
}
.three-state-checkbox .indeterminate .indeterminatePanel {
  position: absolute;
  background: #333333;
  top: 2px;
  right: 2px;
  bottom: 5px;
  left: 2px;
}
.three-state-checkbox .checked .indeterminatePanel {
  display: none;
}
.three-state-checkbox .unchecked .indeterminatePanel {
  display: none;
}
.three-state-checkbox .gwt-Label {
  cursor: default;
  padding-left: 3px;
}
.receiver-panel .gwt-TextArea,
.receiver-panel .gwt-SuggestBox,
.receiver-panel .gwt-TextBox,
.receiver-panel .multi-input-proposal-panel {
  z-index: 20;
  width: 420px;
}
.receiver-panel .appointment-Button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  border: none;
  cursor: pointer;
  height: 28px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.receiver-panel .appointment-Button > .xml-icon {
  flex: 0 0 auto;
  font-size: 21px;
}
.receiver-panel .appointment-Button:hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.receiver-panel .appointment-Button:disabled {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
  opacity: 0.5;
}
.receiver-panel .buttons-panel {
  padding: 0;
  width: 100%;
}
.receiver-panel .ok-panel {
  padding-top: 10px;
  float: right ;
}
.receiver-panel .appointment-panel {
  padding-top: 10px;
  width: 65px;
}
.receiver-panel .previous-wb-panel {
  width: 34px;
  height: 34px;
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #f9f9f9;
  color: #333;
  border: 1px solid #bebebe;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  padding: 0;
  margin: 0 0 0 5px;
}
.receiver-panel .previous-wb-panel:hover {
  background-color: #fff;
  color: #333;
}
.receiver-panel .previous-wb-panel:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.receiver-panel .previous-wb-panel[disabled] img,
.receiver-panel .previous-wb-panel.disabled img,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled img,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled img,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled img,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled img,
.receiver-panel .previous-wb-panel[disabled] .xml-icon,
.receiver-panel .previous-wb-panel.disabled .xml-icon,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled .xml-icon,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled .xml-icon,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled .xml-icon,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.receiver-panel .previous-wb-panel[disabled],
.receiver-panel .previous-wb-panel.disabled,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled,
.receiver-panel .previous-wb-panel[disabled]:hover,
.receiver-panel .previous-wb-panel.disabled:hover,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled:hover,
.receiver-panel .previous-wb-panel[disabled]:focus,
.receiver-panel .previous-wb-panel.disabled:focus,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.receiver-panel .previous-wb-panel[disabled],
.receiver-panel .previous-wb-panel.disabled,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled {
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.receiver-panel .previous-wb-panel[disabled]:hover,
.receiver-panel .previous-wb-panel.disabled:hover,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled:hover,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled:hover,
.receiver-panel .previous-wb-panel[disabled]:focus,
.receiver-panel .previous-wb-panel.disabled:focus,
.receiver-panel .previous-wb-panel.gwt-PushButton-down-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-PushButton-up-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-Button-down-disabled:focus,
.receiver-panel .previous-wb-panel.gwt-Button-up-disabled:focus {
  background-color: #f9f9f9;
}
.receiver-panel .previous-wb-Button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 21px;
}
.receiver-panel .previous-wb-text-area {
  padding-right: 10px;
}
.receiver-panel td {
  vertical-align: top;
}
.refinement-panel .gwt-TextArea,
.refinement-panel .gwt-SuggestBox,
.refinement-panel .gwt-TextBox,
.refinement-panel .multi-input-proposal-panel {
  z-index: 20;
  width: 420px;
}
.refinement-panel .gwt-flexTableScrollPanel {
  width: 420px;
  border: 1px solid #cccccc;
}
.refinement-panel .refinement-grid {
  width: 100%;
  height: 100%;
}
.refinement-panel .refinement-grid tr:nth-child(n+2) > td > div:first-child {
  display: table;
  width: 100%;
}
.refinement-panel .refinement-grid .gwt-Label {
  white-space: nowrap;
}
.refinement-panel .refinement-grid .header-checkbox {
  padding-left: 5px;
}
.refinement-panel .buttons-panel {
  padding: 0;
  width: 100%;
}
.refinement-panel .ok-panel {
  padding-top: 10px;
  float: right ;
}
.refinement-panel td {
  vertical-align: top;
}
.centered-inline {
  display: inline-block;
}
.ribbon-element {
  position: relative;
  margin-top: 1px;
}
.ribbon-element:not(.ribbon-element-custom-click):not(.disabled) .ribbon-element-inner:hover,
.ribbon-element:not(.ribbon-element-custom-click):not(.disabled) .ribbon-element-inner:hover * {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.ribbon-element:not(.ribbon-element-custom-click):not(.disabled) .ribbon-element-inner:hover * {
  background-color: transparent;
}
.ribbon-element-image {
  z-index: 1;
  height: 43px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ribbon-element-image > .button-as-label {
  border: 0;
  padding: 0 1px;
}
.ribbon-element-image > .button-as-label * {
  padding: 0 !important;
}
.ribbon-element-image > .button-as-label .itemText {
  display: none;
}
.ribbon-element:not(.disabled) .ribbon-element-image:hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.ribbon-element-image > * {
  display: inline-block;
  margin: 0;
  padding: 0 1px;
}
.ribbon-element-text {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 15px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
}
.ribbon-element-text-second {
  padding-top: 1px;
}
.ribbon-element:not(.disabled) .ribbon-element-text:hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.ribbon-element-text:after {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -1px;
  border-width: 3px;
  border-color: Gray transparent transparent;
  border-style: solid;
  content: '';
  font-size: 2px;
  display: inline-block;
}
.ribbon-element-button {
  position: absolute;
  background: transparent;
  border: 0;
  z-index: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0;
}
.ribbon-element-inner {
  font-size: .9em;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: center;
}
.ribbon-element:not(.disabled) .ribbon-element-inner:hover {
  border-color: #e7e7e7;
}
.ribbon-element:not(.disabled) .ribbon-element-inner:hover .ribbon-element-button {
  z-index: -1;
}
.ribbon-element.horizontal {
  color: #333;
}
.ribbon-element.horizontal .ribbon-element-inner {
  display: inline-flex;
  min-width: 100%;
  padding-left: 5px;
}
.ribbon-element.horizontal .ribbon-element-image {
  height: auto;
  flex: 0 0 21px;
  display: inline-flex;
}
.ribbon-element.horizontal .ribbon-element-text {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  height: 27px;
}
.ribbon-element.horizontal .ribbon-element-text:after {
  border-color: transparent transparent transparent Gray;
}
.ribbon-element.horizontal .ribbon-element-text > .no-text {
  flex: 0 1 100%;
  text-align: right;
  justify-content: right;
}
.ribbon-element.disabled:hover,
.ribbon-element.disabled:hover * {
  border-color: transparent;
  background-color: transparent !important;
  cursor: auto;
}
.ribbon-element.disabled:hover *,
.ribbon-element.disabled:hover * * {
  color: inherit;
}
.ribbon-element.disabled .ribbon-element-image {
  color: inherit;
}
.ribbon-element.disabled .ribbon-element-image,
.ribbon-element.disabled .ribbon-element-text {
  opacity: 0.5;
}
.ribbon-element-visible > .ribbon-element-inner {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.ribbon-element-expand {
  display: block;
  position: fixed;
  z-index: 24;
  padding: 1px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  color: #333;
}
.ribbon-element-expand > .behind-frame {
  margin: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.ribbon-element-expand .itemText {
  padding: 2px 5px 2px 5px;
}
.ribbon-element-expand > * {
  display: block;
}
.ribbon-element-expand > * > * {
  min-width: 100%;
}
.ribbon-element-expand > *:first-child .groupicon {
  margin: 0;
}
.ribbon-element-expand > *.separator {
  display: block;
  height: 1px;
  background: #cccccc;
  margin: 5px 6px 5px 22px;
}
.ribbon-element-expand.large-elements {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 132px;
}
.ribbon-element-expand.large-elements > * {
  display: inline-block;
}
.ribbon-element-expand.large-elements > * > * {
  margin: 0px;
}
.ribbon-element-expand.large-elements > *:nth-child(6n) {
  display: block;
}
.ribbon-element-expand-empty {
  display: none !important;
}
.backgroundoverlay.ribbon-element-expand-overlay {
  z-index: 23;
}
.comment-panel,
.ratings-panel {
  background-color: #fff;
}
.comment-panel .gwt-Button,
.ratings-panel .gwt-Button {
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #333;
}
.comment-panel .gwt-Button:not([disabled]):hover,
.ratings-panel .gwt-Button:not([disabled]):hover {
  color: #333;
  background-color: #e6e6e6;
}
.comment-panel .gwt-Button[disabled],
.ratings-panel .gwt-Button[disabled] {
  color: #f4f4f4;
  border-color: #aaa;
}
.comment-panel .gwt-Button[disabled]:hover,
.ratings-panel .gwt-Button[disabled]:hover {
  background-color: #fff;
}
.comment-panel .gwt-Button[disabled]:after,
.ratings-panel .gwt-Button[disabled]:after {
  opacity: .6;
}
.comment-panel textarea,
.ratings-panel textarea {
  border: 0;
}
.comment-panel .mce-tinymce,
.ratings-panel .mce-tinymce {
  height: auto ! important;
  width: 100% ! important;
  position: absolute ! important;
  left: 0 ! important;
  top: 0 ! important;
  bottom: 0 ! important;
}
.comment-panel .mce-tinymce .mce-panel,
.ratings-panel .mce-tinymce .mce-panel {
  border-color: #cccccc;
}
.comment-panel .has-extra-bar .mce-toolbar.subject-toolbar .mce-btn-group,
.ratings-panel .has-extra-bar .mce-toolbar.subject-toolbar .mce-btn-group {
  width: 100%;
}
.comment-panel .has-extra-bar .mce-title-box,
.ratings-panel .has-extra-bar .mce-title-box {
  height: 22px;
  width: 100%;
  padding: 0;
  margin-left: -3px;
  margin-top: -3px;
  margin-bottom: 3px;
}
.comment-panel .has-extra-bar .mce-title-box:disabled,
.ratings-panel .has-extra-bar .mce-title-box:disabled {
  background-color: #efefef;
}
.comment-panel .has-extra-bar .mce-edit-area,
.ratings-panel .has-extra-bar .mce-edit-area {
  top: 54px ! important;
}
.comment-panel .title-input,
.ratings-panel .title-input {
  width: 100%;
  position: absolute;
  height: 20px;
}
.comment-panel .mce-edit-area,
.ratings-panel .mce-edit-area {
  position: absolute ! important;
  top: 28px ! important;
  bottom: 0 ! important;
  width: 100% ! important;
  height: auto ! important;
}
.comment-panel .mce-flow-layout-item.mce-last,
.ratings-panel .mce-flow-layout-item.mce-last {
  position: absolute;
  right: 0;
}
.comment-panel .mce-i-comment-apply,
.ratings-panel .mce-i-comment-apply {
  background: url("../images/comment/comment_apply_16.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0) ! important;
  height: 20px ! important;
}
.comment-panel .mce-i-comment-apply-adhoc,
.ratings-panel .mce-i-comment-apply-adhoc {
  background: url("../images/icons2018/CreateNoteAndTask_16.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0) ! important;
  height: 20px ! important;
}
.comment-panel .mce-i-comment-revoke,
.ratings-panel .mce-i-comment-revoke {
  background: url("../images/comment/comment_revoke_16.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0) ! important;
  height: 20px ! important;
}
.comment-panel .mce-i-redo:before,
.ratings-panel .mce-i-redo:before {
  content: url("../images/icons2015/editor/redo_16.png");
}
.comment-panel .mce-i-undo:before,
.ratings-panel .mce-i-undo:before {
  content: url("../images/icons2015/editor/undo_16.png");
}
.comment-panel .mce-i-bold:before,
.ratings-panel .mce-i-bold:before {
  content: url("../images/icons2015/editor/text_bold_16.png");
}
.comment-panel .mce-i-italic:before,
.ratings-panel .mce-i-italic:before {
  content: url("../images/icons2015/editor/text_italic_16.png");
}
.comment-panel .mce-i-strikethrough:before,
.ratings-panel .mce-i-strikethrough:before {
  content: url("../images/icons2015/editor/text_strikethrough_16.png");
}
.comment-panel .mce-i-underline:before,
.ratings-panel .mce-i-underline:before {
  content: url("../images/icons2015/editor/text_underline_16.png");
}
.comment-panel .mce-i-forecolor:before,
.ratings-panel .mce-i-forecolor:before {
  content: url("../images/icons2015/editor/text_fontcolor_16.png");
}
.comment-panel .mce-i-alignleft:before,
.ratings-panel .mce-i-alignleft:before {
  content: url("../images/icons2015/editor/text_align_left_16.png");
}
.comment-panel .mce-i-aligncenter:before,
.ratings-panel .mce-i-aligncenter:before {
  content: url("../images/icons2015/editor/text_align_center_16.png");
}
.comment-panel .mce-i-alignright:before,
.ratings-panel .mce-i-alignright:before {
  content: url("../images/icons2015/editor/text_align_right_16.png");
}
.comment-panel .mce-colorbutton .mce-preview,
.ratings-panel .mce-colorbutton .mce-preview {
  margin-top: 5px;
  height: 4px;
}
.comment-panel .mce-tooltip,
.ratings-panel .mce-tooltip {
  border: 1px solid #767676;
  opacity: 1 ! important;
}
.comment-panel .mce-tooltip .mce-tooltip-inner,
.ratings-panel .mce-tooltip .mce-tooltip-inner {
  color: #575757;
  background: linear-gradient(to bottom, #ffffff 0, #E4E5F0 100%);
}
.comment-panel .no-comments-available-label,
.ratings-panel .no-comments-available-label {
  color: #7f7f83;
}
.comment-panel .additional-element,
.ratings-panel .additional-element {
  width: 100%;
  padding-left: 6px;
  padding-right: 10px;
  padding-top: 5px;
  border: 1px solid transparent;
  border-bottom: 1px solid #e0e0e0;
}
.comment-panel .additional-element .additional-element-flow-panel,
.ratings-panel .additional-element .additional-element-flow-panel {
  position: relative;
  overflow: hidden;
  font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif ! important;
  font-style: italic;
  font-weight: 400;
  width: 100%;
  color: #7f7f83;
  cursor: default;
}
.comment-panel .additional-element .additional-element-flow-panel,
.ratings-panel .additional-element .additional-element-flow-panel {
  line-height: 20px;
  height: 20px;
  font-size: 12px;
}
.comment-panel .additional-element .additional-element-flow-panel .additional-element-info,
.ratings-panel .additional-element .additional-element-flow-panel .additional-element-info {
  width: 100%;
}
.comment-panel .additional-element .comment-title,
.ratings-panel .additional-element .comment-title {
  margin-top: 4px;
  margin-bottom: 6px;
  font-style: italic;
  font-weight: 600;
}
.comment-panel .additional-element .additional-element-flow-panel > div:first-child,
.ratings-panel .additional-element .additional-element-flow-panel > div:first-child {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
}
.comment-panel .additional-element .additional-element-flow-panel > div:nth-child(2),
.ratings-panel .additional-element .additional-element-flow-panel > div:nth-child(2) {
  top: 0;
  right: 0;
  background-color: #ffffff;
  position: absolute;
}
.comment-panel .additional-element .additional-element-flow-panel .user-label,
.ratings-panel .additional-element .additional-element-flow-panel .user-label {
  margin-left: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel .user,
.ratings-panel .additional-element .additional-element-flow-panel .user {
  margin-left: 10px;
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel .creation-date-label,
.ratings-panel .additional-element .additional-element-flow-panel .creation-date-label {
  margin-left: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel .creation-date,
.ratings-panel .additional-element .additional-element-flow-panel .creation-date {
  margin-left: 10px;
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel .spacer,
.ratings-panel .additional-element .additional-element-flow-panel .spacer {
  width: 100%;
}
.comment-panel .additional-element .additional-element-flow-panel .edit-button,
.ratings-panel .additional-element .additional-element-flow-panel .edit-button {
  white-space: nowrap;
  background: transparent;
  border: 0;
  outline: none;
  padding-left: 4px;
  color: #6f6f6f;
  cursor: pointer;
}
.comment-panel .additional-element .additional-element-flow-panel .delete-button,
.ratings-panel .additional-element .additional-element-flow-panel .delete-button {
  white-space: nowrap;
  background: transparent;
  border: 0;
  outline: none;
  padding-left: 4px;
  color: #6f6f6f;
  cursor: pointer;
}
.comment-panel .additional-element .additional-element-flow-panel .open-button,
.ratings-panel .additional-element .additional-element-flow-panel .open-button {
  white-space: nowrap;
  background: transparent;
  border: 0;
  outline: none;
  padding-left: 4px;
  color: #6f6f6f;
  cursor: pointer;
}
.comment-panel .additional-element .additional-element-flow-panel td.info-widget-parent,
.ratings-panel .additional-element .additional-element-flow-panel td.info-widget-parent {
  width: 100%;
}
.comment-panel .additional-element .additional-element-flow-panel td.info-widget-parent .info-widget,
.ratings-panel .additional-element .additional-element-flow-panel td.info-widget-parent .info-widget {
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel td.info-widget-parent .info-widget > div,
.ratings-panel .additional-element .additional-element-flow-panel td.info-widget-parent .info-widget > div {
  display: inline-block;
  white-space: nowrap;
}
.comment-panel .additional-element .additional-element-flow-panel .feed-item-icon,
.ratings-panel .additional-element .additional-element-flow-panel .feed-item-icon {
  margin-top: 2px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.comment-panel .additional-element .comment-box,
.ratings-panel .additional-element .comment-box {
  width: 100%;
  min-height: 36px;
  cursor: default;
}
.comment-panel .additional-element .comment-box .user-picture-parent,
.ratings-panel .additional-element .comment-box .user-picture-parent {
  width: 1%;
  white-space: nowrap;
}
.comment-panel .additional-element .comment-box .user-picture-parent-hidden,
.ratings-panel .additional-element .comment-box .user-picture-parent-hidden {
  display: none;
}
.comment-panel .additional-element .comment-box .user-picture,
.ratings-panel .additional-element .comment-box .user-picture {
  margin-right: 10px;
  margin-top: 2px;
  width: 36px;
  height: 36px;
  position: relative;
}
.comment-panel .additional-element .comment-box .comment-parent,
.ratings-panel .additional-element .comment-box .comment-parent {
  vertical-align: middle ! important;
  position: relative;
}
.comment-panel .additional-element .comment-box .comment,
.ratings-panel .additional-element .comment-box .comment {
  padding-bottom: 0;
  margin-bottom: 5px;
  overflow: hidden;
  min-height: 36px;
}
.comment-panel .additional-element .comment-box .comment::after,
.ratings-panel .additional-element .comment-box .comment::after {
  opacity: 0;
  transition: opacity 0.2s;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 100%;
  background: linear-gradient(transparent, white);
  content: '';
}
.comment-panel .additional-element.comment-collapsed .comment::after,
.ratings-panel .additional-element.comment-collapsed .comment::after {
  opacity: 1;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 100%;
  background: linear-gradient(transparent, white);
  content: '';
}
.comment-panel .additional-element-pagination,
.ratings-panel .additional-element-pagination {
  width: 100%;
  padding-left: 6px;
  padding-right: 10px;
  padding-top: 5px;
  border: 1px solid transparent;
  border-bottom: 1px solid #e0e0e0;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  width: 100%;
  color: Gray;
  cursor: default;
  line-height: 35px;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements tr > td,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements tr > td {
  text-align: center;
  vertical-align: middle;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(1),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(1) {
  width: 1px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(2),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(2) {
  width: 100%;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(3),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements tr > td:nth-child(3) {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements tr > td:last-child,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements tr > td:last-child {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-panel,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-panel {
  width: 100%;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel {
  padding-right: 5px;
  padding-left: 5px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  display: inline-table;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(1),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(1) {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(2),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(2) {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(3),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(3) {
  width: 1px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(4),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(4) {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(5),
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-options-inner-panel tr > td:nth-child(5) {
  width: 30px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-button,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-button {
  white-space: nowrap;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 36px;
  height: 36px;
  color: #494949;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-button:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-button:hover {
  background-color: #e7e7e7;
  color: #494949;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-settings-button,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-settings-button {
  white-space: nowrap;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: background-color 0.2s ease-in-out 0s;
  color: #7f7f83;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-settings-button:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-settings-button:hover {
  color: #a8a8a8;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-label,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-label {
  white-space: nowrap;
  margin-left: 3px;
  margin-right: 3px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-icon-options,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-icon-options {
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
  width: 36px;
  height: 36px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon {
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #f9f9f9;
  color: #333;
  border: 1px solid #bebebe;
  border-radius: 0;
  display: inline-block;
  transition: background-color 0.2s ease;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0;
  margin: 2px 4px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 36px;
  height: 36px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon:hover {
  background-color: #fff;
  color: #333;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled] img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled] img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled img,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled] .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled] .xml-icon,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled .xml-icon,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled .xml-icon,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled .xml-icon,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled .xml-icon,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled .xml-icon,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled],
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled],
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled],
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled],
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled {
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:hover,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon[disabled]:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-down-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-PushButton-up-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-down-disabled:focus,
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:focus,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon.gwt-Button-up-disabled:focus {
  background-color: #f9f9f9;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon > img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-feed-icon > img {
  display: inline-block;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-option-deactivated,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-option-deactivated {
  border: 1px solid transparent;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-option-deactivated > img,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-option-deactivated > img {
  filter: grayscale(100%);
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count {
  white-space: nowrap;
  background: transparent;
  border: 0;
  outline: none;
  padding-right: 5px;
  padding-left: 5px;
  color: #eeeeee;
  cursor: default;
  font-size: 18px;
  width: 36px;
  height: 36px;
  text-align: center;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count.activated,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count.activated {
  color: #C78500;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count.activated:hover,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .new-entries-count.activated:hover {
  color: #faa700;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .additional-element-pagination-count,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .additional-element-pagination-count {
  white-space: nowrap;
  border: 1px solid #333333;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
  width: 36px;
  height: 36px;
}
.comment-panel .additional-element-pagination .additional-element-pagination-elements .pagination-count-label,
.ratings-panel .additional-element-pagination .additional-element-pagination-elements .pagination-count-label {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  color: #333333;
  cursor: pointer;
  font-size: 16px;
}
.comment-panel .additional-element-new,
.ratings-panel .additional-element-new {
  border-left: 3px solid #333333 !important;
  padding-left: 3px !important;
}
.comment-panel .additional-element-clicked,
.ratings-panel .additional-element-clicked {
  border: 1px solid #c8c8c8 !important;
}
.state-holder {
  color: #333;
}
.comment-panel .mce-tinymce {
  border: 0;
}
.ratings-panel .info-widget > .status {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.ratings-panel .gwt-Label,
.ratings-panel .your-rating-label {
  font-size: larger;
}
.ratings-panel .label-container,
.ratings-panel .your-rating-label {
  opacity: 0.9;
  cursor: default;
}
.ratings-panel .label-container:hover,
.ratings-panel .your-rating-label:hover {
  opacity: 1;
}
.ratings-panel .your-rating-label {
  display: block;
  text-align: center;
  padding: 2px;
}
.ratings-panel .concealed {
  opacity: 0 ! important;
}
.ratings-panel .stars-label {
  display: block;
  margin: 2px;
  text-align: center;
  vertical-align: middle;
  font-style: italic;
  opacity: 0.9;
}
.ratings-panel .panel-entry-with-right-margin {
  right: 4px;
  margin-right: 4px;
  margin-left: 4px;
  position: relative;
}
.ratings-panel .stars-widget {
  padding-left: 24px;
  padding-right: 24px;
  transform: translateY(-100%);
  position: relative;
}
.ratings-panel .mce-tinymce {
  left: 0px ! important;
  top: 0 ! important;
  border-color: #adadad;
  border-width: 1px 0 1px 1px;
}
.ratings-panel .rate-overlay {
  position: absolute;
  font-size: 14px;
  color: #333;
  background-color: #fefefe;
  border-left: 2px dotted #999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  resize: vertical;
  justify-content: center;
  opacity: 0;
  cursor: default;
  transition: opacity 0.125s ease-in-out;
}
.ratings-panel .rate-overlay .please-rate {
  margin: 24px;
  margin-left: 24px;
  position: absolute;
  top: 36px;
  opacity: 0;
  transition: margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.ratings-panel .rate-overlay .please-rate .xml-icon {
  vertical-align: middle;
  color: #aaa;
}
.ratings-panel .rate-overlay .please-rate > span {
  font-size: 14px;
  margin-left: 0px;
  transition: margin-left 0.5s ease-in-out;
  color: #333;
  display: inline-table;
  vertical-align: middle;
}
.ratings-panel .rate-overlay .please-rate > span > span {
  font-style: italic;
  display: block;
  text-align: right ;
}
.ratings-panel .rate-overlay.animate-in {
  opacity: 0.94;
  transition-delay: 0;
}
.ratings-panel .rate-overlay.animate-in .please-rate {
  opacity: 1;
  margin-left: 9.168px;
  transition-delay: 0.125s;
}
.ratings-panel .rate-overlay.animate-in .please-rate > span {
  margin-left: 15.072px;
}
.ratings-panel .rate-overlay[hidden] {
  display: none;
}
.ratings-panel .rate-subject-frame,
.ratings-panel .rate-comment-frame {
  padding: 0 0 5px 0;
}
.ratings-panel .rate-subject-section,
.ratings-panel .rate-comment-section {
  width: 100%;
}
.ratings-panel .rate-subject-input {
  width: 100%;
}
.ratings-panel .rate-subject-input:disabled {
  background-color: #efefef;
  border-color: #cbcbcb;
}
.ratings-panel .rate-subject-input:hover {
  border-color: #adadad;
}
.ratings-panel .ratings-listing-overview .rating-display {
  margin-bottom: 7px;
}
.ratings-panel .additional-element {
  background: #fff;
}
.ratings-panel .additional-element .rating-display {
  vertical-align: text-bottom;
  margin: 0 6px;
}
.ratings-panel .main-rating-dialog {
  margin-left: 16px;
}
.ratings-panel .main-rating-dialog > div {
  display: inline-block;
}
.ratings-panel .main-rating-dialog .ratings-listing-overview {
  transform: translateY(5px);
}
.ratings-panel .main-rating-dialog .main-rating-dialog-buttons {
  position: absolute;
  top: 0;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
}
.ratings-panel .main-rating-dialog .main-rating-dialog-buttons .options-label {
  display: none;
}
.ratings-panel .main-rating-dialog .main-rating-dialog-buttons > button,
.ratings-panel .main-rating-dialog .main-rating-dialog-buttons > div {
  display: inline-block;
  vertical-align: middle;
}
.ratings-panel .rate-stars-selection {
  position: relative;
  display: inline-block !important;
  padding-top: 88px;
}
.ratings-panel .rate-main-input .gwt-Label {
  display: inline-block;
}
.ratings-panel .char-limit {
  font-style: italic;
  font-size: inherit;
  opacity: 0.9;
}
.ratings-panel .average-stars-widget {
  text-align: center;
  transform: translateY(-50%);
}
.ratings-panel .average-stars-widget .contextLabel {
  padding-bottom: 2px;
  font-size: larger;
}
.ratings-panel .rate-dialog {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratings-panel .rate-dialog .control-buttons > button {
  display: inline-block;
}
.ratings-panel .rate-dialog .apply-revoke-panel {
  background: none;
  border: none;
  z-index: 42;
}
.ratings-panel .mce-flow-layout-item.mce-last {
  position: inherit ! important;
  right: auto !important;
}
.highlight-animation {
  animation: fadeinbackground 2s ease-in;
}
.highlight-animation-spot-on {
  animation: highlight-text 0.4s ease-in;
}
.comment-panel-with-extra-apply-and-revoke-panel .mce-tinymce {
  bottom: 40px ! important;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel {
  position: absolute;
  text-align: center;
  border-top: 1px solid #cccccc;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel button {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 1px;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .apply-button,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .apply-adhoc-button {
  position: relative;
  overflow: hidden;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #fbfbfb;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action:hover {
  background-color: #dedede;
  color: #333;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action[disabled] img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.disabled img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-up-disabled img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-down-disabled img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-up-disabled img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-down-disabled img,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action[disabled] .xml-icon,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.disabled .xml-icon,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-up-disabled .xml-icon,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-down-disabled .xml-icon,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-up-disabled .xml-icon,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action[disabled],
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.disabled,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-up-disabled,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-down-disabled,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-up-disabled,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-down-disabled,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action[disabled]:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.disabled:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-up-disabled:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-down-disabled:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-up-disabled:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-down-disabled:hover,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action[disabled]:focus,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.disabled:focus,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-up-disabled:focus,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-Button-down-disabled:focus,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-up-disabled:focus,
.comment-panel-with-extra-apply-and-revoke-panel .apply-revoke-panel .revoke-button.escape-action.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.comment-panel-with-extra-apply-and-revoke-panel .mce-flow-layout-item.mce-last {
  position: inherit !important;
  right: auto !important;
}
.forgot-password {
  min-width: 500px;
  padding: 20px;
  display: inline-block;
}
.forgot-password .headline {
  font-size: 24px;
  padding: 10px;
  margin-bottom: 5px;
}
.forgot-password .message {
  padding: 10px;
}
.forgot-password .error-message {
  color: red;
}
.forgot-password .system-fieldset {
  color: #999;
  text-align: center;
  margin-top: 20px;
}
.forgot-password .succeeded-message {
  min-width: 400px;
  margin-left: 10px;
}
.forgot-password .main-message {
  padding: 5px;
}
.forgot-password .gwt-Button {
  display: inline-block;
}
.forgot-password fieldset {
  border: none;
  padding: 5px;
}
.forgot-password fieldset .headline {
  display: none;
  font-size: 20px;
  padding-bottom: 5px;
  color: #407ABF;
}
.forgot-password .wrong-value .message {
  color: red;
}
.forgot-password .wrong-value input,
.forgot-password .wrong-value textarea,
.forgot-password .wrong-value iframe {
  border: 1px dotted red;
}
.forgot-password .label-div {
  position: absolute;
  display: inline;
  width: 200px;
}
.forgot-password .content-div {
  display: inline;
  width: 300px;
}
.forgot-password .content-div input {
  height: 35px;
  width: 100%;
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  border-color: #999999;
}
.forgot-password .content-div input::-webkit-input-placeholder {
  color: #a0a0a0;
  font-size: 16px;
  line-height: 23px;
  padding-left: 5px;
}
.forgot-password .content-div input::-moz-placeholder {
  color: #a0a0a0;
  font-size: 16px;
  line-height: 23px;
  padding-left: 5px;
}
.forgot-password .content-div input:-ms-input-placeholder {
  color: #a0a0a0;
  font-size: 16px;
  line-height: 23px;
  padding-left: 5px;
}
.forgot-password .content-div input:hover {
  border-color: #494949;
}
.forgot-password .content-div input:focus,
.forgot-password .content-div input.has-focus {
  background-color: #fff;
  border-color: #494949;
}
.forgot-password .captcha {
  margin-left: 200px;
}
.forgot-password #recaptcha_image {
  margin-bottom: 10px;
  line-height: 12px;
  text-align: center;
  width: auto !important;
}
.forgot-password #recaptcha_image img {
  display: inline-block;
}
.forgot-password a {
  cursor: pointer;
  margin: 5px;
  display: inline-block;
  color: #333333;
  text-decoration: underline;
}
.forgot-password .send-fieldset {
  text-align: right ;
}
.forgot-password .system-fieldset .systeminfo {
  white-space: nowrap;
}
.link-forgot-password {
  cursor: pointer;
  margin-bottom: 5px;
  display: inline-block;
  color: #333333;
  font-weight: bold;
  text-decoration: underline;
}
.widget-expander {
  display: block;
}
.widget-expander:not(:first-child) {
  margin-top: 1px;
}
.widget-expander-top {
  background-color: #f9f9f9;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
}
.widget-expander-top > * {
  line-height: 39px;
  vertical-align: middle;
  margin-left: 5px;
}
.widget-expander-top:hover {
  background-color: #e7e7e7;
}
.widget-expander-label {
  flex: 1 1 100%;
  min-width: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 5px;
}
.widget-expander-content-container {
  padding-left: 5px;
}
.widget-expander:not(.expanded) > .widget-expander-content-container {
  overflow: hidden;
  height: 0;
}
.widget-expander-custom-click .widget-expander-switch.xml-icon {
  color: transparent;
}
.widget-expander-corner-image {
  margin: 0;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
}
.widget-expander-corner-image-entry-container {
  width: 39px;
}
.widget-expander .widget-expander-switch {
  width: 21px;
  font-size: 14px !important;
}
.widget-expander .widget-expander-switch > .xml-icon-inner > svg {
  stroke-width: 1.5px;
}
.gwt-TreeExpander > .xml-icon {
  width: 21px;
  font-size: 14px !important;
}
.gwt-TreeExpander > .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.5px;
}
.gwt-Tree > :not(.infinite-tree) table {
  border-spacing: 0;
}
.gwt-Tree > :not(.infinite-tree) .gwt-TreeItem {
  margin-left: 6px;
}
.gwt-Tree > :not(.infinite-tree) .gwt-TreeExpander > img {
  margin-left: 3px;
  margin-right: -3px;
}
.gwt-Tree > :not(.infinite-tree) .gwt-TreeExpander,
.gwt-Tree > :not(.infinite-tree) .gwt-TreeExpander + td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gwt-Tree > :not(.infinite-tree) .gwt-TreeExpander > img {
  background-position-x: center !important;
  background-position-y: center !important;
  background-size: 14px !important;
  width: 16px !important;
  padding-left: 0;
  padding-right: 0;
}
.cubeNavigationBarOverFlowContainer .gwt-TreeExpander > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23fff') !important;
}
.cubeNavigationBarOverFlowContainer .gwt-TreeExpander.open > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-down&stroke-width=1.5px&color=%23fff') !important;
}
.cubeNavigationBarOverFlowContainer .gwt-TreeExpander.closed > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23fff') !important;
}
.cubeNavigationBarTinyEnabled.no-background .gwt-TreeExpander > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23000') !important;
}
.cubeNavigationBarTinyEnabled.no-background .gwt-TreeExpander.open > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-down&stroke-width=1.5px&color=%23000') !important;
}
.cubeNavigationBarTinyEnabled.no-background .gwt-TreeExpander.closed > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23000') !important;
}
.gwt-TreeExpander > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23333') !important;
}
.gwt-TreeExpander.open > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-down&stroke-width=1.5px&color=%23333') !important;
}
.gwt-TreeExpander.closed > img {
  background-image: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right&stroke-width=1.5px&color=%23333') !important;
}
.cube-record-root {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.cube-record-root .widget-expander-content-container {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0;
  top: 38px;
  bottom: 0;
}
.cube-record-root .widget-expander-content-container > .gwt-Tree {
  display: inline-block ! important;
}
.cube-record-root .widget-expander-top {
  color: #333;
}
.cube-record-root .widget-expander-corner-image {
  padding-left: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cube-record-root .widget-expander-corner-image .widget-expander-corner-image-entry-container {
  display: flex;
  font-size: 21px;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
  margin: 0;
  /*.basic-background-transition();*/
  background: transparent;
  position: relative;
}
.cube-record-root .widget-expander-corner-image .widget-expander-corner-image-entry-container:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 0;
  left: 0;
  border-left: 1px solid #dedede;
}
.cube-record-root .widget-expander-corner-image .widget-expander-corner-image-entry-container:hover {
  background: #f0f0f0;
}
.cube-record-root .widget-expander-corner-image .widget-expander-corner-image-entry-container:hover:before {
  top: 0;
  bottom: 0;
}
.hitlist-hierarchy-open,
.hitlist-hierarchy-close {
  width: 16px;
  height: 16px;
  background-color: #333;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-size: 14px !important;
}
.hitlist-hierarchy-open {
  background: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-right');
}
.hitlist-hierarchy-close {
  background: url('../imagesupplier?type=rawsvg&imgId=symbol-expand-down');
}
.animation-ease-in {
  transition: all 0.1s cubic-bezier(0.157, 0.83, 0.45, 1);
}
.rotate90 {
  transform: rotate(90deg);
}
.rotate180 {
  transform: rotate(180deg);
}
.rotate270 {
  transform: rotate(270deg);
}
.taskrefineoverview {
  padding-left: 6px;
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 20px;
  margin: 5px;
  border: 0;
}
.taskrefineoverview textarea {
  resize: none;
}
.delegate-dialog-grid tr:first-child > td {
  padding-bottom: 5px;
}
.delegate-dialog-grid input[type="text"],
.delegate-dialog-grid .multi-input-proposal-panel-container {
  margin-left: 10px;
  width: 307px;
}
.additional-element-settings-fieldset {
  height: 80px;
}
.cubecontextmenugrid.slide-down,
.ribbon-element-expand.slide-down,
.cubecontextmenugrid.slide-down-left,
.ribbon-element-expand.slide-down-left,
.cubecontextmenugrid.slide-down-right,
.ribbon-element-expand.slide-down-right,
.cubecontextmenugrid.slide-left,
.ribbon-element-expand.slide-left {
  animation-duration: 0.075s;
}
.cubecontextmenuelement {
  line-height: 23px;
  padding: 0 5px 1px 5px;
}
.cubecontextmenuelement img,
.cubecontextmenuelement .xml-icon {
  margin: 1px;
  margin-right: 3px;
}
.cubecontextmenuelement .xml-icon {
  height: 1em;
}
.cubecontextmenuelement .cubecontextmenu-expander {
  margin-right: 0;
}
.cubecontextmenuelement-active img {
  margin: 0;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.cubecontextmenu-section {
  position: relative;
  top: 0;
  left: 0;
}
.cubecontextmenu-section.bottom-separator {
  padding-bottom: 7px;
  margin-bottom: 6px;
}
.cubecontextmenu-section.bottom-separator:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 29px;
  right: 0px;
  background-color: transparent;
  background-image: url('../images/contextmenu/seperator-dotted.png');
  height: 1px;
}
.cubecontextmenu-section.top-separator {
  padding-top: 7px;
  margin-top: 6px;
}
.cubecontextmenu-section.top-separator:before {
  content: '';
  position: absolute;
  top: 0;
  left: 29px;
  right: 0px;
  background-color: transparent;
  background-image: url('../images/contextmenu/seperator-dotted.png');
  height: 1px;
}
.cubecontextmenu-section[disabled] > * {
  opacity: 0.5;
}
.cubecontextmenu-section.cube-section-hidden {
  display: none;
}
.start-cc-process-panel {
  min-width: 460px;
}
.start-cc-process-panel .row-full-line {
  width: 100%;
}
.start-cc-process-panel .row-full-line,
.start-cc-process-panel .row-full-line .multi-input-proposal-panel {
  min-width: 460px;
}
.start-cc-process-panel .row-full-line input,
.start-cc-process-panel .row-full-line textarea {
  width: 100%;
}
.start-cc-process-panel .row-full-line .gwt-TextBox {
  line-height: 28px;
}
.start-cc-process-panel .row-full-line.information {
  margin-top: 17px !important;
}
.start-cc-process-panel .reminder-panel {
  border: none;
  padding: 0 0 0 0;
  width: 100%;
}
.start-cc-process-panel .reminder-panel .reminder-table {
  width: 100%;
}
.start-cc-process-panel .reminder-panel .reminder-table > tbody > tr > td {
  min-width: 110px;
  padding: 0;
}
.start-cc-process-panel .reminder-panel .reminder-table .date-time-selector {
  display: inline-flex;
  width: 100%;
}
.start-cc-process-panel .reminder-panel .reminder-table .timeUnitBox {
  min-width: 195px;
}
.start-cc-process-panel .reminder-panel .reminder-table .time-list-box-custom {
  padding-left: 20px;
}
.start-cc-process-panel .reminder-panel .reminder-table .time-list-box-default {
  width: 100%;
}
.start-cc-process-panel .reminder-panel .dialog-control-space-top {
  margin-top: 5px !important;
}
.collaboration-directory-tree.hide-level1 {
  margin-left: -20px;
}
.collaboration-directory-tree.hide-level1 > div > table {
  display: none;
}
.collaboration-directory-tree.hide-level2 {
  margin-left: -36px;
}
.collaboration-directory-tree.hide-level2 > div > div > div > table {
  display: none;
}
.collaboration-directory-tree.hide-level3 {
  margin-left: -53px;
}
.collaboration-directory-tree.hide-level3 > div > div > div > div > div > table {
  display: none;
}
.my-projects-tree .gwt-TreeItem {
  cursor: pointer;
}
.filter-rules-dlg .name-panel,
.filter-rules-dlg .database-panel {
  width: 100%;
  margin-bottom: 10px;
}
.filter-rules-dlg .name-panel tr > td:first-child,
.filter-rules-dlg .database-panel tr > td:first-child {
  width: 250px;
}
.filter-rules-dlg .name-panel input,
.filter-rules-dlg .database-panel input,
.filter-rules-dlg .name-panel select,
.filter-rules-dlg .database-panel select {
  width: 100%;
}
.filter-rules-dlg .filter-grid-scroll-panel {
  width: 100%;
  height: 360px;
  border: 1px solid #adadad;
}
.filter-rules-dlg .filter-grid-scroll-panel .cubetable > tr > td,
.filter-rules-dlg .filter-grid-scroll-panel .cubetable > tbody > tr > td {
  border-style: none;
  padding: 5px 2px 2px 6px;
}
.filter-rules-dlg .filter-grid-scroll-panel .cubetable .darkzoneDheadertop {
  border-style: none;
  border-bottom: 0px solid #cccccc !important;
  padding-left: 0px !important;
}
.filter-rules-dlg .filter-grid-scroll-panel .cubetable .darkzoneDheadertop:not(:last-child) {
  border-style: none;
  border-right: 0px solid #cccccc !important;
}
.filter-rules-dlg .filter-grid-scroll-panel .filter-grid {
  width: 100%;
  height: 100%;
}
.filter-rules-dlg .filter-grid-scroll-panel .filter-grid tr:nth-child(n+2) > td > div:first-child {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.filter-rule-dlg .descriptors-grid-scroll-panel {
  margin-top: 5px;
  margin-bottom: 10px;
  min-width: 500px;
  height: 120px;
  border: 1px solid #adadad;
}
.filter-rule-dlg .descriptors-grid-scroll-panel .cubetable > tr > td,
.filter-rule-dlg .descriptors-grid-scroll-panel .cubetable > tbody > tr > td {
  border-style: none;
  padding: 5px 2px 2px 6px;
}
.filter-rule-dlg .descriptors-grid-scroll-panel .cubetable .darkzoneDheadertop {
  border-style: none;
  border-bottom: 0px solid #cccccc !important;
  padding-left: 0px !important;
}
.filter-rule-dlg .descriptors-grid-scroll-panel .cubetable .darkzoneDheadertop:not(:last-child) {
  border-style: none;
  border-right: 0px solid #cccccc !important;
}
.filter-rule-dlg .descriptors-grid-scroll-panel .descriptors-grid {
  width: 100%;
  height: 100%;
}
.filter-rule-dlg .descriptors-grid-scroll-panel .descriptors-grid tr:nth-child(n+2) > td > div:first-child {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.filter-rule-dlg .captionAddButtonTable {
  min-width: 100%;
}
.filter-rule-dlg .captionAddButtonTable tr > td:nth-child(1) {
  vertical-align: middle !important;
}
.filter-rule-dlg .captionAddButtonTable tr > td:nth-child(2) {
  width: 10px;
}
.filter-rule-dlg .captionAddButtonTable .gwt-PushButton {
  margin: 0 0 0 0;
}
.filter-rule-dlg .selected-user-grid-scroll-panel {
  margin-top: 5px;
  min-width: 500px;
  height: 250px;
  border: 1px solid #adadad;
}
.filter-rule-dlg .selected-user-grid-scroll-panel .cubetable > tr > td,
.filter-rule-dlg .selected-user-grid-scroll-panel .cubetable > tbody > tr > td {
  border-style: none;
  padding: 5px 2px 2px 6px;
}
.filter-rule-dlg .selected-user-grid-scroll-panel .cubetable .darkzoneDheadertop {
  border-style: none;
  border-bottom: 0px solid #cccccc !important;
  padding-left: 0px !important;
}
.filter-rule-dlg .selected-user-grid-scroll-panel .cubetable .darkzoneDheadertop:not(:last-child) {
  border-style: none;
  border-right: 0px solid #cccccc !important;
}
.filter-rule-dlg .selected-user-grid-scroll-panel .selected-user-grid {
  width: 100%;
  height: 100%;
}
.filter-rule-dlg .selected-user-grid-scroll-panel .selected-user-grid tr:nth-child(n+2) > td > div:first-child {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.filter-rule-dlg .mail-and-copy-panel {
  margin-top: 5px;
  display: table;
  border-collapse: separate;
  width: 100%;
}
.filter-rule-dlg .mail-and-copy-panel.expand .copy-panel {
  vertical-align: middle;
}
.filter-rule-dlg .mail-and-copy-panel.expand .copy-panel .copy-image {
  line-height: 32px;
  font-size: 32px;
  display: block;
  text-align: center;
  float: none;
  margin-right: 25px;
  margin-left: 25px;
}
.filter-rule-dlg .mail-and-copy-panel .mail-options-panel {
  display: table-cell;
  margin-right: 5px;
  vertical-align: middle;
  min-height: 100%;
  overflow: hidden;
  background-color: #f1f1f1;
}
.filter-rule-dlg .mail-and-copy-panel .mail-options-panel .widget-expander-top {
  height: 100%;
  background: none!important;
}
.filter-rule-dlg .mail-and-copy-panel .mail-options-panel.expanded {
  background-color: #ffffff!important;
}
.filter-rule-dlg .mail-and-copy-panel .mail-options-panel.expanded .widget-expander-content-container {
  border: 1px solid #adadad;
  padding-bottom: 4px;
}
.filter-rule-dlg .mail-and-copy-panel .mail-options-panel span {
  display: block;
}
.filter-rule-dlg .mail-and-copy-panel .copy-panel {
  display: table-cell;
  width: 38px;
  min-height: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 6px 2px;
  cursor: pointer;
  vertical-align: middle;
  border-left: 5px solid #ffffff  ;
}
.filter-rule-dlg .mail-and-copy-panel .copy-panel .copy-image {
  margin-left: 5px;
  line-height: 16px;
  font-size: 16px;
  width: auto;
  box-shadow: 0px 0 3px 3px white;
  color: #666666;
  background-color: #ffffff;
  display: inline-block;
  text-align: left ;
  float: left ;
}
.filter-rule-dlg .cubeTabPanel {
  width: 480px;
  height: 590px;
}
.filter-rule-dlg .expiry-date-panel {
  margin-left: 2px;
  margin-bottom: 10px;
}
.filter-rule-dlg .expiry-date-panel .gwt-ControlPanel {
  margin-left: 5px;
}
.filter-rule-entry-dlg .field-label {
  min-width: 110px;
}
.filter-rule-entry-dlg .control {
  min-width: 350px;
}
.filter-rule-entry-dlg .from-control,
.filter-rule-entry-dlg .from-label {
  min-width: 215px;
}
.filter-rule-entry-dlg .to-control,
.filter-rule-entry-dlg .to-label {
  margin-left: 20px;
  min-width: 215px;
}
.filter-rule-entry-dlg .multivalue-control {
  min-width: 325px;
  height: 20px;
}
.filter-rule-entry-dlg .dialog-ControlIconPanel {
  height: 20px;
}
.filter-rule-index-dlg .field-label {
  min-width: 110px;
}
.dialog-control-space-top {
  margin-top: 10px !important;
}
.dialog-control-space-right {
  margin-right: 10px !important;
}
.dialog-control-space-bottom {
  margin-bottom: 10px !important;
}
.dialog-control-space-left {
  margin-left: 10px !important;
}
.dialog-control-space-left-large {
  margin-left: 20px !important;
}
.jumpto-panel .gwt-TextArea,
.jumpto-panel .gwt-SuggestBox,
.jumpto-panel .gwt-TextBox,
.jumpto-panel .multi-input-proposal-panel {
  z-index: 20;
  width: 500px;
}
.jumpto-panel .gwt-flexTableScrollPanel {
  width: 500px;
  height: 150px;
  border: 1px solid #cccccc;
}
.jumpto-panel .filter-grid {
  width: 100%;
  height: 100%;
}
.jumpto-panel .filter-grid tr:nth-child(n+2) > td > div:first-child {
  display: table;
  width: 100%;
}
.jumpto-panel .filter-grid .gwt-Label {
  white-space: nowrap;
}
.hide-invite-user-entry .invite-user-entry {
  display: none;
}
.top-bar .xml-icon:not(.ci-spin) {
  animation: none;
}
.gwt-TreeItem .image-container-with-loader > .loading-image,
.gui-object .image-container-with-loader > .loading-image {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.image-container-with-loader {
  position: relative;
}
.image-container-with-loader .loading-image {
  position: absolute;
}
.image-container-with-loader.loading > *:not(.loading-image) {
  opacity: 0;
}
table {
  max-width: none;
}
.small-button {
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  margin: 0 5px;
  padding: 0 5px;
}
.collapsible-panel {
  overflow: hidden;
  white-space: nowrap;
}
.collapsible-panel.expand-mode {
  transition: height 0.25s cubic-bezier(0.15, 0.57, 0.51, 1.31) 0s;
}
.collapsible-panel.collapse-mode {
  transition: height 0.15s cubic-bezier(0.35, -0.12, 0.54, 0.24) 0s;
}
.collapsible-panel > * {
  display: inline-block;
}
.cube-inline-box {
  overflow: hidden;
  transition: all 0.2s ease-in-out 0s;
  border-bottom: 1px solid #dedede;
}
.cube-inline-box > * {
  background-color: #FFF;
  color: #333;
  padding: 1px 1px 1px 5px;
  font-size: 14px;
}
.cube-inline-box .message-outer {
  max-width: 100%;
}
.cube-inline-box .message-outer > .symbol-icon {
  font-size: 22px;
  padding: 0 5px;
  width: auto;
  color: #C78500;
}
.cube-inline-box .message-outer > .message-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cube-inline-box.box-error-style .symbol-icon {
  color: #d93025;
}
.cube-inline-box .small-button {
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  cursor: pointer;
  color: #494949;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  margin: 0 5px;
}
.cube-inline-box .small-button:hover {
  background-color: rgba(73, 73, 73, 0.1);
}
.cube-inline-box .small-button.close {
  font-size: 16px;
  line-height: 34px;
  cursor: pointer;
  color: #999;
  transition: background-color 0.2s ease;
  margin-left: 0;
  margin-right: 1px;
}
.cube-inline-box .small-button.close:hover {
  background-color: rgba(153, 153, 153, 0.1);
}
.cube-inline-box .small-button.close:hover {
  color: #7f7f83;
}
.cube-inline-box .cubeHorizontalPanelEntry > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
#hitlisttable {
  min-width: 100%;
}
#hitlisttable .image-holder {
  font-size: 24px;
  line-height: 24px;
}
#hitlisttable .image-holder .xml-icon {
  display: block;
}
#hitlisttable .image-holder .xml-icon svg {
  stroke-width: .8px;
}
.grid-iframe {
  width: 100%;
}
.display-fixed-column-only #hitlistbody {
  min-width: 100%;
}
.display-fixed-column-only #hitlistbody > tbody > tr > td {
  width: 1px;
}
.display-fixed-column-only #hitlistbody > tbody > tr > td:last-child {
  width: auto;
}
.display-fixed-column-only #headerRow {
  display: none;
}
.grid-user-pic-container {
  width: 36px;
  height: 36px;
}
.grid-user-pic-container > div {
  position: absolute;
  white-space: nowrap;
}
.grid-user-pic-container .grid-user-pic {
  border-radius: 50%;
  /*		.cubeTransition(all);//ie performance problem*/
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ccc;
  -moz-background-size: cover;
}
.grid-user-pic-container .grid-user-info {
  display: none;
}
.grid-user-pic-container .grid-user-info-user {
  font-size: 16px;
  color: #333333;
}
.grid-user-pic-container:hover > div {
  background: #FFF;
  margin-top: -20px;
  z-index: 3;
  display: table;
  border: 2px solid #ccc;
}
.grid-user-pic-container:hover > div > * {
  display: table-cell;
  vertical-align: middle;
}
.grid-user-pic-container:hover .grid-user-pic {
  height: 72px;
  width: 72px;
  margin: 1px;
  border-radius: 0;
}
.grid-user-pic-container:hover .grid-user-info {
  padding: 4px;
}
.grid-div-table {
  display: table;
}
.grid-div-table > * {
  display: table-cell;
  vertical-align: middle;
}
.grid-div-table > *:empty {
  display: none;
}
.grid-div-table > *:not(:first-child):not(.space-block) {
  padding-left: 4px;
}
.hide-user-pic-cell .user-pic-cell {
  display: none;
}
#hitlistbody.hide-footnotes > tbody > .footnote > .cell > div {
  display: none;
}
.hide-hotspot .hotspot {
  display: none;
}
.addional-grid-row.footnote {
  color: #454545;
}
.addional-grid-row.hotspot {
  color: #00f;
}
#hitlistbodydiv {
  display: inline-block;
  vertical-align: top;
}
.addional-grid-row {
  text-align: left ;
}
.addional-grid-row > td {
  padding-top: 5px ! important;
}
.checkout-tab-image {
  background: url('../images/icons2015/grid/DocCheckedOutSelf.png') no-repeat !important;
}
.smartDeleteButton {
  color: #407abf;
}
.smartDeleteButton:hover {
  transform: scale(1.1);
  color: #c00;
}
.iconcolumnheader {
  min-width: 20px;
}
.numbercolumnheader {
  min-width: 20px;
}
.numbercolumnheader > * {
  height: 33px;
}
.checkbox-reordable-panel {
  width: 100%;
}
.checkbox-reordable-panel > tbody > tr > td:last-child {
  width: 1px;
}
.checkbox-reordable-panel-container {
  min-width: 200px;
  overflow: auto;
  max-height: 200px;
  border: 1px solid #d7d7d7 !important;
  padding: 0 1px 1px;
}
.checkbox-reordable-panel-container.move-active > :not(.entry-reordable) {
  cursor: not-allowed;
}
.checkbox-reordable-panel-container.move-forbidden,
.checkbox-reordable-panel-container.move-forbidden * {
  cursor: not-allowed !important;
}
.checkbox-reordable-panel-entry {
  position: relative;
  white-space: nowrap;
  margin-top: 1px;
  cursor: default;
  height: 24px;
}
.checkbox-reordable-panel-entry:hover {
  background: #f0f0f0;
}
.checkbox-reordable-panel-entry > * {
  display: inline-block;
  line-height: 18px;
  height: 18px;
}
.checkbox-reordable-panel-entry > * input {
  margin-top: -3px;
}
.checkbox-reordable-panel-entry.entry-reordable {
  transition: all 0.2s ease-in-out 0s;
  cursor: move;
}
.checkbox-reordable-panel-entry.entry-reordable .gwt-Label {
  padding-right: 12px;
}
.checkbox-reordable-panel-entry.entry-reordable .gwt-Label:before {
  width: 2px;
  height: 4px;
  z-index: 2;
  content: "";
  top: 50%;
  margin-top: -2px;
  background: #8d8d8d;
  right: 6px;
  position: absolute;
  cursor: move;
}
.checkbox-reordable-panel-entry.entry-reordable .gwt-CheckBox {
  cursor: default;
}
.checkbox-reordable-panel-entry.entry-reordable .gwt-CheckBox:before {
  z-index: 2;
  content: "";
  top: 50%;
  margin-top: -9px;
  border: 4px solid;
  border-color: transparent transparent #8d8d8d;
  right: 3px;
  position: absolute;
  cursor: move;
}
.checkbox-reordable-panel-entry.entry-reordable .gwt-CheckBox:after {
  z-index: 2;
  content: "";
  top: 50%;
  margin-top: 1px;
  border: 4px solid;
  border-color: #8d8d8d transparent transparent;
  right: 3px;
  position: absolute;
  cursor: move;
}
.checkbox-reordable-panel-entry.before:before {
  z-index: 2;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  background: Gray;
  height: 1px;
  top: -1px;
}
.checkbox-reordable-panel-entry.before:after {
  z-index: 2;
  content: "";
  right: 0;
  border: 5px solid;
  border-color: transparent Gray transparent transparent;
  top: -5px;
  position: absolute;
}
.checkbox-reordable-panel-entry.before .gwt-Label:after {
  z-index: 2;
  content: "";
  left: 0;
  border: 5px solid;
  border-color: transparent transparent transparent Gray;
  top: -5px;
  position: absolute;
}
.checkbox-reordable-panel-entry.after:before {
  z-index: 2;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  background: Gray;
  height: 1px;
  bottom: -1px;
}
.checkbox-reordable-panel-entry.after:after {
  z-index: 2;
  content: "";
  right: 0;
  border: 5px solid;
  border-color: transparent Gray transparent transparent;
  bottom: -6px;
  position: absolute;
}
.checkbox-reordable-panel-entry.after .gwt-Label:after {
  z-index: 2;
  content: "";
  left: 0;
  border: 5px solid;
  border-color: transparent transparent transparent Gray;
  bottom: -6px;
  position: absolute;
}
.checkbox-reordable-panel-entry.selected {
  background: #f1f1f1;
}
.checkbox-reordable-panel-entry.selected:focus {
  background: #c8c8c8;
}
.checkbox-reordable-panel-btn-panel {
  margin-left: 10px;
}
.checkbox-reordable-panel-btn-panel > *:not(:first-child) {
  margin-top: 4px;
}
.checkbox-reordable-panel-container-height {
  min-height: 150px;
}
.audit-trail-column-change-table {
  width: 400px;
}
.mve-dlg-container {
  position: relative;
}
.mve-dlg-container .mve-dlg-btn {
  position: absolute;
  bottom: 1px;
  top: 0px;
  height: 21px;
  right: 1px;
  overflow: hidden;
  width: 21px;
  color: #333333;
  cursor: pointer;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mve-dlg-container .mve-dlg-btn .xml-icon {
  font-size: 15px !important;
}
.mve-dlg-container input.mve-dlg-input {
  height: 22px;
  padding-right: 22px;
  display: block;
  width: 100%;
}
.mve-dlg-container .mve-dlg-input + .removeable-select {
  height: calc(100% - 22px);
}
.mve-dlg-container:not(.disabled) input.mve-dlg-input:hover + select {
  border-top-color: #b3b3b3 !important;
}
.mve-dlg-container:not(.disabled) input.mve-dlg-input:focus + select {
  border-top-color: #494949 !important;
}
.mve-dlg-container.proposal .gwt-ControlPanel {
  width: 100% !important;
  height: 22px !important;
}
.mve-dlg-container.proposal .gwt-ControlPanel > tbody > tr > td:last-child {
  width: 1px;
}
.mve-dlg-container.proposal .gwt-ControlPanel input {
  border-bottom: 0;
  padding-right: 22px;
}
.mve-dlg-container.proposal .gwt-ControlPanel .dialog-ControlIconPanel {
  border-bottom: 0;
}
.mve-dlg-container.proposal > .mve-dlg-btn {
  right: 26px;
}
.mve-dlg-container.disabled .dialog-ControlIconPanel,
.mve-dlg-container.disabled .dialog-ControlIconPanel:hover {
  color: #808080;
  background-color: #fcfcfc;
  border-color: transparent;
  border-bottom-color: #efefef;
  cursor: default;
}
.mve-dlg-container.disabled .dialog-ControlIconPanel img,
.mve-dlg-container.disabled .dialog-ControlIconPanel:hover img,
.mve-dlg-container.disabled .dialog-ControlIconPanel .xml-icon,
.mve-dlg-container.disabled .dialog-ControlIconPanel:hover .xml-icon {
  opacity: 0.4;
}
.mve-dlg-container.disabled .mve-dlg-btn {
  cursor: default;
  opacity: 0.4;
}
.mve-dlg-container select {
  width: 300px;
}
.element-disabled > .mve-dlg-container > .mve-dlg-btn,
.element-read-only > .mve-dlg-container > .mve-dlg-btn {
  cursor: default;
  opacity: 0.4;
}
:not(.element-disabled):not(.element-read-only) > .mve-dlg-container > .mve-dlg-btn:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.editablecontent-in-grid {
  display: flex;
  height: 28px;
  min-height: 28px;
}
.editablecontent-in-grid > * {
  flex: 1 0 auto;
  vertical-align: middle;
  line-height: 100%;
}
.corner-logout {
  position: absolute;
  top: 1px;
  right: -29px;
  width: 30px;
  z-index: 2;
  cursor: pointer;
  height: 58px;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
}
.corner-logout:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.corner-logout:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -6px;
  font-size: 14px !important;
}
.navigationPanel.has-corner-logout {
  margin-right: 29px;
  width: calc(100% - 29px);
}
.cubeTabContentWidgetContainer {
  height: 100%;
}
.tab-container.ribbon-compact > .cubeVerticalPanelEntry > .navigation-container .navigationPanel .navigationspaceParent > .classic-ribbon-panel {
  opacity: 0;
  left: calc(-100% - 10px) ;
  position: absolute;
  visibility: hidden;
}
.tab-container.ribbon-compact > .cubeVerticalPanelEntry > .navigation-container .navigationPanel .cubeCompactNavigationTabContainer {
  display: none;
}
.tab-container.ribbon-normal > .cubeVerticalPanelEntry > .navigation-container .quick-access-panel {
  display: none;
}
.tab-container.hide-ribbon-toggle > .cubeVerticalPanelEntry > .navigation-container .ribbon-toggle {
  display: none;
}
.btnr-left {
  text-align: left;
}
.btnr-center {
  text-align: center;
}
.btnr-right {
  text-align: right;
}
.btnr-image-only,
.btnr-text-only,
.btnr-image-text-left,
.btnr-image-text-right,
.btnr-image-text-bottom,
.btnr-image-text-top {
  padding: 4px;
}
.btnr-image-only > *,
.btnr-text-only > *,
.btnr-image-text-left > *,
.btnr-image-text-right > *,
.btnr-image-text-bottom > *,
.btnr-image-text-top > * {
  overflow: hidden;
  height: 100%;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
.btnr-image-only .btnr-img,
.btnr-text-only .btnr-img,
.btnr-image-text-left .btnr-img,
.btnr-image-text-right .btnr-img,
.btnr-image-text-bottom .btnr-img,
.btnr-image-text-top .btnr-img {
  height: 100%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  flex-shrink: 1;
}
.btnr-image-only .btnr-img img,
.btnr-text-only .btnr-img img,
.btnr-image-text-left .btnr-img img,
.btnr-image-text-right .btnr-img img,
.btnr-image-text-bottom .btnr-img img,
.btnr-image-text-top .btnr-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.btnr-image-only .btnr-text,
.btnr-text-only .btnr-text,
.btnr-image-text-left .btnr-text,
.btnr-image-text-right .btnr-text,
.btnr-image-text-bottom .btnr-text,
.btnr-image-text-top .btnr-text {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  flex-shrink: 0;
}
.btnr-image-text-left > * {
  flex-direction: row-reverse;
}
.btnr-image-text-left > * .btnr-img img {
  padding-left: 4px;
}
.btnr-image-text-right > * .btnr-img img {
  padding-right: 4px;
}
.btnr-text-only {
  padding: 0 4px;
}
.btnr-text-only .btnr-img {
  display: none;
}
.btnr-image-only.btnr-center {
  padding: 0;
}
.btnr-image-only .btnr-text {
  display: none;
}
.btnr-image-text-bottom > *,
.btnr-image-text-top > * {
  width: 100%;
}
.btnr-image-text-bottom .btnr-img,
.btnr-image-text-top .btnr-img {
  flex-grow: 1;
  justify-content: center;
}
.btnr-image-text-top > * {
  flex-direction: column-reverse;
}
.btnr-image-text-bottom > * {
  flex-direction: column;
}
.btnr-image-separated {
  padding: 0;
}
.btnr-image-separated > * {
  overflow: hidden;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}
.btnr-image-separated .btnr-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 4px;
}
.btnr-image-separated .btnr-img {
  height: 100%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  width: 0px;
  justify-content: center;
  flex-shrink: 0;
}
.btnr-image-separated .btnr-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.btnr-image-separated.btnr-right > * {
  flex-direction: row-reverse;
}
input[type=file] {
  overflow: hidden;
  max-width: 300px;
}
.removeable-select {
  overflow: auto;
  height: 100%;
}
.removeable-select .removableoption {
  position: relative;
  padding-right: 20px;
  line-height: 18px;
  margin-left: 1px;
  padding-left: 1px;
  border: 1px solid transparent;
}
.removeable-select .removableoption > div {
  white-space: pre;
  display: inline-block;
}
.removeable-select .removableoption:hover {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}
.removeable-select .removableoption:hover > .closeimage {
  display: inline-block;
}
.removeable-select .removableoption:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
  border: 1px dotted #000000;
}
.removeable-select .removableoption.removeable-item-selected {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.removeable-select .removableoption > .closeimage {
  position: absolute;
  display: none;
  right: 4px;
  top: 2px;
  width: 18px;
  font-size: 18px;
  color: #494949;
  cursor: pointer;
}
.removeable-select.element-read-only .closeimage {
  display: none !important;
}
.mve-context-menu .ci-symbol-cancel,
.mve-context-menu .ci-symbol-plus {
  font-size: 18px;
  width: 18px;
}
.mainTreeContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mainTreeContainer > .inner-container {
  transition: height 0.2s ease-in-out 0s;
}
.mainTreeContainer > .instant-filter-panel {
  color: #333;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0px;
  background: #dddddd;
  white-space: nowrap;
  vertical-align: middle;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1px;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td {
  line-height: 39px;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td:not(:nth-child(3)) {
  width: 1px;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td > .instant-filter-inner-container {
  width: 100%;
  table-layout: fixed;
  min-width: 40px;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td > .instant-filter-count {
  color: #333333;
  padding: 0 3px 0 4px;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td > .instant-filter-count:empty {
  overflow: hidden;
  width: 0;
  padding: 0;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td > .instant-filter-closer {
  text-align: center;
  cursor: pointer;
  margin: 0 1px;
  line-height: 39px;
  height: 39px;
  width: 39px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
}
.mainTreeContainer > .instant-filter-panel .instant-filter-table > tbody > tr > td > .instant-filter-closer:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.mainTreeContainer > .instant-filter-panel input {
  height: 39px;
  margin-left: 2px;
  line-height: 37px;
  width: 300px;
  max-width: 100%;
  float: left ;
  padding: 5px;
}
.mainTreeContainer.instant-filter-active > .inner-container {
  height: calc(100% - 42px) !important;
}
.mainTreeContainer.instant-filter-active > .instant-filter-panel {
  height: 42px;
  border-top: 1px solid #cccccc;
  padding-right: 2px;
}
.max-height-100,
.max-height-100 > * {
  height: 100%;
}
.errorpage #stack {
  text-align: left ;
}
.errorpage #outer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  background: #fff;
}
.errorpage textarea {
  width: 660px;
  height: 300px;
  direction: ltr;
}
.total-aggregation-extra-column > tr > td {
  padding: 0 !important;
  line-height: 4px !important;
}
.dialog-header-table {
  margin-bottom: 10px;
}
.cube-dialog .cube-dialogmainpanel-type-image.xml-icon {
  cursor: default;
}
.cube-dialog .error-icon.cube-dialogmainpanel-type-image.xml-icon {
  color: #d93025;
}
.cube-dialog .warning-icon.cube-dialogmainpanel-type-image.xml-icon {
  color: #C78500;
}
.cube-dialog .dialog-header-table .cube-dialogmainpanel-type-image.xml-icon {
  color: #C78500;
}
.cube-dialog .option-icon.xml-icon > .xml-icon-inner > svg {
  stroke-width: 2.5px;
}
.dialog-radio-option {
  border: 1px solid #e9e9e9;
  padding: 5px;
  margin-bottom: 2px;
  width: 100%;
  cursor: pointer;
}
.dialog-radio-option:hover {
  border: 1px solid #c8c8c8;
}
.dialog-radio-option:hover .xml-icon {
  color: #494949;
}
.dialog-radio-option .xml-icon {
  margin-right: 2px;
  color: #494949;
}
.dialog-radio-option:focus {
  outline: 1px dotted;
  outline-offset: 0px;
  border: 1px solid #c8c8c8;
  color: #333333;
}
.dialog-radio-option:focus .xml-icon {
  color: #333333;
}
.dialog-info-subtext {
  font-size: 11px;
  padding-top: 2px;
  margin-left: 24px;
}
.dialog-button-panel {
  padding-right: 5px;
}
.mruPanel .gui-object,
.checked-out-list .gui-object,
.custom-scripting-list .gui-object,
.cross-referenced-panel .gui-object {
  padding: 3px 5px;
}
.mruPanel .gui-object:hover,
.checked-out-list .gui-object:hover,
.custom-scripting-list .gui-object:hover,
.cross-referenced-panel .gui-object:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.mruPanel .gui-object:focus,
.checked-out-list .gui-object:focus,
.custom-scripting-list .gui-object:focus,
.cross-referenced-panel .gui-object:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.checked-out-list td {
  cursor: pointer;
}
.checked-out-list td:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.full-size-element {
  min-width: 100%;
}
#mainForm.full-size-element > #hitlistbodydiv,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody {
  min-width: 100%;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > .dummy-fullsize-cell {
  width: 100%;
  min-width: 58px;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > .dummy-fullsize-cell > .column-filter-outer > table > tbody > tr > td > div {
  display: none;
}
#mainForm.full-size-element .user-pic-cell,
#mainForm.full-size-element .cell,
#mainForm.full-size-element .activity-feed-empty-row {
  width: 1px;
  min-width: 1px;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .darkzone > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .palezone > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregationrow > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .total-aggregation-extra-column > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .grouprow > tr:after {
  display: table-cell;
  width: 100%;
  min-width: 100%;
  content: '';
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .darkzone > .addional-grid-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .palezone > .addional-grid-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > .addional-grid-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregationrow > .addional-grid-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .total-aggregation-extra-column > .addional-grid-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .grouprow > .addional-grid-row:after {
  display: none;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after {
  width: 1px;
  min-width: 1px;
  display: table-cell;
  width: 100%;
  min-width: 100%;
  content: '';
  background-color: #ebebeb;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after:hover,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after:hover,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after.cellselected,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after.cellselected {
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 0.95em !important;
  text-align: right  !important;
  white-space: nowrap;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after:hover,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after:hover {
  color: #000 !important;
  background-color: #dddddd;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregationresultrow:after.cellselected,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > tbody > .aggregation-result-row:after.cellselected {
  color: #000 !important;
  background-color: #d2d2d2;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > tr:after {
  background-color: #ebebeb;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > tr:after:hover,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone > tr:after.cellselected {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95em;
  white-space: nowrap;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone-total > tr:after {
  background-color: #dddddd;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone-total > tr:after,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone-total > tr:after:hover,
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > .aggregation-zone-total > tr:after.cellselected {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95em;
  white-space: nowrap;
}
#mainForm.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr:after {
  display: none;
}
#mainForm.responsive-grid .responsive-name {
  display: none;
}
@media screen and (max-width: 768px) {
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody {
    /*special for auditrail grid*/
    /*special for auditrail grid*/
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td {
    display: none;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.fixed-column,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.gridColumnGroupSpace,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.essential-cell {
    display: table-cell;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.dummy-fullsize-cell {
    display: none;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.grid-drag-cell {
    min-width: 12px;
    width: 12px;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .darkzone > tr,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .palezone > tr {
    display: block;
    width: 100%;
    min-width: 100%;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .darkzone > tr .fixed-cell.cell,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .palezone > tr .fixed-cell.cell,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .darkzone > tr .essential-cell.cell,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > .palezone > tr .essential-cell.cell {
    min-width: auto;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody > #headerRow > tr {
    display: block;
    width: 100%;
    min-width: 100%;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .cell {
    display: none;
    min-width: 100%;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .cell.responsive {
    border-bottom-color: #eeeeee;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .cell:last-child {
    border-bottom-color: #cccccc;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .addional-grid-row {
    background-color: #fcfcfc;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .addional-grid-row > td {
    display: block;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .grouprow .cell,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .fixed-cell,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .essential-cell {
    display: table-cell;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .essential-cell {
    padding-right: 6px;
    color: #7f7f83 !important;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .resultResizeIcon {
    pointer-events: none;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .responsive-name {
    display: inline-block;
    text-align: left ;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    margin-right: 4px;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .grouprow > tr:after,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .aggregation-zone > tr:after,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .total-aggregation-extra-column > tr:after {
    display: none;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .palezone > tr:after,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .darkzone > tr:after {
    display: table-cell;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .aggregationresultrow:after,
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .aggregation-result-row:after {
    display: none;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody.display-bottom-border:not(.no-content) {
    border-bottom-color: #e0e0e0;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody.display-bottom-border:not(.no-content) > tbody > tr:first-child > td:not(.darkzoneDheadertop),
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody.display-bottom-border:not(.no-content) > tbody > tr:after {
    border-top: 1px solid #e0e0e0;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .fixed-column {
    width: 100%;
    min-width: 100%;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .user-pic-cell {
    width: 1px;
    min-width: 1px;
    padding-top: 3px;
    padding-bottom: 2px;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .gridColumnGroupSpace {
    width: 50px;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .cell.responsive:last-child {
    border-bottom-color: #eeeeee;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody.hide-footnotes .cell.responsive:last-child {
    border-bottom-color: #cccccc;
  }
  #mainForm.responsive-grid > #hitlistbodydiv > #hitlistbody .rowselected .cell.responsive {
    border-bottom-color: #cccccc;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody .cell {
    min-width: 100%;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody .user-pic-cell {
    width: 1px;
    min-width: 1px;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.fixed-column {
    min-width: 100%;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.fixed-column.grid-drag-cell {
    min-width: 22px;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.user-pic-cell {
    width: 44px;
    min-width: 44px;
  }
  #mainForm.responsive-grid.full-size-element > #hitlistbodydiv > #hitlistbody > #headerRow > tr > td.gridColumnGroupSpace {
    width: 12px;
    min-width: 12px;
  }
}
.tree-row-initial-space-second {
  min-width: 50px;
}
.no-wide-indentation .tree-row-initial-space-second {
  min-width: 0;
}
.tree-row-initial-space-first {
  width: 25px;
}
.select-document-templates-dlg .document-templates-list {
  min-width: 250px;
  width: 100%;
}
.no-right-border {
  border-right-style: none !important;
}
.shortcut-access-zero-height-line {
  height: 0;
  overflow: hidden;
}
.shortcut-access-zero-height-line > * {
  vertical-align: top;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 0px;
  opacity: 0;
  border: 0px;
  margin: 0px;
}
.grid-font-icon {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  line-height: 16px;
  font-size: 16px;
}
#hitlistbody.hide-footnotes > tbody > .footnote > .cell {
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom-width: 0 !important;
}
#hitlistbody > tbody > .addional-grid-row.border-only > .cell {
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.grid-ellipsis {
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
.grid-ellipsis > * {
  white-space: normal;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.grid-ellipsis > * > * {
  display: block;
}
.grid-ellipsis > * > *.inline {
  display: inline;
}
.grid-ellipsis > *.cutted:after {
  content: "...";
}
.width-small {
  width: 40px;
}
.smart-grid-popup-panel .gwt-MenuItem {
  white-space: pre;
}
.gwt-Mask .dialog-Button {
  white-space: pre-wrap;
  overflow: hidden;
}
.gwt-Mask .dialog-formatted-label > :not(.auto-size) {
  overflow: hidden;
}
.gwt-Mask .dialog-formatted-label > .auto-size {
  vertical-align: top;
  display: inline-block;
  white-space: nowrap;
}
.viewer-find-dlg-search-text-panel {
  width: 100%;
  border-spacing: 5px !important;
}
.viewer-find-dlg-search-text-panel input {
  width: 100%;
}
.viewer-find-dlg-wording-options-panel {
  margin-top: 5px;
  margin-right: 5px;
}
.viewer-find-dlg-wording-options-panel td {
  padding: 2px;
}
.viewer-find-dlg-buttons-panel {
  border-spacing: 5px !important;
}
.viewer-find-dlg-buttons-panel button {
  width: 100%;
}
.viewer-find-dlg-inner-main-panel td:nth-child(2) {
  padding-right: 5px;
}
.viewer-find-dlg-search-direction-caption {
  padding-top: 0px;
  padding-bottom: 2px;
}
.viewer-find-dlg-search-direction-caption-search-direction-panel {
  margin-right: 5px;
}
.viewer-find-dlg-search-direction-caption-search-direction-panel td {
  padding: 2px;
}
.border-box {
  box-sizing: border-box;
}
.splitter-moving .fix-pos-on-splitter-move {
  position: absolute;
  top: -100%;
}
.force-rerendering .cubeVerticalOuterMainPanel {
  transform: translateZ(0);
}
.file-size {
  margin-left: 2px;
}
.doc-send-copy-grid {
  line-height: 1;
}
.doc-send-copy-grid > tbody > tr > td {
  vertical-align: top;
  padding: 0;
}
.doc-send-copy-grid > tbody > tr > td:first-child {
  padding-right: 5px;
  line-height: 35px;
}
.doc-send-copy-grid > tbody > tr > td:last-child {
  padding-bottom: 5px;
}
.doc-send-copy-grid > tbody > tr:last-child > td:first-child {
  line-height: 25px;
}
.doc-send-copy-grid > tbody > tr:last-child > td:last-child {
  padding-bottom: 0;
}
.doc-send-copy-grid .multi-input-proposal-panel-container,
.doc-send-copy-grid td > input,
.doc-send-copy-grid textarea {
  width: 600px;
}
.doc-send-copy-grid input.gwt-TextBox,
.doc-send-copy-grid textarea {
  padding-left: 5px;
  padding-right: 5px;
}
.doc-send-copy-attach-container {
  width: 600px;
  overflow: auto;
  max-height: 100px;
  font-style: italic;
}
.doc-send-copy-attach-container * {
  line-height: 25px;
  cursor: default !important;
}
.doc-send-copy-attach-container > * {
  height: 25px;
  display: flex;
}
.doc-send-copy-attach-container > * > *:last-child {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.cube-progress-dialog .modalcubeframe {
  min-width: 400px;
  max-width: 500px;
}
.cube-progress-dialog .concealed {
  opacity: 0 ! important;
}
.cube-progress-dialog .cube-progress {
  background-color: #ffffff;
  padding: 10px 10px 0px 10px;
  position: relative;
}
.cube-progress-dialog .cube-progress .cube-progress-additinal-info-panel {
  margin-top: 5px;
}
.cube-progress-dialog .cube-progress .widget-expander {
  margin-top: 5px;
}
.cube-progress-dialog .cube-progress .widget-expander-top {
  background-color: transparent;
}
.cube-progress-dialog .cube-progress .widget-expander-content-container > div {
  border: 1px solid #c6c6c6;
  padding: 2px;
}
.cube-progress-dialog .cube-progress .progress {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 14px;
  overflow: hidden;
}
.cube-progress-dialog .cube-progress .progress-bar {
  background: #4CFF00;
  width: 1px;
  height: 14px;
  transition: width 0.15s linear 0s;
}
.cube-progress-dialog .cube-progress .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.cube-progress-dialog .cube-progress .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.cube-progress-dialog .cube-progress .show-quick-filing-error-label {
  margin-left: 4px;
  color: blue;
}
.cube-progress-dialog .cube-progress .show-quick-filing-error-label:hover {
  text-decoration: underline;
}
.cube-progress-dialog .cube-progress .show-quick-filing-cancel-label {
  margin-left: 4px;
  color: #D3D3D3;
}
.cube-progress-dialog .cube-progress .auto-quick-file {
  padding: 2px;
}
.cube-progress-dialog .cube-progress .auto-quick-file .xml-icon {
  margin: 2px;
  cursor: default;
  color: #999;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.cube-progress-dialog .cube-progress .auto-quick-file-ready .xml-icon {
  color: green;
}
.cube-progress-dialog .cube-progress .auto-quick-file-canceled .xml-icon {
  opacity: 0;
}
.cube-progress-dialog .cube-progress .auto-quick-file-exception .xml-icon {
  color: red;
}
.content-info-panel {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0;
  bottom: 0;
  z-index: 5;
  /*width:100%;*/
  height: auto;
  padding: 50px;
  background-color: #ffffff;
  text-align: left ;
}
html[dir='rtl'] .content-info-panel {
  direction: rtl;
}
.content-info-panel .image-text-panel {
  white-space: nowrap;
}
.content-info-panel .image-text-panel table {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.content-info-panel .image-text-panel .content-text-headline-label {
  white-space: normal;
  font-size: 20px;
  color: #000;
  margin-bottom: 25px;
}
.content-info-panel .image-text-panel .content-textbox {
  font-size: 14px;
  border-color: #e2e2e2;
  height: 32px;
  padding: 5px;
  vertical-align: top;
  width: 100%;
}
.content-info-panel .image-text-panel .file-image {
  margin-right: 5px;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}
.content-info-panel .image-text-panel .spacer {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  display: table;
  width: 100%;
  color: #ccc;
  font-size: 20px;
}
.content-info-panel .image-text-panel .spacer div {
  display: table-cell;
  vertical-align: middle;
}
.content-info-panel .image-text-panel .linktext {
  text-align: right;
  text-decoration: underline;
  color: #4079bf;
  margin-top: 2px;
  cursor: pointer;
}
.content-info-panel .image-text-panel .linktextpanel {
  text-align: right;
}
.content-link-external-panel {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: auto;
  padding: 0px;
  background-color: #ffffff;
}
.content-link-external-panel .content-link-external-frame {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0px;
}
.content-link-dialog {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0;
  bottom: 0;
  z-index: 5;
  /*width:100%;*/
  height: auto;
  padding: 10px;
  background-color: #ffffff;
  text-align: left ;
}
html[dir='rtl'] .content-link-dialog {
  direction: rtl;
}
.content-link-dialog .image-text-panel {
  white-space: nowrap;
}
.content-link-dialog .image-text-panel table {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.content-link-dialog .image-text-panel .content-text-headline-label {
  white-space: normal;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
}
.content-link-dialog .image-text-panel .content-textbox {
  font-size: 14px;
  border-color: #f4f4f4;
  height: 32px;
  padding: 5px;
  vertical-align: top;
  width: 100%;
}
.content-link-dialog .image-text-panel .file-image {
  margin-right: 5px;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}
.content-link-dialog .image-text-panel .text-label {
  margin-bottom: 10px;
}
.smartCube-installation-path-dialog {
  z-index: 5;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffffff;
  text-align: left ;
}
html[dir='rtl'] .smartCube-installation-path-dialog {
  direction: rtl;
}
.smartCube-installation-path-dialog .image-text-panel {
  white-space: nowrap;
}
.smartCube-installation-path-dialog .image-text-panel table {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.smartCube-installation-path-dialog .image-text-panel .content-text-headline-label {
  white-space: normal;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
}
.smartCube-installation-path-dialog .image-text-panel .content-textbox {
  font-size: 14px;
  border-color: #f4f4f4;
  height: 32px;
  padding: 5px;
  vertical-align: top;
  width: 100%;
}
.smartCube-installation-path-dialog .image-text-panel .copy-panel {
  vertical-align: middle;
  border: 1px solid #f4f4f4;
  color: #666666;
}
.smartCube-installation-path-dialog .image-text-panel .copy-panel .copy-image {
  line-height: 32px;
  font-size: 32px;
  display: block;
  text-align: center;
  float: none;
  margin-right: 25px;
  margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.smartCube-installation-path-dialog .image-text-panel .text-label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.smartCube-installation-path-dialog .fieldset {
  margin-top: 20px;
}
.smartCube-installation-path-dialog legend {
  font-weight: bold;
}
.drop-down-separator {
  display: block;
  height: 1px;
  background: #cccccc;
  margin: 5px 6px 5px 22px;
}
.create-attribute-column-dlg .name-label {
  margin: 5px;
}
.add-node-dlg .name-label {
  margin: 5px;
}
.add-node-dlg #RecordNodeName_EditBox {
  width: 100%;
  min-width: 100%;
}
.add-node-dlg .cube-flow-panel {
  width: 100%;
  min-width: 100%;
}
.add-node-dlg .main {
  min-width: 380px;
}
.add-node-dlg .add-node-options {
  width: 100%;
}
.add-node-dlg .add-node-options > tbody > tr > td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.add-node-dlg .add-node-options > tbody > tr:last-child > td {
  padding-bottom: 0;
}
.add-node-dlg .add-node-options > tbody > tr:first-child > td {
  padding-top: 0;
}
.add-node-dlg .node_type_select {
  padding-left: 2px;
}
.cube-flow-panel {
  display: table;
}
.cube-flow-panel > .flow-container {
  display: table-cell;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
}
.cube-flow-panel > .flow-container.full-size,
.cube-flow-panel > .flow-container.full-size > .full-size {
  width: 100%;
  min-width: 100%;
}
.doc-search {
  display: inline-flex;
}
.doc-search > * {
  height: 100%;
}
.doc-search > *:first-child {
  flex: 1;
}
.doc-search button {
  border: 0;
  font-size: inherit;
  box-shadow: none;
  background: transparent;
  padding: 0 2px;
}
.doc-search .reset {
  border-left: 1px solid #cccccc;
}
.doc-search.element-disabled .reset,
.doc-search.element-read-only .reset {
  border-left-color: #efefef;
}
.doc-search.element-read-only .reset {
  opacity: 0.4;
  cursor: default;
}
.doc-search .quicksearch-search-selector {
  display: flex;
  height: 100%;
}
.doc-search .quicksearch-search-selector .quick-search-input {
  flex: 1;
}
.doc-search .quicksearch-search-selector .shortcut {
  width: auto;
  min-width: 0;
  font-size: inherit;
}
.feeds-selection-composite .gwt-TextArea,
.feeds-selection-composite .gwt-SuggestBox,
.feeds-selection-composite .gwt-TextBox,
.feeds-selection-composite .multi-input-proposal-panel {
  z-index: 20;
  width: 420px;
}
.feeds-selection-composite .feeds-panel {
  width: 420px;
  min-height: 100px;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}
.feeds-selection-composite .feeds-flex-table {
  width: 420px;
  border-spacing: 0px !important;
  padding-bottom: 5px;
}
.feeds-selection-composite .first-column {
  width: 35px;
  vertical-align: top;
}
.feeds-selection-composite .second-column {
  vertical-align: top;
  padding-top: 1px;
}
.feeds-selection-composite .header-row {
  height: 35px;
  background-color: #f1f1f1;
}
.feeds-selection-composite .feed-checkbox {
  padding-left: 5px;
}
.cube-overflow-widget {
  overflow: auto;
}
.imaging-service-not-available-dialog {
  width: 430px;
}
.imaging-service-not-available-dialog .headline {
  font-size: 22px;
}
.imaging-service-not-available-dialog .counter {
  margin-top: 10px;
  font-size: 14px;
}
.imaging-service-not-available-dialog .additionalMessage {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.imaging-service-not-available-dialog .gwt-PushButton {
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  display: inline-block !important;
}
.imaging-service-not-available-dialog .gwt-PushButton:hover {
  background-color: #f8f8f8;
  color: #333;
}
.imaging-service-not-available-dialog .gwt-PushButton:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.imaging-service-not-available-dialog .gwt-PushButton[disabled] img,
.imaging-service-not-available-dialog .gwt-PushButton.disabled img,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-up-disabled img,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-down-disabled img,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-up-disabled img,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-down-disabled img,
.imaging-service-not-available-dialog .gwt-PushButton[disabled] .xml-icon,
.imaging-service-not-available-dialog .gwt-PushButton.disabled .xml-icon,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-up-disabled .xml-icon,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-down-disabled .xml-icon,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-up-disabled .xml-icon,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.imaging-service-not-available-dialog .gwt-PushButton[disabled],
.imaging-service-not-available-dialog .gwt-PushButton.disabled,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-up-disabled,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-down-disabled,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-up-disabled,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-down-disabled,
.imaging-service-not-available-dialog .gwt-PushButton[disabled]:hover,
.imaging-service-not-available-dialog .gwt-PushButton.disabled:hover,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-up-disabled:hover,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-down-disabled:hover,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-up-disabled:hover,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-down-disabled:hover,
.imaging-service-not-available-dialog .gwt-PushButton[disabled]:focus,
.imaging-service-not-available-dialog .gwt-PushButton.disabled:focus,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-up-disabled:focus,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-Button-down-disabled:focus,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-up-disabled:focus,
.imaging-service-not-available-dialog .gwt-PushButton.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.imaging-service-not-available-dialog .modalcube-caption-table {
  display: none;
}
.row-hide {
  display: none;
}
.fulltext-tab-content .colors-table .gwt-Label {
  white-space: nowrap;
}
.mask-validation-message {
  overflow: hidden;
  transition: height 0.2s ease-in-out 0s;
  height: 37px;
  background: #FFF;
  cursor: pointer;
}
.mask-validation-message.hide-validation-message {
  height: 0;
}
.mask-validation-message > * {
  display: flex;
  flex-flow: row;
  padding: 1px;
  border-bottom: 1px solid #dedede;
}
.mask-validation-message > * > * {
  display: flex;
  line-height: 34px;
}
.mask-validation-message > * > :not(.message) {
  text-align: center;
}
.mask-validation-message .count {
  margin-right: 1px;
  background: #f8f8f8;
  color: #d93025;
  padding: 0 5px;
}
.mask-validation-message .xml-icon.close {
  font-size: 16px;
  line-height: 34px;
  cursor: pointer;
  color: #999;
  transition: background-color 0.2s ease;
}
.mask-validation-message .xml-icon.close:hover {
  background-color: rgba(153, 153, 153, 0.1);
}
.mask-validation-message .xml-icon.close:hover {
  color: #7f7f83;
}
.mask-validation-message .xml-icon.prev,
.mask-validation-message .xml-icon.next {
  font-size: 16px;
  line-height: 34px;
  cursor: pointer;
  color: #494949;
  transition: background-color 0.2s ease;
}
.mask-validation-message .xml-icon.prev:hover,
.mask-validation-message .xml-icon.next:hover {
  background-color: rgba(73, 73, 73, 0.1);
}
.mask-validation-message .xml-icon.prev,
.mask-validation-message .xml-icon.next,
.mask-validation-message .xml-icon.close {
  width: 34px;
}
.mask-validation-message .xml-icon.error-icon {
  color: #d93025;
  font-size: 22px;
  padding: 0 5px;
  width: auto;
}
.mask-validation-message .message {
  flex: 1 1 0%;
  display: flex;
  overflow: hidden;
  padding-right: 5px;
}
.mask-validation-message .message > * {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.mask-validation-message.only-one-entry .count,
.mask-validation-message.only-one-entry .prev,
.mask-validation-message.only-one-entry .next {
  display: none;
}
.scrollbar-track.scrollbar-track-x,
.scrollbar-track.scrollbar-track-y {
  opacity: 0.15;
}
.scrollbar-track.scrollbar-track-x:hover,
.scrollbar-track.scrollbar-track-y:hover,
.scrollbar-track.scrollbar-track-x.show,
.scrollbar-track.scrollbar-track-y.show {
  opacity: 1;
}
.scrollbar-track > .scrollbar-thumb {
  background: #999;
  opacity: 0.7;
}
.queue-panel-vertical {
  background-color: #FFFFFF;
}
.queue-panel-vertical .queue-header-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  border: 1px solid #333333;
  background-color: #999999;
  height: 42px;
}
.queue-panel-vertical .queue-header-text {
  font-weight: bold;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
}
.queue-panel-vertical .queue-panel-inner {
  padding-left: 4px;
  padding-right: 4px;
  max-height: 300px;
  overflow: auto;
}
.queue-panel-vertical .queue-info-panel {
  width: 216px;
  padding: 4px;
  text-align: left;
  color: Gray;
  background-color: #fcfcfc;
  border: 1px solid Gray;
  border-radius: 4px;
  margin-bottom: 4px;
}
.queue-panel-vertical .queue-scroll-panel {
  overflow-y: auto;
}
.queue-panel-vertical .cancle-panel {
  padding: 4px;
  cursor: default;
  width: 40px;
  height: 40px;
}
.queue-panel-vertical .queue-cancle-button {
  background: transparent;
  border: 1px solid Gray;
  background-color: #FFFFFF;
  outline: none;
  padding-right: 4px;
  padding-left: 4px;
  color: Gray;
  cursor: pointer;
  text-align: center;
  height: 32px;
  width: 32px;
  border-radius: 4px;
}
.queue-panel-vertical .queue-cancle-button > .xml-icon {
  font-size: 20px;
  width: 20px;
}
.queue-panel-vertical .queue-remove-button {
  background: transparent;
  border: 0;
  padding: 0px;
  outline: none;
  cursor: pointer;
  width: 30px;
  text-align: center;
}
.queue-panel-vertical .queue-remove-button > .xml-icon {
  color: Gray;
  font-size: 11px;
  width: 11px;
}
.queue-panel-vertical .queue-position-panel {
  border: 1px solid Gray;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  margin-top: 1px;
  margin-bottom: 4px;
  padding-left: 8px;
}
.queue-panel-vertical .queue-position-panel.disabled {
  border: 1px solid #cccccc;
}
.queue-panel-vertical .queue-position-panel.finished {
  border: 1px solid #cccccc;
}
.queue-panel-vertical .queue-position-panel.selected {
  border-left: 4px solid #333333;
  padding-left: 5px;
}
.queue-panel-vertical .queue-focus-flow-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
}
.queue-panel-vertical .queue-position-finished-icon {
  background: transparent;
  border: 0;
  padding: 0px;
  margin-right: 4px;
  width: 16px;
}
.queue-panel-vertical .queue-position-finished-icon > .xml-icon {
  font-size: 16px;
  width: 16px;
  color: #66c166;
}
.queue-panel-vertical .queue-position-text {
  text-align: left;
  width: 148px;
  line-height: 26px;
  padding: 0 4px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.queue-panel-vertical .queue-position-text.selected {
  font-weight: bold;
}
.queue-panel-vertical .queue-position-text.disabled {
  color: #f4f4f4;
}
.queue-panel-vertical .queue-position-text.finished {
  color: #f4f4f4;
}
.queue-panel-vertical .queue-position-image {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.queue-panel-vertical .queue-position-image.disabled {
  opacity: 0.5;
}
.queue-panel-vertical .queue-header-image-panel {
  padding-left: 8px;
}
.queue-panel-vertical .queue-header-image {
  width: 16px;
  height: 16px;
}
.cube-primary {
  background-color: #f2f2f2;
  color: #333333;
  cursor: pointer;
}
.cube-primary:hover {
  background-color: #e5e5e5;
  color: #333333;
}
.fab-bottom-right-corner {
  position: absolute;
  right: 17px;
  bottom: 17px;
}
.smartGridContainer.instant-filter-active .fab-bottom-right-corner {
  bottom: 59px;
}
.fab-holder {
  z-index: 200;
}
.fab-icon {
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.fab-icon > .fab-icon-inner {
  flex: 0 0 auto;
  pointer-events: none;
}
.sub-btn > .fab-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin: 0;
  z-index: 0;
  font-size: 26px;
}
.sub-btn > .fab-icon .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.3px;
}
.is-occluded,
.is-occluded > *,
.is-invisible > * {
  visibility: hidden;
  pointer-events: none;
}
.fab.sub-btn {
  visibility: hidden;
  pointer-events: none;
}
.fab.inactive {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}
.fab.fab-menu > .escape-action {
  background-color: #dedede;
  border-color: #cdcdcd;
}
.fab.fab-menu > .escape-action:hover {
  background-color: #dedede;
  border-color: #cdcdcd;
}
.fab.fab-menu.fab-in > .fab-icon > .fab-icon-inner {
  animation: rotate-in-out 0.08s ease-out;
}
.fab.fab-menu.fab-out > .fab-icon > .fab-icon-inner {
  animation: rotate-in-out-restart 0.16s ease-out;
}
.fab.fab-menu .fab-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 21px;
  padding: 0;
  margin: 0;
  z-index: 242;
  border-radius: 50%;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.22), 0 0 3px 2px rgba(255, 255, 255, 0.25), 0 1px 6px 8px rgba(255, 255, 255, 0.15);
}
.fab.fab-menu > .fab-icon > .xml-icon > .xml-icon-inner > svg {
  stroke-width: 3.1px;
}
.fab.is-expanded.fab-out > .fab-icon {
  visibility: hidden;
  pointer-events: none;
}
.fab.fab-menu.radial-fab.is-expanded > .fab-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  min-width: 48px;
  border-width: 0;
  color: inherit;
}
.fab.fab-menu.radial-fab.is-expanded > .fab-icon.escape-action {
  border-width: 1px;
  box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.25), 0 1px 6px 8px rgba(255, 255, 255, 0.15);
}
.fab.fab-menu.radial-fab.is-expanded[num-actions="2"],
.fab.fab-menu.radial-fab.is-expanded[num-actions="3"] {
  width: 190px;
  height: 190px;
}
.fab.fab-menu.radial-fab.is-expanded[num-actions="4"] {
  width: 208px;
  height: 208px;
}
.fab.fab-menu.radial-fab.is-expanded[num-actions="5"],
.fab.fab-menu.radial-fab.is-expanded[num-actions="6"],
.fab.fab-menu.radial-fab.is-expanded[num-actions="7"] {
  width: 253px;
  height: 253px;
}
.fab.fab-menu.radial-fab {
  position: relative;
  overflow: visible;
}
.fab.fab-menu.radial-fab > .fab-icon {
  position: absolute;
  right: 11px;
  bottom: 11px;
}
.fab.fab-menu.radial-fab > .sub-btn {
  position: absolute;
  padding: 24px 11px 11px 24px;
}
.fab.fab-menu.radial-fab > .sub-btn > .fab-icon,
.fab.fab-menu.radial-fab > .sub-btn > .fab-icon.call-to-action {
  margin: 0;
  min-width: 48px;
}
.radial-fab > .sub-btn {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) ;
}
.radial-fab[num-actions="1"] > .sub-btn:nth-child(2) {
  bottom: 70%;
  right: 70%;
  left: auto;
  top: auto;
  transform: translate3d(58px, 58px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="2"] > .sub-btn:nth-child(2) {
  bottom: 30%;
  right: 95%;
  left: auto;
  top: auto;
  transform: translate3d(95px, 31px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="2"] > .sub-btn:nth-child(3) {
  bottom: 95%;
  right: 30%;
  left: auto;
  top: auto;
  transform: translate3d(31px, 95px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="3"] > .sub-btn:nth-child(2) {
  bottom: 0%;
  right: 100%;
  left: auto;
  top: auto;
  transform: translate3d(83px, 0px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="3"] > .sub-btn:nth-child(3) {
  bottom: 70%;
  right: 70%;
  left: auto;
  top: auto;
  transform: translate3d(58px, 58px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="3"] > .sub-btn:nth-child(4) {
  bottom: 100%;
  right: 0%;
  left: auto;
  top: auto;
  transform: translate3d(0px, 83px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="4"] > .sub-btn:nth-child(2) {
  bottom: 0%;
  right: 100%;
  left: auto;
  top: auto;
  transform: translate3d(83px, 0px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="4"] > .sub-btn:nth-child(3) {
  bottom: 50%;
  right: 86%;
  left: auto;
  top: auto;
  transform: translate3d(71px, 41px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="4"] > .sub-btn:nth-child(4) {
  bottom: 86%;
  right: 49%;
  left: auto;
  top: auto;
  transform: translate3d(41px, 71px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="4"] > .sub-btn:nth-child(5) {
  bottom: 100%;
  right: 0%;
  left: auto;
  top: auto;
  transform: translate3d(0px, 83px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="5"] > .sub-btn:nth-child(2) {
  bottom: 0%;
  right: 100%;
  left: auto;
  top: auto;
  transform: translate3d(83px, 0px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="5"] > .sub-btn:nth-child(3) {
  bottom: 38%;
  right: 92%;
  left: auto;
  top: auto;
  transform: translate3d(76px, 31px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="5"] > .sub-btn:nth-child(4) {
  bottom: 70%;
  right: 70%;
  left: auto;
  top: auto;
  transform: translate3d(58px, 58px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="5"] > .sub-btn:nth-child(5) {
  bottom: 92%;
  right: 38%;
  left: auto;
  top: auto;
  transform: translate3d(31px, 76px, 0) ;
  transform-origin: 0 0 0;
}
.radial-fab[num-actions="5"] > .sub-btn:nth-child(6) {
  bottom: 100%;
  right: 0%;
  left: auto;
  top: auto;
  transform: translate3d(0px, 83px, 0) ;
  transform-origin: 0 0 0;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(2) > .fab-icon {
  animation-delay: 0.0075s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(3) > .fab-icon {
  animation-delay: 0.0255s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(4) > .fab-icon {
  animation-delay: 0.048s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(5) > .fab-icon {
  animation-delay: 0.06s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(6) > .fab-icon {
  animation-delay: 0.069s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(7) > .fab-icon {
  animation-delay: 0.078s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(8) > .fab-icon {
  animation-delay: 0.0825s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(9) > .fab-icon {
  animation-delay: 0.087s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(10) > .fab-icon {
  animation-delay: 0.09s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(11) > .fab-icon {
  animation-delay: 0.0915s;
}
.fab.fab-menu.radial-fab.is-expanded > .sub-btn:nth-child(n + 12) > .fab-icon {
  animation-delay: 0.093s;
}
.fab.fab-menu.fab-active > .sub-btn {
  visibility: visible;
  pointer-events: all;
}
.fab.fab-menu.fab-active > .sub-btn > .fab-icon {
  animation: bounce-in 0.05s ease-in-out;
  animation-fill-mode: both;
  transform-origin: center bottom;
}
.fab.fab-menu.has-single-action.selected,
.fab.fab-menu > .sub-btn.selected {
  visibility: visible;
  pointer-events: none;
}
.fab.fab-menu.has-single-action.selected > .fab-icon,
.fab.fab-menu > .sub-btn.selected > .fab-icon,
.fab.fab-menu.has-single-action.selected.fab-icon,
.fab.fab-menu > .sub-btn.selected.fab-icon {
  visibility: visible;
  animation: growing-fade 0.074s ease-in-out;
  animation-fill-mode: forwards;
}
.fab.fab-menu.has-single-action > .fab-icon {
  display: none;
}
.fab.fab-menu.has-single-action .sub-btn {
  padding: 0;
  transform: none;
  right: 11px;
  bottom: 11px;
  left: auto;
  top: auto;
  visibility: visible;
  pointer-events: all;
}
.fab.fab-menu.has-single-action.uses-default-icon .sub-btn .fab-icon {
  font-size: 21px;
}
.fab.fab-menu.has-single-action.uses-default-icon .sub-btn .xml-icon > .xml-icon-inner > svg {
  stroke-width: 3.1px;
}
.fab.fab-menu.has-single-action.is-occluded .sub-btn,
.fab.fab-menu.has-single-action.is-invisible .sub-btn {
  visibility: hidden;
  pointer-events: none;
}
.sub-btn.selected {
  z-index: 44;
}
.fab-menu.fab-in .sub-btn.selected > .fab-icon,
.fab-menu.fab-in.has-single-action.selected > .fab-icon {
  animation: none;
}
.smartGridContainer.has-extra-bottom-space .smart-grid-frame {
  margin-bottom: 76px;
}
.smartGridContainer.has-extra-bottom-space.has-fab .smart-grid-frame {
  margin-bottom: 106px;
}
.floating-info {
  position: absolute;
  right: 0%;
  left: 0%;
  height: 0;
  overflow: visible;
  bottom: 64px;
  text-align: center;
  z-index: 100;
}
.smartGridContainer.instant-filter-active .floating-info {
  bottom: 106px;
}
.floating-info > .content-container {
  display: inline-flex;
  flex-direction: row;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 36px;
  overflow: hidden;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.22), 0 0 3px 2px rgba(255, 255, 255, 0.25), 0 1px 6px 8px rgba(255, 255, 255, 0.15);
  background-color: #fbfbfb;
  opacity: .98;
}
.floating-info > .content-container > .custom-action {
  min-width: 36px;
  height: 100%;
  margin-left: 0;
  margin-right: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  transition: background-color 0.2s ease-in-out 0s;
  color: #494949;
}
.floating-info > .content-container > .custom-action .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.3px;
}
.floating-info > .content-container > .custom-action:hover:not(.groupicondisabled) {
  background-color: #e7e7e7;
  color: #494949;
}
.floating-info > .content-container > .custom-action.groupicondisabled {
  pointer-events: none;
  color: #999;
}
.floating-info > .content-container > .floating-info-toggler {
  min-width: 36px;
  max-width: 36px;
  width: 36px;
  background: inherit;
  border: none;
  opacity: .9;
  margin-right: 0;
}
.floating-info.info-collapsed > .content-container > *:not(.info-ignore-collapse) {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  margin: 0;
  border-left: none;
  border-right: none;
  display: inline-block;
}
.rows-info {
  display: inline-flex;
  align-items: baseline;
  align-content: baseline;
  flex: 1 0 auto;
  padding: 0 6px 0 0;
  width: auto;
  font-size: 14px;
  cursor: default;
  transition: background .3s, color .3s;
  opacity: 0.96;
}
.rows-info .rows-info-count-label {
  margin-right: 6px;
}
.rows-info .rows-info-num-separator {
  margin-right: 2px;
  margin-left: 2px;
}
.rows-info.rows-info-complete,
.rows-info.no-result {
  color: inherit;
}
.rows-info.rows-info-complete .rows-info-num-loaded,
.rows-info.no-result .rows-info-num-loaded,
.rows-info.rows-info-complete .rows-info-num-separator,
.rows-info.no-result .rows-info-num-separator {
  width: 0;
  min-width: 0;
  display: inline-block;
  overflow: hidden;
  visibility: hidden;
}
.rows-info.loading .rows-info-num-total,
.rows-info.loading .rows-info-num-loaded,
.rows-info.loading .rows-info-num-separator {
  width: 0;
  min-width: 0;
  display: inline-block;
  overflow: hidden;
  visibility: hidden;
}
.info-collapsed .rows-info-num-total,
.info-collapsed .rows-info-num-separator,
.info-collapsed .rows-info-count-label {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  margin: 0;
  border-left: none;
  border-right: none;
  display: inline-block;
}
.info-collapsed .rows-info {
  padding: 0 6px 0 2px;
}
.info-collapsed .rows-info.rows-info-complete .rows-info-num-loaded,
.info-collapsed .rows-info.no-result .rows-info-num-loaded {
  width: auto !important;
  overflow: visible !important;
  visibility: visible;
}
.is-concealed {
  animation: bounce-out 0.05s ease-in;
  animation-fill-mode: both;
  pointer-events: none;
}
.floating-ribbon {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  right: 28px;
  margin-top: 1px;
  height: 36px;
  overflow: visible;
  font-size: 21px;
}
.floating-ribbon[num-actions="0"] {
  display: none;
}
.floating-ribbon .floating-ribbon-inner {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 28px;
  padding: 0;
  background-color: rgba(249, 249, 249, 0.85);
  border-radius: 40em;
  border: 1px solid rgba(73, 73, 73, 0.5);
  color: #494949;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.132), 0 0 3px 2px rgba(255, 255, 255, 0.15), 0 1px 6px 8px rgba(255, 255, 255, 0.09);
  overflow: hidden;
}
.floating-ribbon .sub-btn {
  position: absolute;
  visibility: hidden;
  height: 100%;
}
.floating-ribbon .sub-btn:hover {
  background-color: #e7e7e7;
  color: #494949;
}
.is-expanded.floating-ribbon .sub-btn {
  position: static;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.05s ease-out;
}
.is-occluded.is-expanded.floating-ribbon .sub-btn,
.is-invisible.is-expanded.floating-ribbon .sub-btn {
  visibility: hidden;
  pointer-events: none;
}
.is-expanded.floating-ribbon .sub-btn:nth-child(1) {
  transition-delay: 0.01s;
}
.is-expanded.floating-ribbon .sub-btn:nth-child(2) {
  transition-delay: 0.02s;
}
.is-expanded.floating-ribbon .sub-btn:nth-child(3) {
  transition-delay: 0.03s;
}
.is-expanded.floating-ribbon .sub-btn:nth-child(4) {
  transition-delay: 0.04s;
}
.floating-ribbon .sub-btn .fab-icon > .xml-icon > .xml-icon-inner > svg {
  stroke-width: 1px;
}
.floating-ribbon .fab-icon {
  width: auto;
  height: 28px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 11px;
  margin: 0;
}
.floating-ribbon .fab-icon.xml-icon > .xml-icon-inner > svg {
  stroke-width: 1px;
}
.floating-ribbon .fab-icon.escape-action {
  background: none;
  border: none;
}
.floating-ribbon.is-expanded .floating-ribbon-inner {
  display: flex;
  width: auto;
  height: 36px;
  animation: fadeIn linear;
  animation-duration: 0.075s;
  animation-fill-mode: both;
  padding: 0 5px;
}
.floating-ribbon.is-expanded .floating-ribbon-inner > .fab-icon {
  display: none;
}
.floating-ribbon.is-expanded .sub-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 42;
  pointer-events: all;
}
.floating-ribbon.is-expanded .floating-ribbon-inner > .fab-icon {
  height: 36px;
  color: #555;
  padding: 0 6px;
}
.floating-ribbon.context-menu-visible > * {
  visibility: hidden;
  pointer-events: none;
}
.floating-ribbon.context-menu-visible > * .sub-btn {
  visibility: hidden;
  pointer-events: none;
}
.floating-ribbon.row-updated.is-expanded .floating-ribbon-inner {
  animation: none;
}
.ie .floating-ribbon.is-expanded .floating-ribbon-inner {
  flex: 1 0 auto;
}
.floating-ribbon {
  animation: fadeIn 0.05s cubic-bezier(0.157, 0.83, 0.45, 1);
  animation-fill-mode: backwards;
  animation-delay: 0.225s;
}
.floating-ribbon.is-invisible {
  animation: none;
}
.floating-ribbon.row-updated {
  opacity: 0;
  visibility: hidden;
  animation: none;
}
@keyframes widthExpand {
  from {
    width: 45px;
  }
  to {
    width: 100%;
  }
}
@keyframes bounce-in {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounce-out {
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes rotate-in-out {
  0% {
    opacity: 0;
    transform: rotate(90deg);
  }
  50% {
    opacity: .5;
    transform: rotate(-90deg);
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes rotate-in-out-restart {
  0% {
    opacity: 0;
    transform: rotate(90deg);
  }
  50% {
    opacity: .5;
    transform: rotate(-90deg);
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes grow-centered {
  0% {
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
  }
  100% {
    top: -25%;
    left: -25%;
    width: 150%;
    height: 150%;
  }
}
@keyframes grow-centered-restart {
  0% {
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
  }
  100% {
    top: -25%;
    left: -25%;
    width: 150%;
    height: 150%;
  }
}
@keyframes growing-fade {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.cube-snack-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  white-space: nowrap;
  z-index: 24;
  text-align: center;
  pointer-events: none;
}
.cube-snack-bar > * {
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
  vertical-align: bottom;
}
.cube-snack-bar .collapsible-panel {
  animation-duration: .2s;
  text-align: center;
}
.cube-snack-bar .collapsible-panel > * {
  display: inline-flex;
  pointer-events: all;
  width: 100%;
}
.cube-snack-bar .cube-inline-box {
  text-align: left ;
  margin: 5px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.22), 0 0 3px 2px rgba(255, 255, 255, 0.25), 0 1px 6px 8px rgba(255, 255, 255, 0.15);
  border: none;
  width: calc(100% - 10px);
  max-width: 1000px;
}
.cube-snack-bar .cube-inline-box .symbol-icon {
  font-size: 28px;
  margin-right: 5px;
  width: auto;
  color: #FFF;
  margin-left: 3px;
  margin-right: 13px;
}
.cube-snack-bar .cube-inline-box > * {
  padding: 5px;
  font-size: 16px;
  background-color: #222;
  color: #fff;
  border-radius: 2px;
}
.cube-snack-bar .cube-inline-box .message-outer {
  padding: 5px;
}
.cube-snack-bar .cube-inline-box .div-panel-full-sized-entry {
  flex: auto;
  flex-shrink: 1;
}
.cube-snack-bar .cube-inline-box .message-text {
  line-height: 22px;
  max-height: 110px;
  white-space: pre-line;
  text-overflow: inherit;
  flex-shrink: 1;
}
.cube-snack-bar .cube-inline-box .cube-snack-bar-entry-remove {
  margin-left: 5px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  transition: background-color 0.2s ease;
}
.cube-snack-bar .cube-inline-box .cube-snack-bar-entry-remove:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.cube-snack-bar .cube-inline-box .small-button {
  color: #333333;
  height: inherit;
  line-height: 40px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 10px;
  margin: 0 0 0 5px;
}
.cube-snack-bar .cube-inline-box .small-button:hover {
  background-color: rgba(51, 51, 51, 0.1);
}
.cube-snack-bar .cube-inline-box .small-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.login-page {
  display: inline-flex;
  height: 100%;
  overflow: auto;
  width: 100%;
  flex-direction: column;
  position: absolute;
}
.login-page .main-scoll {
  overflow: auto;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  flex-grow: 1;
  display: inline-flex;
  flex-flow: column;
}
.login-page .main-scoll > * {
  margin-top: 10px;
}
.login-page .main-scoll .login-main-form {
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}
.login-page .main-scoll .login-main-form INPUT[type='text'],
.login-page .main-scoll .login-main-form INPUT[type='password'],
.login-page .main-scoll .login-main-form select {
  font-size: 18px;
  min-width: 350px;
  width: 100%;
  margin-bottom: 10px;
  height: 35px;
}
.login-page .main-scoll .login-main-form INPUT[type='text'],
.login-page .main-scoll .login-main-form INPUT[type='password'] {
  padding: 5px;
}
.login-page .main-scoll .login-main-form INPUT[type='checkbox'] {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}
.login-page .main-scoll .login-main-form label {
  vertical-align: top;
  margin-top: 2px;
}
.login-page .main-scoll .app-name {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.login-page .main-scoll .app-logo {
  margin-bottom: 5px;
}
.login-page .main-scoll .forgot-password-frame {
  margin: auto;
}
.login-page .main-scoll .custom-fields {
  width: 100%;
}
.login-page .main-scoll .middle-panel {
  display: inline-flex;
  text-align: center;
  flex-direction: column;
}
.login-page .main-scoll .middle-panel > *:not(:first-child) {
  margin-top: 10px;
}
.login-page .main-scoll img {
  text-align: center;
  align-self: center;
  max-width: 100%;
}
.login-page .main-scoll .message-of-the-day {
  align-self: center;
  width: 100%;
}
.login-page .main-scoll .login-form {
  padding: 15px 40px 40px 40px;
  flex-grow: 1;
}
.login-page .main-scoll .gwt-login-servererror {
  width: 350px;
  margin: 0;
  margin-bottom: 10px;
  color: red;
}
.login-page .main-scoll .call-to-action {
  margin: 10px 0 10px 0 !important;
  width: 100%;
  font-size: 21px;
  height: 46px;
}
.login-page .main-scoll .saml-action {
  margin: 0;
  width: 100%;
  font-size: 21px;
  height: 46px;
  color: #333333;
}
.login-page .main-scoll .remember-login {
  text-align: center;
}
.login-page .main-scoll .link-forgot-password {
  cursor: pointer;
  margin-bottom: 5px;
  display: inline-block;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: underline;
  text-align: right ;
  width: 100%;
}
.login-page .main-scoll .or-login-label {
  color: #7f7f83;
  line-height: 0.5;
  text-align: center;
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
}
.login-page .main-scoll .or-login-label::before,
.login-page .main-scoll .or-login-label::after {
  content: "";
  height: 5px;
  border-bottom: 1px solid #7f7f83;
  top: 0;
  display: inline-block;
  flex-grow: 1;
  margin-left: 20px;
  margin-right: 20px;
}
.login-page .main-scoll .or-login-label::before {
  right: 100%;
  margin-right: 15px;
}
.login-page .main-scoll .or-login-label::after {
  left: 100%;
  margin-left: 15px;
}
.login-page .main-scoll .or-login-label.disabled,
.login-page .main-scoll .or-login-label.disabled::after,
.login-page .main-scoll .or-login-label.disabled::before {
  opacity: 0.4;
}
.login-page .footer {
  background: #333333;
  color: #fff;
  padding: 5px;
  border-top: 1px solid #fefefe;
}
.login-page .footer > div {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.login-page .footer .language-panel {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  align-self: center;
}
.login-page .footer .language-panel .language-label {
  display: inline;
  margin-right: 3px;
  font-size: 21px;
}
.login-page .footer .language-panel .language-label * {
  margin: 0;
}
.login-page .footer .language-panel .language-box {
  display: inline;
  color: #000;
  vertical-align: text-bottom;
}
.login-page .footer .copyright,
.login-page .footer .left-footer {
  display: none;
}
@media (min-width: 500px) {
  .login-page .footer .language-panel {
    width: 30%;
  }
  .login-page .footer .copyright {
    display: inline-block;
    width: 35%;
    text-align: right ;
  }
  .login-page .footer .left-footer {
    display: inline-block;
    flex-grow: 1;
    text-align: left ;
    width: 35%;
  }
}
.inline-flex-column {
  display: inline-flex;
  flex-direction: row;
}
.inline-flex-column > * {
  flex: 1 1 0%;
}
.inline-flex-column > * + *,
.inline-flex-column > * + fieldset {
  margin-left: 5px;
}
.inline-flex-row {
  display: inline-flex;
  flex-direction: column;
}
.inline-flex-row > * + *,
.inline-flex-row > * + fieldset {
  margin-top: 5px;
}
.orga-dialog-container {
  width: 1000px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orga-dialog-container > * {
  position: relative;
  height: 100%;
  width: calc(50% - 18px);
}
.orga-dialog-container > *:nth-child(2) {
  width: 36px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orga-dialog-container > *:nth-child(2) > .gwt-Button {
  width: 30px;
  margin: 5px 0;
}
.navbar-nav .xml-icon,
.cubeNavigationBarEntry .xml-icon {
  font-size: 21px;
}
.boxed-layout {
  white-space: nowrap;
}
.boxed-layout > * {
  max-width: 100%;
  overflow: hidden;
}
.boxed-layout-caption {
  margin: 5px;
  border-bottom: 1px solid;
  font-size: 16px;
  text-overflow: ellipsis;
}
.boxed-layout-entry {
  padding: 2px 5px;
  display: flex;
  line-height: 1.7;
}
.boxed-layout-entry:hover {
  cursor: pointer;
  color: #000 !important;
  background-color: #e4e4e4 !important;
  color: #000;
}
.boxed-layout-entry > *:nth-child(1) {
  width: 16px;
  margin: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boxed-layout-entry > *:nth-child(2) {
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boxed-layout-entry > *:nth-child(2) > * {
  display: inline;
}
.quick-access-panel {
  height: 42px;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > * {
  min-width: auto;
  margin: 0;
  height: 42px;
  margin-left: 5px;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > *:first-child {
  margin-left: 1px;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .ribbon-element > .ribbon-element-inner {
  display: inline-flex;
  align-items: center;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .ribbon-element > .ribbon-element-inner > *,
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .ribbon-element > .ribbon-element-inner > * .image-panel {
  height: 40px;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon32 > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon32 > * > .itemText {
  align-items: flex-start;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon,
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .DropDownGroupIcon {
  padding-left: 0;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon > table > tbody > tr > td > .image-panel,
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .DropDownGroupIcon > table > tbody > tr > td > .image-panel {
  width: 32px;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon > table > tbody > tr > td > .image-panel > .xml-icon,
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .DropDownGroupIcon > table > tbody > tr > td > .image-panel > .xml-icon {
  width: 32px !important;
  height: 32px !important;
  font-size: 32px !important;
}
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .groupicon > table > tbody > tr > td > .image-panel > .xml-icon > .xml-icon-inner > svg,
.quick-access-panel > .div-panel-full-sized-entry > .scroll-container > * > .content-container > .DropDownGroupIcon > table > tbody > tr > td > .image-panel > .xml-icon > .xml-icon-inner > svg {
  stroke-width: .8px;
}
.pwd-change-label {
  padding: 6px 0px 0px 0px;
}
.btn-ok-icon,
.btn-cancel-icon {
  font-size: 21px;
}
.btn-ok-icon > .xml-icon,
.btn-cancel-icon > .xml-icon {
  height: 1em;
}
.btn-ok-icon {
  color: #494949;
}
.btn-cancel-icon {
  color: #c00;
}
.column-mutable {
  color: #494949;
}
.column-mutable.icon-disabled {
  color: #cccccc;
}
.column-mutable:not(.icon-disabled) {
  cursor: pointer;
}
.column-x {
  color: #d93025;
  margin-left: 4px;
}
.privileged-delete-main {
  padding: 10px 10px 0px 10px;
}
.privileged-delete-main .privileged-delete-text {
  padding-bottom: 15px;
}
.privileged-delete-main .privileged-delete-reason-textarea {
  padding: 5px;
  min-width: 500px;
}
.flow-panel-with-key-access-handling {
  position: relative;
}
.flow-panel-with-key-access-handling *[tabindex="5001"],
.flow-panel-with-key-access-handling *[tabindex="5003"] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.extraButtonPanel {
  display: flex;
  justify-content: flex-end;
  justify-items: flex-end;
}
.layers-panel {
  margin-top: 8px;
  margin-bottom: 5px;
}
.layers-panel .annotation-layer-border {
  border: 1px solid #cccccc !important;
}
.layers-panel .annotation-layer-table.cubetable > tbody > tr > td {
  border-style: none;
  border-color: transparent;
  border-width: 0 0 0 0;
}
.layers-panel .annotation-layer-table.cubetable .darkzoneDheadertop {
  border-right: none !important  ;
  padding-left: 2px !important;
  position: relative;
}
.layers-panel .annotation-layer-table.cubetable .darkzoneDheadertop:hover:not(:last-child):after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  background: #cccccc;
}
.layers-panel .annotation-layer-table.cubetable .darkzoneDheadertop:hover:not(:first-child):before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #cccccc;
}
.layers-panel .annotation-layer-table.cubetable .darkzone,
.layers-panel .annotation-layer-table.cubetable .palezone {
  background-color: #fff;
}
.layers-panel .annotation-layer-table.cubetable .darkzone.rowselected,
.layers-panel .annotation-layer-table.cubetable .palezone.rowselected {
  color: #000000 !important;
  background-color: #fff !important;
}
.layers-panel .annotation-layer-table .gwt-TextBox,
.layers-panel .annotation-layer-table .gwt-ListBox {
  height: 23px;
  width: 100%;
}
.layers-panel .annotation-layer-table .row {
  text-align: center;
  line-height: 36px;
}
.layers-panel .annotation-layer-table .row .groupicon {
  justify-content: center;
  padding-left: 0;
  display: flex;
}
.layers-panel .annotation-layer-table .header-table {
  border-bottom: 0 solid #CCCCCC !important;
}
.backgroundColor-transparency {
  margin-top: 3px;
}
.backgroundColor-transparency .gwt-Label {
  margin-right: 5px;
}
.backgroundColor-transparency .transparency {
  margin-left: 5px;
}
.annotation-dlg-last-element {
  margin-bottom: 3px;
}
.description-linkUrl {
  margin-top: 5px;
  margin-bottom: 10px;
}
.change-password-dialog,
.invite-user-dialog,
.favorite-name-dialog,
.change-role-dialog {
  margin: 20px 20px 5px 20px;
}
.change-password-dialog .gwt-TextBox,
.invite-user-dialog .gwt-TextBox,
.favorite-name-dialog .gwt-TextBox,
.change-role-dialog .gwt-TextBox,
.change-password-dialog .gwt-PasswordTextBox,
.invite-user-dialog .gwt-PasswordTextBox,
.favorite-name-dialog .gwt-PasswordTextBox,
.change-role-dialog .gwt-PasswordTextBox,
.change-password-dialog .gwt-ListBox,
.invite-user-dialog .gwt-ListBox,
.favorite-name-dialog .gwt-ListBox,
.change-role-dialog .gwt-ListBox {
  margin-bottom: 15px;
}
.change-password-dialog .checkbox,
.invite-user-dialog .checkbox,
.favorite-name-dialog .checkbox,
.change-role-dialog .checkbox {
  margin-bottom: 10px;
}
.change-password-dialog .favoriteName,
.invite-user-dialog .favoriteName,
.favorite-name-dialog .favoriteName,
.change-role-dialog .favoriteName {
  margin-bottom: 5px;
}
.gui-object-separator {
  position: relative;
  margin-top: 6px;
  padding-bottom: 7px;
}
.gui-object-separator:before {
  content: '';
  position: absolute;
  top: 0;
  left: 29px;
  right: 0px;
  background-color: transparent;
  background-image: url('../images/contextmenu/seperator-dotted.png');
  height: 1px;
}
.calulation-for-text {
  position: absolute;
  left: -100px;
  top: -100px;
  overflow: hidden;
  width: 0;
  height: 0;
}
.calulation-for-text .itemText {
  white-space: pre !important;
}
.html5viewer-settings-content-tab {
  margin: 10px;
}
.html5viewer-settings-content-tab .thumbs-tab {
  min-width: 0px;
  margin-left: 16px;
}
.html5viewer-settings-content-tab .thumbs-tab .thumbs-size {
  margin-bottom: 9px;
}
.html5viewer-settings-content-tab .thumb-title {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.html5viewer-settings-content-tab .html5viewer-settings {
  width: 100%;
}
.html5viewer-settings-content-tab .html5viewer-settings .separator {
  display: block;
  height: 1px;
  background: #f0f0f0;
  margin: 5px 5px 5px 5px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.html5viewer-settings-content-tab .html5viewer-settings .DropDownGroupIcon {
  min-width: 0px;
}
.html5viewer-settings-content-tab .html5viewer-settings .toolbar-text {
  margin-left: 19px;
}
.html5viewer-settings-content-tab .html5viewer-settings .number-spinner {
  width: 80px;
}
.mve-dlg-container .gwt-ControlPanel,
.mve-dlg-container .mve-dlg-input {
  border-bottom-width: 1px;
  border-radius: 0;
}
.mve-dlg-container .removeable-select {
  border-radius: 0;
}
.search-settings-table {
  margin: 5px;
}
.search-settings-table .info-column {
  padding-right: 30px;
}
.search-settings-table .value-column {
  padding-bottom: 10px;
}
.search-settings-table .default-cursor:hover {
  cursor: default;
}
.search-settings-table .search-range-lable {
  vertical-align: top !important;
  padding-top: 10px !important;
}
.search-settings-table .search-options-state {
  overflow: hidden;
  height: 0;
}
.search-settings-table .search-options-state.visible {
  height: auto;
  padding-top: 6px;
}
.search-settings-table .configure-search-range .itemText {
  text-decoration: underline;
}
.group-element-underline .itemText {
  text-decoration: underline;
}
.error-icon.xml-icon {
  color: #d93025;
}
.warning-icon.xml-icon {
  color: #C78500;
}
.checkbox-header-cell,
.row-checkbox {
  display: none;
}
.show-checkboxes .checkbox-header-cell,
.show-checkboxes .row-checkbox {
  display: block;
}
.dmn-definition-panel {
  align-items: center;
  margin-bottom: 6px;
  padding: 10px;
  border: 1px solid #cccccc;
}
.dmn-definition-label {
  margin-left: 8px;
}
.hide-dmn-modeler-entry .dmn-modeler-entry {
  display: none;
}
.dmn-definition-left-image {
  cursor: default !important;
}
.copied-popup-content {
  padding: 16px;
  font-size: 14px;
}
.simple-link {
  text-decoration: underline;
  padding: 0 5px;
  margin-right: 5px;
}
.simple-link:hover {
  cursor: pointer;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
}
.bold {
  font-weight: bold;
}
.highlight-mail-element {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 15%;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  min-width: 24px;
  cursor: pointer;
}
.highlight-mail-element:hover {
  background-color: #e4e4e4;
  transition: background-color 0.12s;
}
.mail-text-hover-highlight {
  cursor: pointer;
}
.mail-text-hover-highlight:hover {
  color: #484848;
}
.mail-line-separator {
  border-left: 1px solid #eeeeee;
  color: #eeeeee;
  width: 1px;
  height: 16px;
  font-size: 16px;
  font-weight: 100;
  vertical-align: sub;
}
.mail-meta-data-table {
  display: table;
  margin: 10px;
  overflow: auto;
  min-width: 128px;
  max-width: 512px;
  max-height: 512px;
}
.mail-meta-data-table > .mail-row {
  display: table-row;
  padding: 2px;
}
.mail-meta-data-table > .mail-row > .mail-row-name,
.mail-meta-data-table > .mail-row > .mail-row-data {
  display: table-cell;
  flex-wrap: wrap;
  padding: 2px;
}
.mail-meta-data-table > .mail-row > .mail-row-name {
  text-align: right ;
  font-weight: bold;
}
.mail-meta-data-table > .mail-row > .mail-row-data {
  text-align: left ;
}
.mail-meta-data-table .mail-element {
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  margin-right: 8px;
}
.mail-meta-data-table .mail-user {
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
}
.mail-meta-data-table .mail-user-name {
  white-space: nowrap;
  margin-right: 8px;
}
.mail-meta-data-table .mail-user-adress {
  white-space: nowrap;
  color: #6b6b6b;
}
.mail-header,
.mail-content {
  margin-right: 8px;
}
.mail-header {
  background: #fefefe;
  border-bottom: 2px dotted #f4f4f4;
  width: 100%;
  min-width: 100%;
  display: block;
  cursor: default;
}
.mail-header .mail-subject {
  display: none;
}
.mail-header .mail-subject {
  margin-right: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 20px;
}
.mail-header .mail-info {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.mail-header .mail-info .mail-sender-img {
  padding-left: 10px;
  padding-right: 10px;
  height: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  align-self: center;
}
.mail-header .mail-info .mail-info-from-to {
  flex-grow: 1;
  flex-basis: 0%;
}
.mail-header .mail-info .mail-info-data {
  white-space: nowrap;
  flex-grow: 1;
  align-self: flex-start;
  text-align: right ;
}
.mail-header .mail-base-info {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: left ;
}
.mail-header .mail-sender-img,
.mail-header .mail-info-from-to {
  display: block;
}
.mail-header .mail-user-picture {
  display: inline-block;
}
.mail-header .sender-info {
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  flex-grow: 2;
  flex-wrap: wrap;
}
.mail-header .sender-name {
  display: inline-block;
  font-size: 16px;
  white-space: nowrap;
  margin-right: 4px;
}
.mail-header .mail-sender-email,
.mail-header .mail-timestamp {
  color: #6b6b6b;
}
.mail-header .mail-element {
  display: -webkit-inline-flex;
  display: inline-flex;
  white-space: nowrap;
  margin-right: 8px;
}
.mail-header .mail-from-to-container {
  flex: 1;
}
.mail-header .mail-receiver {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.mail-header .mail-receiver > .more-mail-info {
  flex-grow: 2;
  text-align: left ;
}
.mail-header .mail-receiver > .more-mail-info > .info-expander {
  font-size: 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: flex-end;
  background: #fefefe;
  color: #999;
  z-index: 2;
}
.mail-header .receiver-names {
  flex-shrink: 2;
  flex-grow: 0;
  overflow: hidden;
  max-height: 1.5em;
  text-align: right;
  margin-right: -6px;
}
.mail-header .receiver-names .receiver-separator {
  font-weight: bold;
}
.mail-header .attachment-clip {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 15%;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  min-width: 24px;
  cursor: pointer;
  white-space: nowrap;
  margin-right: 2px;
}
.mail-header .attachment-clip:hover {
  background-color: #e4e4e4;
  transition: background-color 0.12s;
}
.mail-header .attachment-clip > .mail-attachment-count {
  margin-left: 2px;
  font-size: 10px;
}
.mail-header .mail-dot-dot-dot {
  font-size: 12px;
}
.mail-attachment-container {
  text-align: center;
  border-top: 2px dotted #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  transition: height 0.12s ease-out, padding 0.12s ease-out;
}
.mail-attachment-list {
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: space-in-between;
  flex-wrap: wrap;
}
.mail-collapse-attachments-trigger {
  text-align: center;
  margin-top: 4px;
  display: block;
}
.mail-collapse-attachments-trigger > .mail-attachments-collapser {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4px;
  font-size: 10px;
  color: #999;
}
.mail-attachment {
  border: 1px solid #f4f4f4;
  padding: 4px;
  margin: 2px;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  min-width: 64px;
  max-width: 256px;
  overflow: hidden;
  cursor: pointer;
  direction: ltr ;
}
.mail-attachment:hover {
  color: #484848;
}
.mail-attachment > .attachment-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-mime-type {
  margin-right: 2px;
  vertical-align: text-bottom;
}
.collapsed {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  min-height: 0;
  transition: none;
  overflow: hidden;
}
.mail-header-size-switch {
  width: 100%;
  flex-basis: 100%;
  min-width: 100%;
  height: 10px;
  line-height: 10px;
  text-align: right ;
  font-size: 14px;
  justify-content: right;
  margin-top: -4px;
  margin-bottom: 4px;
}
.mail-header-size-switch > .toggler {
  display: inline-block;
}
.mail-header-size-switch .mail-toggler {
  margin-right: 10px;
  background: #fefefe;
}
.mail-header-size-switch .mail-toggler.xml-icon > .xml-icon-inner > svg {
  stroke-width: 1.4px;
}
.mail-subject-small {
  font-size: 20px;
  margin: 0 0 14px 0;
}
.responsive-small-receiver-separator {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  transition: none;
  overflow: hidden;
  width: 0;
  height: 0;
}
.mail-header .mail-subject,
.mail-header .mail-subject-small {
  transition: all 0.12s ease-in-out;
}
.mail-header .mail-user-picture {
  pointer-events: none;
}
.mail-header .mail-sender-img {
  transition: all 0.12s ease-in-out;
}
.mail-header .grid-user-pic-container:not(:hover) {
  transition: all 0.12s ease-in-out;
}
.mail-header .grid-user-pic-container:not(:hover) .grid-user-pic {
  transition: all 0.12s ease-in-out;
}
.mail-header .paper-clip {
  transform: rotateY(180deg);
}
html[dir='rtl'] .mail-header .paper-clip {
  transform: scaleX(-1) rotateY(180deg);
}
.mail-header.normal-size-header .mail-info {
  margin-top: 14px;
}
.mail-header.normal-size-header .mail-user-picture {
  height: 88px;
}
.mail-header.normal-size-header .mail-info-data {
  text-align: left ;
}
.mail-header.normal-size-header .grid-user-pic-container:not(:hover) {
  width: 88px;
  height: 88px;
}
.mail-header.normal-size-header .grid-user-pic-container:not(:hover) .grid-user-pic {
  width: 88px;
  height: 88px;
}
.mail-header.compact .mail-header-compact-table {
  display: inline-table;
  width: 100%;
}
.mail-header.compact .mail-header-compact-row {
  display: table-row;
}
.mail-header.compact .mail-header-compact-cell {
  display: table-cell;
}
.mail-header.compact .mail-info-data {
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
}
.mail-header.compact .sender-name {
  margin-right: 0;
}
.mail-header.compact .mail-sender-email {
  display: none;
}
.mail-header.compact .mail-subject-small {
  height: 26px;
  min-height: 26px;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 0;
}
.mail-header.compact .mail-info .mail-sender-img {
  padding-left: 9px;
  padding-right: 9px;
  height: 46px;
}
.mail-header.compact .receiver-label,
.mail-header.compact .mail-subject,
.mail-header.compact .mail-sender-email {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  min-height: 0;
  transition: none;
  overflow: hidden;
  width: 0;
  min-width: 0;
}
.mail-header.compact .responsive-info-block {
  display: -webkit-flex;
  display: flex;
}
.mail-header.compact .responsive-info-block .mail-base-info {
  flex-grow: 0;
}
.mail-header.compact .responsive-info-block .mail-receiver {
  flex-shrink: 1;
  flex-basis: 100%;
}
.mail-header.compact .receiver-label {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  min-height: 0;
  transition: none;
  overflow: hidden;
  width: 0;
  min-width: 0;
}
.mail-header.compact .responsive-small-receiver-separator {
  width: initial;
  height: initial;
  border-left: 1px solid #eeeeee;
  color: #eeeeee;
  width: 1px;
  height: 16px;
  font-size: 16px;
  font-weight: 100;
  vertical-align: sub;
}
.mail-header.compact .mail-info {
  margin-top: 16px;
}
.mail-header.compact .mail-user-picture {
  height: 46px;
}
.mail-header.compact .grid-user-pic-container:not(:hover) {
  width: 46px;
  height: 46px;
}
.mail-header.compact .grid-user-pic-container:not(:hover) .grid-user-pic {
  width: 46px;
  height: 46px;
}
.italic,
.italic td {
  font-style: italic !important;
}
.bold,
.bold td {
  font-weight: bold !important;
}
.underline,
.underline td {
  text-decoration: underline !important;
}
@-webkit-keyframes wobble1 {
  0% {
    transform: rotate(-1deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(1.5deg);
    animation-timing-function: ease-out;
  }
}
@keyframes wobble1 {
  0% {
    transform: rotate(-1deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(1.5deg);
    animation-timing-function: ease-out;
  }
}
.wobble {
  animation-delay: -0.3s;
  animation-duration: 0.28s;
  animation-name: wobble1;
  animation-iteration-count: infinite;
  -webkit-animation-delay: -0.3s;
  -webkit-animation-duration: 0.28s;
  -webkit-animation-name: wobble1;
  -webkit-animation-iteration-count: infinite;
  transform-origin: 50% 10%;
}
@-webkit-keyframes fadeinbackground {
  0% {
    background: transparent !important;
  }
  50% {
    background: #ffffcc;
  }
}
@keyframes fadeinbackground {
  0% {
    background: transparent !important;
  }
  50% {
    background: #ffffcc;
  }
}
@keyframes highlight-text {
  0% {
    color: rgba(64, 122, 191, 0);
  }
  66% {
    color: rgba(64, 122, 191, 0.5);
  }
  100% {
    color: #407abf;
  }
}
@keyframes glow {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes glow {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}
.glow {
  opacity: 0.5;
  animation: glow 1.5s infinite;
  -webkit-animation: glow 1.5s infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  opacity: 1;
  animation: fadeIn ease-out 0.15s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  opacity: 0;
  animation: fadeOut ease-in 0.075s;
  animation-fill-mode: forwards;
  visibility: hidden;
  transition: visibility 0s 0.075s;
}
@keyframes blinkIn {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinkIn {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinkIn {
  opacity: 0;
  -webkit-animation: blinkIn ease-in 0.8s;
  animation: blinkIn ease-in 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes slide-keyframes {
  100% {
    margin: 0;
    transform: none;
  }
}
@-webkit-keyframes slide-keyframes {
  100% {
    transform: none;
    margin: 0;
  }
}
.slide-down,
.slide-down-left,
.slide-down-right,
.slide-left {
  animation: slide-keyframes cubic-bezier(0.157, 0.83, 0.45, 1) 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.slide-down {
  transform: translate(0, -50%) scale(1, 0);
  margin-top: 1px;
}
.slide-down-left {
  transform: translate(50%, -50%) scale(0);
  margin-right: 1px;
}
.slide-left {
  transform: translate(50%, 0) scale(0, 1);
  margin-right: 1px;
}
.slide-right {
  transform: translate(-50%, 0) scale(0, 1);
  margin-right: 1px;
}
.slide-down-right {
  transform: translate(-50%, -50%) scale(0);
  margin-right: 1px;
}
.animation-delay {
  animation-delay: 0.5s;
}
.animation-faster {
  animation-duration: 0.25s;
}
@keyframes marquee {
  from {
    transform: translateX(100%) ;
  }
  to {
    transform: translateX(-100%) ;
  }
}
@-webkit-keyframes marquee {
  from {
    transform: translateX(100%) ;
  }
  to {
    transform: translateX(-100%) ;
  }
}
.marquee {
  -webkit-animation: marquee linear 0;
  animation: marquee linear 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  white-space: nowrap;
  display: inline-block;
}
@-webkit-keyframes loaderAnimation {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loaderAnimation {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes touched {
  0% {
    transform: rotate(-1deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(1.5deg);
    animation-timing-function: ease-out;
  }
}
@keyframes touched {
  0% {
    transform: rotate(-1deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(1.5deg);
    animation-timing-function: ease-out;
  }
}
.touched {
  -webkit-animation: touched ease-in 1s;
  animation: touched ease-in 1s;
  animation: glow 1.5s infinite;
  -webkit-animation: glow 1.5s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  8% {
    transform: translateX(-7px);
  }
  25% {
    transform: translateX(7px);
  }
  41% {
    transform: translateX(-7px);
  }
  58% {
    transform: translateX(7px);
  }
  75% {
    transform: translateX(-4px);
  }
  92% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.shake {
  animation: shake 0.5s linear;
}
@keyframes fade-out-in {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-out-in {
  animation: fade-out-in ease-in 0.2s;
  animation-fill-mode: backwards;
}
@keyframes loader-content-panel {
  0% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.3);
  }
}
.pop-over-display {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 23;
  font-size: 13px;
  padding: 0 0 10px 0;
}
.pop-over-display > div {
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #FFF;
  padding: 3px;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.pop-over-display > div:after {
  position: absolute;
  content: "";
  border-color: #FFF transparent transparent;
  border-width: 13px;
  border-style: solid;
  bottom: -26px;
  left: 10px;
}
.pop-over-display > div:before {
  position: absolute;
  content: "";
  border-color: rgba(0, 0, 0, 0.2) transparent transparent;
  border-width: 14px;
  border-style: solid;
  bottom: -28px;
  left: 9px;
}
.pop-over-display.top {
  margin: 0 0 0 0;
}
.pop-over-display.top > div:after {
  border-color: #FFF transparent transparent;
  bottom: -26px;
  top: auto;
}
.pop-over-display.top > div:before {
  border-color: rgba(0, 0, 0, 0.2) transparent transparent;
  bottom: -28px;
  top: auto;
}
.pop-over-display.bottom {
  margin: 15px 0 0 0;
}
.pop-over-display.bottom > div:after {
  border-color: transparent transparent #FFF transparent;
  top: -26px;
  bottom: auto;
}
.pop-over-display.bottom > div:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  top: -28px;
  bottom: auto;
}
.pop-over-display.bottom.right-aligned > div:after,
.pop-over-display.top.right-aligned > div:after {
  left: auto;
  right: 10px;
}
.pop-over-display.bottom.right-aligned > div:before,
.pop-over-display.top.right-aligned > div:before {
  left: auto;
  right: 9px;
}
.pop-over-display.bottom.left-aligned > div:after,
.pop-over-display.top.left-aligned > div:after {
  right: auto;
  left: 10px;
}
.pop-over-display.bottom.left-aligned > div:before,
.pop-over-display.top.left-aligned > div:before {
  right: auto;
  left: 9px;
}
.pop-over-display.bottom.center-aligned > div:after,
.pop-over-display.top.center-aligned > div:after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.pop-over-display.bottom.center-aligned > div:before,
.pop-over-display.top.center-aligned > div:before {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.pop-over-display.center {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  outline: 1px solid transparent;
}
.pop-over-display.center > div:after,
.pop-over-display.center > div:before {
  border-width: 0;
}
.pop-over-display.right.top-aligned,
.pop-over-display.left.top-aligned {
  margin: 18px 0 0 0;
}
.pop-over-display.right.top-aligned > div:after,
.pop-over-display.left.top-aligned > div:after {
  bottom: 10px;
  top: auto;
}
.pop-over-display.right.top-aligned > div:before,
.pop-over-display.left.top-aligned > div:before {
  bottom: 9px;
  top: auto;
}
.pop-over-display.right.bottom-aligned,
.pop-over-display.left.bottom-aligned {
  margin: -32px 0 0 0;
}
.pop-over-display.right.bottom-aligned > div:after,
.pop-over-display.left.bottom-aligned > div:after {
  top: 10px;
  bottom: auto;
}
.pop-over-display.right.bottom-aligned > div:before,
.pop-over-display.left.bottom-aligned > div:before {
  top: 9px;
  bottom: auto;
}
.pop-over-display.right.middle-aligned > div:after,
.pop-over-display.left.middle-aligned > div:after {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.pop-over-display.right.middle-aligned > div:before,
.pop-over-display.left.middle-aligned > div:before {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.pop-over-display.right {
  padding: 0 0 0 13px;
}
.pop-over-display.right > div:after {
  border-color: transparent #FFF transparent transparent;
  right: auto;
  left: -26px;
}
.pop-over-display.right > div:before {
  border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent;
  right: auto;
  left: -28px;
}
.pop-over-display.left {
  padding: 0 13px 0 0;
}
.pop-over-display.left > div:after {
  border-color: transparent transparent transparent #FFF;
  left: auto;
  right: -26px;
}
.pop-over-display.left > div:before {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.2);
  left: auto;
  right: -28px;
}
.pop-over-area {
  display: inline-flex;
  align-items: center;
  padding: 3px 6px 3px 6px;
  border: 1px solid transparent;
  cursor: pointer;
}
.pop-over-area:hover {
  display: inline-flex;
}
.pop-over-area:hover .image-panel {
  background-color: #767676;
}
.pop-over-area .image-panel {
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  text-align: center;
  width: 21x;
  height: 21px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 21px;
  background-color: #333333;
  color: #fff;
}
.pop-over-area .itemText {
  margin-left: 7px;
}
div.pop-over-close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  font-size: 17px;
  padding: 5px;
  color: #999;
}
div.pop-over-close:hover {
  color: #7f7f83;
}
.pop-over-title {
  font-weight: bold;
  color: #999;
  padding-bottom: 8px;
  display: block;
}
.multi-input-proposal-panel {
  position: relative;
  font-size: 13px;
  padding-bottom: 1px;
  padding-left: 1px;
  min-height: 33px;
  overflow: hidden;
}
.multi-input-proposal-panel-container {
  position: relative;
  display: inline-block;
  padding: 1px 2px;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  border-color: #999999;
  padding: 0;
}
.multi-input-proposal-panel-container:hover {
  border-color: #494949;
}
.multi-input-proposal-panel-container:focus,
.multi-input-proposal-panel-container.has-focus {
  background-color: #fff;
  border-color: #494949;
}
.multi-input-proposal-panel-container.dyn-width {
  min-width: 550px;
  max-width: 700px;
}
.multi-input-proposal-panel-container.orga-container {
  padding-right: 35px;
}
.multi-input-proposal-panel-container.orga-container .orga-opener {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 35px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
}
.multi-input-proposal-panel-container.orga-container .orga-opener-inner {
  position: absolute;
  right: 0;
  left: 0;
  height: 35px;
  top: 50%;
  margin-top: -17.5px;
  z-index: 1;
}
.multi-input-proposal-panel-container.orga-container .orga-opener-inner > * {
  background: currentColor;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 15.5px;
  left: 15.5px;
}
.multi-input-proposal-panel-container.orga-container .orga-opener-inner:before {
  content: "";
  background: currentColor;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 15.5px;
  left: 9.5px;
  z-index: 2;
}
.multi-input-proposal-panel-container.orga-container .orga-opener-inner:after {
  content: "";
  background: currentColor;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 21.5px;
  bottom: 15.5px;
  z-index: 2;
}
.multi-input-proposal-panel-container.orga-container .orga-opener:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.multi-input-proposal-panel .user-input-icon {
  display: inline-block;
  width: 16px;
  height: 31px;
  margin-right: 2px;
  background-position: center;
  background-repeat: no-repeat;
}
.multi-input-proposal-panel input {
  padding: 0 5px;
  display: inline-block;
  background: transparent;
  border: 0;
  margin-top: 1px;
  min-width: 100px;
  line-height: 31px;
  vertical-align: middle;
  height: 31px;
}
.multi-input-proposal-panel input.invalid {
  color: red;
}
.multi-input-proposal-panel-proposal {
  position: absolute;
  overflow: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.2s linear, opacity 0.2s linear;
  z-index: 40;
}
.multi-input-proposal-panel-proposal:not(.open) {
  left: -1000px !important;
}
.multi-input-proposal-panel-proposal.open {
  max-height: 350px;
  opacity: 1;
}
.multi-input-proposal-panel-proposal > div > div {
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.multi-input-proposal-panel-proposal > div > div.clickable {
  cursor: pointer;
  transition: all 0.2s linear;
}
.multi-input-proposal-panel-proposal > div > div.clickable.selected {
  background: #dddddd;
}
.multi-input-proposal-panel-proposal.custom.no-text {
  overflow: hidden;
  height: 0;
}
.multi-input-proposal-panel-proposal-text {
  padding-left: 20px;
  padding-right: 2px;
}
.multi-input-proposal-panel-proposal-icon {
  width: 16px;
  height: 16px;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
}
.multi-input-proposal-panel .entry-container {
  display: inline;
}
.multi-input-proposal-panel .entry-container > * {
  display: inline;
}
.multi-input-proposal-panel.cut-height .entry-container {
  max-height: 96px;
  overflow: auto;
  display: block;
}
.multi-input-proposal-panel.cut-height input {
  width: 100%;
}
.multi-input-proposal-panel .entry {
  display: inline-flex;
  margin-top: 1px;
  margin-right: 1px;
  padding-left: 5px;
  background: #f6f6f6;
  white-space: nowrap;
  height: 31px;
  align-items: center;
  vertical-align: middle;
}
.multi-input-proposal-panel .entry .text {
  text-overflow: ellipsis;
  max-width: 250px;
  overflow: hidden;
  margin-right: 2px;
}
.multi-input-proposal-panel .entry.invalid .text,
.multi-input-proposal-panel .entry.info .text {
  line-height: 17px;
  border-bottom: 1px solid #c00;
}
.multi-input-proposal-panel .entry-remove {
  width: 26px;
  height: 31px;
  line-height: 31px;
  color: #999;
  transition: all 0.2s linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multi-input-proposal-panel .entry-remove:hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.multi-input-proposal-panel .entry-remove.xml-icon {
  font-size: 15px;
}
.multi-input-proposal-panel.add-disabled input {
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 0px;
  text-indent: -9999em;
  width: 5px !important;
}
.multi-input-proposal-panel.disabled input {
  display: none !important;
}
.multi-input-proposal-panel.disabled {
  background: #fcfcfc;
  color: #808080;
  border-color: #efefef;
}
.multi-input-proposal-panel.disabled .entry > .user-input-icon {
  opacity: 0.4;
}
.multi-input-proposal-panel.disabled .entry > .text {
  opacity: .8;
}
.multi-input-proposal-panel.disabled .entry-remove {
  display: none;
}
.quick-access-toolbar-admin-mode {
  height: 42px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #f0f0f0;
  padding-left: 1px;
  transition: background 0.3s ease-out;
}
.quick-access-toolbar-admin-mode-place-holder {
  margin-top: 1px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 2px 4px;
  color: #7f7f83;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.quick-access-toolbar-admin-mode-place-holder.enabled {
  opacity: 1;
}
.quick-access-toolbar-admin-mode-settings {
  position: absolute;
  top: 0;
  right: 0;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  white-space: nowrap;
}
.quick-access-toolbar-admin-mode-settings > * {
  display: inline-block;
}
.quick-access-toolbar-admin-mode-settings .xml-icon {
  background: #fefefe;
  width: 30px;
  line-height: 42px;
  height: 42px;
  text-align: center;
  overflow: hidden;
  font-size: 14px;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  display: inline-block;
}
.quick-access-toolbar-admin-mode-settings.enabled {
  opacity: 1;
}
.quick-access-toolbar-admin-mode-settings.enabled > *:hover {
  color: #333333;
  cursor: pointer;
  background: #cccccc;
}
.quick-access-toolbar-admin-mode .entry {
  margin-top: 1px;
  display: inline-block;
  text-decoration: none;
  padding: 1px 4px;
  position: relative;
  transition: all 0.3s ease-out;
  border: 1px solid transparent;
  white-space: nowrap;
  flex: 0 0 auto;
}
.quick-access-toolbar-admin-mode .entry.drop-down {
  padding-right: 15px;
  position: relative;
}
.quick-access-toolbar-admin-mode .entry.drop-down:before {
  position: absolute;
  content: '';
  right: 6px;
  border: 3px solid;
  border-color: #000 transparent transparent transparent;
  transition: all 0.3s ease-out;
  top: 50%;
  margin-top: -2px;
}
.quick-access-toolbar-admin-mode .entry > .remove-icon {
  transition: opacity 0.3s ease-out;
  color: #cc0000 ! important;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  overflow: hidden;
  font-size: 14px;
}
.quick-access-toolbar-admin-mode .entry:not(.disabled):hover {
  cursor: pointer;
  animation: none;
  color: rgba(0, 0, 0, 0.1);
  border-color: #cccccc;
}
.quick-access-toolbar-admin-mode .entry:not(.disabled):hover > .entry-image,
.quick-access-toolbar-admin-mode .entry:not(.disabled):hover:before {
  opacity: .1;
}
.quick-access-toolbar-admin-mode .entry:not(.disabled):hover > .remove-icon {
  opacity: 1;
}
.quick-access-toolbar-admin-mode .entry-text {
  display: inline-block;
  vertical-align: middle;
}
.quick-access-toolbar-admin-mode .entry-image {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  color: #555;
  font-size: 16px;
  transition: opacity 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.quick-access-toolbar-admin-mode-drag-active .backgroundoverlay {
  display: none;
}
.quick-access-toolbar-admin-mode-drag-active.top-bar-backgroundoverlay .top-bar-outer,
.quick-access-toolbar-admin-mode-drag-active.top-bar-backgroundoverlay .top-bar {
  bottom: auto;
}
.quick-access-toolbar-admin-mode-drag-active .quick-access-toolbar-admin-mode {
  background-color: #dedede;
}
.quick-access-toolbar-admin-mode-drag-active .quick-access-toolbar-admin-mode .entry > *:not(.remove-icon),
.quick-access-toolbar-admin-mode-drag-active .quick-access-toolbar-admin-mode .entry:before {
  opacity: 0.075;
}
.quick-access-toolbar-admin-mode-drag-active .quick-access-toolbar-admin-mode .quick-access-toolbar-admin-mode-settings > * {
  display: none;
}
.quick-access-toolbar-admin-mode-drag-active .quick-access-toolbar-admin-mode.drag-over {
  background-color: #c8c8c8;
}
.expander-panel {
  white-space: nowrap;
  position: fixed;
  z-index: 21;
  background: #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.35);
  padding: 2px;
  direction: ltr ;
}
.expander-panel > .entry {
  display: block;
  margin: 0;
  margin-top: 1px;
}
.expander-panel > .entry:first-child {
  margin-top: 0;
}
.expander-panel > .entry .text,
.expander-panel > .entry .image {
  display: inline-block;
}
.expander-panel > .entry.invalid {
  text-decoration: underline;
}
.expander-panel-outer {
  top: 43px;
  position: absolute;
  direction: rtl ;
  right: -1px;
}
.expander-panel .entry {
  padding: 1px 1px 1px 10px;
}
.expander-panel .entry.drop-down:before {
  right: auto;
  left: 0;
  border-color: transparent #000 transparent transparent;
}
.expander-panel .entry.drop-down .drop-down-container-outer {
  top: 0;
  position: absolute;
}
.expander-panel .entry.drop-down .drop-down-container {
  position: absolute;
  box-shadow: -3px 0 5px 0 rgba(0, 0, 0, 0.3);
  top: -1px;
  left: auto;
  right: calc(100% + 2px);
}
.expander-panel .entry:first-child .drop-down-container {
  top: -4px;
}
.collaboration-mode .cubeNavigationBar .cubeVerticalPanelEntry:not(.cubeVerticalPanelEntryFullSized):not(.div-panel-full-sized-entry) {
  display: none;
}
.collaboration-mode .cubeNavigationBar .cubeNavigationBarOverFlowContainer {
  border: none;
}
.chrome .three-state-checkbox .indeterminate .indeterminatePanel {
  top: 2px;
  right: 3px;
  bottom: 6px;
  left: 2px;
}
.ie .gwt-Button:focus,
.ie .gwt-PushButton:focus,
.ie .login-dialog .login-dialog-form-table button:focus {
  outline-color: #000;
}
.ie .glass-tab-selector .glass-tab-item {
  border-radius: 0 !important;
}
html[dir='rtl'] .scrollbar-track.scrollbar-track-y,
body[dir='rtl'] .scrollbar-track.scrollbar-track-y {
  left: 0;
  right: initial;
}
html[dir='rtl'] .cubeNavigationBarTinyEnabled .tiny-navigationbar-container,
body[dir='rtl'] .cubeNavigationBarTinyEnabled .tiny-navigationbar-container {
  direction: ltr;
}
html[dir='rtl'] .cubeNavigationBarTinyEnabled.tiny-navigationbar-pinned .cubeTinyNavigationBar .cubeNavigationBarEntrySelected:after,
body[dir='rtl'] .cubeNavigationBarTinyEnabled.tiny-navigationbar-pinned .cubeTinyNavigationBar .cubeNavigationBarEntrySelected:after,
html[dir='rtl'] .cubeNavigationBarTinyEnabled.cubeNavigationBarModernStyle .cubeTinyNavigationBar .cubeNavigationBarEntrySelected:after,
body[dir='rtl'] .cubeNavigationBarTinyEnabled.cubeNavigationBarModernStyle .cubeTinyNavigationBar .cubeNavigationBarEntrySelected:after {
  right: auto;
  left: 0;
  transform: translate(-1px, -50%);
}
html[dir='rtl'] .widget-expander-corner-image-entry-container > img,
body[dir='rtl'] .widget-expander-corner-image-entry-container > img {
  transform: translate(-50%, -50%) scaleX(-1);
}
html[dir='rtl'] .Cal_CellDayNames,
body[dir='rtl'] .Cal_CellDayNames {
  direction: rtl;
}
html[dir='rtl'] .gwt-TreeItem,
body[dir='rtl'] .gwt-TreeItem {
  direction: rtl;
}
html[dir='rtl'] .column-filter-outer,
body[dir='rtl'] .column-filter-outer {
  direction: rtl;
}
html[dir='rtl'] .grid-user-pic-container,
body[dir='rtl'] .grid-user-pic-container {
  direction: rtl;
}
html[dir='rtl'] .cube-Image16,
body[dir='rtl'] .cube-Image16,
html[dir='rtl'] .cube-Image21,
body[dir='rtl'] .cube-Image21,
html[dir='rtl'] .cube-Image32,
body[dir='rtl'] .cube-Image32,
html[dir='rtl'] .gwt-Image,
body[dir='rtl'] .gwt-Image {
  transform: scaleX(-1);
}
html[dir='rtl'] .grouprow .cell,
body[dir='rtl'] .grouprow .cell {
  direction: rtl;
}
html[dir='rtl'] .grouprow .hitlist-hierarchy-open,
body[dir='rtl'] .grouprow .hitlist-hierarchy-open,
html[dir='rtl'] .grouprow .hitlist-hierarchy-close,
body[dir='rtl'] .grouprow .hitlist-hierarchy-close {
  transform: scaleX(-1);
}
html[dir='rtl'] .gwt-TreeExpander,
body[dir='rtl'] .gwt-TreeExpander,
html[dir='rtl'] .cubecontextmenu-expander,
body[dir='rtl'] .cubecontextmenu-expander,
html[dir='rtl'] .symbol-expand-left,
body[dir='rtl'] .symbol-expand-left,
html[dir='rtl'] .symbol-expand-right,
body[dir='rtl'] .symbol-expand-right {
  transform: scaleX(-1);
}
.cubeVerticalOuterMainPanel {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.navigationPanel {
  width: 100%;
  table-layout: fixed;
}
.navigationPanelTop {
  font-size: 1em;
  background-color: #f1f1f1;
  width: 100%;
  height: 33px;
}
.navigationPanelTop .navigationPlaceholder {
  font-size: 1px;
}
.navigationPanelTop > tbody > tr > td:nth-child(2) {
  border-bottom: 0;
}
.navigationPanelTop .navpanel {
  padding: 6px 1px 0 0;
}
.navigationPanelTop .navpanel .quicksearch-view-table {
  width: 300px;
}
.navigationPanelTop .collapseImage * {
  font-size: 10px;
  color: #999;
}
.html5viewer-dropzone {
  background-color: #ffffff;
  color: #000000;
}
.top-bar {
  z-index: 21;
  transition: opacity 0.2s ease-in-out 0s;
}
.top-bar,
.top-bar .top-bar-inner {
  position: relative;
}
.top-bar.ribbon-collapsed .navigationspaceParent {
  position: absolute;
  width: 100%;
}
.top-bar.ribbon-collapsed:not(.backgroundoverlay-ribbon) .navigationspaceParent {
  height: 0;
  opacity: 0;
  overflow: hidden;
  border: 0;
}
.top-bar-outer {
  z-index: 21;
}
.top-bar .quick-search-global {
  display: inline-flex;
  width: 100%;
  background-color: #ebebeb;
  margin-top: 5px;
  min-width: 200px;
  max-width: 500px;
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}
.top-bar .quick-search-global > * {
  display: inline-block;
  line-height: 29px;
}
.top-bar .quick-search-global .global-quicksearch-field {
  flex-grow: 1;
}
.top-bar .quick-search-global input {
  border: 0;
  padding: 0 5px;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.top-bar .quick-search-global input,
.top-bar .quick-search-global input:focus,
.top-bar .quick-search-global input:hover {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.top-bar .quick-search-global .search-image {
  width: 29px;
}
.top-bar .quick-search-global .selection {
  width: 29px;
  background: #dcdcdc;
  position: relative;
  overflow: hidden;
}
.top-bar .quick-search-global .shortcut {
  background-color: #dcdcdc;
  font-size: 13px;
  font-style: italic;
  color: #333333;
}
.top-bar .quick-search-global > .search-image {
  font-size: 21px;
}
.top-bar .quick-search-global > .selection {
  font-size: 15px;
}
.global-quicksearch-pop-up {
  margin-top: 39px;
}
.global-quicksearch-pop-up .gwt-MenuBar {
  border-top: none;
}
.space-bar {
  flex-grow: 1;
  margin: 0 15px;
  overflow: hidden;
  height: 39px;
  text-align: center;
}
.space-bar > * {
  display: inline-block;
}
.navbar-header {
  float: none;
}
.navbar-outer {
  position: relative;
  padding-left: 1px;
}
.navbar-outer:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 1px;
  left: 0;
  background: #333333;
  z-index: 1;
}
ul.navbar-nav {
  height: 39px;
  margin: 0 !important;
  padding: 0;
  float: none !important;
}
ul.navbar-nav > li {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
ul.navbar-nav > li.dropdown-single-widget:not(.user-menu-panel):not(.user-icon-panel):not(.work-stack-panel):not(.custom-scripting-list):not(.full-height) > .dropdown-menu > ul > li > * {
  max-width: 600px;
  max-height: 540px;
  min-width: 320px;
  min-height: 250px;
}
ul.navbar-nav > li.dropdown-single-widget:not(.user-menu-panel):not(.full-height) > .dropdown-menu > ul > li > * {
  border: 5px solid transparent;
}
ul.navbar-nav > li.full-height > .dropdown-menu > ul > li {
  height: 100vh;
  width: 400px;
  margin-top: -39px;
  padding-top: 39px;
  border: 5px solid transparent;
}
ul.navbar-nav > li:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 2px;
  bottom: 2px;
  width: 1px;
  overflow: hidden;
  background: #525252;
}
ul.navbar-nav > li.hidden-layout {
  display: none;
}
ul.navbar-nav > li.open,
ul.navbar-nav > li:hover {
  z-index: 1;
}
ul.navbar-nav > li.open:before,
ul.navbar-nav > li:hover:before {
  background: transparent !important;
}
ul.navbar-nav > li.open + *:before,
ul.navbar-nav > li:hover + *:before {
  background: transparent;
}
.navbar-default {
  width: 100%;
  border-width: 0 0 1px 0;
  margin-bottom: 0px;
  background-color: #333333;
  height: auto;
  border: 0;
  border-radius: 0;
  z-index: 6;
  white-space: nowrap;
  position: relative;
  min-height: 0;
  display: flex;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display {
  cursor: pointer;
  padding: 0 8px;
  color: #fff;
  font-size: 16px;
  display: block;
  text-align: center;
  min-width: 39px;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display,
.navbar-default ul.navbar-nav > li > .nav-entry-display * {
  line-height: 39px;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display .xml-icon {
  vertical-align: top;
  width: auto;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display > div + button {
  padding-left: 5px;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display > button {
  margin: 0;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display:hover {
  color: #858585;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display .gwt-Label {
  display: inline;
}
.navbar-default .product-name {
  font-size: 16px;
  padding: 0 5px;
  line-height: 39px;
}
.navbar-default .left-Panel {
  color: #fff;
}
.navbar-default .left-Panel > * {
  display: inline-block;
  vertical-align: top;
}
.navbar-default .left-Panel > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navbar-default .user-icon-nav .dropdown:before {
  background: transparent !important;
}
.navbar-default .user-icon-nav .dropdown + *:before {
  background: transparent;
}
.navbar-default .user-icon-nav .dropdown-toggle {
  padding: 0 5px;
  width: 39px;
  height: 39px;
  text-align: center;
}
.navbar-default .user-icon-nav .dropdown-toggle .caret {
  display: none;
}
.navbar-default .user-icon-nav .dropdown-menu {
  left: -10px;
  right: auto;
}
.navbar-default .user-icon-nav .user-icon-panel .dropdown-toggle {
  padding-left: 0;
}
.navbar-default .user-icon-nav .user-icon-panel .dropdown-toggle .cube-Image {
  width: 39px;
  height: 39px;
  background-size: cover;
  background-color: #FFF;
  vertical-align: top;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info {
  display: inline-flex;
  align-items: flex-start;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info-image {
  background-size: cover;
  background-color: #FFF;
  height: 120px;
  width: 120px;
  border-radius: 120px;
  margin: 10px;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info-text {
  text-align: left ;
  margin: 0 10px 10px 0;
  font-size: 13px;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info-text > * {
  display: block;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info-text > *:first-child,
.navbar-default .user-icon-nav .user-icon-panel .user-info-text > *:nth-child(3) {
  text-align: center;
  margin-bottom: 5px;
}
.navbar-default .user-icon-nav .user-icon-panel .user-info-text > *:nth-child(2) {
  font-weight: 500;
  text-align: center;
  font-size: 18px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-toggle {
  font-size: 21px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu {
  top: 39px;
  position: fixed;
  z-index: 21;
  transition: max-width 0.2s ease-in-out 0s;
  left: -20px;
  padding-bottom: 0;
  bottom: 0;
  max-width: 0;
  display: block;
  margin: 0;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul {
  overflow: auto;
  max-width: 100%;
  height: 100%;
  padding-left: 10px;
  background: #333333;
  color: #fff;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li {
  height: 100%;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * {
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  white-space: nowrap;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .overlay-panel-element {
  cursor: pointer;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .top-container .overlay-panel-element {
  padding: 0 25px;
  line-height: 40px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .top-container .overlay-panel-element .xml-icon {
  display: none;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .space-container {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .bottom-container {
  text-align: right ;
  margin-bottom: 5px;
  margin-left: 5px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .bottom-container .overlay-panel-element {
  display: inline-flex;
  flex-direction: column;
  width: 80px;
  height: 80px;
  text-align: center;
  justify-content: center;
  margin-right: 5px;
  padding: 5px;
  color: #fff;
  background: #767676;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .bottom-container .overlay-panel-element > * {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .bottom-container .overlay-panel-element > *:first-child {
  font-size: 35px;
  padding-bottom: 5px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .bottom-container .overlay-panel-element-custom > * {
  margin: 5px 0 0 5px;
}
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .overlay-panel-element:hover,
.navbar-default .user-icon-nav .user-menu-panel .dropdown-menu > ul > li > * .overlay-panel-element:focus {
  background: #606060;
  color: #fff;
}
.navbar-default .user-icon-nav .user-menu-panel.open .dropdown-menu {
  max-width: calc(100% + 30px);
}
.top-bar-inner {
  transition: height 0.4s ease;
  background-color: #fefefe;
}
.navbar-default ul.navbar-nav > li > .nav-entry-display:hover,
.navbar-default ul.navbar-nav > li > .nav-entry-display:focus {
  background: #606060;
  color: #fff;
}
.navbar-default ul.navbar-nav > li.open > .nav-entry-display,
.navbar-default ul.navbar-nav > li.open > .nav-entry-display:hover,
.navbar-default ul.navbar-nav > li.open > .nav-entry-display:focus {
  background: #fff;
  color: #333;
}
.top-bar-overlay:not(.backgroundoverlay-ribbon) .quick-search-global {
  opacity: 0;
  pointer-events: none;
}
.top-bar .dropdown-menu {
  display: none;
  position: absolute;
  padding: 0 10px 10px;
  overflow: hidden;
  top: 100%;
  left: auto;
  right: -10px;
  z-index: 1000;
}
.top-bar .dropdown-menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left ;
  background: #fff;
  color: #333;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.35);
}
.top-bar .open .dropdown-menu {
  display: block;
}
.navigationPanel-hidden .navigationPanelTop {
  display: none;
}
.top-bar-overlay-widget {
  position: absolute;
  top: 39px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 21;
  overflow-y: auto;
}
.top-bar-overlay-widget-inner {
  display: inline-block;
}
.top-bar-backgroundoverlay .top-bar-outer {
  position: static;
}
.top-bar-backgroundoverlay .top-bar {
  position: static;
}
.top-bar-backgroundoverlay .top-bar .backgroundoverlay {
  z-index: 2;
}
.top-bar-backgroundoverlay .backgroundoverlay-ribbon .top-bar-inner {
  z-index: 5;
}
.top-bar-backgroundoverlay .backgroundoverlay-ribbon .backgroundoverlay {
  z-index: 4;
}
.dropdown-menu > li > .nav-entry-display {
  cursor: pointer;
}
.dropdown-menu > li > .nav-entry-display:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.dropdown-menu > li > .nav-entry-display:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.dropdown:not(.open) > .nav-entry-display > button.topbar-entry-hidden,
.navbar-default ul.navbar-nav .topbar-entry-only-icon > .nav-entry-display > button.topbar-entry-hidden {
  width: 0;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}
.layout-container {
  width: 100%;
  text-align: center;
}
.layout-container .gwt-Label {
  padding: 0 25px;
}
.layout-container-inner {
  padding: 0 25px;
  margin: 3px;
}
.layout-container-inner > * {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 38px;
  height: 38px;
  background-clip: padding-box;
  margin: 3px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.layout-container-inner > *:after {
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.layout-container-inner > *:hover:after,
.layout-container-inner > *:focus:after {
  border: 2px solid rgba(255, 255, 255, 0.75);
}
.work-stack-panel-container {
  min-height: 10px;
  max-height: 271px;
  overflow: auto;
}
.work-stack-panel-entry {
  display: grid;
  grid-template-columns: 5px auto 1fr auto 45px;
  grid-template-rows: 0px 31px 21px 10px 5px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background: #f1f1f1;
  width: 400px;
}
.work-stack-panel-entry:not(:first-child) {
  margin-top: 5px;
}
.work-stack-panel-entry > *:nth-child(1) {
  grid-area: 1 / 2 / 6 / 3;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.work-stack-panel-entry > *:nth-child(2) {
  grid-area: 2 / 3 / 3 / 5;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  padding: 5px;
  overflow: hidden;
}
.work-stack-panel-entry > *:nth-child(2):hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.work-stack-panel-entry > *:nth-child(2),
.work-stack-panel-entry > *:nth-child(2) * {
  line-height: 1.5;
}
.work-stack-panel-entry > *:nth-child(3) {
  grid-area: 3 / 3 / 4 / 4;
  line-height: 21px;
  padding-left: 5px;
}
.work-stack-panel-entry > *:nth-child(4) {
  grid-area: 3 / 4 / 4 / 5;
  line-height: 21px;
  padding-right: 5px;
  display: inline-flex;
}
.work-stack-panel-entry > *:nth-child(4) .details-show {
  margin-right: 5px;
}
.work-stack-panel-entry > *:nth-child(5) {
  grid-area: 4 / 3 / 5 / 5;
  background-color: #767676;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
}
.work-stack-panel-entry > *:nth-child(5) > * {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: #333333;
}
.work-stack-panel-entry > *:nth-child(6) {
  grid-area: 1 / 5 / 6 / 6;
  transition: background-color 0.2s ease-in-out 0s;
  background-color: #f5f5f5;
  color: #494949;
  background-color: #ebebeb;
  width: auto;
  justify-content: center;
  display: flex;
  align-items: center;
}
.work-stack-panel-entry > *:nth-child(6):before {
  position: absolute;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
}
.work-stack-panel-entry > *:nth-child(6):hover {
  background-color: #e7e7e7;
  color: #494949;
  cursor: pointer;
}
.work-stack-panel .ci-button-error,
.work-stack-panel-details .ci-button-error {
  color: #C78500;
}
.work-stack-panel .ci-button-ok,
.work-stack-panel-details .ci-button-ok {
  color: green;
}
.work-stack-panel .ci-button-cancel,
.work-stack-panel-details .ci-button-cancel {
  color: red;
}
.work-stack-panel-details {
  width: 700px;
  height: 400px;
  white-space: nowrap;
  overflow: auto;
}
.work-stack-panel-details > * {
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-flex;
  flex-direction: column;
}
.work-stack-panel-details > * > * {
  display: inline-flex;
  margin-top: 5px;
  align-items: center;
}
.work-stack-panel-details > * > * .xml-icon {
  cursor: default !important;
}
.work-stack-panel-details > * > * > * {
  margin-right: 5px;
}
.carousel-group-label {
  background-color: #F0F2F5;
  color: #1E395B;
  font-size: larger;
}
.carousel-group-items > .button-outerdiv {
  width: 100px;
}
.carousel-group-items > .button-outerdiv > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.carousel-group-items > .button-outerdiv > img {
  display: inline;
}
.carousel-group-items,
.carousel-group-items-active {
  display: block;
  text-align: left ;
}
.carousel-group-items > .btn,
.carousel-group-items-active > .btn {
  border: none;
}
.carousel-group-items > .btn:hover,
.carousel-group-items-active > .btn:hover,
.carousel-group-items > .btn:active,
.carousel-group-items-active > .btn:active {
  background-color: #e7e7e7;
}
.carousel-inner {
  padding-bottom: 5px;
  overflow: hidden;
}
.carousel-inner .groupicon32 {
  vertical-align: top;
}
.carousel-inner .groupicon32:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.carousel-inner .groupicon32:focus {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.carousel-inner .groupicon32 .itemText {
  width: 120px;
  max-width: 120px;
}
.carousel-inner .groupicon32-hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.carousel-inner .groupicon32:hover {
  border-color: #8bb6e9 !important;
}
.carousel-inner > .item {
  margin: 5px 10px 0;
}
.groups-carousel {
  text-align: left ;
  background: #fff;
  color: #333;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.35);
  border-radius: 0;
  margin: 0 20px;
}
.groups-carousel .carousel-group-label {
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 5px;
  background: #ebebeb;
  color: #333;
}
.task-graph-view {
  position: relative;
  font-size: 13px;
  line-height: 16px;
  cursor: default;
}
.task-graph-view .backgroundtitle {
  margin: 10px;
  margin-top: 0;
  font-size: 2.4em;
  line-height: 2.4em;
  font-weight: 500;
  color: #d2d2d2;
  opacity: .8;
  position: absolute;
}
.task-graph-view .intermediate_point {
  position: absolute;
  cursor: default;
  z-index: 8;
  width: 1px;
  height: 1px;
}
.task-graph-view .tasknode {
  position: absolute;
  cursor: default;
  z-index: 8;
  opacity: 0.9;
}
.task-graph-view .tasknode.mapping-target {
  z-index: 16;
}
.task-graph-view .tasknode .tasknode-inner {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #7f7f83;
  overflow: hidden;
  border-radius: 12px;
  background: transparent;
  background: linear-gradient(#fbfbfb, #f1f1f1);
  padding: 0 4px 0 4px;
}
.task-graph-view .tasknode .tasknode-inner > * {
  max-width: 100%;
}
.task-graph-view .tasknode .tasknode-inner .task-title {
  text-align: center;
  color: #333;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 48px;
}
.task-graph-view .tasknode .tasknode-inner:after {
  content: '';
  display: block;
  width: 1px;
  height: 17px;
}
.task-graph-view .tasknode.element_selected .tasknode-inner {
  outline: 1px solid lightgreen;
  border-style: dashed;
}
.task-graph-view .tasknode .node-header {
  -webkit-align-self: stretch;
  align-self: stretch;
  color: #999;
  margin-top: 4px;
  line-height: .8em;
  white-space: nowrap;
}
.task-graph-view .tasknode .node-header .node-symbol {
  display: inline;
  font-size: .2in;
  float: left ;
  min-width: 0.23in;
  width: 0.23in;
  height: 0.23in;
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.75;
}
.task-graph-view .tasknode .node-header .task-receiver {
  display: block;
  font-size: 11px;
  height: 22px;
  line-height: 13px;
  white-space: nowrap;
}
.task-graph-view .tasknode .node-header .task-receiver .node-symbol {
  background-image: url(../images/taskgraph/workbasket2.svg) ! important;
  display: block;
}
.task-graph-view .tasknode .node-header .task-receiver .name {
  margin-left: 1px;
  display: block;
  padding-right: 3px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 26px;
}
.task-graph-view .tasknode .node-header .task-receiver[from-allowed] .node-symbol {
  background-image: url(../images/taskgraph/workbasket2-dashed.svg) ! important;
}
.task-graph-view .tasknode[data-node-type="human_task"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/person.svg);
}
.task-graph-view .tasknode[data-node-type="statechart"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/statechart.svg);
}
.task-graph-view .tasknode[data-node-type="dependency"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/dependencychart.svg);
}
.task-graph-view .tasknode[data-node-type="agent"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/cogwheels.svg);
}
.task-graph-view .tasknode[data-node-type="agent"] .node-header .task-receiver .node-symbol {
  display: none;
}
.task-graph-view .tasknode[data-node-type="referenced"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/referenced.svg);
}
.task-graph-view .tasknode[data-node-type="bpmn2"] .node-header .node-symbol {
  background-image: url(../images/taskgraph/person.svg);
}
.task-graph-view .tasknode .duration {
  color: #999;
  position: absolute;
  left: 8px;
  bottom: 2px;
  font-size: 10px;
  line-height: 10px;
  width: calc(100% - 18px);
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
  min-height: 21px;
}
.task-graph-view .tasknode .decision-definitions {
  background-image: url(../images/taskgraph/decisionsign.svg);
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .23in;
  height: .23in;
  position: absolute;
  right: 4px;
  bottom: 4px;
  opacity: 0.75;
}
.task-graph-view .tasknode .status-display {
  display: none;
  background: linear-gradient(#fefefe, #f9f9f9);
  border: 1px solid #7f7f83;
  border-radius: 100%;
  width: .31in;
  height: .31in;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%) ;
  text-align: center;
  color: #999;
  font-size: .25in;
}
.task-graph-view .tasknode[data-status="active"] .status-display,
.task-graph-view .tasknode[data-status="waiting_for_subtask_completion"] .status-display,
.task-graph-view .tasknode[data-status="ready"] .status-display,
.task-graph-view .tasknode[data-status="ignored"] .status-display,
.task-graph-view .tasknode[data-status="skipped"] .status-display {
  background: linear-gradient(#FEF7A2, #FEDB86);
}
.task-graph-view .tasknode[data-status="completed"] .status-display {
  background: linear-gradient(#D0F6E2, #A4F0C5);
}
.task-graph-view .tasknode[data-status="ready_with_missing_receiver"] .status-display,
.task-graph-view .tasknode[data-status="not_executable_completed"] .status-display,
.task-graph-view .tasknode[data-status="canceled"] .status-display,
.task-graph-view .tasknode[data-status="agent_failed"] .status-display,
.task-graph-view .tasknode[data-status="completed_with_error"] .status-display,
.task-graph-view .tasknode[data-status="not_executable"] .status-display {
  background: linear-gradient(#FECACA, #FE8D8D);
}
.task-graph-view .tasknode[data-status] .status-display {
  display: inline-block;
}
.task-graph-view .tasknode[data-status] .status-display > .icon {
  width: .23in;
  height: .23in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) ;
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.75;
}
.task-graph-view .tasknode[data-status="active"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_active.svg);
}
.task-graph-view .tasknode[data-status="disabled"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_disabled.svg);
}
.task-graph-view .tasknode[data-status="waiting"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_waiting.svg);
}
.task-graph-view .tasknode[data-status="ready"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_ready.svg);
}
.task-graph-view .tasknode[data-status="ready_with_missing_receiver"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_ready_with_missing_receiver.svg);
}
.task-graph-view .tasknode[data-status="waiting_for_subtask_completion"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_waiting_for_subtask_completion.svg);
}
.task-graph-view .tasknode[data-status="agent_failed"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_agent_failed.svg);
}
.task-graph-view .tasknode[data-status="completed"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_completed.svg);
}
.task-graph-view .tasknode[data-status="completed_with_error"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_completed_with_error.svg);
}
.task-graph-view .tasknode[data-status="canceled"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_canceled.svg);
}
.task-graph-view .tasknode[data-status="skipped"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_skipped.svg);
}
.task-graph-view .tasknode[data-status="not_executable"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_not_executable.svg);
}
.task-graph-view .tasknode[data-status="ignored"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_ignored.svg);
}
.task-graph-view .tasknode[data-status="not_executable_completed"] .status-display > .icon {
  background-image: url(../images/taskgraph/status_not_executable_completed.svg);
}
.task-graph-view .tasknode .reference-mark {
  opacity: 0;
  color: #999;
  cursor: default;
  text-align: center;
  padding: 0in .03in;
  border: 1px solid #999;
  border-bottom: none;
  transform: translate(-50%, -100%) ;
  position: absolute;
  left: 50%;
}
.task-graph-view .tasknode[data-node-type="statechart"] > .reference-mark,
.task-graph-view .tasknode[data-node-type="dependency"] > .reference-mark {
  opacity: 0.75;
}
.task-graph-view .tasknode[data-node-type="statechart"] > .reference-mark ~ .duration,
.task-graph-view .tasknode[data-node-type="dependency"] > .reference-mark ~ .duration {
  width: calc(50% - 17px);
}
.task-graph-view svg.state_transition_arrow path {
  stroke: #7f7f83;
  stroke-width: 1px;
  fill: #7f7f83;
}
.task-graph-view[data-diagram-type="dependency"] svg.state_transition_arrow path[fill="none"] {
  stroke-dasharray: 6, 3;
}
.task-graph-view .state_endpoint svg * {
  opacity: 0;
}
.task-graph-view .state_endpoint.transition_active svg * {
  stroke: #7f7f83;
  stroke-width: 1px;
  fill: red;
}
.task-graph-view .jsplumb-drag-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-graph-view .jsplumb-connector {
  z-index: 4;
}
.task-graph-view .jsplumb-endpoint {
  z-index: 16;
}
.task-graph-view .jsplumb-overlay {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  opacity: .8;
  z-index: 8;
  white-space: pre-line;
  width: 114px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 48px;
}
.task-graph-view .jsplumb-overlay.pos-east {
  transform: translate(-50%, -100%) !important;
  padding-bottom: 7.5px;
  text-align: left;
  padding-left: 5px;
}
.task-graph-view .jsplumb-overlay.pos-west {
  transform: translate(-50%, -100%) !important;
  padding-bottom: 7.5px;
  text-align: left;
  text-align: right;
  padding-right: 5px;
}
.task-graph-view .jsplumb-overlay.pos-south-east {
  transform: translate(0%, -100%) !important;
  padding-left: 5px;
  padding-bottom: 5px;
  text-align: left;
}
.task-graph-view .jsplumb-overlay.pos-south-west {
  transform: translate(-100%, -100%) !important;
  padding-right: 5px;
  padding-bottom: 5px;
  text-align: right;
}
.task-graph-view .jsplumb-overlay.pos-north-west {
  transform: translate(0%, -100%) !important;
  padding-left: 5px;
  padding-bottom: 5px;
  text-align: left;
}
.task-graph-view .jsplumb-overlay.pos-south {
  transform: translate(0%, -50%) !important;
  padding-left: 5px;
  text-align: left;
}
.task-graph-view .jsplumb-overlay.pos-north {
  transform: translate(-100%, -50%) !important;
  padding-right: 5px;
  text-align: right;
}
.task-graph-view .jsplumb-overlay.pos-north-east {
  transform: translate(-100%, -100%) !important;
  padding-right: 5px;
  padding-bottom: 5px;
  text-align: right;
}
html[dir='rtl'] .rating-widget,
html[dir='rtl'] .rating-display {
  direction: rtl;
}
.rating-display {
  display: inline-block;
  vertical-align: middle;
}
.stars-widget {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 31px;
}
.stars-widget .rating-display {
  vertical-align: middle;
}
.stars-widget .rating-display.interactive .rating {
  background-image: url(../images/rating/star-blue.svg);
}
.ratings-listing-overview {
  text-align: center;
  height: 100%;
}
.ratings-listing-overview .ratings-overview {
  margin: 16px;
}
.ratings-listing-overview .ratings-overview .show-all-ratings {
  margin-top: 16px;
}
.ratings-listing-overview .ratings-overview .show-all-ratings:before {
  display: inline !important;
}
.rating-widget,
.rating-display {
  cursor: default;
  background-color: transparent;
  background-image: url(../images/rating/star-grey.svg);
  background-repeat: repeat-x;
  background-size: 16px;
  height: 16px;
  width: 80px;
  vertical-align: top;
  margin-top: 2px;
  text-align: left ;
}
.rating-widget .rating,
.rating-display .rating {
  width: 0;
  height: 16px;
  overflow: hidden;
  background-image: url(../images/rating/star-gold.svg);
  background-repeat: repeat-x;
  background-size: 16px;
  background-position: left top;
}
.rating-widget.big-stars,
.rating-display.big-stars {
  height: 24px;
  width: 120px;
  background-size: 24px;
}
.rating-widget.big-stars .rating,
.rating-display.big-stars .rating {
  height: 24px;
  width: 120px;
  background-size: 24px;
}
.rating-widget.very-big-stars,
.rating-display.very-big-stars {
  height: 32px;
  width: 160px;
  background-size: 32px;
}
.rating-widget.very-big-stars .rating,
.rating-display.very-big-stars .rating {
  height: 32px;
  width: 160px;
  background-size: 32px;
}
.average-stars-widget .contextLabel,
.average-stars-widget .rating {
  cursor: default;
}
.zero-ratings {
  opacity: .5;
}
.ratings-overview {
  text-align: center;
  cursor: default;
}
.ratings-overview > div {
  margin-bottom: 14px;
}
.ratings-overview > div.show-all-ratings {
  margin-bottom: 4px;
  width: 160px;
  height: 34px;
  position: relative;
}
.ratings-overview > div.show-all-ratings > span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  white-space: pre-wrap;
}
.ratings-overview > div.show-all-ratings::before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
.ratings-overview .ratings-table {
  display: table;
}
.ratings-overview .ratings-table > div {
  display: table-row;
}
.ratings-overview .ratings-table > div:not(.disabled) {
  cursor: pointer;
}
.ratings-overview .ratings-table > div:not(.disabled) > span {
  color: #333333;
}
.ratings-overview .ratings-table > div:not(.disabled):hover > span {
  color: #d64d29;
  text-decoration: underline;
}
.ratings-overview .ratings-table > div.disabled {
  cursor: default;
}
.ratings-overview .ratings-table > div > span {
  text-align: left ;
  display: table-cell;
  margin: 0 1em;
}
.ratings-overview .ratings-table > div .ratings-bar {
  width: 80px;
  height: 16px;
  vertical-align: middle;
  background-color: #ebebeb;
  background-image: linear-gradient(#ebebeb, #f8f8f8);
  display: inline-block;
  text-align: left ;
}
.ratings-overview .ratings-table > div .ratings-bar span {
  width: 0;
  height: 16px;
  display: inline-block;
  background-color: #febc52;
  background-image: linear-gradient(#ffe3b7, #febc52);
  outline: 1px transparent;
}
.ratings-overview .ratings-table > div .ratings-bar span.animated-growth {
  transition: width 0.4s ease-in-out;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row > .stars-label,
.ratings-overview .ratings-table.loading-animation > .ratings-row > .num-ratings {
  opacity: .4;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row > .ratings-bar span {
  width: 100%;
  height: 13px;
  opacity: 0.9;
  vertical-align: middle;
  transform: scaleX(1);
  background: linear-gradient(#d2d2d2, #dfdfdf, #d2d2d2);
  animation: running-lights 1.2s ease-in-out 0s infinite;
  animation-fill-mode: none;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row:nth-child(2) .ratings-bar span {
  animation-delay: -1.1s;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row:nth-child(3) .ratings-bar span {
  animation-delay: -1s;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row:nth-child(4) .ratings-bar span {
  animation-delay: -0.9s;
}
.ratings-overview .ratings-table.loading-animation > .ratings-row:nth-child(5) .ratings-bar span {
  animation-delay: -0.8s;
}
@keyframes running-lights {
  0% {
    opacity: 0.9;
    transform: scaleX(0.7);
  }
  20% {
    opacity: 0.3;
    transform: scaleX(0.333);
  }
  40% {
    opacity: 0.9;
    transform: scaleX(0.7);
  }
  100% {
    opacity: 0.9;
    transform: scaleX(0.7);
  }
}
.ratings-overview .show-all-ratings {
  text-align: center;
  cursor: pointer;
  color: #333333;
}
.ratings-overview .show-all-ratings:hover {
  color: #d64d29;
  text-decoration: underline;
}
.ratings-overview .loading-animation-dots {
  display: block ! important;
  width: 40%;
  height: 16px;
  transform: translate(-50%, -50%) ;
  position: absolute;
  top: 1em;
  left: 50%;
  text-align: left ;
}
.ratings-overview .loading-animation-dots span {
  background: #222;
  border-radius: 3px ! important;
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 20%;
  animation: loading 1.2s ease-in-out -0.6s infinite alternate;
  animation-fill-mode: none;
  opacity: 0;
}
.ratings-overview .loading-animation-dots span:nth-child(2) {
  animation: loading 1.2s ease-in-out -0.4s infinite alternate;
  margin-left: 40%;
}
.ratings-overview .loading-animation-dots span:nth-child(3) {
  animation: loading 1.2s ease-in-out -0.2s infinite alternate;
  margin-left: 60%;
}
.ratings-overview .loading-animation-dots span:nth-child(4) {
  animation: loading 1.2s ease-in-out 0s infinite alternate;
  margin-left: 80%;
}
@-webkit-keyframes loading {
  from {
    opacity: 0;
    margin-left: 10%;
  }
  50% {
    opacity: .8;
    margin-left: 50%;
  }
  to {
    opacity: 0;
    margin-left: 90%;
  }
}
@keyframes loading {
  from {
    opacity: 0;
    margin-left: 10%;
  }
  50% {
    opacity: .8;
    margin-left: 50%;
  }
  to {
    opacity: 0;
    margin-left: 90%;
  }
}
/*! gridster.js - v0.7.1 - 2018-02-14 - * https://dsmorse.github.io/gridster.js/ - Copyright (c) 2018 ducksboard; Licensed MIT */
.gridster {
  position: relative;
}
.gridster > * {
  -webkit-transition: height .4s,width .4s;
  -moz-transition: height .4s,width .4s;
  -o-transition: height .4s,width .4s;
  -ms-transition: height .4s,width .4s;
  transition: height 0.4s, width 0.4s;
}
.gridster .gs-w {
  z-index: 2;
  position: absolute;
}
.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: 0.3;
}
.gridster .player-revert {
  z-index: 10!important;
  -webkit-transition: left .3s,top .3s!important;
  -moz-transition: left .3s,top .3s!important;
  -o-transition: left .3s,top .3s!important;
  transition: left 0.3s, top 0.3s !important;
}
.gridster.collapsed {
  height: auto !important;
}
.gridster.collapsed .gs-w {
  position: static !important;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -moz-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -o-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
}
.gridster .dragging,
.gridster .resizing {
  z-index: 10!important;
  -webkit-transition: all 0s!important;
  -moz-transition: all 0s!important;
  -o-transition: all 0s!important;
  transition: all 0s !important;
}
.gs-resize-handle {
  position: absolute;
  z-index: 1;
}
.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20;
}
.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize;
}
.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0;
}
.gs-resize-disabled .gs-resize-handle,
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -ms-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -o-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(0.17, #ff0), color-stop(0.33, #0f0), color-stop(0.5, #0ff), color-stop(0.67, #00f), color-stop(0.83, #f0f), to(#f00));
  background: -webkit-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: linear-gradient(to bottom, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: 0;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(to bottom, #eee, #ccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
  background-image: -moz-linear-gradient(top, #ddd, #bbb);
  background-image: -ms-linear-gradient(top, #ddd, #bbb);
  background-image: -o-linear-gradient(top, #ddd, #bbb);
  background-image: linear-gradient(to bottom, #ddd, #bbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.gridster {
  margin: 0 auto;
  min-height: 98%;
  transition: opacity 0.6s;
  cursor: default;
}
.gridster .dragbutton {
  padding: 1px 2px;
  cursor: move;
}
.gridster .dragbutton .dragbutton {
  padding: 0;
}
.gridster iframe.dashboardiFrame {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.gridster .panelButtonGroup {
  position: absolute;
}
.gridster .panelButtonGroup .btn-default {
  font-size: 18px;
}
.gridster .panelButtonGroupTop {
  position: absolute;
  top: -24px;
  left: 0;
  border-radius: 15px 15px 0px 0px;
  padding: 6px 12px;
  -webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.3);
}
.gridster .panelButtonGroupTop .btn-default {
  font-size: 18px;
}
.gridster .panelButtonGroupBottom {
  position: absolute;
  bottom: -24px;
  left: 0;
  border-radius: 0px 0px 15px 15px;
  padding: 6px 12px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}
.gridster .panelButtonGroupBottom .btn-default {
  font-size: 18px;
}
.gridster .panelButtonGroupBottomInside {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 15px 15px 0px 0px;
  padding: 6px 12px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}
.gridster .panelButtonGroupBottomInside .btn-default {
  font-size: 18px;
}
.gridster [class*="panelButtonGroup"] .btn {
  background-color: transparent;
  border-width: 0;
}
.gridster [class*="panelButtonGroup"] .btn:hover {
  background-color: transparent;
  color: #333333 !important;
}
.gridster .panelButtonGroupLeft {
  position: absolute;
  width: 29px;
  top: 0px;
  left: -28px;
  border-radius: 15px 0px 0px 15px;
  padding: 12px 1px;
  -webkit-box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.3);
}
.gridster .panelButtonGroupLeft .btn-default {
  font-size: 18px;
}
.gridster .gridster_overlay_fix {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  opacity: 0;
  display: none;
}
.gridster .dashboardTextBackgroundLabel {
  font-size: large;
  text-align: center;
  vertical-align: middle;
  line-height: 300px;
  cursor: default;
  color: grey;
  margin: 0;
}
.gridster .dashboardEmptyElement {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}
.gridster .dashboardEmptyElementBackgroundLabel {
  display: table-cell;
  font-weight: normal;
  vertical-align: middle;
  color: grey;
}
.gridster .dashboardEmptyElementBackgroundLabel button.btn {
  padding: 3px 6px 1px;
  margin-left: 5px;
  margin-bottom: 6px;
  position: relative;
}
.gridster .gs-w {
  background: #f9f9f9;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.gridster .player {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  background: #7f7f83;
}
.gridster .preview-holder {
  border: none !important;
  border-radius: 0 !important;
  background: #333333 !important;
}
.gridster > ul {
  list-style: none;
  padding: 0 0;
  margin: 0;
}
.gridster > ul > li {
  list-style: none;
}
.gridster > ul > li .small-view-icon-label {
  margin-left: 0.3em;
  font-size: 1em;
  font-weight: bold;
}
.gridster > ul > li .smallViewTextLabel {
  font-size: 0.9em;
}
.gridster > ul > li .smallView .cube-Image16 {
  font-size: 16px;
}
.gridster-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.radioimage label {
  cursor: pointer;
  padding: .2em;
}
.radioimage input {
  display: none;
}
.radioimage span {
  color: black;
}
.radioimage input:active + label .radioimagelabel {
  opacity: .9;
}
.radioimage {
  white-space: pre;
  margin: 3px;
  display: inline-block;
}
.radioimage input:checked + label .radioimagelabel ~ span {
  font-weight: bold;
}
.radioimage:hover {
  color: #000 !important;
  background-color: #e4e4e4 !important;
}
.radioimage.checked {
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.radioimagelabel {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.layout .radioimagelabel {
  background-size: inherit;
}
.layout label span {
  text-align: center;
  width: 100%;
  display: block;
}
.fillWithEmptyElementsCheckbox {
  display: block;
  padding-left: 10px;
  padding-bottom: 1em;
}
.dashboardWizardDialog .wizard_dialog_tabs_row {
  height: 3em;
}
.dashboardWizardDialog .gwt-Tree .gwt-TreeItem {
  border: 1px solid transparent;
}
.dashboardWizardDialog .gwt-Tree .gwt-TreeItem-selected {
  border: 1px dotted #666666;
  color: #000000 !important;
  background-color: #c8c8c8 !important;
}
.dashboardWizardDialog .gwt-Tree .gwt-TreeItem-selected .gwt-Label {
  background: transparent !important;
}
.dashboardWizardDialog .highlight {
  color: #000;
  background: #fd0;
}
.dashboardElementHeader {
  overflow: hidden;
  font-size: 1em;
  border-bottom: 0px solid;
  border-color: #cccccc;
  background-color: #333333;
  color: #fff;
}
.header-button-container {
  float: right;
  position: absolute;
}
.dashboardElementHeaderSmall {
  line-height: 1em;
}
.dashboardElementHeaderSmall button[type=button] {
  font-size: 70%;
  padding: 1px 3px;
}
.dashboardElementHeaderSmall .header-button-container {
  bottom: 0;
  right: 1px;
}
.dashboardElementHeaderMedium {
  line-height: 1em;
}
.dashboardElementHeaderMedium button[type=button] {
  font-size: 12px;
  padding: 1px 4px;
}
.dashboardElementHeaderMedium .header-button-container {
  top: 2px;
  right: 1px;
}
.dashboardElementHeaderMedium table {
  padding: 1px;
}
.dashboardElementHeaderLarge button[type=button] {
  font-size: 14px;
  padding: 1px 5px;
}
.dashboardElementHeaderLarge .header-button-container {
  top: 0;
  right: 2px;
  height: 100%;
}
.dashboardElementHeaderLarge .btn.button-in-header {
  font-size: 1.4em;
}
.dashboardElementHeaderLabelSmall {
  font-size: 12px;
}
.dashboardElementHeaderLabelMedium {
  font-size: 14px;
}
.dashboardElementHeaderLabelLarge {
  font-size: 18px;
}
.dashboardElementHeaderLabelLarge.fontSizeMedium {
  font-size: 14px;
}
.dashboardElementHeader.normal {
  font-size: 1em;
}
.dashboardElementHeader.minimized {
  font-size: 0.9em;
}
.dashboard-tab-closing .gridster > ul > li {
  opacity: .1;
}
.dashboard-tab-closing .gridster > ul > li.tab-current-focused {
  opacity: 1;
}
.dashboardDropZone {
  text-align: center;
  overflow: hidden;
  position: relative;
  border: 0px;
  border-radius: 0px;
}
.dashboardDropZoneOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: default;
}
.dashboardDropZoneWithActionOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: default;
  cursor: pointer;
}
.dashboardDropZoneHover .dropZoneEntry {
  background-color: #FFA500 !important;
  border: 2px dashed #5394D1;
}
.dashboardDropZoneHover .gwt-Label {
  color: #000000 !important;
}
.navigationActionVerticalPanel {
  width: 100%;
  table-layout: fixed;
}
.navigationActionElementGroup {
  width: 100%;
  height: 3em;
  cursor: pointer;
}
.navigationActionElementGroup td {
  padding-left: 5px;
}
.action-style-two-columns {
  height: 7em;
}
.action-style-two-columns td {
  padding-left: 0;
}
.dashboardDropZoneHover td {
  padding-left: 3px;
}
.dropZoneEntry {
  width: 100%;
  height: 100%;
}
.dashboardNavigationQuicksearch {
  position: relative;
  width: 100%;
}
.mobile-tab-panel-tab-content-container > .floatingMessagePanel {
  left: 0 !important;
}
.floatingMessagePanel {
  width: 100%;
  z-index: 20;
  position: absolute;
  top: 0;
}
.floatingMessageContainer {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  color: #000000;
  text-align: center;
  -webkit-box-shadow: 0px 1px 10px rgba(20, 20, 20, 0.5);
  -moz-box-shadow: 0px 1px 10px rgba(20, 20, 20, 0.5);
  box-shadow: 0px 1px 10px rgba(20, 20, 20, 0.5);
  padding: 0.7em;
}
.floatingMessageContent {
  padding-right: 16px;
}
.floatingMessageContainerButton {
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.floatingMessageContainerText {
  font-weight: bold;
  position: relative;
  padding-right: 5px;
  display: inline-block;
}
.floatingMessageCloseButton {
  font-size: medium;
  float: right;
  position: relative;
  cursor: pointer;
  margin-right: -16px;
}
.clearfix:after {
  clear: both;
}
.floatingMessageCloseButton:hover {
  color: #c00;
}
.publishErrorLabel {
  color: #FF0000;
}
.couldNotLoadElement {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-weight: bold;
  word-wrap: break-word;
}
.couldNotLoadElement .errorDetails {
  width: 100%;
  height: 100%;
  margin: 0px;
  line-height: 0;
}
.couldNotLoadElement .errorDetails textarea {
  width: 100%;
  height: 100%;
  border-width: 0px;
  resize: none;
  font-weight: normal;
  line-height: 1.5;
}
.couldNotLoadElement td {
  text-align: center;
  padding: 5px;
}
.pinned .xml-icon {
  color: #471f1f;
}
.pinned:hover .xml-icon {
  color: #471f1f;
  opacity: .8;
}
.gs-resize-handle-both {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyBDUzYsIEV4cG9ydCBTVkcgRXh0ZW5zaW9uIGJ5IEFhcm9uIEJlYWxsIChodHRwOi8vZmlyZXdvcmtzLmFiZWFsbC5jb20pIC4gVmVyc2lvbjogMC42LjEgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIg0KCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCINCj4NCgk8ZyBvcGFjaXR5PSIxIj4NCgkJPHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz4NCgk8L2c+DQo8L3N2Zz4=);
  background-repeat: no-repeat;
  bottom: -13px;
  right: -13px;
}
.plusIconFontColor {
  color: #56AD89 !important;
}
#dashboard_wizardscreen_elementtypelist,
#dashboard_wizardscreen_elementsettings,
.extra-panel.content {
  padding-left: 16px;
}
.dashboard_wizardscreen_elementtypelist .widgetcombo-dropdown-image {
  width: 32px;
  height: 32px;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTitle:before {
  content: '';
  position: absolute;
  right: -1px;
  top: -1px;
  border-style: solid;
  -webkit-transform: translate(50%, 0px);
  -moz-transform: translate(50%, 0px);
  -o-transform: translate(50%, 0px);
  -ms-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
  border-width: 7px;
  border-color: #cccccc transparent transparent;
  z-index: 0;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTitle:after {
  content: '';
  position: absolute;
  right: -1px;
  top: -1px;
  border-style: solid;
  -webkit-transform: translate(50%, 0px);
  -moz-transform: translate(50%, 0px);
  -o-transform: translate(50%, 0px);
  -ms-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
  border-width: 6px;
  border-color: #fefefe transparent transparent;
  z-index: 1;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTitle {
  width: 15em;
  border-radius: 0px;
  margin: 0px;
  text-align: center;
  border: 1px solid #cccccc;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTabWidget {
  padding-right: 3px;
  float: left ;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTabWidget:after {
  clear: both;
}
.dashboardWizardDialog .extra-panel .simpleTabPanelTabWidgetContainer {
  overflow: hidden;
  width: 15em;
}
.dashboardWizardDialog .gwt-DisclosurePanel .simpleTabPanelContent {
  border: 1px solid #cccccc;
}
.dashboardWizardDialog .gwt-DisclosurePanel .scrollPanel {
  border-width: 0px;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton {
  width: 100%;
  height: 100%;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton .previewLabel {
  margin-left: auto;
  margin-right: auto;
  color: #333333;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton .previewLabel .gwt-Label {
  padding-left: 5px;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton-up {
  background-color: #ffffff;
  cursor: pointer;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton-up-hovering .previewLabel {
  color: #333333;
}
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton-up-disabled .previewLabel,
#dashboard_wizardscreen_externalurl .cubeDialog-setting .gwt-PushButton-up-disabled .previewLabel .xml-icon {
  opacity: .5;
  cursor: default;
}
#dashboard_wizardscreen_activityfeed td {
  padding-top: 2em;
}
#dashboard_wizardscreen_activityfeed .cubeDialog-setting {
  height: 100%;
  margin-top: -2em;
}
#dashboard_wizardscreen_activityfeed .cubeDialog-setting .gwt-ListBox {
  position: absolute;
  width: 100%;
  height: 100%;
}
#dashboard_wizardscreen_activityfeed .cubeDialog-setting .gwt-Label {
  height: 1.5em;
}
.emptyWallpaperComponent {
  width: 100%;
  height: 180px;
  white-space: pre-wrap;
  padding: 2px;
  resize: none;
  display: block;
  font-weight: normal;
  color: #000;
  border-width: 0;
}
#dashboard_new_dashboard_dialog #dashboard_wizardscreen_autolayoutlist {
  overflow: auto;
  border: 1px solid #999999;
}
#dashboard_new_dashboard_dialog #dashboard_wizardscreen_autolayoutlist:hover,
#dashboard_new_dashboard_dialog #dashboard_wizardscreen_autolayoutlist:focus {
  border: 1px solid #3399FF;
}
.wallpaperComponent {
  font-size: 14px;
  border: 1px solid #999999;
  background: #fff;
  outline: 0;
  padding: 1px;
}
.wallpaperComponent:hover,
.wallpaperComponent:focus {
  border: 1px solid #3399FF;
}
.element-wait-overlay {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.executeCqlHitlist {
  width: 4em;
  height: 4.5em;
}
.cqlTextArea {
  width: 100%;
  height: 4.5em;
  resize: none;
}
.cqlResultTextField {
  width: 100%;
  height: 7.5em;
  resize: none;
  border-width: 0;
}
.cqlLoadingIndicator {
  margin-right: auto;
  margin-left: auto;
}
.navigation-header {
  font-weight: bold;
  width: 100%;
}
.navigation-header .gwt-Label {
  word-wrap: break-word;
}
.navigationActionElementGroup .action-label,
.navigationActionElementGroup .hint-label {
  word-wrap: break-word;
}
#dashboard_wizardscreen_document .gwt-RadioButton label {
  display: inline;
}
.btn.button-in-header {
  background-color: transparent;
  color: #fff;
  border-width: 0;
  height: 100%;
}
.btn.button-in-header:hover {
  color: #858585;
}
.widgetcombo-dropdown.elementType .ci-spinner {
  margin: .1em;
}
.widgetcombo-dropdown td:first-child div.cube-Image16,
.widgetcombo-option td:first-child div.cube-Image16 {
  margin: 5px 5px 5px 5px;
}
html[dir='rtl'] .gridster .navigation-header .cube-Image,
html[dir='rtl'] .gridster .xml-icon {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
html[dir='rtl'] .gridster .panelButtonGroupLeft {
  border-radius: 0 15px 15px 0;
  -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
}
.sp-replacer {
  padding: 2px;
}
.sp-replacer.sp-light {
  width: 100%;
  padding-right: 21px;
  background: transparent;
  border: 1px solid #999999;
}
.sp-replacer.sp-light:hover {
  border-color: #b3b3b3;
}
.sp-replacer.sp-light:focus,
.sp-replacer.sp-light.has-focus {
  border-color: #494949;
}
.sp-replacer.sp-light .sp-preview {
  width: 100%;
  border: 0;
  height: 22px;
}
.sp-replacer.sp-light .sp-dd {
  margin-right: -15px;
  color: #637A99;
  -webkit-transform: scale(0.8, 0.4);
  -moz-transform: scale(0.8, 0.4);
  -o-transform: scale(0.8, 0.4);
  -ms-transform: scale(0.8, 0.4);
  transform: scale(0.8, 0.4);
}
.sp-container {
  background: #ffffff;
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.35);
}
.sp-container .sp-button-container .sp-choose {
  float: left;
  background-image: none;
  text-shadow: none;
  line-height: normal;
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #333333;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.sp-container .sp-button-container .sp-choose:hover {
  background-color: #767676;
  color: #ffffff;
}
.sp-container .sp-button-container .sp-choose:focus {
  outline: 1px dotted #fff;
  outline-offset: 1px;
}
.sp-container .sp-button-container .sp-choose[disabled] img,
.sp-container .sp-button-container .sp-choose.disabled img,
.sp-container .sp-button-container .sp-choose.gwt-Button-up-disabled img,
.sp-container .sp-button-container .sp-choose.gwt-Button-down-disabled img,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-up-disabled img,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-down-disabled img,
.sp-container .sp-button-container .sp-choose[disabled] .xml-icon,
.sp-container .sp-button-container .sp-choose.disabled .xml-icon,
.sp-container .sp-button-container .sp-choose.gwt-Button-up-disabled .xml-icon,
.sp-container .sp-button-container .sp-choose.gwt-Button-down-disabled .xml-icon,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-up-disabled .xml-icon,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.sp-container .sp-button-container .sp-choose[disabled],
.sp-container .sp-button-container .sp-choose.disabled,
.sp-container .sp-button-container .sp-choose.gwt-Button-up-disabled,
.sp-container .sp-button-container .sp-choose.gwt-Button-down-disabled,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-up-disabled,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-down-disabled,
.sp-container .sp-button-container .sp-choose[disabled]:hover,
.sp-container .sp-button-container .sp-choose.disabled:hover,
.sp-container .sp-button-container .sp-choose.gwt-Button-up-disabled:hover,
.sp-container .sp-button-container .sp-choose.gwt-Button-down-disabled:hover,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-up-disabled:hover,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-down-disabled:hover,
.sp-container .sp-button-container .sp-choose[disabled]:focus,
.sp-container .sp-button-container .sp-choose.disabled:focus,
.sp-container .sp-button-container .sp-choose.gwt-Button-up-disabled:focus,
.sp-container .sp-button-container .sp-choose.gwt-Button-down-disabled:focus,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-up-disabled:focus,
.sp-container .sp-button-container .sp-choose.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
.sp-container .sp-button-container .sp-cancel {
  float: right;
  font-size: 14px;
  color: #000000 !important;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 7px 4px 7px;
  margin: 2px 4px 6px 4px;
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #fbfbfb;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.sp-container .sp-button-container .sp-cancel:hover {
  background-color: #dedede;
  color: #333;
}
.sp-container .sp-button-container .sp-cancel:focus {
  outline: 1px dotted #333;
  outline-offset: 1px;
}
.sp-container .sp-button-container .sp-cancel[disabled] img,
.sp-container .sp-button-container .sp-cancel.disabled img,
.sp-container .sp-button-container .sp-cancel.gwt-Button-up-disabled img,
.sp-container .sp-button-container .sp-cancel.gwt-Button-down-disabled img,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-up-disabled img,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-down-disabled img,
.sp-container .sp-button-container .sp-cancel[disabled] .xml-icon,
.sp-container .sp-button-container .sp-cancel.disabled .xml-icon,
.sp-container .sp-button-container .sp-cancel.gwt-Button-up-disabled .xml-icon,
.sp-container .sp-button-container .sp-cancel.gwt-Button-down-disabled .xml-icon,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-up-disabled .xml-icon,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-down-disabled .xml-icon {
  opacity: 0.4;
}
.sp-container .sp-button-container .sp-cancel[disabled],
.sp-container .sp-button-container .sp-cancel.disabled,
.sp-container .sp-button-container .sp-cancel.gwt-Button-up-disabled,
.sp-container .sp-button-container .sp-cancel.gwt-Button-down-disabled,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-up-disabled,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-down-disabled,
.sp-container .sp-button-container .sp-cancel[disabled]:hover,
.sp-container .sp-button-container .sp-cancel.disabled:hover,
.sp-container .sp-button-container .sp-cancel.gwt-Button-up-disabled:hover,
.sp-container .sp-button-container .sp-cancel.gwt-Button-down-disabled:hover,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-up-disabled:hover,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-down-disabled:hover,
.sp-container .sp-button-container .sp-cancel[disabled]:focus,
.sp-container .sp-button-container .sp-cancel.disabled:focus,
.sp-container .sp-button-container .sp-cancel.gwt-Button-up-disabled:focus,
.sp-container .sp-button-container .sp-cancel.gwt-Button-down-disabled:focus,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-up-disabled:focus,
.sp-container .sp-button-container .sp-cancel.gwt-PushButton-down-disabled:focus {
  background-color: #efefef;
  color: #999;
  cursor: default;
  outline: none;
}
#dashboard_wizardscreen_reportcustomui_descriptor_values_CheckBox {
  margin-left: 0.5em;
}
#dashboard_wizardscreen_reportcustomui_descriptor_values_CheckBox + iframe {
  float: left;
}
.cubecontextmenu {
  background: transparent;
  z-index: 101;
  line-height: 1.5;
}
.cubecontextmenu > .popupContent > table {
  border-spacing: 20px;
}
.cubecontextmenugrid {
  padding: 1px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(20, 20, 20, 0.5);
  color: #333;
  width: 100%;
}
.cubecontextmenugrid .groupicon {
  min-width: 100%;
}
.cubecontextmenu:not(.animate) {
  visibility: hidden;
}
.cubecontextmenuelement {
  border-top: 1px solid transparent;
}
.cubecontextmenuelementtext {
  font-weight: normal;
  font-style: normal;
  text-align: left ;
  padding: 2px 10px 2px 5px;
  display: inline-block;
  white-space: nowrap;
}
.cubecontextmenuelementimage {
  background-color: transparent;
  padding: 2px 0 2px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  width: 26px;
}
.cubecontextmenuelement-hover {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: inherit;
  cursor: pointer;
}
.cubecontextmenu.use-white-space-pre .cubecontextmenuelementtext {
  white-space: pre;
}
.backgroundoverlay {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
}
.backgroundoverlay:not(.direct-display) {
  transition: background-color 0.2s ease-in-out 0s;
}
.backgroundoverlay-fade {
  background-color: rgba(0, 0, 0, 0.1);
}
.behind-frame {
  z-Index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}
.behind-frame-outer {
  position: relative;
  text-align: left ;
}
li.behind-frame-outer {
  z-Index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  top: 0;
}
.drag-status-panel-active:not(.has-open-dialog) .backgroundoverlay {
  display: none;
}
.drag-status-panel-active .top-bar {
  bottom: auto !important;
  height: auto !important;
}
.drag-status-panel-active .ci-spin {
  animation: none !important;
}
.loading-panel-active .loading-panel-backgroundoverlay {
  z-index: 99999;
  background-image: url("../images/blank.gif");
  opacity: 1;
  animation: loaderAnimation ease-in 1.5s;
  animation-fill-mode: forwards;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cube-loadingpanel {
  display: inline-block;
  position: relative;
}
.cube-loadingpanel .modalcubeframe tr td {
  display: none;
}
.cube-loadingpanel .modalcubeframe tr td.ContentBackground {
  display: table-cell;
}
.cube-loadingpanel .loader-content-panel {
  position: relative;
  width: 93px;
}
.cube-loadingpanel .loader-content-panel > div {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  display: inline-block;
  animation: loader-content-panel 1.3s infinite ease-in-out;
  float: left;
  transform: scale(0.3);
  width: 30px;
  height: 30px;
  background-clip: padding-box;
}
.cube-loadingpanel .loader-content-panel > div:nth-of-type(7) {
  background-color: #606060;
}
.cube-loadingpanel .loader-content-panel > div:nth-of-type(4),
.cube-loadingpanel .loader-content-panel > div:nth-of-type(8) {
  animation-delay: 0.13s;
  background-color: #767676;
}
.cube-loadingpanel .loader-content-panel > div:nth-of-type(1),
.cube-loadingpanel .loader-content-panel > div:nth-of-type(5),
.cube-loadingpanel .loader-content-panel > div:nth-of-type(9) {
  animation-delay: 0.26s;
  background-color: #8d8d8d;
}
.cube-loadingpanel .loader-content-panel > div:nth-of-type(2),
.cube-loadingpanel .loader-content-panel > div:nth-of-type(6) {
  animation-delay: 0.39s;
  background-color: #767676;
}
.cube-loadingpanel .loader-content-panel > div:nth-of-type(3) {
  animation-delay: 0.52s;
  background-color: #606060;
}
.top-dialog {
  z-index: 23;
}
.top-dialog + .backgroundoverlay {
  z-index: 22;
}
.no-toolbar .cubeTabPanelRoot > .cubeVerticalPanelEntry > .navigation-container,
.no-top-bar .top-bar,
.no-tab-view .cubeTabPanelScrollerRoot {
  display: none;
}
.layout-select-defaultblack:after,
.layout-select-defaultblack:hover:after,
.layout-select-defaultblack:focus:after {
  border: 3px solid rgba(255, 255, 255, 0.9);
}