/**
 * Pimcore
 *
 * This source file is available under two different licenses:
 * - GNU General Public License version 3 (GPLv3)
 * - Pimcore Commercial License (PCL)
 * Full copyright and license information is available in
 * LICENSE.md which is distributed with this source code.
 *
 * @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
 * @license    http://www.pimcore.org/license     GPLv3 and PCL
 */


/* Bugfixes */

.x-datepicker-month .x-btn-over .x-btn-inner, .x-datepicker-month .x-btn-over .x-btn-split-right:after {
    color: #f0f0f0;
}

.x-fieldset .x-fieldset-header {
    background-color: #f6f6f6;
}

/* Style overrides */

.x-tab-default-top {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.pimcore_body .x-tab-default-top.x-tab-active {
    box-shadow: none;
}

.x-tab-over.x-tab-default.x-tab-over {
    background-color: #eaeaea;
    border-color: transparent;
}

.x-tab-over.x-tab-default.x-tab-over.x-tab-active {
    box-shadow: none;
}

.x-tab-inner-default {
    color: #404040;
}

.x-tab-bar-default {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.x-tab-focus.x-tab-default {
    outline: none;
}

.x-tab-default .x-tab-close-btn {
    color: #919191;
}

.x-tab-default.x-tab-over .x-tab-close-btn {
    color: #919191;
}

.x-tab-bar-horizontal > .x-tab-bar-body-default {
    min-height: 30px;
}

/* car object > basedata -> german tab active */
.x-tab.x-tab-active.x-tab-default {
    background-color: #f6f6f6;
    border-color: #d0d0d0;
}

/* car object > basedata -> click on german tab (focus) */
.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    background-color: #f6f6f6;
    border-color: #d0d0d0;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #404040;
}

.x-tab-bar-top .x-tab-bar-strip-default {
    border-bottom: 1px solid #d0d0d0;
}

.x-tab-bar-bottom .x-tab-bar-strip-default {
    border-top: 1px solid #d0d0d0;
}

.x-tab-bar-left .x-tab-bar-strip-default {
    border-right: 1px solid #d0d0d0;
}

.x-tab-bar-right .x-tab-bar-strip-default {
    border-left: 1px solid #d0d0d0;
}

.x-tab-bar-vertical > .x-tab-bar-body-default {
    min-width: 39px;
}

.x-tab-default-bottom {
    border-width: 0 1px 1px 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.x-box-scroller-tab-bar-default {
    background: none;
    color: #919191;
}

.x-tab .x-tab-icon-el {
    min-height: 24px;
    width: 24px;
}

.x-panel-default.x-tabpanel-child {
    border-top: 3px solid #f6f6f6;
}

.x-panel-body-default {
    background: #f6f6f6;
}

.x-window-body-default {
    background: #f6f6f6;
}

.x-fieldset {
    background: none;
}

.x-accordion-item .x-accordion-hd {
    padding-top: 5px;
    padding-bottom: 5px;
    border:0 !important;
}

.x-accordion-item .x-accordion-hd.x-accordion-hd-over {
    background: #dadada;
}

.x-view-item-focused {
    outline: 0;
}

.x-tree-icon {
    width: 24px;
    background-size: 24px;
}

.x-btn-icon-el, .x-tab-icon-el {
    /* this is for pimcore_icon_overlay_* */
    position: relative;
}

.x-tree-view .x-grid-item {
    background-color: #f6f6f6;
}

.x-tree-view .x-grid-item.x-grid-item-over {
    background: #fff;
}

.x-tree-view .x-grid-item.x-grid-item-selected {
    background: #EFF0F1;
}

.x-tree-view .x-grid-item-container {
    overflow: visible;
    padding-top: 10px;
}

.x-tree-view .x-grid-cell-inner-treecolumn, .pimcore_document_seo_tree .x-grid-cell-inner  {
    padding: 3px 6px 3px 0;
    height: 24px;
}

.x-tree-elbow-plus:before,
.x-tree-elbow-end-plus:before,
.x-grid-tree-node-expanded .x-tree-elbow-plus:before,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus:before {
    content: none;
}

.x-tree-elbow-plus,
.x-tree-elbow-end-plus {
    background: url(/bundles/pimcoreadmin/img/main-accordion-plus.svg) center center no-repeat !important;
}

.x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background: url(/bundles/pimcoreadmin/img/main-accordion-minus.svg) center center no-repeat !important;
}

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

.x-grid-item {
    color: #404040;
    font: 300 13px/19px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    background-color: #fff;
}

.x-grid-item.x-grid-item-over {
    background-color: #e4e4e4;
}

.x-grid-item.x-grid-item-selected {
    background-color: #ffefbb;
}

.x-grid-item.x-grid-item-selected.x-grid-item-over {
    background-color: #dfcf9b;
}

.x-grid-item-alt {
    background-color: #f6f6f6;
}

.x-grid-item-alt.x-grid-item-over {
    background-color: #d9d9d9;
}

.x-grid-item-alt.x-grid-item-selected {
    background-color: #f6e6b3;
}

.x-grid-item-alt.x-grid-item-selected.x-grid-item-over {
    background-color: #d6c693;
}

.x-grid-item-focused .x-grid-cell-inner:before {
    border: 0;
}

.x-action-col-icon {
    background-size: 16px !important;
}

.x-column-header-inner {
    padding-top: 1px;
    padding-bottom: 1px;
}

.x-body .x-component.x-mask.x-focus {
    border:0;
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #f6f6f6;
}

.x-panel-header-default {
    background-color: #f6f6f6;
    border: 1px solid #d0d0d0;
}

.x-panel-header-horizontal {
    border-bottom: 1px solid #d0d0d0 !important;
}

.x-panel-header-title-default {
    color: #606060;
}

.x-panel-header-default-horizontal {
    padding: 6px 7px 7px;
}

.x-panel-header-default-horizontal .x-panel-header-title {
    min-height: 24px;
}

.x-panel-header-horizontal .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
    width: 28px;
}

.x-panel-header-horizontal .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 24px;
    height: 24px;
}

.x-column-header {
    background-color: #d0d0d0;
    border-right-color: #5a5c5e;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
}

.x-grid-body {
    border-width:1px;
}

.x-grid-header-ct {
    background-color: #d0d0d0;
}

.x-column-header-text-container {
    display: inline  !important;
}

.x-column-header-text-wrapper {
    display: inline  !important;
}

.x-column-header-text {
    display: inline !important;
}

.x-grid-cell-inner {
    cursor: pointer !important;
}

.x-grid-cell-inner, .x-grid-cell-inner-checkcolumn, .x-grid-cell-inner-action-col {
    padding: 2px 10px 2px;
}

.x-column-header-checkbox .x-column-header-inner, .x-grid-cell-row-checker .x-grid-cell-inner {
    padding: 3px 4px 0px 7px;
}

.x-mask {
    background-color: rgba(0, 0, 0, 0.1);
}

body > .x-mask {
    background-color: rgba(246, 246, 246, 0.75);
}

.x-border-item {
    border-right: 1px solid #d0d0d0;
}

.x-toolbar-default {
    background-color: #f6f6f6;
    padding: 7px 0 6px 8px;
}

.x-toolbar-default.x-toolbar-default-vertical {
    padding: 6px 8px 0;
}

.x-toolbar-more-icon {
    line-height: 24px;
    font-size: 18px;
}

.x-btn-over.x-btn-default-small, .x-btn-over.x-btn-default-medium, .x-btn-over.x-btn-default-large {
    border-color: #000;
    background-color: #000;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #000;
}

.x-form-text-wrap {
    background: #fff;
}

.x-panel-default {
    background: #f6f6f6;
    border-color: #d0d0d0;
}
.x-panel  .x-panel-default-outer-border-l,
.x-panel  .x-panel-default-outer-border-b,
.x-panel  .x-panel-default-outer-border-bl,
.x-panel  .x-panel-default-outer-border-r,
.x-panel  .x-panel-default-outer-border-rl,
.x-panel  .x-panel-default-outer-border-rb,
.x-panel  .x-panel-default-outer-border-rbl,
.x-panel  .x-panel-default-outer-border-t,
.x-panel  .x-panel-default-outer-border-tl,
.x-panel  .x-panel-default-outer-border-tb,
.x-panel  .x-panel-default-outer-border-tbl,
.x-panel  .x-panel-default-outer-border-tr,
.x-panel  .x-panel-default-outer-border-trl,
.x-panel  .x-panel-default-outer-border-trb,
.x-panel  .x-panel-default-outer-border-trl,
.x-panel  .x-panel-default-outer-border-trbl {
    border-color: #d0d0d0 !important;
    border-style: solid;
}

.x-portlet {
    margin-bottom: 10px;
}

.x-btn-default-toolbar-medium .x-btn-icon .x-btn-icon-el,
.x-btn-default-toolbar-small .x-btn-icon .x-btn-icon-el,
.x-btn-default-small .x-btn-icon .x-btn-icon-el  {
    width: 24px;
    height: 24px;
}

.x-btn.x-btn-default-toolbar-small,
.x-btn.x-btn-default-small {
    padding: 3px;
}

.x-btn-button-default-small {
    min-height: 24px;
}

.x-btn.x-btn-default-toolbar-medium {
    padding: 6px;
}

.x-tip-header-default {
    padding: 6px 8px 0 8px;
}

.x-tip-body-default {
    padding: 2px 6px 6px 6px;
}

.x-btn-focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.pimcore_main_toolbar .x-btn.x-btn-focus.x-btn-default-toolbar-medium,
.pimcore_main_toolbar .x-btn.x-btn-focus.x-btn-default-toolbar-small {
    background-color: #484B4E;
}

.x-menu-item-main-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 13px;
    left: 18px;
    line-height: 24px;
    font-size: 16px;
    color: #919191;
    background-position: center center;
}

.x-menu-default {
    border:0;
}

.x-menu-body-default {
    background-color: #1B1E21;
}

.x-menu-item-text-default {
    color: #fff;
}

.x-menu-item-default {
    border-top: 1px solid #2A2D30;
}

.x-menu-item-default:first-child {
    border:0;
}

.x-menu-item-separator + .x-menu-item-default {
    border-top-width: 3px;
}

.x-menu-item-default.x-menu-item-separator {
    border:0;
    height:0;
}

.x-menu-item-default.x-menu-item-active {
    background-color: #2A2D30;
}

.x-menu-item-active .x-menu-item-text {
    font-weight: 100 !important;
}

.x-menu-icon-separator-default {
    border-left-color: #1B1E21;
}

.x-menu-item-link {
    outline: none !important;
}

.x-css-shadow {
    display: none;
    opacity: 0;
}

/*.x-accordion-item .x-tree-icon-parent {
    vertical-align: middle;
}*/

.x-form-item-default.x-item-disabled, .x-form-item-default.x-form-readonly {
    opacity: 0.7;
}

.x-splitter-vertical {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
}

.x-splitter-vertical.x-border-item {
    border-left: 0;
}

.x-box-scroller {
    font-weight: 900;
}

.x-box-scroller-disabled {
    visibility: hidden;
}

.x-form-checkbox-focus.x-form-checkbox-default {
    color: #919191;
}


/* ExtJS 6.0 bugfixes */

.x-accordion-hd .x-tool-right, .x-accordion-hd .x-tool-left {
    background-image: none;
}

/* Bugfix #2178 for Safari 11 that the legend disappear on a fieldset. */
.x-fieldset {
    overflow: visible;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:28 */
.x-colorpicker-colormap {
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/map_gradient.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:35 */
.x-colorpicker-colormap-draghandle-container {
    overflow: visible;
    z-index: 1;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:41 */
.x-colorpicker-colormap-blender {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:49 */
.x-colorpicker-colormap-draghandle {
    width: 15px;
    height: 15px;
    position: relative;
    left: -7px;
    top: -7px;
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/drag_circle.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:60 */
.x-colorpicker-draghandle-container {
    width: 20px;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:63 */
.x-colorpicker-draghandle-container .x-autocontainer-outerCt {
    height: 100%;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:68 */
.x-colorpicker-draghandle {
    width: 32px;
    height: 9px;
    position: relative;
    left: -6px;
    top: -4px;
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/pickerslider.png);
    background-repeat: no-repeat;
    z-index: 1;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:79 */
.x-colorpicker-hue {
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/huegradient.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:86 */
.x-colorpicker-hue-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:95 */
.x-colorpicker-saturation .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, #fff 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
    /* FF3.6+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #000 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #000 100%);
    /* IE10+ */
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:106 */
.x-colorpicker-value .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, red 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, red 0%, #000 100%);
    /* FF3.6+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, red 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, red 0%, #000 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, red 0%, #000 100%);
    /* IE10+ */
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#000000',GradientType=0 );
}

/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:117 */
.x-colorpicker-alpha .x-colorpicker-draghandle-container {
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/checkerboard.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Selector.scss:123 */
.x-colorpicker-preview {
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/checkerboard.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Button.scss:2 */
.x-colorpicker-button {
    position: relative;
    border: 1px solid gray;
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/checkerboard.png);
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Field.scss:3 */
.x-colorpicker-field .x-form-item-body {
    position: relative;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Field.scss:7 */
.x-colorpicker-field input {
    padding-left: 26px;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Field.scss:12 */
.x-colorpicker-field-swatch {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    background-image: url(/bundles/pimcoreadmin/img/ext/colorpicker/checkerboard.png);
    top: 0px;
    bottom: 0px;
    margin: auto;
}

/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/ux/classic/sass/src/colorpick/Field.scss:25 */
.x-colorpicker-field-swatch-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/* Ext override for making the text in disabled fields selectable */
.x-item-disabled *:not(.x-mask) {
    cursor: default;
    pointer-events: auto!important;
}

/* Ext override to allow click through not editable object-brick's mask eg. relation buttons*/
.pimcore_objectbrick_item.x-masked .x-mask{
    pointer-events: none;
}

/** ExtJS7 changes starting from here */
/* base color is #5fa2dd */
.x-window-header-default {
    border-color: #3c3f41;
    background-color: #404040;
}

.x-btn-default-small, .x-btn-default-medium, .x-btn-default-large {
    border-color: #000;
    background-color: #3c3f41;
}

.x-btn-inner-default-small {
    color: #f0f0f0;
}

.x-btn-inner-default-toolbar-small {
    color: #606060;
}

.x-window-header-title-default {
    color: #F0F0F0
}

.x-toolbar-text-default {
    color: #4b4c4c;
    font: 300 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

#pimcore_panel_tabs > .x-tab-bar {
    background: #0C0F12;
    background-image: url(/bundles/pimcoreadmin/img/logo-gray.svg);
    background-repeat: no-repeat;
    background-position: right 5px top 4px;
    background-size: 105px;
}

.x-btn-default-toolbar-small {
    border-color: #e4e4e4;
}


.x-form-cb-label-default {
    color: #404040;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

/* watermark */
.x-panel-header-title-default > .x-title-text-default:after {
    visibility: hidden;
}

/* watermark */
.x-window-header-title-default > .x-title-text-default:after {
    visibility: hidden;
}

/* watermark */
.x-panel-header-title-default-framed > .x-title-text-default-framed:after {
    visibility: hidden;
}

/* watermark */
.x-panel-header-title-light > .x-title-text-light:after {
    visibility: hidden;
}

/* portlet */
.x-panel-header-default-framed-top {
    background-color: #3c3f41;
}

/* portlet */
.x-panel-default-framed {
    border-color: #3c3f41;
}

.x-window-default {
    border-color: #3c3f41;
}

.x-keyboard-mode .x-tab-focus.x-tab-default {
    outline: none;
}

.x-keyboard-mode .x-panel-header-title-light.x-title-focus {
    outline: none;
}

.x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
    outline: none;
}

.x-accordion-hd .x-tool-img {
    background-image: url(images/tools/tool-sprites-dark.png);
    color: #3c3f41;
}

.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default {
    border-color: #d0d0d0;
    background-image: none;
    background-color: #F0F0F0;
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0;
}

.x-keyboard-mode .x-grid-cell-inner-action-col :focus {
    outline: none;
}

.x-column-header {
    font-weight: 300;
}

.x-keyboard-mode .x-form-checkbox-focus.x-form-radio-default {
    color: #919191;
}
.x-keyboard-mode .x-form-checkbox-focus.x-form-checkbox-default {
    color: #919191;
}
.x-keyboard-mode .x-form-cb-checked .x-form-checkbox-focus.x-form-radio-default {
    color: #919191;
}
.x-keyboard-mode .x-form-cb-checked .x-form-checkbox-focus.x-form-checkbox-default {
    color: #919191;
}

/* e.g. combobox */
.x-boundlist-selected {
    color: #fff;
    background: #3c3f41;
    border-color: #3c3f41;
}

.x-boundlist-item-over {
    color: #fff;
    background: #3c3f41;
    border-color: #3c3f41;
}

/** multiselect unselect */
.x-keyboard-mode .x-view-item-focused {
    outline: 1px dashed #3c3f41 !important;
}
