/**
 * Pimcore
 *
 * This source file is available under two different licenses:
 * - GNU General Public License version 3 (GPLv3)
 * - Pimcore Enterprise License (PEL)
 * 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 PEL
 */


/* 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: #fff;
}

.x-tree-view .x-grid-item-container {
    overflow: visible;
}

/* Style overrides */

.x-tab-default-top {
    border-color: #3c3f41;
    background-color: #e3e4e5;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: inset 0px -4px 5px -4px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px -4px 5px -4px rgba(0,0,0,0.15);
    box-shadow: inset 0px -4px 5px -4px rgba(0,0,0,0.15);
}

.pimcore_body .x-tab-default-top.x-tab-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 3px solid #6428b4;
    padding-top: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.x-tab-over.x-tab-default.x-tab-over {
    background-color: #f9f9f9;
}

.x-tab-over.x-tab-default.x-tab-over.x-tab-active {
    background-color: #fff;
}

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

.x-tab-bar-default {
    background: #ececec;
    border-bottom: 1px solid #fff;
}

.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;
}

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

.x-fieldset {
    background: none;
}

.x-accordion-item .x-accordion-hd {
    padding-top: 5px;
    padding-bottom: 5px;
}

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

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

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

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

.x-panel-header-default {
    background-color: #ececec;
}

.x-panel-header.x-region-collapsed-placeholder {
    border:0;
}

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

.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;
    border-color: #5a5c5e;
}

.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 #ececec;
}

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

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

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

.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-panel-default {
    border-color: #d0d0d0;
}

.x-panel > .x-panel-default-outer-border-trl, .x-panel > .x-panel-default-outer-border-rl, .x-panel > .x-panel-default-outer-border-rbl {
    border-color: #d0d0d0 !important;
    border-style: solid;
}

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

.x-btn-icon .x-btn-icon-el {
    background-size: contain !important;
}

.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;
}

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

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

.x-tree-drop-ok-above .x-dd-drop-icon {
    background-image: url(../js/lib/ext/classic/theme-triton/resources/images/tree/drop-between.gif);
}

.x-tree-drop-ok-below .x-dd-drop-icon {
    background-image: url(../js/lib/ext/classic/theme-triton/resources/images/tree/drop-between.gif);
}

.x-tree-drop-ok-between .x-dd-drop-icon {
    background-image: url(../js/lib/ext/classic/theme-triton/resources/images/tree/drop-between.gif);
}

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

/* 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%;
}

/* Ext override for making disabled fields show tooltip on mouseover - should be fixed in 6.2.0 */
.x-item-disabled, .x-item-disabled * {
    cursor: default;
    pointer-events: all !important; /* enables tooltip for disabled elements */
}
