.groupedPP {
  background: url(../images/weddingRings-24.png) no-repeat scroll center bottom;
  background-size: 16px 12px;
}

#loadingSpinner {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(171, 171, 171, 0.3);
}

.loadingSmall {
  background-image: url(../../ext/packages/ext-theme-gray/resources/images/tree/loading.gif);
  width: 16px;
  height: 16px;
}

.link-btn {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #006b8f !important;
  font-weight: normal !important;
  margin: 0 !important;
  text-decoration: none;
}

.link-btn:hover {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #006b8f !important;
  font-weight: normal !important;
  margin: 0 !important;
  text-decoration: underline;
}

.document-dialog-btn {
  background: #eeeeee !important;
  border: none;
  padding: 4px !important;
  font-weight: normal !important;
  margin: 0 !important;
  text-decoration: none;
  text-align: left !important;
}

.document-dialog-btn:hover {
  background: #ddd !important;
}

.document-dialog-btn .x-btn-inner-center {
  padding-left: 32px !important;
  line-height: 32px;
  height: 32px !important;
}

.document-dialog-btn span {
  text-align: left !important;
  font-weight: normal !important;
}

.document-dialog-btn-icon {
  width: 32px !important;
  height: 32px;
  display: inline-block;
  background: url('../images/pdf-32.png') 32px 32px no-repeat;
}

.link-btn .x-btn-inner {
  font-weight: normal !important;
  color: #006b8f !important;
  padding: 0 !important;
}

body {
  color: #222222 !important;
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
}

.x-panel-body-default {
  color: #222222 !important;
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
}

.viewPortBody {
  background-color: white;
}

.x-mask {
  background: none repeat scroll 0 0 #ddd;
  opacity: 0.75;
}

.toolDisabled {
  opacity: 0.6;
}

.fontEleven {
  font-size: 11px !important;
}

.fontTwelve {
  font-size: 12px !important;
}

.x-form-item-label {
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
}

.x-message-box .x-window-body {
  background-color: #ffffff;
  border-width: 0;
}

.x-border-layout-ct {
  background-color: #ffffff;
}

.greyItalic {
  color: #777777 !important;
  font-style: italic !important;
  font-size: 11px !important;
}

.lightblueItalicBold {
  color: #0099cc !important;
  font-style: italic !important;
  font-size: 13px !important;
}

.underlined {
  text-decoration: underline;
}

.x-item-disabled .x-form-text {
  opacity: 0.5;
}

.benchpoolLogo {
  background: url(../images/logo-benchpool.png) no-repeat;
  width: 292px;
  height: 44px;
  margin-top: 2px;
}

.noHorizontalScroll {
  overflow-x: hidden !important;
}

/*.yesHorizontalScroll {*/
/*overflow-x: scroll !important;*/
/*}*/

/* ------------------------------------------------------------------------------ */
/*grid*/

.x-column-header {
  background: #eeeeee !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee) !important; /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #eeeeee)
  ) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #eeeeee) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #eeeeee) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #eeeeee) !important; /* IE10+ */
  background: linear-gradient(top, #ffffff, #eeeeee) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0) !important; /* IE6-9 */
}

.x-grid-header-ct {
  background: #eeeeee !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee) !important; /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #eeeeee)
  ) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #eeeeee) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #eeeeee) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #eeeeee) !important; /* IE10+ */
  background: linear-gradient(top, #ffffff, #eeeeee) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0) !important; /* IE6-9 */
}

.leftCol {
  display: inline-block;
  width: 60%;
  text-align: right;
}

.rightCol {
  width: 40%;
  display: inline-block;
  text-align: left;
  padding-left: 5px;
  /*overflow: hidden !important;*/
}

.benchmarkTreeHead {
  font-weight: bold !important;
  padding: 9px;
}

.benchmarkTreeMasterHead:nth-child(1) {
  border: solid #0099cc;
  border-width: 1px 1px 0 1px !important;
}

.benchmarkTreeMasterHead {
  border: solid #0099cc;
  border-width: 1px 1px 0 1px !important;
}

div > .benchmarkTreeMasterHead ~ .benchmarkTreeMasterHead {
  border: solid #0099cc;
  border-width: 1px 1px 0 0 !important;
}

.benchmarkTreeMasterHeadTenderAnalysis {
  border: solid #c5c5c5;
  border-width: 0 1px 0 0 !important;
}

.benchmarkTreeMasterHeadTenderAnalysis .x-column-header-text {
  display: block;
  text-align: center;
}

.benchmarkTreeLeaf {
  padding: 7px;
}

.benchmarkTreeLeafCounter {
  padding-right: 5px;
}

.benchmarkTreeLeafDescription {
  padding-left: 5px;
}

.gridTitle {
  color: #333333 !important;
  font-weight: bold;
}

.gridHeaderRadio {
  color: #777777 !important;
}

.unitColumn {
  border-left-width: 0 !important;
}

.leftOfUnitColumn {
  border-right-width: 0 !important;
}

.gridColumnHeaderIcon {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 17px;
  width: 17px;
}

.gridColumnIcon {
  right: 5px;
  top: 5px;
  height: 17px;
  width: 17px;
}

.x-column-header {
  font-size: 12px;
  font-weight: bold;
  color: #222222;
}

.x-column-header-align-center {
  text-align: left;
}

.x-grid-cell {
  font: normal 12px/13px tahoma, arial, verdana, sans-serif;
}

.x-grid-cell-selected {
  background-color: #ffffff !important;
}

.supplierHeader {
  background: transparent;
  border-width: 0;
  box-shadow: none;
}

#supplierGrid_header_hd-textEl {
  font-weight: normal !important;
  color: #777777 !important;
  font-style: italic !important;
  font-size: 11px !important;
}

.contactsActionCol {
  margin-left: 5px;
}

.gridTextGreen {
  color: #009933;
  margin-right: 3px;
}

.gridTextRed {
  color: #ff3333;
  margin-right: 3px;
}

/* ------------------------------------------------------------------------------ */
/*window*/
.x-window-default {
  background-color: #ffffff;
  border-radius: 0;
  border-color: #ffffff;
  box-shadow: none;
}

.x-window-header-default-top {
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: none;
}

.x-window-body-default {
  background: none repeat scroll 0 0 #ffffff;
  border-color: #ffffff;
  color: #222222;
}

.x-window-header-text-default {
  font-size: 12px;
}

.x-tool-close {
  width: 15px;
  height: 15px;
  background: url('../images/cancel-15.png') no-repeat scroll 0 0 !important;
  cursor: pointer;
}

.x-datepicker-header {
  padding: 3px 6px;
  text-align: center;
  background-image: none;
  background: #aaa; /* Old browsers */
  background-image: -moz-linear-gradient(top, #888, #aaa); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #888),
    color-stop(100%, #aaa)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #888, #aaa); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #888, #aaa); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #888, #aaa); /* IE10+ */
  background: linear-gradient(top, #888, #aaa); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#aaa', GradientType=0); /* IE6-9 */
}

.closeIcon26 {
  width: 26px;
  height: 26px;
  background: url('../images/cancel-26.png') no-repeat scroll 0 0 !important;
  margin-left: 14px;
}

.closeIcon26_nl {
  width: 26px;
  height: 26px;
  background: url('../images/cancel-26.png') no-repeat scroll 0 0 !important;
  margin-left: 7px;
}

/* ------------------------------------------------------------------------------ */
/*tree*/
.x-tree-node-text {
  font-size: 11px;
}

.x-grid-tree-node-expanded .x-tree-icon-parent {
  background-image: none;
}

.x-tree-icon-parent {
  background-image: none;
  width: 5px;
}

.x-tree-icon-leaf {
  background-image: none;
  width: 5px;
}

.bigArrows.x-tree-arrows .x-tree-expander {
  background-image: url(../images/triangle-active-17_up.png);
  margin-left: 5px;
  width: 17px;
}

.bigArrows.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-image: url(../images/triangle-active-17_down.png);
  margin-left: 5px;
  width: 17px;
}

.smallArrows.x-tree-arrows .x-tree-expander {
  background-image: url(../images/triangle-13_up.png);
  margin-left: 5px;
  width: 13px;
}

.smallArrows.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-image: url(../images/triangle-13_down.png);
  margin-left: 5px;
  width: 13px;
}

/* line 11, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-tree-expander-over .x-tree-expander {
  background-position: 0 center;
}

.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-position: 0 center;
}

.x-tree-checkbox {
  margin-left: 10px;
}

/* line 19, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-expander {
  background-position: 0 center;
}

.x-grid-row-over .x-grid-td {
  background: none;
}

.x-grid-row-selected .x-grid-td {
  background: #0099cc !important;
  color: #ffffff;
  font-weight: bold;
  border-bottom-width: 0;
}

.x-grid-row-selected .x-grid-td .greyText {
  color: #ffffff;
}

.x-grid-row-selected .greenText {
  color: #7ed29a;
  background: #0099cc !important;
  font-weight: bold;
  border-bottom-width: 0;
}

.x-grid-with-row-lines .x-grid-table-selected-first {
  border-top: 0 solid;
}

.x-grid-row-before-selected .x-grid-td {
  border-bottom: solid #bfb8b8;
}

.bg-darkGrey > td {
  background: #efefef !important;
}

.bg-rowHeader > td {
  background: #dddddd !important;
  border: solid #0099cc;
  border-width: 0 1px 0 0;
}

.bg-rowContent > td {
  background: #ffffff !important;
  border: solid #0099cc;
  border-width: 0 1px 0 0;
}

.bg-lightGrey > td {
  background: #f5f5f5 !important;
}

.x-tree-elbow-img {
  width: 20px;
}

/*leaf: */
.x-tree-elbow {
  width: 4px;
}

/*leaf: */
.x-tree-elbow-end {
  width: 4px;
}

/* ------------------------------------------------------------------------------ */
/*TabPabel*/
.x-tab-bar-default-top {
  background-image: none;
  background: #ffffff; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10+ */
  background: linear-gradient(top, #ffffff, #ffffff); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); /* IE6-9 */
}

.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
  background: #eeeeee !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff) !important; /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #ffffff)
  ) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee, #ffffff) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee, #ffffff) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee, #ffffff) !important; /* IE10+ */
  background: linear-gradient(top, #eeeeee, #ffffff) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF', GradientType=0) !important; /* IE6-9 */
  border-bottom: 1px solid #ffffff !important;
  box-shadow: 0 1px 0 0 #ffffff inset, -1px 0 0 0 #ffffff inset, 1px 0 0 0 #ffffff inset !important;
}

.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right {
  background: #8f8f8f; /* Old browsers */
  background-image: -moz-linear-gradient(top, #d0d0d0, #8f8f8f); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #d0d0d0),
    color-stop(100%, #8f8f8f)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d0d0d0, #8f8f8f); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d0d0d0, #8f8f8f); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d0d0d0, #bfb8b8); /* IE10+ */
  background: linear-gradient(top, #d0d0d0, #8f8f8f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='#8F8F8F', GradientType=0); /* IE6-9 */
  border-bottom: 1px solid #bfb8b8;
  box-shadow: 0 1px 0 0 #d0d0d0 inset, -1px 0 0 0 #d0d0d0 inset, 1px 0 0 0 #d0d0d0 inset;
}

.x-tab-bar-strip-default {
  background-color: #ffffff;
}

.x-tab-bar-plain .x-tab-bar-strip-default-top {
  border-width: 1px 0 0 0;
}

.x-tab-default-top {
  /*padding: 3px 9px 3px 9px;*/
  padding: 8px 14px 8px 14px;
}

.x-tab-bar-plain {
  height: 33px !important;
}

.x-tab-default .x-tab-inner {
  color: #ffffff;
  text-shadow: 1px 1px 0 #333333;
}

.x-tab-default-active .x-tab-inner {
  color: #333333;
  text-shadow: none;
}

.pseudoActiveTab {
  background-color: red;
}

/*/////weiterer tab active///*/

.highlight-tab-default-top-active:after {
  content: 'x-slicer:bg:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-active-bg.gif), corners:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-active-corners.gif), sides:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-active-sides.gif), frame-bg:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-active-fbg.gif), stretch:bottom';
  display: none;
}

.highlight-tab-default-top:after {
  content: 'x-slicer:stretch:bottom, frame-bg:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-fbg.gif), bg:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-bg.gif), corners:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-corners.gif), sides:url(../../ext/packages/ext-theme-gray/build/resources/images/tab/tab-default-top-sides.gif)';
  display: none;
}

a.highlight-tab {
  text-decoration: none;
}

.highlight-tab-default-top {
  padding: 8px 14px;
}

.highlight-tab-default-top {
  background: #8f8f8f; /* Old browsers */
  background-image: -moz-linear-gradient(top, #d0d0d0, #8f8f8f); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #d0d0d0),
    color-stop(100%, #8f8f8f)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d0d0d0, #8f8f8f); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d0d0d0, #8f8f8f); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d0d0d0, #bfb8b8); /* IE10+ */
  background: linear-gradient(top, #d0d0d0, #8f8f8f); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='#8F8F8F', GradientType=0); /* IE6-9 */
  border-bottom: 1px solid #bfb8b8;
  box-shadow: 0 1px 0 0 #d0d0d0 inset, -1px 0 0 0 #d0d0d0 inset, 1px 0 0 0 #d0d0d0 inset;
}

.highlight-tab-default-top-active {
  background: #eeeeee !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff) !important; /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #ffffff)
  ) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee, #ffffff) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee, #ffffff) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee, #ffffff) !important; /* IE10+ */
  background: linear-gradient(top, #eeeeee, #ffffff) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF', GradientType=0) !important; /* IE6-9 */
  border-bottom: 1px solid #ffffff !important;
  box-shadow: 0 1px 0 0 #ffffff inset, -1px 0 0 0 #ffffff inset, 1px 0 0 0 #ffffff inset !important;
}

.highlight-tab-default-active .x-tab-inner {
  color: #333333;
  text-shadow: none;
}

/* ------------------------------------------------------------------------------ */
/*Details-Felder*/
.detailsHeader23 {
  font-size: 23px;
}

.detailsHeader14 {
  font-size: 14px;
  font-weight: bold;
}

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

.detailsLabel {
  font-size: 12px;
  color: #777777;
  margin-right: 5px;
  display: block;
}

.detailsValue {
  font-size: 12px;
  color: #000000;
}

.warnValue {
  font-size: 12px;
  color: #d70c14;
}

.greyText {
  color: #777777;
}

.greenText {
  color: #009933;
}

.orangeText {
  color: orange;
}

.redText {
  color: #ff3333;
}

.greenText div {
  color: #009933;
}

.redText div {
  color: #ff3333;
}

.x-grid-row-focused .redText,
.x-grid-row-focused .redText div,
.x-grid-row-focused .greenText,
.x-grid-row-focused .greenText div {
  color: #ffffff;
}

.negativeCirculationSum .x-form-display-field {
  color: red !important;
}

.detailsLink {
  font-size: 12px !important;
  display: block !important;
  width: 250px !important;
}

.detailsLinkEmpty {
  color: #777777 !important;
  font-style: italic !important;
  font-size: 12px !important;
  display: block !important;
  width: 180px !important;
}

.ok {
  background-image: url(../images/checkmark-10.png) !important;
  background-repeat: no-repeat;
  width: 20px;
  height: 22px;
  background-position: 5px 3px;
}

.no {
  background-image: url(../images/minus-10.png) !important;
  background-repeat: no-repeat;
  width: 20px;
  height: 22px;
  background-position: 5px 4px;
}

.infoBlue {
  background-image: url(../images/info_blue-26.png) !important;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.warnRed {
  background-image: url(../images/warning_red-26.png) !important;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.warnYellow {
  background-image: url(../images/warning_yellow-26.png) !important;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.warnSmall {
  background-image: url(../images/warning_yellow-16.png) !important;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.ppInProjectIcon {
  background: url(../images/partproduct-19.png) no-repeat scroll 0 0;
  width: 19px;
  height: 19px;
}

.tickGreenIcon {
  background: url(../images/tick_green-16.png) no-repeat scroll 0 0;
  width: 16px;
  height: 16px;
}

.productInProject {
  height: 20px;
}

a.link:link {
  color: #006b8f;
  text-decoration: none;
}

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

a.link:focus {
  color: #0099cc;
  text-decoration: underline;
}

a.link:hover {
  color: #0099cc;
  text-decoration: underline;
}

a.link:active {
  color: #0099cc;
  text-decoration: underline;
}

.link {
  color: #006b8f;
}

/* ------------------------------------------------------------------------------ */
/*toolbar*/
.x-toolbar-default {
  background-color: #dadada;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, #dadada, #dadada);
  background-image: -moz-linear-gradient(top, #dadada, #dadada);
  background-image: -o-linear-gradient(top, #dadada, #dadada);
  background-image: linear-gradient(top, #dadada, #dadada);
  border: 1px #bbbbbb;
}

.topToolbar {
  background-color: #ffffff;
  /*for IE8*/
  background: rgba(255, 255, 255, 1);
  background-image: none !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
}

.bottomToolbar {
  background-color: #ffffff;
  /*for IE8*/
  background: rgba(255, 255, 255, 1);
  background-image: none !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  z-index: 1;
}

.bottomToolbarDisabled {
  border-width: 0;
}

.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  border-color: #ffffff;
  background: #ffffff none;
}

.naviTriangleTop {
  background: url(../images/3D_triangle_top.jpg) no-repeat 230px center !important;
  background-color: #ffffff;
}

.naviTriangleBottom {
  background: url(../images/3D_triangle_bottom.jpg) no-repeat 229px center !important;
  background-color: #ffffff;
}

.mainNavigationToolbar-default {
  background-color: #e3e3e3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -moz-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: -o-linear-gradient(top, #e3e3e3, #e3e3e3);
  background-image: linear-gradient(top, #e3e3e3, #e3e3e3);
  border: 1px #bbbbbb;
}

/*spinner of numberfield in toolbar*/
.x-toolbar-item div.x-form-spinner-up,
.x-toolbar-item div.x-form-spinner-down {
  height: 11px;
}

.naviEbenchProducts {
  background-image: url(../images/modul_icon_ebench.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviEbenchProjects {
  background-image: url(../images/modul_icon_projects.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviEbenchBudgets {
  background-image: url(../images/modul_icon_econtrol.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviETender {
  background-image: url(../images/modul_icon_etender.png) !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviEcontrol {
  background-image: url(../images/modul_icon_econtrol.png) !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviEsupply {
  background-image: url(../images/modul_icon_esupply.png) !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviEtrade {
  background-image: url(/images/eTrade/etrade_icon_40x40.png) !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 5px !important;
}

.naviTitle {
  margin-left: 15px;
  text-transform: uppercase;
}

.naviDescription {
  margin-left: 15px;
}

#mainFooter {
  border: 1px solid #bcb0b0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  background-color: #dadada !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, #dadada, #dadada);
  background-image: -moz-linear-gradient(top, #dadada, #dadada);
  background-image: -o-linear-gradient(top, #dadada, #dadada);
  background-image: linear-gradient(top, #dadada, #dadada);
}

#printerTenderMainFooter {
  border: 1px solid #bcb0b0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  background-color: #dadada !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, #dadada, #dadada);
  background-image: -moz-linear-gradient(top, #dadada, #dadada);
  background-image: -o-linear-gradient(top, #dadada, #dadada);
  background-image: linear-gradient(top, #dadada, #dadada);
}

/* ------------------------------------------------------------------------------ */
/*accordeon*/
.mainNavigationToolbar {
  border-right: 1px solid #d0d0d0 !important;
  border-bottom: 3px solid #d0d0d0 !important;
}

#navigation {
  z-index: 999;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  box-shadow: 5px 0 5px -5px #bbbbbb;
  border-right: 1px solid #bbbbbb;
}

.naviPanel {
  background: none repeat scroll 0 0 #e3e3e3;
  border-top: none;
}

.x-accordion-hd .x-panel-header-text-container {
  font: bold 12px/16px Arial, Helvetica, sans-serif !important;
  color: #222222 !important;
}

.x-accordion-item .x-accordion-hd {
  background: none repeat scroll 0 0 #e3e3e3;
  padding: 4px 13px 5px;
}

#mainNaviProductsPanel .x-panel-header-default-top {
  border-bottom-color: #e3e3e3;
}

#mainNaviProjectsPanel .x-panel-header-default-top {
  border-bottom-color: #e3e3e3;
}

#mainNaviTenderPanel .x-panel-header-default-top {
  border-bottom-color: #e3e3e3;
}

#mainNaviBudgetsPanel .x-panel-header-default-top {
  border-bottom-color: #e3e3e3;
}

#mainNaviSupplierPanel .x-panel-header-default-top {
  border-bottom-color: #e3e3e3;
}

#mainNaviProductsPanel .x-panel-header-collapsed {
  border-bottom-color: #d0d0d0;
}

#mainNaviProjectsPanel .x-panel-header-collapsed {
  border-bottom-color: #d0d0d0;
}

#mainNaviTenderPanel .x-panel-header-collapsed {
  border-bottom-color: #d0d0d0;
}

#mainNaviBudgetsPanel .x-panel-header-collapsed {
  border-bottom-color: #d0d0d0;
}

#mainNaviSupplierPanel .x-panel-header-collapsed {
  border-bottom-color: #d0d0d0;
}

#naviEsupplyPanel .x-panel-body {
  border-bottom: 1px solid #d0d0d0 !important;
  z-index: 2; /*must be higher than the bottomToolbar!*/
}

.x-accordion-hd .x-docked-top {
  color: #222222;
  font: bold 12px/16px Arial, Helvetica, sans-serif !important;
  text-transform: none;
}

.mainNavigation .x-accordion-hd {
  border-width: 3px 0 !important;
  box-shadow: 0 0 0 0 #e3e3e3 inset;
}

.x-accordion-hd {
  border-width: 1px 0 !important;
  box-shadow: 0 0 0 0 #e3e3e3 inset;
}

.naviPanelText {
  font-size: 10px;
  color: #222222;
}

.naviPanelTextSelected {
  font-size: 11px;
  color: #222222;
  font-weight: bold;
}

.naviPanelTextGrey {
  font-size: 10px;
  color: #777777;
  margin-right: 3px;
}

.naviPanelTextGreen {
  font-size: 10px;
  color: #009933;
  margin-right: 3px;
}

.naviPanelTextRed {
  font-size: 10px;
  color: #ff3333;
  margin-right: 3px;
}

.toolbarBtn {
  background: transparent;
  text-align: center;
  margin-top: 10px;
}

.toolbarBtn a {
  color: #222222 !important;
  font-size: 10px;
  text-decoration: none !important;
}

.whiteFont {
  color: #ffffff;
}

/*----------------------------------------------------------------------------------------------------*/
/*productlist*/

/*todo mail von dennis: kleine Aenderungswuensche ProductlistHeader: boornholt lee...*/
.prodState1 {
  background: url(../images/modul_icon_etender.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.prodState2 {
  background: url(../images/modul_icon_econtrol.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.prodState3 {
  background: url(../images/modul_icon_etender.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.objectListToolbar-default {
  background: #ffffff none;
}

.x-accordion-item .objectListHeaderInactive {
  background: none repeat scroll 0 0 #ffffff;
  padding: 4px 13px 5px;
  font-size: 12px;
  font-weight: normal;
}

.objectListHeaderInactive .x-panel-header-text-container {
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
  color: #222222 !important;
}

.objectListHeaderActive .x-panel-header-text-container {
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
  color: #222222 !important;
}

.x-accordion-item .objectListHeaderActive {
  background: none repeat scroll 0 0 #efefef;
  padding: 4px 13px 5px;
  border-bottom-color: #efefef;
  font-size: 12px;
  font-weight: normal;
}

.objectListPanel {
  background: none repeat scroll 0 0 #efefef;
  border-top: none;
}

.objectListPanel td {
  padding-bottom: 8px;
}

.objectChildPanelText {
  font-size: 12px;
  color: #222222;
}

.objectChildTextSelected {
  font-size: 12px;
  color: #222222;
  font-weight: bold;
}

.objectTitle {
  font-weight: normal;
  color: #222222;
  margin-left: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 165px;
}

.projectTitle {
  font-weight: normal;
  color: #222222;
  margin-left: 13px;
}

.objectTitleSelected {
  font-weight: bold;
  color: #222222;
  margin-left: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 165px;
}

.projectTitleSelected {
  font-weight: bold;
  color: #222222;
  margin-left: 13px;
}

.prodListEbenchIcon {
  background-image: url(../images/product-35.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 35px !important;
}

.prjListEbenchIcon {
  background-image: url(../images/project-30.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 35px !important;
}

.budgetListEcontrolIcon {
  background-image: url(../images/budget-35.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 35px !important;
}

.tenderListEtenderIcon {
  background-image: url(../images/tender-35.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 35px !important;
}

.supplierListEsupplierIcon {
  background-image: url(../images/supply-35.png) !important;
  background-repeat: no-repeat;
  width: 40px !important;
  height: 35px !important;
}

.supplierListFavoriteIcon {
  background-image: url(../images/star_full-16.png) !important;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
}

.supplierListNoFavoriteIcon {
  background-image: url(../images/star_empty-16.png) !important;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
}

.x-panel-header-text-container-default {
  padding-left: 0 !important;
}

.favIconPanelActive {
  background-color: inherit;
  border: none;
}

.favIconPanelInactive {
  background-color: #ffffff;
  border: none;
}

#listContainer_header {
  background-color: #efefef;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #efefef, #efefef);
  background-image: -moz-linear-gradient(top, #efefef, #efefef);
  background-image: -o-linear-gradient(top, #efefef, #efefef);
  background-image: linear-gradient(top, #efefef, #efefef);
  background-image: -ms-linear-gradient(top, #efefef, #efefef);
  border: 1px solid #d0d0d0 !important;
}

.adapedVersionTop {
  border-top: solid #d0d0d0;
  margin-left: 15px;
  margin-right: 5px;
}

.adapedVersionBottom {
  border-bottom: solid #d0d0d0;
  margin-left: 15px;
  margin-right: 5px;
}

.productListLockedIcon {
  background: url(../images/lock-26.png) no-repeat, no-repeat left top, right top;
  width: 60px !important;
  height: 30px !important;
}

.budgetListAdoptedVersionIcon {
  background: url(../images/checkmark-32.png), url(../images/lock-26.png) no-repeat, no-repeat left top, right top;
  width: 60px !important;
  height: 30px !important;
}

.budgetListAdoptedVersion {
  width: 46px !important;
  height: 36px !important;
  position: absolute;
  background: url(../images/checkmark-24.png) no-repeat 5px -5px;
}

/* ------------------------------------------------------------------------------ */
/*maintoolbar*/
.mainToolbarBtn {
  top: 10px !important;
}

.x-btn-default-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 30px;
}

.x-btn-default-toolbar-large .x-btn-inner {
  color: #222222;
  font: 10px Arial, Helvetica, sans-serif !important;
}

.x-btn-default-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 30px;
}

.x-btn-default-toolbar-small .x-btn-inner {
  color: #222222;
  font: 12px Arial, Helvetica, sans-serif;
}

.x-btn-default-toolbar-small {
  background: #ffffff; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-color: #bbbbbb;
}

.x-btn-default-toolbar-small-over {
  border-color: #9d9d9d !important;
  background-image: none !important;
  background-color: #f3f3f3 !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9) !important; /* FF3.6+ */
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  ) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbfbfb, #e9e9e9) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbfbfb, #e9e9e9) !important; /* IE10+ */
  background: linear-gradient(top, #fbfbfb, #e9e9e9) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e9e9e9', GradientType=0) !important; /* IE6-9 */
}

.newProductIcon {
  background-image: url(../images/new_product-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 21px;
}

.newProjectIcon_de {
  background-image: url(../images/add_project-26.png) !important;
  display: block;
  background-position: center center;
}

.newProjectIcon_en {
  background-image: url(../images/add_project-26.png) !important;
  display: block;
  background-position: center center;
}

.newTenderIcon_de {
  background-image: url(../images/add_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.newTenderIcon_nl {
  background-image: url(../images/add_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.newTenderIcon_en {
  background-image: url(../images/add_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.newSupplierIcon_de {
  background-image: url(../images/add_supplier-26.png) !important;
  display: block;
  background-position: center center;
}

.newSupplierIcon_en {
  background-image: url(../images/add_supplier-26.png) !important;
  display: block;
  background-position: center center;
}

.setFavoriteIcon {
  background-image: url(../images/star-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 20px;
}

.newBudgetIcon_de {
  background-image: url(../images/add_budget-26.png) !important;
  display: block;
  background-position: center center;
}

.newBudgetIcon_en {
  background-image: url(../images/add_budget-26.png) !important;
  display: block;
  background-position: center center;
}

.editIcon_de {
  background-image: url(../images/pencil-26.png) !important;
  display: block;
  background-position: center center;
}

.editIcon_en {
  background-image: url(../images/pencil-26.png) !important;
  display: block;
  background-position: center center;
}

.circulationSplitIcon {
  background-image: url(../images/circulation_split.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 13px;
}

.supplierAllocateIcon_de {
  background-image: url(../images/add_supplier_to_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.supplierAllocateIcon_en {
  background-image: url(../images/add_supplier_to_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.releaseTenderIcon_de {
  background-image: url(../images/release_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.releaseTenderIcon_nl {
  background-image: url(../images/release_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.releaseTenderIcon_en {
  background-image: url(../images/release_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.stopTenderIcon_de {
  background-image: url(../images/stop_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.stopTenderIcon_nl {
  background-image: url(../images/stop_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.stopTenderIcon_en {
  background-image: url(../images/stop_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.furtherTenderTurnIcon {
  background-image: url(../images/next-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 13px;
}

.startTenderAnalysisIcon_de {
  background-image: url(../images/analyse-26.png) !important;
  display: block;
  background-position: center center;
}

.startTenderAnalysisIcon_nl {
  background-image: url(../images/analyse-26.png) !important;
  display: block;
  background-position: center center;
}

.startTenderAnalysisIcon_en {
  background-image: url(../images/analyse-26.png) !important;
  display: block;
  background-position: center center;
}

.sendMailTenderIcon_de {
  background-image: url(../images/send_mail-26.png) !important;
  display: block;
  background-position: center center;
}

.sendMailTenderIcon_en {
  background-image: url(../images/send_mail-26.png) !important;
  display: block;
  background-position: center center;
}

.addTPIcon {
  background-image: url(../images/add_partproduct-26.png) !important;
  display: block;
  background-position: center center;
}

.copyIcon_de {
  background-image: url(../images/copy-26.png) !important;
  display: block;
  background-position: center center;
}

.copyIcon_nl {
  background-image: url(../images/copy-26.png) !important;
  display: block;
  background-position: center center;
}

.copyIcon_en {
  background-image: url(../images/copy-26.png) !important;
  display: block;
  background-position: center center;
}

.check-icon-26 {
  background-image: url(../images/checkmark-grey-26.png) !important;
  display: block;
  background-position: center center;
}

.cross-icon-26 {
  /* @TODO - korrektes Icon muss noch implementiert werden. Wir warten auf Grafik. */
  /*background-image: url(../images/stop_tender-26.png) !important;*/
  display: block;
  background-position: center center;
}

.hand-icon-26 {
  background-image: url(../images/stop_tender-26.png) !important;
  display: block;
  background-position: center center;
}

.adoptIcon_de {
  background-image: url(../images/checkmark-grey-26.png) !important;
  display: block;
  background-position: center center;
}

.adoptIcon_en {
  background-image: url(../images/checkmark-grey-26.png) !important;
  display: block;
  background-position: center center;
}

.snapShotIcon_de {
  background-image: url(../images/camera-26.png) !important;
  display: block;
  background-position: center center;
}

.snapShotIcon_en {
  background-image: url(../images/camera-26.png) !important;
  display: block;
  background-position: center center;
}

.compareIcon_de {
  background-image: url(../images/compare-26.png) !important;
  display: block;
  background-position: center center;
}

.compareIcon_en {
  background-image: url(../images/compare-26.png) !important;
  display: block;
  background-position: center center;
}

.compareIcon_nl {
  background-image: url(../images/compare-26.png) !important;
  display: block;
  background-position: center center;
}

.saveAsTemplateIcon_de {
  background-image: url(../images/save_as_template-26.png) !important;
  display: block;
  background-position: center center;
}

.saveAsTemplateIcon_en {
  background-image: url(../images/save_as_template-26.png) !important;
  display: block;
  background-position: center center;
}

.deleteIcon_de {
  background-image: url(../images/trash-26.png) !important;
  display: block;
  background-position: center center;
}

.deleteIcon_nl {
  background-image: url(../images/trash-26.png) !important;
  display: block;
  background-position: center center;
}

.deleteIcon_en {
  background-image: url(../images/trash-26.png) !important;
  display: block;
  background-position: center center;
}

.infoIcon {
  background-image: url(../images/info-17.png) !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: 6px;
}

.infoIconPrinterTabPanel {
  background-image: url(../images/info-17.png) !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: 3px;
}

.infoPrinterIcon {
  background-image: url(../images/info-17.png) !important;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
}

.shareAnalysisIcon_de {
  background-image: url(../images/analyse_share-26.png) !important;
  display: block;
  background-position: center center;
}

.shareAnalysisIcon_nl {
  background-image: url(../images/analyse_share-26.png) !important;
  display: block;
  background-position: center center;
}

.shareAnalysisIcon_en {
  background-image: url(../images/analyse_share-26.png) !important;
  display: block;
  background-position: center center;
}

.circulationIcon_de {
  background-image: url(../images/circulation-26.png) !important;
  display: block;
  background-position: center center;
}

.circulationIcon_nl {
  background-image: url(../images/circulation-26.png) !important;
  display: block;
  background-position: center center;
}

.circulationIcon_en {
  background-image: url(../images/circulation-26.png) !important;
  display: block;
  background-position: center center;
}

.openIcon {
  background-image: url(../images/open_folder-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 18px;
}

.tecDataSheetIcon_de {
  background-image: url(../images/tec_datasheet-26.png) !important;
  display: block;
  background-position: center center;
}

.tecDataSheetIcon_nl {
  background-image: url(../images/tec_datasheet-26.png) !important;
  display: block;
  background-position: center center;
}

.tecDataSheetIcon_en {
  background-image: url(../images/tec_datasheet-26.png) !important;
  display: block;
  background-position: center center;
}

.attachmentIcon_de {
  background-image: url(../images/attachment-26.png) !important;
  display: block;
  background-position: center center;
}

.attachmentIcon_en {
  background-image: url(../images/attachment-26.png) !important;
  display: block;
  background-position: center center;
}

.offerCompleteIcon {
  background-image: url(../images/finish-26.png) !important;
  display: block;
  background-position: center center;
}

.editPrinterIcon_de {
  background-image: url(../images/edit-26.png) !important;
  display: block;
  background-position: center center;
}

.editPrinterIcon_en {
  background-image: url(../images/edit-26.png) !important;
  display: block;
  background-position: center center;
}

.editWhitePrinterIcon_de {
  background-image: url(../images/edit_white-26.png) !important;
  display: block;
  background-position: center center;
}

.editWhitePrinterIcon_en {
  background-image: url(../images/edit_white-26.png) !important;
  display: block;
  background-position: center center;
}

.euroIcon_de {
  background-image: url(../images/euro-26.png) !important;
  display: block;
  background-position: center center;
}

.euroIcon_en {
  background-image: url(../images/euro-26.png) !important;
  display: block;
  background-position: center center;
}

.euroWhiteIcon_de {
  background-image: url(../images/euro_white-26.png) !important;
  display: block;
  background-position: center center;
}

.euroWhiteIcon_en {
  background-image: url(../images/euro_white-26.png) !important;
  display: block;
  background-position: center center;
}

.techViewIcon_de {
  background-image: url(../images/gear-26.png) !important;
  display: block;
  background-position: center center;
}

.techViewIcon_en {
  background-image: url(../images/gear-26.png) !important;
  display: block;
  background-position: center center;
}

.techViewWhiteIcon_de {
  background-image: url(../images/gear_white-26.png) !important;
  display: block;
  background-position: center center;
}

.techViewWhiteIcon_en {
  background-image: url(../images/gear_white-26.png) !important;
  display: block;
  background-position: center center;
}

.archiveIcon_de {
  background-image: url(../images/archive-26.png) !important;
  display: block;
  background-position: center center;
  margin-top: 5px;
}

.archiveIcon_en {
  background-image: url(../images/archive-26.png) !important;
  display: block;
  background-position: center center;
  margin-top: 5px;
}

.archiveWhiteIcon_de {
  background-image: url(../images/archive_white-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.archiveWhiteIcon_en {
  background-image: url(../images/archive_white-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 25px;
  margin-top: 3px;
}

.runningIcon_de {
  background-image: url(../images/running-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 30px;
  margin-top: 3px;
}

.runningIcon_en {
  background-image: url(../images/running-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 25px;
  margin-top: 3px;
}

.runningWhiteIcon_de {
  background-image: url(../images/running_white-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 30px;
  margin-top: 3px;
}

.runningWhiteIcon_en {
  background-image: url(../images/running_white-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 25px;
  margin-top: 3px;
}

.infoIconFooter {
  background-image: url(../images/info-17.png) !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: 2px;
}

.copyRightIcon {
  background-image: url(../images/copy_right-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  /*margin-left: 8px;*/
}

.copyDownIcon {
  background-image: url(../images/copy_down-26.png) !important;
  width: 26px !important;
  height: 26px !important;
  /*margin-left: 8px;*/
}

/*benchmark*/
.expandAllIcon {
  background: url(../images/expandall-30.png) no-repeat scroll 0 0 !important;
}

.collapseAllIcon {
  background: url(../images/collapseall-30.png) no-repeat scroll 0 0 !important;
}

.expandAllSmallIcon_de {
  background: url(../images/expandall-15.png) no-repeat scroll 0 1px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 8px;
}

.expandAllSmallIcon_en {
  background: url(../images/expandall-15.png) no-repeat scroll 0 1px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 2px;
}

.collapseAllSmallIcon {
  background: url(../images/collapseall-15.png) no-repeat scroll 0 1px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 3px;
}

.benchmarkBtnAsTitle .x-btn-inner {
  /*color: #0099cc !important;*/
  font-weight: bold !important;
}

.benchmarkBtnAsTitle {
  border-bottom: 5px #0099cc !important;
}

.x-btn-default-toolbar-small-benchmarkBtnOver {
  /*hexadezimal kann man fuer die border keine opacity angeben: also rgb:*/
  border-bottom: 5px rgba(0, 153, 204, 0.5) !important;
}

.benchmarkBtn {
  opacity: 1 !important;
  border: 5px #ffffff;
}

#moduleIcon {
  top: 5px !important;
}

.deleteBtn {
  background: url(../images/trash-25.png) no-repeat scroll 0 0;
  width: 25px !important;
  height: 25px !important;
}

/* ------------------------------------------------------------------------------ */
/*multiRowPanel*/
.multiRowPanelIconCls {
  background-image: none !important;
  border-width: 0 !important;
  background: #ffffff; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10+ */
  background: linear-gradient(top, #ffffff, #ffffff); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
  border-color: #bbbbbb;
}

.multiRowPanelAddIcon {
  background-image: url(../images/bullet_add.png) !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: -8px;
  margin-top: -8px;
}

.multiRowPanelRemoveIcon {
  background-image: url(../images/bullet_delete.png) !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: -8px;
  margin-top: -8px;
}

.multiRowPanelCrossIcon {
  background-image: url(../images/cancel-16.png) !important;
  width: 32px !important;
  height: 32px !important;
}

/* ------------------------------------------------------------------------------ */
/*buttons*/

/*.x-btn-default-small {*/
/*background: #ffffff; */ /* Old browsers */
/*background-image: -moz-linear-gradient(top, #ffffff, #ffffff); */ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); */ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #ffffff, #ffffff); */ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #ffffff, #ffffff); */ /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #ffffff, #ffffff); */ /* IE10+ */
/*background: linear-gradient(top, #ffffff, #ffffff); */ /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); */ /* IE6-9 */
/*border-color: #BBBBBB;*/
/*}*/

.x-btn-default-small {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-color: #bbbbbb;
}

.x-btn-default-large {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 0;
}

.x-btn-default-toolbar-large-disabled {
  border-color: transparent;
  /*background-image: none;*/
  /*background-color: transparent;*/
}

.x-btn-default-large-ButtonLightBlue {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0;
  border-color: #bbbbbb;
}

.x-btn-default-large-ButtonLightBlue .x-btn-inner {
  color: #ffffff !important;
}

.ButtonLeft {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 4px 0 0 4px;
  line-height: 13px;
}

.ButtonCenter {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 0 0 0 0;
  line-height: 13px;
}

.ButtonRight {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #ffffff, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 0 4px 4px 0;
  line-height: 13px;
}

.x-btn-default-large-ButtonLightBlueLeft {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 4px 0 0 4px;
  border-color: #bbbbbb;
}

.x-btn-default-large-ButtonLightBlueLeft .x-btn-inner {
  color: #ffffff !important;
}

.x-btn-default-large-ButtonLightBlueCenter {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0 0 0 0;
  border-color: #bbbbbb;
}

.x-btn-default-large-ButtonLightBlueCenter .x-btn-inner {
  color: #ffffff !important;
}

.x-btn-default-large-ButtonLightBlueRight {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0 4px 4px 0;
  border-color: #bbbbbb;
}

.x-btn-default-large-ButtonLightBlueRight .x-btn-inner {
  color: #ffffff !important;
}

.x-btn-default-medium-ButtonLightBlue {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0;
  border-color: #bbbbbb;
}

.x-btn-default-medium-ButtonLightBlue .x-btn-inner {
  color: #ffffff !important;
  font-weight: bold;
}

.ButtonLeftAngled {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #efefef, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #efefef, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 3px 0 0 3px;
}

.ButtonCenterAngled .x-btn-inner {
  font-weight: bold;
}

.ButtonCenterAngled {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #efefef, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #efefef, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 0 0 0 0;
}

.ButtonLeftAngled .x-btn-inner {
  font-weight: bold;
}

.ButtonRightAngled {
  background: #d0d0d0; /* Old browsers */
  background-image: -moz-linear-gradient(top, #efefef, #d0d0d0); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #d0d0d0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef, #d0d0d0); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef, #d0d0d0); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef, #d0d0d0); /* IE10+ */
  background: linear-gradient(top, #efefef, #d0d0d0); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D0D0D0', GradientType=0); /* IE6-9 */
  border-radius: 0 3px 3px 0;
}

.ButtonRightAngled .x-btn-inner {
  font-weight: bold;
}

.x-btn-default-medium-ButtonLightBlueLeft {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 3px 0 0 3px;
  border-color: #bbbbbb;
}

.x-btn-default-medium-ButtonLightBlueLeft .x-btn-inner {
  color: #ffffff !important;
  font-weight: bold;
}

.x-btn-default-medium-ButtonLightBlueCenter {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0 0 0 0;
  border-color: #bbbbbb;
}

.x-btn-default-medium-ButtonLightBlueCenter .x-btn-inner {
  color: #ffffff !important;
  font-weight: bold;
}

.x-btn-default-medium-ButtonLightBlueRight {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 0 3px 3px 0;
  border-color: #bbbbbb;
}

.x-btn-default-medium-ButtonLightBlueRight .x-btn-inner {
  color: #ffffff !important;
  font-weight: bold;
}

.blueBoldText {
  color: #0099cc !important;
  font-weight: bold !important;
}

.blueBoldText .x-btn-inner {
  color: #0099cc !important;
  font-weight: bold !important;
}

.blueText {
  color: #0099cc !important;
}

.blueText .x-btn-inner {
  color: #0099cc !important;
}

.boldText .x-btn-inner,
.boldText .x-panel-body-default {
  font-weight: bold !important;
}

button {
  border-radius: 4px 4px 4px 4px;
}

.x-btn-default-toolbar-small .x-btn-inner {
  font-size: 12px;
}

.x-btn-default-toolbar-small .x-btn-inner {
  font-size: 12px;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.smallFont .x-btn-inner {
  font-size: 11px !important;
  color: #222222 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal;
}

.wizardFont .x-btn-inner {
  font-size: 12px !important;
  color: #919191 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
}

.wizardFontActive .x-btn-inner {
  font-size: 12px !important;
  color: #222222 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
}

.wizardBtnOver {
  background-color: #ffffff !important;
}

/*Wizard Buttons Printer*/
.btn-arrow-right {
  position: relative;
  padding-left: 27px;
  padding-right: 18px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
  /* make two squares (before and after), looking similar to the button */
  content: '' !important;
  position: absolute;
  display: inline !important;
  top: 4px; /* move it down because of rounded corners */
  width: 24px; /* same as height */
  height: 24px; /* button_outer_height / sqrt(2) */
  background: inherit; /* use parent background */
  border: inherit; /* use parent border */
  border-left-color: transparent; /* hide left border */
  border-bottom-color: transparent; /* hide bottom border */
  border-radius: 4px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
  transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.btn-arrow-right:before {
  /* align the "before" square to the left */
  left: -12px;
}

.btn-arrow-right:after {
  /* align the "after" square to the right */
  right: -12px;
}

.btn-arrow-right:after {
  /* bring arrow pointers to front */
  z-index: 1;
}

.btn-arrow-right:before {
  /* hide arrow tails background */
  background-color: #ffffff;
}

.assistantNaviPrinter:hover,
.assistantNaviPrinter:focus,
.assistantNaviPrinter:active,
.assistantNaviPrinter.active,
.open .dropdown-toggle.assistantNaviPrinter {
  color: #fff;
  border-color: #269abc;
  background-color: #d0d0d0 !important;
}

.assistantNaviPrinter {
  background: #ffffff none;
  border-radius: 4px;
  border: 1px #27acd9 !important;
}

.assistantNaviActivePrinter {
  background-image: none;
  background-color: #27acd9 !important;
  border-radius: 4px;
  border: 1px #27acd9 !important;
}

.assistantNaviTextActivePrinter {
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}

.assistantNaviTextPrinter {
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
}

/*End Wizard Buttons Printer*/

.x-btn-default-small .x-btn-inner {
  font-size: 12px;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.noBackgroundBtn {
  background: #ffffff none;
  border-color: #ffffff;
}

.noBackgroundBtnToolbar {
  background: #dadada none;
  border-color: #dadada;
}

.x-btnAsLink {
  text-decoration: underline;
  background: #ffffff none;
  border-color: #ffffff;
}

.x-btnAsLinkToolbar {
  text-decoration: underline;
  background: #dadada none;
  border-color: #dadada;
}

.blueBtn {
  background: #5dc5eb; /* Old browsers */
  background-image: -moz-linear-gradient(top, #5dc5eb, #0099cc); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #5dc5eb),
    color-stop(100%, #0099cc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5dc5eb, #0099cc); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5dc5eb, #0099cc); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5dc5eb, #0099cc); /* IE10+ */
  background: linear-gradient(top, #5dc5eb, #0099cc); /* W3C */
  color: #ffffff !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc5eb', endColorstr='#0099cc', GradientType=0); /* IE6-9 */
  border-radius: 4px 4px 4px 4px;
  border-color: #bbbbbb;
}

.blueBtn #globalSave-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#globalSave-btnInnerEl {
  color: #222222 !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.blueBtn #printerTenderGlobalSave-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#printerTenderGlobalSave-btnInnerEl {
  color: #222222 !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.blueBtn #printerTenderMovePrevBtn-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/* ------------------------------------------------------------------------------ */

.noBorderNoBackground {
  background: none !important;
  border: none !important;
}

.blueBtn #changeFormatDialogSave-btnInnerEl,
.blueBtn #changeCirculationDialogSave-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#changeFormatDialogSave-btnInnerEl,
#changeCirculationDialogSave-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.x-btn-default-small-over #changeFormatDialogSave-btnInnerEl,
.x-btn-default-small-over #changeCirculationDialogSave-btnInnerEl {
  color: #222222 !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/* ------------------------------------------------------------------------------ */

#printerTenderMovePrevBtn-btnInnerEl {
  color: #222222 !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.blueBtn #printerTenderMoveNextBtn-btnInnerEl {
  color: #ffffff !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#printerTenderMoveNextBtn-btnInnerEl {
  color: #222222 !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.x-btn-default-small .x-btn-inner {
  font-size: 12px;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.x-btn-default-small-over {
  border-color: #9d9d9d !important;
  background-image: none !important;
  background-color: #f3f3f3 !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbfbfb, #e9e9e9); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbfbfb, #e9e9e9); /* IE10+ */
  background: linear-gradient(top, #fbfbfb, #e9e9e9); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */
}

.editBtn {
  background: url('../images/pencil-15.png') no-repeat scroll 0 0 transparent !important;
  width: 16px;
  height: 16px;
}

/* ------------------------------------------------------------------------------ */
/*slider*/
.benchpoolSlider {
  margin-left: 5px !important;
}

/* ------------------------------------------------------------------------------ */
/*combo*/
.x-boundlist-item {
  white-space: nowrap;
}

.x-form-cb-label {
  font: 400 12px/16px Arial, Helvetica, sans-serif;
}

.x-trigger-cell {
  background-color: #dadada;
}

/* ------------------------------------------------------------------------------ */
.selectionMarker {
  background: url('../images/selection_triangle.png') no-repeat scroll 0 0 transparent !important;
  width: 25px;
}

.noSelectionMarker {
  width: 25px;
}

/* ------------------------------------------------------------------------------ */
/*propertiesTool*/
.propsTool-expand-bottom /*zugeklappt*/
 {
  width: 21px;
  height: 22px;
  background: url('../images/triangle-active-17_up.png') no-repeat scroll 0 3px !important;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 4px;
}

.propsTool-collapse-top /*aufgeklappt*/
 {
  background: url(../images/triangle-active-17_down.png) no-repeat scroll 0 3px !important;
  width: 21px;
  height: 21px;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 4px;
}

.propsTool-notExpandable /*zugeklappt*/
 {
  width: 21px;
  height: 21px;
  background: url('../images/triangle-inactive-17_up.png') no-repeat scroll 0 3px !important;
  margin-left: 5px;
  margin-top: 4px;
}

.propertiesPanel .x-panel-header-text-container-default {
  color: #222222 !important;
}

.propertiesPanelHeaderDisabled .x-panel-header-text-container-default {
  color: #777777 !important;
}

.propertiesPanel .x-panel-default .x-collapsed .x-panel-collapsed .x-panel-default-collapsed {
  border-color: #d0d0d0;
}

.propertiesPanel .x-panel-header-text-container-default {
  margin-top: 2px !important;
}

.propertiesPanel .x-panel-default {
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 2px !important;
}

.propertiesPanel .x-panel-header-default-collapsed-border-top {
  border-bottom: 1px solid #d0d0d0 !important;
}

.propertiesPanel .x-panel-body-default {
  border-top: none !important;
}

.propertiesPanel .x-panel-header-default {
  border-bottom-width: 0;
}

.propertiesPanel .x-panel-header {
  background-color: #efefef;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #efefef, #efefef);
  background-image: -moz-linear-gradient(top, #efefef, #efefef);
  background-image: -o-linear-gradient(top, #efefef, #efefef);
  background-image: linear-gradient(top, #efefef, #efefef);
  background-image: -ms-linear-gradient(top, #efefef, #efefef);
}

.propertiesPanelBodyGrey {
  background-color: #efefef;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #efefef, #efefef);
  background-image: -moz-linear-gradient(top, #efefef, #efefef);
  background-image: -o-linear-gradient(top, #efefef, #efefef);
  background-image: linear-gradient(top, #efefef, #efefef);
  background-image: -ms-linear-gradient(top, #efefef, #efefef);
}

.toolbarPanelBodyGrey {
  background-color: #dadada;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #dadada));*/
  /*background-image: -webkit-linear-gradient(top, #dadada, #dadada);*/
  /*background-image: -moz-linear-gradient(top, #dadada, #dadada);*/
  /*background-image: -o-linear-gradient(top, #dadada, #dadada);*/
  /*background-image: linear-gradient(top, #dadada, #dadada);*/
}

.propertiesPanelBodyWhite {
  background-color: #ffffff;
  /*for IE8*/
  background: rgba(255, 255, 255, 1);
  background-image: none !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
}

.propertiesPanelBodyBlue {
  background-color: #ceecf5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ceecf5), color-stop(100%, #ceecf5));
  background-image: -webkit-linear-gradient(top, #ceecf5, #ceecf5);
  background-image: -moz-linear-gradient(top, #ceecf5, #ceecf5);
  background-image: -o-linear-gradient(top, #ceecf5, #ceecf5);
  background-image: linear-gradient(top, #ceecf5, #ceecf5);
  background-image: -ms-linear-gradient(top, #ceecf5, #ceecf5);
}

.blankSummary {
  background: transparent;
  font-size: 11px !important;
  color: #777777 !important;
  font-style: italic !important;
}

.summary {
  background: transparent;
  font-size: 11px !important;
}

.propertiesPanel .x-panel-header-default-horizontal {
  padding: 0 0 4px;
}

.propertiesPanelHeaderOver {
  cursor: pointer;
}

.snapshotPropertiesSummary {
  margin-left: 50px;
  font-size: 11px;
  font-weight: bold;
}

/* ------------------------------------------------------------------------------ */
/*tooltip*/
.x-tip-header-text-container-default {
  font-size: 12px !important;
  /*font-weight: bold !important;*/
  /*margin-left: 5px !important;*/
}

.x-tip-body-default {
  font-size: 12px !important;
}

.emailPreview {
  background-color: #ffffff;
}

/* ------------------------------------------------------------------------------ */
/*dialog*/
.header1 {
  font-size: 13px;
  font-weight: bold;
}

.header2 {
  font-size: 11px;
  font-weight: bold;
}

.header3 {
  font-size: 13px;
  font-weight: bold;
}

.templatesProductsTable {
  padding: 4px 0 5px;
  border-bottom: 1px solid #d0d0d0;
}

.templateActive {
  background: none repeat scroll 0 0 #efefef;
  font-size: 12px;
  font-weight: normal;
}

/* ------------------------------------------------------------------------------ */
/*dialog-assistant*/
.assistantNaviActive {
  background: url('../images/step_arrow-20.png') no-repeat scroll 0 2px transparent !important;
  height: 44px;
}

.assistantNaviActiveCompare {
  background: url('../images/step_arrow-20.png') no-repeat scroll 0 2px transparent !important;
}

.assistantNavi {
  color: #919191 !important;
  background: -moz-linear-gradient(center top, #ffffff, #ffffff) repeat scroll 0 0 #ffffff !important;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10+ */
  background: linear-gradient(top, #ffffff, #ffffff); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); /* IE6-9 */
  border-color: #ffffff !important;
}

.assistantNaviCounterActive {
  font-weight: bold;
  margin-right: 25px;
  color: #ffffff;
  margin-left: 7px;
}

.assistantNaviCounter {
  font-weight: bold;
  margin-right: 10px;
  margin-left: 7px;
}

.tenderCount {
  font-size: 16px;
  color: #919191 !important;
}

.tenderCountBold {
  font-size: 16px;
  font-weight: bold;
  color: #919191 !important;
}

.selectAll {
  background: url('../../ext/packages/ext-theme-gray/resources/images/form/checkbox.gif') no-repeat scroll 0 0
    rgba(0, 0, 0, 0) !important;
  height: 13px;
  width: 13px !important;
  margin-top: 2px;
  margin-left: 2px;
}

.deselectAll {
  background: url('../../ext/packages/ext-theme-gray/resources/images/form/checkbox.gif') no-repeat scroll 0 -13px rgba(0, 0, 0, 0) !important;
  height: 13px;
  width: 13px !important;
  margin-top: 2px;
  margin-left: 2px;
}

/* ---------printerTenderSelection--------------------------------------------------------------------- */
.printerTenderSelectionHeader {
  background: none repeat scroll 0 0 #ffffff;
  padding: 25px 13px 0 !important;
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
  color: #222222 !important;
}

.printerTenderSelectionTitle {
  font-weight: bold;
  color: #222222;
  margin-left: 14px;
  font-size: 12px;
}

.printerTenderSelectionPanel {
  background: #f3f3f3 !important;
  cursor: pointer;
}

.printerTenderSelectionPanelSelected {
  border: 2px solid #269abc !important;
}

/* ------------------------------------------------------------------------------ */
/*numberfield*/
.numberfieldLeft {
  text-align: right;
}

.smallRow {
  height: 20px;
  margin-bottom: 0;
}

/* ------------------------------------------------------------------------------ */
/*textfield*/

input[type='text']::-ms-clear {
  display: none;
}

.x-form-text {
  background: #e9e9e9 none repeat-x scroll 0 0;
  /*background: url("") repeat-x scroll 0 0 #e9e9e9;*/
}

.whiteEditorField {
  background: #ffffff none repeat-x scroll 0 0;
  /*background: url("") repeat-x scroll 0 0 #ffffff;*/
}

.x-form-text {
  color: #222222;
}

.x-form-item-label {
  color: #222222;
}

.x-form-display-field {
  color: #222222;
  font: 400 12px/16px Arial, Helvetica, sans-serif;
}

.displayField12 {
  font: 400 12px/16px Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------ */
/*#Textfeld mit abgerundeten Ecken*/
.searchField {
  height: 23px !important;
  border-radius: 11px 11px 11px 11px;
  background-color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}

.searchFieldLupe {
  background: url(../images/search-16.png) no-repeat scroll 0 2px #ffffff;
  left: -263px !important;
  bottom: -10px;
  height: 20px;
  position: absolute;
  cursor: auto;
  border-radius: 11px;
}

.searchFieldCross {
  background: url(../images/cancel-16.png) no-repeat scroll 0 1px #ffffff;
  left: -43px !important;
  bottom: -10px;
  height: 20px;
  position: absolute;
  cursor: auto;
  border-radius: 11px;
}

.searchFieldCross:hover {
  cursor: pointer;
}

.searchFieldShortLupe {
  background: url(../images/search-16.png) no-repeat scroll 0 2px #ffffff;
  left: 28px !important;
  height: 20px;
  position: absolute;
  cursor: auto;
  border-radius: 11px;
  z-index: 99999;
  bottom: -10px;
}

.searchFieldInDetails {
  height: 23px !important;
  /*border-radius: 11px 11px 11px 11px;*/
  background-color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}

.searchFieldLupeInDetails {
  background: url(../images/search-16.png) no-repeat scroll 0 3px #ffffff;
  left: 5px !important;
  height: 20px;
  position: absolute;
  cursor: auto;
  border-radius: 11px;
  z-index: 99999;
  bottom: 7px;
}

.searchFieldCrossInDetails {
  background: url(../images/delete-12.png) no-repeat scroll 5px 0 #ffffff;
  left: 92px !important;
  bottom: 11px;
  height: 12px;
  width: 12px;
  position: absolute;
  cursor: auto;
}

.searchFieldCrossInDetails:hover {
  cursor: pointer;
}

.searchFieldShortLupe:hover {
  cursor: pointer;
}

.searchFieldShortCross {
  background: url(../images/cancel-16.png) no-repeat scroll 0 1px #ffffff;
  left: 215px !important;
  height: 20px;
  position: absolute;
  cursor: auto;
  z-index: 99999;
  border-radius: 11px;
  bottom: -10px;
}

.searchFieldShortCross:hover {
  cursor: pointer;
}

.detailsSearch .x-panel-header-default-horizontal {
  padding: 0 0 0 0;
}

.detailsSearch .x-panel-header-default-collapsed-border-top {
  border-bottom: 1px solid #d0d0d0 !important;
}

.detailsSearch .x-panel-body-default {
  border-top: none !important;
}

.detailsSearch .x-panel-header-default {
  border-bottom-width: 0;
}

.detailsSearch .x-panel-header {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
}

.detailsSearchMultiRowPanelRemoveIcon {
  background-image: url(../images/minus-black-16.png) !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: -1px;
  margin-top: -2px;
}

.detailsSearchMultiRowPanelAddIcon {
  background-image: url(../images/plus-black-16.png) !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: -2px;
}

.detailsSearchMultiRowPanelCrossIcon {
  background-image: url(../images/cancel-14.png) !important;
  width: 16px !important;
  height: 16px !important;
}

.multiRowPanelBtn-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #fbfbfb, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
}

.multiline {
  white-space: normal !important;
}

.detailsSearch .x-panel-header-default-top {
  box-shadow: none;
}

/* ------------------------------------------------------------------------------ */
/*#ComboBox mit abgerundeten Ecken*/
.roundCombo {
  height: 23px !important;
  border-radius: 4px 0 0 4px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #777777;
}

.roundComboTrigger {
  height: 23px !important;
  border-radius: 0 4px 4px 0;
}

.underComboBox {
  font-size: 10px !important;
  position: absolute;
  left: 50px;
  top: 21px;
}

#customerComboBox {
  top: 18px !important;
  margin-left: 13px !important;
}

.roundComboNormal {
  border-radius: 4px 0 0 4px;
  margin-top: 15px !important;
}

.roundComboTriggerNormal {
  border-radius: 0 4px 4px 0;
  margin-top: 15px !important;
}

/* ------------------------------------------------------------------------------ */
/*specials*/
#partProductLayoutLabel {
  vertical-align: top;
}

.stateCircle {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #888;
  margin: 0 auto;
}

.bgRed {
  background-color: red;
}

.bgGreen {
  background-color: limegreen;
}

.bgOrange {
  background-color: darkorange;
}

.releaseState_0 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #919191;
  position: relative;
  top: 3px;
  left: 3px;
}

.releaseState_1 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: dodgerblue;
  position: relative;
  top: 3px;
  left: 3px;
}

.releaseState_2 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: limegreen;
  position: relative;
  top: 3px;
  left: 3px;
}

.releaseState_3 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: orange;
  position: relative;
  top: 3px;
  left: 3px;
}

.releaseState_4 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d70c14;
  position: relative;
  top: 3px;
  left: 3px;
}

.releaseState_9 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: magenta;
  position: relative;
  top: 3px;
  left: 3px;
}

.printerReleaseState_1 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #31b404;
  position: relative;
  top: 3px;
  left: 3px;
}

.printerReleaseState_2 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fcd825;
  position: relative;
  top: 3px;
  left: 3px;
}

.printerReleaseState_3 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d70c14;
  position: relative;
  top: 3px;
  left: 3px;
}

/* ------------------------------------------------------------------------------ */
/*Removing The Dotted Outline*/
a {
  outline: 0;
}

/* ------------------------------------------------------------------------------ */
/* Placeholder */

::-webkit-input-placeholder {
  font-style: italic;
  color: #222222;
}

::-moz-placeholder {
  font-style: italic;
  color: #222222;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #222222;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #222222;
}

:-ms-input-placeholder {
  font-style: italic;
  color: #222222;
}

.x-tip-form-invalid_warn {
  border-color: #feb312;
  -webkit-box-shadow: #fef3b3 0 1px 0 0 inset, #fef3b3 0 -1px 0 0 inset, #fef3b3 -1px 0 0 0 inset,
    #fef3b3 1px 0 0 0 inset;
  -moz-box-shadow: #fef3b3 0 1px 0 0 inset, #fef3b3 0 -1px 0 0 inset, #fef3b3 -1px 0 0 0 inset, #fef3b3 1px 0 0 0 inset;
  box-shadow: #fef3b3 0 1px 0 0 inset, #fef3b3 0 -1px 0 0 inset, #fef3b3 -1px 0 0 0 inset, #fef3b3 1px 0 0 0 inset;
}

/* ------------------------------------------------------------------------------ */
/*messagePane*/
.messagePane {
  height: 35px;
  top: 0;
  position: absolute;
  left: 10px;
  border: 1px solid;
  border-radius: 0 0 5px 5px;
  display: none;
  padding: 5px 12px;
}

.errorMessage {
  border-color: #d70c14;
  background-color: #ff8873;
  box-shadow: -1px -1px 1px #fee6e2 inset;
}

.errorMessagePink {
  border-color: #e891fb;
  background-color: #e891fb;
  box-shadow: -1px -1px 1px #fee6e2 inset;
}

.warnMessage {
  border-color: #feb312;
  background-color: #fef3b3;
  box-shadow: -1px -1px 1px #fef9de inset;
}

.infoMessage {
  border-color: #c3c3c3;
  background-color: #ededed;
  box-shadow: -1px -1px 1px white inset;
}

.messagePaneFont {
  font: 400 12px/16px Arial, Helvetica, sans-serif !important;
  text-decoration: none;
  text-align: left;
}

.warnfont,
a:link.warnfont,
a:visited.warnfont,
a:active.warnfont {
  color: #000000;
}

a:hover.warnfont {
  color: #feb312;
}

.errorfont,
a:link.errorfont,
a:visited.errorfont,
a:active.errorfont {
  color: #ffffff;
}

a:hover.errorfont {
  color: #000000;
}

.infofont,
a:link.infofont,
a:visited.infofont,
a:active.infofont {
  color: #000000;
}

a:hover.infofont {
  color: #c3c3c3;
}

.pdfViewer {
  max-height: 90%;
  max-width: 70%;
}

.technicalDataSheet {
  height: 822px;
  width: 595px;
}

.noPdfTxt {
  text-align: center;
  vertical-align: middle;
  line-height: 800px;
}

/*Datenschutz...*/
ul.intext,
p span.mark {
  color: #666;
  font: 900 12px/17px 'Arial Black', Arial, sans-serif;
}

ul.intext {
  list-style: disc outside none;
  padding-left: 13px;
  margin-top: 10px;
}

.compareValueField {
  font-weight: bold;
}

.x-header-text.x-panel-header-text.x-panel-header-text-default {
  white-space: normal;
}

.x-header-text.x-panel-header-text.x-panel-header-text-default tbody tr td:nth-child(3) {
  display: table;
}

.naviPanelTextGrey {
  padding-left: 13px;
  display: table-cell;
}

.longTextButton .x-btn-inner {
  line-height: 18px !important;
  width: 170px;
  word-wrap: break-word;
  white-space: normal;
}

.inactiveNavigationStep .x-btn-inner {
  color: #999999 !important;
  font-weight: normal !important;
}

.visitedNavigationStep .x-btn-inner {
  color: #0099cc !important;
  font-weight: normal !important;
}

.currentNavigationStep .x-btn-inner {
  color: #0099cc !important;
  font-weight: bold !important;
}

.hide-strip .x-tab-bar-strip {
  border: none;
}

/** Notifications */
.notification-item {
  padding: 10px;
  margin: 5px 10px;
  cursor: pointer;
}

.notification-item.unread {
  background-color: #d9edf7;
  color: #31708f;
  font-weight: bold;
}

#notificationsDetails {
  padding: 10px 10px 10px 40px;
}

a.panel-link {
  color: #006b8f;
  text-decoration: none;
}

a.panel-link:hover {
  text-decoration: underline;
  color: #0099cc;
  cursor: pointer;
}

.default-table-cell-text {
  font-size: 12px;
  padding: 5px;
  display: inline-block;
}

.tender-list-assigned-text {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-left: 13px;
}

.printerHeaderButton {
  height: 72px;
  line-height: 13px;
}

.x-panel.has-errors,
.has-errors-field {
  border: 1px solid red;
}

.error-message {
  border: 1px solid red;
}

#projectBenchmarkProductList .x-box-scroller.x-tabbar-scroll-left,
#projectBenchmarkProductList .x-box-scroller.x-tabbar-scroll-right {
  height: 32px;
  background-size: 56px;
  width: 28px;
  background-position: -28px -1px;
}

#projectBenchmarkProductList .x-tab-bar-horizontal .x-tab-bar-strip {
  margin-bottom: -10px;
  height: 4px;
  z-index: 2;
}

.small-text {
  line-height: 16px;
  font-size: 10px;
  color: #777;
}

.x-form-item-body.x-form-display-field-body .x-form-display-field {
  height: auto;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.paperPropertiesContainer {
  padding-left: 20px;
  border: none;
  cursor: pointer;
}

.calculated-paper-properties * {
  font-weight: 800 !important;
}

.printIcon {
  background: url('../images/print-15.png') no-repeat scroll 0 0 transparent !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 8px;
}

.printIconPadding {
  padding-left: 10px;
}