html.mb-mobile,
html.mb-mobile body {
    background: #edf1f5;
    -webkit-tap-highlight-color: rgba(42, 123, 190, 0.18);
    touch-action: pan-y;
}

html.mb-mobile .x-viewport,
html.mb-mobile .x-panel-body-default,
html.mb-mobile .x-container-default {
    background-color: #edf1f5;
}

html.mb-mobile .x-toolbar-default {
    background: #ffffff !important;
    border-color: #d5dee8 !important;
    padding: 4px 6px !important;
}

html.mb-mobile .x-toolbar .x-box-inner {
    min-height: 40px;
}

html.mb-mobile .mb-mobile-menu-button {
    min-width: 44px;
    min-height: 40px;
}

html.mb-mobile .mb-mobile-menu-button .x-btn-button {
    text-align: center;
}

html.mb-mobile .mb-mobile-menu-button .x-btn-icon-el {
    color: #253142;
    font-size: 20px;
}

html.mb-mobile .x-btn-default-small,
html.mb-mobile .x-btn-default-medium,
html.mb-mobile .x-btn-default-toolbar-small,
html.mb-mobile .x-btn-default-toolbar-medium {
    border-radius: 7px !important;
    min-height: 40px;
}

html.mb-mobile .x-btn-inner,
html.mb-mobile .x-btn-glyph,
html.mb-mobile .x-btn-icon-el {
    line-height: 20px;
}

html.mb-mobile .x-btn-icon-el,
html.mb-mobile .x-btn-glyph {
    font-size: 18px;
}

html.mb-mobile .x-grid,
html.mb-mobile .x-grid-body,
html.mb-mobile .x-grid-view {
    background: #ffffff;
}

html.mb-mobile .mb-mobile-list-grid,
html.mb-mobile .mb-mobile-list-grid-body,
html.mb-mobile .mb-mobile-list-grid .x-grid-body,
html.mb-mobile .mb-mobile-list-grid .x-grid-view,
html.mb-mobile .mb-mobile-list-grid .x-panel-body,
html.mb-mobile .mb-mobile-list-grid-view {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y !important;
}

html.mb-mobile .mb-mobile-list-grid .x-grid-body,
html.mb-mobile .mb-mobile-list-grid .x-grid-view,
html.mb-mobile .mb-mobile-list-grid .x-panel-body,
html.mb-mobile .mb-mobile-list-grid .x-grid-scrollbar-clipper > .x-grid-view,
html.mb-mobile .mb-mobile-list-grid-view {
    overflow-y: auto !important;
}

html.mb-mobile .x-grid-header-ct {
    background: #f7f9fb !important;
    border-color: #d5dee8 !important;
}

html.mb-mobile .x-column-header {
    background: #f7f9fb !important;
    border-color: #d5dee8 !important;
}

html.mb-mobile .x-column-header-inner {
    padding: 10px 8px;
}

html.mb-mobile .x-column-header:not(.x-column-header-checkbox) .x-column-header-inner {
    padding-right: 28px !important;
}

html.mb-mobile .x-column-header:not(.x-column-header-checkbox) .x-column-header-text-container {
    padding-right: 22px !important;
}

html.mb-mobile .x-column-header-trigger {
    background-color: transparent !important;
    color: #6b7787;
    cursor: pointer;
    display: block !important;
    font: 16px/1 FontAwesome;
    height: 100% !important;
    opacity: 1 !important;
    pointer-events: auto;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    width: 24px !important;
    z-index: 5;
}

html.mb-mobile .x-column-header-trigger:before {
    content: "\f0d7";
    display: block;
    margin-top: -8px;
    position: relative;
    text-align: center;
    top: 50%;
}

html.mb-mobile .mb-mobile-list-grid .x-column-header-inner {
    padding-right: 28px;
}

html.mb-mobile .mb-mobile-list-grid .mb-mobile-column-has-trigger .x-column-header-inner {
    padding-right: 30px !important;
}

html.mb-mobile .mb-mobile-column-trigger {
    -webkit-tap-highlight-color: transparent;
    align-items: center !important;
    background: transparent !important;
    bottom: 0 !important;
    color: #5f6f80 !important;
    display: flex !important;
    font: 16px/1 FontAwesome !important;
    justify-content: center !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    width: 28px !important;
    z-index: 20 !important;
}

html.mb-mobile .mb-mobile-list-grid .x-column-header-trigger {
    background-color: transparent !important;
    color: #6b7787;
    cursor: pointer;
    display: block !important;
    font: 16px/1 FontAwesome;
    opacity: 1 !important;
    visibility: visible !important;
    width: 24px;
}

html.mb-mobile .mb-mobile-list-grid .x-column-header-trigger:before {
    content: "\f0d7";
    display: block;
    margin-top: -8px;
    position: relative;
    text-align: center;
    top: 50%;
}

html.mb-mobile .x-column-header-text {
    color: #243447;
    font-size: 12px;
    font-weight: 700;
}

html.mb-mobile .x-grid-item {
    min-height: 46px;
}

html.mb-mobile .x-grid-cell {
    border-color: #e4e9ef !important;
}

html.mb-mobile .x-grid-cell-inner {
    color: #1e2937;
    font-size: 13px;
    line-height: 19px;
    padding: 12px 8px;
    text-overflow: ellipsis;
}

html.mb-mobile .x-grid-item-over,
html.mb-mobile .x-grid-item-selected,
html.mb-mobile .x-grid-item-selected .x-grid-cell {
    background-color: #e8f2ff !important;
}

html.mb-mobile .x-grid-empty,
html.mb-mobile .grid-empty {
    color: #6b7787;
    font-size: 14px;
    padding: 24px 12px;
}

html.mb-mobile .x-tree-view .x-grid-cell-inner {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 13px;
    padding-top: 13px;
}

html.mb-mobile .mb-mobile-main-menu,
html.mb-mobile .mb-mobile-main-menu-body,
html.mb-mobile .mb-mobile-main-menu-item,
html.mb-mobile .mb-mobile-main-menu-item-body,
html.mb-mobile .mb-mobile-main-menu .x-panel-body,
html.mb-mobile .mb-mobile-main-menu .x-grid-body,
html.mb-mobile .mb-mobile-main-menu .x-tree-view,
html.mb-mobile .mb-mobile-main-menu .x-grid-view,
html.mb-mobile .mb-mobile-main-menu-view {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y !important;
}

html.mb-mobile .mb-mobile-main-menu-item,
html.mb-mobile .mb-mobile-main-menu-item-body,
html.mb-mobile .mb-mobile-main-menu .x-panel-body,
html.mb-mobile .mb-mobile-main-menu .x-grid-body,
html.mb-mobile .mb-mobile-main-menu .x-tree-view,
html.mb-mobile .mb-mobile-main-menu .x-grid-view,
html.mb-mobile .mb-mobile-main-menu-view {
    overflow-y: auto !important;
}

html.mb-mobile .mb-mobile-main-menu,
html.mb-mobile .mb-mobile-main-menu-body {
    overflow-y: auto !important;
}

html.mb-mobile .x-tree-elbow-img {
    margin-top: 3px;
}

html.mb-mobile .x-tree-icon,
html.mb-mobile .x-title-icon,
html.mb-mobile .x-panel-header-icon {
    display: none !important;
}

html.mb-mobile .x-menu-item-link {
    padding-left: 12px !important;
}

html.mb-mobile .x-tab-bar-default {
    background: #ffffff !important;
    border-color: #d5dee8 !important;
}

html.mb-mobile .x-tab-default {
    border-radius: 7px 7px 0 0;
    min-height: 40px;
}

html.mb-mobile .x-tab-inner-default {
    font-size: 13px;
    line-height: 18px;
}

html.mb-mobile .x-form-item {
    margin-bottom: 10px;
}

html.mb-mobile .x-form-item-label,
html.mb-mobile .x-form-item-label-inner {
    color: #334155;
    font-size: 13px;
    line-height: 18px;
}

html.mb-mobile .x-form-trigger-wrap,
html.mb-mobile .x-form-text-wrap,
html.mb-mobile textarea.x-form-field {
    border-color: #cdd7e2 !important;
    border-radius: 7px;
}

html.mb-mobile .x-form-text,
html.mb-mobile textarea.x-form-field {
    color: #172033;
    font-size: 15px;
    min-height: 38px;
}

html.mb-mobile .x-form-trigger {
    min-height: 38px;
}

html.mb-mobile .x-field-focus .x-form-trigger-wrap,
html.mb-mobile .x-form-text-wrap-focus,
html.mb-mobile .x-field-focus textarea.x-form-field {
    border-color: #2f7ec2 !important;
    box-shadow: 0 0 0 2px rgba(47, 126, 194, 0.16);
}

html.mb-mobile .x-panel-header-default,
html.mb-mobile .x-window-header-default {
    background: #ffffff !important;
    border-color: #d5dee8 !important;
}

html.mb-mobile .x-panel-header-title-default,
html.mb-mobile .x-window-header-title-default {
    color: #1f2a3a;
    font-size: 15px;
    font-weight: 700;
}

html.mb-mobile .x-window {
    max-width: calc(100vw - 16px) !important;
}

html.mb-mobile .mb-mobile-lookup-window {
    max-width: calc(100vw - 8px) !important;
}

html.mb-mobile .alert-box {
    box-sizing: border-box;
    left: 50% !important;
    max-width: 500px;
    pointer-events: none;
    position: fixed !important;
    right: auto !important;
    top: 6px !important;
    transform: translateX(-50%);
    width: calc(100vw - 16px);
}

html.mb-mobile .alert-box table {
    box-sizing: border-box;
    width: 100% !important;
}

html.mb-mobile .alert-box h3 {
    box-sizing: border-box;
    max-width: 100%;
    width: auto !important;
}

html.mb-mobile .alert-box table,
html.mb-mobile .alert-box .close {
    pointer-events: auto;
}

html.mb-mobile .x-window-body {
    -webkit-overflow-scrolling: touch;
}

html.mb-mobile .x-region-collapsed-left-placeholder,
html.mb-mobile .x-region-collapsed-right-placeholder {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
}

html.mb-mobile .x-menu {
    border-radius: 7px;
}

html.mb-mobile .x-menu-item-link {
    min-height: 40px;
    padding-bottom: 9px;
    padding-top: 9px;
}

html.mb-mobile .x-menu-item-text {
    font-size: 14px;
}

html.mb-mobile .x-toolbar-footer {
    background: #ffffff !important;
    border-color: #d5dee8 !important;
    padding: 8px !important;
}

html.mb-mobile .x-toolbar-footer .x-btn {
    min-width: 88px;
}

@supports (padding: max(0px)) {
    html.mb-mobile body {
        padding-bottom: env(safe-area-inset-bottom);
    }

    html.mb-mobile .x-toolbar-footer {
        padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
    }
}