/*
Innola Solutions and/or its affiliates. All rights reserved.
*/
/*
    Created on : 14 12 2018
    Author     : vmelnychuk
*/
/******************************* Small Screen *******************************************/
/** HOME **/
/*.i-screen-small .i-view-selector-body {
    top: 44%;
}

.i-screen-small .i-view-selector-body-wrap {
    margin: auto 40px;
}

.i-screen-small .i-view-selector .i-view-item {
    width: 110px;
    height: 110px;
    margin: 3px;
    border-radius: 2px;
}

.i-screen-small .i-view-selector .i-view-item .icon {
    width: 55px;
    height: 55px;
    margin: 15px auto 5px;
}

.i-screen-small .i-view-selector .i-view-item .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    width: 110px;
    height: 32px;
}*/
.i-screen-small .i-view-selector .i-view-item .icon {
    margin: 3px auto 3px;
    height: 28px;
    width: 28px;
}

.i-screen-small .i-view-selector .i-view-item .text-wrap {
    height: 28px;
    padding: 0 3px;
}

.i-screen-small .i-view-selector .i-view-item .text-wrap .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
}

.i-screen-small .x-grid-group-hd {
    padding: 8px 7px;
}

.i-screen-small .x-grid-group-title {
    font-size: 11px;
    line-height: 12px;
}


.i-screen-small .x-form-type-checkbox .x-form-checkbox-default {
    width: 15px;
    height: 15px;
}

.i-screen-small .x-grid-checkcolumn:after,
.i-screen-small .x-column-header-checkbox .x-column-header-checkbox:after {
    width: 14px;
    height: 14px;
}


/***************** RIGHT PANEL *****************************************/
.i-screen-small .i-panel-title-small {
    font-size: 9px;
    line-height: 16px;
}

.i-screen-small .innola-right-panel .heading .office {
    font-size: 11px;
    line-height: 17px;
}

.i-screen-small .innola-right-panel .heading .user {
    padding-top: 20px;
    font-size: 12px;
    line-height: 17px;
}

.i-screen-small .innola-right-panel {
    width: 320px;
}

.i-screen-small .innola-right-panel .heading {
    height: 233px;
    padding-top: 50px;
}

.i-screen-small .innola-right-panel .heading .caption {
    font-size: 19px;
    line-height: 26px;
}

.i-screen-small .innola-right-panel .heading .logo {
    height: 50px;
    width: 50px;
}

.i-screen-small .x-panel-header-title-default > .x-title-text-default {
    font-size: 13px;
}

.i-screen-small .x-panel-header-default-horizontal.x-header-noborder {
    padding: 6px 6px 6px 6px;
}

/**************** EXTJS *************************/
.i-screen-small .x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small, .x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
    width: 11px;
    background-size: contain;
}

.i-screen-small .x-btn-icon-el-plain-toolbar-small {
    height: 11px;
    font-size: 11px;
    line-height: 11px;
}

.i-screen-small x-btn-inner-plain-toolbar-small {
    font-size: 8px;
    line-height: 11px;
}

.i-screen-small .x-btn-button-plain-toolbar-small {
    min-height: 11px;
}

.i-screen-small .x-toolbar-default {
    padding: 3px 0 3px 8px;
}


.i-screen-small .x-toolbar-default-vertical {
    padding: 6px 3px 0;
}

.i-screen-small .x-column-header-inner {
    padding: 5px 10px 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.2px;
}

.i-screen-small .i-panel-section-title {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left: 13px;
    padding-right: 26px;
}


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

.i-screen-small .x-grid-cell-inner {
    padding: 7px 10px 7px;
}

.i-screen-small .x-textfield-default-cell > .x-grid-cell-inner {
    padding: 6px 10px 6px;
}

.i-screen-small .x-grid-cell {
    font-size: 13px;
    line-height: 14px;
}

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

.i-screen-small .x-form-item {
    padding-left: 8px;
    padding-right: 8px;
}

.i-screen-small .x-form-text-default {
    font-size: 14px;
    line-height: 14px;
    min-height: 19px;
}

/*.i-screen-small .x-form-text-default.fontS1 {
    font-size: 14px;
    line-height: 14px;
}

.i-screen-small .x-form-text-default.fontS2 {
    font-size: 13px;
    line-height: 14px;
}

.i-screen-small .x-form-text-default.fontS3 {
    font-size: 12px;
    line-height: 14px;
}

.i-screen-small .x-form-text-default.fontS4 {
    font-size: 11px;
    line-height: 14px;
}*/

.i-screen-small .x-form-item-label-default {
    font: 400 11px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    min-height: 15px;
    padding-top: 2px;
    padding-right: 5px;
    letter-spacing: 0px;
}

.i-screen-small .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 2px; /* we have translated 14/16 to 12/12 and need additioanl 2px to draw letter 'g' */
}

.i-screen-small .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner-default {
    font-size: 12px;
    line-height: 12px;
}

body.i-screen-small:not(.i-font-bold) .x-form-empty-field:not(.x-form-readonly):not(.x-field-focus):not(.i-no-label-animate) .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font-size: 14px;
    line-height: 14px;
    padding-top: 17px;
}

/*.i-screen-small .x-field-focus.x-form-empty-field .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.i-screen-small .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.i-screen-small .i-empty-text.x-form-empty-field .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default,
.i-screen-small .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 {
    padding-top: 1px;
}

.i-screen-small .i-form-read-only .x-form-readonly .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.i-screen-small .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: 12px;
    line-height: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
}*/

.i-screen-small .x-form-item-label-default.x-form-item-label-top {
    height: 11px !important;
}

.i-screen-small.i-font-bold .x-form-item-label-default.x-form-item-label-top {
    height: 13px !important;
}

.i-screen-small .x-window .x-form-item {
    padding-top: 3px;
    padding-bottom: 3px;
}

.i-screen-small .x-form-item-body-default {
    min-height: 16px;
}

.i-screen-small .x-form-item label.x-form-item-label-default.x-form-item-label-top ~ div.x-form-item-body .x-form-text-default {
    padding: 1px 0px 1px;
}

.i-screen-small.i-font-bold .x-form-text-default {
    /*padding: 1px 6px 1px 10px !important;*/
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.i-screen-small.i-font-bold .x-form-text-default.x-tagfield {
    padding-bottom: 0px !important;
}

.i-screen-small .x-tagfield-list {
    line-height: 19px;
}

.i-screen-small .x-form-text-default .x-tagfield-item {
    margin-bottom: 1px;
}

.i-screen-small .x-form-text-default .x-tagfield-input {
    margin-bottom: 0px;
    margin-top: 0;
}

.i-screen-small .x-form-text-default .x-tagfield-input-field {
    height: 16px;
}

.i-screen-small .x-form-text-default .x-tagfield-item {
    padding: 0px 17px 0px 3px;
}

.i-screen-small.i-font-bold .x-tagfield-list {
    line-height: 20px;
}

.i-screen-small.i-font-bold .x-form-text-default .x-tagfield-input {
    margin-bottom: 0px;
    margin-top: 0px;
}

.i-screen-small.i-font-bold .x-form-text-default .x-tagfield-input {
    margin-bottom: 0;
}

.i-screen-small.i-font-bold .x-form-text-default .x-tagfield-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 17px;
}

.i-screen-small.i-font-bold .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font-size: 12px !important;
    line-height: 12px !important;
}

.i-screen-small .x-tab-bar-default-top > .x-tab-bar-body-default .x-tab .x-tab-inner-default {
    min-width: 70px;
}

.i-screen-small .x-tab-bar .x-tab-inner-default {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.i-screen-small .x-tab-default-top {
    padding: 5px 7px;
}

.i-screen-small .x-tab-bar-horizontal > .x-tab-bar-body-default {
    min-height: 26px;
}

.i-screen-small .x-tab-bar-default-top > .x-tab-bar-body-default .x-tab.x-tab-active.x-tab-default:after {
    border-bottom-width: 2px !important;
}

.i-screen-small .x-tab-bar-default-top > .x-tab-bar-body-default .x-tab.x-tab-over.x-tab-default:after {
    border-bottom-width: 2px !important;
}

.i-screen-small .x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,
.i-screen-small .x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    width: 16px;
}

.i-screen-small .x-btn-icon-el-default-medium {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}


.i-screen-small .x-btn-default-toolbar-medium {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
}

.i-screen-small .x-btn-button-default-medium {
    min-height: 18px;
}

.i-screen-small .x-btn-inner-default-toolbar-medium,
.i-screen-small .x-btn-inner-default-medium {
    font: 400 12px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    letter-spacing: 0;
    line-height: 14px;
}

.i-screen-small .x-btn-icon-el-default-toolbar-medium {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
}

.i-screen-small .x-btn-inner-default-toolbar-medium {
    padding-left: 3px;
    padding-right: 3px;
}

.i-screen-small .x-btn-button-default-toolbar-medium {
    min-height: 18px;
}

.i-screen-small .x-window-header-title-default {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.i-screen-small .x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 22px;
    padding-right: 0px;
    font-size: 12px;
    line-height: 19px;
}

.i-screen-small .x-rtl.x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 0px;
    padding-right: 22px;
}

.i-screen-small .x-message-box .x-window-header-default-top {
    padding: 3px 20px;
}

.i-screen-small .x-window-header-default-top {
    padding: 3px 20px;
}

.i-screen-small .x-tool-close {
    height: 16px;
    width: 16px;
    margin-top: 1px;
}

.i-screen-small .x-message-box .x-window-text {
    font: 400 13px/15px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-small .x-accordion-item .x-accordion-hd {
    padding: 5px 20px;
}

.i-screen-small .x-accordion-hd .x-panel-header-title {
    font-size: 13px;
}

.i-screen-small .x-menu-item-text-default {
    padding: 2px 5px 1px 15px;
    font: 400 13px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-small .x-menu-item-icon-default {
    width: 16px;
    height: 16px;
    top: 6px;
    left: 5px;
}

.i-screen-small .i-map-legend .x-tree-checkbox {
    width: 16px;
    height: 16px;
    top: -3px;
}

.i-screen-small .i-document-subtext {
    font-size: 11px;
    line-height: 14px;
}

.i-screen-small .x-menu-item-text-default.x-menu-item-indent-no-separator {
    margin-left: 18px;
}


.i-screen-small .x-mask-msg-text {
    padding: 39px 0 0;
    background-size: 36px 36px;
}

.i-screen-small .x-mask-msg-inner {
    font-size: 14px;
    line-height: 16px;
}

.i-screen-small .x-tip-body-default {
    font-size: 11px;
    line-height: 13px;
}

.i-screen-small .x-mask-msg {
    min-width: 100px;
    padding: 5px;
}


.i-screen-small .x-message-box-icon {
    height: 21px;
    width: 21px;
    margin-right: 7px;
    background-size: contain;
}

.i-screen-small .x-message-box .x-container.x-box-item.x-container-default.x-box-layout-ct {
    min-height: 21px;
}

.i-screen-small .x-form-error-wrap-under {
    height: 13px;
}

.i-screen-small .x-form-error-wrap-under > .x-form-error-msg {
    padding: 1px 4px;
    font-size: 11px;
    line-height: 11px;
    height: 13px;
}

.i-screen-small .x-toolbar-text-default {
    font-size: 11px;
    line-height: 16px;
}

.i-screen-small .x-boundlist-item {
    font-size: 13px;
    line-height: 17px;
    padding: 2px 7px;
}

.i-screen-small .x-form-text-default {
    min-height: 15px;
}

.i-screen-small .x-column-header-sort-ASC .x-column-header-text-inner {
    background-size: contain;
}

.i-screen-small .x-column-header-sort-DESC .x-column-header-text-inner {
    background-size: contain;
}

.i-screen-small .x-tree-icon {
    width: 15px;
    height: 15px;
    background-size: contain;
}

.i-screen-small .x-tree-panel .x-grid-cell-inner {
    padding: 4px 6px 4px;
}

.i-screen-small .x-tree-no-lines .x-tree-expander {
    background-size: 11px 11px;
}

.i-screen-small .x-tree-elbow-img {
    width: 12px;
    height: 16px;
    line-height: 16px;
    margin-right: 1px;
}

.i-screen-small .x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
    margin-top: -2px;
    margin-bottom: -2px;
}

/***** CUSTOM SMALL ******************/
.i-screen-small .i-drools-tree .level0 .x-tree-node-text,
.i-screen-small .i-drools-tree .level1 .x-tree-node-text {
    font-size: 10px;
}

.i-screen-small .x-accordion-item.x-panel-collapsed .x-accordion-hd:after {
    border-bottom-width: 2px;
}

.i-screen-small .x-accordion-item .x-accordion-hd-sibling-expanded:before {
    border-bottom-width: 2px;
}

.i-screen-small .i-form-search-trigger, .i-screen-small .i-form-search-trigger.x-form-trigger.x-form-trigger-click,
.i-screen-small .i-form-clear-trigger, .i-screen-small .i-form-clear-trigger.x-form-trigger.x-form-trigger-click,
.i-screen-small .i-form-calculate-trigger, .i-screen-small .i-form-calculate-trigger.x-form-trigger.x-form-trigger-click,
.i-screen-small .i-form-edit-trigger, .i-screen-small .i-form-edit-trigger.x-form-trigger.x-form-trigger-click {
    width: 17px;
    background-size: 14px 14px;
}

.i-screen-small .i-form-clear-trigger.x-form-trigger-over,
.i-screen-small .i-form-search-trigger.x-form-trigger-over,
.i-screen-small .i-form-calculate-trigger.x-form-trigger-over,
.i-screen-small .i-form-edit-trigger.x-form-trigger-over {
    background-size: 17px 17px;
}


.i-screen-small .i-task-icon {
    height: 18px;
    width: 18px;
}

.i-screen-small .i-dict-icon {
    height: 18px;
    width: 18px;
}

.i-screen-small .i-action-menu .x-toolbar-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.i-screen-small .i-action-menu .x-btn-icon-el {
    height: 18px !important;
    margin-top: 3px;
    margin-bottom: 3px;
    /*width: 18px !important;*/
}

.i-screen-small .i-action-menu .x-btn-inner-default-toolbar-medium {
    padding: 0;
    font-size: 7px;
    line-height: 7px;
    margin-bottom: 2px;
}

.i-screen-small .x-panel-body-default {
    font-size: 9px;
}

.i-screen-small .i-accordion-like .x-panel-header-title-default {
    font-size: 11px;
}

.i-screen-small .loader {
    width: 100px;
    height: 100px;
}

.i-screen-small .loader:after {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.loader:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab {
    width: 140px;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab {
    width: auto;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab .x-tab-icon-el {
    height: 18px;
    width: 18px;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding-top: 6px;
    padding-bottom: 5px;
    width: calc(100% - 24px);
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    padding-top: 2px;
    padding-bottom: 2px;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default {
    background-color: transparent;
}

.i-screen-small /*.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar */.i-tab-count {
    right: -20px;
    width: 20px;
    line-height: 16px;
    margin-top: 5px;
    padding-left: 1px;
    /*border-left: 2px solid #818890;*/
}

.i-screen-small /*.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar*/ .i-tab-count.i-tab-count-small {
    font-size: 10px;
}

.i-screen-small .x-rtl /*.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar*/ .i-tab-count {
    right: unset;
    right: -20px;
    padding-left: 0;
    padding-right: 1px;
}

.i-screen-small .x-action-col-icon {
    height: 16px;
    width: 16px;
}

.i-screen-small .i-tasks-filter .i-tab-count {
    right: -3px;
    top: -5px;
}

.i-screen-small .i-tasks-filter.x-rtl .i-tab-count {
    right: unset;
    left: -3px;
}

.i-screen-small .x-menu-header-title {
    padding: 4px 20px 4px 30px;
    font-size: 13px;
}

.i-screen-small .x-menu-item-default.i-menu-item-caption-separator {
    padding: 4px 20px 4px 30px;
    font-size: 13px;
}

.i-screen-small .i-novalid-icon {
    margin-left: 2px;
    width: 16px;
    height: 16px;
    top: 4px;
    left: -18px;
}

.i-screen-small .i-novalid-icon:hover {
    width: 18px;
    height: 18px;
    margin-left: 1px;
    top: 3px;
}

.i-screen-small .i-panel-toolbar .x-btn .x-btn-inner, .i-plain-btn.x-btn .x-btn-inner {
    font: 400 13px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}


.i-screen-small .i-panel-toolbar {
    height: 28px;
}

.i-screen-small .i-panel-title {
    font-size: 14px;
    line-height: 22px;
    padding-left: 12px;
    padding-right: 24px;
}

.i-screen-small .i-task-view-toolbar {
    height: 32px;
}

.i-screen-small .i-task-view-toolbar label.i-task-sub-title a:after {
    content: '';
    background-image: url(../images/icon/other/external_link_gray.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    position: absolute;
    /* top: 3px; */
    margin: 5px 0 0 4px;
    /* display: inline-block; */
}

.i-screen-small .i-task-view-toolbar label.i-task-title {
    font: 400 16px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-phone .i-task-title span {
    display: none;
}

.i-screen-small .i-task-view-toolbar label.i-task-sub-title {
    font: 400 14px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-small .i-task-view-toolbar label.i-task-sub-title a {
    font: 400 14px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-small .i-header-spliter {
    font: 400 12px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 12px;
    /* text-transform: uppercase; */
}

.i-screen-small .i-avalible-transaction .x-form-cb-label .transition {
    font: 400 13px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-screen-small .i-avalible-transaction .x-form-cb-label {
    font-size: 13px;
    line-height: 12px;
}


.i-screen-small .i-avalible-transaction .x-form-cb-label i {
    font-size: 13px;
    line-height: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.i-screen-small .i-decision-label {
    font: 400 12px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding-left: 15px;
    padding-right: 15px;
}

.i-screen-small .x-form-radio-default {
    width: 14px;
    height: 14px;
}

.i-screen-small .i-tasks-filter .x-btn .x-btn-inner {
    font-size: 12px;
    line-height: 14px;
    padding-right: 20px;
    padding-left: 20px;
}

.i-screen-small .i-tasks-filter .x-btn.i-super-btn .x-btn-inner {
    /*    font-size: 16px;*/
    font-weight: 500;
    padding-left: 10px;
    font-size: 12px;
    line-height: 15px;
}

.i-screen-small .i-tasks-filter .x-btn {
    height: 22px;
}

.i-screen-small .i-main-menu {
    padding: 0px 7px;
}

.i-screen-small .i-accordion-like .x-panel-header-default-horizontal.x-header-noborder {
    padding: 11px 13px 3px 13px;
}

.i-screen-small .x-btn-button-default-small {
    min-height: 11px;
}

.i-screen-small .i-main-menu .i-menu-label-fullname {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}

.i-screen-small .i-main-menu .i-menu-label-office {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
}

.i-screen-small .i-hamburger .x-btn-inner {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}


.i-screen-small .i-about-text {
    font-size: 10px;
}

.i-screen-small .i-search-type .i-engine-cb .x-form-item-label-default {
    font-size: 10px;
    font-size: 11px;
    padding-bottom: 3px;
}

.i-screen-small .i-search-type .i-engine-cb .x-form-trigger-wrap-default {
    padding: 4px 4px 5px;
}

.i-screen-small .i-search-type .i-engine-cb .x-form-text-default {
    font-size: 12px;
    line-height: 14px;
}

.i-screen-small .i-link-field-wrap {
    font-size: 12px;
    line-height: 14px;
}

.i-screen-small .i-document-no-file,
.i-screen-small .i-document-no-selection {
    font-size: 10px;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-default-left {
    margin: 5px 0;
    padding: 5px 20px 5px 18px;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-default-left {
    margin: 0;
    padding: 2px 20px 2px 18px;
}

.i-screen-small .i-grid-icon .x-grid-cell-inner {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 26px;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar-default-left > .x-tab-bar-body-default {
    padding-top: 15px;
}


.i-screen-small.i-window-small .x-tool-close {
    height: 13px;
    width: 13px;
    margin-top: 0px;
}

.i-screen-small.i-window-small .x-window-header-title-default > .x-title-text-default {
    line-height: 18px;
    font-size: 13px;
}

.i-screen-small .i-main-menu .i-menu-label-user .x-btn-inner {
    min-height: 26px;
}

.i-screen-small .i-main-menu .i-no-office .i-menu-label-fullname {
    line-height: 26px;
}

.i-screen-small .i-main-menu .i-menu-user-icon {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    line-height: 26px;
    font-size: 16px;
}

.i-screen-small .x-message-box .x-btn .x-btn-inner {
    color: #999;
    font-size: 12px;
}

.i-screen-small .form-bottom > div {
    margin: 7px 0;
}

.i-screen-small .i-gateway-selector-view-item .card-text {
    font-size: 10px;
}

.i-screen-small .i-gateway-selector-view-item .title {
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
}

.i-screen-small .i-gateway-selector-view-item .icon {
    width: 1.5rem;
    height: 1rem;
}

.i-screen-small .i-grid-small-padding .x-grid-cell-inner {
    padding-top: 5px;
    padding-bottom: 4px;
}

.i-screen-small .i-grid-small-padding .x-grid-widgetcolumn-cell-inner {
    padding-top: 1px;
    padding-bottom: 1px;
}


.i-screen-small .x-form-error-wrap-side .x-form-invalid-icon-default {
    height: 13px;
    width: 13px;
    bottom: 5px;
}

.i-screen-small .x-tip-body-form-invalid {
    font: 400 10px/12px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 4px 4 pxpx 0px 14px;
}

.i-screen-small .x-tip-body-form-invalid {
    background: 1px 4px no-repeat;
    background-image: url(../images/icon/main/exclamation3.svg);
    background-size: 13px 13px;
}


.i-screen-small .i-field-help {
    height: 13px;
    width: 13px;
    right: 0px;
    bottom: 0px;
}

.i-screen-small .x-form-item-label-top .i-field-help {
    height: 11px;
    width: 11px;
    right: 0px;
    bottom: 0px;
}

body:not(.i-font-bold).i-screen-small .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 .i-field-help {
    height: 13px;
    width: 13px;
    right: 0px;
    bottom: 1px;
}

.i-screen-small .x-tip-header-title-default {
    line-height: 12px;
    font-size: 11px;
}

.i-screen-small .x-tip-default .x-tool-img.x-tool-close {
    height: 14px;
    width: 14px;
}