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

.x-keyboard-mode .x-tab {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.x-keyboard-mode .x-mask.x-focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium,
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-,
.x-keyboard-mode .x-btn-focus.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-default-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    outline: 0 !important;
    background-color: #e2e2e2;
    color: white;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-default-medium {
    outline: 3px auto var(--focus-trasparent) !important;
    outline-offset: -1px;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(65, 133, 252, 0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(65, 133, 252, 0.6);
    box-shadow: 0px 0px 10px 0px rgba(65, 133, 252, 0.6);*/
}


.x-keyboard-mode .x-splitter-focus:after {
    border-width: 0;
}

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

.x-panel-body-default {
    font: 400 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.x-panel-header-title-default {
    color: #DF4A36;
    font: 400 16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}


/***************** BUTTONS ***************************************/

.x-btn {
    background-color: #e2e2e2;
    border-width: 0px !important;
    border-radius: 2px;
    /*border-color:  rgb(178,178,178);*/
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/
}

.x-btn:hover {
    text-decoration: none !important;
}

.x-btn-inner-default-toolbar-medium, .x-btn-inner-default-medium {
    font: 500 13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    letter-spacing: 0.2px;
    line-height: 16px;
    color: #666666;
    /*text-transform: uppercase;*/
}

.x-btn-icon-left .x-btn-inner-default-toolbar-medium {
    padding: 0 8px 0 4px;
}

.x-btn .x-btn-inner, .x-btn .x-btn-glyph {
    color: #666666;
}

.x-btn.x-btn-over .x-btn-inner, .x-btn.x-btn-over .x-btn-glyph {
    color: white;
}

.x-btn.x-btn-over, .x-btn.x-btn-focus.x-btn-over {
    background-color: #cdcdcd;
    /*border-color: #999999;*/
}

/*.x-keyboard-mode .x-btn.x-btn-focus,
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium,
.x-btn.x-btn-focus {
    background-color: #e2e2e2;
    color: white;
}*/

.x-btn.x-btn-pressed, .x-btn.x-btn-pressed, .x-btn.x-btn-pressed {
    background-color: #aaaaaa;
    color: white;
    /*border-color: rgb(211, 211, 211);*/
}

/*.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium {
    background-image: none;
    background-color: #f5f5f5;
    -webkit-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset;
    -moz-box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset;
    box-shadow: #4297d4 0 1px 0px 0 inset, #4297d4 0 -1px 0px 0 inset, #4297d4 -1px 0 0px 0 inset, #4297d4 1px 0 0px 0 inset;
}*/

.x-btn-default-medium {
    padding: 5px 3px 4px 3px;
}

.x-btn.x-btn-disabled.x-btn-default-small, .x-btn.x-btn-disabled.x-btn-default-medium, .x-btn.x-btn-disabled.x-btn-default-large {
    background: rgb(235, 235, 235);
    color: rgb(115, 115, 115);
    border-color: rgb(211, 211, 211);
}

.x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after {
    background-image: url(../images/icon/other/arrowhead_expand.svg);
    background-size: 18px;
    background-position: center;
}

.x-toolbar-text-default {
    font: 400 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #49484B;
}

.x-tool-expand-left {
    background-position: 0 0 !important;
    background-image: url(../images/icon/main/arrowhead_left.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-tool-collapse-left {
    background-position: 0 0;
    background-image: url(../images/icon/main/arrowhead_left.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-tool-expand-right {
    background-position: 0 0;
    background-image: url(../images/icon/main/arrowhead_right.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-tool-collapse-right {
    background-position: 0 0;
    background-image: url(../images/icon/main/arrowhead_right.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-accordion-hd .x-panel-header-title {
    color: #4A4A4A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    font-size: 16px;
    font-weight: 500;
}

.x-panel-header-title-default > .x-title-text-default {
    /*text-transform: uppercase;*/
    line-height: 20px;
    font-weight: 400;
}

.x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    color: #DF4A36;
}

.x-accordion-item .x-accordion-hd {
    /*background: transparent;*/
    border-color: transparent !important;
    padding: 16px 25px 16px 20px;
    position: relative;
}

.x-tool-collapse-top {
    background-position: 0 0;
    background-image: url(../images/icon/other/accord_collapsed.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-tool-expand-bottom {
    background-position: 0 0;
    background-image: url(../images/icon/other/accord_expanded.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.x-accordion-item.x-panel-collapsed .x-accordion-hd:after {
    height: 1px;
    content: "";
    bottom: -1px;
    left: 25px;
    right: 25px;
    position: absolute;
    z-index: 3;
    border-bottom: 3px solid #D0D1D2;
}

/*background: transparent;
border-width: 0 0 1px;
border-color: #fff #cfcfcf #cfcfcf;
padding: 16px 30px;*/


.x-accordion-item .x-accordion-hd-sibling-expanded:before {
    height: 0;
    content: "";
    top: -1px;
    left: 25px;
    right: 25px;
    position: absolute;
    z-index: 3;
    border-bottom: 3px solid #D0D1D2;
}

.x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
    outline: none;
    /*outline-offset: 2px;*/
}

.x-grid-empty {
    text-align: center;
    color: grey;
    background-color: transparent;
    font: 400 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.x-grid-cell {
    color: var(--text-input);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 15px;
    line-height: 16px;
}

.x-grid-cell-inner {
    padding: 12px 10px 12px;
}

.x-grid-widgetcolumn-cell-inner {
    padding: 10px 10px 10px;
}

.x-column-header {
    background: transparent;
    /*border-color: rgb(228, 228, 228);*/
    /*outline: none !important;*/
    border-right-color: transparent;
    outline: none !important;
}

.x-column-header-over .x-column-header-trigger,
.x-column-header-open .x-column-header-trigger {
    background-color: #f7f7f7;
}

.x-rtl.x-column-header {
    border-left-color: transparent; /* rtl */
}

.x-column-header-inner {
    padding: 7px 10px 7px;
    color: #666666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.43px;
    line-height: 16px;
    text-align: left;
}

.x-rtl .x-column-header-inner {
    text-align: right;
}

.x-column-header-checkbox .x-column-header-inner, .x-grid-checkcolumn-cell-inner {
    padding: 7px 4px 7px 4px;
}

.i-main-grid .x-column-header-inner {
    padding: 12px 10px 12px;
}

.i-main-grid .x-column-header-checkbox .x-column-header-inner, .x-grid-checkcolumn-cell-inner {
    padding: 12px 4px 12px;
}

.x-keyboard-mode .x-column-header.x-column-header-focus .x-column-header-inner:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid transparent;
    pointer-events: none;
}

.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
    background-image: none;
    background-color: white;
}

.x-column-header-sort-DESC:after, .x-column-header-sort-ASC:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 0;
    border-bottom: 4px solid #DF4A36 !important;
    z-index: 1000;
}

.x-column-header-trigger {
    background-color: #FFF;
    border-left: 0 solid #cecece;
}

.x-rtl.x-column-header-trigger {
    border-right: 0 solid #cecece;
}

.x-rtl.x-column-header-last .x-column-header-over .x-column-header-trigger {
    border-left: 0 solid #cfcfcf;
}

.x-column-header-last .x-column-header-over .x-column-header-trigger {
    border-right: 0 solid #cfcfcf;
}

.x-rtl .x-column-header-sort-ASC .x-column-header-text-inner,
.x-rtl .x-column-header-sort-DESC .x-column-header-text-inner {
    padding-left: 17px;
    background-position: left center;
}

.x-column-header-open, .x-column-header-open .x-column-header-trigger {
    background-color: #FFF;
}

.x-column-header-trigger {
    border-left-color: rgb(228, 228, 228);
}

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

.x-column-header-text {
    text-transform: uppercase;
}

.x-grid-header-ct {
    border: 0px solid #DEDEDE;
}

.x-grid-body {
    border-top-color: #DEDEDE;
}

.x-grid-item-alt {
    /*alt row*/
    background-color: #fff;
}

.x-grid-with-row-lines .x-grid-item {
    border-color: #DEDEDE;
}

.x-grid-row .x-grid-cell-selected {
    color: #333;
    background-color: transparent;
}

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

.x-grid-item-over .x-grid-cell {
    color: #333;
}

.x-grid-item-selected {
    color: #333;
    /*box-shadow: 0px 2px 5px #cecece, 0px -2px 5px #cecece;*/
    background-color: #eeeeee;
    z-index: 1;
}

.x-grid-item-selected:after {
    box-shadow: 0px 2px 5px #cecece, 0px -2px 5px #cecece;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    content: "";
}

.x-grid-item-selected .x-grid-cell {
    color: #000;
}

.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-color: #D7D7D7;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: #D7D7D7;
}

/*.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: #cecece;
}*/
.x-grid-item-focused .x-grid-cell-inner:before {
    /*border: 1px solid #F2B2AA;*/
    display: none;
}

/*.x-grid-item-focused .x-grid-row:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border: 1px solid #3d92cf;
}*/
/*DEDEDE*/

.x-grid-row-summary {
    /*height: 40px;*/
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #000;
}

.x-grid-item {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.x-grid-group-hd {
    padding: 12px 10px;
}

.x-grid-group-hd-collapsible .x-grid-group-title {
    padding: 0 0 0 20px;
    background-image: url(../images/icon/main/minus.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position-y: 0;
}

.x-grid-group-hd-collapsed .x-grid-group-title {
    background-image: url(../images/icon/main/plus.svg);
}

.x-grid-group-title {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    height: 18px;
}

.x-column-header-checkbox .x-column-header-checkbox:after,
.x-grid-checkcolumn:after {
    content: " ";
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/checkbox/checkbox_uncheck.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

/* /home/teamcity/buildAgent/work/15430dba7b3c92a0/sencha/ext/classic/theme-neutral/sass/src/grid/column/Check.scss:42 */
.x-item-disabled .x-column-header-checkbox .x-column-header-checkbox,
.x-item-disabled .x-grid-checkcolumn {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
}

/* /home/teamcity/buildAgent/work/15430dba7b3c92a0/sencha/ext/classic/theme-neutral/sass/src/grid/column/Check.scss:53 */
.x-grid-hd-checker-on .x-column-header-checkbox:after,
.x-grid-checkcolumn-checked:after {
    /*background-position: 0 -15px;*/
    background-position: 0 0;
    background-image: url(../images/icon/checkbox/checkbox_check.svg);

}

/* /home/teamcity/buildAgent/work/15430dba7b3c92a0/sencha/ext/classic/theme-neutral/sass/src/grid/column/Check.scss:72 */
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    /*background-position: 0 -15px;*/
    background-position: 0 0;
    background-image: url(../images/icon/checkbox/checkbox_check.svg);
}

.i-noborder-grid .x-selmodel-checkbox {
    border-right-width: 0px !important;
}


/*.x-grid-row-checker, .x-column-header-checkbox .x-column-header-text {
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/checkbox/checkbox_uncheck.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.x-grid-row-checker:HOVER, .x-column-header-checkbox .x-column-header-text:HOVER {
    background-image: url(../images/icon/checkbox/checkbox_uncheck_over.svg);
}

.x-grid-hd-checker-on .x-column-header-text, .x-grid-item-selected .x-grid-row-checker, .x-grid-item-selected .x-grid-row-checker {
    background-image: url(../images/icon/checkbox/checkbox_check_over.svg);
    background-position: 0;
}

.x-grid-hd-checker-on .x-column-header-text:HOVER, .x-grid-item-selected .x-grid-row-checker:HOVER, .x-grid-item-selected .x-grid-row-checker:HOVER {
    background-image: url(../images/icon/checkbox/checkbox_check_over.svg);
}*/

.x-grid-row-summary .x-grid-cell, .x-grid-row-summary .x-grid-rowwrap, .x-grid-row-summary .x-grid-cell-rowbody {
    /*border-color: #cecece;*/
    background-color: #f7f7f7 !important;
    /*border-top: 1px solid #cecece;*/
    color: black;
    font: 400 15px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.x-grid-cell-inner-action-col {
    padding: 6px 4px 4px 4px;
}

.x-action-col-icon {
    width: 24px;
    height: 24px;
}

/********************** SPLITER ************************************/
.x-splitter {
    background-color: #F7F7F7;
}

.x-splitter-horizontal {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.x-splitter-horizontal:after {
    content: '';
    width: 24px;
    height: 3px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    top: 2px;
    left: calc(50% - 12px);
    position: absolute;
    z-index: 1;
}

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

.x-splitter-vertical:after {
    content: '';
    height: 24px;
    width: 3px;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    left: 1px;
    top: calc(50% - 12px);
    position: absolute;
    z-index: 1;
}


.x-splitter-focus {
    outline: 0px solid var(--focus);
}

/********* TABPANEL **********************/
.x-tab.x-tab-disabled.x-tab-default .x-tab-inner-default {
    opacity: 0.5;
}

.x-tab-bar .x-tab-inner-default {
    color: #9B9B9B;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 20px;
    text-transform: uppercase;
}

.x-tab-bar .x-tab {
    outline: none !important;
    border-radius: 0;
}

.x-tab-bar {
    background: transparent;
}

.x-tab-bar .x-tab.x-tab-default {
    background: transparent;
    border-width: 0;
    border-color: transparent;
}

.x-tab-bar .x-tab.x-tab-over.x-tab-default {
    background-color: transparent;
}

.x-tab-bar .x-tab.x-tab-active.x-tab-default {
    background-color: transparent;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #555555;
    font-weight: 500;
}

.x-tab-bar .x-tab-default-left {
    /*    margin: 8px 0;
        padding: 4px 25px;*/
}

.x-form-text-default .x-tagfield-item {
    color: #333;
}

.x-tab-bar-default-left > .x-tab-bar-body-default {
    /*padding: 50px 0 0;*/
}

.x-tab-default-top {
    padding: 8px 10px;
}

.x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 0;
}

.x-tab-bar-default-top > .x-tab-bar-body-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 0;
    border-bottom: 1px solid #c3c3c3 !important;
}

.x-tab-bar-default-left > .x-tab-bar-body-default {
    padding: 0;
}

.x-tab-bar-default-left > .x-tab-bar-body-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0;
    width: 0;
    border-right: 1px solid #c3c3c3 !important;
}

/*.x-tab-bar-default-top {
    border-bottom: 1px solid #c3c3c3;
}*/

.x-tab-bar-default-top > .x-tab-bar-body-default .x-tab.x-tab-active.x-tab-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 0;
    border-bottom: 4px solid #DF4A36 !important;
    z-index: 1000;
}

.x-tab-bar-default-left > .x-tab-bar-body-default .x-tab.x-tab-active.x-tab-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0;
    width: 0;
    border-right: 4px solid #DF4A36 !important;
    z-index: 1000;
}

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

.x-tab-bar-default-top > .x-tab-bar-body-default .x-tab.x-tab-over.x-tab-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 0;
    border-bottom: 4px solid #c3c3c3 !important;
    z-index: 1000;
}

.x-tab-bar-default-left > .x-tab-bar-body-default .x-tab.x-tab-over.x-tab-default:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    width: 0;
    border-right: 4px solid #c3c3c3 !important;
    z-index: 1000;
}

.x-tab-bar-default-top > .x-tab-bar-body-default .x-tab .x-tab-inner-default {
    text-align: center;
    min-width: 100px;
}


.x-box-scroller-tab-bar-default.x-box-scroller-right {
    background-image: url(../images/icon/other/arrowhead_right.svg);
}

.x-box-scroller-tab-bar-default.x-box-scroller-left {
    background-image: url(../images/icon/other/arrowhead_left.svg);
}

/*********************** MENU ***************************/
.x-menu-default {
    padding-top: 0px;
    border-width: 0;
}

.x-menu-item-text-default {
    padding: 2px 5px 2px 15px;
    font: 400 15px/28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #000000;
}

.x-menu-item-arrow-default {
    top: 11px;
}

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

.x-menu-item-active .x-menu-item-arrow-default {
    top: 11px;
}

.x-menu-item-icon-default {
    width: 20px;
    height: 20px;
    top: 6px;
    left: 5px;
}

.x-menu-item-icon-default.x-menu-item-glyph {
    font-size: 16px;
    line-height: 30px;
}

.x-menu-item-icon-default.x-menu-item-icon-right {
    top: 10px;
}

.x-menu-item-default.x-menu-item-active {
    background-color: rgb(234, 234, 234);
}

.x-menu-item-text-default {

    padding-left: 5px;
    padding-right: 15px;
}

.x-menu-item-arrow-default {
    top: 11px;
}

.x-menu-item-active .x-menu-item-arrow-default {
    top: 11px;
}

.x-menu-item-icon-default {
    width: 20px;
    height: 20px;
    top: 6px;
    left: 5px;
}

.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    background-image: none;
}

.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    background-image: url(../images/icon/main/check_mark.svg);
    background-size: contain;
}

/********************* INPUTS *****************************/
.alt-theme .x-form-item {
    padding-left: 2px;
    padding-right: 2px;
}

.x-form-item {
    padding: 3px 16px;
}

.x-form-item-label-default {
    font: 400 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #666;
    /*letter-spacing: 0.3px;*/
    /*color: black;*/
}

.x-form-text-default {
    font: 400 16px/19px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 6px 6px;
    background-color: transparent;
    /*background-color: rgb(248,248,248);*/
}

/*.x-form-text-default.fontS1 {
    font-size: 15px;
    line-height: 19px;
}

.x-form-text-default.fontS2 {
    font-size: 14px;
    line-height: 19px;
}

.x-form-text-default.fontS3 {
    font-size: 13px;
    line-height: 19px;
}

.x-form-text-default.fontS4 {
    font-size: 12px;
    line-height: 19px;
}*/

.x-form-trigger-wrap-default {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-color: #616161;
    border-bottom-width: 1px;
    /*margin-bottom: 1px;*/
    /*border-bottom-width: 2px;
    border-bottom-style: dotted;*/
    /*border-radius: 4px;*/
}

.i-caption-field .x-form-trigger-wrap-default {
    border-bottom-style: solid;
}

.x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner-default {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: var(--text-label);
    /*letter-spacing: 0.5px;*/
}

/** Label Container, not Label *****/
.x-form-item-label-default.x-form-item-label-top {
    height: 14px !important;
    position: relative;
    overflow: visible;
    padding-top: 0;
}

/**
Label on top of field on focused empty or by default or field is with empty text
 */
/*.x-field-focus.x-form-empty-field .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.i-empty-text.x-form-empty-field .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.i-empty-text.x-field-focus.x-form-empty-field.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {*/
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font-size: 14px;
    line-height: 16px;
    color: #666;
    letter-spacing: 0px;
    padding-left: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    transition: 0.3s ease-in-out;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
Label inside field on empty field or focused empty readonly field
 */
body:not(.i-font-bold) .x-form-empty-field:not(.x-form-readonly):not(.x-field-focus):not(.i-empty-text):not(.i-no-label-animate) .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font: 400 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    /*height: auto;*/
    padding-top: 19px;
    padding-left: 2px;
    color: #757575;
    position: absolute;
    white-space: nowrap;
    max-width: calc(100% - 20px);
    transition: 0.3s ease-in-out;
}

/**
Label on top of each field of read-only form  --- REMOVED, now is default
 */
/*.i-form-read-only .x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.i-form-read-only .x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    font-size: 14px;
    line-height: 16px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}*/

.x-field-focus.x-form-empty-field .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.x-field-focus .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    color: var(--focus);

}

.x-field-focus .x-form-trigger-wrap-default input,
.x-field-focus .x-form-trigger-wrap-default textarea {
    color: var(--focus);
}

.x-form-text-default {
    padding: 3px 2px 3px;
    min-height: 26px;
}

/*.x-field.x-not-editable .x-tagfield-input-field {
    min-width: 0;
    width: 0;
}*/

.x-form-readonly .x-tagfield .x-tagfield-list .x-tagfield-input {
    max-width: 0;
    width: 0;
}

.x-form-text-default.x-tagfield {
    padding: 3px 2px 0 0px;
}

.x-form-field-date.x-form-item label.x-form-item-label-default.x-form-item-label-top ~ div.x-form-item-body .x-form-text-default {
    padding: 2px 2px 5px 0px;
}

.x-form-item label.x-form-item-label-default.x-form-item-label-top ~ div.x-form-item-body .x-form-text-default {
    padding: 3px 2px 4px;
}

.x-form-field-date.x-form-item label.x-form-item-label-default.x-form-item-label-top ~ div.x-form-item-body .x-form-text-default.x-tagfield {
    padding: 2px 2px 0 0px;
}

.x-form-item label.x-form-item-label-default.i-mandatory-label ~ div.x-form-item-body > .x-form-trigger-wrap-default {
    border-bottom-style: solid;
}

.i-mandatory-label .x-form-item-label-inner:before {
    content: '*';
    color: #DF4A36;
    margin-right: 1px;
}

.x-rtl.x-grid-cell-special {
    border-right-width: 0;
    border-left-width: 0;
}

.x-form-trigger-default {
    background-color: transparent;
}


.x-form-trigger-wrap-default.x-form-trigger-wrap-focus,
.x-form-file-wrap .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: var(--focus);
}

.x-form-trigger-wrap-default input {
    border-radius: 0;
    color: var(--text-input);
}

.x-form-trigger-wrap .x-form-trigger-wrap-default input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.x-form-text-wrap-default {
    border-radius: 0px;
    background-color: transparent;
}

.x-form-text-file {
    border-radius: 0px;
}

.x-form-invalid .x-form-item-label-top > .x-form-item-label-inner {
    /*color: #FF3939 !important;*/
    color: var(--text-label-invalid) !important;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid,
.x-form-file-wrap .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: var(--text-invalid);
}

.i-multifile .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid,
.i-imagefilefield .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: var(--text-invalid);
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid .x-form-text-default, .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid .x-form-text-wrap {
}

.x-form-cb-label-default {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: var(--text-label);
}

/*.x-form-readonly .x-form-trigger-wrap-default {
    border-color: rgb(242, 242, 242);
}*/

.x-form-readonly .x-form-trigger-wrap-default {
}

.x-form-readonly .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner,
.x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner,
.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    color: var(--text-input-readonly);
}

.x-form-readonly input, .x-form-readonly input:focus, .x-form-readonly textarea, .x-form-readonly textarea:FOCUS {
    /*background: rgb(251, 251, 251);*/
    background-color: transparent;
}

.x-form-text-default.x-form-textarea {
    line-height: 20px;
    min-height: 40px;
}

.x-form-file-wrap .x-form-trigger-wrap {
    border-color: #bababa;
}

.x-form-file-wrap .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: #FF3939;
}

.x-form-file-wrap .x-form-trigger-wrap .x-form-text {
    height: 26px;
}

/*.x-form-item-body {
    padding-bottom: 16px;
}

.x-form-invalid .x-form-item-body {
    padding-bottom: 0px;
}*/

.x-form-error-wrap-under {
    min-height: 16px;
    height: 16px;
    display: table-row !important;
}

.x-form-error-wrap-under > .x-form-error-msg {
    /*display: none;*/
}

.x-form-invalid .x-form-error-wrap-under > .x-form-error-msg {
    display: block;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
}

/* TEST */
/*.x-form-invalid .x-form-error-wrap-under > .x-form-error-msg li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/

.x-form-error-wrap-under > .x-form-error-msg {
    padding: 1px 6px;
    color: var(--text-label-invalid);
    font: 300 14px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    background: none;
    height: auto;
}

.i-error-format1 .x-form-error-wrap-under {
    height: 16px;
    display: table-row !important;
}

.i-error-format1 .x-form-error-wrap-under > .x-form-error-msg {
    display: none;
}

.i-error-format1 .x-form-invalid .x-form-error-wrap-under > .x-form-error-msg {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.i-error-format1 .x-form-invalid .x-form-error-wrap-under > .x-form-error-msg li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.i-error-format1 .x-form-error-wrap-under > .x-form-error-msg {
    padding: 1px 6px;
    color: var(--text-label-invalid);
    font: 300 12px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    background: none;
    height: 16px;
}

.x-window .x-grid-cell-inner > .x-form-item,
.x-grid-cell-inner > .x-form-item {
    padding-top: 0;
    padding-bottom: 0;
}

.x-grid-cell-inner > .x-form-item.x-form-type-checkbox .x-form-cb-default {
    margin-top: 10px;
}

/*.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item,*/
.x-table-form-item {
    margin-bottom: 0px;
}

.x-form-readonly .x-form-trigger-wrap-default input {
    color: var(--text-input-readonly);
}

.x-form-readonly .x-form-trigger-wrap-default textarea {
    color: var(--text-input-readonly);
}

.x-form-readonly .x-form-display-field-default {
    color: var(--text-input-readonly);
}

.x-form-readonly .x-form-cb-label-default {
    color: var(--text-input-readonly);
}

.x-form-readonly .x-form-trigger-wrap-default {
    border-color: #d4d4d4;
    border-bottom-style: solid;
}

.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    /*background-color: #F9F9F9;*/
    color: var(--text-input-readonly);
}

.i-form-read-only .x-form-readonly .x-form-trigger-wrap-default input {
    /*color: #333;*/
    color: var(--text-input-form-readonly);
}

.i-form-read-only .x-form-readonly .x-form-trigger-wrap-default {
}

.i-form-read-only .x-form-readonly .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner,
.i-form-read-only .x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner,
.i-form-read-only .x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.i-form-read-only .x-field-focus.x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    color: var(--text-label);
}

/*.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-top: 2px;
    padding-bottom: 0px;
}*/

.x-form-text-default .x-tagfield-item {
    /*background-color: #ffede9;
    border: 1px solid #DF4A36;*/
}

.x-form-readonly .x-tagfield-item-close {
    display: none;
}

.x-form-readonly .x-form-text-default .x-tagfield-item {
    padding: 1px 7px 2px 5px;
}

.x-form-text-default .x-tagfield-item {
    padding: 1px 19px 2px 5px;
}

/*************************************** PAGE TOOLBAR *******************************/
.x-grid-paging-toolbar .x-form-text-default {
    paging-top: 3px;
    paging-bottom: 3px;
}

.x-grid-paging-toolbar .x-form-trigger-wrap-default {
    border-bottom-style: solid;
}

/************************************* ON WINDOW *************************************/
.x-window .x-grid-view {
    background: white;
}

.x-window .x-form-item-label-top {
    background-color: white;
}

.x-window .x-form-item-body {
    background-color: white;
}

.x-window .x-grid-cell .x-form-item-body {
    background-color: transparent;
}

.x-window .x-form-checkboxgroup .x-form-item-body {
    background-color: transparent;
}

.x-window .x-form-item, .i-panel-window-style .x-form-item {
    padding: 5px 10px 5px;
}

.x-window .x-table-layout tr > .x-table-layout-cell:last-child {
    padding-right: 6px;
}

.x-window .x-table-layout tr > .x-table-layout-cell:not(:first-child) {
    padding-left: 20px;
}

.x-window .x-table-layout tr > .x-table-layout-cell:not(:last-child) {
    padding-right: 20px;
}

.x-window .x-table-layout .x-form-fieldcontainer .x-table-layout tr > .x-table-layout-cell {
    padding-left: 0px;
    padding-right: 0px;
}

/*.x-window .x-table-layout tr > .x-table-layout-cell:first-child  .x-box-target > .x-hbox-form-item:first-child {*/
/*padding-left: 10px;*/
/*}*/
/*.x-window .x-table-layout tr > .x-table-layout-cell:last-child  .x-box-target > .x-hbox-form-item:last-child {*/
/*padding-right: 10px;*/
/*}*/

.x-window .x-form-trigger-wrap-default {
    border-bottom-width: 1px;
    margin-bottom: 1px;
}

.x-window .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-bottom-width: 2px;
    margin-bottom: 0px;
}

.x-window .x-form-readonly .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-bottom-width: 1px;
    margin-bottom: 1px;
}


.x-window .x-form-readonly .x-form-item-body {
    /*background-color: #F9F9F9;*/
}

/*HERE*/
/*.x-window .x-form-readonly .x-form-trigger-wrap-default input {
    color:var(--text-input-readonly);
}

.x-window .x-form-readonly .x-form-trigger-wrap-default {
    border-color: #d4d4d4;
}*/

.i-multifile .x-form-trigger-wrap-default {
    border-bottom-width: 1px;
    margin-bottom: 1px;
}

.i-multifile .x-form-item-label-top {
    background-color: transparent;
}

.i-multifile .x-form-item-body {
    background-color: transparent;
}

.x-window .i-multifile input, .x-window .i-multifile input:focus, .x-window .i-multifile textarea.x-window, .i-multifile textarea:FOCUS {
    background-color: transparent;
}

/************** MASK *************************/
.i-modal-mask {
    background-color: rgba(142, 142, 142, 0.7);
}

.x-mask {
    /*background-color: rgba(142, 142, 142, 0.7);*/
}

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

.x-mask-msg-inner {
    font: 400 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #DF4A36;
}

.x-mask-msg-text {
    text-align: center;
}

.x-mask-msg-text {
    padding: 58px 0 0;
    background-size: 54px 54px;
    background-image: url(../images/loading7.svg);
}

.x-rtl.x-mask-msg-text {
    padding: 58px 0 0;
}

.x-mask-msg {
    /*background: transparent;*/
    /*webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
    background: transparent;
    min-width: 150px;
    /*border: 1px solid #DDD;*/
    border-width: 0;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/
}

/*********************************** WINDOW **********************************/
.x-window-header-default-top {
    background-color: #202D3A;
    border-color: #202D3A;
    padding: 8px 20px;
    border-radius: 0 !important;
}

.x-window-header-title-default {
    color: white;
    font-size: 18px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    line-height: 24px;
}

.x-window-body-default {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-weight: 400;
}

.x-window-default {
    border-radius: 0 !important;
    /*background-color: #f4f5f6;*/
}

.x-window-default .x-panel-body-default {
    /*background-color: transparent;*/
}

.x-window-header-default .x-tool-img {
    background-color: transparent;
}

.x-tip-default .x-tool-img.x-tool-close {
    background-image: url(../images/icon/main/close.svg);
    background-color: transparent;
    height: 18px;
    width: 18px;
}

.x-tool-close {
    background-image: url(../images/icon/white/close.svg);
    background-repeat: no-repeat;
    margin-top: -2px;
    /* background-position: center !important; */
    /* background-size: 17px 17px; */
    width: 24px;
    height: 24px;
    background-size: contain;
}

.x-window-header-default-horizontal .x-tool-after-title {
    margin: 0 0 0 15px;
}

.alt-theme .x-window-body-default {
    background-color: #f4f5f6;
}

.x-toolbar-footer {
    background-color: transparent;
}

.x-toolbar-footer {
    border-top: 1px solid #e2e2e2;
}

.x-message-box .x-window-header-title-default {
    line-height: 19px;
    font-size: 14px;
}

.x-message-box .x-window-header-default-top {
    padding: 7px 20px;
}

.x-message-box .x-window-text {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding-top: 2px;
    padding-bottom: 2px;
}

.x-message-box .x-container.x-box-item.x-container-default.x-box-layout-ct {
    display: flex;
    justify-content: center;
    min-height: 14px;
}

.x-message-box .x-container.x-box-item.x-container-default.x-box-layout-ct > .x-box-inner {
    margin: auto 0;
}

.x-message-box .x-window-header-default-top {
    background-color: #fff;
    border-color: #fff;
}

.x-message-box .x-btn-button-default-medium {
    min-height: 24px;
}

.x-message-box .x-window-header-title-default {
    color: #222;
    /* font-weight: 400; */
    font-size: 18px;
}

.x-rtl.x-message-box-icon {
    margin-right: 0;
    margin-left: 10px;
}

.x-message-box .x-toolbar-footer {
    border-top-width: 0;
}

.x-message-box .x-btn,
.x-message-box .x-btn.i-primary-btn,
.x-message-box .x-btn-over.i-primary-btn,
.x-message-box .x-btn-focus.x-btn-over.i-primary-btn {
    background-color: transparent !important;
}

.x-message-box .x-btn .x-btn-inner {
    color: #666;
    font-size: 16px;
}

.x-message-box .x-btn-over .x-btn-inner {
    color: #222;
}

.x-message-box .x-btn.i-primary-btn .x-btn-inner {
    color: #DF4A36 !important;
}

.x-message-box .x-btn-over.x-btn.i-primary-btn .x-btn-inner {
    color: #e7756a !important;
}


.x-message-box .x-btn.i-primary-btn.i-primary-message-button .x-btn-inner,
.x-message-box .x-btn-over.x-btn.i-primary-btn.i-primary-message-button .x-btn-inner {
    color: white !important;
}

.x-message-box .x-btn.i-primary-btn.i-primary-message-button {
    background-color: #DF4A36 !important;
}

.x-message-box .x-btn-over.i-primary-btn.i-primary-message-button,
.x-message-box .x-btn-focus.x-btn-over.i-primary-btn.i-primary-message-button {
    background-color: #e7756a !important;
}

.x-keyboard-mode .x-message-box .x-btn-focus.x-btn-default-medium {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;;
    box-shadow: none !important;;
    outline: 0 !important;
}

.x-message-box .x-tool-close {
    background-image: url(../images/icon/main/close.svg);
}

/************************ CHECKBOX *********************************/
.x-form-type-checkbox .x-form-checkbox-default {
    width: 18px;
    height: 18px;
    /*background-image: url(../images/checkbox/checkbox_20.png);*/
    background-image: url(../images/icon/checkbox/checkbox_uncheck.svg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    /*margin-left: 6px;*/
}

.x-form-cb-wrap-default {
    height: 28px;
}

.x-form-type-checkbox.x-form-cb-checked .x-form-checkbox-default {
    background-image: url(../images/icon/checkbox/checkbox_check.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.x-form-type-checkbox.x-item-disabled .x-form-checkbox-default {
    opacity: 0.2;
    /*background-image: url(../images/svg-checkbox/cb-disabled.svg);
    background-size: contain;
    background-repeat: no-repeat;*/

}

.x-form-type-checkbox.x-form-cb-checked.x-item-disabled .x-form-checkbox-default {
    opacity: 0.2;
    /*background-image: url(../images/svg-checkbox/cb-active-disabled.svg);
    background-size: contain;
    background-repeat: no-repeat;*/
}

/*.x-item-disabled.x-form-item-label, .x-item-disabled.x-form-cb-label {
    filter: alpha(opacity=100);
    opacity: 1;
}
.x-form-item-default.x-item-disabled.x-form-type-checkbox {
	filter: alpha(opacity=100);
	opacity: 1;
}
.x-form-item-default.x-item-disabled.x-form-type-checkbox .x-form-item-label {
	filter: alpha(opacity=30);
	opacity: 0.3;
}*/
.x-form-type-checkbox .x-field-default-form-checkbox-focus {
    background-image: url(../images/icon/checkbox/checkbox_uncheck_over.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.x-form-type-checkbox.x-form-cb-checked .x-field-default-form-checkbox-focus {
    background-image: url(../images/icon/checkbox/checkbox_check_over.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 28px;
    padding-right: 0px;
    font: 400 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    margin: 3px 0 0;
}

.x-rtl.x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 0px;
    padding-right: 28px;
}

.x-form-check-group {

}

.x-form-check-group .x-form-cb-label-default {
    /*margin-top: 7px;*/
}

.x-form-check-group .x-form-cb-label-default.x-form-cb-label-after {
    line-height: 18px;
}


.x-form-item-body-default.x-form-checkboxgroup-body {
    padding-left: 0;
}


/************************** RADIO ************************/

.x-form-radio-default {
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/checkbox/radio_uncheck.svg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    margin-left: 6px;
}

.x-form-cb-checked .x-form-radio-default {
    background-image: url(../images/icon/checkbox/radio_check.svg);
}

.x-field-default-form-checkbox-focus {
    background-image: url(../images/icon/checkbox/radio_uncheck_over.svg);
}

.x-form-cb-checked .x-field-default-form-checkbox-focus {
    background-image: url(../images/icon/checkbox/radio_check_over.svg);
}

.x-radiofield-default-cell .x-form-cb-wrap-default {
    height: 18px;
}

.x-radiofield-default-cell .x-form-cb-default {
    margin-top: 0px;
}

/************************ COMBO **************************/
.x-boundlist {
    border-width: 0;
}

.x-boundlist-item {
    font: 400 16px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #444;
    padding: 5px 10px;
}

.x-boundlist-item.x-boundlist-item-over {
    background-color: rgb(234, 234, 234);
}

.x-boundlist-selected {
    background-color: rgb(224, 224, 224);
    border-color: rgb(224, 224, 224);
}

/*.x-form-trigger-default {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}*/


/************************ QTIP ************************/

.x-form-item-label-default.x-form-item-label-top-side-error:after {
    width: 0px;
}

.x-form-error-wrap-default.x-form-error-wrap-side {
    width: 0px;
    position: relative;
}

.x-form-error-wrap-side .x-form-invalid-icon-default {
    position: absolute;
    bottom: 6px;
    left: 1px;
    margin: 0;
    cursor: pointer;
    background-size: contain;
    background-image: url(../images/icon/main/exclamation3.svg);
    height: 16px;
    width: 16px;
}

.x-tip-form-invalid {
    background-color: #f7f7f7;
    /*   border-color: #e1e1e1;*/
}

.x-tip-body-form-invalid {
    background: 1px 5px no-repeat;
    background-image: url(../images/icon/main/exclamation3.svg);
    background-size: 16px 16px;
    /*background-image: url('resources/images/')*/
}

.x-tip-.x-tip-default, .x-tip-default {
    background-color: #f7f7f7;
    /*white-space: nowrap;*/
}

.x-tip-default .x-tip-anchor-top:after {
    border-bottom-color: #f7f7f7;
}

.x-tip-default .x-tip-anchor-bottom:after {
    border-top-color: #f7f7f7;
}

.x-tip-default .x-tip-anchor-left:after {
    border-right-color: #f7f7f7;
}

.x-tip-default .x-tip-anchor-right:after {
    border-left-color: #f7f7f7;
}

.x-tip-body-form-invalid {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 5px 5px 0px 20px;
}

.x-tip-body-default {
    font: 400 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 4px;
}

.x-tip-header-title-default {
    font: bold 14px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 2px 5px;
}

/************************ TREE ***************************************/
.x-tree-no-lines .x-tree-expander {
    background-image: url(../images/icon/main/add.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 2px;
}

.x-tree-no-lines .x-grid-tree-node-expanded .x-tree-expander {
    background-image: url(../images/icon/main/minus.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 2px;
}

.x-grid-tree-node-expanded .x-tree-icon-parent-expanded {
    background-image: url(../images/icon/other/tree_folder_open.svg);
    /*background-size: contain;*/
    background-repeat: no-repeat;
}

.x-tree-icon-parent {
    background-image: url(../images/icon/other/tree_folder.svg);
    /*background-size: contain;*/
    background-repeat: no-repeat;
    /*background-size: 16px 16px;*/
}

.x-tree-icon-leaf {
    background-image: url(../images/icon/other/tree_file.svg);
    /*background-size: 19px 18px;*/
    background-repeat: no-repeat;
    /*background-size: contain;*/
    margin-top: -3px;
    /*background-size: 16px 16px;*/
}

.x-tree-panel .x-grid-cell-inner {
    padding: 6px 10px 6px;
}

.x-tree-icon {
    width: 24px;
    height: 24px;
    background-size: 16px 16px;
    background-position: center;
}

/*.x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
    margin-top: 0px;
}

.x-tree-icon {
    width: 16px;
    height: 16px;
    background-position: center;
}

.x-tree-panel .x-grid-row {
    line-height: 24px;
}

.x-tree-icon-parent {
    margin-top: 3px;
}

.x-tree-icon-leaf {
    margin-top: 2px;
}



.x-tree-icon {
    height: 20px;
    width: 20px;
    margin-top: 4px;
}
.x-tree-panel .x-grid-row {
    line-height: 28px;
}
.x-tree-panel .x-grid-row {
    line-height: 40px;
}
.x-tree-no-lines .x-tree-expander {
    background-position: 2px 6px;
}
.x-tree-no-lines .x-grid-tree-node-expanded .x-tree-expander {
    background-position: 2px 6px;
}
.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url(../images/svg/icon-folder-alt.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.x-tree-icon-parent {
    background-image: url(../images/svg/icon-folder-line-alt.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.x-tree-icon-leaf {
    background-image: url(../images/svg/icon-file-alt.svg);
    background-size: 19px 18px;
    background-repeat: no-repeat;
}
.x-tree-checkbox {
    width: 20px;
    height: 20px;
    background-image: url(../images/checkbox/checkbox_20.png);
}

.x-tree-checkbox-checked {
    background-position: 0 -20px;
}

.x-tree-no-lines .x-tree-expander {
    margin-top: 5px;
}
.x-tree-no-lines  .x-tree-icon {
    margin-top: 7px;
}*/
/*.i-tree-scroller-border .x-scroll-scroller {
    border: 1px solid rgb(228,228,228);
}
.i-middle-align-column.x-grid-td {
    vertical-align: middle;
}*/
/*************************** PROGRESSBAR *********************/
.x-progress-default {
    height: 24px;
    border-radius: 4px;
}

.x-progress-default .x-progress-bar-default {
    background-color: #DF4A36;
}

.x-progress-default .x-progress-text {
    color: black;
    font-size: 15px;
    font-family: Oxygen, sans-serif, helvetica, arial, verdana;
    line-height: 24px;
}

/************************* EDITOR *****************************/
.x-grid-row-editor .x-panel-body {
    background-color: white;
}

.x-grid-row-editor-buttons-default-bottom,
.x-grid-row-editor-buttons-default-top {
    background-color: white;
}

/******************************** GRID FILTER **************************************/
.x-grid-filterbar {
    background-color: white;
    border-top-width: 0;
}

.x-grid-filter-none {
    background-color: white;
    border-right: none;
}

.x-grid-filter-base {
    background-color: white;
    border-right: none;
    padding: 0 10px 5px;
}

.i-screen-small .x-grid-filter-base {
    padding: 0 7px 4px;
}

/*.x-grid-filter-base:not(:first-child):after {
    content: ' ';
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    bottom: calc(50% - 8px);
}*/

.x-grid-filterbar .x-form-text {
    font-size: 13px;
}

.i-screen-small .x-grid-filterbar .x-form-text {
    font-size: 10px;
}

.x-grid-filter-base .x-form-trigger-wrap-default {
    border: 1px solid #C0C0C0;
}

.i-grid-filter-operation-menu .x-menu-item-text-default {
    font-size: 13px;
    line-height: 15px;
    padding: 6px 12px 6px 4px;
}

.i-screen-small .i-grid-filter-operation-menu .x-menu-item-text-default {
    font-size: 10px;
    line-height: 11px;
    padding: 4px 8px 4px 3px;
}

.i-grid-filter-operation-menu .x-menu-item-icon-default {
    width: 16px;
    height: 16px;
    background-size: contain;
    top: 7px;
    left: 4px;
}

.i-screen-small .i-grid-filter-operation-menu .x-menu-item-icon-default {
    width: 11px;
    height: 11px;
    top: 5px;
    left: 3px;
}

.i-with-column-filter .x-column-header-sort-DESC:after,
.i-with-column-filter .x-column-header-sort-ASC:after {
    display: none;
}