/************************/
/**** Global styles *****/
/************************/

body {
    background-color: rgb(255, 255, 255);
    font-family: Arial, sans-serif !important;
}

.x-border-layout-ct {
    background-color: rgb(255, 255, 255);
}

.x-border {
    border-color: rgb(237, 237, 237);
}

/* Download-Iframe */

#downloadIFrame {
    position: absolute;
    width: 0px;
    height: 0px;
    display: none;
}

.tinyMCEContent ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1em;
    margin-left: 2em;
}

.tinyMCEContent ol {
    list-style: decimal;
    list-style-position: outside;
    padding-left: 1em;
    margin-left: 2em;
}

strong {
    font-weight: bold !important;
}
em {
    font-style: italic !important;
}
/************************/
/****** Tab styles ******/
/************************/

/* Tab header */

ul.x-tab-strip-top {
    height: 24px;
    border-bottom: none;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-strip-active .x-tab-right, .x-tab-strip-top .x-tab-strip-over .x-tab-right,
        .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-over .x-tab-left,
        .x-tab-strip-top .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
    height: 24px;
    background-position: 0px 0px;
}

.x-tab-panel-header-plain .x-tab-strip-top {
    background: url(../images/default/background_tab_header.png) repeat-x !important;
}

.x-tab-strip-top .x-tab-right {
    background: url(../images/default/background_tab_left.png);
}

.x-tab-strip-top .x-tab-left {
    background: url(../images/default/background_tab_inner.png) repeat-x;
}

.x-tab-strip-top .x-tab-strip-inner {
    background: url(../images/default/background_tab_inner.png) repeat-x;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right, .x-tab-strip-top .x-tab-strip-active.x-tab-strip-over .x-tab-right {
    background: url(../images/default/background_tab_active_left.png);
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-active.x-tab-strip-over .x-tab-left {
    background: url(../images/default/background_tab_active_inner.png) repeat-x;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active.x-tab-strip-over .x-tab-strip-inner {
    background: url(../images/default/background_tab_active_inner.png) repeat-x;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right, .x-tab-strip-top .x-tab-strip-active.qa-focused .x-tab-right {
    background: url(../images/default/background_tab_border.png);
}

.x-tab-strip-top .x-tab-strip-over .x-tab-left, .x-tab-strip-top .x-tab-strip-active.qa-focused .x-tab-left {
    background: url(../images/default/background_tab_border.png) repeat-x;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active.qa-focused .x-tab-strip-inner {
    background: url(../images/default/background_tab_border.png) repeat-x;
}

ul.x-tab-strip li.x-tab-edge {
    height: 24px;
    background: url(../images/default/background_tab_border.png) !important;
}

.x-tab-strip-top li.x-component {
    height: 24px;
    margin: 0px;
}

.x-tab-strip span.x-tab-strip-text {
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.x-tab-strip-active span.x-tab-strip-text {
    font-weight: bold;
}

/* Tab body */

.x-tab-panel-header-plain .x-tab-strip-spacer {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
    border-left: solid 1px rgb(204, 228, 244);
    border-right: solid 1px rgb(204, 228, 244);
}

.x-tab-panel-body {
    border-bottom: solid 1px rgb(204, 228, 244);
    border-left: solid 1px rgb(204, 228, 244);
    border-right: solid 1px rgb(204, 228, 244);
}

.x-tab-panel-body .x-border {
    border: none;
}

/************************/
/**** Toolbar styles ****/
/************************/

.x-toolbar {
    height: 32px;
    background-color: transparent;
    background-image: none;
    border: 0px;
    padding: 0px;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label {
  font-size: 12px;
}

/* Toolbar buttons */

.x-toolbar-btn {
    background: transparent;
    background-image: none;
    /* Focus support */
    border: solid 1px transparent;
}
.x-toolbar-btn .x-toolbar-btn {
    /* Focus support */
    border: none;
}

.x-toolbar .x-menu-sep {
    width: 2px;
    height: 14px;
    background-color: rgb(204, 204, 204);
    background-image: none;
    border: none;
    z-index: auto;
}

.x-toolbar-navigation-btn {
    height: 27px;
    background-color: rgb(204, 228, 244);
    margin-right: 1px;
}

.x-toolbar .x-btn button {
    font-size: 13px;
    border: solid 1px transparent;
}

.x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 19px;
}

.ext-gecko .x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 21px;
}

.x-toolbar .x-toolbar-navigation-btn.x-btn.x-btn-pressed button {
    color: rgb(255, 255, 255);
}

.x-toolbar-navigation-btn.x-btn-pressed {
    background-color: rgb(0, 119, 200);
}

.x-toolbar-navigation-btn.x-btn-over {
    background-color: rgb(166, 208, 236);
}

.x-toolbar-btn-text {
    outline-style: none !important;
}

/* Application toolbar */

.application-toolbar {
    border-bottom: 5px solid rgb(255, 255, 255);
}

.x-navigation-toolbar.application-toolbar {
    border-bottom: 3px solid rgb(0, 119, 200);
}

.application-toolbar .x-toolbar-navigation-btn {
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.toolbar-salesuiicon .x-btn-text {
    text-align: right;
    width: 114px !important;
}

/* Status toolbar */

.status-toolbar {
    border-top: 5px solid rgb(255, 255, 255);
}

.x-navigation-toolbar.status-toolbar {
    border-top: 3px solid rgb(0, 119, 200);
}

.status-toolbar .x-toolbar-navigation-btn {
    margin-bottom: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Context toolbar */

.qa-context-toolbar .x-toolbar-btn.x-component, .qa-context-toolbar .x-icon-btn.x-component {
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-color: rgb(229, 241, 249);
    top: 0px;
    padding-right: 2px;
}

.qa-context-toolbar .x-toolbar-btn.x-component.x-btn-over:not(.x-item-disabled), .qa-context-toolbar .x-icon-btn.x-component.x-btn-over:not(.x-item-disabled) {
    background-color: rgb(204, 228, 244);
}

.qa-context-toolbar .x-toolbar-btn.x-component.x-btn-pressed, .qa-context-toolbar .x-icon-btn.x-component.x-btn-pressed {
    background-color: rgb(0, 119, 200);
}

.qa-context-toolbar .x-toolbar-btn.x-component.x-btn-pressed .x-btn-text, .qa-context-toolbar .x-icon-btn.x-component.x-btn-pressed .x-btn-text {
     color: rgb(255, 255, 255);
 }

/* Toolbar items */

.x-toolbar-info div {
    font-size: 13px;
}

.x-toolbar-info-label, .x-toolbar-info-value {
    margin-right: 2px;
}

.x-toolbar-info.x-toolbar-info-lock-status {
    color: rgb(221, 99, 100);
}

.x-toolbar-info.x-toolbar-info-quote_name .x-toolbar-info-value {
    color: rgb(50, 146, 211);
}

.x-toolbar-info-status div {
    font-style: italic;
    color: rgb(169, 176, 183);
}

/************************/
/***** Menu styles ******/
/************************/

.x-menu {
    background-image: none;
    background-color: rgb(255, 255, 255);
    border: solid 1px rgb(227, 227, 227);
}

.x-menu-item-active {
    background-image: none;
    background-color: rgb(204, 228, 244);
    border: solid 1px rgb(255, 255, 255);
}

.x-menu-sep {
    background-color: rgb(227, 227, 227);
}

.x-menu-item-arrow {
    background-image:url(../images/default/pfeil_submenu.png);
}

.x-menu .x-item-disabled {
    opacity: 0.6;
}

/************************/
/**** Dialog styles *****/
/************************/

.x-modal {
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
}

.x-window-tl, .x-window-tr, .x-window-tc, .x-window-ml, .x-window-mr, .x-window-bl, .x-window-br, .x-window-bc {
    background-image: none;
    background-color: rgb(229, 241, 249);
}

.x-window-mc {
    border: none;
}

.x-window-plain .x-window-mc {
    background-color: rgb(229, 241, 249) !important;
}

.x-tool-close, .x-tool-close-over {
    background-image: url(../images/default/close.png);
    background-position: 0 0;
}

.x-tool-maximize, .x-tool-maximize-over {
    background-image: url(../images/default/maximize.png);
    background-position: 0 0;
}

.x-tool-restore, .x-tool-restore-over {
    background-image: url(../images/default/minimize.png);
    background-position: 0 0;
}

/* Header */

.qa-dialog-header {
    background-color: rgb(229, 241, 249);
    padding-left: 10px;
}

.qa-dialog-heading {
    font-size: 14px;
    font-weight: bold;
    cursor: default;
}

.qa-dialog-header-message {
    font-size: 11px;
    cursor: default;
}

/* Body */

.qa-dialog-body {
    border: solid 1px rgb(204, 228, 244);
    padding: 5px;
}

/* Buttons */

.qa-dialog-buttons {
    background-color: rgb(229, 241, 249);
}

.x-btn-tl, .x-btn-tc, .x-btn-tr, .x-btn-ml, .x-btn-mc, .x-btn-mr, .x-btn-bl, .x-btn-bc, .x-btn-br {
    background-image: none;
}

.qa-dialog-buttons .x-btn, .x-window-plain .x-btn {
    height: 28px;
    background-color: rgb(204, 228, 244);
    margin-top: 8px !important;
    top: 0px !important;
    border: solid 1px transparent;
}

.qa-dialog-buttons .x-btn.x-btn-over, .x-window-plain .x-btn.x-btn-over {
    background-color: rgb(166, 208, 236);
}

.qa-dialog-buttons .x-btn-image, .x-window-plain .x-btn-image {
    margin-top: 2px;
}

.x-btn-text, .x-btn-image, .x-form-text {
    outline-style: none !important;
}

.ext-ie .x-btn-text .x-btn-image {
    left: 0px !important;
}

/* Toolbarbuttons in the dialog*/
.x-window.qa-dialog-window.x-component .x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 18px;
    margin-top: 1px;
}

.x-window.qa-dialog-window.x-component .x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-image {
    left: 1px !important;
    top: 0px !important;
}

/* Message dialogs */

.x-window-dlg .ext-mb-warning {
    background-image:url(../images/default/warning.png);
}

.x-window-dlg .ext-mb-question {
    background-image: url(../images/default/help.png);
}

.x-window-dlg .ext-mb-error {
	background-image: url(../images/default/error.png);
}

/* Long text in custom line item */

.qa-dialog-window .qa_text_editor_container {
    margin-top: 5px;
    margin-bottom: -7px;
}

.qa-dialog-window .TextWithEditorWidgetViewportButtonPanel.x-component {
    position:relative;
    margin-bottom: 25px;
    margin-top:0px;
    padding-bottom: 0px;
}

.qa-dialog-window .TextWithEditorWidgetViewportButtonPanel.x-component .x-btn {
    position: absolute;
    right: 0px;
}

/* Row-Expander */

.x-grid3-body .x-grid3-td-expander, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander, .x-grid-panel {
    background: transparent;
}

.x-grid3-row-collapsed .x-grid3-row-expander {
    background-image: url(../images/default/pfeil_zu_grau.png);
    background-position: 4px 7px;
}

.x-grid3-row-expanded .x-grid3-row-expander {
    background-image: url(../images/default/pfeil_auf_grau.png);
    background-position: 4px 7px;
}

/* Favorite Import Dialog */
.x-form-el-quotefileupload .x-btn-icon {
	border: solid 1px rgb(181, 184, 200);
	border-left: none;
	height: 22px;
	width: 24px;
}

.ext-gecko .x-form-el-quotefileupload .x-btn-icon {
	width: 25px;
}

.x-form-el-quotefileupload .x-btn-bl ,.x-form-el-quotefileupload .x-btn-bc,.x-form-el-quotefileupload .x-btn-br {
	display: none;
}

.ext-chrome .x-form-element.x-form-el-quotefileupload .x-btn-image , .ext-ie .x-form-element.x-form-el-quotefileupload .x-btn-image {
    margin-left: -3px;
}

.ext-gecko .x-form-element.x-form-el-quotefileupload .x-btn-image {
	left: -2px !important;
    top: -4px !important;
}

.ext-gecko .x-form-element.x-form-el-quotefileupload .gwt-Image.x-component {
	left: 348px !important;
    top: 2px !important;
}

.ext-chrome .x-form-element.x-form-el-quotefileupload .gwt-Image.x-component , .ext-ie .x-form-element.x-form-el-quotefileupload .gwt-Image.x-component {
    margin-left: 15px;
}

/* Configuration window-Dialog */
.gwt-Frame.x-component.x-border-panel {
    border: solid 1px rgb(204, 228, 244);
    width: calc(100% - 2px) !important;
    height: calc(100% - 44px) !important;
}

.qa-configuration  .x-btn  {
     margin-top: 9px !important;
}

/************************/
/*** Field set styles ***/
/************************/

.x-fieldset {
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 20px;
}

/* in chrome the fieldset does not get the 20px on padding-top */
.ext-chrome .x-fieldset {
    padding-top: 20px;
    padding-left: 0px;
    margin-bottom: 20px;
}

.ext-chrome.ext-edge .x-fieldset {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Header */

.x-fieldset legend {
    width: 100%;

    color: rgb(50, 146, 211);
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;

    padding-top: 0px;
    padding-left: 10px;
    padding-right: 0px;
    margin-bottom: 10px;
}

legend.x-fieldset-header {
    border-top: solid 1px rgb(204, 228, 244);
}

.qa-fieldset-first legend.x-fieldset-header {
    border-top: solid 1px rgb(255, 255, 255);
}

.qa-fieldset {
    overflow: unset;
}

.ext-chrome .x-fieldset-header, .ext-ie .x-fieldset-header, .ext-gecko .x-fieldset-header {
    padding-top: 10px;
}

.x-fieldset .x-tool-toggle {
    height: 16px;
    width: 16px;
}

.x-fieldset-header .x-btn button {
    color: rgb(50, 146, 211);
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
/* Body */

fieldset.x-panel-collapsed {
    border: none !important;
}

.x-fieldset-content {
    padding-left: 10px;
    padding-right: 10px;
}

.x-form-item-label {
    padding-left: 20px;
}

/* Special for dialog */

.qa-dialog-window .x-fieldset {
    margin-bottom: 0px;
    padding-top: 0px;
}

.qa-dialog-window .x-fieldset-header {
    padding-top: 0px;
}

/* Special for security fieldset */
[name=securityFieldSet] .gwt-Image.x-component {
    position: relative !important;
    margin-left: 800px;
    margin-top: -25px;
}

[name=masterDataAddressDialogFieldSet] .x-form-field-combo {
    margin-left: 28px !important;
}

/************************/
/***** Table styles *****/
/************************/

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border: solid 1px rgb(227, 227, 227);
}

.x-grid3-header-offset {
    padding: 0px;
}

/* Header */

.x-grid3-header {
    background: rgb(240, 240, 240);
    border-bottom: solid 1px rgb(227, 227, 227);
}

.x-grid3-header.x-grid3-hd {
    border-bottom: none;
    border-right: solid 1px rgb(227, 227, 227);
}

.x-grid3-hd-over .x-grid3-hd-inner.qa-column-header.x-component, .x-grid3-hd-menu-open .x-grid3-hd-inner.qa-column-header.x-component,
        td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: rgb(240, 240, 240);
}

a.x-grid3-hd-btn {
    width: 16px;
    background-color: rgb(240, 240, 240);
    background-image: url(../images/default/calc_dropdown.png);
}

a.x-grid3-hd-btn:hover {
    background-position: left;
}

/* Body */

.x-grid3-row {
    border-top: none;
    border-bottom: solid 1px rgb(237, 237, 237);
    border-left: none;
    border-right: none;
}

 .x-grid3 .x-grid3-row-table, .x-grid3 .x-grid3-summary-table{
    margin-left: 1px;
}

.x-grid3-row-table {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left :0px;
}

.x-grid3-row-alt {
    background: transparent;
}

.x-grid3-row-selected {
    background: rgb(229, 241, 249) !important;
    border-top: none;
}

.x-grid3-cell-selected {
    background: rgb(204, 228, 244) !important;
    border: none;
}

.x-grid3-row .x-grid3-row-table .x-grid3-col {
    vertical-align: middle;
}

/* Catalog View -> table body */

.qa-catalogue-panel-catalogue-tab.x-component .x-component .x-tree3-node {
    margin-left: 3px;
    margin-right: 1px;
}

/* Favorite View and Favorite details view -> table body */

.favorite-structure .x-grid3-row {
    border: none;
	margin-left: 3px;
}

.favorite-structure .x-grid3-row .x-grid3-row-table .x-grid3-col {
    border: none;
}

/* Favorite details view -> header */
.favorite-quote-structure .x-grid3-header.x-grid3-hd {
    border-top: solid 1px rgb(227, 227, 227);
}

/* Strike out rows (quote structure) */
.x-grid3-row.removed table.x-grid3-row-table {
    text-decoration: line-through;
}

/* Paging bar */

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    height: 24px;
    background: rgb(240, 240, 240);
    border-bottom: solid 1px rgb(227, 227, 227);
    border-left: solid 1px rgb(227, 227, 227);
    border-right: solid 1px rgb(227, 227, 227);
}

.qa-paging-toolbar .gwt-TextBox {
    margin-left: 5px;
    margin-right: 5px !important;
}

.qa-paging-toolbar .gwt-TextBox {
    height: 16px;
    border: solid 1px rgb(181, 184, 200);
}

.qa-paging-toolbar .gwt-TextBox.qa-focused {
    background-color: rgb(229, 241, 249);
    border-color: rgb(204, 228, 244);
}

/************************/
/******* Widgets ********/
/************************/

/* Text fields / areas */

.x-form-text, textarea.x-form-field {
    background-image: none;
}

.x-form-invalid, textarea.x-form-invalid {
  border-color: rgb(181, 184, 200);
}

/* For ie and edge because they dont wrap lines in textarea */
.ext-edge textarea, .ext-ie textarea {
	white-space: pre-wrap;
}

/* Form fields (Dates / Combo box) */

.x-form-field-date .x-form-field.x-form-text, .x-form-field-combo .x-form-field.x-form-text {
    border-right: none;
}

.x-form-field-wrap .x-form-trigger {
    height: 20px;
    width: 20px;
    border-top: solid 1px rgb(181, 184, 200);
    border-bottom: solid 1px rgb(181, 184, 200);
    border-right: solid 1px rgb(181, 184, 200);
}

.x-form-field-wrap.x-form-field-invalid .x-form-trigger {
    border-color: solid 1px rgb(181, 184, 200);
}

.x-trigger-wrap-focus .x-form-trigger, .x-trigger-wrap-focus.x-form-field-invalid .x-form-trigger {
    background-position: 0 0;
    border-color: rgb(204, 228, 244);
    background-color: rgb(229, 241, 249);
}

.x-form-focus, textarea.x-form-focus {
    border-color: rgb(204, 228, 244);
    background-color: rgb(229, 241, 249);
}

.x-form-field-date.x-form-field-trigger-hide .x-form-date-trigger, .x-form-field-combo.x-form-field-trigger-hide .x-form-trigger-arrow {
    background-image: none;
}

/* Dates */

.x-form-field-date .x-form-date-trigger {
    background-image: url(../images/default/qdate.png);
}

.x-form-field-date .x-form-date-trigger.x-form-trigger-over {
    background-image: url(../images/default/qdatehover.png);
    background-position: 0 0;
}

/* Date picker */

.x-date-middle, .x-date-left, .x-date-right, .x-date-mp-btns button {
    background: rgb(0, 119, 200);
    border-color: rgb(0, 119, 200);
}

.x-date-days td, .x-date-bottom, .x-date-mp-btns  {
    background: rgb(204, 228, 244);
    border-color: rgb(204, 228, 244);
    color: rgb(0, 0, 0);
}

.x-date-inner .x-date-today a {
	border-color: rgb(0, 119, 200);
}

.x-date-inner .x-date-selected a, td.x-date-mp-sel a {
    background: rgb(204, 228, 244);
    border-color: rgb(204, 228, 244);
}

.x-date-left-icon {
    background-image: url(../images/default/calendar_left.png);
}

.x-date-right-icon {
    background-image: url(../images/default/calendar_right.png);
}

.x-date-mp-ybtn a.x-date-mp-prev, .x-date-mp-ybtn a.x-date-mp-prev:hover {
    background-image: url(../images/default/toolbar_previous.png);
    background-position: 0 0;
}

.x-date-mp-ybtn a.x-date-mp-next, .x-date-mp-ybtn a.x-date-mp-next:hover {
    background-image: url(../images/default/toolbar_next.png);
    background-position: 0 0;
}

/* Combo box */

.x-form-field-combo .x-form-trigger-arrow {
    background-image: url(../images/default/dropdown.png);
}

.x-form-field-combo .x-form-trigger-arrow.x-form-trigger-over {
    background-image: url(../images/default/dropdown_hover.png);
    background-position: 0 0;
}

.qa-dialog-body .x-form-field-combo {
    left: -2px;
    top: 2px;
}

.x-combo-list .x-combo-selected {
	background-color: rgb(229, 241, 249);
	border: solid 1px rgb(204, 228, 244) !important;
}

/* Undoable field */

.cat-undo {
    background: url(../images/default/edit-undo.png) no-repeat center left !important;
    background-position: 2px 3px !important;
    border-width: 0px !important;
}

.cat-terminal {
    background: url(../images/default/edit-ok.png) no-repeat center left !important;
    background-position: 2px 3px !important;
    border-width: 0px !important;
}

.x-form-field-wrap .x-form-trigger.cat-terminal {
    cursor: default;
}

/* Search fields */

.qa_search_trigger_field {
    border: solid 1px rgb(227, 227, 227);
    padding-right: 2px;
}

.qa_search_trigger_field.x-form-invalid {
    border: solid 1px rgb(242, 183, 22);
}

.qa_search_trigger_field .x-form-text {
    background: none;
    border: none;
}

.qa_search_trigger_field .x-form-text.x-form-empty-field {
    font-style: italic;
}

.qa_search_trigger_field .x-form-trigger {
    right: 2px;
    background-image: url(../images/default/qfind_disabled.png);
    border: none;
}

.qa_search_trigger_field.x-form-invalid {
    background-image: none;
}

.qa_search_trigger_field .x-form-trigger.x-form-trigger-over {
    background-image: url(../images/default/qfindhover.png);
    background-position: 0 0;
}

.qa_search_trigger_field.x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.qa_search_trigger_field.x-form-invalid .x-form-trigger,
.qa_search_trigger_field.x-form-invalid .x-form-trigger.x-form-trigger-over,
.qa_search_trigger_field.x-trigger-wrap-focus.x-form-invalid .x-form-trigger {
    background-position: 2px 1px;
    background-image: url(../images/default/exclamation.png);
}

.qa_search_trigger_field.qa-focused {
    background-color: rgb(229, 241, 249);
}

/* Text editor (tinyMCE) with edit button*/

.qa_text_editor_container_widget.x-form-invalid {
    border: none;
    background-image: none;
}

.qa_text_editor_container {
    border: solid 1px;
    background-image: none;
    color: rgb(80, 80, 80);
    border-color: rgb(181, 184, 200);
    padding: 5px;
    font-size: 12px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.TextWithEditorWidgetViewportButtonPanel {
    text-align: right;
    padding-top: 10px;
}

.TextWithEditorWidgetViewportButtonPanel.x-component .x-btn {
    background-image: none;
    background-color: rgb(204, 228, 244);
    margin-bottom: 6px;
    border: solid 1px transparent;
}

.TextWithEditorWidgetViewportButtonPanel.x-component .x-btn:hover {
    background-color: rgb(166, 208, 236);
}

/* tinyMCE editor */

.mce-tinymce.mce-container {
    margin-top: -2px;
    margin-left: -1px;
}

.mce-tinymce.mce-container .mce-statusbar {
    display: none;
}

/* Check box */

.qa_checkbox .x-form-checkbox {
    left: 0px !important;
}

/* Disabled fields */
.x-item-disabled.x-form-field-wrap .x-form-trigger,.x-item-disabled.qa_text_editor_container,.x-item-disabled.tinyMCEContent, .x-item-disabled input , .x-triggerfield-noselect.x-item-disabled input , .x-form-textarea:disabled {
    background-color: rgb(240,240,240);
    border-color: rgb(181,184,200);
    color: rgb(80, 80, 80) !important;
    
}
.x-item-disabled, .x-form-textarea:disabled  {
	opacity: 1;
}

/* Labels */
.x-form-information-label {
    height: 17px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/************************/
/*** Column Viewports ***/
/************************/

/* Center validation/inspection state header icon */

.x-grid3-hd-inner.x-grid3-hd-validation, .x-grid3-hd-inner.x-grid3-hd-inspectionState {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Center validation/inspection state icons within table */
.x-grid3-cell-inner.x-grid3-col-validation, .x-grid3-cell-inner.x-grid3-col-inspectionState {
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 1px;
}
/* Optional */

.x-grid3-check-col {
    background-image: url(../images/default/checkbox.png);
}

.x-grid3-check-col-on {
    background-image: url(../images/default/checkbox-checked.png);
}

.not-editable .x-grid3-check-col {
    background-image: url(../images/default/checkbox-disabled.png);
}

.not-editable .x-grid3-check-col-on {
    background-image: url(../images/default/checkbox-checked-disabled.png);
}

.x-grid3-dirty-cell {
    background-image:none;
}

/* FormattedTextColumnViewport */

.quotestructure-freetext-not-set {
    background: url(../images/default/document_add.png) no-repeat center center;
    margin-bottom: 2px;
}

.quotestructure-freetext-not-set-disabled {
    background: transparent;
    cursor: default;
}

.quotestructure-freetext-set {
    background: url(../images/default/document_edit.png) no-repeat center center;
}

.quotestructure-freetext-set-readonly {
    background: url(../images/default/document.png) no-repeat center center;
}

/* Catalog image */
.cat-article-image {
    background: url(../images/default/product-photo.png);
}

/* Download */
.cat-article-file {
    background: url(../images/default/file-download.png);
}

/* PDF */
.cat-article-document {
    background: url(../images/default/pdficon_small.png);
}

/* Excel */
.cat-article-excel {
    background: url(../images/default/excel.png);
}

/* PowerPoint */
.cat-article-powerpoint {
    background: url(../images/default/powerpoint.png);
}

/* Word */
.cat-article-word {
    background: url(../images/default/word.png);
}

/************************/
/******** Others ********/
/************************/

/* Login */
.login-screen {
    background-color: rgb(204, 228, 244);
}

.login-dialog {
    width: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -187px;
    margin-left: -185px;
    background-color: rgb(229, 241, 249);
    border: 1px solid rgb(163, 206, 235);
    text-align: left;
}

.login-dialog-logo {
    height: 109px;
    width: 370px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.login-dialog-error {
    height: 22px;
    background-color: rgb(238, 177, 177);
    border-bottom: 1px solid rgb(225, 170, 174);
    position: absolute;
    top: 109px;
    width: 100%;
}

.login-dialog-info {
    height: 22px;
    background-color: rgb(229, 241, 249);
    position: absolute;
    top: 109px;
    width: 100%;
}

.login-dialog-message {
    margin-top: 4px;
    font-size:12px;
    text-align: center;
}

.login-dialog-content {
    margin-left: 42px;
    margin-right: 42px;
    position: relative;
    margin-top: 131px;
    margin-bottom: 39px;
}

.login-dialog-content-label {
    margin-top: 12px;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    color: rgb(0, 119, 200);
}

.login-dialog-oauth-link {
    margin-top: 148px;
}

.login-dialog-form td > div {
    height: 34px;
    overflow: hidden;
}

.login-dialog-form {
    width: 100%;
}

.login-dialog-input-image {
    position: absolute !important;
    margin-top: 8px !important; 
    margin-left: 8px !important;
}

.login-dialog-input {
    width: 256px;
    height: 28px;
    font-size:14px;
    border: solid 1px rgb(181, 184, 200);
    padding-left:30px;
}
    
.login-dialog-input:focus {
    border: solid 1px rgb(163, 206, 235);
    outline: 0 none !important;
}

.login-dialog-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.login-dialog-button {
    height: 34px;
    width: 100%;
    background-color: rgb(0, 119, 200);
    color: rgb(255, 255, 255);
    border: none;
    font-size:14px;
}

.login-dialog-button:focus {
    border: solid 1px rgb(163, 206, 235);
    outline: 0 none !important;
}

.login-dialog-button:focus::-moz-focus-inner { 
  border: 0; 
}

.login-dialog-button:hover {
    background-color: rgb(50, 146, 211);
}

/* Loading screen */

.loading-align {
    width:120px;
    height:120px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-60px;
    margin-top:-60px;
    z-index: 20001;
}

/* Quote sum in quote structure */

.qa-quote-structure-quote-sum-value,.qa-quote-structure-quote-positions {
    color: rgb(50, 146, 211);
}
.qa-quote-structure-quote-positions {
  margin-left: 3px;  
}
/* Tooltip */

.x-form-invalid-tip {
    border: solid 1px rgb(204, 51, 0);
	background-color: rgb(255, 255, 255);
}

.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
        .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr {
    background-image: none;
}

.x-form-invalid-tip .x-tip-body {
    background-image:url(../images/default/exclamation.png);
}

.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
    background-image: none;
}

.x-shadow .xsmc {
    background-image: none;
}

.x-shadow .xsml, .x-shadow .xsmr {
    background-image: none;
}


/* Mask */

.ext-el-mask-msg {
    border: solid 2px rgb(204, 228, 244);
    background-color: rgb(255, 255, 255);
    background-image: none;
}

.ext-el-mask-msg div {
    border: none;
}

/* focus */

.qa-focused, .qa-focused .x-toolbar-btn {
    border-color: rgb(204, 228, 244);
}

.x-panel-btns .x-btn.qa-focused, .qa-dialog-buttons .x-btn.qa-focused, .TextWithEditorWidgetViewportButtonPanel .x-btn.qa-focused, .qa-context-toolbar .x-toolbar-btn.x-component.qa-focused {
    background-color: rgb(166, 208, 236);
    border: solid 1px rgb(50, 146, 211);
}

/* Drag and drop icons */
.x-dd-drop-nodrop .x-dd-drop-icon {
	background-image:url(../images/default/drop-no.png);
}

.x-dd-drop-ok .x-dd-drop-icon {
	background-image:url(../images/default/drop-yes.png);
}

.x-tree-drop-ok-between .x-dd-drop-icon {
	background-image:url(../images/default/drop-between.png);
}

.x-tree-drop-ok-above .x-dd-drop-icon {
	background-image:url(../images/default/drop-above.png);
}
.x-tree-drop-ok-below .x-dd-drop-icon {
	background-image:url(../images/default/drop-below.png);
}

.error-indicator {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 17px;
	color: rgb(255, 0, 0);
}
.calculation-quote-structure .editable {
    color: rgb(50, 146 ,211);
}
.calculation-quote-structure .value-invalid {
    color: rgb(221, 99, 100);
}

/* Sync-Dialog */

.sync-dialog-label {
  width: 100% !important;
}

/* Because of QA-13017: If the query-dialog for embedded offline-sync is displayed, the inline calculated message-cell width of zero is propagated up.  */
.synchronization-dialog .x-grid3-row {
    width: 100% !important;
}
.synchronization-dialog .x-grid-panel {
    height: 100% !important;
}

.x-grid3-cell-inner .qa-sync-message,.x-grid3-hd-inner .qa-sync-message {
    overflow: visible;
    white-space: pre-line;
    width: 100% !important;
}

.x-grid3-row.in-clipboard .x-component,.x-grid3-row.in-clipboard .x-tree3-node-text,.x-grid3-row.in-clipboard .x-grid3-cell-inner,
.x-grid3-body .x-grid3-row.in-clipboard .x-component,.x-grid3-body .x-grid3-row.in-clipboard .x-tree3-node-text,
.x-grid3-body .x-grid3-row.in-clipboard .x-grid3-cell-inner {
    font-style: italic !important;
    color: darkcyan !important;
}
.qa-catalog-article-tile {
    background-color: rgb(255, 255, 255);
    border-width: thin;
    border-style: solid;
    border-color: rgb(227, 227, 227) !important;
}

.qa-catalog-article-tile-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    padding-bottom: 1px;    
}

.qa-catalog-article-tile-add {
    z-index: 100 !important;
    cursor: pointer;
}

.qa-catalog-article-tile-selected {
    background-color: rgb(229, 241, 249) !important;
}

.qa-catalog-article-tile-focused.qa-catalog-article-tile-selected, .qa-catalog-article-tile-focused {
    background-color: rgb(204, 228, 244) !important;
}

.qa-catalog-article-tile-configurable {
    color: rgb(50, 146 ,211);
}

.qa-catalog-article-tile-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
}

.qa-catalog-article-tile-type-icon {
    margin-left: 5px;
}

.qa-structure-collapse-button {
    display: flex;
    align-items: center;    
}

/* additional templates */
.qa-multi-select-check-boxes-item {
    padding-left: 10px;
}

.qa-multi-select-check-boxes-headline {
    font-weight: bold;
}

.qa-multi-select-check-boxes-hidden-field {
    display: none;
}