/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 14, 2019, 3:02:25 PM
    Author     : Johns George
*/

 .x-button-alt.x-button-decline {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-decline .x-inner-el {
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-button-alt.x-button-decline .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-decline.x-hovered {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-decline.x-hovered .x-inner-el {
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-button-alt.x-button-decline.x-hovered .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-decline.x-pressing,.x-button-alt.x-button-decline.x-pressed {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-decline.x-pressing .x-inner-el,.x-button-alt.x-button-decline.x-pressed .x-inner-el {
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-button-alt.x-button-decline.x-pressing .x-icon-el,.x-button-alt.x-button-decline.x-pressed .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-decline.x-focused {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-decline.x-focused .x-inner-el {
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-decline.x-focused .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm .x-inner-el {
                background-color: #7cb342;
                background-color: var(--confirm-color);
            }

            .x-button-alt.x-button-confirm .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm.x-hovered {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm.x-hovered .x-inner-el {
                background-color: #7cb342;
                background-color: var(--confirm-color);
            }

            .x-button-alt.x-button-confirm.x-hovered .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm.x-pressing,.x-button-alt.x-button-confirm.x-pressed {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-button-confirm.x-pressing .x-inner-el,.x-button-alt.x-button-confirm.x-pressed .x-inner-el {
                background-color: #7cb342;
                background-color: var(--confirm-color);
            }

            .x-button-alt.x-button-confirm.x-pressing .x-icon-el,.x-button-alt.x-button-confirm.x-pressed .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-confirm.x-focused {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-confirm.x-focused .x-inner-el {
                background-color: #7cb342;
                background-color: var(--confirm-color);
            }

            .x-keyboard-mode .x-button-alt.x-button-confirm.x-focused .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-size-monitored {
                position: relative
            }

            .x-size-monitors {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                visibility: hidden;
                overflow: hidden
            }

            .x-size-monitors > * {
                width: 100%;
                height: 100%;
                overflow: hidden
            }

            .x-size-monitors.scroll > *.shrink::after {
                content: '';
                display: block;
                width: 200%;
                height: 200%;
                min-width: 1px;
                min-height: 1px
            }

            .x-size-monitors.scroll > *.expand::after {
                content: '';
                display: block;
                width: 100000px;
                height: 100000px
            }

            .x-size-monitors.overflowchanged > *.shrink > * {
                width: 100%;
                height: 100%
            }

            .x-size-monitors.overflowchanged > *.expand > * {
                width: 200%;
                height: 200%
            }

            .x-size-change-detector {
                visibility: hidden;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                width: 100%;
                height: 100%;
                overflow: hidden
            }

            .x-size-change-detector > * {
                visibility: hidden
            }

            .x-size-change-detector-shrink > * {
                width: 200%;
                height: 200%
            }

            .x-size-change-detector-expand > * {
                width: 100000px;
                height: 100000px
            }

            @-webkit-keyframes x-paint-monitor-helper {
                from {
                    zoom:1}

                to {
                    zoom:1}
            }

            @keyframes x-paint-monitor-helper {
                from {
                    zoom:1}

                to {
                    zoom:1}
            }

            .x-paint-monitored {
                position: relative
            }

            .x-paint-monitor {
                width: 0 !important;
                height: 0 !important;
                visibility: hidden
            }

            .x-paint-monitor.cssanimation {
                -webkit-animation-duration: 0.0001ms;
                -webkit-animation-name: x-paint-monitor-helper;
                animation-duration: 0.0001ms;
                animation-name: x-paint-monitor-helper
            }

            .x-paint-monitor.overflowchange {
                overflow: hidden
            }

            .x-paint-monitor.overflowchange::after {
                content: '';
                display: block;
                width: 1px !important;
                height: 1px !important
            }

            .x-unselectable {
                user-select: none;
                -o-user-select: none;
                -ms-user-select: none;
                -moz-user-select: -moz-none;
                -webkit-user-select: none;
                -webkit-tap-highlight-color: transparent;
                -webkit-user-drag: none;
                cursor: default
            }

            .x-hidden-clip {
                position: absolute !important;
                clip: rect(0,0,0,0)
            }

            .x-hidden-display,.x-hiddenfield {
                display: none !important
            }

            .x-hidden-offsets {
                display: block !important;
                visibility: hidden !important;
                position: absolute !important;
                top: -10000px !important
            }

            .x-hidden-opacity {
                opacity: 0 !important;
                pointer-events: none
            }

            .x-hidden-visibility {
                visibility: hidden !important
            }

            .x-pressed .x-ripple-transition,.x-pressing .x-ripple-transition {
                transition: background-color 0.15s 0.28s cubic-bezier(0.4,0,0.2,1), color 0.15s 0.28s cubic-bezier(0.4,0,0.2,1)
            }

            .x-pressed .x-ripple-transition .x-icon-el,.x-pressed .x-ripple-transition .x-arrow-el,.x-pressing .x-ripple-transition .x-icon-el,.x-pressing .x-ripple-transition .x-arrow-el {
                transition: background-color 0.15s 0.28s cubic-bezier(0.4,0,0.2,1), color 0.15s 0.28s cubic-bezier(0.4,0,0.2,1)
            }

            .x-rippling {
                position: relative
            }

            .x-rippling.x-component-confirm .x-ripple {
                background-color: #7cb342;
                background-color: var(--confirm-color);
            }

            .x-rippling.x-component-decline .x-ripple {
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-rippling.x-rippling-unbound {
                overflow: visible !important
            }

            .x-rippling.x-rippling-unbound .x-ripple-container {
                overflow: visible;
                position: absolute
            }

            .x-safari .x-rippling:not(.x-rippling-unbound) .x-ripple-container {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            .x-ripple-container {
                overflow: hidden;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                pointer-events: none
            }

            .x-ripple-wrapper {
                z-index: 1000
            }

            .x-button-fab .x-ripple-container,.x-button-round .x-ripple-container {
                border-radius: 10000px
            }

            .x-ripple {
                position: absolute;
                border-radius: 50%;
                background-color: rgba(0, 0, 0, 0.4);
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0.4;
                pointer-events: none
            }

            .x-rippling.x-rippling-unbound .x-ripple {
                -webkit-animation: x-ripple-unbound-animation 0.3s ease-out forwards;
                animation: x-ripple-unbound-animation 0.3s ease-out forwards
            }

            .x-rippling:not(.x-rippling-unbound) .x-ripple {
                -webkit-animation: x-ripple-animation 0.35s ease-out forwards;
                animation: x-ripple-animation 0.35s ease-out forwards
            }

            @-webkit-keyframes x-ripple-animation {
                0% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    opacity: 0.4
                }

                75% {
                    -webkit-transform: scale(2);
                    transform: scale(2);
                    opacity: 0.2
                }

                100% {
                    -webkit-transform: scale(2.35);
                    transform: scale(2.35);
                    opacity: 0
                }
            }

            @keyframes x-ripple-animation {
                0% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    opacity: 0.4
                }

                75% {
                    -webkit-transform: scale(2);
                    transform: scale(2);
                    opacity: 0.2
                }

                100% {
                    -webkit-transform: scale(2.35);
                    transform: scale(2.35);
                    opacity: 0
                }
            }

            @-webkit-keyframes x-ripple-unbound-animation {
                0% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    opacity: 0.4
                }

                75% {
                    -webkit-transform: scale(1.75);
                    transform: scale(1.75);
                    opacity: 0.2
                }

                100% {
                    -webkit-transform: scale(2);
                    transform: scale(2);
                    opacity: 0
                }
            }

            @keyframes x-ripple-unbound-animation {
                0% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    opacity: 0.4
                }

                75% {
                    -webkit-transform: scale(1.75);
                    transform: scale(1.75);
                    opacity: 0.2
                }

                100% {
                    -webkit-transform: scale(2);
                    transform: scale(2);
                    opacity: 0
                }
            }

            .x-scroller {
                -webkit-overflow-scrolling: touch;
                overflow-anchor: none
            }

            .x-scroller-spacer {
                position: absolute;
                top: 0;
                overflow: hidden;
                height: 1px;
                width: 1px;
                font-size: 0;
                line-height: 0;
                pointer-events: none
            }

            .x-scroller-snappable {
                -ms-scroll-snap-type: mandatory;
                -webkit-scroll-snap-type: mandatory;
                scroll-snap-type: mandatory
            }

            .x-no-scrollbars {
                -ms-overflow-style: none
            }

            .x-no-scrollbars::-webkit-scrollbar {
                width: 0
            }

            .x-progress {
                overflow: hidden;
                position: relative
            }

            .x-progress-bar {
                height: 100%;
                width: 0
            }

            .x-progress-text {
                overflow: hidden
            }

            .x-progress-bar {
                overflow: hidden;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-touch-action-pan-y {
                overflow-x: hidden !important
            }

            .x-touch-action-pan-x {
                overflow-y: hidden !important
            }

            .x-drag-body {
                cursor: default
            }

            .x-drag-body * {
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .x-drag-dragging {
                z-index: 1000000!important;
                pointer-events: none
            }

            .x-treelist {
                background-position: 22px 0%;
                overflow: hidden;
                padding: 0 0 0 0
            }

            .x-treelist-container,.x-treelist-root-container {
                width: 100%
            }

            .x-treelist-toolstrip {
                display: none
            }

            .x-treelist-micro > .x-treelist-toolstrip {
                display: inline-block
            }

            .x-treelist-micro > .x-treelist-root-container {
                display: none
            }

            .x-treelist-item,.x-treelist-container,.x-treelist-root-container {
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                margin: 0
            }

            .x-treelist-item-tool,.x-treelist-row,.x-treelist-item-wrap {
                position: relative
            }

            .x-treelist-item-icon,.x-treelist-item-expander {
                display: none;
                position: absolute;
                top: 0
            }

            .x-treelist-item-expander {
                right: 0;
                cursor: pointer
            }

            .x-treelist-expander-only .x-treelist-item-expandable > * > .x-treelist-item-wrap > * {
                cursor: pointer
            }

            .x-treelist-item-text {
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden
            }

            .x-treelist-item-collapsed > .x-treelist-container {
                display: none
            }

            .x-treelist-item-expandable > * > * > .x-treelist-item-expander,.x-treelist-item-icon {
                display: block
            }

            .x-treelist-item-floated > * > * > .x-treelist-item-expander,.x-treelist-item-floated > * > * > .x-treelist-item-icon {
                display: none
            }

            .x-treelist-expander-first .x-treelist-item-expander {
                left: 0;
                right: auto
            }

            .x-treelist-toolstrip {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-item-tool {
                padding-left: 16px;
                padding-left: var(--content-padding);
                padding-right: 16px;
                padding-right: var(--content-padding);
            }

            .x-treelist-item-icon:before,.x-treelist-item-tool:before,.x-treelist-item-expander {
                line-height: 24px
            }

            .x-big .x-treelist-item-icon:before,.x-big .x-treelist-item-tool:before,.x-big .x-treelist-item-expander {
                line-height: 32px
            }

            .x-treelist-item-icon,.x-treelist-item-tool,.x-treelist-item-expander {
                text-align: center;
                background-repeat: no-repeat;
                background-position: 0 center
            }

            .x-treelist-item-loading .x-treelist-item-icon {
                background-image: url(images/tree/loading.gif);
                color: transparent
            }

            .x-treelist-item-icon,.x-treelist-item-tool {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-size: 18px;
                width: 22px
            }

            .x-treelist-item-tool {
                width: 54px
            }

            .x-treelist-item-expander {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-size: 16px;
                width: 16px
            }

            .x-big .x-treelist-item-expander {
                font-size: 24px
            }

            .x-big .x-treelist-item-expander {
                width: 24px
            }

            .x-treelist-item-expander:after {
                content: 'keyboard_arrow_down';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 24px
            }

            .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_up';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 24px
            }

            .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                margin-left: 38px;
                margin-right: 16px;
                font-size: 13px;
                line-height: 24px;
                text-overflow: ellipsis
            }

            .x-big .x-treelist-item-text {
                line-height: 32px;
                margin-right: 24px
            }

            .x-treelist-row {
                padding-left: 16px;
                padding-left: var(--content-padding);
                padding-right: 16px;
                padding-right: var(--content-padding);
            }

            .x-treelist-item-floated .x-treelist-container {
                width: auto
            }

            .x-treelist-item-floated > .x-treelist-row {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-item-floated > .x-treelist-container {
                margin-left: -16px
            }

            .x-big .x-treelist-item-floated > .x-treelist-container {
                margin-left: -16px
            }

            .x-treelist-item-floated > * > * > .x-treelist-item-text {
                margin-left: 0
            }

            .x-treelist-item-floated > * .x-treelist-row {
                cursor: pointer;
                padding-left: 0
            }

            .x-treelist-item-floated .x-treelist-row:before {
                width: 0
            }

            .x-treelist-item-floated > .x-treelist-row-over {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-treelist-item-expanded > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_up';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 1
            }

            .x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_down';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 1
            }

            .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-icon {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-expander {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-row-over {
                background-color: rgba(0, 0, 0, 0.03);
                background-color: var(--overlay-color);
            }

            .x-treelist-row-over > * > .x-treelist-item-icon {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-row-over > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-row-over > * > .x-treelist-item-expander {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: color 0.5s
            }

            .x-treelist-expander-first .x-treelist-item-icon {
                left: 16px
            }

            .x-big .x-treelist-expander-first .x-treelist-item-icon {
                left: 24px
            }

            .x-treelist-expander-first .x-treelist-item-text {
                margin-left: 54px;
                margin-right: 0
            }

            .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
                margin-left: 24px
            }

            .x-big .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
                margin-left: 32px
            }

            .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
                margin-left: 8px
            }

            .x-treelist-nav {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                background-position: 24px 0%;
                padding: 0 0 0 0
            }

            .x-treelist-nav .x-treelist-toolstrip {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #cfcfcf
            }

            .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool:after {
                height: 44px;
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 4px;
                background-color: #ff9800;
                background-color: var(--accent-color);
            }

            .x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
                background-color: #dcdcdc
            }

            .x-treelist-nav .x-treelist-item-tool {
                padding-left: 16px;
                padding-left: var(--content-padding);
                padding-right: 16px;
                padding-right: var(--content-padding);
            }

            .x-treelist-nav .x-treelist-item-tool-floated:after {
                height: 44px;
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 4px;
                background-color: #ffe0b2;
                background-color: var(--accent-light-color);
            }

            .x-treelist-nav .x-treelist-item-icon:before,.x-treelist-nav .x-treelist-item-tool:before,.x-treelist-nav .x-treelist-item-expander {
                line-height: 44px
            }

            .x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool,.x-treelist-nav .x-treelist-item-expander {
                text-align: center;
                background-repeat: no-repeat;
                background-position: 0 center
            }

            .x-treelist-nav .x-treelist-item-loading .x-treelist-item-icon {
                background-image: url(images/tree/loading.gif);
                color: transparent
            }

            .x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool {
                color: rgba(64, 64, 64, 0.87);
                font-size: 18px;
                width: 24px
            }

            .x-treelist-nav .x-treelist-item-tool {
                width: 56px
            }

            .x-treelist-nav .x-treelist-item-expander {
                color: rgba(77, 77, 77, 0.87);
                font-size: 22px;
                width: 24px
            }

            .x-treelist-nav .x-treelist-item-expander:after {
                content: 'keyboard_arrow_down';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 44px
            }

            .x-treelist-nav .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_up';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 44px
            }

            .x-treelist-nav .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                margin-left: 40px;
                margin-right: 24px;
                font-size: 16px;
                line-height: 44px
            }

            .x-treelist-nav .x-treelist-row {
                padding-left: 16px;
                padding-left: var(--content-padding);
                padding-right: 16px;
                padding-right: var(--content-padding);
            }

            .x-treelist-nav .x-treelist-row-over:before,.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
                content: " ";
                position: absolute;
                display: block;
                left: 0;
                top: 0;
                width: 6px;
                height: 100%
            }

            .x-treelist-nav .x-treelist-row-over:before {
                background-color: #ffe0b2;
                background-color: var(--accent-light-color);
            }

            .x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
                background-color: #ff9800;
                background-color: var(--accent-color);
            }

            .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
                background-color: #ff9800;
                background-color: var(--accent-color);
            }

            .x-treelist-nav .x-treelist-item-floated .x-treelist-container {
                width: auto
            }

            .x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
                margin-left: -16px
            }

            .x-big .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
                margin-left: -16px
            }

            .x-treelist-nav .x-treelist-item-floated > * > * > .x-treelist-item-text {
                margin-left: 0
            }

            .x-treelist-nav .x-treelist-item-floated > * .x-treelist-row {
                cursor: pointer;
                padding-left: 0
            }

            .x-treelist-nav .x-treelist-item-floated .x-treelist-row:before {
                width: 0
            }

            .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-treelist-nav .x-treelist-item-expanded {
                background-color: #e9e9e9
            }

            .x-treelist-nav .x-treelist-item-expanded > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_up';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 1
            }

            .x-treelist-nav .x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
                content: 'keyboard_arrow_down';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 1
            }

            .x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-icon {
                color: rgba(64, 64, 64, 0.87);
                transition: none
            }

            .x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: none
            }

            .x-treelist-nav .x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-expander {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: none
            }

            .x-treelist-nav .x-treelist-row-over {
                background-color: #dcdcdc;
                transition: all 450ms cubic-bezier(0.23,1,0.32,1) 0ms
            }

            .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon {
                color: rgba(64, 64, 64, 0.87);
                transition: none
            }

            .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: none
            }

            .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                transition: none
            }

            .x-treelist-nav .x-treelist-expander-first .x-treelist-item-icon {
                left: 24px
            }

            .x-treelist-nav .x-treelist-expander-first .x-treelist-item-text {
                margin-left: 64px;
                margin-right: 0
            }

            .x-treelist-nav .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
                margin-left: 32px
            }

            .x-treelist-nav .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
                margin-left: 8px
            }

            .x-float-wrap {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                pointer-events: none;
                overflow: visible
            }

            .x-float-wrap > .x-floated {
                position: absolute;
                pointer-events: all
            }

            #ext-global-floatWrap {
                z-index: 999999
            }

            body.x-chromeios {
                height: 100vh !important
            }

            body.x-chromeios .x-float-wrap {
                height: 100vh
            }

            :root {
                --x-supports-variables:true}

            .x-root {
                -webkit-text-size-adjust: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

            .x-root,.x-root *,.x-root :after,.x-root :before {
                box-sizing: border-box
            }

            html.x-has-viewport,.x-has-viewport > body {
                margin: 0;
                width: 100%;
                height: 100%
            }

            html.x-has-unscalable-viewport,.x-has-unscalable-viewport > body {
                position: fixed
            }

            @media print {
                html.x-has-unscalable-viewport,.x-has-unscalable-viewport > body {
                    position: static
                }
            }

            .x-user-selectable-all {
                -webkit-user-select: all;
                -moz-user-select: all;
                -ms-user-select: all;
                user-select: all
            }

            .x-user-selectable-auto {
                -webkit-user-select: auto;
                -moz-user-select: auto;
                -ms-user-select: text;
                user-select: auto
            }

            .x-user-selectable-none {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

            .x-user-selectable-text {
                -webkit-user-select: text;
                -moz-user-select: text;
                -ms-user-select: text;
                user-select: text
            }

            .x-focused {
                outline: none
            }

            .x-maximized {
                width: 100% !important;
                height: 100% !important;
                max-width: 100% !important;
                max-height: 100% !important;
                left: 0 !important;
                top: 0 !important;
                transform: translate3d(0,0,0) !important
            }

            @-ms-viewport {
                width: device-width
            }

            @-webkit-keyframes x-loading-spinner-rotate {
                0% {
                    -webkit-transform: rotate(0deg)
                }

                8.32% {
                    -webkit-transform: rotate(0deg)
                }

                8.33% {
                    -webkit-transform: rotate(30deg)
                }

                16.65% {
                    -webkit-transform: rotate(30deg)
                }

                16.66% {
                    -webkit-transform: rotate(60deg)
                }

                24.99% {
                    -webkit-transform: rotate(60deg)
                }

                25% {
                    -webkit-transform: rotate(90deg)
                }

                33.32% {
                    -webkit-transform: rotate(90deg)
                }

                33.33% {
                    -webkit-transform: rotate(120deg)
                }

                41.65% {
                    -webkit-transform: rotate(120deg)
                }

                41.66% {
                    -webkit-transform: rotate(150deg)
                }

                49.99% {
                    -webkit-transform: rotate(150deg)
                }

                50% {
                    -webkit-transform: rotate(180deg)
                }

                58.32% {
                    -webkit-transform: rotate(180deg)
                }

                58.33% {
                    -webkit-transform: rotate(210deg)
                }

                66.65% {
                    -webkit-transform: rotate(210deg)
                }

                66.66% {
                    -webkit-transform: rotate(240deg)
                }

                74.99% {
                    -webkit-transform: rotate(240deg)
                }

                75% {
                    -webkit-transform: rotate(270deg)
                }

                83.32% {
                    -webkit-transform: rotate(270deg)
                }

                83.33% {
                    -webkit-transform: rotate(300deg)
                }

                91.65% {
                    -webkit-transform: rotate(300deg)
                }

                91.66% {
                    -webkit-transform: rotate(330deg)
                }

                100% {
                    -webkit-transform: rotate(330deg)
                }
            }

            @keyframes x-loading-spinner-rotate {
                0% {
                    transform: rotate(0deg)
                }

                8.32% {
                    transform: rotate(0deg)
                }

                8.33% {
                    transform: rotate(30deg)
                }

                16.65% {
                    transform: rotate(30deg)
                }

                16.66% {
                    transform: rotate(60deg)
                }

                24.99% {
                    transform: rotate(60deg)
                }

                25% {
                    transform: rotate(90deg)
                }

                33.32% {
                    transform: rotate(90deg)
                }

                33.33% {
                    transform: rotate(120deg)
                }

                41.65% {
                    transform: rotate(120deg)
                }

                41.66% {
                    transform: rotate(150deg)
                }

                49.99% {
                    transform: rotate(150deg)
                }

                50% {
                    transform: rotate(180deg)
                }

                58.32% {
                    transform: rotate(180deg)
                }

                58.33% {
                    transform: rotate(210deg)
                }

                66.65% {
                    transform: rotate(210deg)
                }

                66.66% {
                    transform: rotate(240deg)
                }

                74.99% {
                    transform: rotate(240deg)
                }

                75% {
                    transform: rotate(270deg)
                }

                83.32% {
                    transform: rotate(270deg)
                }

                83.33% {
                    transform: rotate(300deg)
                }

                91.65% {
                    transform: rotate(300deg)
                }

                91.66% {
                    transform: rotate(330deg)
                }

                100% {
                    transform: rotate(330deg)
                }
            }

            .x-shim {
                position: absolute;
                left: 0;
                top: 0;
                overflow: hidden;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                opacity: 0
            }

            .x-css-shadow {
                position: absolute;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                border-radius: 5px
            }

            .x-shadow,.x-floated {
                -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4)
            }

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

            .x-floating {
                position: absolute !important
            }

            .x-center {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .x-center > * {
                position: relative
            }

            .x-center > .x-floating {
                position: relative !important
            }

            .x-fullscreen {
                position: absolute !important
            }

            .x-font-icon {
                font-weight: normal;
                display: inline-flex;
                vertical-align: top;
                align-items: center;
                justify-content: center
            }

            .x-font-icon:before {
                display: flex;
                line-height: 1;
                font-style: normal;
                text-transform: none;
                letter-spacing: normal;
                word-wrap: normal;
                white-space: nowrap;
                direction: ltr;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-feature-settings: 'liga';
                text-rendering: optimizeLegibility
            }

            .x-noborder-l {
                border-left-width: 0 !important
            }

            .x-noborder-b {
                border-bottom-width: 0 !important
            }

            .x-noborder-bl {
                border-bottom-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-r {
                border-right-width: 0 !important
            }

            .x-noborder-rl {
                border-right-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-rb {
                border-right-width: 0 !important;
                border-bottom-width: 0 !important
            }

            .x-noborder-rbl {
                border-right-width: 0 !important;
                border-bottom-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-t {
                border-top-width: 0 !important
            }

            .x-noborder-tl {
                border-top-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-tb {
                border-top-width: 0 !important;
                border-bottom-width: 0 !important
            }

            .x-noborder-tbl {
                border-top-width: 0 !important;
                border-bottom-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-tr {
                border-top-width: 0 !important;
                border-right-width: 0 !important
            }

            .x-noborder-trl {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-noborder-trb {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
                border-bottom-width: 0 !important
            }

            .x-noborder-trbl {
                border-width: 0 !important
            }

            .x-button-reset {
                margin: 0;
                padding: 0;
                border: none;
                font: inherit;
                color: inherit;
                background: none
            }

            .x-button-reset:focus {
                outline: none
            }

            .x-gecko .x-button-reset::-moz-focus-inner {
                padding: 0;
                border: none
            }

            .x-component {
                position: relative
            }

            .x-container {
                display: flex;
                flex-direction: column;
                overflow: hidden
            }

            .x-container-body-el {
                position: relative;
                overflow: hidden;
                flex: 1
            }

            .x-safari .x-container-body-el,.x-ie11 .x-container-body-el {
                flex-basis: auto
            }

            .x-body-sizer-el {
                flex: 1;
                position: relative
            }

            .x-body-sizer-el > .x-container-body-el {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-ie11 .x-container.x-max-height-wrapped {
                flex-direction: row
            }

            .x-max-height-el {
                display: flex;
                flex: 1 1 auto;
                flex-direction: column;
                overflow: hidden
            }

            .x-dock {
                overflow: hidden;
                display: flex;
                flex: 1 1;
                position: relative;
                background-color: inherit
            }

            .x-ie11 .x-dock {
                flex-basis: auto
            }

            .x-dock > .x-component {
                flex-shrink: 0
            }

            .x-dock-body {
                overflow: hidden;
                flex: 1 1;
                display: flex;
                flex-direction: column;
                background-color: inherit
            }

            .x-dock-vertical {
                flex-direction: column
            }

            .x-dock-vertical > .x-component {
                width: auto
            }

            .x-dock-horizontal > .x-component {
                height: auto
            }

            .x-indicator {
                display: flex;
                flex: 1 1;
                align-items: center;
                justify-content: center
            }

            .x-indicator span {
                display: block
            }

            .x-indicator.x-indicator-horizontal {
                width: 100%
            }

            .x-indicator.x-indicator-vertical {
                flex-direction: column;
                height: 100%
            }

            .x-component.x-layout-card-item {
                position: absolute;
                height: 100%;
                width: 100%
            }

            .x-viewport-body-el {
                z-index: 0;
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-orientation-inspector {
                display: none
            }

            @media (orientation: landscape) {
                .x-orientation-inspector-landscape {
                    display:block
                }
            }

            @media (orientation: portrait) {
                .x-orientation-inspector-landscape {
                    display:none
                }
            }

            #ext-viewport {
                margin: 0;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            .x-treelist-float-wrap {
                position: absolute;
                pointer-events: all;
                width: auto;
                height: auto;
                right: auto
            }

            .x-tool {
                display: inline-flex;
                outline: none;
                align-items: center;
                justify-content: center;
                flex-shrink: 0
            }

            .x-tool .x-icon-el {
                flex: none
            }

            .x-boxscroller > .x-tool {
                align-self: center
            }

            .x-tool-dock {
                overflow: hidden;
                display: flex;
                flex: 1 1 auto;
                align-items: center;
                background-color: inherit
            }

            .x-tool-anchor {
                margin-right: auto
            }

            .x-align-center > .x-tool-anchor {
                margin-right: auto;
                margin-left: auto
            }

            .x-align-right > .x-tool-anchor {
                margin-right: 0;
                margin-left: auto
            }

            .x-tool-anchor.x-headed {
                flex: 0 1 auto;
                margin-left: 0
            }

            .x-tool-anchor.x-tailed {
                flex: 0 1 auto;
                margin-right: 0
            }

            .x-tool-zone {
                display: flex;
                align-items: center;
                flex: none
            }

            .x-tool-zone.x-tail {
                margin-right: auto
            }

            .x-align-right > .x-tool-zone.x-tail {
                margin-right: 0
            }

            .x-align-center > .x-tool-zone.x-head,.x-align-right > .x-tool-zone.x-head {
                margin-left: auto
            }

            .x-layout-box {
                display: flex
            }

            .x-layout-box.x-horizontal {
                flex-direction: row
            }

            .x-layout-box.x-horizontal.x-reverse {
                flex-direction: row-reverse
            }

            .x-layout-box.x-horizontal.x-constrain-align > .x-layout-box-item:not(.x-heighted) {
                max-height: 100%
            }

            .x-layout-box.x-vertical {
                flex-direction: column
            }

            .x-layout-box.x-vertical.x-reverse {
                flex-direction: column-reverse
            }

            .x-layout-box.x-vertical.x-constrain-align > .x-layout-box-item:not(.x-widthed) {
                max-width: 100%
            }

            .x-layout-box.x-align-start {
                align-items: flex-start
            }

            .x-layout-box.x-align-center {
                align-items: center
            }

            .x-layout-box.x-align-end {
                align-items: flex-end
            }

            .x-layout-box.x-align-stretch {
                align-items: stretch
            }

            .x-layout-box.x-pack-start {
                justify-content: flex-start
            }

            .x-layout-box.x-pack-center {
                justify-content: center
            }

            .x-layout-box.x-pack-end {
                justify-content: flex-end
            }

            .x-layout-box.x-pack-justify,.x-layout-box.x-pack-space-between {
                justify-content: space-between
            }

            .x-layout-box.x-pack-space-around {
                justify-content: space-around
            }

            .x-layout-box.x-wrap {
                flex-wrap: wrap
            }

            .x-layout-box.x-wrap-reverse {
                flex-wrap: wrap-reverse
            }

            .x-layout-box-item {
                flex-shrink: 0
            }

            .x-ie11 .x-layout-box.x-pack-center,.x-ie11 .x-layout-box.x-pack-end {
                justify-content: flex-start
            }

            .x-ie11 .x-layout-box.x-pack-center:before,.x-ie11 .x-layout-box.x-pack-center:after,.x-ie11 .x-layout-box.x-pack-end:before {
                content: '';
                display: block;
                flex: 0.00005 1 0px
            }

            .x-button {
                display: inline-flex;
                position: relative;
                min-width: 0;
                min-height: 0
            }

            .x-button .x-inner-el {
                overflow: hidden;
                align-items: center;
                display: flex;
                flex: 1 1 auto
            }

            .x-button .x-body-el {
                overflow: hidden;
                margin: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: inherit
            }

            .x-button .x-icon-el {
                flex-shrink: 0;
                display: none;
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                text-align: center
            }

            .x-button.x-has-icon .x-icon-el {
                display: flex
            }

            .x-button .x-text-el {
                white-space: nowrap;
                text-overflow: ellipsis;
                display: none;
                overflow: hidden
            }

            .x-button.x-has-text .x-text-el {
                display: block
            }

            .x-button.x-icon-align-top .x-text-el,.x-button.x-icon-align-bottom .x-text-el {
                max-width: 100%
            }

            .x-button .x-arrow-el {
                display: none;
                flex-shrink: 0
            }

            .x-button.x-has-arrow .x-arrow-el,.x-button.x-has-menu:not(.x-no-arrow) .x-arrow-el {
                display: flex
            }

            .x-button .x-badge-el {
                display: none;
                z-index: 2;
                position: absolute;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-button.x-has-badge .x-badge-el {
                display: block
            }

            .x-button .x-button-el {
                opacity: 0;
                outline: none;
                cursor: pointer;
                z-index: 3;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                margin: 0;
                padding: 0
            }

            .x-button.x-icon-align-top .x-body-el {
                flex-direction: column
            }

            .x-button.x-icon-align-bottom .x-body-el {
                flex-direction: column-reverse
            }

            .x-button.x-icon-align-right .x-body-el {
                flex-direction: row-reverse
            }

            .x-button.x-text-align-left .x-body-el {
                margin-left: 0
            }

            .x-button.x-text-align-right .x-body-el {
                margin-right: 0
            }

            .x-ie11 .x-button:not(.x-has-text) .x-body-el {
                flex-direction: column
            }

            .x-button.x-arrow-align-right .x-inner-el {
                flex-direction: row;
                align-items: center
            }

            .x-button.x-arrow-align-bottom .x-inner-el {
                flex-direction: column;
                justify-content: flex-start
            }

            .x-button.x-arrow-align-bottom .x-body-el {
                margin-bottom: 0;
                max-width: 100%
            }

            .x-button.x-arrow-align-bottom .x-arrow-el {
                margin-top: auto
            }

            .x-button.x-disabled {
                pointer-events: none
            }

            .x-keyboard-mode .x-button.x-focused:after {
                content: '';
                pointer-events: none;
                position: absolute;
                top: -1px;
                right: -1px;
                bottom: -1px;
                left: -1px
            }

            .x-button:before {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0
            }

            .x-button.x-pressing:before,.x-button.x-pressed:before {
                opacity: 1
            }

            .x-title {
                max-width: 100%
            }

            .x-title .x-innerhtml {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-toolbar {
                z-index: 1;
                position: relative;
                overflow: visible
            }

            .x-navigation-bar .x-container {
                overflow: visible
            }

            .x-panel.x-header-position-top,.x-panel.x-header-position-top > .x-max-height-el {
                flex-direction: column
            }

            .x-panel.x-header-position-bottom,.x-panel.x-header-position-bottom > .x-max-height-el {
                flex-direction: column-reverse
            }

            .x-panel.x-header-position-left,.x-panel.x-header-position-left > .x-max-height-el {
                flex-direction: row
            }

            .x-panel.x-header-position-right,.x-panel.x-header-position-right > .x-max-height-el {
                flex-direction: row-reverse
            }

            .x-panel > .x-anchor-el {
                position: absolute;
                z-index: 1000;
                box-sizing: content-box
            }

            .x-panel > .x-anchor-el .x-pointer-el {
                position: absolute;
                top: 0
            }

            .x-panel > .x-anchor-el.x-bottom .x-pointer-el {
                transform: rotate(180deg)
            }

            .x-panel > .x-anchor-el.x-left {
                top: 0
            }

            .x-panel > .x-anchor-el.x-left .x-pointer-el {
                transform: rotate(270deg)
            }

            .x-panel > .x-anchor-el.x-right {
                top: 0
            }

            .x-panel > .x-anchor-el.x-right .x-pointer-el {
                transform: rotate(90deg)
            }

            .x-panel-body-wrap-el {
                overflow: hidden;
                flex: 1 1;
                display: flex;
                flex-direction: column
            }

            .x-safari .x-panel-body-wrap-el,.x-ie11 .x-panel-body-wrap-el {
                flex-basis: auto
            }

            .x-mask {
                min-width: 8.5em;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                height: 100%;
                z-index: 10;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgba(0, 0, 0, 0.3) center center no-repeat
            }

            .x-mask.x-mask-gray {
                background-color: rgba(0, 0, 0, 0.5)
            }

            .x-mask.x-mask-transparent {
                background-color: transparent
            }

            .x-mask .x-mask-inner {
                position: relative;
                background: rgba(0, 0, 0, 0.25);
                color: #fff;
                text-align: center;
                padding: 0.4em;
                font-size: 0.95em;
                font-weight: bold
            }

            .x-mask .x-loading-spinner-outer {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-width: 8em;
                height: 8em
            }

            .x-mask.x-indicator-hidden .x-mask-inner {
                padding-bottom: 0 !important
            }

            .x-mask.x-indicator-hidden .x-loading-spinner-outer {
                display: none
            }

            .x-mask.x-indicator-hidden .x-mask-message {
                position: relative;
                bottom: 0.25em
            }

            .x-mask .x-mask-message {
                position: absolute;
                bottom: 5px;
                color: #333;
                left: 0;
                right: 0;
                flex: 0 0
            }

            .x-mask.x-has-message .x-mask-inner {
                padding-bottom: 2em
            }

            .x-mask.x-has-message .x-loading-spinner-outer {
                height: 168px
            }

            .x-ie .x-mask[visibility='visible'] ~ div:not(.x-mask):not(.x-panel):not(.x-floating):not(.x-floated):not(.x-center):not(.x-msgbox) .x-input-el,.x-ie .x-mask:not(.x-hidden) ~ div:not(.x-mask):not(.x-panel):not(.x-floating):not(.x-floated):not(.x-center):not(.x-msgbox) .x-input-el {
                visibility: collapse
            }

            .x-float-wrap > .x-mask {
                z-index: 0;
                pointer-events: all
            }

            .x-audio audio {
                width: 100%
            }

            .x-tabguard-el {
                width: 0;
                height: 0;
                position: absolute;
                clip: rect(0,0,0,0)
            }

            .x-field {
                display: flex;
                overflow: hidden;
                min-height: -webkit-min-content;
                min-height: -moz-min-content;
                min-height: min-content
            }

            .x-field.x-inline {
                display: inline-flex
            }

            .x-field > .x-label-el {
                display: none;
                flex: none;
                max-width: 100%
            }

            .x-field.x-labeled > .x-label-el {
                display: block
            }

            .x-field.x-label-align-right {
                flex-direction: row-reverse
            }

            .x-field.x-label-align-top,.x-field.x-label-align-placeholder {
                flex-direction: column
            }

            .x-field.x-label-align-bottom {
                flex-direction: column-reverse
            }

            .x-field.x-label-align-vertical > .x-label-el {
                width: auto !important
            }

            .x-field.x-no-label-wrap > .x-label-el {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .x-field.x-label-text-align-left > .x-label-el {
                text-align: left
            }

            .x-field.x-label-text-align-center > .x-label-el {
                text-align: center
            }

            .x-field.x-label-text-align-right > .x-label-el {
                text-align: right
            }

            .x-field.x-required > .x-label-el:after {
                content: "*"
            }

            .x-field > .x-body-wrap-el {
                flex: 1 1 auto;
                display: flex;
                overflow: hidden
            }

            .x-field.x-label-align-vertical > .x-body-wrap-el {
                max-width: 100%;
                min-width: 100%
            }

            .x-field.x-label-align-horizontal > .x-body-wrap-el {
                max-height: 100%;
                min-height: 100%
            }

            .x-field.x-label-align-right > .x-body-wrap-el {
                flex-direction: row-reverse
            }

            .x-field.x-error-target-under > .x-body-wrap-el {
                flex-direction: column
            }

            .x-field > * > .x-body-el {
                position: relative;
                overflow: hidden;
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .x-field.x-body-align-start > * > .x-body-el {
                align-items: flex-start
            }

            .x-field.x-body-align-center > * > .x-body-el {
                align-items: center
            }

            .x-field.x-body-align-end > * > .x-body-el {
                align-items: flex-end
            }

            .x-field.x-body-align-stretch > * > .x-body-el {
                align-items: stretch
            }

            .x-field > * > .x-error-el {
                align-self: center;
                display: none;
                flex-shrink: 0
            }

            .x-field > * > * > .x-error-icon-el {
                flex-shrink: 0;
                display: none
            }

            .x-field.x-error-target-under > * > .x-error-el {
                display: flex;
                align-self: stretch
            }

            .x-field.x-error-target-side > * > * > .x-error-message-el {
                display: none
            }

            .x-field.x-no-auto-fit-errors > * > .x-error-el,.x-field.x-no-auto-fit-errors > * > * > .x-error-icon-el {
                display: flex;
                visibility: hidden
            }

            .x-field.x-invalid > * > .x-error-el,.x-field.x-invalid > * > * > .x-error-icon-el {
                display: flex;
                visibility: visible
            }

            .x-field > * > * > .x-error-message-el,.x-component-ErrorBox-body-el .x-innerhtml > * {
                flex: 1 1 auto;
                overflow: hidden;
                overflow: ellipsis;
                word-wrap: break-word;
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto
            }

            .x-layout-vbox > .x-field.x-no-min-content:not(.x-textareafield) {
                flex-shrink: 0 !important;
                flex-basis: auto !important
            }

            .x-input {
                position: relative
            }

            .x-input .x-input-el {
                display: block;
                border-width: 0;
                -webkit-appearance: none
            }

            .x-input .x-mask-el {
                width: auto;
                height: auto;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-trigger {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .x-trigger.x-interactive {
                cursor: pointer
            }

            div.x-trigger.x-grouped {
                width: auto
            }

            .x-textfield .x-input-wrap-el {
                flex: 1 1 auto;
                display: flex;
                overflow: hidden
            }

            .x-textfield .x-underline-el {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0
            }

            .x-textfield .x-underline-el:before,.x-textfield .x-underline-el:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%
            }

            .x-textfield.x-animate-underline .x-underline-el:before {
                transform: scaleX(0)
            }

            .x-textfield.x-animate-underline.x-focused .x-underline-el:before {
                transform: scaleX(1)
            }

            .x-textfield .x-input-el {
                background-color: transparent;
                color: inherit;
                outline: none;
                border: 0;
                margin: 0;
                width: 0;
                flex: 1 1 auto;
                box-sizing: content-box
            }

            .x-textfield .x-input-el::-ms-clear {
                display: none
            }

            .x-textfield.x-text-align-left .x-input-el {
                text-align: left
            }

            .x-textfield.x-text-align-center .x-input-el {
                text-align: center
            }

            .x-textfield.x-text-align-right .x-input-el {
                text-align: right
            }

            .x-textfield .x-before-input-el,.x-textfield .x-after-input-el {
                display: flex
            }

            .x-textfield.x-label-align-placeholder .x-label-el {
                position: relative;
                z-index: 2;
                pointer-events: none
            }

            .x-textfield.x-label-align-placeholder .x-input-el::-webkit-input-placeholder {
                opacity: 1;
                transition: opacity 0.4s
            }

            .x-textfield.x-label-align-placeholder .x-input-el::-moz-placeholder {
                opacity: 1;
                transition: opacity 0.4s
            }

            .x-textfield.x-label-align-placeholder .x-input-el:-ms-input-placeholder {
                opacity: 1;
                transition: opacity 0.4s
            }

            .x-textfield.x-label-align-placeholder.x-label-inside .x-input-el::-webkit-input-placeholder {
                opacity: 0
            }

            .x-textfield.x-label-align-placeholder.x-label-inside .x-input-el::-moz-placeholder {
                opacity: 0
            }

            .x-textfield.x-label-align-placeholder.x-label-inside .x-input-el:-ms-input-placeholder {
                opacity: 0
            }

            .x-editor {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-img.x-img-image {
                text-align: center
            }

            .x-img.x-img-image img {
                width: auto;
                height: 100%
            }

            .x-img.x-img-background {
                background-repeat: no-repeat;
                background-position: center;
                background-size: auto 100%
            }

            .x-textareafield {
                min-height: unset
            }

            .x-textareafield .x-input-el {
                resize: none
            }

            .x-ie11 .x-textareafield .x-input-el {
                overflow: auto;
                min-width: 0
            }

            .x-msgbox {
                max-width: 90vw;
                max-height: 90vh
            }

            .x-toast {
                max-width: 90vw;
                max-height: 90vh
            }

            .x-toast .x-toast-text {
                text-align: center
            }

            .x-video {
                height: 100%;
                width: 100%;
                background-color: #000
            }

            .x-video > * {
                height: 100%;
                width: 100%
            }

            .x-video .x-video-ghost {
                background-size: 100% auto;
                background: #000 center center no-repeat
            }

            .x-carousel-body-el {
                position: relative;
                overflow: hidden
            }

            .x-carousel-item,.x-carousel-item > * {
                position: absolute !important;
                width: 100%;
                height: 100%
            }

            .x-emptytext {
                text-align: center;
                pointer-events: none;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .x-dataview-item {
                position: relative
            }

            .x-itemheader {
                width: 100%;
                z-index: 5
            }

            .x-keyboard-mode .x-itemheader.x-focused:not(.x-pinned) {
                z-index: 10
            }

            .x-itemheader.x-pinned {
                z-index: 20
            }

            .x-itemheader > .x-body-el,.x-itemheader > .x-tool-dock {
                min-width: 100%
            }

            .x-listitem {
                display: flex;
                flex-direction: column;
                overflow: hidden;
                z-index: 0
            }

            .x-listitem:not(.x-pinned) {
                min-width: 100%
            }

            .x-listitem.x-hovered {
                z-index: 1
            }

            .x-listitem.x-selected {
                z-index: 2
            }

            .x-listitem.x-pressed {
                z-index: 3
            }

            .x-keyboard-mode .x-listitem.x-focused {
                overflow: visible
            }

            .x-keyboard-mode .x-listitem.x-focused:not(.x-pinned) {
                z-index: 10
            }

            .x-keyboard-mode .x-no-row-lines .x-listitem.x-focused:after {
                margin: 0
            }

            .x-listitem.x-pinned {
                z-index: 20
            }

            :not(.x-infinite) > .x-listitem:last-child {
                margin-bottom: 0
            }

            .x-listitem-body-el {
                position: relative;
                overflow: hidden;
                flex: 1 1 auto;
                display: flex;
                background-color: inherit
            }

            .x-listitem-inner-el {
                display: flex;
                align-items: center;
                background-color: inherit;
                flex: 1 1 auto
            }

            .x-listitem-inner-el.x-tool-anchor {
                display: block;
                align-self: center;
                flex-grow: 0
            }

            .x-no-row-lines > .x-listitem {
                border: 0;
                margin-bottom: 0
            }

            .x-list {
                overflow: hidden
            }

            .x-list .x-list-body-el {
                width: 100% !important;
                display: flex;
                flex-direction: column
            }

            .x-list .x-list-outer-ct {
                flex: 1 1 auto;
                position: relative;
                width: 100%;
                z-index: 0
            }

            .x-list .x-list-inner-ct {
                position: relative;
                min-width: 100%
            }

            .x-list-inner-ct.x-infinite > * {
                position: absolute;
                width: 100%
            }

            .x-list.x-inline .x-listitem {
                display: inline-block
            }

            .x-list.x-nowrap .x-listitem {
                white-space: nowrap
            }

            .x-dataview.x-inline .x-dataview-item,.x-dataview.x-inline .x-dataitem {
                display: inline-block;
                vertical-align: top
            }

            .x-dataview.x-nowrap .x-body-el {
                white-space: nowrap !important
            }

            .x-indexbar {
                pointer-events: none;
                position: relative
            }

            .x-indexbar > .x-body-el {
                cursor: pointer;
                display: flex;
                pointer-events: auto;
                position: absolute;
                transition: 0.4s opacity;
                right: 0;
                bottom: 0
            }

            .x-indexbar > .x-body-el.x-horizontal {
                flex-direction: row;
                left: 0
            }

            .x-indexbar > .x-body-el.x-vertical {
                flex-direction: column;
                top: 0
            }

            .x-indexbar-item {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .x-indexbar-indicator {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .x-listswiperaccordion {
                position: absolute;
                height: auto;
                left: 0;
                bottom: 0;
                top: 0;
                right: 0;
                z-index: 0
            }

            .x-listswiperaccordion-wrapper {
                display: none;
                position: relative;
                flex-direction: row;
                width: 100%
            }

            .x-listswiperaccordion-wrapper .x-listswiperaction {
                flex: 1 0 0;
                overflow: hidden
            }

            .x-listswiperaccordion-side-left {
                left: 0
            }

            .x-listswiperaccordion-side-right {
                right: 0
            }

            .x-listswiperaccordion-side-right .x-listswiperaccordion-wrapper-right {
                display: flex
            }

            .x-listswiperaccordion-side-left .x-listswiperaccordion-wrapper-left {
                display: flex
            }

            .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-right:after,.x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-left:before {
                content: '';
                flex: 0
            }

            .x-listswiperaccordion-multiple .x-listswiperaction,.x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper:after,.x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper:before {
                transition: flex 0.4s ease-in, padding 0.15s ease-in 0.25s, min-width 0.4s ease-in, border-color 0.4s ease-in, border-width 0.4s ease-in, opacity 0.4s ease-in
            }

            .x-listswiperaccordion-wrapper.x-listswiperaccordion-single .x-listswiperaction {
                flex: 0 0 auto
            }

            .x-listswiperaccordion-wrapper-left:after,.x-listswiperaccordion-wrapper-right:before {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 2;
                pointer-events: none
            }

            .x-listswiperaccordion-wrapper-left.x-listswiperaccordion-single {
                justify-content: flex-start
            }

            .x-listswiperaccordion-wrapper-right.x-listswiperaccordion-single {
                justify-content: flex-end
            }

            .x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-right {
                justify-content: flex-start
            }

            .x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-left {
                justify-content: flex-end
            }

            .x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-right:after,.x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-left:before {
                flex: 1
            }

            .x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-right .x-listswiperaction:not(:last-child),.x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-left .x-listswiperaction:not(:first-child) {
                flex: 0 !important;
                padding: 0 !important;
                min-width: 0 !important;
                border-width: 0 !important;
                border-color: transparent;
                opacity: 0
            }

            .x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-right .x-listswiperaction:last-child,.x-listswiperaccordion-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper-left .x-listswiperaction:first-child {
                flex: 0
            }

            .x-listswiperaccordion-was-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper > .x-listswiperaction,.x-listswiperaccordion-was-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper:after,.x-listswiperaccordion-was-collapsed .x-listswiperaccordion-multiple.x-listswiperaccordion-wrapper:before {
                transition: flex 0.4s ease-in, padding 0.15s ease-in 0.25s, border-color 0.4s ease-in, border-width 0.4s ease-in, min-width 0.4s ease-in, opacity 0.4s ease-in
            }

            .x-listswiperundoable {
                opacity: 0;
                transition: opactiy 300ms ease-out
            }

            .x-listswiperaccordion.x-undo .x-listswiperundoable {
                opacity: 1
            }

            .x-listswiperaccordion.x-undo .x-listswiperaccordion-wrapper {
                background-color: transparent !important;
                opacity: 0 !important;
                pointer-events: none;
                transition: background-color 300ms ease-out, opacity 300ms ease-out
            }

            .x-listswiperaccordion.x-undo .x-listswiperaccordion-wrapper .x-listswiperaction {
                opacity: 0 !important;
                transition: opacity 300ms ease-out
            }

            .x-listswiperaccordion ~ * {
                transition: opacity 300ms ease-out
            }

            .x-listswiperaccordion.x-undo ~ * {
                opacity: 0 !important;
                pointer-events: none
            }

            .x-listswiperaccordion-measure {
                display: flex;
                width: auto !important;
                position: absolute !important
            }

            .x-listswiperaccordion-measure > * {
                flex: 1 0 auto !important
            }

            .x-listswiperstepper {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                flex-direction: row;
                transition: color 250ms ease-out, background-color 25ms ease-out
            }

            .x-listswiperstepper-body-el {
                flex: 1;
                display: flex
            }

            .x-listswiperstepper-body-el > .x-icon-wrap-el {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .x-listswiperstepper.x-side-right .x-listswiperstepper-body-el {
                flex-direction: row-reverse
            }

            .x-undo > .x-listswiperstepper-body-el {
                flex-direction: row
            }

            .x-listswiperstepper-inner-el {
                width: 0;
                flex: 1
            }

            .x-listswiperstepper-inner-el > .x-innerhtml {
                max-width: 100%
            }

            .x-listswiperstepper-text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-listpaging .x-loading-spinner {
                display: none
            }

            .x-listpaging .x-message {
                cursor: pointer
            }

            .x-listpaging.x-disabled .x-message {
                cursor: default
            }

            .x-listpaging.x-loading .x-loading-spinner {
                display: block
            }

            .x-listpaging.x-loading .x-message {
                display: none
            }

            .x-list-item-dragging {
                z-index: 100
            }

            .x-pullrefreshbar {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                overflow: hidden
            }

            .x-pullrefreshbar .x-pullrefreshbar-arrow {
                opacity: 1;
                transition: opacity 0.5s
            }

            .x-pullrefreshbar.x-pullrefresh-loading .x-pullrefreshbar-loading-wrap {
                display: block
            }

            .x-pullrefreshbar.x-pullrefresh-loading .x-pullrefreshbar-arrow {
                opacity: 0
            }

            .x-pullrefreshbar.x-pullrefresh-loaded .x-pullrefreshbar-arrow {
                opacity: 0
            }

            .x-pullrefreshbar.x-pullrefresh-overlay {
                width: 100%
            }

            .x-pullrefreshbar-info-wrap {
                text-align: center
            }

            .x-pullrefreshbar-loading-wrap {
                position: relative
            }

            .x-pullrefreshbar-mode-message .x-pullrefreshbar-loading-wrap {
                display: none
            }

            .x-pullrefreshbar-mode-spinner .x-pullrefreshbar-info-wrap {
                display: none
            }

            .x-pullrefresh-overlay {
                width: 100%
            }

            .x-pullrefreshspinner {
                display: flex;
                justify-content: center;
                align-items: center
            }

            .x-pullrefreshspinner-loading-wrap {
                display: block
            }

            .x-pullrefreshspinner-main {
                z-index: 10001;
                overflow: hidden;
                opacity: 0;
                padding: 9px;
                transform: scale(1);
                transition: all 0.43s cubic-bezier(0.08,0.55,0.81,1.8)
            }

            .x-pullrefreshspinner-loader-wrapper {
                width: 25px;
                height: 25px
            }

            .x-pullrefreshspinner-arrow-wrapper {
                transition: all 0.2s ease
            }

            .x-pullrefreshspinner-half-circle,.x-pullrefreshspinner-arrow-main {
                position: absolute;
                top: 0;
                border-radius: 999px;
                width: 25px;
                height: 25px;
                border-width: 3px;
                border-style: solid;
                border-color: black black transparent
            }

            .x-pullrefreshspinner-arrow-main {
                margin-top: 10px;
                transform: rotate(-37deg)
            }

            .x-pullrefreshspinner-arrow-main:before {
                content: '';
                display: block;
                position: relative;
                left: 0px;
                top: 14px;
                border-width: 6px 6px;
                border-style: solid;
                width: 0;
                height: 0;
                transform: rotate(-56deg)
            }

            .x-pullrefreshspinner-spinner-main {
                position: relative;
                width: 25px;
                height: 25px;
                animation: x-pullrefreshspinner-sporadic-rotate 5.25s cubic-bezier(0.35,0,0.25,1) infinite
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left,.x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right {
                position: absolute;
                top: 0;
                overflow: hidden;
                height: 25px;
                width: 13px
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left .x-pullrefreshspinner-half-circle,.x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right .x-pullrefreshspinner-half-circle {
                animation-iteration-count: infinite;
                animation-duration: 1.3125s;
                animation-timing-function: cubic-bezier(0.35,0,0.25,1)
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left {
                left: 0
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left .x-pullrefreshspinner-half-circle {
                left: 0;
                border-right-color: transparent;
                animation-name: x-pullrefreshspinner-left-wobble
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right {
                right: 0
            }

            .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right .x-pullrefreshspinner-half-circle {
                right: 0;
                border-left-color: transparent;
                animation-name: x-pullrefreshspinner-right-wobble
            }

            .x-pullrefreshspinner-spinner-wrapper {
                animation: x-pullrefresh-spinner-outer-rotate 2.91667s linear infinite
            }

            @keyframes x-pullrefreshspinner-outer-rotate {
                100% {
                    transform: rotate(360deg)
                }
            }

            @keyframes x-pullrefreshspinner-left-wobble {
                0%,100% {
                    transform: rotate(130deg)
                }

                50% {
                    transform: rotate(-5deg)
                }
            }

            @keyframes x-pullrefreshspinner-right-wobble {
                0%,100% {
                    transform: rotate(-130deg)
                }

                50% {
                    transform: rotate(5deg)
                }
            }

            @keyframes x-pullrefreshspinner-sporadic-rotate {
                12.5% {
                    transform: rotate(135deg)
                }

                25% {
                    transform: rotate(270deg)
                }

                37.5% {
                    transform: rotate(405deg)
                }

                50% {
                    transform: rotate(540deg)
                }

                62.5% {
                    transform: rotate(675deg)
                }

                75% {
                    transform: rotate(810deg)
                }

                87.5% {
                    transform: rotate(945deg)
                }

                100% {
                    transform: rotate(1080deg)
                }
            }

            .x-field > * > * > .x-box-wrap-el,.x-field > * > * > * > .x-box-el {
                display: flex;
                align-items: center
            }

            .x-field.x-box-label-align-before > * > * > .x-box-wrap-el {
                flex-direction: row-reverse;
                justify-content: flex-end
            }

            .x-field > * > * > * > .x-box-label-el {
                display: none;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .x-field.x-box-labeled > * > * > * > .x-box-label-el {
                display: block
            }

            .x-checkboxfield .x-icon-el {
                position: relative;
                overflow: hidden
            }

            .x-checkboxfield .x-input-el {
                margin: 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0
            }

            .x-checkboxfield .x-input:before {
                pointer-events: none
            }

            .x-field.x-checkboxfield .x-input {
                display: flex
            }

            .x-ie .x-pickerfield .x-mask-el {
                z-index: 3
            }

            .x-sheet.x-picker {
                padding: 0
            }

            .x-sheet.x-picker .x-sheet-body-el {
                background-color: #fff
            }

            .x-sheet.x-picker .x-sheet-body-el .x-picker-slot .x-body-el {
                border-left: 1px solid #999;
                border-right: 1px solid #acacac
            }

            .x-sheet.x-picker .x-sheet-body-el .x-picker-slot.x-first .x-body-el {
                border-left: 0
            }

            .x-sheet.x-picker .x-sheet-body-el .x-picker-slot.x-last .x-body-el {
                border-left: 0;
                border-right: 0
            }

            .x-picker-mask {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 3;
                display: flex;
                align-items: stretch;
                flex-direction: column;
                justify-content: center;
                pointer-events: none
            }

            .x-picker-slot-title {
                position: relative;
                z-index: 2
            }

            .x-picker-slot-title > div {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: bold
            }

            .x-picker-slot .x-dataview-body-el {
                width: 100% !important
            }

            .x-picker-slot .x-dataview-item {
                vertical-align: middle;
                height: 30px;
                line-height: 30px
            }

            .x-picker-slot .x-picker-item {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-ie .x-picker-item {
                cursor: default
            }

            .x-ie .x-picker-item::before {
                content: ". .";
                color: transparent;
                position: absolute;
                left: 0px;
                word-spacing: 3000px
            }

            .x-picker-right {
                text-align: right
            }

            .x-picker-center {
                text-align: center
            }

            .x-picker-left {
                text-align: left
            }

            .x-selectfield-overlay .x-listitem-body {
                min-width: 0
            }

            .x-selectfield-overlay .x-list-label {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block
            }

            .x-containerfield > * > * > .x-container:not(.x-heighted) {
                flex: 1 1 auto
            }

            .x-containerfield > * > * > .x-container.x-heighted {
                max-height: 100%
            }

            .x-containerfield > * > * > .x-container.x-widthed {
                max-width: 100%
            }

            .x-containerfield > * > .x-body-el {
                justify-content: flex-start
            }

            .x-layout-carousel-wrap {
                overflow: hidden;
                display: block
            }

            .x-layout-carousel {
                position: relative;
                overflow: visible;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                display: inline-flex;
                flex-direction: row
            }

            .x-layout-carousel-item {
                flex: 0 0
            }

            .x-dateview th {
                text-overflow: clip
            }

            .x-dateview td {
                outline: none
            }

            .x-dateview tbody .x-cell {
                position: relative
            }

            .x-dateview td:not(.x-disabled) .x-inner {
                cursor: pointer
            }

            .x-dateview .x-empty {
                pointer-events: none
            }

            .x-dateview.x-hide-caption caption {
                display: none
            }

            .x-paneltitle {
                display: flex;
                align-items: center;
                overflow: hidden
            }

            .x-paneltitle .x-body-el {
                align-items: center;
                overflow: hidden;
                margin: auto;
                display: flex
            }

            .x-paneltitle .x-icon-el {
                flex-shrink: 0;
                margin: auto;
                display: none
            }

            .x-paneltitle.x-has-icon .x-icon-el {
                display: flex
            }

            .x-paneltitle .x-text-el {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-paneltitle.x-icon-align-vertical .x-body-el {
                align-items: stretch
            }

            .x-paneltitle.x-icon-align-vertical .x-text-el {
                flex-shrink: 0
            }

            .x-safari .x-paneltitle.x-icon-align-vertical.x-vertical .x-text-el {
                max-height: 100%
            }

            .x-paneltitle.x-icon-align-right .x-body-el {
                flex-direction: row-reverse;
                justify-content: flex-end
            }

            .x-paneltitle.x-vertical {
                flex-direction: column
            }

            .x-paneltitle.x-vertical .x-text-el {
                -ms-writing-mode: tb-lr;
                -webkit-writing-mode: vertical-lr;
                writing-mode: vertical-lr
            }

            .x-safari .x-paneltitle.x-vertical .x-text-el {
                text-overflow: clip
            }

            .x-paneltitle.x-horizontal.x-text-align-left .x-body-el {
                margin-left: 0
            }

            .x-paneltitle.x-horizontal.x-text-align-right .x-body-el {
                margin-right: 0
            }

            .x-paneltitle.x-rotate-90 .x-body-el {
                flex-direction: column
            }

            .x-paneltitle.x-rotate-90.x-icon-align-right .x-body-el {
                flex-direction: column-reverse
            }

            .x-paneltitle.x-rotate-90.x-rotate-icon .x-icon-el:before {
                transform: rotate(90deg)
            }

            .x-paneltitle.x-rotate-90.x-text-align-left .x-body-el {
                margin-top: 0
            }

            .x-paneltitle.x-rotate-90.x-text-align-right .x-body-el {
                margin-bottom: 0
            }

            .x-paneltitle.x-rotate-270 .x-body-el {
                flex-direction: column-reverse
            }

            .x-paneltitle.x-rotate-270.x-icon-align-right .x-body-el {
                flex-direction: column
            }

            .x-paneltitle.x-rotate-270.x-rotate-icon .x-icon-el:before {
                transform: rotate(270deg)
            }

            .x-paneltitle.x-rotate-270 .x-text-el {
                transform: rotate(180deg)
            }

            .x-paneltitle.x-rotate-270.x-text-align-left .x-body-el {
                margin-bottom: 0
            }

            .x-paneltitle.x-rotate-270.x-text-align-right .x-body-el {
                margin-top: 0
            }

            .x-paneltitle.x-icon-align-top .x-body-el {
                flex-direction: column
            }

            .x-paneltitle.x-icon-align-top.x-rotate-90 .x-body-el {
                flex-direction: row-reverse
            }

            .x-paneltitle.x-icon-align-top.x-rotate-270 .x-body-el {
                flex-direction: row
            }

            .x-paneltitle.x-icon-align-bottom .x-body-el {
                flex-direction: column-reverse
            }

            .x-paneltitle.x-icon-align-bottom.x-rotate-90 .x-body-el {
                flex-direction: row
            }

            .x-paneltitle.x-icon-align-bottom.x-rotate-270 .x-body-el {
                flex-direction: row-reverse
            }

            .x-datetitle .x-body-el {
                position: relative;
                width: 100%
            }

            .x-datetitle .x-year-el {
                cursor: pointer
            }

            .x-datetitle .x-text-container-el {
                width: 100%;
                position: relative;
                align-items: center;
                overflow: hidden;
                margin: auto;
                display: flex
            }

            .x-datetitle .x-cloned {
                position: absolute;
                left: 0;
                right: 0;
                text-align: center
            }

            .x-datetitle.x-split .x-text-container-el {
                display: block
            }

            .x-datetitle:not(.x-split) .x-text-el {
                text-align: center;
                width: 100%
            }

            .x-yearpicker .x-listitem .x-innerhtml {
                width: 100%;
                text-align: center
            }

            .x-datepanel {
                display: inline-flex;
                flex: 0 0 auto !important
            }

            .x-datepanel:focus {
                outline: none
            }

            .x-datepanel .x-panel-body-el {
                border-width: 0 !important
            }

            .x-datepanel .x-panel-body-el .x-cloned {
                position: absolute
            }

            .x-datepanel .x-dateview .x-cell .x-inner {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .x-numberfield input::-webkit-outer-spin-button,.x-numberfield input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0
            }

            .x-numberfield input {
                -moz-appearance: textfield
            }

            .x-numberfield input:invalid {
                box-shadow: none
            }

            .x-searchfield .x-input-el {
                -webkit-appearance: textfield
            }

            .x-searchfield .x-input-el::-webkit-search-decoration {
                -webkit-appearance: none
            }

            .x-searchfield .x-input-el::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

            .x-thumb {
                position: absolute;
                left: 0;
                top: 50% !important;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .x-thumb + .x-sizer-el {
                width: 0
            }

            .x-thumb.x-dragging {
                cursor: default
            }

            .x-slider {
                position: relative;
                display: flex;
                align-items: center
            }

            .x-slider .x-track-el {
                width: 100%;
                position: relative;
                display: flex;
                align-items: center
            }

            .x-slider .x-thumb-wrap-el {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0
            }

            .x-slider .x-fill-el {
                position: absolute;
                top: 0;
                left: 0;
                border-right-width: 0 !important
            }

            .x-slider .x-fill-el:not(:first-child) {
                border-left-width: 0 !important
            }

            .x-slider:not(.x-toggleslider) .x-fill-el {
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 0 !important
            }

            .x-sliderfield .x-disabled > .x-body-wrap-el {
                opacity: 1
            }

            .x-sliderfield .x-box-el {
                flex: 1 1 auto
            }

            .x-sliderfield .x-slider {
                flex: 1 1 auto
            }

            .x-spinnerfield input::-webkit-outer-spin-button,.x-spinnerfield input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0
            }

            .x-spinnerfield .x-spinner-button {
                text-align: center
            }

            .x-spinnerfield.x-grouped-buttons .x-input-el {
                text-align: left
            }

            .x-form-fieldset-title .x-innerhtml {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-form-fieldset-instructions {
                text-align: center
            }

            .x-formpanel .x-hidden-submit {
                visibility: hidden;
                width: 0;
                height: 0;
                position: absolute;
                right: 0;
                bottom: 0
            }

            .x-celleditor {
                width: auto;
                height: auto;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-gridcell {
                display: table-cell;
                vertical-align: middle;
                position: relative
            }

            .x-gridcell.x-dirty:before {
                line-height: 1;
                position: absolute;
                top: 0;
                left: 0
            }

            .x-gridcell-body-el {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap
            }

            .x-gridcell.x-align-center {
                text-align: center
            }

            .x-gridcell.x-align-right {
                text-align: right
            }

            .x-rowbody {
                display: flex
            }

            .x-grid:not(.x-has-rowexpander) .x-rowbody .x-spacer-el {
                display: none
            }

            .x-gridrow {
                display: block
            }

            .x-gridrow .x-cells-el {
                display: table;
                table-layout: fixed;
                width: 0;
                background-color: inherit
            }

            .x-headercontainer-body-el > :last-child {
                overflow: hidden
            }

            .x-menuitem {
                display: flex;
                flex-direction: column
            }

            .x-menuitem .x-body-el {
                position: relative;
                display: flex;
                align-items: center;
                max-width: 100%;
                -webkit-tap-highlight-color: transparent;
                -webkit-touch-callout: none;
                text-decoration: none;
                outline: 0
            }

            .x-menuitem .x-text-el {
                flex: 1 1 auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-menuitem .x-arrow-el {
                display: none
            }

            .x-menuitem.x-has-arrow .x-arrow-el {
                display: flex
            }

            .x-menuitem .x-icon-wrap-el {
                display: none;
                justify-content: center;
                flex-shrink: 0
            }

            .x-menuitem.x-indented .x-left-icon-wrap-el {
                display: flex;
                visibility: hidden
            }

            .x-menuitem.x-has-left-icon .x-left-icon-wrap-el,.x-menuitem.x-has-right-icon .x-right-icon-wrap-el {
                display: flex;
                visibility: visible
            }

            .x-menuitem:first-child .x-menuseparator {
                display: none
            }

            .x-menucheckitem .x-checkbox-el {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                margin: 0;
                opacity: 0
            }

            .x-gridcolumn {
                overflow: visible
            }

            .x-gridcolumn .x-header-el {
                position: relative;
                flex: 1 1 auto;
                display: flex;
                align-items: center
            }

            .x-gridcolumn .x-title-wrap-el {
                overflow: hidden
            }

            .x-gridcolumn .x-title-el {
                overflow: hidden;
                display: flex;
                align-items: center
            }

            .x-gridcolumn .x-text-el {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .x-gridcolumn.x-align-center > .x-header-el {
                justify-content: center
            }

            .x-gridcolumn.x-align-right > .x-header-el {
                justify-content: flex-end
            }

            .x-gridcolumn.x-group > .x-header-el > .x-title-wrap-el,.x-gridcolumn.x-group > .x-header-el > .x-tool-dock {
                width: 0;
                min-width: 100%
            }

            .x-gridcolumn.x-group.x-align-center > .x-header-el .x-title-el {
                justify-content: center
            }

            .x-gridcolumn.x-group.x-align-right > .x-header-el .x-title-el {
                justify-content: flex-end
            }

            .x-gridcolumn.x-leaf .x-header-el {
                border-bottom: 0
            }

            .x-gridcolumn.x-leaf .x-gridcolumn-body-el {
                display: none
            }

            .x-gridcolumn .x-trigger-el {
                opacity: 0;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0
            }

            .x-gridcolumn > .x-header-el:hover .x-trigger-el,.x-gridcolumn.x-menu-open > .x-header-el .x-trigger-el {
                opacity: 1
            }

            .x-gridcolumn.x-resizing .x-trigger-el {
                opacity: 0 !important
            }

            .x-gridcolumn > .x-header-el:after {
                content: '';
                width: 0;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                display: none
            }

            .x-gridcolumn.x-resizing > .x-header-el:after {
                display: block
            }

            .x-gridcolumn-body-el {
                flex: none;
                overflow: visible
            }

            .x-checkcell .x-checkbox-el {
                outline: none;
                cursor: pointer
            }

            .x-summaryrow .x-checkcell .x-checkbox-el {
                display: none
            }

            .x-checkcolumn .x-title-wrap-el {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .x-checkcolumn.x-checkbox-align-top .x-title-wrap-el {
                flex-direction: column-reverse
            }

            .x-checkcolumn.x-checkbox-align-right .x-title-wrap-el {
                flex-direction: row
            }

            .x-checkcolumn.x-checkbox-align-left .x-title-wrap-el {
                flex-direction: row-reverse
            }

            .x-checkcolumn.x-checkbox-align-top .x-title-el,.x-checkcolumn.x-checkbox-align-bottom .x-title-el {
                max-width: 100%
            }

            .x-checkcolumn .x-checkbox-el {
                outline: none
            }

            .x-checkcolumn.x-no-header-checkbox .x-checkbox-el {
                display: none
            }

            .x-checkcolumn:not(.x-has-text):not(.x-sorted) .x-title-el {
                margin: 0!important
            }

            .x-selmodel-row-numberer-hd {
                cursor: se-resize!important
            }

            .x-selmodel-row-numberer-cell {
                cursor: e-resize
            }

            .x-selmodel-column-select .x-column-header {
                cursor: s-resize
            }

            .x-selmodel-extender-drag-handle {
                position: absolute;
                cursor: crosshair;
                z-index: 1;
                height: 7px;
                width: 7px;
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-big .x-selmodel-extender-drag-handle {
                height: 15px;
                width: 15px
            }

            .x-selmodel-extender-mask {
                position: absolute;
                pointer-events: none;
                z-index: 1;
                border: 1px dotted #005596;
                border: 1px dotted var(--base-color);
            }

            .x-gridcolumn .x-resizer-el {
                content: '';
                position: absolute;
                top: 0;
                right: -5px;
                bottom: 0;
                width: 10px;
                background-color: transparent;
                z-index: 1;
                cursor: col-resize;
                display: none
            }

            .x-big .x-gridcolumn .x-resizer-el {
                right: -10px;
                width: 20px
            }

            .x-grid.x-has-columnresizing .x-gridcolumn.x-resizable .x-resizer-el {
                display: block
            }

            .x-menu-body-el.x-has-separator:before {
                content: '';
                position: absolute;
                height: 100%;
                top: 0;
                left: 0
            }

            .x-ctrl-key:before {
                content: "\2303"
            }

            .x-alt-key:before {
                content: "\2325"
            }

            .x-shift-key:before {
                content: "\21E7"
            }

            .x-meta-key:before {
                content: "\229e"
            }

            .x-mac .x-meta-key:before {
                content: "\2318"
            }

            .x-ctrl-key.x-alt-key:before {
                content: "\2303\2325"
            }

            .x-ctrl-key.x-shift-key:before {
                content: "\2303\21E7"
            }

            .x-ctrl-key.x-meta-key:before {
                content: "\2303\229e"
            }

            .x-mac .x-ctrl-key.x-meta-key:before {
                content: "\2303\2318"
            }

            .x-alt-key.x-shift-key:before {
                content: "\2325\21E7"
            }

            .x-alt-key.x-meta-key:before {
                content: "\2325\229e"
            }

            .x-mac .x-alt-key.x-meta-key:before {
                content: "\2325\2318"
            }

            .x-shift-key.x-meta-key:before {
                content: "\21E7\229e"
            }

            .x-mac .x-shift-key.x-meta-key:before {
                content: "\21E7\2318"
            }

            .x-ctrl-key.x-alt-key.x-shift-key:before {
                content: "\2303\2325\21E7"
            }

            .x-ctrl-key.x-shift-key.x-meta-key:before {
                content: "\2303\21E7\229e"
            }

            .x-mac .x-ctrl-key.x-shift-key.x-meta-key:before {
                content: "\2303\21E7\2318"
            }

            .x-alt-key.x-shift-key.x-meta-key:before {
                content: "\2325\21E7\229e"
            }

            .x-mac .x-alt-key.x-shift-key.x-meta-key:before {
                content: "\2325\21E7\2318"
            }

            .x-grid .x-resize-marker-el {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%
            }

            .x-expandercell .x-icon-el {
                cursor: pointer
            }

            .x-summaryrow .x-expandercell .x-icon-el {
                display: none
            }

            .x-pagingtoolbar-summary {
                text-align: center;
                white-space: nowrap;
                min-width: 4em
            }

            .x-layout-fit {
                display: flex
            }

            .x-layout-fit-item {
                flex: 1 1
            }

            .x-ie11 .x-layout-fit-item {
                flex-basis: auto
            }

            .x-body-sizer-el > * > .x-layout-fit-item {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-layout-center {
                display: flex;
                flex-direction: column;
                align-items: flex-start
            }

            .x-layout-center-item,.x-layout-center > .x-innerhtml {
                margin: auto
            }

            .x-layout-center-item.x-widthed {
                flex-shrink: 0
            }

            .x-layout-float > .x-layout-float-item {
                float: left
            }

            .x-layout-float.x-direction-right > .x-layout-float-item {
                float: right
            }

            .x-layout-form {
                display: table;
                border-collapse: separate;
                width: 100%
            }

            .x-layout-form.x-has-label-width {
                table-layout: fixed
            }

            .x-layout-form .x-colgroup-el {
                display: table-column-group
            }

            .x-layout-form .x-label-column-el,.x-layout-form .x-body-column-el {
                display: table-column
            }

            .x-layout-form-item.x-field {
                display: table-row;
                border-spacing: 0
            }

            .x-layout-form-item.x-field > .x-label-el {
                display: table-cell;
                vertical-align: top;
                width: 1px !important
            }

            .x-layout-form-item.x-field > .x-body-wrap-el {
                display: table-cell;
                vertical-align: middle;
                width: auto
            }

            .x-layout-form-item.x-field > .x-body-wrap-el > .x-body-el {
                display: table-cell;
                vertical-align: middle;
                width: 100%
            }

            .x-layout-form-item.x-field > .x-body-wrap-el > .x-body-el > .x-input-wrap-el {
                height: 100%
            }

            .x-layout-form-item.x-field > .x-body-wrap-el > .x-body-el > .x-input-wrap-el.x-webkit-border-box-bug {
                box-sizing: content-box
            }

            .x-layout-form-item.x-field > .x-body-wrap-el > .x-error-el {
                display: table-cell;
                vertical-align: middle;
                width: 1px
            }

            .x-layout-form-item.x-field > .x-body-wrap-el > .x-error-el .x-error-message-el {
                display: none
            }

            .x-boxscroller {
                display: flex;
                overflow: hidden
            }

            .x-boxscroller.x-tool-align-start > .x-tool {
                align-self: flex-start
            }

            .x-boxscroller.x-tool-align-end > .x-tool {
                align-self: flex-end
            }

            .x-boxscroller.x-tool-align-center > .x-tool {
                align-self: center
            }

            .x-boxscroller.x-tool-align-stretch.x-horizontal > .x-tool {
                height: auto !important
            }

            .x-boxscroller.x-tool-align-stretch.x-vertical > .x-tool {
                width: auto !important
            }

            .x-boxscroller.x-tool-align-stretch > .x-tool {
                align-self: stretch
            }

            .x-boxscroller-body {
                display: flex;
                overflow: hidden;
                align-items: flex-start;
                flex: 1 1 auto;
                box-sizing: content-box
            }

            .x-boxscroller-body > .x-body-el {
                flex: none
            }

            .x-boxscroller.x-horizontal {
                flex-direction: row
            }

            .x-boxscroller.x-horizontal .x-boxscroller-body {
                padding-bottom: 100px;
                margin-bottom: -100px
            }

            .x-boxscroller.x-horizontal .x-boxscroller-body > .x-body-el {
                min-width: 100%;
                padding-left: 0;
                padding-right: 0
            }

            .x-boxscroller.x-vertical {
                flex-direction: column
            }

            .x-boxscroller.x-vertical .x-boxscroller-body {
                padding-right: 100px;
                margin-right: -100px
            }

            .x-boxscroller.x-vertical .x-boxscroller-body > .x-body-el {
                min-height: 100%;
                padding-top: 0;
                padding-bottom: 0
            }

            .x-panel.x-placeholder-animate-end.x-horizontal-header {
                flex-direction: column-reverse
            }

            .x-panel.x-placeholder-animate-end.x-vertical-header {
                flex-direction: row-reverse
            }

            .x-panel.x-sliding > .x-panelheader {
                z-index: 1000
            }

            .x-panel.x-drawer {
                z-index: 999
            }

            .x-panelheader {
                flex-shrink: 0
            }

            .x-panelresizer {
                position: absolute;
                user-select: none;
                -o-user-select: none;
                -ms-user-select: none;
                -moz-user-select: -moz-none;
                -webkit-user-select: none;
                -webkit-tap-highlight-color: transparent;
                -webkit-user-drag: none;
                cursor: default
            }

            .x-panelresizer.x-north {
                top: 0;
                right: 0;
                left: 0
            }

            .x-panelresizer.x-north.x-handle {
                cursor: n-resize
            }

            .x-panelresizer.x-north.x-splitter {
                cursor: row-resize
            }

            .x-panelresizer.x-northeast {
                cursor: ne-resize;
                top: 0;
                right: 0
            }

            .x-panelresizer.x-east {
                top: 0;
                right: 0;
                bottom: 0
            }

            .x-panelresizer.x-east.x-handle {
                cursor: e-resize
            }

            .x-panelresizer.x-east.x-splitter {
                cursor: col-resize
            }

            .x-panelresizer.x-southeast {
                cursor: se-resize;
                right: 0;
                bottom: 0
            }

            .x-panelresizer.x-south {
                right: 0;
                bottom: 0;
                left: 0
            }

            .x-panelresizer.x-south.x-handle {
                cursor: s-resize
            }

            .x-panelresizer.x-south.x-splitter {
                cursor: row-resize
            }

            .x-panelresizer.x-southwest {
                cursor: sw-resize;
                bottom: 0;
                left: 0
            }

            .x-panelresizer.x-west {
                top: 0;
                bottom: 0;
                left: 0
            }

            .x-panelresizer.x-west.x-handle {
                cursor: w-resize
            }

            .x-panelresizer.x-west.x-splitter {
                cursor: col-resize
            }

            .x-panelresizer.x-northwest {
                cursor: nw-resize;
                top: 0;
                left: 0
            }

            .x-panelresizer.x-disabled.x-handle,.x-panelresizer.x-disabled.x-splitter {
                cursor: default
            }

            .x-panelresizer-proxy {
                z-index: 999999;
                position: absolute;
                cursor: default
            }

            .x-tab .x-active-indicator-el {
                position: absolute;
                display: none;
                pointer-events: none;
                width: 100%;
                bottom: 0;
                left: 0;
                right: 0;
                height: 0
            }

            .x-tab.x-active .x-active-indicator-el {
                display: block
            }

            .x-tab .x-close-icon-el {
                cursor: pointer;
                position: absolute;
                display: none;
                top: 0;
                right: 0;
                z-index: 4
            }

            .x-tab.x-closable .x-close-icon-el {
                display: flex
            }

            .x-tabbar-body-el {
                overflow: visible
            }

            .x-tabbar .x-strip-el {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%
            }

            .x-tabbar .x-active-indicator-el {
                position: absolute;
                bottom: 0;
                z-index: 2
            }

            .x-treecell > .x-inner-el {
                display: flex;
                align-items: center
            }

            .x-treecell .x-indent-el,.x-treecell .x-expander-el,.x-treecell .x-icon-el {
                flex: 0 0 auto
            }

            .x-treecell .x-expander-el {
                background-repeat: no-repeat;
                background-position: 0 center
            }

            .x-expander-last .x-treecell .x-expander-el {
                order: 100
            }

            .x-expander-only .x-treecell .x-expander-el {
                cursor: pointer
            }

            .x-cell-expander .x-treecell {
                cursor: pointer
            }

            .x-treecell.x-leaf .x-expander-el {
                visibility: hidden
            }

            .x-treecell.x-loading .x-icon-el {
                background: url(images/tree/loading.gif) center no-repeat
            }

            .x-treecell.x-loading .x-icon-el:before {
                display: none
            }

            .x-treecell-body-el {
                white-space: nowrap;
                flex: 1
            }

            .x-treecell-tool-dock {
                padding: 0 !important
            }

            @font-face {
                font-family: 'FontAwesome';
                src: url('font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
                src: url('font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
                font-weight: normal;
                font-style: normal
            }

            .fa {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            .fa-lg {
                font-size: 1.33333em;
                line-height: 0.75em;
                vertical-align: -15%
            }

            .fa-2x {
                font-size: 2em
            }

            .fa-3x {
                font-size: 3em
            }

            .fa-4x {
                font-size: 4em
            }

            .fa-5x {
                font-size: 5em
            }

            .fa-fw {
                width: 1.28571em;
                text-align: center
            }

            .fa-ul {
                padding-left: 0;
                margin-left: 2.14286em;
                list-style-type: none
            }

            .fa-ul > li {
                position: relative
            }

            .fa-li {
                position: absolute;
                left: -2.14286em;
                width: 2.14286em;
                top: 0.14286em;
                text-align: center
            }

            .fa-li.fa-lg {
                left: -1.85714em
            }

            .fa-border {
                padding: 0.2em 0.25em 0.15em;
                border: solid 0.08em #eee;
                border-radius: 0.1em
            }

            .fa-pull-left {
                float: left
            }

            .fa-pull-right {
                float: right
            }

            .fa.fa-pull-left {
                margin-right: 0.3em
            }

            .fa.fa-pull-right {
                margin-left: 0.3em
            }

            .pull-right {
                float: right
            }

            .pull-left {
                float: left
            }

            .fa.pull-left {
                margin-right: 0.3em
            }

            .fa.pull-right {
                margin-left: 0.3em
            }

            .fa-spin {
                -webkit-animation: fa-spin 2s infinite linear;
                animation: fa-spin 2s infinite linear
            }

            .fa-pulse {
                -webkit-animation: fa-spin 1s infinite steps(8);
                animation: fa-spin 1s infinite steps(8)
            }

            @-webkit-keyframes fa-spin {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg)
                }

                100% {
                    -webkit-transform: rotate(359deg);
                    transform: rotate(359deg)
                }
            }

            @keyframes fa-spin {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg)
                }

                100% {
                    -webkit-transform: rotate(359deg);
                    transform: rotate(359deg)
                }
            }

            .fa-rotate-90 {
                -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

            .fa-rotate-180 {
                -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .fa-rotate-270 {
                -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
                -webkit-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                transform: rotate(270deg)
            }

            .fa-flip-horizontal {
                -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
                -webkit-transform: scale(-1,1);
                -ms-transform: scale(-1,1);
                transform: scale(-1,1)
            }

            .fa-flip-vertical {
                -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
                -webkit-transform: scale(1,-1);
                -ms-transform: scale(1,-1);
                transform: scale(1,-1)
            }

            :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
                filter: none
            }

            .fa-stack {
                position: relative;
                display: inline-block;
                width: 2em;
                height: 2em;
                line-height: 2em;
                vertical-align: middle
            }

            .fa-stack-1x,.fa-stack-2x {
                position: absolute;
                left: 0;
                width: 100%;
                text-align: center
            }

            .fa-stack-1x {
                line-height: inherit
            }

            .fa-stack-2x {
                font-size: 2em
            }

            .fa-inverse {
                color: #fff
            }

            .fa-glass:before {
                content: "\f000" !important
            }

            .fa-music:before {
                content: "\f001" !important
            }

            .fa-search:before {
                content: "\f002" !important
            }

            .fa-envelope-o:before {
                content: "\f003" !important
            }

            .fa-heart:before {
                content: "\f004" !important
            }

            .fa-star:before {
                content: "\f005" !important
            }

            .fa-star-o:before {
                content: "\f006" !important
            }

            .fa-user:before {
                content: "\f007" !important
            }

            .fa-film:before {
                content: "\f008" !important
            }

            .fa-th-large:before {
                content: "\f009" !important
            }

            .fa-th:before {
                content: "\f00a" !important
            }

            .fa-th-list:before {
                content: "\f00b" !important
            }

            .fa-check:before {
                content: "\f00c" !important
            }

            .fa-remove:before,.fa-close:before,.fa-times:before {
                content: "\f00d" !important
            }

            .fa-search-plus:before {
                content: "\f00e" !important
            }

            .fa-search-minus:before {
                content: "\f010" !important
            }

            .fa-power-off:before {
                content: "\f011" !important
            }

            .fa-signal:before {
                content: "\f012" !important
            }

            .fa-gear:before,.fa-cog:before {
                content: "\f013" !important
            }

            .fa-trash-o:before {
                content: "\f014" !important
            }

            .fa-home:before {
                content: "\f015" !important
            }

            .fa-file-o:before {
                content: "\f016" !important
            }

            .fa-clock-o:before {
                content: "\f017" !important
            }

            .fa-road:before {
                content: "\f018" !important
            }

            .fa-download:before {
                content: "\f019" !important
            }

            .fa-arrow-circle-o-down:before {
                content: "\f01a" !important
            }

            .fa-arrow-circle-o-up:before {
                content: "\f01b" !important
            }

            .fa-inbox:before {
                content: "\f01c" !important
            }

            .fa-play-circle-o:before {
                content: "\f01d" !important
            }

            .fa-rotate-right:before,.fa-repeat:before {
                content: "\f01e" !important
            }

            .fa-refresh:before {
                content: "\f021" !important
            }

            .fa-list-alt:before {
                content: "\f022" !important
            }

            .fa-lock:before {
                content: "\f023" !important
            }

            .fa-flag:before {
                content: "\f024" !important
            }

            .fa-headphones:before {
                content: "\f025" !important
            }

            .fa-volume-off:before {
                content: "\f026" !important
            }

            .fa-volume-down:before {
                content: "\f027" !important
            }

            .fa-volume-up:before {
                content: "\f028" !important
            }

            .fa-qrcode:before {
                content: "\f029" !important
            }

            .fa-barcode:before {
                content: "\f02a" !important
            }

            .fa-tag:before {
                content: "\f02b" !important
            }

            .fa-tags:before {
                content: "\f02c" !important
            }

            .fa-book:before {
                content: "\f02d" !important
            }

            .fa-bookmark:before {
                content: "\f02e" !important
            }

            .fa-print:before {
                content: "\f02f" !important
            }

            .fa-camera:before {
                content: "\f030" !important
            }

            .fa-font:before {
                content: "\f031" !important
            }

            .fa-bold:before {
                content: "\f032" !important
            }

            .fa-italic:before {
                content: "\f033" !important
            }

            .fa-text-height:before {
                content: "\f034" !important
            }

            .fa-text-width:before {
                content: "\f035" !important
            }

            .fa-align-left:before {
                content: "\f036" !important
            }

            .fa-align-center:before {
                content: "\f037" !important
            }

            .fa-align-right:before {
                content: "\f038" !important
            }

            .fa-align-justify:before {
                content: "\f039" !important
            }

            .fa-list:before {
                content: "\f03a" !important
            }

            .fa-dedent:before,.fa-outdent:before {
                content: "\f03b" !important
            }

            .fa-indent:before {
                content: "\f03c" !important
            }

            .fa-video-camera:before {
                content: "\f03d" !important
            }

            .fa-photo:before,.fa-image:before,.fa-picture-o:before {
                content: "\f03e" !important
            }

            .fa-pencil:before {
                content: "\f040" !important
            }

            .fa-map-marker:before {
                content: "\f041" !important
            }

            .fa-adjust:before {
                content: "\f042" !important
            }

            .fa-tint:before {
                content: "\f043" !important
            }

            .fa-edit:before,.fa-pencil-square-o:before {
                content: "\f044" !important
            }

            .fa-share-square-o:before {
                content: "\f045" !important
            }

            .fa-check-square-o:before {
                content: "\f046" !important
            }

            .fa-arrows:before {
                content: "\f047" !important
            }

            .fa-step-backward:before {
                content: "\f048" !important
            }

            .fa-fast-backward:before {
                content: "\f049" !important
            }

            .fa-backward:before {
                content: "\f04a" !important
            }

            .fa-play:before {
                content: "\f04b" !important
            }

            .fa-pause:before {
                content: "\f04c" !important
            }

            .fa-stop:before {
                content: "\f04d" !important
            }

            .fa-forward:before {
                content: "\f04e" !important
            }

            .fa-fast-forward:before {
                content: "\f050" !important
            }

            .fa-step-forward:before {
                content: "\f051" !important
            }

            .fa-eject:before {
                content: "\f052" !important
            }

            .fa-chevron-left:before {
                content: "\f053" !important
            }

            .fa-chevron-right:before {
                content: "\f054" !important
            }

            .fa-plus-circle:before {
                content: "\f055" !important
            }

            .fa-minus-circle:before {
                content: "\f056" !important
            }

            .fa-times-circle:before {
                content: "\f057" !important
            }

            .fa-check-circle:before {
                content: "\f058" !important
            }

            .fa-question-circle:before {
                content: "\f059" !important
            }

            .fa-info-circle:before {
                content: "\f05a" !important
            }

            .fa-crosshairs:before {
                content: "\f05b" !important
            }

            .fa-times-circle-o:before {
                content: "\f05c" !important
            }

            .fa-check-circle-o:before {
                content: "\f05d" !important
            }

            .fa-ban:before {
                content: "\f05e" !important
            }

            .fa-arrow-left:before {
                content: "\f060" !important
            }

            .fa-arrow-right:before {
                content: "\f061" !important
            }

            .fa-arrow-up:before {
                content: "\f062" !important
            }

            .fa-arrow-down:before {
                content: "\f063" !important
            }

            .fa-mail-forward:before,.fa-share:before {
                content: "\f064" !important
            }

            .fa-expand:before {
                content: "\f065" !important
            }

            .fa-compress:before {
                content: "\f066" !important
            }

            .fa-plus:before {
                content: "\f067" !important
            }

            .fa-minus:before {
                content: "\f068" !important
            }

            .fa-asterisk:before {
                content: "\f069" !important
            }

            .fa-exclamation-circle:before {
                content: "\f06a" !important
            }

            .fa-gift:before {
                content: "\f06b" !important
            }

            .fa-leaf:before {
                content: "\f06c" !important
            }

            .fa-fire:before {
                content: "\f06d" !important
            }

            .fa-eye:before {
                content: "\f06e" !important
            }

            .fa-eye-slash:before {
                content: "\f070" !important
            }

            .fa-warning:before,.fa-exclamation-triangle:before {
                content: "\f071" !important
            }

            .fa-plane:before {
                content: "\f072" !important
            }

            .fa-calendar:before {
                content: "\f073" !important
            }

            .fa-random:before {
                content: "\f074" !important
            }

            .fa-comment:before {
                content: "\f075" !important
            }

            .fa-magnet:before {
                content: "\f076" !important
            }

            .fa-chevron-up:before {
                content: "\f077" !important
            }

            .fa-chevron-down:before {
                content: "\f078" !important
            }

            .fa-retweet:before {
                content: "\f079" !important
            }

            .fa-shopping-cart:before {
                content: "\f07a" !important
            }

            .fa-folder:before {
                content: "\f07b" !important
            }

            .fa-folder-open:before {
                content: "\f07c" !important
            }

            .fa-arrows-v:before {
                content: "\f07d" !important
            }

            .fa-arrows-h:before {
                content: "\f07e" !important
            }

            .fa-bar-chart-o:before,.fa-bar-chart:before {
                content: "\f080" !important
            }

            .fa-twitter-square:before {
                content: "\f081" !important
            }

            .fa-facebook-square:before {
                content: "\f082" !important
            }

            .fa-camera-retro:before {
                content: "\f083" !important
            }

            .fa-key:before {
                content: "\f084" !important
            }

            .fa-gears:before,.fa-cogs:before {
                content: "\f085" !important
            }

            .fa-comments:before {
                content: "\f086" !important
            }

            .fa-thumbs-o-up:before {
                content: "\f087" !important
            }

            .fa-thumbs-o-down:before {
                content: "\f088" !important
            }

            .fa-star-half:before {
                content: "\f089" !important
            }

            .fa-heart-o:before {
                content: "\f08a" !important
            }

            .fa-sign-out:before {
                content: "\f08b" !important
            }

            .fa-linkedin-square:before {
                content: "\f08c" !important
            }

            .fa-thumb-tack:before {
                content: "\f08d" !important
            }

            .fa-external-link:before {
                content: "\f08e" !important
            }

            .fa-sign-in:before {
                content: "\f090" !important
            }

            .fa-trophy:before {
                content: "\f091" !important
            }

            .fa-github-square:before {
                content: "\f092" !important
            }

            .fa-upload:before {
                content: "\f093" !important
            }

            .fa-lemon-o:before {
                content: "\f094" !important
            }

            .fa-phone:before {
                content: "\f095" !important
            }

            .fa-square-o:before {
                content: "\f096" !important
            }

            .fa-bookmark-o:before {
                content: "\f097" !important
            }

            .fa-phone-square:before {
                content: "\f098" !important
            }

            .fa-twitter:before {
                content: "\f099" !important
            }

            .fa-facebook-f:before,.fa-facebook:before {
                content: "\f09a" !important
            }

            .fa-github:before {
                content: "\f09b" !important
            }

            .fa-unlock:before {
                content: "\f09c" !important
            }

            .fa-credit-card:before {
                content: "\f09d" !important
            }

            .fa-feed:before,.fa-rss:before {
                content: "\f09e" !important
            }

            .fa-hdd-o:before {
                content: "\f0a0" !important
            }

            .fa-bullhorn:before {
                content: "\f0a1" !important
            }

            .fa-bell:before {
                content: "\f0f3" !important
            }

            .fa-certificate:before {
                content: "\f0a3" !important
            }

            .fa-hand-o-right:before {
                content: "\f0a4" !important
            }

            .fa-hand-o-left:before {
                content: "\f0a5" !important
            }

            .fa-hand-o-up:before {
                content: "\f0a6" !important
            }

            .fa-hand-o-down:before {
                content: "\f0a7" !important
            }

            .fa-arrow-circle-left:before {
                content: "\f0a8" !important
            }

            .fa-arrow-circle-right:before {
                content: "\f0a9" !important
            }

            .fa-arrow-circle-up:before {
                content: "\f0aa" !important
            }

            .fa-arrow-circle-down:before {
                content: "\f0ab" !important
            }

            .fa-globe:before {
                content: "\f0ac" !important
            }

            .fa-wrench:before {
                content: "\f0ad" !important
            }

            .fa-tasks:before {
                content: "\f0ae" !important
            }

            .fa-filter:before {
                content: "\f0b0" !important
            }

            .fa-briefcase:before {
                content: "\f0b1" !important
            }

            .fa-arrows-alt:before {
                content: "\f0b2" !important
            }

            .fa-group:before,.fa-users:before {
                content: "\f0c0" !important
            }

            .fa-chain:before,.fa-link:before {
                content: "\f0c1" !important
            }

            .fa-cloud:before {
                content: "\f0c2" !important
            }

            .fa-flask:before {
                content: "\f0c3" !important
            }

            .fa-cut:before,.fa-scissors:before {
                content: "\f0c4" !important
            }

            .fa-copy:before,.fa-files-o:before {
                content: "\f0c5" !important
            }

            .fa-paperclip:before {
                content: "\f0c6" !important
            }

            .fa-save:before,.fa-floppy-o:before {
                content: "\f0c7" !important
            }

            .fa-square:before {
                content: "\f0c8" !important
            }

            .fa-navicon:before,.fa-reorder:before,.fa-bars:before {
                content: "\f0c9" !important
            }

            .fa-list-ul:before {
                content: "\f0ca" !important
            }

            .fa-list-ol:before {
                content: "\f0cb" !important
            }

            .fa-strikethrough:before {
                content: "\f0cc" !important
            }

            .fa-underline:before {
                content: "\f0cd" !important
            }

            .fa-table:before {
                content: "\f0ce" !important
            }

            .fa-magic:before {
                content: "\f0d0" !important
            }

            .fa-truck:before {
                content: "\f0d1" !important
            }

            .fa-pinterest:before {
                content: "\f0d2" !important
            }

            .fa-pinterest-square:before {
                content: "\f0d3" !important
            }

            .fa-google-plus-square:before {
                content: "\f0d4" !important
            }

            .fa-google-plus:before {
                content: "\f0d5" !important
            }

            .fa-money:before {
                content: "\f0d6" !important
            }

            .fa-caret-down:before {
                content: "\f0d7" !important
            }

            .fa-caret-up:before {
                content: "\f0d8" !important
            }

            .fa-caret-left:before {
                content: "\f0d9" !important
            }

            .fa-caret-right:before {
                content: "\f0da" !important
            }

            .fa-columns:before {
                content: "\f0db" !important
            }

            .fa-unsorted:before,.fa-sort:before {
                content: "\f0dc" !important
            }

            .fa-sort-down:before,.fa-sort-desc:before {
                content: "\f0dd" !important
            }

            .fa-sort-up:before,.fa-sort-asc:before {
                content: "\f0de" !important
            }

            .fa-envelope:before {
                content: "\f0e0" !important
            }

            .fa-linkedin:before {
                content: "\f0e1" !important
            }

            .fa-rotate-left:before,.fa-undo:before {
                content: "\f0e2" !important
            }

            .fa-legal:before,.fa-gavel:before {
                content: "\f0e3" !important
            }

            .fa-dashboard:before,.fa-tachometer:before {
                content: "\f0e4" !important
            }

            .fa-comment-o:before {
                content: "\f0e5" !important
            }

            .fa-comments-o:before {
                content: "\f0e6" !important
            }

            .fa-flash:before,.fa-bolt:before {
                content: "\f0e7" !important
            }

            .fa-sitemap:before {
                content: "\f0e8" !important
            }

            .fa-umbrella:before {
                content: "\f0e9" !important
            }

            .fa-paste:before,.fa-clipboard:before {
                content: "\f0ea" !important
            }

            .fa-lightbulb-o:before {
                content: "\f0eb" !important
            }

            .fa-exchange:before {
                content: "\f0ec" !important
            }

            .fa-cloud-download:before {
                content: "\f0ed" !important
            }

            .fa-cloud-upload:before {
                content: "\f0ee" !important
            }

            .fa-user-md:before {
                content: "\f0f0" !important
            }

            .fa-stethoscope:before {
                content: "\f0f1" !important
            }

            .fa-suitcase:before {
                content: "\f0f2" !important
            }

            .fa-bell-o:before {
                content: "\f0a2" !important
            }

            .fa-coffee:before {
                content: "\f0f4" !important
            }

            .fa-cutlery:before {
                content: "\f0f5" !important
            }

            .fa-file-text-o:before {
                content: "\f0f6" !important
            }

            .fa-building-o:before {
                content: "\f0f7" !important
            }

            .fa-hospital-o:before {
                content: "\f0f8" !important
            }

            .fa-ambulance:before {
                content: "\f0f9" !important
            }

            .fa-medkit:before {
                content: "\f0fa" !important
            }

            .fa-fighter-jet:before {
                content: "\f0fb" !important
            }

            .fa-beer:before {
                content: "\f0fc" !important
            }

            .fa-h-square:before {
                content: "\f0fd" !important
            }

            .fa-plus-square:before {
                content: "\f0fe" !important
            }

            .fa-angle-double-left:before {
                content: "\f100" !important
            }

            .fa-angle-double-right:before {
                content: "\f101" !important
            }

            .fa-angle-double-up:before {
                content: "\f102" !important
            }

            .fa-angle-double-down:before {
                content: "\f103" !important
            }

            .fa-angle-left:before {
                content: "\f104" !important
            }

            .fa-angle-right:before {
                content: "\f105" !important
            }

            .fa-angle-up:before {
                content: "\f106" !important
            }

            .fa-angle-down:before {
                content: "\f107" !important
            }

            .fa-desktop:before {
                content: "\f108" !important
            }

            .fa-laptop:before {
                content: "\f109" !important
            }

            .fa-tablet:before {
                content: "\f10a" !important
            }

            .fa-mobile-phone:before,.fa-mobile:before {
                content: "\f10b" !important
            }

            .fa-circle-o:before {
                content: "\f10c" !important
            }

            .fa-quote-left:before {
                content: "\f10d" !important
            }

            .fa-quote-right:before {
                content: "\f10e" !important
            }

            .fa-spinner:before {
                content: "\f110" !important
            }

            .fa-circle:before {
                content: "\f111" !important
            }

            .fa-mail-reply:before,.fa-reply:before {
                content: "\f112" !important
            }

            .fa-github-alt:before {
                content: "\f113" !important
            }

            .fa-folder-o:before {
                content: "\f114" !important
            }

            .fa-folder-open-o:before {
                content: "\f115" !important
            }

            .fa-smile-o:before {
                content: "\f118" !important
            }

            .fa-frown-o:before {
                content: "\f119" !important
            }

            .fa-meh-o:before {
                content: "\f11a" !important
            }

            .fa-gamepad:before {
                content: "\f11b" !important
            }

            .fa-keyboard-o:before {
                content: "\f11c" !important
            }

            .fa-flag-o:before {
                content: "\f11d" !important
            }

            .fa-flag-checkered:before {
                content: "\f11e" !important
            }

            .fa-terminal:before {
                content: "\f120" !important
            }

            .fa-code:before {
                content: "\f121" !important
            }

            .fa-mail-reply-all:before,.fa-reply-all:before {
                content: "\f122" !important
            }

            .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
                content: "\f123" !important
            }

            .fa-location-arrow:before {
                content: "\f124" !important
            }

            .fa-crop:before {
                content: "\f125" !important
            }

            .fa-code-fork:before {
                content: "\f126" !important
            }

            .fa-unlink:before,.fa-chain-broken:before {
                content: "\f127" !important
            }

            .fa-question:before {
                content: "\f128" !important
            }

            .fa-info:before {
                content: "\f129" !important
            }

            .fa-exclamation:before {
                content: "\f12a" !important
            }

            .fa-superscript:before {
                content: "\f12b" !important
            }

            .fa-subscript:before {
                content: "\f12c" !important
            }

            .fa-eraser:before {
                content: "\f12d" !important
            }

            .fa-puzzle-piece:before {
                content: "\f12e" !important
            }

            .fa-microphone:before {
                content: "\f130" !important
            }

            .fa-microphone-slash:before {
                content: "\f131" !important
            }

            .fa-shield:before {
                content: "\f132" !important
            }

            .fa-calendar-o:before {
                content: "\f133" !important
            }

            .fa-fire-extinguisher:before {
                content: "\f134" !important
            }

            .fa-rocket:before {
                content: "\f135" !important
            }

            .fa-maxcdn:before {
                content: "\f136" !important
            }

            .fa-chevron-circle-left:before {
                content: "\f137" !important
            }

            .fa-chevron-circle-right:before {
                content: "\f138" !important
            }

            .fa-chevron-circle-up:before {
                content: "\f139" !important
            }

            .fa-chevron-circle-down:before {
                content: "\f13a" !important
            }

            .fa-html5:before {
                content: "\f13b" !important
            }

            .fa-css3:before {
                content: "\f13c" !important
            }

            .fa-anchor:before {
                content: "\f13d" !important
            }

            .fa-unlock-alt:before {
                content: "\f13e" !important
            }

            .fa-bullseye:before {
                content: "\f140" !important
            }

            .fa-ellipsis-h:before {
                content: "\f141" !important
            }

            .fa-ellipsis-v:before {
                content: "\f142" !important
            }

            .fa-rss-square:before {
                content: "\f143" !important
            }

            .fa-play-circle:before {
                content: "\f144" !important
            }

            .fa-ticket:before {
                content: "\f145" !important
            }

            .fa-minus-square:before {
                content: "\f146" !important
            }

            .fa-minus-square-o:before {
                content: "\f147" !important
            }

            .fa-level-up:before {
                content: "\f148" !important
            }

            .fa-level-down:before {
                content: "\f149" !important
            }

            .fa-check-square:before {
                content: "\f14a" !important
            }

            .fa-pencil-square:before {
                content: "\f14b" !important
            }

            .fa-external-link-square:before {
                content: "\f14c" !important
            }

            .fa-share-square:before {
                content: "\f14d" !important
            }

            .fa-compass:before {
                content: "\f14e" !important
            }

            .fa-toggle-down:before,.fa-caret-square-o-down:before {
                content: "\f150" !important
            }

            .fa-toggle-up:before,.fa-caret-square-o-up:before {
                content: "\f151" !important
            }

            .fa-toggle-right:before,.fa-caret-square-o-right:before {
                content: "\f152" !important
            }

            .fa-euro:before,.fa-eur:before {
                content: "\f153" !important
            }

            .fa-gbp:before {
                content: "\f154" !important
            }

            .fa-dollar:before,.fa-usd:before {
                content: "\f155" !important
            }

            .fa-rupee:before,.fa-inr:before {
                content: "\f156" !important
            }

            .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
                content: "\f157" !important
            }

            .fa-ruble:before,.fa-rouble:before,.fa-rub:before {
                content: "\f158" !important
            }

            .fa-won:before,.fa-krw:before {
                content: "\f159" !important
            }

            .fa-bitcoin:before,.fa-btc:before {
                content: "\f15a" !important
            }

            .fa-file:before {
                content: "\f15b" !important
            }

            .fa-file-text:before {
                content: "\f15c" !important
            }

            .fa-sort-alpha-asc:before {
                content: "\f15d" !important
            }

            .fa-sort-alpha-desc:before {
                content: "\f15e" !important
            }

            .fa-sort-amount-asc:before {
                content: "\f160" !important
            }

            .fa-sort-amount-desc:before {
                content: "\f161" !important
            }

            .fa-sort-numeric-asc:before {
                content: "\f162" !important
            }

            .fa-sort-numeric-desc:before {
                content: "\f163" !important
            }

            .fa-thumbs-up:before {
                content: "\f164" !important
            }

            .fa-thumbs-down:before {
                content: "\f165" !important
            }

            .fa-youtube-square:before {
                content: "\f166" !important
            }

            .fa-youtube:before {
                content: "\f167" !important
            }

            .fa-xing:before {
                content: "\f168" !important
            }

            .fa-xing-square:before {
                content: "\f169" !important
            }

            .fa-youtube-play:before {
                content: "\f16a" !important
            }

            .fa-dropbox:before {
                content: "\f16b" !important
            }

            .fa-stack-overflow:before {
                content: "\f16c" !important
            }

            .fa-instagram:before {
                content: "\f16d" !important
            }

            .fa-flickr:before {
                content: "\f16e" !important
            }

            .fa-adn:before {
                content: "\f170" !important
            }

            .fa-bitbucket:before {
                content: "\f171" !important
            }

            .fa-bitbucket-square:before {
                content: "\f172" !important
            }

            .fa-tumblr:before {
                content: "\f173" !important
            }

            .fa-tumblr-square:before {
                content: "\f174" !important
            }

            .fa-long-arrow-down:before {
                content: "\f175" !important
            }

            .fa-long-arrow-up:before {
                content: "\f176" !important
            }

            .fa-long-arrow-left:before {
                content: "\f177" !important
            }

            .fa-long-arrow-right:before {
                content: "\f178" !important
            }

            .fa-apple:before {
                content: "\f179" !important
            }

            .fa-windows:before {
                content: "\f17a" !important
            }

            .fa-android:before {
                content: "\f17b" !important
            }

            .fa-linux:before {
                content: "\f17c" !important
            }

            .fa-dribbble:before {
                content: "\f17d" !important
            }

            .fa-skype:before {
                content: "\f17e" !important
            }

            .fa-foursquare:before {
                content: "\f180" !important
            }

            .fa-trello:before {
                content: "\f181" !important
            }

            .fa-female:before {
                content: "\f182" !important
            }

            .fa-male:before {
                content: "\f183" !important
            }

            .fa-gittip:before,.fa-gratipay:before {
                content: "\f184" !important
            }

            .fa-sun-o:before {
                content: "\f185" !important
            }

            .fa-moon-o:before {
                content: "\f186" !important
            }

            .fa-archive:before {
                content: "\f187" !important
            }

            .fa-bug:before {
                content: "\f188" !important
            }

            .fa-vk:before {
                content: "\f189" !important
            }

            .fa-weibo:before {
                content: "\f18a" !important
            }

            .fa-renren:before {
                content: "\f18b" !important
            }

            .fa-pagelines:before {
                content: "\f18c" !important
            }

            .fa-stack-exchange:before {
                content: "\f18d" !important
            }

            .fa-arrow-circle-o-right:before {
                content: "\f18e" !important
            }

            .fa-arrow-circle-o-left:before {
                content: "\f190" !important
            }

            .fa-toggle-left:before,.fa-caret-square-o-left:before {
                content: "\f191" !important
            }

            .fa-dot-circle-o:before {
                content: "\f192" !important
            }

            .fa-wheelchair:before {
                content: "\f193" !important
            }

            .fa-vimeo-square:before {
                content: "\f194" !important
            }

            .fa-turkish-lira:before,.fa-try:before {
                content: "\f195" !important
            }

            .fa-plus-square-o:before {
                content: "\f196" !important
            }

            .fa-space-shuttle:before {
                content: "\f197" !important
            }

            .fa-slack:before {
                content: "\f198" !important
            }

            .fa-envelope-square:before {
                content: "\f199" !important
            }

            .fa-wordpress:before {
                content: "\f19a" !important
            }

            .fa-openid:before {
                content: "\f19b" !important
            }

            .fa-institution:before,.fa-bank:before,.fa-university:before {
                content: "\f19c" !important
            }

            .fa-mortar-board:before,.fa-graduation-cap:before {
                content: "\f19d" !important
            }

            .fa-yahoo:before {
                content: "\f19e" !important
            }

            .fa-google:before {
                content: "\f1a0" !important
            }

            .fa-reddit:before {
                content: "\f1a1" !important
            }

            .fa-reddit-square:before {
                content: "\f1a2" !important
            }

            .fa-stumbleupon-circle:before {
                content: "\f1a3" !important
            }

            .fa-stumbleupon:before {
                content: "\f1a4" !important
            }

            .fa-delicious:before {
                content: "\f1a5" !important
            }

            .fa-digg:before {
                content: "\f1a6" !important
            }

            .fa-pied-piper-pp:before {
                content: "\f1a7" !important
            }

            .fa-pied-piper-alt:before {
                content: "\f1a8" !important
            }

            .fa-drupal:before {
                content: "\f1a9" !important
            }

            .fa-joomla:before {
                content: "\f1aa" !important
            }

            .fa-language:before {
                content: "\f1ab" !important
            }

            .fa-fax:before {
                content: "\f1ac" !important
            }

            .fa-building:before {
                content: "\f1ad" !important
            }

            .fa-child:before {
                content: "\f1ae" !important
            }

            .fa-paw:before {
                content: "\f1b0" !important
            }

            .fa-spoon:before {
                content: "\f1b1" !important
            }

            .fa-cube:before {
                content: "\f1b2" !important
            }

            .fa-cubes:before {
                content: "\f1b3" !important
            }

            .fa-behance:before {
                content: "\f1b4" !important
            }

            .fa-behance-square:before {
                content: "\f1b5" !important
            }

            .fa-steam:before {
                content: "\f1b6" !important
            }

            .fa-steam-square:before {
                content: "\f1b7" !important
            }

            .fa-recycle:before {
                content: "\f1b8" !important
            }

            .fa-automobile:before,.fa-car:before {
                content: "\f1b9" !important
            }

            .fa-cab:before,.fa-taxi:before {
                content: "\f1ba" !important
            }

            .fa-tree:before {
                content: "\f1bb" !important
            }

            .fa-spotify:before {
                content: "\f1bc" !important
            }

            .fa-deviantart:before {
                content: "\f1bd" !important
            }

            .fa-soundcloud:before {
                content: "\f1be" !important
            }

            .fa-database:before {
                content: "\f1c0" !important
            }

            .fa-file-pdf-o:before {
                content: "\f1c1" !important
            }

            .fa-file-word-o:before {
                content: "\f1c2" !important
            }

            .fa-file-excel-o:before {
                content: "\f1c3" !important
            }

            .fa-file-powerpoint-o:before {
                content: "\f1c4" !important
            }

            .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
                content: "\f1c5" !important
            }

            .fa-file-zip-o:before,.fa-file-archive-o:before {
                content: "\f1c6" !important
            }

            .fa-file-sound-o:before,.fa-file-audio-o:before {
                content: "\f1c7" !important
            }

            .fa-file-movie-o:before,.fa-file-video-o:before {
                content: "\f1c8" !important
            }

            .fa-file-code-o:before {
                content: "\f1c9" !important
            }

            .fa-vine:before {
                content: "\f1ca" !important
            }

            .fa-codepen:before {
                content: "\f1cb" !important
            }

            .fa-jsfiddle:before {
                content: "\f1cc" !important
            }

            .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
                content: "\f1cd" !important
            }

            .fa-circle-o-notch:before {
                content: "\f1ce" !important
            }

            .fa-ra:before,.fa-resistance:before,.fa-rebel:before {
                content: "\f1d0" !important
            }

            .fa-ge:before,.fa-empire:before {
                content: "\f1d1" !important
            }

            .fa-git-square:before {
                content: "\f1d2" !important
            }

            .fa-git:before {
                content: "\f1d3" !important
            }

            .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
                content: "\f1d4" !important
            }

            .fa-tencent-weibo:before {
                content: "\f1d5" !important
            }

            .fa-qq:before {
                content: "\f1d6" !important
            }

            .fa-wechat:before,.fa-weixin:before {
                content: "\f1d7" !important
            }

            .fa-send:before,.fa-paper-plane:before {
                content: "\f1d8" !important
            }

            .fa-send-o:before,.fa-paper-plane-o:before {
                content: "\f1d9" !important
            }

            .fa-history:before {
                content: "\f1da" !important
            }

            .fa-circle-thin:before {
                content: "\f1db" !important
            }

            .fa-header:before {
                content: "\f1dc" !important
            }

            .fa-paragraph:before {
                content: "\f1dd" !important
            }

            .fa-sliders:before {
                content: "\f1de" !important
            }

            .fa-share-alt:before {
                content: "\f1e0" !important
            }

            .fa-share-alt-square:before {
                content: "\f1e1" !important
            }

            .fa-bomb:before {
                content: "\f1e2" !important
            }

            .fa-soccer-ball-o:before,.fa-futbol-o:before {
                content: "\f1e3" !important
            }

            .fa-tty:before {
                content: "\f1e4" !important
            }

            .fa-binoculars:before {
                content: "\f1e5" !important
            }

            .fa-plug:before {
                content: "\f1e6" !important
            }

            .fa-slideshare:before {
                content: "\f1e7" !important
            }

            .fa-twitch:before {
                content: "\f1e8" !important
            }

            .fa-yelp:before {
                content: "\f1e9" !important
            }

            .fa-newspaper-o:before {
                content: "\f1ea" !important
            }

            .fa-wifi:before {
                content: "\f1eb" !important
            }

            .fa-calculator:before {
                content: "\f1ec" !important
            }

            .fa-paypal:before {
                content: "\f1ed" !important
            }

            .fa-google-wallet:before {
                content: "\f1ee" !important
            }

            .fa-cc-visa:before {
                content: "\f1f0" !important
            }

            .fa-cc-mastercard:before {
                content: "\f1f1" !important
            }

            .fa-cc-discover:before {
                content: "\f1f2" !important
            }

            .fa-cc-amex:before {
                content: "\f1f3" !important
            }

            .fa-cc-paypal:before {
                content: "\f1f4" !important
            }

            .fa-cc-stripe:before {
                content: "\f1f5" !important
            }

            .fa-bell-slash:before {
                content: "\f1f6" !important
            }

            .fa-bell-slash-o:before {
                content: "\f1f7" !important
            }

            .fa-trash:before {
                content: "\f1f8" !important
            }

            .fa-copyright:before {
                content: "\f1f9" !important
            }

            .fa-at:before {
                content: "\f1fa" !important
            }

            .fa-eyedropper:before {
                content: "\f1fb" !important
            }

            .fa-paint-brush:before {
                content: "\f1fc" !important
            }

            .fa-birthday-cake:before {
                content: "\f1fd" !important
            }

            .fa-area-chart:before {
                content: "\f1fe" !important
            }

            .fa-pie-chart:before {
                content: "\f200" !important
            }

            .fa-line-chart:before {
                content: "\f201" !important
            }

            .fa-lastfm:before {
                content: "\f202" !important
            }

            .fa-lastfm-square:before {
                content: "\f203" !important
            }

            .fa-toggle-off:before {
                content: "\f204" !important
            }

            .fa-toggle-on:before {
                content: "\f205" !important
            }

            .fa-bicycle:before {
                content: "\f206" !important
            }

            .fa-bus:before {
                content: "\f207" !important
            }

            .fa-ioxhost:before {
                content: "\f208" !important
            }

            .fa-angellist:before {
                content: "\f209" !important
            }

            .fa-cc:before {
                content: "\f20a" !important
            }

            .fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
                content: "\f20b" !important
            }

            .fa-meanpath:before {
                content: "\f20c" !important
            }

            .fa-buysellads:before {
                content: "\f20d" !important
            }

            .fa-connectdevelop:before {
                content: "\f20e" !important
            }

            .fa-dashcube:before {
                content: "\f210" !important
            }

            .fa-forumbee:before {
                content: "\f211" !important
            }

            .fa-leanpub:before {
                content: "\f212" !important
            }

            .fa-sellsy:before {
                content: "\f213" !important
            }

            .fa-shirtsinbulk:before {
                content: "\f214" !important
            }

            .fa-simplybuilt:before {
                content: "\f215" !important
            }

            .fa-skyatlas:before {
                content: "\f216" !important
            }

            .fa-cart-plus:before {
                content: "\f217" !important
            }

            .fa-cart-arrow-down:before {
                content: "\f218" !important
            }

            .fa-diamond:before {
                content: "\f219" !important
            }

            .fa-ship:before {
                content: "\f21a" !important
            }

            .fa-user-secret:before {
                content: "\f21b" !important
            }

            .fa-motorcycle:before {
                content: "\f21c" !important
            }

            .fa-street-view:before {
                content: "\f21d" !important
            }

            .fa-heartbeat:before {
                content: "\f21e" !important
            }

            .fa-venus:before {
                content: "\f221" !important
            }

            .fa-mars:before {
                content: "\f222" !important
            }

            .fa-mercury:before {
                content: "\f223" !important
            }

            .fa-intersex:before,.fa-transgender:before {
                content: "\f224" !important
            }

            .fa-transgender-alt:before {
                content: "\f225" !important
            }

            .fa-venus-double:before {
                content: "\f226" !important
            }

            .fa-mars-double:before {
                content: "\f227" !important
            }

            .fa-venus-mars:before {
                content: "\f228" !important
            }

            .fa-mars-stroke:before {
                content: "\f229" !important
            }

            .fa-mars-stroke-v:before {
                content: "\f22a" !important
            }

            .fa-mars-stroke-h:before {
                content: "\f22b" !important
            }

            .fa-neuter:before {
                content: "\f22c" !important
            }

            .fa-genderless:before {
                content: "\f22d" !important
            }

            .fa-facebook-official:before {
                content: "\f230" !important
            }

            .fa-pinterest-p:before {
                content: "\f231" !important
            }

            .fa-whatsapp:before {
                content: "\f232" !important
            }

            .fa-server:before {
                content: "\f233" !important
            }

            .fa-user-plus:before {
                content: "\f234" !important
            }

            .fa-user-times:before {
                content: "\f235" !important
            }

            .fa-hotel:before,.fa-bed:before {
                content: "\f236" !important
            }

            .fa-viacoin:before {
                content: "\f237" !important
            }

            .fa-train:before {
                content: "\f238" !important
            }

            .fa-subway:before {
                content: "\f239" !important
            }

            .fa-medium:before {
                content: "\f23a" !important
            }

            .fa-yc:before,.fa-y-combinator:before {
                content: "\f23b" !important
            }

            .fa-optin-monster:before {
                content: "\f23c" !important
            }

            .fa-opencart:before {
                content: "\f23d" !important
            }

            .fa-expeditedssl:before {
                content: "\f23e" !important
            }

            .fa-battery-4:before,.fa-battery:before,.fa-battery-full:before {
                content: "\f240" !important
            }

            .fa-battery-3:before,.fa-battery-three-quarters:before {
                content: "\f241" !important
            }

            .fa-battery-2:before,.fa-battery-half:before {
                content: "\f242" !important
            }

            .fa-battery-1:before,.fa-battery-quarter:before {
                content: "\f243" !important
            }

            .fa-battery-0:before,.fa-battery-empty:before {
                content: "\f244" !important
            }

            .fa-mouse-pointer:before {
                content: "\f245" !important
            }

            .fa-i-cursor:before {
                content: "\f246" !important
            }

            .fa-object-group:before {
                content: "\f247" !important
            }

            .fa-object-ungroup:before {
                content: "\f248" !important
            }

            .fa-sticky-note:before {
                content: "\f249" !important
            }

            .fa-sticky-note-o:before {
                content: "\f24a" !important
            }

            .fa-cc-jcb:before {
                content: "\f24b" !important
            }

            .fa-cc-diners-club:before {
                content: "\f24c" !important
            }

            .fa-clone:before {
                content: "\f24d" !important
            }

            .fa-balance-scale:before {
                content: "\f24e" !important
            }

            .fa-hourglass-o:before {
                content: "\f250" !important
            }

            .fa-hourglass-1:before,.fa-hourglass-start:before {
                content: "\f251" !important
            }

            .fa-hourglass-2:before,.fa-hourglass-half:before {
                content: "\f252" !important
            }

            .fa-hourglass-3:before,.fa-hourglass-end:before {
                content: "\f253" !important
            }

            .fa-hourglass:before {
                content: "\f254" !important
            }

            .fa-hand-grab-o:before,.fa-hand-rock-o:before {
                content: "\f255" !important
            }

            .fa-hand-stop-o:before,.fa-hand-paper-o:before {
                content: "\f256" !important
            }

            .fa-hand-scissors-o:before {
                content: "\f257" !important
            }

            .fa-hand-lizard-o:before {
                content: "\f258" !important
            }

            .fa-hand-spock-o:before {
                content: "\f259" !important
            }

            .fa-hand-pointer-o:before {
                content: "\f25a" !important
            }

            .fa-hand-peace-o:before {
                content: "\f25b" !important
            }

            .fa-trademark:before {
                content: "\f25c" !important
            }

            .fa-registered:before {
                content: "\f25d" !important
            }

            .fa-creative-commons:before {
                content: "\f25e" !important
            }

            .fa-gg:before {
                content: "\f260" !important
            }

            .fa-gg-circle:before {
                content: "\f261" !important
            }

            .fa-tripadvisor:before {
                content: "\f262" !important
            }

            .fa-odnoklassniki:before {
                content: "\f263" !important
            }

            .fa-odnoklassniki-square:before {
                content: "\f264" !important
            }

            .fa-get-pocket:before {
                content: "\f265" !important
            }

            .fa-wikipedia-w:before {
                content: "\f266" !important
            }

            .fa-safari:before {
                content: "\f267" !important
            }

            .fa-chrome:before {
                content: "\f268" !important
            }

            .fa-firefox:before {
                content: "\f269" !important
            }

            .fa-opera:before {
                content: "\f26a" !important
            }

            .fa-internet-explorer:before {
                content: "\f26b" !important
            }

            .fa-tv:before,.fa-television:before {
                content: "\f26c" !important
            }

            .fa-contao:before {
                content: "\f26d" !important
            }

            .fa-500px:before {
                content: "\f26e" !important
            }

            .fa-amazon:before {
                content: "\f270" !important
            }

            .fa-calendar-plus-o:before {
                content: "\f271" !important
            }

            .fa-calendar-minus-o:before {
                content: "\f272" !important
            }

            .fa-calendar-times-o:before {
                content: "\f273" !important
            }

            .fa-calendar-check-o:before {
                content: "\f274" !important
            }

            .fa-industry:before {
                content: "\f275" !important
            }

            .fa-map-pin:before {
                content: "\f276" !important
            }

            .fa-map-signs:before {
                content: "\f277" !important
            }

            .fa-map-o:before {
                content: "\f278" !important
            }

            .fa-map:before {
                content: "\f279" !important
            }

            .fa-commenting:before {
                content: "\f27a" !important
            }

            .fa-commenting-o:before {
                content: "\f27b" !important
            }

            .fa-houzz:before {
                content: "\f27c" !important
            }

            .fa-vimeo:before {
                content: "\f27d" !important
            }

            .fa-black-tie:before {
                content: "\f27e" !important
            }

            .fa-fonticons:before {
                content: "\f280" !important
            }

            .fa-reddit-alien:before {
                content: "\f281" !important
            }

            .fa-edge:before {
                content: "\f282" !important
            }

            .fa-credit-card-alt:before {
                content: "\f283" !important
            }

            .fa-codiepie:before {
                content: "\f284" !important
            }

            .fa-modx:before {
                content: "\f285" !important
            }

            .fa-fort-awesome:before {
                content: "\f286" !important
            }

            .fa-usb:before {
                content: "\f287" !important
            }

            .fa-product-hunt:before {
                content: "\f288" !important
            }

            .fa-mixcloud:before {
                content: "\f289" !important
            }

            .fa-scribd:before {
                content: "\f28a" !important
            }

            .fa-pause-circle:before {
                content: "\f28b" !important
            }

            .fa-pause-circle-o:before {
                content: "\f28c" !important
            }

            .fa-stop-circle:before {
                content: "\f28d" !important
            }

            .fa-stop-circle-o:before {
                content: "\f28e" !important
            }

            .fa-shopping-bag:before {
                content: "\f290" !important
            }

            .fa-shopping-basket:before {
                content: "\f291" !important
            }

            .fa-hashtag:before {
                content: "\f292" !important
            }

            .fa-bluetooth:before {
                content: "\f293" !important
            }

            .fa-bluetooth-b:before {
                content: "\f294" !important
            }

            .fa-percent:before {
                content: "\f295" !important
            }

            .fa-gitlab:before {
                content: "\f296" !important
            }

            .fa-wpbeginner:before {
                content: "\f297" !important
            }

            .fa-wpforms:before {
                content: "\f298" !important
            }

            .fa-envira:before {
                content: "\f299" !important
            }

            .fa-universal-access:before {
                content: "\f29a" !important
            }

            .fa-wheelchair-alt:before {
                content: "\f29b" !important
            }

            .fa-question-circle-o:before {
                content: "\f29c" !important
            }

            .fa-blind:before {
                content: "\f29d" !important
            }

            .fa-audio-description:before {
                content: "\f29e" !important
            }

            .fa-volume-control-phone:before {
                content: "\f2a0" !important
            }

            .fa-braille:before {
                content: "\f2a1" !important
            }

            .fa-assistive-listening-systems:before {
                content: "\f2a2" !important
            }

            .fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
                content: "\f2a3" !important
            }

            .fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
                content: "\f2a4" !important
            }

            .fa-glide:before {
                content: "\f2a5" !important
            }

            .fa-glide-g:before {
                content: "\f2a6" !important
            }

            .fa-signing:before,.fa-sign-language:before {
                content: "\f2a7" !important
            }

            .fa-low-vision:before {
                content: "\f2a8" !important
            }

            .fa-viadeo:before {
                content: "\f2a9" !important
            }

            .fa-viadeo-square:before {
                content: "\f2aa" !important
            }

            .fa-snapchat:before {
                content: "\f2ab" !important
            }

            .fa-snapchat-ghost:before {
                content: "\f2ac" !important
            }

            .fa-snapchat-square:before {
                content: "\f2ad" !important
            }

            .fa-pied-piper:before {
                content: "\f2ae" !important
            }

            .fa-first-order:before {
                content: "\f2b0" !important
            }

            .fa-yoast:before {
                content: "\f2b1" !important
            }

            .fa-themeisle:before {
                content: "\f2b2" !important
            }

            .fa-google-plus-circle:before,.fa-google-plus-official:before {
                content: "\f2b3" !important
            }

            .fa-fa:before,.fa-font-awesome:before {
                content: "\f2b4" !important
            }

            .fa-handshake-o:before {
                content: "\f2b5" !important
            }

            .fa-envelope-open:before {
                content: "\f2b6" !important
            }

            .fa-envelope-open-o:before {
                content: "\f2b7" !important
            }

            .fa-linode:before {
                content: "\f2b8" !important
            }

            .fa-address-book:before {
                content: "\f2b9" !important
            }

            .fa-address-book-o:before {
                content: "\f2ba" !important
            }

            .fa-vcard:before,.fa-address-card:before {
                content: "\f2bb" !important
            }

            .fa-vcard-o:before,.fa-address-card-o:before {
                content: "\f2bc" !important
            }

            .fa-user-circle:before {
                content: "\f2bd" !important
            }

            .fa-user-circle-o:before {
                content: "\f2be" !important
            }

            .fa-user-o:before {
                content: "\f2c0" !important
            }

            .fa-id-badge:before {
                content: "\f2c1" !important
            }

            .fa-drivers-license:before,.fa-id-card:before {
                content: "\f2c2" !important
            }

            .fa-drivers-license-o:before,.fa-id-card-o:before {
                content: "\f2c3" !important
            }

            .fa-quora:before {
                content: "\f2c4" !important
            }

            .fa-free-code-camp:before {
                content: "\f2c5" !important
            }

            .fa-telegram:before {
                content: "\f2c6" !important
            }

            .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before {
                content: "\f2c7" !important
            }

            .fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
                content: "\f2c8" !important
            }

            .fa-thermometer-2:before,.fa-thermometer-half:before {
                content: "\f2c9" !important
            }

            .fa-thermometer-1:before,.fa-thermometer-quarter:before {
                content: "\f2ca" !important
            }

            .fa-thermometer-0:before,.fa-thermometer-empty:before {
                content: "\f2cb" !important
            }

            .fa-shower:before {
                content: "\f2cc" !important
            }

            .fa-bathtub:before,.fa-s15:before,.fa-bath:before {
                content: "\f2cd" !important
            }

            .fa-podcast:before {
                content: "\f2ce" !important
            }

            .fa-window-maximize:before {
                content: "\f2d0" !important
            }

            .fa-window-minimize:before {
                content: "\f2d1" !important
            }

            .fa-window-restore:before {
                content: "\f2d2" !important
            }

            .fa-times-rectangle:before,.fa-window-close:before {
                content: "\f2d3" !important
            }

            .fa-times-rectangle-o:before,.fa-window-close-o:before {
                content: "\f2d4" !important
            }

            .fa-bandcamp:before {
                content: "\f2d5" !important
            }

            .fa-grav:before {
                content: "\f2d6" !important
            }

            .fa-etsy:before {
                content: "\f2d7" !important
            }

            .fa-imdb:before {
                content: "\f2d8" !important
            }

            .fa-ravelry:before {
                content: "\f2d9" !important
            }

            .fa-eercast:before {
                content: "\f2da" !important
            }

            .fa-microchip:before {
                content: "\f2db" !important
            }

            .fa-snowflake-o:before {
                content: "\f2dc" !important
            }

            .fa-superpowers:before {
                content: "\f2dd" !important
            }

            .fa-wpexplorer:before {
                content: "\f2de" !important
            }

            .fa-meetup:before {
                content: "\f2e0" !important
            }

            .x-fa:before {
                font-family: FontAwesome !important
            }

            @font-face {
                font-family: 'ExtJS';
                src: url('font-ext/fonts/ExtJS.eot?-tqegh9');
                src: url('font-ext/fonts/ExtJS.eot?#iefix-tqegh9') format('embedded-opentype'), url('font-ext/fonts/ExtJS.ttf?-tqegh9') format('truetype'), url('font-ext/fonts/ExtJS.woff?-tqegh9') format('woff'), url('font-ext/fonts/ExtJS.svg?-tqegh9#ExtJS') format('svg');
                font-weight: normal;
                font-style: normal
            }

            .ext {
                font-family: ExtJS
            }

            .ext-sencha:before {
                content: "\e61e"
            }

            .ext-checkbox-checked:before {
                content: "\e613"
            }

            .ext-checkbox-unchecked:before {
                content: "\e614"
            }

            .ext-chevron-left:before {
                content: "\e615"
            }

            .ext-chevron-right:before {
                content: "\e616"
            }

            .ext-double-chevron-left:before {
                content: "\e617"
            }

            .ext-double-chevron-right:before {
                content: "\e618"
            }

            .ext-sort-down:before {
                content: "\e619"
            }

            .ext-sort-up:before {
                content: "\e61a"
            }

            .ext-spinner-down:before {
                content: "\e61b"
            }

            .ext-spinner-up:before {
                content: "\e61c"
            }

            .ext-square-edit:before {
                content: "\e61d"
            }

            .ext-equals-vertical:before {
                content: "\e612"
            }

            .ext-expand:before {
                content: "\e600"
            }

            .ext-columns:before {
                content: "\e601"
            }

            .ext-dirty:before {
                content: "\e602"
            }

            .ext-dirty-rtl:before {
                content: "\e603"
            }

            .ext-edit-html:before {
                content: "\e604"
            }

            .ext-equals:before {
                content: "\e605"
            }

            .ext-collapse:before {
                content: "\e606"
            }

            .ext-group-by:before {
                content: "\e607"
            }

            .ext-minimize:before {
                content: "\e608"
            }

            .ext-nw-handle:before {
                content: "\e609"
            }

            .ext-ne-handle:before {
                content: "\e60a"
            }

            .ext-sw-handle:before {
                content: "\e60b"
            }

            .ext-se-handle:before {
                content: "\e60c"
            }

            .ext-text-background-color:before {
                content: "\e60d"
            }

            .ext-text-color:before {
                content: "\e60e"
            }

            .ext-text-decrease:before {
                content: "\e60f"
            }

            .ext-text-increase:before {
                content: "\e610"
            }

            .ext-unpin:before {
                content: "\e611"
            }

            .x-root {
                font: 400 13px/1.25 Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-root.x-big,.x-big .x-root {
                font-size: 14px
            }

            .x-font-icon {
                font-family: 'Material Icons'
            }

            .x-loading-spinner {
                font-size: 250%;
                height: 16px;
                width: 16px;
                position: relative;
                -webkit-transform-origin: 8px 8px;
                transform-origin: 8px 8px
            }

            .x-loading-spinner > span,.x-loading-spinner > span:before,.x-loading-spinner > span:after {
                display: block;
                position: absolute;
                width: 1px;
                height: 4px;
                top: 0;
                -webkit-transform-origin: 0.5px 8px;
                transform-origin: 0.5px 8px;
                content: " "
            }

            .x-loading-spinner > span {
                left: 50%;
                margin-left: -0.05em
            }

            .x-loading-spinner > span.x-loading-top {
                background-color: rgba(170, 170, 170, 0.99)
            }

            .x-loading-spinner > span.x-loading-top::after {
                background-color: rgba(170, 170, 170, 0.9)
            }

            .x-loading-spinner > span.x-loading-left::before {
                background-color: rgba(170, 170, 170, 0.8)
            }

            .x-loading-spinner > span.x-loading-left {
                background-color: rgba(170, 170, 170, 0.7)
            }

            .x-loading-spinner > span.x-loading-left::after {
                background-color: rgba(170, 170, 170, 0.6)
            }

            .x-loading-spinner > span.x-loading-bottom::before {
                background-color: rgba(170, 170, 170, 0.5)
            }

            .x-loading-spinner > span.x-loading-bottom {
                background-color: rgba(170, 170, 170, 0.4)
            }

            .x-loading-spinner > span.x-loading-bottom::after {
                background-color: rgba(170, 170, 170, 0.35)
            }

            .x-loading-spinner > span.x-loading-right::before {
                background-color: rgba(170, 170, 170, 0.3)
            }

            .x-loading-spinner > span.x-loading-right {
                background-color: rgba(170, 170, 170, 0.25)
            }

            .x-loading-spinner > span.x-loading-right::after {
                background-color: rgba(170, 170, 170, 0.2)
            }

            .x-loading-spinner > span.x-loading-top::before {
                background-color: rgba(170, 170, 170, 0.15)
            }

            .x-loading-spinner > span.x-loading-top {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            .x-loading-spinner > span.x-loading-right {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

            .x-loading-spinner > span.x-loading-bottom {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .x-loading-spinner > span.x-loading-left {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
            }

            .x-loading-spinner > span::before {
                -webkit-transform: rotate(30deg);
                transform: rotate(30deg)
            }

            .x-loading-spinner > span::after {
                -webkit-transform: rotate(-30deg);
                transform: rotate(-30deg)
            }

            .x-loading-spinner {
                -webkit-animation-name: x-loading-spinner-rotate;
                -webkit-animation-duration: 0.5s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                animation-name: x-loading-spinner-rotate;
                animation-duration: 0.5s;
                animation-timing-function: linear;
                animation-iteration-count: infinite
            }

            .x-draggable {
                cursor: move !important
            }

            .x-progress {
                background-color: #bbdefb;
                background-color: var(--base-light-color);
                min-height: 4px;
                color: #fff;
                font-weight: 600;
                font-size: 13px;
                font-family: Roboto, Arial, sans-serif;
                text-align: center;
                line-height: 20px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0
            }

            .x-big .x-progress {
                min-height: 4px;
                font-size: 15px;
                line-height: 24px
            }

            .x-progress .x-progress-bar {
                min-height: 4px;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-big .x-progress .x-progress-bar {
                min-height: 4px
            }

            .x-progress .x-progress-text-back {
                color: #111
            }

            .x-managed-borders > .x-docked-top {
                border-bottom-width: 0 !important
            }

            .x-managed-borders > .x-docked-bottom {
                border-top-width: 0 !important
            }

            .x-managed-borders > .x-docked-left {
                border-right-width: 0 !important
            }

            .x-managed-borders > .x-docked-right {
                border-left-width: 0 !important
            }

            .x-indicator span {
                width: 10px;
                height: 10px;
                margin: 3px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background-color: #ccc;
                background-image: none
            }

            .x-indicator span.x-indicator-active {
                width: 16px;
                height: 16px;
                background-color: #ccc;
                background-image: none
            }

            .x-indicator.x-indicator-horizontal {
                height: 26px
            }

            .x-indicator.x-indicator-vertical {
                width: 26px
            }

            .x-indicator-light span {
                width: 10px;
                height: 10px;
                margin: 3px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background-color: rgba(255, 255, 255, 0.38);
                background-color: var(--reverse-disabled-color);
                background-image: none
            }

            .x-indicator-light span.x-indicator-active {
                width: 16px;
                height: 16px;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-indicator-light.x-indicator-horizontal {
                height: 26px
            }

            .x-indicator-light.x-indicator-vertical {
                width: 26px
            }

            .x-indicator-dark span {
                width: 10px;
                height: 10px;
                margin: 3px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background-color: rgba(0, 0, 0, 0.38);
                background-color: var(--disabled-color);
                background-image: none
            }

            .x-indicator-dark span.x-indicator-active {
                width: 16px;
                height: 16px;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-indicator-dark.x-indicator-horizontal {
                height: 26px
            }

            .x-indicator-dark.x-indicator-vertical {
                width: 26px
            }

            .x-layout-card-item {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-tool {
                cursor: pointer;
            }

            .x-tool .x-icon-el {
                color: #9e9e9e;
                width: 18px;
                height: 18px
            }

            .x-big .x-tool .x-icon-el {
                width: 18px;
                height: 18px
            }

            .x-tool .x-icon-el:before {
                font-size: 18px
            }

            .x-big .x-tool .x-icon-el:before {
                font-size: 18px
            }

            .x-tool.x-start {
                margin: 0 6px 0 0
            }

            .x-big .x-tool.x-start {
                margin: 0 8px 0 0
            }

            .x-reverse > .x-tool.x-start {
                margin: 0 0 0 6px
            }

            .x-big .x-reverse > .x-tool.x-start {
                margin: 0 0 0 8px
            }

            .x-vertical > .x-tool.x-start {
                margin: 0 0 6px
            }

            .x-big .x-vertical > .x-tool.x-start {
                margin: 0 0 8px
            }

            .x-vertical.x-reverse > .x-tool.x-start {
                margin: 6px 0 0
            }

            .x-big .x-vertical.x-reverse > .x-tool.x-start {
                margin: 8px 0 0
            }

            .x-tool.x-end {
                margin: 0 0 0 6px
            }

            .x-big .x-tool.x-end {
                margin: 0 0 0 8px
            }

            .x-reverse > .x-tool.x-end {
                margin: 0 6px 0 0
            }

            .x-big .x-reverse > .x-tool.x-end {
                margin: 0 8px 0 0
            }

            .x-vertical > .x-tool.x-end {
                margin: 6px 0 0
            }

            .x-big .x-vertical > .x-tool.x-end {
                margin: 8px 0 0
            }

            .x-vertical.x-reverse > .x-tool.x-end {
                margin: 0 0 6px
            }

            .x-big .x-vertical.x-reverse > .x-tool.x-end {
                margin: 0 0 8px
            }

            .x-tool.x-hovered .x-icon-el {
                opacity: 0.8
            }

            .x-tool.x-pressed .x-icon-el {
                opacity: 0.6
            }

            .x-keyboard-mode .x-tool.x-focused {
                outline: 1px solid #005596;
                outline: 1px solid var(--base-color);
            }

            .x-tool.x-disabled {
                cursor: default
            }

            .x-tool.x-disabled .x-icon-el {
                opacity: 0.3
            }

            .x-tool-itemheader .x-icon-el {
                color: #757575
            }

            .x-tool-boxscroller {
                width: 32px;
                height: 32px
            }

            .x-big .x-tool-boxscroller {
                width: 44px;
                height: 44px
            }

            .x-tool-boxscroller .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-big .x-tool-boxscroller .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-tool-boxscroller .x-icon-el:before {
                font-size: 24px
            }

            .x-big .x-tool-boxscroller .x-icon-el:before {
                font-size: 24px
            }

            .x-tool-boxscroller-toolbar .x-icon-el {
                opacity: 1;
                color: #303030;
                color: var(--reverse-background-color);
            }

            .x-tool-boxscroller-toolbar.x-hovered .x-icon-el {
                opacity: 0.6
            }

            .x-tool-boxscroller-toolbar.x-pressed .x-icon-el {
                opacity: 0.7
            }

            .x-tool-boxscroller-toolbar.x-disabled .x-icon-el {
                opacity: 0
            }

            .x-tool-boxscroller-tabbar .x-icon-el {
                opacity: 1;
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-tool-boxscroller-tabbar.x-hovered .x-icon-el {
                opacity: 0.6
            }

            .x-tool-boxscroller-tabbar.x-pressed .x-icon-el {
                opacity: 0.7
            }

            .x-tool-boxscroller-tabbar.x-disabled .x-icon-el {
                opacity: 0
            }

            .x-tool-type-close:before {
                content: 'close';
                font-family: 'Material Icons'
            }

            .x-tool-type-disclosure:before {
                content: 'arrow_forward';
                font-family: 'Material Icons'
            }

            .x-tool-type-minimize:before {
                content: 'remove';
                font-family: 'Material Icons'
            }

            .x-tool-type-maximize:before {
                content: 'call_made';
                font-family: 'Material Icons'
            }

            .x-tool-type-restore:before {
                content: 'call_received';
                font-family: 'Material Icons'
            }

            .x-tool-type-toggle:before {
                content: 'arrow_drop_up';
                font-family: 'Material Icons'
            }

            .x-panel-collapsed .x-tool-type-toggle:before {
                content: 'arrow_drop_down';
                font-family: 'Material Icons'
            }

            .x-tool-type-gear:before {
                content: 'settings';
                font-family: 'Material Icons'
            }

            .x-tool-type-prev:before {
                content: 'arrow_back';
                font-family: 'Material Icons'
            }

            .x-tool-type-next:before {
                content: 'arrow_forward';
                font-family: 'Material Icons'
            }

            .x-tool-type-pin:before {
                content: "\f08d";
                font-family: 'FontAwesome'
            }

            .x-tool-type-unpin:before {
                content: "\e611";
                font-family: ExtJS
            }

            .x-tool-type-right:before {
                content: 'keyboard_arrow_right';
                font-family: 'Material Icons'
            }

            .x-tool-type-left:before {
                content: 'keyboard_arrow_left';
                font-family: 'Material Icons'
            }

            .x-tool-type-down:before {
                content: 'keyboard_arrow_down';
                font-family: 'Material Icons'
            }

            .x-tool-type-up:before {
                content: 'keyboard_arrow_up';
                font-family: 'Material Icons'
            }

            .x-tool-type-refresh:before {
                content: 'refresh';
                font-family: 'Material Icons'
            }

            .x-tool-type-plus:before {
                content: 'add';
                font-family: 'Material Icons'
            }

            .x-tool-type-menu:before {
                content: 'menu';
                font-family: 'Material Icons'
            }

            .x-tool-type-minus:before {
                content: 'remove';
                font-family: 'Material Icons'
            }

            .x-tool-type-search:before {
                content: 'search';
                font-family: 'Material Icons'
            }

            .x-tool-type-save:before {
                content: 'save';
                font-family: 'Material Icons'
            }

            .x-tool-type-help:before {
                content: 'help_outline';
                font-family: 'Material Icons'
            }

            .x-tool-type-print:before {
                content: 'print';
                font-family: 'Material Icons'
            }

            .x-tool-type-expand:before {
                content: 'expand_more';
                font-family: 'Material Icons'
            }

            .x-tool-type-collapse:before {
                content: 'expand_less';
                font-family: 'Material Icons'
            }

            .x-tool-type-resize:before {
                content: "\f07e";
                font-family: 'FontAwesome'
            }

            .x-tool-type-move:before {
                content: 'open_with';
                font-family: 'Material Icons'
            }

            .x-tool-type-expand-bottom:before {
                content: 'keyboard_arrow_down';
                font-family: 'Material Icons'
            }

            .x-tool-type-collapse-bottom:before {
                content: 'keyboard_arrow_down';
                font-family: 'Material Icons'
            }

            .x-tool-type-expand-top:before {
                content: 'keyboard_arrow_up';
                font-family: 'Material Icons'
            }

            .x-tool-type-collapse-top:before {
                content: 'keyboard_arrow_up';
                font-family: 'Material Icons'
            }

            .x-tool-type-expand-left:before {
                content: 'keyboard_arrow_left';
                font-family: 'Material Icons'
            }

            .x-tool-type-collapse-left:before {
                content: 'keyboard_arrow_left';
                font-family: 'Material Icons'
            }

            .x-tool-type-expand-right:before {
                content: 'keyboard_arrow_right';
                font-family: 'Material Icons'
            }

            .x-tool-type-collapse-right:before {
                content: 'keyboard_arrow_right';
                font-family: 'Material Icons'
            }

            .x-tool-type-scroll-right:before {
                content: 'keyboard_arrow_right';
                font-family: 'Material Icons'
            }

            .x-tool-type-scroll-left:before {
                content: 'keyboard_arrow_left';
                font-family: 'Material Icons'
            }

            .x-tool-type-scroll-down:before {
                content: 'keyboard_arrow_down';
                font-family: 'Material Icons'
            }

            .x-tool-type-scroll-up:before {
                content: 'keyboard_arrow_up';
                font-family: 'Material Icons'
            }

            .x-button {
                color: #005596;
                color: var(--base-color);
                font: 600 14px/18px Roboto, Arial, sans-serif;
                border-radius: 2px
            }

            .x-big .x-button {
                font-size: 14px;
                line-height: 24px;
                border-radius: 2px
            }

            .x-button .x-inner-el {
                padding: 8px;
                border-color: transparent;
                background-color: transparent;
                background-image: none;
                border-radius: 2px
            }

            .x-big .x-button .x-inner-el {
                padding: 6px;
                border-radius: 2px
            }

            .x-button.x-has-text .x-inner-el {
                padding: 8px 16px
            }

            .x-big .x-button.x-has-text .x-inner-el {
                padding: 6px 16px
            }

            .x-button .x-icon-el {
                color: #005596;
                color: var(--base-color);
                width: 18px;
                height: 18px
            }

            .x-big .x-button .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-button .x-icon-el:before {
                font-size: 18px
            }

            .x-button.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 5px
            }

            .x-big .x-button.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 8px
            }

            .x-button.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 5px
            }

            .x-big .x-button.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 8px
            }

            .x-button.x-has-text.x-icon-align-top .x-icon-el {
                margin-bottom: 2px
            }

            .x-big .x-button.x-has-text.x-icon-align-top .x-icon-el {
                margin-bottom: 3px
            }

            .x-button.x-has-text.x-icon-align-bottom .x-icon-el {
                margin-top: 2px
            }

            .x-big .x-button.x-has-text.x-icon-align-bottom .x-icon-el {
                margin-top: 3px
            }

            .x-button .x-arrow-el {
                color: #005596;
                color: var(--base-color);
                width: 18px;
                height: 18px
            }

            .x-big .x-button .x-arrow-el {
                width: 24px;
                height: 24px
            }

            .x-button .x-arrow-el:before {
                content: 'arrow_drop_down';
                font-size: 22px
            }

            .x-big .x-button .x-arrow-el:before {
                font-size: 24px
            }

            .x-button.x-arrow-align-right .x-arrow-el {
                margin-left: 5px
            }

            .x-big .x-button.x-arrow-align-right .x-arrow-el {
                margin-left: 8px
            }

            .x-button .x-text-el {
                min-height: 18px;
                text-transform: uppercase
            }

            .x-big .x-button .x-text-el {
                min-height: 24px;
            }

            .x-button .x-badge-el {
                color: #222;
                color: var(--accent-foreground-color);
                border-color: transparent;
                border-radius: 32px;
                min-width: 24px;
                top: -10px;
                right: -10px;
                padding: 4px;
                max-width: 55%;
                font-size: 12px;
                line-height: 16px;
                font-family: Roboto, Arial, sans-serif;
                background-color: #ff9800;
                background-color: var(--accent-color);
                background-image: none
            }

            .x-big .x-button .x-badge-el {
                font-size: 13px;
                line-height: 16px
            }

            .x-button.x-hovered .x-inner-el {
                border-color: rgba(0, 0, 0, 0.075);
                background-color: rgba(0, 0, 0, 0.075);
                background-image: none
            }

            .x-button:before {
                border-radius: 2px;
            }

            .x-button.x-pressing,.x-button.x-pressed {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-button.x-pressing .x-inner-el,.x-button.x-pressed .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-button.x-pressing .x-icon-el,.x-button.x-pressed .x-icon-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-button.x-pressing .x-arrow-el,.x-button.x-pressed .x-arrow-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-keyboard-mode .x-button.x-focused {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-keyboard-mode .x-button.x-focused .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-keyboard-mode .x-button.x-focused .x-icon-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-keyboard-mode .x-button.x-focused .x-arrow-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-keyboard-mode .x-button.x-focused:after {
                margin-top: 1px;
                margin-right: 1px;
                margin-left: 1px;
                margin-bottom: 1px;
                border: 2px solid #80aacb;
                border-radius: 2px
            }

            .x-big .x-keyboard-mode .x-button.x-focused:after {
                border-radius: 2px
            }

            .x-button.x-disabled {
                opacity: 0.25;
            }

            .x-button-alt {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-alt .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt .x-arrow-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-alt.x-hovered .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-alt.x-pressing,.x-button-alt.x-pressed {
                color: #fff
            }

            .x-button-alt.x-pressing .x-inner-el,.x-button-alt.x-pressed .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-alt.x-pressing .x-icon-el,.x-button-alt.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-alt.x-pressing .x-arrow-el,.x-button-alt.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-button-action {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-action .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-button-action .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-action .x-arrow-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-action.x-hovered .x-inner-el {
                border-color: #002d4f;
                background-color: #047;
                background-image: none
            }

            .x-button-action.x-pressing,.x-button-action.x-pressed {
                color: #fff
            }

            .x-button-action.x-pressing .x-inner-el,.x-button-action.x-pressed .x-inner-el {
                border-color: #001b30;
                background-color: #003259;
                background-image: none
            }

            .x-button-action.x-pressing .x-icon-el,.x-button-action.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-action.x-pressing .x-arrow-el,.x-button-action.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-button-confirm {
                color: #7cb342;
                color: var(--confirm-color);
            }

            .x-button-confirm .x-icon-el {
                color: #7cb342;
                color: var(--confirm-color);
            }

            .x-button-confirm .x-arrow-el {
                color: #7cb342;
                color: var(--confirm-color);
            }

            .x-button-confirm.x-pressing,.x-button-confirm.x-pressed {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-confirm.x-pressing .x-inner-el,.x-button-confirm.x-pressed .x-inner-el {
                border-color: #679537;
                background-color: #7cb342;
                background-color: var(--confirm-color);
                background-image: none
            }

            .x-button-confirm.x-pressing .x-icon-el,.x-button-confirm.x-pressed .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-confirm.x-pressing .x-arrow-el,.x-button-confirm.x-pressed .x-arrow-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-confirm.x-focused {
                color: #fff
            }

            .x-keyboard-mode .x-button-confirm.x-focused .x-inner-el {
                border-color: #679537;
                background-color: #7cb342;
                background-color: var(--confirm-color);
                background-image: none
            }

            .x-keyboard-mode .x-button-confirm.x-focused .x-icon-el {
                color: #fff
            }

            .x-keyboard-mode .x-button-confirm.x-focused .x-arrow-el {
                color: #fff
            }

            .x-button-decline {
                color: #c62828;
                color: var(--alert-color);
            }

            .x-button-decline .x-icon-el {
                color: #c62828;
                color: var(--alert-color);
            }

            .x-button-decline .x-arrow-el {
                color: #c62828;
                color: var(--alert-color);
            }

            .x-button-decline.x-pressing,.x-button-decline.x-pressed {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-decline.x-pressing .x-inner-el,.x-button-decline.x-pressed .x-inner-el {
                border-color: #a42121;
                background-color: #c62828;
                background-color: var(--alert-color);
                background-image: none
            }

            .x-button-decline.x-pressing .x-icon-el,.x-button-decline.x-pressed .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-decline.x-pressing .x-arrow-el,.x-button-decline.x-pressed .x-arrow-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-keyboard-mode .x-button-decline.x-focused {
                color: #fff
            }

            .x-keyboard-mode .x-button-decline.x-focused .x-inner-el {
                border-color: #a42121;
                background-color: #c62828;
                background-color: var(--alert-color);
                background-image: none
            }

            .x-keyboard-mode .x-button-decline.x-focused .x-icon-el {
                color: #fff
            }

            .x-keyboard-mode .x-button-decline.x-focused .x-arrow-el {
                color: #fff
            }

            .x-button-round {
                border-radius: 10000px
            }

            .x-big .x-button-round {
                border-radius: 20000px
            }

            .x-button-round .x-inner-el {
                border-radius: 10000px
            }

            .x-big .x-button-round .x-inner-el {
                border-radius: 20000px
            }

            .x-button-round:before {
                border-radius: 10000px
            }

            .x-keyboard-mode .x-button-round.x-focused:after {
                border-radius: 10000px
            }

            .x-big .x-keyboard-mode .x-button-round.x-focused:after {
                border-radius: 20000px
            }

            .x-button-square {
                border-radius: 0
            }

            .x-big .x-button-square {
                border-radius: 0
            }

            .x-button-square .x-inner-el {
                border-radius: 0
            }

            .x-big .x-button-square .x-inner-el {
                border-radius: 0
            }

            .x-button-square:before {
                border-radius: 0
            }

            .x-keyboard-mode .x-button-square.x-focused:after {
                border-radius: 0
            }

            .x-big .x-keyboard-mode .x-button-square.x-focused:after {
                border-radius: 0
            }

            .x-button-flat {
                color: #fff
            }

            .x-button-flat .x-inner-el {
                border-width: 0;
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-flat .x-icon-el {
                color: #fff
            }

            .x-button-flat .x-arrow-el {
                color: #fff
            }

            .x-button-flat.x-hovered .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-flat.x-pressing,.x-button-flat.x-pressed {
                color: #fff
            }

            .x-button-flat.x-pressing .x-inner-el,.x-button-flat.x-pressed .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-flat.x-pressing .x-icon-el,.x-button-flat.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-flat.x-pressing .x-arrow-el,.x-button-flat.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-button-plain {
                color: #fff
            }

            .x-button-plain .x-inner-el {
                border-width: 0;
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-plain .x-icon-el {
                color: #fff
            }

            .x-button-plain .x-arrow-el {
                color: #fff
            }

            .x-button-plain.x-hovered .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-plain.x-pressing,.x-button-plain.x-pressed {
                color: #fff
            }

            .x-button-plain.x-pressing .x-inner-el,.x-button-plain.x-pressed .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-plain.x-pressing .x-icon-el,.x-button-plain.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-plain.x-pressing .x-arrow-el,.x-button-plain.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-button-raised {
                box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2)
            }

            .x-button-raised:before {
                content: '';
                box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
                transition: opacity 0.15s
            }

            .x-button-raised.x-disabled {
                box-shadow: unset
            }

            .x-button-segmented {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-segmented .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-button-segmented .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-segmented .x-arrow-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-segmented.x-hovered .x-inner-el {
                border-color: #002d4f;
                background-color: #047;
                background-image: none
            }

            .x-button-segmented.x-pressing,.x-button-segmented.x-pressed {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-button-segmented.x-pressing .x-inner-el,.x-button-segmented.x-pressed .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-button-segmented.x-pressing .x-icon-el,.x-button-segmented.x-pressed .x-icon-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-button-segmented.x-pressing .x-arrow-el,.x-button-segmented.x-pressed .x-arrow-el {
                color: #f5f5f5;
                color: var(--background-color);
            }

            .x-title {
                line-height: 28px
            }

            .x-toolbar {
                background-color: #fafafa;
                background-color: var(--alt-background-color);
                background-image: none;
                border-color: #7a7a7a;
                font: 600 16px/16px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08)
            }

            .x-big .x-toolbar {
                font-size: 18px;
            }

            .x-toolbar .x-title {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-weight: 600;
                font-size: 16px;
                font-family: Roboto, Arial, sans-serif
            }

            .x-big .x-toolbar .x-title {
                font-size: 18px;
            }

            .x-toolbar-body-el {
                padding: 8px 16px;
                min-height: 48px
            }

            .x-big .x-toolbar-body-el {
                padding: 10px 16px;
                min-height: 64px
            }

            .x-toolbar-body-el.x-horizontal > .x-component {
                margin-right: 0
            }

            .x-toolbar-body-el.x-horizontal > .x-component:last-child {
                margin-right: 0
            }

            .x-toolbar-body-el.x-vertical > .x-component {
                margin-bottom: 6px
            }

            .x-big .x-toolbar-body-el.x-vertical > .x-component {
                margin-bottom: 8px
            }

            .x-toolbar-body-el.x-vertical > .x-component:last-child {
                margin-bottom: 0
            }

            .x-toolbar-footer {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                background-image: none;
                border-color: #767676;
                box-shadow: none
            }

            .x-toolbar-footer .x-title {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
            }

            .x-panel {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-panel > .x-anchor-el {
                margin: 1px
            }

            .x-panel > .x-anchor-el .x-pointer-el {
                fill: #f5f5f5;
                fill: var(--background-color);
                stroke-width: 1px;
                stroke: #c3c3c3;
                stroke: var(--faded-color);
            }

            .x-panel > .x-anchor-el.x-top {
                width: 20px;
                height: 10px;
                top: -10px;
                padding-bottom: 1px
            }

            .x-panel > .x-anchor-el.x-bottom {
                width: 20px;
                height: 10px;
                bottom: -10px;
                padding-top: 1px
            }

            .x-panel > .x-anchor-el.x-left {
                height: 20px;
                width: 10px;
                left: -10px;
                padding-right: 1px
            }

            .x-panel > .x-anchor-el.x-left .x-pointer-el {
                transform-origin: 10px 10px
            }

            .x-panel > .x-anchor-el.x-right {
                height: 20px;
                width: 10px;
                right: -10px;
                padding-left: 1px
            }

            .x-panel > .x-anchor-el.x-right .x-pointer-el {
                transform-origin: 5px 5px
            }

            .x-panel-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
                font: 400 12px/18px Roboto, Arial, sans-serif
            }

            .x-big .x-panel-body-el {
                font-size: 14px;
                line-height: 20px;
            }

            .x-panel-boxscroller {
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
            }

            .x-panel-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-panel-outer-border-l {
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important
            }

            .x-panel-outer-border-b {
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important
            }

            .x-panel-outer-border-bl {
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important;
            }

            .x-panel-outer-border-r {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important
            }

            .x-panel-outer-border-rl {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important
            }

            .x-panel-outer-border-rb {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important;
            }

            .x-panel-outer-border-rbl {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important;
            }

            .x-panel-outer-border-t {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important
            }

            .x-panel-outer-border-tl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important;
            }

            .x-panel-outer-border-tb {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important
            }

            .x-panel-outer-border-tbl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important;
            }

            .x-panel-outer-border-tr {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
            }

            .x-panel-outer-border-trl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-left-width: 1px !important;
            }

            .x-panel-outer-border-trb {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-top-width: 1px !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-right-width: 1px !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-bottom-width: 1px !important;
            }

            .x-panel-outer-border-trbl {
                border-color: #c3c3c3 !important;
                border-color: var(--faded-color) !important;
                border-width: 1px !important;
            }

            .x-panelheader {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
            }

            .x-panelheader.x-horizontal {
                min-height: 48px
            }

            .x-big .x-panelheader.x-horizontal {
                min-height: 64px
            }

            .x-panelheader.x-vertical {
                min-width: 48px
            }

            .x-big .x-panelheader.x-vertical {
                min-width: 64px
            }

            .x-panelheader > .x-body-el {
                padding: 0 16px
            }

            .x-big .x-panelheader > .x-body-el {
                padding: 0 16px
            }

            .x-panelheader.x-docked-right {
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
            }

            .x-panelheader.x-docked-right > .x-body-el {
                padding: 16px 0;
                padding: var(--content-padding) 0;
            }

            .x-big .x-panelheader.x-docked-right > .x-body-el {
                padding: 16px 0;
                padding: var(--content-padding) 0;
            }

            .x-panelheader.x-docked-left {
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
            }

            .x-panelheader.x-docked-left > .x-body-el {
                padding: 16px 0;
                padding: var(--content-padding) 0;
            }

            .x-big .x-panelheader.x-docked-left > .x-body-el {
                padding: 16px 0;
                padding: var(--content-padding) 0;
            }

            .x-panelheader.x-docked-bottom {
                border: 1px solid #c3c3c3;
                border: 1px solid var(--faded-color);
            }

            .x-paneltitle {
                color: #005596;
                color: var(--base-color);
                font: 600 18px/24px Roboto, Arial, sans-serif;
                padding: 8px 0
            }

            .x-big .x-paneltitle {
                padding: 8px 0;
                font-size: 20px;
                line-height: 24px
            }

            .x-paneltitle .x-icon-el {
                color: #005596;
                color: var(--base-color);
                width: 24px;
                height: 24px
            }

            .x-big .x-paneltitle .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-paneltitle .x-icon-el:before {
                font-size: 24px
            }

            .x-big .x-paneltitle .x-icon-el:before {
                font-size: 24px
            }

            .x-paneltitle.x-horizontal.x-icon-align-top .x-icon-el {
                margin-bottom: 2px
            }

            .x-big .x-paneltitle.x-horizontal.x-icon-align-top .x-icon-el {
                margin-bottom: 2px
            }

            .x-paneltitle.x-horizontal.x-icon-align-right .x-icon-el {
                margin-left: 6px
            }

            .x-big .x-paneltitle.x-horizontal.x-icon-align-right .x-icon-el {
                margin-left: 8px
            }

            .x-paneltitle.x-horizontal.x-icon-align-bottom .x-icon-el {
                margin-top: 2px
            }

            .x-big .x-paneltitle.x-horizontal.x-icon-align-bottom .x-icon-el {
                margin-top: 2px
            }

            .x-paneltitle.x-horizontal.x-icon-align-left .x-icon-el {
                margin-right: 6px
            }

            .x-big .x-paneltitle.x-horizontal.x-icon-align-left .x-icon-el {
                margin-right: 8px
            }

            .x-paneltitle.x-rotate-90 {
                padding: 0 8px
            }

            .x-big .x-paneltitle.x-rotate-90 {
                padding: 0 8px
            }

            .x-paneltitle.x-rotate-90.x-icon-align-top .x-icon-el {
                margin-left: 2px
            }

            .x-big .x-paneltitle.x-rotate-90.x-icon-align-top .x-icon-el {
                margin-left: 2px
            }

            .x-paneltitle.x-rotate-90.x-icon-align-right .x-icon-el {
                margin-top: 6px
            }

            .x-big .x-paneltitle.x-rotate-90.x-icon-align-right .x-icon-el {
                margin-top: 8px
            }

            .x-paneltitle.x-rotate-90.x-icon-align-bottom .x-icon-el {
                margin-right: 2px
            }

            .x-big .x-paneltitle.x-rotate-90.x-icon-align-bottom .x-icon-el {
                margin-right: 2px
            }

            .x-paneltitle.x-rotate-90.x-icon-align-left .x-icon-el {
                margin-bottom: 6px
            }

            .x-big .x-paneltitle.x-rotate-90.x-icon-align-left .x-icon-el {
                margin-bottom: 8px
            }

            .x-paneltitle.x-rotate-270 {
                padding: 0 8px
            }

            .x-big .x-paneltitle.x-rotate-270 {
                padding: 0 8px
            }

            .x-paneltitle.x-rotate-270.x-icon-align-top .x-icon-el {
                margin-right: 2px
            }

            .x-big .x-paneltitle.x-rotate-270.x-icon-align-top .x-icon-el {
                margin-right: 2px
            }

            .x-paneltitle.x-rotate-270.x-icon-align-right .x-icon-el {
                margin-bottom: 6px
            }

            .x-big .x-paneltitle.x-rotate-270.x-icon-align-right .x-icon-el {
                margin-bottom: 8px
            }

            .x-paneltitle.x-rotate-270.x-icon-align-bottom .x-icon-el {
                margin-left: 2px
            }

            .x-big .x-paneltitle.x-rotate-270.x-icon-align-bottom .x-icon-el {
                margin-left: 2px
            }

            .x-paneltitle.x-rotate-270.x-icon-align-left .x-icon-el {
                margin-top: 6px
            }

            .x-big .x-paneltitle.x-rotate-270.x-icon-align-left .x-icon-el {
                margin-top: 8px
            }

            .x-paneltitle.x-vertical .x-text-el {
                width: 24px
            }

            .x-big .x-paneltitle.x-vertical .x-text-el {
                width: 24px
            }

            .x-paneltool .x-icon-el {
                color: #005596;
                color: var(--base-color);
                width: 20px;
                height: 20px
            }

            .x-big .x-paneltool .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-paneltool .x-icon-el:before {
                font-size: 20px
            }

            .x-big .x-paneltool .x-icon-el:before {
                font-size: 20px
            }

            .x-paneltool.x-hovered .x-icon-el {
                opacity: 0.8
            }

            .x-paneltool.x-pressed .x-icon-el {
                opacity: 0.6
            }

            .x-keyboard-mode .x-paneltool.x-focused {
                outline-color: #005596;
                outline-color: var(--base-color);
            }

            .x-panel-light-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-panelheader-light {
                background-color: #fafafa;
                background-color: var(--alt-background-color);
                background-image: none
            }

            .x-paneltitle-light {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-paneltitle-light .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-paneltool-light .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-keyboard-mode .x-paneltool-light.x-focused {
                outline-color: #005596;
                outline-color: var(--base-color);
            }

            .x-mask {
                opacity: 0.7;
                background-color: #111
            }

            .x-sheet {
                border-color: #e1e1e1
            }

            .x-sheet > .x-anchor-el .x-pointer-el {
                fill: #f5f5f5;
                fill: var(--background-color);
                stroke: #e1e1e1
            }

            .x-sheet-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-color: #e1e1e1
            }

            .x-sheet-boxscroller {
                border-color: #e1e1e1
            }

            .x-sheet-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-sheet {
                border-color: #e1e1e1;
                border-style: solid;
                border-width: 0
            }

            .x-sheet-body-el.x-vertical > .x-button {
                margin-bottom: 6px
            }

            .x-sheet-body-el.x-vertical > .x-button:last-child {
                margin-bottom: 0
            }

            .x-actionsheet {
                border-color: #e1e1e1
            }

            .x-actionsheet > .x-anchor-el .x-pointer-el {
                fill: #f5f5f5;
                fill: var(--background-color);
                stroke: #e1e1e1
            }

            .x-actionsheet-body-el {
                padding: 16px;
                padding: var(--content-padding);
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-color: #e1e1e1
            }

            .x-actionsheet-boxscroller {
                border-color: #e1e1e1
            }

            .x-actionsheet-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-actionsheet {
                border-color: #e1e1e1;
                border-style: solid;
                border-width: 0
            }

            .x-actionsheet-body-el.x-vertical > .x-button {
                margin-bottom: 6px
            }

            .x-actionsheet-body-el.x-vertical > .x-button:last-child {
                margin-bottom: 0
            }

            .x-dialog > .x-anchor-el .x-pointer-el {
                fill: #f5f5f5;
                fill: var(--background-color);
                stroke-width: 0;
            }

            .x-dialog > .x-anchor-el.x-top {
                padding-bottom: 0
            }

            .x-dialog > .x-anchor-el.x-bottom {
                padding-top: 0
            }

            .x-dialog > .x-anchor-el.x-left {
                padding-right: 0
            }

            .x-dialog > .x-anchor-el.x-right {
                padding-left: 0
            }

            .x-dialog-body-el {
                padding: 16px;
                padding: var(--content-padding);
                background-color: #f5f5f5;
                background-color: var(--background-color);
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
            }

            .x-dialog-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-dialog-outer-border-l {
                border-left-width: 0 !important
            }

            .x-dialog-outer-border-b {
                border-bottom-width: 0 !important
            }

            .x-dialog-outer-border-bl {
                border-bottom-width: 0 !important;
                border-left-width: 0 !important;
            }

            .x-dialog-outer-border-r {
                border-right-width: 0 !important
            }

            .x-dialog-outer-border-rl {
                border-right-width: 0 !important;
                border-left-width: 0 !important
            }

            .x-dialog-outer-border-rb {
                border-right-width: 0 !important;
                border-bottom-width: 0 !important;
            }

            .x-dialog-outer-border-rbl {
                border-right-width: 0 !important;
                border-bottom-width: 0 !important;
                border-left-width: 0 !important;
            }

            .x-dialog-outer-border-t {
                border-top-width: 0 !important
            }

            .x-dialog-outer-border-tl {
                border-top-width: 0 !important;
                border-left-width: 0 !important;
            }

            .x-dialog-outer-border-tb {
                border-top-width: 0 !important;
                border-bottom-width: 0 !important
            }

            .x-dialog-outer-border-tbl {
                border-top-width: 0 !important;
                border-bottom-width: 0 !important;
                border-left-width: 0 !important;
            }

            .x-dialog-outer-border-tr {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
            }

            .x-dialog-outer-border-trl {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
                border-left-width: 0 !important;
            }

            .x-dialog-outer-border-trb {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
                border-bottom-width: 0 !important;
            }

            .x-dialog-outer-border-trbl {
                border-width: 0 !important;
            }

            .x-dialogheader {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                background-image: none;
            }

            .x-dialogtitle {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-dialogtitle .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-dialogtool .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-keyboard-mode .x-dialogtool.x-focused {
                outline-color: #005596;
                outline-color: var(--base-color);
            }

            .x-dialog {
                min-width: 250px
            }

            .x-big .x-dialog {
                min-width: 300px
            }

            .x-field > .x-label-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                padding: 7px 10px 7px 0;
                font: 400 12px/16px Roboto, Arial, sans-serif;
                width: 100px;
            }

            .x-big .x-field > .x-label-el {
                padding: 12px 10px 12px 0;
                font-size: 12px;
                line-height: 16px;
                width: 120px;
            }

            .x-field.x-label-align-right > .x-label-el {
                padding: 7px 0 7px 10px
            }

            .x-big .x-field.x-label-align-right > .x-label-el {
                padding: 12px 0 12px 10px
            }

            .x-field.x-focused > .x-label-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-field.x-disabled > .x-label-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-field.x-required > .x-label-el:after {
                font-weight: 400;
                font-size: 12px;
                font-family: 'Material Icons';
            }

            .x-field.x-error-target-side > * > * > .x-error-icon-el {
                margin: 0 5px;
                color: #c62828;
                color: var(--alert-color);
                width: 16px;
                height: 16px
            }

            .x-big .x-field.x-error-target-side > * > * > .x-error-icon-el {
                margin: 0 8px
            }

            .x-big .x-field.x-error-target-side > * > * > .x-error-icon-el {
                width: 30px;
                height: 30px
            }

            .x-field.x-error-target-side > * > * > .x-error-icon-el:before {
                content: 'error';
                font-size: 16px
            }

            .x-big .x-field.x-error-target-side > * > * > .x-error-icon-el:before {
                font-size: 30px
            }

            .x-field.x-error-target-under > * > * > .x-error-icon-el {
                margin: 0px;
                color: #c62828;
                color: var(--alert-color);
                width: 0px;
                height: 0px
            }

            .x-big .x-field.x-error-target-under > * > * > .x-error-icon-el {
                margin: 0 8px 0 0
            }

            .x-big .x-field.x-error-target-under > * > * > .x-error-icon-el {
                width: 30px;
                height: 30px
            }

            .x-field.x-error-target-under > * > * > .x-error-icon-el:before {
                content: '';
                font-size: 0px
            }

            .x-big .x-field.x-error-target-under > * > * > .x-error-icon-el:before {
                font-size: 30px
            }

            .x-field.x-error-target-under > * > .x-error-el {
                margin: 2px 0
            }

            .x-big .x-field.x-error-target-under > * > .x-error-el {
                margin: 3px
            }

            .x-field > * > * > .x-error-message-el,.x-component-ErrorBox-body-el .x-innerhtml > * {
                font: normal 1rem/16px Roboto, Arial, sans-serif;
                color: #c62828;
                color: var(--alert-color);
            }

            .x-big .x-field > * > * > .x-error-message-el {
                line-height: 24px
            }

            .x-field:not(.x-field-solo).x-layout-auto-item,.x-field:not(.x-field-solo).x-layout-vbox-item {
                margin-top: 4px;
                padding-bottom: 4px
            }

            .x-big .x-field:not(.x-field-solo).x-layout-auto-item,.x-big .x-field:not(.x-field-solo).x-layout-vbox-item {
                margin-top: 10px;
                padding-bottom: 10px
            }

            .x-field:not(.x-field-solo).x-layout-auto-item:first-child,.x-field:not(.x-field-solo).x-layout-vbox-item:first-child {
                margin-top: 0
            }

            .x-field:not(.x-field-solo).x-layout-auto-item:last-child,.x-field:not(.x-field-solo).x-layout-vbox-item:last-child {
                padding-bottom: 0
            }

            .x-ripple-wrapper + .x-field.x-layout-auto-item,.x-ripple-wrapper + .x-field.x-layout-vbox-item {
                margin-top: 0 !important
            }

            .x-trigger {
                width: 24px;
            }

            .x-big .x-trigger {
                width: 36px
            }

            .x-trigger .x-icon-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                width: 20px;
                height: 20px
            }

            .x-big .x-trigger .x-icon-el {
                width: 30px;
                height: 30px
            }

            .x-trigger .x-icon-el:before {
                content: 'arrow_drop_down';
                font-size: 20px
            }

            .x-big .x-trigger .x-icon-el:before {
                font-size: 30px
            }

            .x-trigger.x-interactive:hover .x-icon-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-trigger.x-interactive:active .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-trigger.x-grouped {
                display: flex;
                flex-direction: column;
                flex-direction: column-reverse
            }

            .x-trigger.x-grouped .x-trigger {
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .x-big .x-trigger.x-grouped {
                flex-direction: row;
                flex-direction: row
            }

            .x-trigger-alt {
                width: 40px
            }

            .x-big .x-trigger-alt {
                width: 45px
            }

            .x-trigger-alt .x-icon-el {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-trigger-alt.x-interactive:hover .x-icon-el {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-trigger-alt.x-interactive:active .x-icon-el {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-trigger-faded {
                width: 40px
            }

            .x-big .x-trigger-faded {
                width: 45px
            }

            .x-trigger-faded .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-trigger-faded.x-interactive:hover .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-trigger-faded.x-interactive:active .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-trigger-solo {
                width: 40px
            }

            .x-big .x-trigger-solo {
                width: 40px
            }

            .x-trigger-solo .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-trigger-solo.x-interactive:hover .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-trigger-solo.x-interactive:active .x-icon-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-cleartrigger .x-icon-el:before {
                content: 'clear';
            }

            .x-textfield .x-body-wrap-el {
                width: 170px
            }

            .x-big .x-textfield .x-body-wrap-el {
                width: 200px
            }

            .x-textfield .x-input-wrap-el {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-textfield .x-input-el {
                font: 400 13px/16px Roboto, Arial, sans-serif;
                padding: 4px 0;
                min-height: 16px
            }

            .x-big .x-textfield .x-input-el {
                padding: 8px 0;
                font-size: 16px;
                line-height: 20px
            }

            .x-textfield .x-input-el::-webkit-input-placeholder {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-textfield .x-input-el::-moz-placeholder {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-textfield .x-input-el:-ms-input-placeholder {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-textfield .x-underline-el {
                height: 1px;
                background-color: rgba(0, 0, 0, 0.12);
                background-color: var(--divider-color);
            }

            .x-textfield.x-animate-underline .x-underline-el:before {
                transition: transform 0.45s cubic-bezier(0.23,1,0.32,1)
            }

            .x-textfield.x-focused .x-underline-el:before {
                height: 2px;
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-textfield.x-focused .x-input-wrap-el {
                border-color: #3892d4;
            }

            .x-textfield.x-invalid .x-underline-el:after {
                height: 2px;
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-textfield.x-invalid .x-input-wrap-el {
                border-color: #c62828;
                border-color: var(--alert-color);
            }

            .x-textfield.x-disabled .x-input-wrap-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-textfield-celleditor .x-input-el {
                font-size: 13px;
                line-height: 16px;
                padding: 12px 12px;
                min-height: 16px
            }

            .x-big .x-textfield-celleditor .x-input-el {
                padding: 14px 12px 14px 12px;
                font-size: 14px;
                line-height: 20px
            }

            .x-textfield-alt {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px
            }

            .x-textfield-alt .x-input-wrap-el {
                border-width: 0;
                background-color: rgba(255, 255, 255, 0.2);
                color: rgba(255, 255, 255, 0.6)
            }

            .x-textfield-alt .x-input-el {
                padding-top: 7px;
                padding-right: 7px;
                padding-bottom: 7px;
                padding-left: 0
            }

            .x-big .x-textfield-alt .x-input-el {
                padding: 7px 7px 7px 0
            }

            .x-textfield-alt .x-input-el::-webkit-input-placeholder {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-textfield-alt .x-input-el::-moz-placeholder {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-textfield-alt .x-input-el:-ms-input-placeholder {
                color: rgba(255, 255, 255, 0.6)
            }

            .x-textfield-alt .x-underline-el {
                height: 0
            }

            .x-textfield-alt.x-focused .x-underline-el:before {
                height: 0
            }

            .x-textfield-alt.x-focused .x-input-wrap-el {
                background-color: rgba(255, 255, 255, 0.15);
                color: rgba(255, 255, 255, 0.6)
            }

            .x-textfield-alt.x-focused .x-input-el::-webkit-input-placeholder {
                color: #fff
            }

            .x-textfield-alt.x-focused .x-input-el::-moz-placeholder {
                color: #fff
            }

            .x-textfield-alt.x-focused .x-input-el:-ms-input-placeholder {
                color: #fff
            }

            .x-textfield-alt.x-invalid .x-underline-el:after {
                height: 0
            }

            .x-textfield-faded {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px
            }

            .x-textfield-faded .x-input-wrap-el {
                border-width: 0;
                background-color: rgba(0, 0, 0, 0.1);
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-faded .x-input-el {
                padding-top: 7px;
                padding-right: 7px;
                padding-bottom: 7px;
                padding-left: 0
            }

            .x-big .x-textfield-faded .x-input-el {
                padding: 7px 7px 7px 0
            }

            .x-textfield-faded .x-input-el::-webkit-input-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-faded .x-input-el::-moz-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-faded .x-input-el:-ms-input-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-faded .x-underline-el {
                height: 0
            }

            .x-textfield-faded.x-focused .x-underline-el:before {
                height: 0
            }

            .x-textfield-faded.x-focused .x-input-wrap-el {
                background-color: rgba(0, 0, 0, 0.15);
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-faded.x-focused .x-input-el::-webkit-input-placeholder {
                color: #333
            }

            .x-textfield-faded.x-focused .x-input-el::-moz-placeholder {
                color: #333
            }

            .x-textfield-faded.x-focused .x-input-el:-ms-input-placeholder {
                color: #333
            }

            .x-textfield-faded.x-invalid .x-underline-el:after {
                height: 0
            }

            .x-textfield-solo {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px
            }

            .x-textfield-solo .x-input-wrap-el {
                border-width: 0;
                background-color: #fff;
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-solo .x-input-el {
                padding-top: 10px;
                padding-right: 10px;
                padding-bottom: 10px;
                padding-left: 0
            }

            .x-big .x-textfield-solo .x-input-el {
                padding: 10px 10px 10px 0
            }

            .x-textfield-solo .x-input-el::-webkit-input-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-solo .x-input-el::-moz-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-solo .x-input-el:-ms-input-placeholder {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-solo .x-underline-el {
                height: 0
            }

            .x-textfield-solo.x-focused .x-underline-el:before {
                height: 0
            }

            .x-textfield-solo.x-focused .x-input-wrap-el {
                color: rgba(0, 0, 0, 0.4)
            }

            .x-textfield-solo.x-invalid .x-underline-el:after {
                height: 0
            }

            .x-textareafield .x-body-wrap-el {
                height: 74px;
            }

            .x-big .x-textareafield .x-body-wrap-el {
                height: 98px;
            }

            .x-layout-fit > .x-textareafield.x-label-align-horizontal.x-has-percentage-size-flex-bug .x-body-wrap-el,.x-layout-vbox > .x-textareafield.x-label-align-horizontal.x-has-percentage-size-flex-bug.x-flexed .x-body-wrap-el,.x-layout-hbox.x-align-stretch > .x-textareafield.x-label-align-horizontal.x-has-percentage-size-flex-bug .x-body-wrap-el {
                height: auto
            }

            .x-messagebox-body-el {
                padding: 24px;
            }

            .x-big .x-messagebox-body-el {
                padding: 24px
            }

            .x-messagebox-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-messageboxheader > .x-body-el {
                padding: 0 24px
            }

            .x-big .x-messageboxheader > .x-body-el {
                padding: 0 24px
            }

            .x-messageboxheader.x-docked-right > .x-body-el {
                padding: 24px 0
            }

            .x-big .x-messageboxheader.x-docked-right > .x-body-el {
                padding: 24px 0
            }

            .x-messageboxheader.x-docked-left > .x-body-el {
                padding: 24px 0
            }

            .x-big .x-messageboxheader.x-docked-left > .x-body-el {
                padding: 24px 0
            }

            .x-segmentedbutton .x-horizontal .x-button:not(.x-first) .x-inner-el {
                border-left: 0
            }

            .x-segmentedbutton .x-horizontal .x-button:not(.x-first):not(.x-last),.x-segmentedbutton .x-horizontal .x-button:not(.x-first):not(.x-last):after,.x-segmentedbutton .x-horizontal .x-button:not(.x-first):not(.x-last) .x-inner-el {
                border-radius: 0
            }

            .x-segmentedbutton .x-horizontal .x-button.x-first,.x-segmentedbutton .x-horizontal .x-button.x-first:after,.x-segmentedbutton .x-horizontal .x-button.x-first .x-inner-el {
                -moz-border-radius-topright: 0;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .x-segmentedbutton .x-horizontal .x-button.x-last,.x-segmentedbutton .x-horizontal .x-button.x-last:after,.x-segmentedbutton .x-horizontal .x-button.x-last .x-inner-el {
                -moz-border-radius-topleft: 0;
                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
                -moz-border-radius-bottomleft: 0;
                -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .x-segmentedbutton.x-vertical .x-button:not(.x-first) .x-inner-el {
                border-top: 0
            }

            .x-segmentedbutton.x-vertical .x-button:not(.x-first):not(.x-last),.x-segmentedbutton.x-vertical .x-button:not(.x-first):not(.x-last):after,.x-segmentedbutton.x-vertical .x-button:not(.x-first):not(.x-last) .x-inner-el {
                border-radius: 0
            }

            .x-segmentedbutton.x-vertical .x-button.x-first,.x-segmentedbutton.x-vertical .x-button.x-first:after,.x-segmentedbutton.x-vertical .x-button.x-first .x-inner-el {
                -moz-border-radius-bottomleft: 0;
                -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .x-segmentedbutton.x-vertical .x-button.x-last,.x-segmentedbutton.x-vertical .x-button.x-last:after,.x-segmentedbutton.x-vertical .x-button.x-last .x-inner-el {
                -moz-border-radius-topleft: 0;
                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
                -moz-border-radius-topright: 0;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0
            }

            .x-titlebar {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border-color: #000;
                font: 600 18px/16px Roboto, Arial, sans-serif;
                color: #fff;
                color: var(--base-foreground-color);
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08)
            }

            .x-big .x-titlebar {
                font-size: 20px;
            }

            .x-titlebar .x-title {
                color: #fff;
                color: var(--base-foreground-color);
                padding: 0 4px 0 0;
                font-weight: 600;
                font-size: 18px;
                font-family: Roboto, Arial, sans-serif
            }

            .x-big .x-titlebar .x-title {
                font-size: 20px;
                padding: 0 8px 0 0
            }

            .x-titlebar-body-el {
                padding: 8px 16px;
                min-height: 48px
            }

            .x-big .x-titlebar-body-el {
                padding: 10px 16px;
                min-height: 64px
            }

            .x-titlebar-body-el.x-horizontal > .x-component {
                margin-right: 0
            }

            .x-titlebar-body-el.x-horizontal > .x-component:last-child {
                margin-right: 0
            }

            .x-titlebar-body-el.x-vertical > .x-component {
                margin-bottom: 3px
            }

            .x-big .x-titlebar-body-el.x-vertical > .x-component {
                margin-bottom: 4px
            }

            .x-titlebar-body-el.x-vertical > .x-component:last-child {
                margin-bottom: 0
            }

            .x-toast {
                margin: 0;
                -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08)
            }

            .x-toast .x-toast-body-el {
                color: #fff;
                color: var(--reverse-color);
                background-color: rgba(0, 0, 0, 0.54);
                background-color: var(--highlight-color);
                font: 400 14px/18px Roboto, Arial, sans-serif;
                padding: 8px
            }

            .x-big .x-toast .x-toast-body-el {
                font: 400 16px/25px, 16px Roboto, Arial, sans-serif;
                padding: 8px
            }

            .x-emptytext {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                font: 400 13px/1.25 Roboto, Arial, sans-serif;
                padding: 10px
            }

            .x-big .x-emptytext {
                font-size: 14px;
                padding: 15px
            }

            .x-dataview {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-dataview-default-body-el > .x-dataview-item {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
                font: 400 13px/16px Roboto, Arial, sans-serif;
            }

            .x-big .x-dataview-default-body-el > .x-dataview-item {
                font-size: 14px;
                line-height: 20px;
            }

            .x-dataview-default-body-el > .x-dataview-item.x-odd {
                background-color: #fafafa
            }

            .x-dataview-default-body-el > .x-dataview-item.x-hovered {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-dataview-default-body-el > .x-dataview-item.x-pressed {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-keyboard-mode .x-dataview-default-body-el > .x-dataview-item.x-focused:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-dataview-default-body-el.x-show-selection > .x-dataview-item.x-selected {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-dataitem-default {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
                font: 400 13px/16px Roboto, Arial, sans-serif;
            }

            .x-big .x-dataitem-default {
                font-size: 14px;
                line-height: 20px;
            }

            .x-dataitem-default.x-odd {
                background-color: #fafafa
            }

            .x-dataitem-default.x-hovered {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-show-selection > .x-dataitem-default.x-selected {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-dataitem-default.x-pressed {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
            }

            .x-keyboard-mode .x-dataitem-default.x-focused:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-itemheader {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #f5f5f5;
                font: 600 13px/16px Roboto, Arial, sans-serif;
            }

            .x-big .x-itemheader {
                font-size: 14px;
                line-height: 20px
            }

            .x-keyboard-mode .x-itemheader.x-focused:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-itemheader-body-el {
                padding: 12px
            }

            .x-big .x-itemheader-body-el {
                padding: 14px 12px
            }

            .x-itemheader-tool-dock {
                padding: 0 12px
            }

            .x-big .x-itemheader-tool-dock {
                padding: 0 12px
            }

            .x-itemheader-tool-dock > .x-body-el {
                padding: 12px 0
            }

            .x-big .x-itemheader-tool-dock > .x-body-el {
                padding: 14px 0
            }

            .x-listitem {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #fff;
                border: 0 solid rgba(0, 0, 0, 0.12);
                border: 0 solid var(--divider-color);
                margin-bottom: 0;
                font: 400 13px/16px Roboto, Arial, sans-serif
            }

            .x-listitem + .x-scrolldock-end {
                margin-top: 0
            }

            .x-listitem:first-child {
                border-top-color: #fff
            }

            .x-listitem.x-odd {
                background-color: #fafafa
            }

            .x-listitem.x-hovered {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-show-selection > .x-listitem.x-selected {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-listitem.x-pressed {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-big .x-listitem {
                font-size: 14px;
                line-height: 20px
            }

            .x-keyboard-mode .x-listitem.x-focused:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
                margin: 0
            }

            .x-listitem-inner-el {
                padding: 12px
            }

            .x-big .x-listitem-inner-el {
                padding: 14px 12px
            }

            .x-listitem-tool-dock {
                padding: 0 12px
            }

            .x-big .x-listitem-tool-dock {
                padding: 0 12px
            }

            .x-listitem-tool-dock > .x-inner-el {
                padding: 12px 0
            }

            .x-big .x-listitem-tool-dock > .x-inner-el {
                padding: 14px 0
            }

            .x-indexbar .x-body-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                justify-content: space-between;
                border-radius: 32px;
                background-color: transparent
            }

            .x-indexbar .x-body-el.x-pressed {
                background-color: transparent
            }

            .x-big .x-indexbar .x-body-el {
                font-size: 12px
            }

            .x-indexbar .x-body-el.x-pressed {
                opacity: 1
            }

            .x-indexbar .x-body-el.x-vertical {
                width: 32px;
                padding: 5px 0;
            }

            .x-big .x-indexbar .x-body-el.x-vertical {
                padding: 7px 0;
            }

            .x-indexbar .x-body-el .x-indexbar-item {
                font-weight: 400;
                font-size: 12px, 12px;
                font-family: Roboto, Arial, sans-serif
            }

            .x-indexbar .x-body-el.x-horizontal {
                width: 100%;
                padding: 0 5px;
            }

            .x-big .x-indexbar .x-body-el.x-horizontal {
                width: 100%;
                padding: 0 7px;
            }

            .x-list.x-indexed-vertical.x-indexed-no-autohide.x-indexed .x-itemheader-body-el > :last-child,.x-list.x-indexed-vertical.x-indexed-no-autohide.x-indexed .x-listitem-inner-el > :last-child,.x-list.x-indexed-vertical.x-indexed-no-autohide.x-indexed .x-listswiperitem-body-el {
                margin-right: 32px
            }

            .x-list.x-indexed-vertical.x-indexed-no-autohide.x-indexed .x-listitem-tool-dock > .x-listitem-inner-el > :last-child {
                margin-right: 0
            }

            .x-list.x-indexed-vertical.x-indexed-no-autohide.x-indexed .x-listitem-tool-dock > :last-child {
                margin-right: 32px
            }

            .x-edge .x-indexbar .x-indexbar-indicator {
                background-color: #005596
            }

            .x-indexbar .x-indexbar-indicator {
                width: 64px;
                height: 64px;
                color: #fff;
                color: var(--reverse-color);
                font-size: 14px;
                line-height: 25px;
                font-weight: 400;
                background-color: #005596;
                background-color: var(--base-color);
                border-radius: 100%
            }

            .x-big .x-indexbar .x-indexbar-indicator {
                width: 92px;
                height: 92px;
                font-size: 16px;
                line-height: 32px;
            }

            .x-edge .x-indexbar .x-indexbar-indicator::before {
                background-color: #005596
            }

            .x-indexbar .x-indexbar-indicator::before {
                content: "";
                width: 25px;
                height: 25px;
                transform: rotate(45deg);
                top: 19.5px;
                position: absolute;
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-indexbar.x-horizontal > .x-indexbar-indicator::before {
                bottom: -7px
            }

            .x-indexbar.x-vertical > .x-indexbar-indicator::before {
                right: -7px
            }

            .x-listswiper-shadow {
                box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5)
            }

            .x-listswiperstepper {
                font: 600 13px/16px Roboto, Arial, sans-serif;
                background-color: #f5f5f5;
                color: #c2c2c2
            }

            .x-big .x-listswiperstepper {
                font-size: 14px;
                line-height: 20px
            }

            .x-listswiperstepper-icon-wrap-el .x-icon-el {
                color: inherit;
                height: 16px;
                width: 16px
            }

            .x-listswiperstepper-icon-wrap-el .x-icon-el:before {
                font-size: 16px
            }

            .x-big .x-listswiperstepper-icon-wrap-el .x-icon-el:before {
                font-size: 20px
            }

            .x-big .x-listswiperstepper-icon-wrap-el .x-icon-el {
                height: 20px;
                width: 20px
            }

            .x-listswiperstepper.x-side-left .x-listswiperstepper-icon-wrap-el {
                margin-right: 5px
            }

            .x-big .x-listswiperstepper.x-side-left .x-listswiperstepper-icon-wrap-el {
                margin-right: 8px
            }

            .x-listswiperstepper.x-side-right .x-listswiperstepper-icon-wrap-el {
                margin-left: 5px
            }

            .x-big .x-listswiperstepper.x-side-right .x-listswiperstepper-icon-wrap-el {
                margin-left: 8px
            }

            .x-listswiperstepper.x-undo {
                color: #fff;
                background-color: #c62828;
                background-color: var(--alert-color);
            }

            .x-listswiperstepper.x-undo .x-listswiperstepper-icon-wrap-el .x-icon-el {
                color: inherit
            }

            .x-listswiperstepper.x-active {
                color: #fff;
                background-color: #003863
            }

            .x-listswiperstepper.x-active .x-listswiperstepper-icon-wrap-el .x-icon-el {
                color: inherit
            }

            .x-listswiperstepper-body-el {
                padding: 12px
            }

            .x-big .x-listswiperstepper-body-el {
                padding: 14px 12px
            }

            .x-button-listswiperstepper-trigger {
                color: #fff;
                font-weight: inherit;
                font-size: inherit;
                font-family: inherit
            }

            .x-button-listswiperstepper-trigger .x-inner-el {
                border-width: 0;
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-listswiperstepper-trigger.x-has-text .x-inner-el {
                padding: 12px
            }

            .x-big .x-button-listswiperstepper-trigger.x-has-text .x-inner-el {
                padding: 14px 12px
            }

            .x-button-listswiperstepper-trigger .x-icon-el {
                color: #fff;
                width: 16px;
                height: 16px
            }

            .x-big .x-button-listswiperstepper-trigger .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-button-listswiperstepper-trigger .x-icon-el:before {
                font-size: 16px
            }

            .x-button-listswiperstepper-trigger.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 5px
            }

            .x-big .x-button-listswiperstepper-trigger.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 8px
            }

            .x-button-listswiperstepper-trigger.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 5px
            }

            .x-big .x-button-listswiperstepper-trigger.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 8px
            }

            .x-button-listswiperstepper-trigger .x-arrow-el {
                color: #fff
            }

            .x-button-listswiperstepper-trigger.x-hovered .x-inner-el {
                border-color: transparent;
                background-color: transparent;
                background-image: none
            }

            .x-button-listswiperstepper-trigger.x-pressing,.x-button-listswiperstepper-trigger.x-pressed {
                color: #fff
            }

            .x-button-listswiperstepper-trigger.x-pressing .x-inner-el,.x-button-listswiperstepper-trigger.x-pressed .x-inner-el {
                border-color: rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 0.2);
                background-image: none
            }

            .x-button-listswiperstepper-trigger.x-pressing .x-icon-el,.x-button-listswiperstepper-trigger.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-listswiperstepper-trigger.x-pressing .x-arrow-el,.x-button-listswiperstepper-trigger.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-listswiperstepper-action.x-active {
                background-color: #64b5f6;
                background-color: var(--base-highlight-color);
            }

            .x-listswiperstepper-confirm.x-active {
                background-color: #628939
            }

            .x-listswiperstepper-decline.x-active {
                background-color: #972424
            }

            .x-tooltip {
                background-color: #eef7fe;
                border-radius: 3px
            }

            .x-tooltip > .x-anchor-el .x-pointer-el {
                fill: #f5f5f5;
                fill: var(--background-color);
                stroke: #c3c3c3;
                stroke: var(--faded-color);
            }

            .x-tooltip-body-el {
                padding: 8px;
                background-color: #f5f5f5;
                background-color: var(--background-color);
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-big .x-tooltip-body-el {
                padding: 8px
            }

            .x-tooltip-boxscroller {
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tooltip-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-tooltip-outer-border-l {
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-b {
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-bl {
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-radius: 0 0 0 3px
            }

            .x-tooltip-outer-border-r {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-rl {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-rb {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-radius: 0 0 3px
            }

            .x-tooltip-outer-border-rbl {
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-radius: 0 0 3px 3px
            }

            .x-tooltip-outer-border-t {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-tl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-radius: 3px 0 0
            }

            .x-tooltip-outer-border-tb {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
            }

            .x-tooltip-outer-border-tbl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-radius: 3px 0 0 3px
            }

            .x-tooltip-outer-border-tr {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-radius: 0 3px 0 0
            }

            .x-tooltip-outer-border-trl {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-left-color: #c3c3c3 !important;
                border-left-color: var(--faded-color) !important;
                border-radius: 3px 3px 0 0
            }

            .x-tooltip-outer-border-trb {
                border-top-color: #c3c3c3 !important;
                border-top-color: var(--faded-color) !important;
                border-right-color: #c3c3c3 !important;
                border-right-color: var(--faded-color) !important;
                border-bottom-color: #c3c3c3 !important;
                border-bottom-color: var(--faded-color) !important;
                border-radius: 0 3px 3px 0
            }

            .x-tooltip-outer-border-trbl {
                border-color: #c3c3c3 !important;
                border-color: var(--faded-color) !important;
                border-radius: 3px
            }

            .x-tooltipheader {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                background-image: none;
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tooltipheader.x-horizontal {
                min-height: 0
            }

            .x-big .x-tooltipheader.x-horizontal {
                min-height: 0
            }

            .x-tooltipheader.x-vertical {
                min-width: 0
            }

            .x-big .x-tooltipheader.x-vertical {
                min-width: 0
            }

            .x-tooltipheader > .x-body-el {
                padding: 8px 8px 0 8px
            }

            .x-big .x-tooltipheader > .x-body-el {
                padding: 8px 8px 0 8px
            }

            .x-tooltipheader.x-docked-right {
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tooltipheader.x-docked-right > .x-body-el {
                padding: 8px 8px 8px 0
            }

            .x-big .x-tooltipheader.x-docked-right > .x-body-el {
                padding: 8px 8px 8px 0
            }

            .x-tooltipheader.x-docked-left {
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tooltipheader.x-docked-left > .x-body-el {
                padding: 8px 0 8px 8px
            }

            .x-big .x-tooltipheader.x-docked-left > .x-body-el {
                padding: 8px 0 8px 8px
            }

            .x-tooltipheader.x-docked-bottom {
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tooltiptitle {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-weight: 600;
                padding: 0
            }

            .x-big .x-tooltiptitle {
                padding: 0;
            }

            .x-tooltiptitle .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-tooltiptitle.x-rotate-90 {
                padding: 0
            }

            .x-big .x-tooltiptitle.x-rotate-90 {
                padding: 0
            }

            .x-tooltiptitle.x-rotate-270 {
                padding: 0
            }

            .x-big .x-tooltiptitle.x-rotate-270 {
                padding: 0
            }

            .x-tooltiptool .x-icon-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-keyboard-mode .x-tooltiptool.x-focused {
                outline-color: #005596;
                outline-color: var(--base-color);
            }

            .x-listpaging {
                padding: 13px 0;
            }

            .x-big .x-listpaging {
                padding: 13px 0
            }

            .x-listpaging.x-disabled .x-message {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-listpaging .x-message {
                color: #00e;
                text-align: center;
                font-size: 14px
            }

            .x-big .x-listpaging .x-message {
                font-size: 14px
            }

            .x-listpaging .x-loading-spinner {
                font-size: 180%;
                margin: 0 auto
            }

            .x-big .x-listpaging .x-loading-spinner {
                font-size: 180%
            }

            .x-pullrefreshbar {
                min-height: 64px;
                background-color: #f5f5f5;
            }

            .x-big .x-pullrefreshbar {
                min-height: 64px
            }

            .x-pullrefreshbar.x-pullrefresh-overlay {
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
            }

            .x-pullrefreshbar .x-pullrefreshbar-loading-wrap {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%
            }

            .x-pullrefreshbar .x-pullrefreshbar-loading-wrap .x-pullrefresh-loading {
                font-size: 150%
            }

            .x-big .x-pullrefreshbar .x-pullrefreshbar-loading-wrap {
                font-size: 150%;
            }

            .x-big .x-pullrefreshbar .x-pullrefreshbar-loading-wrap .x-pullrefresh-loading {
                font-size: 150%
            }

            .x-pullrefreshbar .x-pullrefreshbar-info-wrap {
                margin: 0 0 0 26px
            }

            .x-big .x-pullrefreshbar .x-pullrefreshbar-info-wrap {
                margin: 0 0 0 26px
            }

            .x-pullrefreshbar .x-pullrefreshbar-arrow {
                color: #005596;
                color: var(--base-color);
                font-size: 250%;
                font-family: 'Material Icons';
                line-height: 1;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                transition: all 0.5s
            }

            .x-pullrefreshbar .x-pullrefreshbar-arrow:before {
                content: 'get_app';
                font-feature-settings: 'liga';
                display: inline-block;
                -webkit-transform: rotate(180deg);
                -webkit-transform-origin: 50% 50%;
                transform: rotate(180deg);
                transform-origin: 50% 50%
            }

            .x-big .x-pullrefreshbar .x-pullrefreshbar-arrow {
                font-size: 250%
            }

            .x-pullrefreshbar.x-pullrefresh-pulling .x-pullrefreshbar-arrow {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            .x-pullrefreshspinner {
                min-height: 64px
            }

            .x-big .x-pullrefreshspinner {
                min-height: 64px
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-main {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-radius: 50%
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-arrow-main {
                border-color: #005596 #005596 transparent;
                border-color: var(--base-color) var(--base-color) transparent;
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-arrow-main:before {
                border-color: #005596 transparent transparent transparent;
                border-color: var(--base-color) transparent transparent transparent;
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left .x-pullrefreshspinner-half-circle,.x-pullrefreshspinner .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right .x-pullrefreshspinner-half-circle {
                border-top-color: #005596;
                border-top-color: var(--base-color);
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-left .x-pullrefreshspinner-half-circle {
                border-left-color: #005596;
                border-left-color: var(--base-color);
            }

            .x-pullrefreshspinner .x-pullrefreshspinner-spinner-main .x-pullrefreshspinner-spinner-right .x-pullrefreshspinner-half-circle {
                border-right-color: #005596;
                border-right-color: var(--base-color);
            }

            .x-checkboxfield .x-icon-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                width: 18px;
                height: 18px
            }

            .x-big .x-checkboxfield .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-checkboxfield .x-icon-el:before {
                content: 'check_box_outline_blank';
                font-size: 18px
            }

            .x-big .x-checkboxfield .x-icon-el:before {
                font-size: 20px
            }

            .x-checkboxfield.x-checked .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-checkboxfield.x-checked .x-icon-el:before {
                content: 'check_box'
            }

            .x-keyboard-mode .x-checkboxfield.x-focused .x-icon-el {
                color: #266fa6
            }

            .x-checkboxfield.x-disabled .x-icon-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-checkboxfield .x-box-label-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                padding: 7px 0 7px 5px;
                font: 400 12px/16px Roboto, Arial, sans-serif
            }

            .x-big .x-checkboxfield .x-box-label-el {
                font-size: 12px;
                line-height: 16px;
                padding: 12px 0 12px 8px
            }

            .x-checkboxfield.x-box-label-align-before .x-box-label-el {
                padding: 7px 5px 7px 0
            }

            .x-big .x-checkboxfield.x-box-label-align-before .x-box-label-el {
                padding: 12px 8px 12px 0
            }

            .x-picker .x-dataview {
                background: transparent
            }

            .x-picker-body-el {
                background-color: rgba(0, 0, 0, 0.03);
                background-color: var(--overlay-color);
                overflow: hidden
            }

            .x-picker-mask {
                z-index: 0
            }

            .x-picker-bar {
                height: 40px;
            }

            .x-big .x-picker-bar {
                height: 50px
            }

            .x-use-titles .x-picker-bar {
                margin: 55px 0 0 0
            }

            .x-picker-slot-title {
                height: 55px;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: rgba(0, 0, 0, 0.12);
                border-bottom-color: var(--divider-color);
                padding: 3px 13px;
                font: 400 16px/32px Roboto, Arial, sans-serif
            }

            .x-big .x-picker-slot-title {
                font: 400 20px/44px Roboto, Arial, sans-serif
            }

            .x-picker-slot-title > div {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-picker-slot .x-dataview-item {
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 40px;
                line-height: 40px;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-size: 12px;
                line-height: 32px;
            }

            .x-big .x-picker-slot .x-dataview-item {
                font-size: 14px;
                line-height: 25px;
            }

            .x-picker-slot .x-dataview-item.x-selected {
                color: #ff9800;
                color: var(--accent-color);
                font-size: 20px;
                font-weight: 600
            }

            .x-big .x-picker-slot .x-dataview-item {
                height: 50px;
                line-height: 50px
            }

            .x-big .x-picker-slot .x-dataview-item.x-selected {
                font-size: 20px
            }

            .x-selectfield-overlay .x-list-item-label {
                height: 34px
            }

            .x-selectfield-overlay .x-listitem.x-selected .x-list-label {
                margin-right: 34px
            }

            .x-selectfield-overlay .x-listitem.x-selected .x-list-label:after {
                content: 'check';
                font-feature-settings: 'liga';
                font-family: 'Material Icons';
                line-height: 1
            }

            .x-selectfield-overlay .x-listitem.x-selected .x-list-label:after {
                color: #005596;
                color: var(--base-color);
                position: absolute;
                right: 8px
            }

            .x-datetrigger .x-icon-el:before {
                content: 'date_range';
            }

            .x-listitem-yearpicker {
                font-size: 18px
            }

            .x-listitem-yearpicker.x-hovered {
                background-color: transparent
            }

            .x-show-selection > .x-listitem-yearpicker.x-selected {
                background-color: transparent;
                color: #005596;
                color: var(--base-color);
            }

            .x-listitem-yearpicker.x-selected {
                font-size: 26px
            }

            .x-datepanel-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-datetitle {
                font-size: 28px;
                line-height: 32px;
            }

            .x-datetitle.x-vertical .x-text-el {
                width: 32px
            }

            .x-datepanel .x-navigation-tools {
                top: 15px;
                right: calc(35px - 1em);
                left: calc(35px - 1em)
            }

            .x-datepanel .x-split {
                padding: 12px 8px
            }

            .x-datepanel .x-year-el {
                font-weight: 500;
                font-size: 16px;
                line-height: 16px;
            }

            .x-big .x-datepanel .x-year-el {
                font-size: 16px
            }

            .x-datepanel .x-year-el.x-inactive {
                opacity: 0.6;
                font-size: 14px;
                transition: font-size 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.35s cubic-bezier(0.4,0,0.2,1)
            }

            .x-datepanel .x-text-el.x-inactive {
                opacity: 0.6;
                transition: font-size 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.35s cubic-bezier(0.4,0,0.2,1)
            }

            .x-datepanel .x-dateview table {
                margin: 15px
            }

            .x-datepanel .x-dateview caption {
                padding: 0 0 10px 0;
                color: #3e3e3e;
                text-align: center;
                font-weight: 600;
                font-size: 14px;
            }

            .x-datepanel .x-dateview .x-cell {
                padding: 4px
            }

            .x-big .x-datepanel .x-dateview .x-cell {
                padding: cell-spacing-big
            }

            .x-datepanel .x-dateview .x-cell .x-inner {
                width: 40px;
                height: 40px;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%;
                border-radius: 100%;
            }

            .x-datepanel .x-dateview thead .x-cell {
                background-color: transparent
            }

            .x-datepanel .x-dateview thead .x-cell .x-inner {
                height: 40px;
                color: #9e9e9e;
                font-weight: 500;
            }

            .x-datepanel .x-dateview tbody .x-cell.x-outside .x-inner {
                color: #d0d0d0;
            }

            .x-datepanel .x-dateview tbody .x-cell.x-today .x-inner {
                color: #005596;
                color: var(--base-color);
                font-weight: 700
            }

            .x-datepanel .x-dateview tbody .x-cell.x-special .x-inner {
                color: #bbdefb;
                color: var(--base-light-color);
            }

            .x-datepanel .x-dateview tbody .x-cell.x-disabled .x-inner {
                background-color: #aaa;
            }

            .x-datepanel .x-dateview tbody .x-cell.x-selected .x-inner {
                color: #fff;
                background-color: #005596;
                background-color: var(--base-color);
                font-weight: normal
            }

            .x-datepanel .x-dateview tbody .x-cell:not(.x-hide-focus):focus .x-inner:after {
                content: '';
                position: absolute;
                top: 5px;
                right: 5px;
                bottom: 5px;
                left: 5px;
                pointer-events: none;
                border: 1px solid #000;
                border-radius: 100%
            }

            .x-big .x-datepanel .x-dateview tbody .x-cell:not(.x-hide-focus):focus .x-inner:after {
                content: '';
                position: absolute;
                top: 1px;
                right: 1px;
                bottom: 1px;
                left: 1px;
                pointer-events: none;
                border: 1px solid #000;
            }

            .x-datepanel .x-dateview tbody .x-cell.x-selected:not(.x-hide-focus):focus .x-inner:after {
                content: '';
                position: absolute;
                top: 5px;
                right: 5px;
                bottom: 5px;
                left: 5px;
                pointer-events: none;
                border: 1px solid #fff;
                border-radius: 100%
            }

            .x-big .x-datepanel .x-dateview tbody .x-cell.x-selected:not(.x-hide-focus):focus .x-inner:after {
                content: '';
                position: absolute;
                top: 1px;
                right: 1px;
                bottom: 1px;
                left: 1px;
                pointer-events: none;
                border: 1px solid #fff;
            }

            .x-displayfield .x-body-el {
                border-color: transparent;
            }

            .x-displayfield .x-input-el {
                font: 400 13px/16px Roboto, Arial, sans-serif;
                padding: 4px 0;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-big .x-displayfield .x-input-el {
                padding: 8px 0;
                font-size: 16px;
                line-height: 20px
            }

            .x-revealtrigger .x-icon-el:before {
                content: 'visibility';
            }

            .x-radiofield .x-icon-el:before {
                content: 'radio_button_unchecked';
                font-size: 16px;
                display: inline-block;
                -webkit-transform: rotate(16pxdeg);
                -webkit-transform-origin: 50% 50%;
                transform: rotate(16pxdeg);
                transform-origin: 50% 50%
            }

            .x-big .x-radiofield .x-icon-el:before {
                font-size: 18px
            }

            .x-radiofield.x-checked .x-icon-el:before {
                content: 'radio_button_checked';
                display: inline-block;
                -webkit-transform: rotate(16pxdeg);
                -webkit-transform-origin: 50% 50%;
                transform: rotate(16pxdeg);
                transform-origin: 50% 50%
            }

            .x-radiofield .x-box-label-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
            }

            .x-searchtrigger .x-icon-el:before {
                content: 'search';
            }

            .x-thumb {
                height: 18px;
                width: 18px;
                background-color: #005596;
                background-color: var(--base-color);
                border-radius: 9px;
                margin-top: -9px;
            }

            .x-big .x-thumb {
                height: 28px;
                width: 28px;
                margin-top: -14px;
                -webkit-border-radius: 14px;
                -moz-border-radius: 14px;
                -ms-border-radius: 14px;
                -o-border-radius: 14px;
                border-radius: 14px
            }

            .x-thumb.x-disabled {
                background-color: #c3c3c3;
                background-color: var(--faded-color);
            }

            .x-thumb-sizer {
                height: 18px
            }

            .x-big .x-thumb-sizer {
                height: 28px
            }

            .x-thumb-toggle-on {
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-big .x-thumb-toggle-on {
                margin-top: -14px
            }

            .x-thumb-toggle-off {
                background-color: #c3c3c3;
                background-color: var(--faded-color);
            }

            .x-big .x-thumb-toggle-off {
                margin-top: -14px
            }

            .x-slider .x-track-el {
                height: 2px;
                background-color: rgba(0, 0, 0, 0.12);
                background-color: var(--divider-color);
            }

            .x-big .x-slider .x-track-el {
                height: 2px;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                -ms-border-radius: 1px;
                -o-border-radius: 1px;
                border-radius: 1px
            }

            .x-slider .x-fill-el {
                height: 2px;
                background-color: #64b5f6;
                background-color: var(--base-highlight-color);
            }

            .x-big .x-slider .x-fill-el {
                height: 2px;
                border-radius: 1px
            }

            .x-slider.x-disabled .x-fill-el {
                background-color: transparent;
            }

            .x-sliderfield .x-body-wrap-el {
                width: 100px
            }

            .x-big .x-sliderfield .x-body-wrap-el {
                width: 150px
            }

            .x-sliderfield .x-box-el {
                padding: 5px 0 4px
            }

            .x-big .x-sliderfield .x-box-el {
                padding: 2px 0
            }

            .x-sliderfield .x-box-label-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                padding: 7px 0 7px 6px;
                font: 400 12px/16px Roboto, Arial, sans-serif
            }

            .x-big .x-sliderfield .x-box-label-el {
                font-size: 12px;
                line-height: 16px;
                padding: 12px 0 12px 8px
            }

            .x-sliderfield.x-box-label-align-before .x-box-label-el {
                padding: 7px 6px 7px 0
            }

            .x-big .x-sliderfield.x-box-label-align-before .x-box-label-el {
                padding: 12px 8px 12px 0
            }

            .x-spindowntrigger .x-icon-el {
                width: 12px;
                height: 12px
            }

            .x-spindowntrigger .x-icon-el:before {
                content: 'arrow_drop_down';
                font-size: 20px
            }

            .x-big .x-spindowntrigger .x-icon-el:before {
                content: 'remove'
            }

            .x-spinuptrigger .x-icon-el {
                width: 12px;
                height: 12px
            }

            .x-spinuptrigger .x-icon-el:before {
                content: 'arrow_drop_up';
                font-size: 20px
            }

            .x-big .x-spinuptrigger .x-icon-el:before {
                content: 'add'
            }

            .x-toggleslider .x-track-el {
                height: 16px;
                border-radius: 8px
            }

            .x-big .x-toggleslider .x-track-el {
                height: 16px;
            }

            .x-toggleslider .x-fill-el {
                height: 16px;
                border-radius: 8px
            }

            .x-big .x-toggleslider .x-fill-el {
                height: 16px;
            }

            .x-toggleslider {
                width: 32px
            }

            .x-big .x-toggleslider {
                width: 45px
            }

            .x-toggleslider .x-track-el,.x-toggleslider .x-fill-el {
                border-radius: 8px
            }

            .x-big .x-toggleslider .x-track-el,.x-big .x-toggleslider .x-fill-el {
                border-radius: 8px
            }

            .x-toggleslider .x-fill-el {
                width: 100%
            }

            .x-togglefield .x-body-wrap-el {
                width: auto
            }

            .x-big .x-togglefield .x-body-wrap-el {
                width: auto
            }

            .x-togglefield .x-box-el {
                padding: 5px 0 4px
            }

            .x-big .x-togglefield .x-box-el {
                padding: 2px 0
            }

            .x-trigger.x-filetrigger {
                width: auto
            }

            .x-form-fieldset {
                margin: 0
            }

            .x-form-fieldset .x-form-fieldset-body-el {
                border-style: none;
                padding: 8px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0
            }

            .x-form-fieldset .x-field {
                background: transparent
            }

            .x-form-fieldset-title {
                font: 400 14px/18px Roboto, Arial, sans-serif;
                margin: 0;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-big .x-form-fieldset-title {
                font: 400 16px/24px Roboto, Arial, sans-serif
            }

            .x-form-fieldset-instructions {
                font-weight: 400;
                font-size: 12px;
                line-height: 32px;
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                text-align: left
            }

            .x-big .x-form-fieldset-instructions {
                font-weight: 400;
                font-size: 12px;
                line-height: 32px;
            }

            .x-field.x-label-align-left:first-child .x-label-el {
                -moz-border-radius-topleft: 0;
                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0
            }

            .x-field.x-label-align-left:last-child .x-label-el {
                -moz-border-radius-bottomleft: 0;
                -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .x-field.x-label-align-right:first-child .x-label-el {
                -moz-border-radius-topright: 0;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0
            }

            .x-field.x-label-align-right:last-child {
                border-bottom: 0
            }

            .x-field.x-label-align-right:last-child .x-label-el {
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .x-field.x-label-align-top:first-child .x-label-el {
                -moz-border-radius-topleft: 0;
                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
                -moz-border-radius-topright: 0;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0
            }

            .x-field.x-label-align-bottom:last-child .x-label-el {
                -moz-border-radius-bottomleft: 0;
                -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .x-formpanel-body-el {
                background-color: #fff;
                background-color: var(--base-foreground-color);
                padding: 8px 16px
            }

            .x-big .x-formpanel-body-el {
                padding: 8px 16px
            }

            .x-gridcell {
                font: 400 13px/16px Roboto, Arial, sans-serif;
            }

            .x-big .x-gridcell {
                font-size: 14px;
                line-height: 20px
            }

            .x-column-lines .x-gridcell {
                border-right: 1px solid rgba(0, 0, 0, 0.12);
                border-right: 1px solid var(--divider-color);
            }

            .x-gridcell.x-hovered {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-gridcell.x-selected {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-gridcell.x-pressed {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-keyboard-mode .x-gridcell.x-focused:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-mark-dirty > * > .x-gridcell.x-dirty:before {
                color: #c62828;
                color: var(--alert-color);
                width: 14px;
                height: 14px;
                content: "\e602";
                font-family: ExtJS;
                font-size: 14px
            }

            .x-big .x-mark-dirty > * > .x-gridcell.x-dirty:before {
                width: 18px;
                height: 18px
            }

            .x-big .x-mark-dirty > * > .x-gridcell.x-dirty:before {
                font-size: 18px
            }

            .x-gridcell-body-el {
                padding: 12px
            }

            .x-big .x-gridcell-body-el {
                padding: 14px 12px
            }

            .x-gridcell-tool-dock {
                padding: 0 12px
            }

            .x-big .x-gridcell-tool-dock {
                padding: 0 12px
            }

            .x-gridcell-tool-dock > .x-body-el {
                padding: 12px 0
            }

            .x-big .x-gridcell-tool-dock > .x-body-el {
                padding: 14px 0
            }

            .x-gridcell-summary {
                font-weight: 600
            }

            .x-gridcell-summary-body-el {
                padding: dynamic(8px 0)
            }

            .x-big .x-gridcell-summary-body-el {
                padding: dynamic(8px 0)
            }

            .x-gridcell-summary-tool-dock {
                padding: 0 dynamic(8px 0)
            }

            .x-big .x-gridcell-summary-tool-dock {
                padding: 0 dynamic(8px 0)
            }

            .x-gridcell-summary-tool-dock > .x-body-el {
                padding: dynamic(8px 0) 0
            }

            .x-big .x-gridcell-summary-tool-dock > .x-body-el {
                padding: dynamic(8px 0) 0
            }

            .x-rowbody .x-content-el {
                padding: 12px
            }

            .x-headercontainer {
                border-width: 0 0 1px;
                border-style: solid;
                border-color: rgba(0, 0, 0, 0.12);
                border-color: var(--divider-color);
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-menuitem .x-body-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-weight: normal;
                font-size: 13px;
                font-family: Roboto, Arial, sans-serif;
                height: 32px;
                cursor: pointer
            }

            .x-big .x-menuitem .x-body-el {
                font-size: 14px;
                height: 48px
            }

            .x-menuitem .x-icon-el {
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menuitem .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-menuitem .x-icon-el:before {
                font-size: 16px
            }

            .x-big .x-menuitem .x-icon-el:before {
                font-size: 20px
            }

            .x-menuitem .x-arrow-el {
                margin: 0 7px;
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menuitem .x-arrow-el {
                width: 20px;
                height: 20px
            }

            .x-menuitem .x-arrow-el:before {
                content: 'chevron_right';
                font-size: 16px
            }

            .x-big .x-menuitem .x-arrow-el:before {
                font-size: 20px
            }

            .x-big .x-menuitem .x-arrow-el {
                margin: 0 10px
            }

            .x-menuitem.x-active .x-body-el {
                background-color: #e1e1e1
            }

            .x-menuitem.x-disabled .x-body-el {
                cursor: default
            }

            .x-menuitem.x-disabled .x-text-el {
                opacity: 0.5
            }

            .x-menuitem.x-disabled .x-icon-el {
                opacity: 0.5
            }

            .x-menuitem.x-disabled .x-arrow-el {
                opacity: 0.5
            }

            .x-keyboard-mode .x-menuitem.x-focused .x-body-el:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-menucheckitem .x-body-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-weight: normal;
                font-size: 13px;
                font-family: Roboto, Arial, sans-serif;
                height: 32px;
                cursor: pointer
            }

            .x-big .x-menucheckitem .x-body-el {
                font-size: 14px;
                height: 48px
            }

            .x-menucheckitem .x-icon-el {
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menucheckitem .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-menucheckitem .x-icon-el:before {
                font-size: 16px
            }

            .x-big .x-menucheckitem .x-icon-el:before {
                font-size: 20px
            }

            .x-menucheckitem .x-arrow-el {
                margin: 0 7px;
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menucheckitem .x-arrow-el {
                width: 20px;
                height: 20px
            }

            .x-menucheckitem .x-arrow-el:before {
                content: 'chevron_right';
                font-size: 16px
            }

            .x-big .x-menucheckitem .x-arrow-el:before {
                font-size: 20px
            }

            .x-big .x-menucheckitem .x-arrow-el {
                margin: 0 10px
            }

            .x-menucheckitem.x-active .x-body-el {
                background-color: #e1e1e1
            }

            .x-menucheckitem.x-disabled .x-body-el {
                cursor: default
            }

            .x-menucheckitem.x-disabled .x-text-el {
                opacity: 0.5
            }

            .x-menucheckitem.x-disabled .x-icon-el {
                opacity: 0.5
            }

            .x-menucheckitem.x-disabled .x-arrow-el {
                opacity: 0.5
            }

            .x-keyboard-mode .x-menucheckitem.x-focused .x-body-el:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-menucheckitem .x-checkbox-icon-el {
                color: grey;
                width: 18px;
                height: 18px
            }

            .x-big .x-menucheckitem .x-checkbox-icon-el {
                width: 20px;
                height: 20px
            }

            .x-menucheckitem .x-checkbox-icon-el:before {
                content: 'check_box_outline_blank';
                font-size: 18px
            }

            .x-big .x-menucheckitem .x-checkbox-icon-el:before {
                font-size: 20px
            }

            .x-menucheckitem.x-checked .x-checkbox-icon-el:before {
                content: 'check_box'
            }

            .x-gridcolumn > .x-header-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                background-color: #f5f5f5;
                background-color: var(--background-color);
                font: 400 13px/16px Roboto, Arial, sans-serif;
                border-width: 0 1px 1px 0;
                border-style: solid;
                border-color: rgba(0, 0, 0, 0.12);
                border-color: var(--divider-color);
            }

            .x-big .x-gridcolumn > .x-header-el {
                font-size: 14px;
                line-height: 20px
            }

            .x-gridcolumn > .x-header-el:hover {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-gridcolumn > .x-header-el .x-trigger-el {
                width: 20px;
                color: grey;
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-width: 0 0 0 1px;
                border-style: solid;
                border-color: rgba(0, 0, 0, 0.12);
                border-color: var(--divider-color);
            }

            .x-gridcolumn > .x-header-el .x-trigger-el:before {
                content: 'arrow_drop_down';
                font-size: 20px
            }

            .x-big .x-gridcolumn > .x-header-el .x-trigger-el:before {
                font-size: 24px
            }

            .x-big .x-gridcolumn > .x-header-el .x-trigger-el {
                width: 24px
            }

            .x-gridcolumn > .x-header-el:after {
                width: 13px;
                background-color: #ffe0b2;
                background-color: var(--accent-light-color);
            }

            .x-gridcolumn.x-sorted > .x-header-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-gridcolumn.x-sorted .x-sort-icon-el {
                margin: 0 0 0 3px;
                height: 13px;
                width: 13px;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-gridcolumn.x-sorted .x-sort-icon-el:before {
                font-size: 18px
            }

            .x-gridcolumn.x-sorted.x-secondary-sort .x-sort-icon-el {
                color: rgba(144, 144, 144, 0.935)
            }

            .x-gridcolumn.x-sorted.x-aux-sort .x-sort-icon-el {
                color: rgba(192, 192, 192, 0.961)
            }

            .x-gridcolumn.x-sorted-asc .x-sort-icon-el:before {
                content: 'arrow_upward'
            }

            .x-gridcolumn.x-sorted-desc .x-sort-icon-el:before {
                content: 'arrow_downward'
            }

            .x-gridcolumn-title-wrap-el {
                padding: 12px
            }

            .x-big .x-gridcolumn-title-wrap-el {
                padding: 14px 12px
            }

            .x-gridcolumn-tool-dock {
                padding: 0 12px
            }

            .x-big .x-gridcolumn-tool-dock {
                padding: 0 12px
            }

            .x-gridcolumn-tool-dock > .x-title-wrap-el {
                padding: 12px 0
            }

            .x-big .x-gridcolumn-tool-dock > .x-title-wrap-el {
                padding: 14px 0
            }

            .x-headermenu-sort-asc:before {
                content: 'arrow_upward'
            }

            .x-headermenu-sort-desc:before {
                content: 'arrow_downward'
            }

            .x-headermenu-columns-icon:before {
                content: 'view_column'
            }

            .x-headermenu-group-by-this:before {
                content: 'format_align_right'
            }

            .x-menuradioitem .x-body-el {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
                font-weight: normal;
                font-size: 13px;
                font-family: Roboto, Arial, sans-serif;
                height: 32px;
                cursor: pointer
            }

            .x-big .x-menuradioitem .x-body-el {
                font-size: 14px;
                height: 48px
            }

            .x-menuradioitem .x-icon-el {
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menuradioitem .x-icon-el {
                width: 20px;
                height: 20px
            }

            .x-menuradioitem .x-icon-el:before {
                font-size: 16px
            }

            .x-big .x-menuradioitem .x-icon-el:before {
                font-size: 20px
            }

            .x-menuradioitem .x-arrow-el {
                margin: 0 7px;
                color: grey;
                width: 16px;
                height: 16px
            }

            .x-big .x-menuradioitem .x-arrow-el {
                width: 20px;
                height: 20px
            }

            .x-menuradioitem .x-arrow-el:before {
                content: 'chevron_right';
                font-size: 16px
            }

            .x-big .x-menuradioitem .x-arrow-el:before {
                font-size: 20px
            }

            .x-big .x-menuradioitem .x-arrow-el {
                margin: 0 10px
            }

            .x-menuradioitem.x-active .x-body-el {
                background-color: #e1e1e1
            }

            .x-menuradioitem.x-disabled .x-body-el {
                cursor: default
            }

            .x-menuradioitem.x-disabled .x-text-el {
                opacity: 0.5
            }

            .x-menuradioitem.x-disabled .x-icon-el {
                opacity: 0.5
            }

            .x-menuradioitem.x-disabled .x-arrow-el {
                opacity: 0.5
            }

            .x-keyboard-mode .x-menuradioitem.x-focused .x-body-el:after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                pointer-events: none;
                border: 1px solid #005596;
                border: 1px solid var(--base-color);
            }

            .x-menuradioitem .x-checkbox-icon-el {
                color: grey;
            }

            .x-menuradioitem .x-checkbox-icon-el:before {
                content: '';
            }

            .x-menuradioitem.x-checked .x-checkbox-icon-el:before {
                content: 'check'
            }

            .x-checkcell-body-el {
                padding: 11px 0
            }

            .x-big .x-checkcell-body-el {
                padding: 14px 0
            }

            .x-checkcell-tool-dock {
                padding: 0
            }

            .x-big .x-checkcell-tool-dock {
                padding: 0
            }

            .x-checkcell-tool-dock > .x-body-el {
                padding: 11px 0
            }

            .x-big .x-checkcell-tool-dock > .x-body-el {
                padding: 14px 0
            }

            .x-checkcell .x-checkbox-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                width: 18px;
                height: 18px
            }

            .x-big .x-checkcell .x-checkbox-el {
                width: 20px;
                height: 20px
            }

            .x-checkcell .x-checkbox-el:before {
                content: 'check_box_outline_blank';
                font-size: 18px
            }

            .x-big .x-checkcell .x-checkbox-el:before {
                font-size: 20px
            }

            .x-checkcell.x-checked .x-checkbox-el,.x-selected > * .x-checkcell.x-selection-cell .x-checkbox-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-checkcell.x-checked .x-checkbox-el:before,.x-selected > * .x-checkcell.x-selection-cell .x-checkbox-el:before {
                content: 'check_box'
            }

            .x-checkcell.x-disabled .x-checkbox-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-checkcell .x-checkbox-el:focus {
                color: #266fa6
            }

            .x-checkcolumn .x-checkbox-el {
                color: rgba(0, 0, 0, 0.54);
                color: var(--highlight-color);
                width: 18px;
                height: 18px
            }

            .x-big .x-checkcolumn .x-checkbox-el {
                width: 20px;
                height: 20px
            }

            .x-checkcolumn .x-checkbox-el:before {
                content: 'check_box_outline_blank';
                font-size: 18px
            }

            .x-big .x-checkcolumn .x-checkbox-el:before {
                font-size: 20px
            }

            .x-checkcolumn.x-checked .x-checkbox-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-checkcolumn.x-checked .x-checkbox-el:before {
                content: 'check_box'
            }

            .x-checkcolumn.x-disabled .x-checkbox-el {
                color: rgba(0, 0, 0, 0.38);
                color: var(--disabled-color);
            }

            .x-checkcolumn .x-checkbox-el:focus {
                color: #266fa6
            }

            .x-checkcolumn.x-checkbox-align-top .x-title-el {
                margin-top: 2px
            }

            .x-big .x-checkcolumn.x-checkbox-align-top .x-title-el {
                margin-top: 3px
            }

            .x-checkcolumn.x-checkbox-align-right .x-title-el {
                margin-right: 4px
            }

            .x-big .x-checkcolumn.x-checkbox-align-right .x-title-el {
                margin-right: 6px
            }

            .x-checkcolumn.x-checkbox-align-bottom .x-title-el {
                margin-bottom: 2px
            }

            .x-big .x-checkcolumn.x-checkbox-align-bottom .x-title-el {
                margin-bottom: 3px
            }

            .x-checkcolumn.x-checkbox-align-left .x-title-el {
                margin-left: 4px
            }

            .x-big .x-checkcolumn.x-checkbox-align-left .x-title-el {
                margin-left: 6px
            }

            .x-menu {
                border-radius: 2px
            }

            .x-menu .x-big {
                border-radius: 2px
            }

            .x-menu > .x-anchor-el .x-pointer-el {
                stroke: #e1e1e1
            }

            .x-menu-body-el {
                padding: 8px 0;
                border-color: #e1e1e1;
            }

            .x-big .x-menu-body-el {
                padding: 16px 0
            }

            .x-menu-boxscroller {
                border-color: #e1e1e1
            }

            .x-menu-boxscroller > .x-boxscroller-body > .x-body-el {
                border: 0
            }

            .x-menu-outer-border-l {
                border-left-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-b {
                border-bottom-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-bl {
                border-bottom-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
                border-radius: 0 0 0 2px
            }

            .x-big .x-menu-outer-border-bl {
                border-radius: 0 0 0 2px
            }

            .x-menu-outer-border-r {
                border-right-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-rl {
                border-right-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-rb {
                border-right-color: #e1e1e1 !important;
                border-bottom-color: #e1e1e1 !important;
                border-radius: 0 0 2px
            }

            .x-big .x-menu-outer-border-rb {
                border-radius: 0 0 2px
            }

            .x-menu-outer-border-rbl {
                border-right-color: #e1e1e1 !important;
                border-bottom-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
                border-radius: 0 0 2px 2px
            }

            .x-big .x-menu-outer-border-rbl {
                border-radius: 0 0 2px 2px
            }

            .x-menu-outer-border-t {
                border-top-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-tl {
                border-top-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
                border-radius: 2px 0 0
            }

            .x-big .x-menu-outer-border-tl {
                border-radius: 2px 0 0
            }

            .x-menu-outer-border-tb {
                border-top-color: #e1e1e1 !important;
                border-bottom-color: #e1e1e1 !important;
            }

            .x-menu-outer-border-tbl {
                border-top-color: #e1e1e1 !important;
                border-bottom-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
                border-radius: 2px 0 0 2px
            }

            .x-big .x-menu-outer-border-tbl {
                border-radius: 2px 0 0 2px
            }

            .x-menu-outer-border-tr {
                border-top-color: #e1e1e1 !important;
                border-right-color: #e1e1e1 !important;
                border-radius: 0 2px 0 0
            }

            .x-big .x-menu-outer-border-tr {
                border-radius: 0 2px 0 0
            }

            .x-menu-outer-border-trl {
                border-top-color: #e1e1e1 !important;
                border-right-color: #e1e1e1 !important;
                border-left-color: #e1e1e1 !important;
                border-radius: 2px 2px 0 0
            }

            .x-big .x-menu-outer-border-trl {
                border-radius: 2px 2px 0 0
            }

            .x-menu-outer-border-trb {
                border-top-color: #e1e1e1 !important;
                border-right-color: #e1e1e1 !important;
                border-bottom-color: #e1e1e1 !important;
                border-radius: 0 2px 2px 0
            }

            .x-big .x-menu-outer-border-trb {
                border-radius: 0 2px 2px 0
            }

            .x-menu-outer-border-trbl {
                border-color: #e1e1e1 !important;
                border-radius: 2px
            }

            .x-big .x-menu-outer-border-trbl {
                border-radius: 2px 2px
            }

            .x-menuheader {
                border-color: #e1e1e1;
            }

            .x-menuheader.x-docked-right {
                border-color: #e1e1e1
            }

            .x-menuheader.x-docked-left {
                border-color: #e1e1e1
            }

            .x-menuheader.x-docked-bottom {
                border-color: #e1e1e1
            }

            .x-menu-body-el > .x-menuitem .x-icon-wrap-el {
                width: 48px
            }

            .x-big .x-menu-body-el > .x-menuitem .x-icon-wrap-el {
                width: 64px
            }

            .x-menu-body-el > .x-non-menuitem {
                margin: 2px 16px
            }

            .x-big .x-menu-body-el > .x-non-menuitem {
                margin: 3px 16px
            }

            .x-menu-body-el > .x-non-menuitem.x-indented {
                margin-left: 48px
            }

            .x-big .x-menu-body-el > .x-non-menuitem.x-indented {
                margin-left: 64px
            }

            .x-menu-body-el.x-has-separator:before {
                border-width: 0 0 0 1px;
                border-style: solid;
                border-color: #e1e1e1;
                width: 1px;
                margin-left: 48px
            }

            .x-big .x-menu-body-el.x-has-separator:before {
                margin-left: 64px
            }

            .x-menu-body-el.x-has-separator > .x-non-menuitem.x-indented {
                margin-left: 64px
            }

            .x-big .x-menu-body-el.x-has-separator > .x-non-menuitem.x-indented {
                margin-left: 80px
            }

            .x-menu-body-el .x-menuitem:not(.x-indented):not(.x-has-left-icon) .x-text-el,.x-menu-body-el.x-has-separator > .x-menuitem .x-text-el {
                margin-left: 16px
            }

            .x-big .x-menu-body-el .x-menuitem:not(.x-indented):not(.x-has-left-icon) .x-text-el,.x-big .x-menu-body-el.x-has-separator > .x-menuitem .x-text-el {
                margin-left: 16px
            }

            .x-menu-body-el .x-menuitem:not(.x-has-right-icon):not(.x-has-arrow) .x-text-el {
                margin-right: 16px
            }

            .x-big .x-menu-body-el .x-menuitem:not(.x-has-right-icon):not(.x-has-arrow) .x-text-el {
                margin-right: 16px
            }

            .x-menu-body-el > .x-field {
                padding-bottom: 0
            }

            .x-big .x-menu-body-el > .x-field {
                padding-bottom: 0
            }

            .x-grid .x-resize-marker-el {
                background-color: rgba(0, 0, 0, 0.12);
                background-color: var(--divider-color);
                width: 1px;
                z-index: 1
            }

            .x-expandercell-body-el {
                padding: 0
            }

            .x-big .x-expandercell-body-el {
                padding: 0
            }

            .x-expandercell-tool-dock {
                padding: 0
            }

            .x-big .x-expandercell-tool-dock {
                padding: 0
            }

            .x-expandercell-tool-dock > .x-body-el {
                padding: 0
            }

            .x-big .x-expandercell-tool-dock > .x-body-el {
                padding: 0
            }

            .x-expandercell .x-icon-el {
                color: #b0b0b0;
                width: 18px;
                height: 18px
            }

            .x-big .x-expandercell .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-expandercell .x-icon-el:before {
                content: 'expand_more';
                font-family: 'Material Icons';
                font-size: 18px
            }

            .x-big .x-expandercell .x-icon-el:before {
                font-size: 24px
            }

            .x-expandercell.x-expanded .x-icon-el:before {
                content: 'expand_less';
                font-family: 'Material Icons'
            }

            .x-widgetcell-body-el {
                padding: 0
            }

            .x-big .x-widgetcell-body-el {
                padding: 0
            }

            .x-widgetcell-tool-dock {
                padding: 0
            }

            .x-big .x-widgetcell-tool-dock {
                padding: 0
            }

            .x-widgetcell-tool-dock > .x-body-el {
                padding: 0
            }

            .x-big .x-widgetcell-tool-dock > .x-body-el {
                padding: 0
            }

            .x-pagingtoolbar {
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-pagingtoolbar .x-pagingtoolbar-prev:before {
                content: "\f104";
                font-family: FontAwesome
            }

            .x-pagingtoolbar .x-pagingtoolbar-next:before {
                content: "\f105";
                font-family: FontAwesome
            }

            .x-gridviewoptions {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-color: #e1e1e1
            }

            .x-column-options-sortablehandle,.x-column-options-visibleindicator,.x-column-options-groupindicator,.x-column-options-folder,.x-column-options-leaf {
                width: 16px;
                height: 16px
            }

            .x-big .x-column-options-sortablehandle,.x-big .x-column-options-visibleindicator,.x-big .x-column-options-groupindicator,.x-big .x-column-options-folder,.x-big .x-column-options-leaf {
                width: 24px;
                height: 24px
            }

            .x-column-options-sortablehandle:before,.x-column-options-visibleindicator:before,.x-column-options-groupindicator:before,.x-column-options-folder:before,.x-column-options-leaf:before {
                font-size: 16px
            }

            .x-big .x-column-options-sortablehandle:before,.x-big .x-column-options-visibleindicator:before,.x-big .x-column-options-groupindicator:before,.x-big .x-column-options-folder:before,.x-big .x-column-options-leaf:before {
                font-size: 24px
            }

            .x-column-options-sortablehandle:before {
                content: 'menu'
            }

            .x-column-options-sortablehandle.x-icon-el {
                color: #b0b0b0
            }

            .x-column-options-visibleindicator:before {
                content: 'remove_red_eye'
            }

            .x-column-options-visibleindicator.x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-column-options-groupindicator:before {
                content: 'group'
            }

            .x-column-options-groupindicator.x-icon-el {
                color: #b0b0b0
            }

            .x-column-options-folder.x-icon-el,.x-column-options-leaf.x-icon-el {
                color: #91e698
            }

            .x-column-options-folder:before {
                content: 'folder'
            }

            .x-column-options-leaf:before {
                content: 'description'
            }

            .x-column-options-hidden .x-column-options-visibleindicator.x-icon-el,.x-column-options-hidden .x-column-options-text.x-icon-el,.x-column-options-hidden .x-column-options-folder.x-icon-el,.x-column-options-hidden .x-column-options-leaf.x-icon-el {
                color: #b0b0b0
            }

            .x-column-options-grouped .x-column-options-groupindicator.x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-layout-form {
                border-spacing: 8px
            }

            .x-big .x-layout-form {
                border-spacing: 20px
            }

            .x-menuseparator {
                height: 1px;
                border-width: 1px 0 0;
                border-style: solid;
                border-color: #e1e1e1;
                margin: 8px 0
            }

            .x-panelresizer.x-north.x-handle,.x-panelresizer.x-northeast.x-handle,.x-panelresizer.x-southeast.x-handle,.x-panelresizer.x-south.x-handle,.x-panelresizer.x-southwest.x-handle,.x-panelresizer.x-northwest.x-handle {
                height: 10px
            }

            .x-big .x-panelresizer.x-north.x-handle,.x-big .x-panelresizer.x-northeast.x-handle,.x-big .x-panelresizer.x-southeast.x-handle,.x-big .x-panelresizer.x-south.x-handle,.x-big .x-panelresizer.x-southwest.x-handle,.x-big .x-panelresizer.x-northwest.x-handle {
                height: 15px
            }

            .x-panelresizer.x-north.x-splitter,.x-panelresizer.x-northeast.x-splitter,.x-panelresizer.x-southeast.x-splitter,.x-panelresizer.x-south.x-splitter,.x-panelresizer.x-southwest.x-splitter,.x-panelresizer.x-northwest.x-splitter {
                height: 10px
            }

            .x-big .x-panelresizer.x-north.x-splitter,.x-big .x-panelresizer.x-northeast.x-splitter,.x-big .x-panelresizer.x-southeast.x-splitter,.x-big .x-panelresizer.x-south.x-splitter,.x-big .x-panelresizer.x-southwest.x-splitter,.x-big .x-panelresizer.x-northwest.x-splitter {
                height: 15px
            }

            .x-panelresizer.x-northeast.x-handle,.x-panelresizer.x-east.x-handle,.x-panelresizer.x-southeast.x-handle,.x-panelresizer.x-southwest.x-handle,.x-panelresizer.x-west.x-handle,.x-panelresizer.x-northwest.x-handle {
                width: 10px
            }

            .x-big .x-panelresizer.x-northeast.x-handle,.x-big .x-panelresizer.x-east.x-handle,.x-big .x-panelresizer.x-southeast.x-handle,.x-big .x-panelresizer.x-southwest.x-handle,.x-big .x-panelresizer.x-west.x-handle,.x-big .x-panelresizer.x-northwest.x-handle {
                width: 15px
            }

            .x-panelresizer.x-northeast.x-splitter,.x-panelresizer.x-east.x-splitter,.x-panelresizer.x-southeast.x-splitter,.x-panelresizer.x-southwest.x-splitter,.x-panelresizer.x-west.x-splitter,.x-panelresizer.x-northwest.x-splitter {
                width: 10px
            }

            .x-big .x-panelresizer.x-northeast.x-splitter,.x-big .x-panelresizer.x-east.x-splitter,.x-big .x-panelresizer.x-southeast.x-splitter,.x-big .x-panelresizer.x-southwest.x-splitter,.x-big .x-panelresizer.x-west.x-splitter,.x-big .x-panelresizer.x-northwest.x-splitter {
                width: 15px
            }

            .x-panelresizer.x-handle {
                background-color: transparent
            }

            .x-panelresizer.x-splitter {
                background-color: #e1e1e1;
            }

            .x-panelresizer-proxy.x-handle {
                border: 1px dashed #002a4a;
            }

            .x-panelresizer-proxy.x-splitter {
                background-color: #b0b0b0;
            }

            .x-panelresizer-proxy.x-splitter.x-horizontal {
                width: 10px
            }

            .x-panelresizer-proxy.x-splitter.x-vertical {
                height: 10px
            }

            .x-panel.x-split-north {
                padding-top: 10px
            }

            .x-big .x-panel.x-split-north {
                padding-top: 15px
            }

            .x-panel.x-split-east {
                padding-right: 10px
            }

            .x-big .x-panel.x-split-east {
                padding-right: 15px
            }

            .x-panel.x-split-south {
                padding-bottom: 10px
            }

            .x-big .x-panel.x-split-south {
                padding-bottom: 15px
            }

            .x-panel.x-split-west {
                padding-left: 10px
            }

            .x-big .x-panel.x-split-west {
                padding-left: 15px
            }

            .x-tab {
                color: rgba(255, 255, 255, 0.7);
                font: 600 14px/16px Roboto, Arial, sans-serif;
                border-radius: 0
            }

            .x-big .x-tab {
                font-size: 14px;
                line-height: 24px;
                border-radius: 0
            }

            .x-tab .x-inner-el {
                padding: 16px 6px;
                border-width: 0;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border-radius: 0
            }

            .x-big .x-tab .x-inner-el {
                padding: 20px 4px;
                border-radius: 0
            }

            .x-tab.x-has-text .x-inner-el {
                padding: 16px 6px
            }

            .x-big .x-tab.x-has-text .x-inner-el {
                padding: 20px 4px
            }

            .x-tab .x-icon-el {
                color: rgba(255, 255, 255, 0.7);
                width: 16px;
                height: 16px
            }

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

            .x-tab .x-icon-el:before {
                font-size: 16px
            }

            .x-tab.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 4px
            }

            .x-big .x-tab.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 4px
            }

            .x-tab.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 4px
            }

            .x-big .x-tab.x-has-text.x-icon-align-right .x-icon-el {
                margin-left: 4px
            }

            .x-tab.x-has-text.x-icon-align-top .x-icon-el {
                margin-bottom: 6px
            }

            .x-big .x-tab.x-has-text.x-icon-align-top .x-icon-el {
                margin-bottom: 8px
            }

            .x-tab.x-has-text.x-icon-align-bottom .x-icon-el {
                margin-top: 6px
            }

            .x-big .x-tab.x-has-text.x-icon-align-bottom .x-icon-el {
                margin-top: 8px
            }

            .x-tab .x-arrow-el {
                color: rgba(255, 255, 255, 0.7);
                width: 16px;
                height: 16px
            }

            .x-big .x-tab .x-arrow-el {
                width: 24px;
                height: 24px
            }

            .x-tab .x-arrow-el:before {
                font-size: 16px
            }

            .x-big .x-tab .x-arrow-el:before {
                font-size: 24px
            }

            .x-tab.x-arrow-align-right .x-arrow-el {
                margin-left: 5px
            }

            .x-big .x-tab.x-arrow-align-right .x-arrow-el {
                margin-left: 8px
            }

            .x-tab .x-text-el {
                min-height: 16px;
            }

            .x-big .x-tab .x-text-el {
                min-height: 24px;
            }

            .x-tab .x-badge-el {
                color: #222;
                color: var(--accent-foreground-color);
                border-color: transparent;
                border-radius: 32px;
                min-width: 24px;
                top: 2px;
                right: 4px;
                padding: 4px;
                max-width: 75%;
                font: 400 12px/16px Roboto, Arial, sans-serif;
                background-color: #ff9800;
                background-color: var(--accent-color);
                background-image: none
            }

            .x-big .x-tab .x-badge-el {
                font-size: 13px;
                line-height: 16px
            }

            .x-tab.x-hovered {
                color: rgba(255, 255, 255, 0.7);
            }

            .x-tab.x-hovered .x-inner-el {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-tab.x-hovered .x-icon-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab.x-hovered .x-arrow-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab:before {
                border-radius: 0;
            }

            .x-tab.x-pressing,.x-tab.x-pressed {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab.x-pressing .x-inner-el,.x-tab.x-pressed .x-inner-el {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-tab.x-pressing .x-icon-el,.x-tab.x-pressed .x-icon-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab.x-pressing .x-arrow-el,.x-tab.x-pressed .x-arrow-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-keyboard-mode .x-tab.x-focused {
                color: rgba(255, 255, 255, 0.7);
            }

            .x-keyboard-mode .x-tab.x-focused .x-inner-el {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-keyboard-mode .x-tab.x-focused .x-icon-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-keyboard-mode .x-tab.x-focused .x-arrow-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-keyboard-mode .x-tab.x-focused:after {
                border-radius: 0
            }

            .x-big .x-keyboard-mode .x-tab.x-focused:after {
                border-radius: 0
            }

            .x-tab.x-disabled {
                opacity: 1;
                color: rgba(255, 255, 255, 0.7);
            }

            .x-tab.x-disabled .x-icon-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab.x-disabled .x-arrow-el {
                color: rgba(255, 255, 255, 0.7)
            }

            .x-tab .x-close-icon-el {
                border-radius: 3px;
                margin: 7px 7px;
                color: rgba(255, 255, 255, 0.7);
                width: 12px;
                height: 12px
            }

            .x-big .x-tab .x-close-icon-el {
                width: 18px;
                height: 18px
            }

            .x-tab .x-close-icon-el:before {
                content: 'clear';
                font-size: 18px
            }

            .x-big .x-tab .x-close-icon-el:before {
                font-size: 18px
            }

            .x-tab .x-close-icon-el:hover {
                color: #fff;
                color: var(--base-foreground-color);
            }

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

            .x-tab.x-active .x-inner-el {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none
            }

            .x-tab.x-active .x-icon-el {
                color: #fff
            }

            .x-tab.x-active .x-arrow-el {
                color: #fff
            }

            .x-tab.x-active .x-active-indicator-el {
                background-color: #ffe0b2;
                background-color: var(--accent-light-color);
                height: 4px
            }

            .x-tab.x-active.x-focused {
                color: #fff;
            }

            .x-tab.x-active.x-focused .x-icon-el {
                color: #fff
            }

            .x-tab.x-active.x-focused .x-arrow-el {
                color: #fff
            }

            .x-keyboard-mode .x-tab.x-active.x-focused:after {
                border-color: #ccddea
            }

            .x-tabbar {
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border-color: #c3c3c3;
                border-color: var(--faded-color);
            }

            .x-tabbar .x-title {
                color: #fff;
            }

            .x-tabbar-body-el {
                padding: 0;
                min-height: 0
            }

            .x-big .x-tabbar-body-el {
                min-height: 0
            }

            .x-strip-el {
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-treecell {
                padding: 0 12px;
                background-position: 23px 0%
            }

            .x-big .x-treecell {
                padding: 0 12px
            }

            .x-treecell .x-expander-el {
                color: #b0b0b0;
                width: 18px;
                height: 18px
            }

            .x-big .x-treecell .x-expander-el {
                width: 24px;
                height: 24px
            }

            .x-treecell .x-expander-el:before {
                content: 'chevron_right';
                font-size: 18px
            }

            .x-big .x-treecell .x-expander-el:before {
                font-size: 24px
            }

            .x-treecell.x-expanded .x-expander-el:before {
                content: 'expand_more'
            }

            .x-treecell .x-icon-el {
                color: #b0b0b0;
                width: 18px;
                height: 18px;
                margin: 0 5px
            }

            .x-big .x-treecell .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-treecell .x-icon-el:before {
                font-size: 18px
            }

            .x-big .x-treecell .x-icon-el:before {
                font-size: 24px
            }

            .x-big .x-treecell .x-icon-el {
                margin: 0 8px
            }

            .x-treecell.x-no-icon .x-icon-el:before {
                content: 'folder'
            }

            .x-treecell.x-no-icon.x-expanded .x-icon-el:before {
                content: 'folder_open'
            }

            .x-treecell.x-no-icon.x-leaf .x-icon-el:before {
                content: 'insert_drive_file'
            }

            .x-big .x-treecell {
                background-position: 32px 0%
            }

            .x-treecell-body-el,.x-treecell-tool-dock > .x-body-el {
                padding: 12px 0
            }

            .x-big .x-treecell-body-el,.x-big .x-treecell-tool-dock > .x-body-el {
                padding: 14px 0
            }

            :root {
                --dark-mode:false;--base-color:#005596;--base-highlight-color:#64b5f6;--base-light-color:#bbdefb;--base-dark-color:#1976d2;--base-pressed-color:#005596;--base-invisible-color:rgba(0, 85, 150, 0);--base-foreground-color:#fff;--accent-color:#ff9800;--accent-light-color:#ffe0b2;--accent-dark-color:#f57c00;--accent-pressed-color:#ffb74d;--accent-invisible-color:rgba(255, 152, 0, 0);--accent-foreground-color:#222;--confirm-color:#7cb342;--confirm-pressed-color:#a2cc75;--alert-color:#c62828;--alert-pressed-color:#de5c5c;--color:rgba(0, 0, 0, 0.87);--highlight-color:rgba(0, 0, 0, 0.54);--disabled-color:rgba(0, 0, 0, 0.38);--divider-color:rgba(0, 0, 0, 0.12);--reverse-color:#fff;--reverse-highlight-color:rgba(255, 255, 255, 0.54);--reverse-disabled-color:rgba(255, 255, 255, 0.38);--reverse-divider-color:rgba(255, 255, 255, 0.12);--background-color:#f5f5f5;--alt-background-color:#fafafa;--reverse-background-color:#303030;--reverse-alt-background-color:#3a3a3a;--faded-color:#c3c3c3;--overlay-color:rgba(0, 0, 0, 0.03);--content-padding:16px;--listitem-selected-background-color:#fff}

            .md-icon-3d-rotation::before {
                content: '3d_rotation'
            }

            .md-icon-accessibility::before {
                content: 'accessibility'
            }

            .md-icon-accessible::before {
                content: 'accessible'
            }

            .md-icon-account-balance::before {
                content: 'account_balance'
            }

            .md-icon-account-balance-wallet::before {
                content: 'account_balance_wallet'
            }

            .md-icon-account-box::before {
                content: 'account_box'
            }

            .md-icon-account-circle::before {
                content: 'account_circle'
            }

            .md-icon-add-shopping-cart::before {
                content: 'add_shopping_cart'
            }

            .md-icon-alarm::before {
                content: 'alarm'
            }

            .md-icon-alarm-add::before {
                content: 'alarm_add'
            }

            .md-icon-alarm-off::before {
                content: 'alarm_off'
            }

            .md-icon-alarm-on::before {
                content: 'alarm_on'
            }

            .md-icon-all-out::before {
                content: 'all_out'
            }

            .md-icon-android::before {
                content: 'android'
            }

            .md-icon-announcement::before {
                content: 'announcement'
            }

            .md-icon-aspect-ratio::before {
                content: 'aspect_ratio'
            }

            .md-icon-assessment::before {
                content: 'assessment'
            }

            .md-icon-assignment::before {
                content: 'assignment'
            }

            .md-icon-assignment-ind::before {
                content: 'assignment_ind'
            }

            .md-icon-assignment-late::before {
                content: 'assignment_late'
            }

            .md-icon-assignment-return::before {
                content: 'assignment_return'
            }

            .md-icon-assignment-returned::before {
                content: 'assignment_returned'
            }

            .md-icon-assignment-turned-in::before {
                content: 'assignment_turned_in'
            }

            .md-icon-autorenew::before {
                content: 'autorenew'
            }

            .md-icon-backup::before {
                content: 'backup'
            }

            .md-icon-book::before {
                content: 'book'
            }

            .md-icon-bookmark::before {
                content: 'bookmark'
            }

            .md-icon-bookmark-border::before {
                content: 'bookmark_border'
            }

            .md-icon-bug-report::before {
                content: 'bug_report'
            }

            .md-icon-build::before {
                content: 'build'
            }

            .md-icon-cached::before {
                content: 'cached'
            }

            .md-icon-camera-enhance::before {
                content: 'camera_enhance'
            }

            .md-icon-card-giftcard::before {
                content: 'card_giftcard'
            }

            .md-icon-card-membership::before {
                content: 'card_membership'
            }

            .md-icon-card-travel::before {
                content: 'card_travel'
            }

            .md-icon-change-history::before {
                content: 'change_history'
            }

            .md-icon-check-circle::before {
                content: 'check_circle'
            }

            .md-icon-chrome-reader-mode::before {
                content: 'chrome_reader_mode'
            }

            .md-icon-class::before {
                content: 'class'
            }

            .md-icon-code::before {
                content: 'code'
            }

            .md-icon-compare-arrows::before {
                content: 'compare_arrows'
            }

            .md-icon-copyright::before {
                content: 'copyright'
            }

            .md-icon-credit-card::before {
                content: 'credit_card'
            }

            .md-icon-dashboard::before {
                content: 'dashboard'
            }

            .md-icon-date-range::before {
                content: 'date_range'
            }

            .md-icon-delete::before {
                content: 'delete'
            }

            .md-icon-delete-forever::before {
                content: 'delete_forever'
            }

            .md-icon-description::before {
                content: 'description'
            }

            .md-icon-dns::before {
                content: 'dns'
            }

            .md-icon-done::before {
                content: 'done'
            }

            .md-icon-done-all::before {
                content: 'done_all'
            }

            .md-icon-donut-large::before {
                content: 'donut_large'
            }

            .md-icon-donut-small::before {
                content: 'donut_small'
            }

            .md-icon-eject::before {
                content: 'eject'
            }

            .md-icon-euro-symbol::before {
                content: 'euro_symbol'
            }

            .md-icon-event::before {
                content: 'event'
            }

            .md-icon-event-seat::before {
                content: 'event_seat'
            }

            .md-icon-exit-to-app::before {
                content: 'exit_to_app'
            }

            .md-icon-explore::before {
                content: 'explore'
            }

            .md-icon-extension::before {
                content: 'extension'
            }

            .md-icon-face::before {
                content: 'face'
            }

            .md-icon-favorite::before {
                content: 'favorite'
            }

            .md-icon-favorite-border::before {
                content: 'favorite_border'
            }

            .md-icon-feedback::before {
                content: 'feedback'
            }

            .md-icon-find-in-page::before {
                content: 'find_in_page'
            }

            .md-icon-find-replace::before {
                content: 'find_replace'
            }

            .md-icon-fingerprint::before {
                content: 'fingerprint'
            }

            .md-icon-flight-land::before {
                content: 'flight_land'
            }

            .md-icon-flight-takeoff::before {
                content: 'flight_takeoff'
            }

            .md-icon-flip-to-back::before {
                content: 'flip_to_back'
            }

            .md-icon-flip-to-front::before {
                content: 'flip_to_front'
            }

            .md-icon-g-translate::before {
                content: 'g_translate'
            }

            .md-icon-gavel::before {
                content: 'gavel'
            }

            .md-icon-get-app::before {
                content: 'get_app'
            }

            .md-icon-gif::before {
                content: 'gif'
            }

            .md-icon-grade::before {
                content: 'grade'
            }

            .md-icon-group-work::before {
                content: 'group_work'
            }

            .md-icon-help::before {
                content: 'help'
            }

            .md-icon-help-outline::before {
                content: 'help_outline'
            }

            .md-icon-highlight-off::before {
                content: 'highlight_off'
            }

            .md-icon-history::before {
                content: 'history'
            }

            .md-icon-home::before {
                content: 'home'
            }

            .md-icon-hourglass-empty::before {
                content: 'hourglass_empty'
            }

            .md-icon-hourglass-full::before {
                content: 'hourglass_full'
            }

            .md-icon-http::before {
                content: 'http'
            }

            .md-icon-https::before {
                content: 'https'
            }

            .md-icon-important-devices::before {
                content: 'important_devices'
            }

            .md-icon-info::before {
                content: 'info'
            }

            .md-icon-info-outline::before {
                content: 'info_outline'
            }

            .md-icon-input::before {
                content: 'input'
            }

            .md-icon-invert-colors::before {
                content: 'invert_colors'
            }

            .md-icon-label::before {
                content: 'label'
            }

            .md-icon-label-outline::before {
                content: 'label_outline'
            }

            .md-icon-language::before {
                content: 'language'
            }

            .md-icon-launch::before {
                content: 'launch'
            }

            .md-icon-lightbulb-outline::before {
                content: 'lightbulb_outline'
            }

            .md-icon-line-style::before {
                content: 'line_style'
            }

            .md-icon-line-weight::before {
                content: 'line_weight'
            }

            .md-icon-list::before {
                content: 'list'
            }

            .md-icon-lock::before {
                content: 'lock'
            }

            .md-icon-lock-open::before {
                content: 'lock_open'
            }

            .md-icon-lock-outline::before {
                content: 'lock_outline'
            }

            .md-icon-loyalty::before {
                content: 'loyalty'
            }

            .md-icon-markunread-mailbox::before {
                content: 'markunread_mailbox'
            }

            .md-icon-motorcycle::before {
                content: 'motorcycle'
            }

            .md-icon-note-add::before {
                content: 'note_add'
            }

            .md-icon-offline-pin::before {
                content: 'offline_pin'
            }

            .md-icon-opacity::before {
                content: 'opacity'
            }

            .md-icon-open-in-browser::before {
                content: 'open_in_browser'
            }

            .md-icon-open-in-new::before {
                content: 'open_in_new'
            }

            .md-icon-open-with::before {
                content: 'open_with'
            }

            .md-icon-pageview::before {
                content: 'pageview'
            }

            .md-icon-pan-tool::before {
                content: 'pan_tool'
            }

            .md-icon-payment::before {
                content: 'payment'
            }

            .md-icon-perm-camera-mic::before {
                content: 'perm_camera_mic'
            }

            .md-icon-perm-contact-calendar::before {
                content: 'perm_contact_calendar'
            }

            .md-icon-perm-data-setting::before {
                content: 'perm_data_setting'
            }

            .md-icon-perm-device-information::before {
                content: 'perm_device_information'
            }

            .md-icon-perm-identity::before {
                content: 'perm_identity'
            }

            .md-icon-perm-media::before {
                content: 'perm_media'
            }

            .md-icon-perm-phone-msg::before {
                content: 'perm_phone_msg'
            }

            .md-icon-perm-scan-wifi::before {
                content: 'perm_scan_wifi'
            }

            .md-icon-pets::before {
                content: 'pets'
            }

            .md-icon-picture-in-picture::before {
                content: 'picture_in_picture'
            }

            .md-icon-picture-in-picture-alt::before {
                content: 'picture_in_picture_alt'
            }

            .md-icon-play-for-work::before {
                content: 'play_for_work'
            }

            .md-icon-polymer::before {
                content: 'polymer'
            }

            .md-icon-power-settings-new::before {
                content: 'power_settings_new'
            }

            .md-icon-pregnant-woman::before {
                content: 'pregnant_woman'
            }

            .md-icon-print::before {
                content: 'print'
            }

            .md-icon-query-builder::before {
                content: 'query_builder'
            }

            .md-icon-question-answer::before {
                content: 'question_answer'
            }

            .md-icon-receipt::before {
                content: 'receipt'
            }

            .md-icon-record-voice-over::before {
                content: 'record_voice_over'
            }

            .md-icon-redeem::before {
                content: 'redeem'
            }

            .md-icon-remove-shopping-cart::before {
                content: 'remove_shopping_cart'
            }

            .md-icon-reorder::before {
                content: 'reorder'
            }

            .md-icon-report-problem::before {
                content: 'report_problem'
            }

            .md-icon-restore::before {
                content: 'restore'
            }

            .md-icon-restore-page::before {
                content: 'restore_page'
            }

            .md-icon-room::before {
                content: 'room'
            }

            .md-icon-rounded-corner::before {
                content: 'rounded_corner'
            }

            .md-icon-rowing::before {
                content: 'rowing'
            }

            .md-icon-schedule::before {
                content: 'schedule'
            }

            .md-icon-search::before {
                content: 'search'
            }

            .md-icon-settings::before {
                content: 'settings'
            }

            .md-icon-settings-applications::before {
                content: 'settings_applications'
            }

            .md-icon-settings-backup-restore::before {
                content: 'settings_backup_restore'
            }

            .md-icon-settings-bluetooth::before {
                content: 'settings_bluetooth'
            }

            .md-icon-settings-brightness::before {
                content: 'settings_brightness'
            }

            .md-icon-settings-cell::before {
                content: 'settings_cell'
            }

            .md-icon-settings-ethernet::before {
                content: 'settings_ethernet'
            }

            .md-icon-settings-input-antenna::before {
                content: 'settings_input_antenna'
            }

            .md-icon-settings-input-component::before {
                content: 'settings_input_component'
            }

            .md-icon-settings-input-composite::before {
                content: 'settings_input_composite'
            }

            .md-icon-settings-input-hdmi::before {
                content: 'settings_input_hdmi'
            }

            .md-icon-settings-input-svideo::before {
                content: 'settings_input_svideo'
            }

            .md-icon-settings-overscan::before {
                content: 'settings_overscan'
            }

            .md-icon-settings-phone::before {
                content: 'settings_phone'
            }

            .md-icon-settings-power::before {
                content: 'settings_power'
            }

            .md-icon-settings-remote::before {
                content: 'settings_remote'
            }

            .md-icon-settings-voice::before {
                content: 'settings_voice'
            }

            .md-icon-shop::before {
                content: 'shop'
            }

            .md-icon-shop-two::before {
                content: 'shop_two'
            }

            .md-icon-shopping-basket::before {
                content: 'shopping_basket'
            }

            .md-icon-shopping-cart::before {
                content: 'shopping_cart'
            }

            .md-icon-speaker-notes::before {
                content: 'speaker_notes'
            }

            .md-icon-speaker-notes-off::before {
                content: 'speaker_notes_off'
            }

            .md-icon-spellcheck::before {
                content: 'spellcheck'
            }

            .md-icon-star-rate::before {
                content: 'star_rate'
            }

            .md-icon-stars::before {
                content: 'stars'
            }

            .md-icon-store::before {
                content: 'store'
            }

            .md-icon-subject::before {
                content: 'subject'
            }

            .md-icon-supervisor-account::before {
                content: 'supervisor_account'
            }

            .md-icon-swap-horiz::before {
                content: 'swap_horiz'
            }

            .md-icon-swap-vert::before {
                content: 'swap_vert'
            }

            .md-icon-swap-vertical-circle::before {
                content: 'swap_vertical_circle'
            }

            .md-icon-system-update-alt::before {
                content: 'system_update_alt'
            }

            .md-icon-tab::before {
                content: 'tab'
            }

            .md-icon-tab-unselected::before {
                content: 'tab_unselected'
            }

            .md-icon-theaters::before {
                content: 'theaters'
            }

            .md-icon-thumb-down::before {
                content: 'thumb_down'
            }

            .md-icon-thumb-up::before {
                content: 'thumb_up'
            }

            .md-icon-thumbs-up-down::before {
                content: 'thumbs_up_down'
            }

            .md-icon-timeline::before {
                content: 'timeline'
            }

            .md-icon-toc::before {
                content: 'toc'
            }

            .md-icon-today::before {
                content: 'today'
            }

            .md-icon-toll::before {
                content: 'toll'
            }

            .md-icon-touch-app::before {
                content: 'touch_app'
            }

            .md-icon-track-changes::before {
                content: 'track_changes'
            }

            .md-icon-translate::before {
                content: 'translate'
            }

            .md-icon-trending-down::before {
                content: 'trending_down'
            }

            .md-icon-trending-flat::before {
                content: 'trending_flat'
            }

            .md-icon-trending-up::before {
                content: 'trending_up'
            }

            .md-icon-turned-in::before {
                content: 'turned_in'
            }

            .md-icon-turned-in-not::before {
                content: 'turned_in_not'
            }

            .md-icon-update::before {
                content: 'update'
            }

            .md-icon-verified-user::before {
                content: 'verified_user'
            }

            .md-icon-view-agenda::before {
                content: 'view_agenda'
            }

            .md-icon-view-array::before {
                content: 'view_array'
            }

            .md-icon-view-carousel::before {
                content: 'view_carousel'
            }

            .md-icon-view-column::before {
                content: 'view_column'
            }

            .md-icon-view-day::before {
                content: 'view_day'
            }

            .md-icon-view-headline::before {
                content: 'view_headline'
            }

            .md-icon-view-list::before {
                content: 'view_list'
            }

            .md-icon-view-module::before {
                content: 'view_module'
            }

            .md-icon-view-quilt::before {
                content: 'view_quilt'
            }

            .md-icon-view-stream::before {
                content: 'view_stream'
            }

            .md-icon-view-week::before {
                content: 'view_week'
            }

            .md-icon-visibility::before {
                content: 'visibility'
            }

            .md-icon-visibility-off::before {
                content: 'visibility_off'
            }

            .md-icon-watch-later::before {
                content: 'watch_later'
            }

            .md-icon-work::before {
                content: 'work'
            }

            .md-icon-youtube-searched-for::before {
                content: 'youtube_searched_for'
            }

            .md-icon-zoom-in::before {
                content: 'zoom_in'
            }

            .md-icon-zoom-out::before {
                content: 'zoom_out'
            }

            .md-icon-add-alert::before {
                content: 'add_alert'
            }

            .md-icon-error::before {
                content: 'error'
            }

            .md-icon-error-outline::before {
                content: 'error_outline'
            }

            .md-icon-warning::before {
                content: 'warning'
            }

            .md-icon-add-to-queue::before {
                content: 'add_to_queue'
            }

            .md-icon-airplay::before {
                content: 'airplay'
            }

            .md-icon-album::before {
                content: 'album'
            }

            .md-icon-art-track::before {
                content: 'art_track'
            }

            .md-icon-av-timer::before {
                content: 'av_timer'
            }

            .md-icon-branding-watermark::before {
                content: 'branding_watermark'
            }

            .md-icon-call-to-action::before {
                content: 'call_to_action'
            }

            .md-icon-closed-caption::before {
                content: 'closed_caption'
            }

            .md-icon-equalizer::before {
                content: 'equalizer'
            }

            .md-icon-explicit::before {
                content: 'explicit'
            }

            .md-icon-fast-forward::before {
                content: 'fast_forward'
            }

            .md-icon-fast-rewind::before {
                content: 'fast_rewind'
            }

            .md-icon-featured-play-list::before {
                content: 'featured_play_list'
            }

            .md-icon-featured-video::before {
                content: 'featured_video'
            }

            .md-icon-fiber-dvr::before {
                content: 'fiber_dvr'
            }

            .md-icon-fiber-manual-record::before {
                content: 'fiber_manual_record'
            }

            .md-icon-fiber-new::before {
                content: 'fiber_new'
            }

            .md-icon-fiber-pin::before {
                content: 'fiber_pin'
            }

            .md-icon-fiber-smart-record::before {
                content: 'fiber_smart_record'
            }

            .md-icon-forward-10::before {
                content: 'forward_10'
            }

            .md-icon-forward-30::before {
                content: 'forward_30'
            }

            .md-icon-forward-5::before {
                content: 'forward_5'
            }

            .md-icon-games::before {
                content: 'games'
            }

            .md-icon-hd::before {
                content: 'hd'
            }

            .md-icon-hearing::before {
                content: 'hearing'
            }

            .md-icon-high-quality::before {
                content: 'high_quality'
            }

            .md-icon-library-add::before {
                content: 'library_add'
            }

            .md-icon-library-books::before {
                content: 'library_books'
            }

            .md-icon-library-music::before {
                content: 'library_music'
            }

            .md-icon-loop::before {
                content: 'loop'
            }

            .md-icon-mic::before {
                content: 'mic'
            }

            .md-icon-mic-none::before {
                content: 'mic_none'
            }

            .md-icon-mic-off::before {
                content: 'mic_off'
            }

            .md-icon-movie::before {
                content: 'movie'
            }

            .md-icon-music-video::before {
                content: 'music_video'
            }

            .md-icon-new-releases::before {
                content: 'new_releases'
            }

            .md-icon-not-interested::before {
                content: 'not_interested'
            }

            .md-icon-note::before {
                content: 'note'
            }

            .md-icon-pause::before {
                content: 'pause'
            }

            .md-icon-pause-circle-filled::before {
                content: 'pause_circle_filled'
            }

            .md-icon-pause-circle-outline::before {
                content: 'pause_circle_outline'
            }

            .md-icon-play-arrow::before {
                content: 'play_arrow'
            }

            .md-icon-play-circle-filled::before {
                content: 'play_circle_filled'
            }

            .md-icon-play-circle-outline::before {
                content: 'play_circle_outline'
            }

            .md-icon-playlist-add::before {
                content: 'playlist_add'
            }

            .md-icon-playlist-add-check::before {
                content: 'playlist_add_check'
            }

            .md-icon-playlist-play::before {
                content: 'playlist_play'
            }

            .md-icon-queue::before {
                content: 'queue'
            }

            .md-icon-queue-music::before {
                content: 'queue_music'
            }

            .md-icon-queue-play-next::before {
                content: 'queue_play_next'
            }

            .md-icon-radio::before {
                content: 'radio'
            }

            .md-icon-recent-actors::before {
                content: 'recent_actors'
            }

            .md-icon-remove-from-queue::before {
                content: 'remove_from_queue'
            }

            .md-icon-repeat::before {
                content: 'repeat'
            }

            .md-icon-repeat-one::before {
                content: 'repeat_one'
            }

            .md-icon-replay::before {
                content: 'replay'
            }

            .md-icon-replay-10::before {
                content: 'replay_10'
            }

            .md-icon-replay-30::before {
                content: 'replay_30'
            }

            .md-icon-replay-5::before {
                content: 'replay_5'
            }

            .md-icon-shuffle::before {
                content: 'shuffle'
            }

            .md-icon-skip-next::before {
                content: 'skip_next'
            }

            .md-icon-skip-previous::before {
                content: 'skip_previous'
            }

            .md-icon-slow-motion-video::before {
                content: 'slow_motion_video'
            }

            .md-icon-snooze::before {
                content: 'snooze'
            }

            .md-icon-sort-by-alpha::before {
                content: 'sort_by_alpha'
            }

            .md-icon-stop::before {
                content: 'stop'
            }

            .md-icon-subscriptions::before {
                content: 'subscriptions'
            }

            .md-icon-subtitles::before {
                content: 'subtitles'
            }

            .md-icon-surround-sound::before {
                content: 'surround_sound'
            }

            .md-icon-video-call::before {
                content: 'video_call'
            }

            .md-icon-video-label::before {
                content: 'video_label'
            }

            .md-icon-video-library::before {
                content: 'video_library'
            }

            .md-icon-videocam::before {
                content: 'videocam'
            }

            .md-icon-videocam-off::before {
                content: 'videocam_off'
            }

            .md-icon-volume-down::before {
                content: 'volume_down'
            }

            .md-icon-volume-mute::before {
                content: 'volume_mute'
            }

            .md-icon-volume-off::before {
                content: 'volume_off'
            }

            .md-icon-volume-up::before {
                content: 'volume_up'
            }

            .md-icon-web::before {
                content: 'web'
            }

            .md-icon-web-asset::before {
                content: 'web_asset'
            }

            .md-icon-business::before {
                content: 'business'
            }

            .md-icon-call::before {
                content: 'call'
            }

            .md-icon-call-end::before {
                content: 'call_end'
            }

            .md-icon-call-made::before {
                content: 'call_made'
            }

            .md-icon-call-merge::before {
                content: 'call_merge'
            }

            .md-icon-call-missed::before {
                content: 'call_missed'
            }

            .md-icon-call-missed-outgoing::before {
                content: 'call_missed_outgoing'
            }

            .md-icon-call-received::before {
                content: 'call_received'
            }

            .md-icon-call-split::before {
                content: 'call_split'
            }

            .md-icon-chat::before {
                content: 'chat'
            }

            .md-icon-chat-bubble::before {
                content: 'chat_bubble'
            }

            .md-icon-chat-bubble-outline::before {
                content: 'chat_bubble_outline'
            }

            .md-icon-clear-all::before {
                content: 'clear_all'
            }

            .md-icon-comment::before {
                content: 'comment'
            }

            .md-icon-contact-mail::before {
                content: 'contact_mail'
            }

            .md-icon-contact-phone::before {
                content: 'contact_phone'
            }

            .md-icon-contacts::before {
                content: 'contacts'
            }

            .md-icon-dialer-sip::before {
                content: 'dialer_sip'
            }

            .md-icon-dialpad::before {
                content: 'dialpad'
            }

            .md-icon-email::before {
                content: 'email'
            }

            .md-icon-forum::before {
                content: 'forum'
            }

            .md-icon-import-contacts::before {
                content: 'import_contacts'
            }

            .md-icon-import-export::before {
                content: 'import_export'
            }

            .md-icon-invert-colors-off::before {
                content: 'invert_colors_off'
            }

            .md-icon-live-help::before {
                content: 'live_help'
            }

            .md-icon-location-off::before {
                content: 'location_off'
            }

            .md-icon-location-on::before {
                content: 'location_on'
            }

            .md-icon-mail-outline::before {
                content: 'mail_outline'
            }

            .md-icon-message::before {
                content: 'message'
            }

            .md-icon-no-sim::before {
                content: 'no_sim'
            }

            .md-icon-phone::before {
                content: 'phone'
            }

            .md-icon-phonelink-erase::before {
                content: 'phonelink_erase'
            }

            .md-icon-phonelink-lock::before {
                content: 'phonelink_lock'
            }

            .md-icon-phonelink-ring::before {
                content: 'phonelink_ring'
            }

            .md-icon-phonelink-setup::before {
                content: 'phonelink_setup'
            }

            .md-icon-portable-wifi-off::before {
                content: 'portable_wifi_off'
            }

            .md-icon-present-to-all::before {
                content: 'present_to_all'
            }

            .md-icon-ring-volume::before {
                content: 'ring_volume'
            }

            .md-icon-rss-feed::before {
                content: 'rss_feed'
            }

            .md-icon-screen-share::before {
                content: 'screen_share'
            }

            .md-icon-speaker-phone::before {
                content: 'speaker_phone'
            }

            .md-icon-stay-current-landscape::before {
                content: 'stay_current_landscape'
            }

            .md-icon-stay-current-portrait::before {
                content: 'stay_current_portrait'
            }

            .md-icon-stay-primary-landscape::before {
                content: 'stay_primary_landscape'
            }

            .md-icon-stay-primary-portrait::before {
                content: 'stay_primary_portrait'
            }

            .md-icon-stop-screen-share::before {
                content: 'stop_screen_share'
            }

            .md-icon-swap-calls::before {
                content: 'swap_calls'
            }

            .md-icon-textsms::before {
                content: 'textsms'
            }

            .md-icon-voicemail::before {
                content: 'voicemail'
            }

            .md-icon-vpn-key::before {
                content: 'vpn_key'
            }

            .md-icon-add::before {
                content: 'add'
            }

            .md-icon-add-box::before {
                content: 'add_box'
            }

            .md-icon-add-circle::before {
                content: 'add_circle'
            }

            .md-icon-add-circle-outline::before {
                content: 'add_circle_outline'
            }

            .md-icon-archive::before {
                content: 'archive'
            }

            .md-icon-backspace::before {
                content: 'backspace'
            }

            .md-icon-block::before {
                content: 'block'
            }

            .md-icon-clear::before {
                content: 'clear'
            }

            .md-icon-content-copy::before {
                content: 'content_copy'
            }

            .md-icon-content-cut::before {
                content: 'content_cut'
            }

            .md-icon-content-paste::before {
                content: 'content_paste'
            }

            .md-icon-create::before {
                content: 'create'
            }

            .md-icon-delete-sweep::before {
                content: 'delete_sweep'
            }

            .md-icon-drafts::before {
                content: 'drafts'
            }

            .md-icon-filter-list::before {
                content: 'filter_list'
            }

            .md-icon-flag::before {
                content: 'flag'
            }

            .md-icon-font-download::before {
                content: 'font_download'
            }

            .md-icon-forward::before {
                content: 'forward'
            }

            .md-icon-gesture::before {
                content: 'gesture'
            }

            .md-icon-inbox::before {
                content: 'inbox'
            }

            .md-icon-link::before {
                content: 'link'
            }

            .md-icon-low-priority::before {
                content: 'low_priority'
            }

            .md-icon-mail::before {
                content: 'mail'
            }

            .md-icon-markunread::before {
                content: 'markunread'
            }

            .md-icon-move-to-inbox::before {
                content: 'move_to_inbox'
            }

            .md-icon-next-week::before {
                content: 'next_week'
            }

            .md-icon-redo::before {
                content: 'redo'
            }

            .md-icon-remove::before {
                content: 'remove'
            }

            .md-icon-remove-circle::before {
                content: 'remove_circle'
            }

            .md-icon-remove-circle-outline::before {
                content: 'remove_circle_outline'
            }

            .md-icon-reply::before {
                content: 'reply'
            }

            .md-icon-reply-all::before {
                content: 'reply_all'
            }

            .md-icon-report::before {
                content: 'report'
            }

            .md-icon-save::before {
                content: 'save'
            }

            .md-icon-select-all::before {
                content: 'select_all'
            }

            .md-icon-send::before {
                content: 'send'
            }

            .md-icon-sort::before {
                content: 'sort'
            }

            .md-icon-text-format::before {
                content: 'text_format'
            }

            .md-icon-unarchive::before {
                content: 'unarchive'
            }

            .md-icon-undo::before {
                content: 'undo'
            }

            .md-icon-weekend::before {
                content: 'weekend'
            }

            .md-icon-access-alarm::before {
                content: 'access_alarm'
            }

            .md-icon-access-alarms::before {
                content: 'access_alarms'
            }

            .md-icon-access-time::before {
                content: 'access_time'
            }

            .md-icon-add-alarm::before {
                content: 'add_alarm'
            }

            .md-icon-airplanemode-active::before {
                content: 'airplanemode_active'
            }

            .md-icon-airplanemode-inactive::before {
                content: 'airplanemode_inactive'
            }

            .md-icon-battery-alert::before {
                content: 'battery_alert'
            }

            .md-icon-battery-charging-full::before {
                content: 'battery_charging_full'
            }

            .md-icon-battery-full::before {
                content: 'battery_full'
            }

            .md-icon-battery-std::before {
                content: 'battery_std'
            }

            .md-icon-battery-unknown::before {
                content: 'battery_unknown'
            }

            .md-icon-bluetooth::before {
                content: 'bluetooth'
            }

            .md-icon-bluetooth-connected::before {
                content: 'bluetooth_connected'
            }

            .md-icon-bluetooth-disabled::before {
                content: 'bluetooth_disabled'
            }

            .md-icon-bluetooth-searching::before {
                content: 'bluetooth_searching'
            }

            .md-icon-brightness-auto::before {
                content: 'brightness_auto'
            }

            .md-icon-brightness-high::before {
                content: 'brightness_high'
            }

            .md-icon-brightness-low::before {
                content: 'brightness_low'
            }

            .md-icon-brightness-medium::before {
                content: 'brightness_medium'
            }

            .md-icon-data-usage::before {
                content: 'data_usage'
            }

            .md-icon-developer-mode::before {
                content: 'developer_mode'
            }

            .md-icon-devices::before {
                content: 'devices'
            }

            .md-icon-dvr::before {
                content: 'dvr'
            }

            .md-icon-gps-fixed::before {
                content: 'gps_fixed'
            }

            .md-icon-gps-not-fixed::before {
                content: 'gps_not_fixed'
            }

            .md-icon-gps-off::before {
                content: 'gps_off'
            }

            .md-icon-graphic-eq::before {
                content: 'graphic_eq'
            }

            .md-icon-location-disabled::before {
                content: 'location_disabled'
            }

            .md-icon-location-searching::before {
                content: 'location_searching'
            }

            .md-icon-network-cell::before {
                content: 'network_cell'
            }

            .md-icon-network-wifi::before {
                content: 'network_wifi'
            }

            .md-icon-nfc::before {
                content: 'nfc'
            }

            .md-icon-screen-lock-landscape::before {
                content: 'screen_lock_landscape'
            }

            .md-icon-screen-lock-portrait::before {
                content: 'screen_lock_portrait'
            }

            .md-icon-screen-lock-rotation::before {
                content: 'screen_lock_rotation'
            }

            .md-icon-screen-rotation::before {
                content: 'screen_rotation'
            }

            .md-icon-sd-storage::before {
                content: 'sd_storage'
            }

            .md-icon-settings-system-daydream::before {
                content: 'settings_system_daydream'
            }

            .md-icon-signal-cellular-4-bar::before {
                content: 'signal_cellular_4_bar'
            }

            .md-icon-signal-cellular-connected-no-internet-4-bar::before {
                content: 'signal_cellular_connected_no_internet_4_bar'
            }

            .md-icon-signal-cellular-no-sim::before {
                content: 'signal_cellular_no_sim'
            }

            .md-icon-signal-cellular-null::before {
                content: 'signal_cellular_null'
            }

            .md-icon-signal-cellular-off::before {
                content: 'signal_cellular_off'
            }

            .md-icon-signal-wifi-4-bar::before {
                content: 'signal_wifi_4_bar'
            }

            .md-icon-signal-wifi-4-bar-lock::before {
                content: 'signal_wifi_4_bar_lock'
            }

            .md-icon-signal-wifi-off::before {
                content: 'signal_wifi_off'
            }

            .md-icon-storage::before {
                content: 'storage'
            }

            .md-icon-usb::before {
                content: 'usb'
            }

            .md-icon-wallpaper::before {
                content: 'wallpaper'
            }

            .md-icon-widgets::before {
                content: 'widgets'
            }

            .md-icon-wifi-lock::before {
                content: 'wifi_lock'
            }

            .md-icon-wifi-tethering::before {
                content: 'wifi_tethering'
            }

            .md-icon-attach-file::before {
                content: 'attach_file'
            }

            .md-icon-attach-money::before {
                content: 'attach_money'
            }

            .md-icon-border-all::before {
                content: 'border_all'
            }

            .md-icon-border-bottom::before {
                content: 'border_bottom'
            }

            .md-icon-border-clear::before {
                content: 'border_clear'
            }

            .md-icon-border-color::before {
                content: 'border_color'
            }

            .md-icon-border-horizontal::before {
                content: 'border_horizontal'
            }

            .md-icon-border-inner::before {
                content: 'border_inner'
            }

            .md-icon-border-left::before {
                content: 'border_left'
            }

            .md-icon-border-outer::before {
                content: 'border_outer'
            }

            .md-icon-border-right::before {
                content: 'border_right'
            }

            .md-icon-border-style::before {
                content: 'border_style'
            }

            .md-icon-border-top::before {
                content: 'border_top'
            }

            .md-icon-border-vertical::before {
                content: 'border_vertical'
            }

            .md-icon-bubble-chart::before {
                content: 'bubble_chart'
            }

            .md-icon-drag-handle::before {
                content: 'drag_handle'
            }

            .md-icon-format-align-center::before {
                content: 'format_align_center'
            }

            .md-icon-format-align-justify::before {
                content: 'format_align_justify'
            }

            .md-icon-format-align-left::before {
                content: 'format_align_left'
            }

            .md-icon-format-align-right::before {
                content: 'format_align_right'
            }

            .md-icon-format-bold::before {
                content: 'format_bold'
            }

            .md-icon-format-clear::before {
                content: 'format_clear'
            }

            .md-icon-format-color-fill::before {
                content: 'format_color_fill'
            }

            .md-icon-format-color-reset::before {
                content: 'format_color_reset'
            }

            .md-icon-format-color-text::before {
                content: 'format_color_text'
            }

            .md-icon-format-indent-decrease::before {
                content: 'format_indent_decrease'
            }

            .md-icon-format-indent-increase::before {
                content: 'format_indent_increase'
            }

            .md-icon-format-italic::before {
                content: 'format_italic'
            }

            .md-icon-format-line-spacing::before {
                content: 'format_line_spacing'
            }

            .md-icon-format-list-bulleted::before {
                content: 'format_list_bulleted'
            }

            .md-icon-format-list-numbered::before {
                content: 'format_list_numbered'
            }

            .md-icon-format-paint::before {
                content: 'format_paint'
            }

            .md-icon-format-quote::before {
                content: 'format_quote'
            }

            .md-icon-format-shapes::before {
                content: 'format_shapes'
            }

            .md-icon-format-size::before {
                content: 'format_size'
            }

            .md-icon-format-strikethrough::before {
                content: 'format_strikethrough'
            }

            .md-icon-format-textdirection-l-to-r::before {
                content: 'format_textdirection_l_to_r'
            }

            .md-icon-format-textdirection-r-to-l::before {
                content: 'format_textdirection_r_to_l'
            }

            .md-icon-format-underlined::before {
                content: 'format_underlined'
            }

            .md-icon-functions::before {
                content: 'functions'
            }

            .md-icon-highlight::before {
                content: 'highlight'
            }

            .md-icon-insert-chart::before {
                content: 'insert_chart'
            }

            .md-icon-insert-comment::before {
                content: 'insert_comment'
            }

            .md-icon-insert-drive-file::before {
                content: 'insert_drive_file'
            }

            .md-icon-insert-emoticon::before {
                content: 'insert_emoticon'
            }

            .md-icon-insert-invitation::before {
                content: 'insert_invitation'
            }

            .md-icon-insert-link::before {
                content: 'insert_link'
            }

            .md-icon-insert-photo::before {
                content: 'insert_photo'
            }

            .md-icon-linear-scale::before {
                content: 'linear_scale'
            }

            .md-icon-merge-type::before {
                content: 'merge_type'
            }

            .md-icon-mode-comment::before {
                content: 'mode_comment'
            }

            .md-icon-mode-edit::before {
                content: 'mode_edit'
            }

            .md-icon-monetization-on::before {
                content: 'monetization_on'
            }

            .md-icon-money-off::before {
                content: 'money_off'
            }

            .md-icon-multiline-chart::before {
                content: 'multiline_chart'
            }

            .md-icon-pie-chart::before {
                content: 'pie_chart'
            }

            .md-icon-pie-chart-outlined::before {
                content: 'pie_chart_outlined'
            }

            .md-icon-publish::before {
                content: 'publish'
            }

            .md-icon-short-text::before {
                content: 'short_text'
            }

            .md-icon-show-chart::before {
                content: 'show_chart'
            }

            .md-icon-space-bar::before {
                content: 'space_bar'
            }

            .md-icon-strikethrough-s::before {
                content: 'strikethrough_s'
            }

            .md-icon-text-fields::before {
                content: 'text_fields'
            }

            .md-icon-title::before {
                content: 'title'
            }

            .md-icon-vertical-align-bottom::before {
                content: 'vertical_align_bottom'
            }

            .md-icon-vertical-align-center::before {
                content: 'vertical_align_center'
            }

            .md-icon-vertical-align-top::before {
                content: 'vertical_align_top'
            }

            .md-icon-wrap-text::before {
                content: 'wrap_text'
            }

            .md-icon-attachment::before {
                content: 'attachment'
            }

            .md-icon-cloud::before {
                content: 'cloud'
            }

            .md-icon-cloud-circle::before {
                content: 'cloud_circle'
            }

            .md-icon-cloud-done::before {
                content: 'cloud_done'
            }

            .md-icon-cloud-download::before {
                content: 'cloud_download'
            }

            .md-icon-cloud-off::before {
                content: 'cloud_off'
            }

            .md-icon-cloud-queue::before {
                content: 'cloud_queue'
            }

            .md-icon-cloud-upload::before {
                content: 'cloud_upload'
            }

            .md-icon-create-new-folder::before {
                content: 'create_new_folder'
            }

            .md-icon-file-download::before {
                content: 'file_download'
            }

            .md-icon-file-upload::before {
                content: 'file_upload'
            }

            .md-icon-folder::before {
                content: 'folder'
            }

            .md-icon-folder-open::before {
                content: 'folder_open'
            }

            .md-icon-folder-shared::before {
                content: 'folder_shared'
            }

            .md-icon-cast::before {
                content: 'cast'
            }

            .md-icon-cast-connected::before {
                content: 'cast_connected'
            }

            .md-icon-computer::before {
                content: 'computer'
            }

            .md-icon-desktop-mac::before {
                content: 'desktop_mac'
            }

            .md-icon-desktop-windows::before {
                content: 'desktop_windows'
            }

            .md-icon-developer-board::before {
                content: 'developer_board'
            }

            .md-icon-device-hub::before {
                content: 'device_hub'
            }

            .md-icon-devices-other::before {
                content: 'devices_other'
            }

            .md-icon-dock::before {
                content: 'dock'
            }

            .md-icon-gamepad::before {
                content: 'gamepad'
            }

            .md-icon-headset::before {
                content: 'headset'
            }

            .md-icon-headset-mic::before {
                content: 'headset_mic'
            }

            .md-icon-keyboard::before {
                content: 'keyboard'
            }

            .md-icon-keyboard-arrow-down::before {
                content: 'keyboard_arrow_down'
            }

            .md-icon-keyboard-arrow-left::before {
                content: 'keyboard_arrow_left'
            }

            .md-icon-keyboard-arrow-right::before {
                content: 'keyboard_arrow_right'
            }

            .md-icon-keyboard-arrow-up::before {
                content: 'keyboard_arrow_up'
            }

            .md-icon-keyboard-backspace::before {
                content: 'keyboard_backspace'
            }

            .md-icon-keyboard-capslock::before {
                content: 'keyboard_capslock'
            }

            .md-icon-keyboard-hide::before {
                content: 'keyboard_hide'
            }

            .md-icon-keyboard-return::before {
                content: 'keyboard_return'
            }

            .md-icon-keyboard-tab::before {
                content: 'keyboard_tab'
            }

            .md-icon-keyboard-voice::before {
                content: 'keyboard_voice'
            }

            .md-icon-laptop::before {
                content: 'laptop'
            }

            .md-icon-laptop-chromebook::before {
                content: 'laptop_chromebook'
            }

            .md-icon-laptop-mac::before {
                content: 'laptop_mac'
            }

            .md-icon-laptop-windows::before {
                content: 'laptop_windows'
            }

            .md-icon-memory::before {
                content: 'memory'
            }

            .md-icon-mouse::before {
                content: 'mouse'
            }

            .md-icon-phone-android::before {
                content: 'phone_android'
            }

            .md-icon-phone-iphone::before {
                content: 'phone_iphone'
            }

            .md-icon-phonelink::before {
                content: 'phonelink'
            }

            .md-icon-phonelink-off::before {
                content: 'phonelink_off'
            }

            .md-icon-power-input::before {
                content: 'power_input'
            }

            .md-icon-router::before {
                content: 'router'
            }

            .md-icon-scanner::before {
                content: 'scanner'
            }

            .md-icon-security::before {
                content: 'security'
            }

            .md-icon-sim-card::before {
                content: 'sim_card'
            }

            .md-icon-smartphone::before {
                content: 'smartphone'
            }

            .md-icon-speaker::before {
                content: 'speaker'
            }

            .md-icon-speaker-group::before {
                content: 'speaker_group'
            }

            .md-icon-tablet::before {
                content: 'tablet'
            }

            .md-icon-tablet-android::before {
                content: 'tablet_android'
            }

            .md-icon-tablet-mac::before {
                content: 'tablet_mac'
            }

            .md-icon-toys::before {
                content: 'toys'
            }

            .md-icon-tv::before {
                content: 'tv'
            }

            .md-icon-videogame-asset::before {
                content: 'videogame_asset'
            }

            .md-icon-watch::before {
                content: 'watch'
            }

            .md-icon-add-a-photo::before {
                content: 'add_a_photo'
            }

            .md-icon-add-to-photos::before {
                content: 'add_to_photos'
            }

            .md-icon-adjust::before {
                content: 'adjust'
            }

            .md-icon-assistant::before {
                content: 'assistant'
            }

            .md-icon-assistant-photo::before {
                content: 'assistant_photo'
            }

            .md-icon-audiotrack::before {
                content: 'audiotrack'
            }

            .md-icon-blur-circular::before {
                content: 'blur_circular'
            }

            .md-icon-blur-linear::before {
                content: 'blur_linear'
            }

            .md-icon-blur-off::before {
                content: 'blur_off'
            }

            .md-icon-blur-on::before {
                content: 'blur_on'
            }

            .md-icon-brightness-1::before {
                content: 'brightness_1'
            }

            .md-icon-brightness-2::before {
                content: 'brightness_2'
            }

            .md-icon-brightness-3::before {
                content: 'brightness_3'
            }

            .md-icon-brightness-4::before {
                content: 'brightness_4'
            }

            .md-icon-brightness-5::before {
                content: 'brightness_5'
            }

            .md-icon-brightness-6::before {
                content: 'brightness_6'
            }

            .md-icon-brightness-7::before {
                content: 'brightness_7'
            }

            .md-icon-broken-image::before {
                content: 'broken_image'
            }

            .md-icon-brush::before {
                content: 'brush'
            }

            .md-icon-burst-mode::before {
                content: 'burst_mode'
            }

            .md-icon-camera::before {
                content: 'camera'
            }

            .md-icon-camera-alt::before {
                content: 'camera_alt'
            }

            .md-icon-camera-front::before {
                content: 'camera_front'
            }

            .md-icon-camera-rear::before {
                content: 'camera_rear'
            }

            .md-icon-camera-roll::before {
                content: 'camera_roll'
            }

            .md-icon-center-focus-strong::before {
                content: 'center_focus_strong'
            }

            .md-icon-center-focus-weak::before {
                content: 'center_focus_weak'
            }

            .md-icon-collections::before {
                content: 'collections'
            }

            .md-icon-collections-bookmark::before {
                content: 'collections_bookmark'
            }

            .md-icon-color-lens::before {
                content: 'color_lens'
            }

            .md-icon-colorize::before {
                content: 'colorize'
            }

            .md-icon-compare::before {
                content: 'compare'
            }

            .md-icon-control-point::before {
                content: 'control_point'
            }

            .md-icon-control-point-duplicate::before {
                content: 'control_point_duplicate'
            }

            .md-icon-crop::before {
                content: 'crop'
            }

            .md-icon-crop-16-9::before {
                content: 'crop_16_9'
            }

            .md-icon-crop-3-2::before {
                content: 'crop_3_2'
            }

            .md-icon-crop-5-4::before {
                content: 'crop_5_4'
            }

            .md-icon-crop-7-5::before {
                content: 'crop_7_5'
            }

            .md-icon-crop-din::before {
                content: 'crop_din'
            }

            .md-icon-crop-free::before {
                content: 'crop_free'
            }

            .md-icon-crop-landscape::before {
                content: 'crop_landscape'
            }

            .md-icon-crop-original::before {
                content: 'crop_original'
            }

            .md-icon-crop-portrait::before {
                content: 'crop_portrait'
            }

            .md-icon-crop-rotate::before {
                content: 'crop_rotate'
            }

            .md-icon-crop-square::before {
                content: 'crop_square'
            }

            .md-icon-dehaze::before {
                content: 'dehaze'
            }

            .md-icon-details::before {
                content: 'details'
            }

            .md-icon-edit::before {
                content: 'edit'
            }

            .md-icon-exposure::before {
                content: 'exposure'
            }

            .md-icon-exposure-neg-1::before {
                content: 'exposure_neg_1'
            }

            .md-icon-exposure-neg-2::before {
                content: 'exposure_neg_2'
            }

            .md-icon-exposure-plus-1::before {
                content: 'exposure_plus_1'
            }

            .md-icon-exposure-plus-2::before {
                content: 'exposure_plus_2'
            }

            .md-icon-exposure-zero::before {
                content: 'exposure_zero'
            }

            .md-icon-filter::before {
                content: 'filter'
            }

            .md-icon-filter-1::before {
                content: 'filter_1'
            }

            .md-icon-filter-2::before {
                content: 'filter_2'
            }

            .md-icon-filter-3::before {
                content: 'filter_3'
            }

            .md-icon-filter-4::before {
                content: 'filter_4'
            }

            .md-icon-filter-5::before {
                content: 'filter_5'
            }

            .md-icon-filter-6::before {
                content: 'filter_6'
            }

            .md-icon-filter-7::before {
                content: 'filter_7'
            }

            .md-icon-filter-8::before {
                content: 'filter_8'
            }

            .md-icon-filter-9::before {
                content: 'filter_9'
            }

            .md-icon-filter-9-plus::before {
                content: 'filter_9_plus'
            }

            .md-icon-filter-b-and-w::before {
                content: 'filter_b_and_w'
            }

            .md-icon-filter-center-focus::before {
                content: 'filter_center_focus'
            }

            .md-icon-filter-drama::before {
                content: 'filter_drama'
            }

            .md-icon-filter-frames::before {
                content: 'filter_frames'
            }

            .md-icon-filter-hdr::before {
                content: 'filter_hdr'
            }

            .md-icon-filter-none::before {
                content: 'filter_none'
            }

            .md-icon-filter-tilt-shift::before {
                content: 'filter_tilt_shift'
            }

            .md-icon-filter-vintage::before {
                content: 'filter_vintage'
            }

            .md-icon-flare::before {
                content: 'flare'
            }

            .md-icon-flash-auto::before {
                content: 'flash_auto'
            }

            .md-icon-flash-off::before {
                content: 'flash_off'
            }

            .md-icon-flash-on::before {
                content: 'flash_on'
            }

            .md-icon-flip::before {
                content: 'flip'
            }

            .md-icon-gradient::before {
                content: 'gradient'
            }

            .md-icon-grain::before {
                content: 'grain'
            }

            .md-icon-grid-off::before {
                content: 'grid_off'
            }

            .md-icon-grid-on::before {
                content: 'grid_on'
            }

            .md-icon-hdr-off::before {
                content: 'hdr_off'
            }

            .md-icon-hdr-on::before {
                content: 'hdr_on'
            }

            .md-icon-hdr-strong::before {
                content: 'hdr_strong'
            }

            .md-icon-hdr-weak::before {
                content: 'hdr_weak'
            }

            .md-icon-healing::before {
                content: 'healing'
            }

            .md-icon-image::before {
                content: 'image'
            }

            .md-icon-image-aspect-ratio::before {
                content: 'image_aspect_ratio'
            }

            .md-icon-iso::before {
                content: 'iso'
            }

            .md-icon-landscape::before {
                content: 'landscape'
            }

            .md-icon-leak-add::before {
                content: 'leak_add'
            }

            .md-icon-leak-remove::before {
                content: 'leak_remove'
            }

            .md-icon-lens::before {
                content: 'lens'
            }

            .md-icon-linked-camera::before {
                content: 'linked_camera'
            }

            .md-icon-looks::before {
                content: 'looks'
            }

            .md-icon-looks-3::before {
                content: 'looks_3'
            }

            .md-icon-looks-4::before {
                content: 'looks_4'
            }

            .md-icon-looks-5::before {
                content: 'looks_5'
            }

            .md-icon-looks-6::before {
                content: 'looks_6'
            }

            .md-icon-looks-one::before {
                content: 'looks_one'
            }

            .md-icon-looks-two::before {
                content: 'looks_two'
            }

            .md-icon-loupe::before {
                content: 'loupe'
            }

            .md-icon-monochrome-photos::before {
                content: 'monochrome_photos'
            }

            .md-icon-movie-creation::before {
                content: 'movie_creation'
            }

            .md-icon-movie-filter::before {
                content: 'movie_filter'
            }

            .md-icon-music-note::before {
                content: 'music_note'
            }

            .md-icon-nature::before {
                content: 'nature'
            }

            .md-icon-nature-people::before {
                content: 'nature_people'
            }

            .md-icon-navigate-before::before {
                content: 'navigate_before'
            }

            .md-icon-navigate-next::before {
                content: 'navigate_next'
            }

            .md-icon-palette::before {
                content: 'palette'
            }

            .md-icon-panorama::before {
                content: 'panorama'
            }

            .md-icon-panorama-fish-eye::before {
                content: 'panorama_fish_eye'
            }

            .md-icon-panorama-horizontal::before {
                content: 'panorama_horizontal'
            }

            .md-icon-panorama-vertical::before {
                content: 'panorama_vertical'
            }

            .md-icon-panorama-wide-angle::before {
                content: 'panorama_wide_angle'
            }

            .md-icon-photo::before {
                content: 'photo'
            }

            .md-icon-photo-album::before {
                content: 'photo_album'
            }

            .md-icon-photo-camera::before {
                content: 'photo_camera'
            }

            .md-icon-photo-filter::before {
                content: 'photo_filter'
            }

            .md-icon-photo-library::before {
                content: 'photo_library'
            }

            .md-icon-photo-size-select-actual::before {
                content: 'photo_size_select_actual'
            }

            .md-icon-photo-size-select-large::before {
                content: 'photo_size_select_large'
            }

            .md-icon-photo-size-select-small::before {
                content: 'photo_size_select_small'
            }

            .md-icon-picture-as-pdf::before {
                content: 'picture_as_pdf'
            }

            .md-icon-portrait::before {
                content: 'portrait'
            }

            .md-icon-remove-red-eye::before {
                content: 'remove_red_eye'
            }

            .md-icon-rotate-90-degrees-ccw::before {
                content: 'rotate_90_degrees_ccw'
            }

            .md-icon-rotate-left::before {
                content: 'rotate_left'
            }

            .md-icon-rotate-right::before {
                content: 'rotate_right'
            }

            .md-icon-slideshow::before {
                content: 'slideshow'
            }

            .md-icon-straighten::before {
                content: 'straighten'
            }

            .md-icon-style::before {
                content: 'style'
            }

            .md-icon-switch-camera::before {
                content: 'switch_camera'
            }

            .md-icon-switch-video::before {
                content: 'switch_video'
            }

            .md-icon-tag-faces::before {
                content: 'tag_faces'
            }

            .md-icon-texture::before {
                content: 'texture'
            }

            .md-icon-timelapse::before {
                content: 'timelapse'
            }

            .md-icon-timer::before {
                content: 'timer'
            }

            .md-icon-timer-10::before {
                content: 'timer_10'
            }

            .md-icon-timer-3::before {
                content: 'timer_3'
            }

            .md-icon-timer-off::before {
                content: 'timer_off'
            }

            .md-icon-tonality::before {
                content: 'tonality'
            }

            .md-icon-transform::before {
                content: 'transform'
            }

            .md-icon-tune::before {
                content: 'tune'
            }

            .md-icon-view-comfy::before {
                content: 'view_comfy'
            }

            .md-icon-view-compact::before {
                content: 'view_compact'
            }

            .md-icon-vignette::before {
                content: 'vignette'
            }

            .md-icon-wb-auto::before {
                content: 'wb_auto'
            }

            .md-icon-wb-cloudy::before {
                content: 'wb_cloudy'
            }

            .md-icon-wb-incandescent::before {
                content: 'wb_incandescent'
            }

            .md-icon-wb-iridescent::before {
                content: 'wb_iridescent'
            }

            .md-icon-wb-sunny::before {
                content: 'wb_sunny'
            }

            .md-icon-add-location::before {
                content: 'add_location'
            }

            .md-icon-beenhere::before {
                content: 'beenhere'
            }

            .md-icon-directions::before {
                content: 'directions'
            }

            .md-icon-directions-bike::before {
                content: 'directions_bike'
            }

            .md-icon-directions-boat::before {
                content: 'directions_boat'
            }

            .md-icon-directions-bus::before {
                content: 'directions_bus'
            }

            .md-icon-directions-car::before {
                content: 'directions_car'
            }

            .md-icon-directions-railway::before {
                content: 'directions_railway'
            }

            .md-icon-directions-run::before {
                content: 'directions_run'
            }

            .md-icon-directions-subway::before {
                content: 'directions_subway'
            }

            .md-icon-directions-transit::before {
                content: 'directions_transit'
            }

            .md-icon-directions-walk::before {
                content: 'directions_walk'
            }

            .md-icon-edit-location::before {
                content: 'edit_location'
            }

            .md-icon-ev-station::before {
                content: 'ev_station'
            }

            .md-icon-flight::before {
                content: 'flight'
            }

            .md-icon-hotel::before {
                content: 'hotel'
            }

            .md-icon-layers::before {
                content: 'layers'
            }

            .md-icon-layers-clear::before {
                content: 'layers_clear'
            }

            .md-icon-local-activity::before {
                content: 'local_activity'
            }

            .md-icon-local-airport::before {
                content: 'local_airport'
            }

            .md-icon-local-atm::before {
                content: 'local_atm'
            }

            .md-icon-local-bar::before {
                content: 'local_bar'
            }

            .md-icon-local-cafe::before {
                content: 'local_cafe'
            }

            .md-icon-local-car-wash::before {
                content: 'local_car_wash'
            }

            .md-icon-local-convenience-store::before {
                content: 'local_convenience_store'
            }

            .md-icon-local-dining::before {
                content: 'local_dining'
            }

            .md-icon-local-drink::before {
                content: 'local_drink'
            }

            .md-icon-local-florist::before {
                content: 'local_florist'
            }

            .md-icon-local-gas-station::before {
                content: 'local_gas_station'
            }

            .md-icon-local-grocery-store::before {
                content: 'local_grocery_store'
            }

            .md-icon-local-hospital::before {
                content: 'local_hospital'
            }

            .md-icon-local-hotel::before {
                content: 'local_hotel'
            }

            .md-icon-local-laundry-service::before {
                content: 'local_laundry_service'
            }

            .md-icon-local-library::before {
                content: 'local_library'
            }

            .md-icon-local-mall::before {
                content: 'local_mall'
            }

            .md-icon-local-movies::before {
                content: 'local_movies'
            }

            .md-icon-local-offer::before {
                content: 'local_offer'
            }

            .md-icon-local-parking::before {
                content: 'local_parking'
            }

            .md-icon-local-pharmacy::before {
                content: 'local_pharmacy'
            }

            .md-icon-local-phone::before {
                content: 'local_phone'
            }

            .md-icon-local-pizza::before {
                content: 'local_pizza'
            }

            .md-icon-local-play::before {
                content: 'local_play'
            }

            .md-icon-local-post-office::before {
                content: 'local_post_office'
            }

            .md-icon-local-printshop::before {
                content: 'local_printshop'
            }

            .md-icon-local-see::before {
                content: 'local_see'
            }

            .md-icon-local-shipping::before {
                content: 'local_shipping'
            }

            .md-icon-local-taxi::before {
                content: 'local_taxi'
            }

            .md-icon-map::before {
                content: 'map'
            }

            .md-icon-my-location::before {
                content: 'my_location'
            }

            .md-icon-navigation::before {
                content: 'navigation'
            }

            .md-icon-near-me::before {
                content: 'near_me'
            }

            .md-icon-person-pin::before {
                content: 'person_pin'
            }

            .md-icon-person-pin-circle::before {
                content: 'person_pin_circle'
            }

            .md-icon-pin-drop::before {
                content: 'pin_drop'
            }

            .md-icon-place::before {
                content: 'place'
            }

            .md-icon-rate-review::before {
                content: 'rate_review'
            }

            .md-icon-restaurant::before {
                content: 'restaurant'
            }

            .md-icon-restaurant-menu::before {
                content: 'restaurant_menu'
            }

            .md-icon-satellite::before {
                content: 'satellite'
            }

            .md-icon-store-mall-directory::before {
                content: 'store_mall_directory'
            }

            .md-icon-streetview::before {
                content: 'streetview'
            }

            .md-icon-subway::before {
                content: 'subway'
            }

            .md-icon-terrain::before {
                content: 'terrain'
            }

            .md-icon-traffic::before {
                content: 'traffic'
            }

            .md-icon-train::before {
                content: 'train'
            }

            .md-icon-tram::before {
                content: 'tram'
            }

            .md-icon-transfer-within-a-station::before {
                content: 'transfer_within_a_station'
            }

            .md-icon-zoom-out-map::before {
                content: 'zoom_out_map'
            }

            .md-icon-apps::before {
                content: 'apps'
            }

            .md-icon-arrow-back::before {
                content: 'arrow_back'
            }

            .md-icon-arrow-downward::before {
                content: 'arrow_downward'
            }

            .md-icon-arrow-drop-down::before {
                content: 'arrow_drop_down'
            }

            .md-icon-arrow-drop-down-circle::before {
                content: 'arrow_drop_down_circle'
            }

            .md-icon-arrow-drop-up::before {
                content: 'arrow_drop_up'
            }

            .md-icon-arrow-forward::before {
                content: 'arrow_forward'
            }

            .md-icon-arrow-upward::before {
                content: 'arrow_upward'
            }

            .md-icon-cancel::before {
                content: 'cancel'
            }

            .md-icon-check::before {
                content: 'check'
            }

            .md-icon-chevron-left::before {
                content: 'chevron_left'
            }

            .md-icon-chevron-right::before {
                content: 'chevron_right'
            }

            .md-icon-close::before {
                content: 'close'
            }

            .md-icon-expand-less::before {
                content: 'expand_less'
            }

            .md-icon-expand-more::before {
                content: 'expand_more'
            }

            .md-icon-first-page::before {
                content: 'first_page'
            }

            .md-icon-fullscreen::before {
                content: 'fullscreen'
            }

            .md-icon-fullscreen-exit::before {
                content: 'fullscreen_exit'
            }

            .md-icon-last-page::before {
                content: 'last_page'
            }

            .md-icon-menu::before {
                content: 'menu'
            }

            .md-icon-more-horiz::before {
                content: 'more_horiz'
            }

            .md-icon-more-vert::before {
                content: 'more_vert'
            }

            .md-icon-refresh::before {
                content: 'refresh'
            }

            .md-icon-subdirectory-arrow-left::before {
                content: 'subdirectory_arrow_left'
            }

            .md-icon-subdirectory-arrow-right::before {
                content: 'subdirectory_arrow_right'
            }

            .md-icon-adb::before {
                content: 'adb'
            }

            .md-icon-airline-seat-flat::before {
                content: 'airline_seat_flat'
            }

            .md-icon-airline-seat-flat-angled::before {
                content: 'airline_seat_flat_angled'
            }

            .md-icon-airline-seat-individual-suite::before {
                content: 'airline_seat_individual_suite'
            }

            .md-icon-airline-seat-legroom-extra::before {
                content: 'airline_seat_legroom_extra'
            }

            .md-icon-airline-seat-legroom-normal::before {
                content: 'airline_seat_legroom_normal'
            }

            .md-icon-airline-seat-legroom-reduced::before {
                content: 'airline_seat_legroom_reduced'
            }

            .md-icon-airline-seat-recline-extra::before {
                content: 'airline_seat_recline_extra'
            }

            .md-icon-airline-seat-recline-normal::before {
                content: 'airline_seat_recline_normal'
            }

            .md-icon-bluetooth-audio::before {
                content: 'bluetooth_audio'
            }

            .md-icon-confirmation-number::before {
                content: 'confirmation_number'
            }

            .md-icon-disc-full::before {
                content: 'disc_full'
            }

            .md-icon-do-not-disturb::before {
                content: 'do_not_disturb'
            }

            .md-icon-do-not-disturb-alt::before {
                content: 'do_not_disturb_alt'
            }

            .md-icon-do-not-disturb-off::before {
                content: 'do_not_disturb_off'
            }

            .md-icon-do-not-disturb-on::before {
                content: 'do_not_disturb_on'
            }

            .md-icon-drive-eta::before {
                content: 'drive_eta'
            }

            .md-icon-enhanced-encryption::before {
                content: 'enhanced_encryption'
            }

            .md-icon-event-available::before {
                content: 'event_available'
            }

            .md-icon-event-busy::before {
                content: 'event_busy'
            }

            .md-icon-event-note::before {
                content: 'event_note'
            }

            .md-icon-folder-special::before {
                content: 'folder_special'
            }

            .md-icon-live-tv::before {
                content: 'live_tv'
            }

            .md-icon-mms::before {
                content: 'mms'
            }

            .md-icon-more::before {
                content: 'more'
            }

            .md-icon-network-check::before {
                content: 'network_check'
            }

            .md-icon-network-locked::before {
                content: 'network_locked'
            }

            .md-icon-no-encryption::before {
                content: 'no_encryption'
            }

            .md-icon-ondemand-video::before {
                content: 'ondemand_video'
            }

            .md-icon-personal-video::before {
                content: 'personal_video'
            }

            .md-icon-phone-bluetooth-speaker::before {
                content: 'phone_bluetooth_speaker'
            }

            .md-icon-phone-forwarded::before {
                content: 'phone_forwarded'
            }

            .md-icon-phone-in-talk::before {
                content: 'phone_in_talk'
            }

            .md-icon-phone-locked::before {
                content: 'phone_locked'
            }

            .md-icon-phone-missed::before {
                content: 'phone_missed'
            }

            .md-icon-phone-paused::before {
                content: 'phone_paused'
            }

            .md-icon-power::before {
                content: 'power'
            }

            .md-icon-priority-high::before {
                content: 'priority_high'
            }

            .md-icon-sd-card::before {
                content: 'sd_card'
            }

            .md-icon-sim-card-alert::before {
                content: 'sim_card_alert'
            }

            .md-icon-sms::before {
                content: 'sms'
            }

            .md-icon-sms-failed::before {
                content: 'sms_failed'
            }

            .md-icon-sync::before {
                content: 'sync'
            }

            .md-icon-sync-disabled::before {
                content: 'sync_disabled'
            }

            .md-icon-sync-problem::before {
                content: 'sync_problem'
            }

            .md-icon-system-update::before {
                content: 'system_update'
            }

            .md-icon-tap-and-play::before {
                content: 'tap_and_play'
            }

            .md-icon-time-to-leave::before {
                content: 'time_to_leave'
            }

            .md-icon-vibration::before {
                content: 'vibration'
            }

            .md-icon-voice-chat::before {
                content: 'voice_chat'
            }

            .md-icon-vpn-lock::before {
                content: 'vpn_lock'
            }

            .md-icon-wc::before {
                content: 'wc'
            }

            .md-icon-wifi::before {
                content: 'wifi'
            }

            .md-icon-ac-unit::before {
                content: 'ac_unit'
            }

            .md-icon-airport-shuttle::before {
                content: 'airport_shuttle'
            }

            .md-icon-all-inclusive::before {
                content: 'all_inclusive'
            }

            .md-icon-beach-access::before {
                content: 'beach_access'
            }

            .md-icon-business-center::before {
                content: 'business_center'
            }

            .md-icon-casino::before {
                content: 'casino'
            }

            .md-icon-child-care::before {
                content: 'child_care'
            }

            .md-icon-child-friendly::before {
                content: 'child_friendly'
            }

            .md-icon-fitness-center::before {
                content: 'fitness_center'
            }

            .md-icon-free-breakfast::before {
                content: 'free_breakfast'
            }

            .md-icon-golf-course::before {
                content: 'golf_course'
            }

            .md-icon-hot-tub::before {
                content: 'hot_tub'
            }

            .md-icon-kitchen::before {
                content: 'kitchen'
            }

            .md-icon-pool::before {
                content: 'pool'
            }

            .md-icon-room-service::before {
                content: 'room_service'
            }

            .md-icon-rv-hookup::before {
                content: 'rv_hookup'
            }

            .md-icon-smoke-free::before {
                content: 'smoke_free'
            }

            .md-icon-smoking-rooms::before {
                content: 'smoking_rooms'
            }

            .md-icon-spa::before {
                content: 'spa'
            }

            .md-icon-cake::before {
                content: 'cake'
            }

            .md-icon-domain::before {
                content: 'domain'
            }

            .md-icon-group::before {
                content: 'group'
            }

            .md-icon-group-add::before {
                content: 'group_add'
            }

            .md-icon-location-city::before {
                content: 'location_city'
            }

            .md-icon-mood::before {
                content: 'mood'
            }

            .md-icon-mood-bad::before {
                content: 'mood_bad'
            }

            .md-icon-notifications::before {
                content: 'notifications'
            }

            .md-icon-notifications-active::before {
                content: 'notifications_active'
            }

            .md-icon-notifications-none::before {
                content: 'notifications_none'
            }

            .md-icon-notifications-off::before {
                content: 'notifications_off'
            }

            .md-icon-notifications-paused::before {
                content: 'notifications_paused'
            }

            .md-icon-pages::before {
                content: 'pages'
            }

            .md-icon-party-mode::before {
                content: 'party_mode'
            }

            .md-icon-people::before {
                content: 'people'
            }

            .md-icon-people-outline::before {
                content: 'people_outline'
            }

            .md-icon-person::before {
                content: 'person'
            }

            .md-icon-person-add::before {
                content: 'person_add'
            }

            .md-icon-person-outline::before {
                content: 'person_outline'
            }

            .md-icon-plus-one::before {
                content: 'plus_one'
            }

            .md-icon-poll::before {
                content: 'poll'
            }

            .md-icon-public::before {
                content: 'public'
            }

            .md-icon-school::before {
                content: 'school'
            }

            .md-icon-sentiment-dissatisfied::before {
                content: 'sentiment_dissatisfied'
            }

            .md-icon-sentiment-neutral::before {
                content: 'sentiment_neutral'
            }

            .md-icon-sentiment-satisfied::before {
                content: 'sentiment_satisfied'
            }

            .md-icon-sentiment-very-dissatisfied::before {
                content: 'sentiment_very_dissatisfied'
            }

            .md-icon-sentiment-very-satisfied::before {
                content: 'sentiment_very_satisfied'
            }

            .md-icon-share::before {
                content: 'share'
            }

            .md-icon-whatshot::before {
                content: 'whatshot'
            }

            .md-icon-check-box::before {
                content: 'check_box'
            }

            .md-icon-check-box-outline-blank::before {
                content: 'check_box_outline_blank'
            }

            .md-icon-indeterminate-check-box::before {
                content: 'indeterminate_check_box'
            }

            .md-icon-radio-button-checked::before {
                content: 'radio_button_checked'
            }

            .md-icon-radio-button-unchecked::before {
                content: 'radio_button_unchecked'
            }

            .md-icon-star::before {
                content: 'star'
            }

            .md-icon-star-border::before {
                content: 'star_border'
            }

            .md-icon-star-half::before {
                content: 'star_half'
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 400;
                font-style: normal;
                src: local('Roboto Regular'), local('Roboto-Regular'), url("fonts/roboto/Roboto-Regular.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 100;
                font-style: normal;
                src: local('Roboto Light'), local('Roboto-Light'), url("fonts/roboto/Roboto-Light.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 600;
                font-style: normal;
                src: local('Roboto Medium'), local('Roboto-Medium'), url("fonts/roboto/Roboto-Medium.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 900;
                font-style: normal;
                src: local('Roboto Bold'), local('Roboto-Bold'), url("fonts/roboto/Roboto-Bold.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: normal;
                font-style: italic;
                src: local('Roboto Italic'), local('Roboto-Italic'), url("fonts/roboto/Roboto-Italic.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Material Icons';
                font-style: normal;
                font-weight: 400;
                src: local('Material Icons'), local('MaterialIcons-Regular'), url("fonts/MaterialIcons-Regular.ttf") format('truetype')
            }

            html,body {
                font-family: 'Roboto', sans-serif;
                color: rgba(0, 0, 0, 0.87);
                color: var(--color);
            }

            .x-indicator span {
                transition: background-color 0.25s ease-out, width 0.1s ease-out, height 0.1s ease-out
            }

            .x-gridcell.x-treelist-item {
                border: none
            }

            .x-button-fab .x-inner-el {
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.18), 2px 2px 5px 0 rgba(0, 0, 0, 0.12);
                z-index: 2;
                color: #222;
                color: var(--accent-foreground-color);
                display: flex;
                width: 56px;
                height: 56px;
                background-color: #ff9800;
                background-color: var(--accent-color);
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: background-color 450ms cubic-bezier(0.23,1,0.32,1)
            }

            .x-button-fab .x-ripple {
                background-color: #222;
                background-color: var(--accent-foreground-color);
            }

            .x-button-fab.x-hovered .x-inner-el {
                background-color: #ffb74d;
                background-color: var(--accent-pressed-color);
            }

            .x-keyboard-mode .x-button-fab.x-focused .x-inner-el {
                background-color: #ffb74d;
                background-color: var(--accent-pressed-color);
            }

            .x-big .x-button-fab .x-inner-el {
                border-radius: 50%
            }

            .x-button-fab .x-icon-el {
                color: #222;
                color: var(--accent-foreground-color);
            }

            .x-button-fab.x-pressing .x-inner-el {
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.21), 2px 2px 6px 0 rgba(0, 0, 0, 0.18);
                z-index: 3;
                background-color: #ffb74d;
                background-color: var(--accent-pressed-color);
            }

            .x-button-fab.x-pressing .x-inner-el .x-icon-el {
                color: #222;
                color: var(--accent-foreground-color);
            }

            .x-docked-top .x-has-badge .x-badge-el {
                top: -8px
            }

            .x-has-badge .x-badge-el {
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: center;
                display: block;
                overflow: hidden;
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                z-index: 1
            }

            .x-toolbar-body-el {
                overflow: visible
            }

            .x-toolbar-body-el > .x-title {
                transition: 0.25s padding ease-out
            }

            .x-panelheader .x-field {
                background-color: transparent;
                border-bottom-color: rgba(255, 255, 255, 0.38);
                border-bottom-color: var(--reverse-disabled-color);
            }

            .x-panelheader .x-field .x-label-el {
                color: #ff9800;
                color: var(--accent-color);
            }

            .x-panelheader .x-field.x-focused {
                border-bottom-color: #ff9800;
                border-bottom-color: var(--accent-color);
            }

            .x-panelheader .x-input .x-cleartrigger .x-icon-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-panelheader .x-input .x-input-el {
                -webkit-text-fill-color: #fff;
                -webkit-text-fill-color: var(--base-foreground-color);
            }

            .x-panelheader .x-toggleslider.x-on {
                background-color: #ffb74d;
                background-color: var(--accent-pressed-color);
            }

            .x-panelheader .x-toggleslider.x-on .x-thumb:after {
                background-color: #ff9800;
                background-color: var(--accent-color);
            }

            .x-itemheader.x-pinned {
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                z-index: 3
            }

            .x-listitem-disclosure .x-icon-el {
                transition: background-color 0.28s cubic-bezier(0.4,0,0.2,1)
            }

            .x-indexbar-indicator {
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.18), 2px 2px 5px 0 rgba(0, 0, 0, 0.12);
                z-index: 2
            }

            .x-slider .x-thumb {
                transition: transform 0.15s ease-out
            }

            .x-slider .x-thumb:active {
                -webkit-transform: scale(1.5);
                transform: scale(1.5)
            }

            .x-slider .x-thumb.x-disabled:active {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .x-toggleslider .x-thumb {
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                z-index: 1
            }

            .x-toggleslider .x-thumb:active {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .x-tabbar-body-el {
                overflow: visible;
                padding: 0
            }

            .x-big .x-tabbar-body-el {
                padding: 0
            }

            @media (max-width: 600px) {
            }

            .x-header-body-separator {
                border: 0;
                border-top: 1px solid rgba(0, 0, 0, 0.12);
                width: 100%
            }

            .x-header-body-container {
                margin: 0px -40px 16px -40px
            }

            .x-header-body-container-small {
                margin: 0px -16px 8px -68px
            }

            .x-field {
                min-height: 72px
            }

            .x-field > .x-label-el {
                padding: 0px
            }

            .x-passwordfield.im-visibility-off .x-revealtrigger .x-icon-el:before {
                content: "visibility" !important
            }

            .x-revealtrigger .x-icon-el:before {
                content: "visibility_off"
            }

            ::-ms-clear,::-ms-reveal {
                display: none
            }

            @keyframes onAutoFillStart {
            }

            input:-webkit-autofill {
                animation-name: onAutoFillStart
            }

            .x-field > * > * > .x-error-message-el,.x-component-ErrorBox-body-el .x-innerhtml > * {
                font-size: 12px
            }

            * {
                -webkit-user-select: text !important
            }

            .x-dataview .x-mask.x-loading-mask {
                display: none !important
            }

            .x-listitem .x-listitem-inner-el {
                width: 100%
            }

            .x-listitem .x-listitem-inner-el .x-list-label {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
                display: block
            }

            .x-listitem .x-listitem-inner-el .x-list-label b {
                overflow: visible;
                white-space: normal
            }

            .x-listitem .x-listitem-inner-el .x-innerhtml {
                width: 100%
            }

            .im-checkbox {
                display: none
            }

            .im-checkbox + label:before {
                content: "check_box_outline_blank" !important;
                color: #9e9e9e
            }

            .im-checkbox:checked +label:before {
                content: "check_box" !important;
                color: #005596;
                color: var(--base-color);
            }

            .im-add-box.im-checkbox + label:before {
                content: "person_add" !important;
                color: #005596;
                color: var(--base-color);
            }

            .im-add-box.im-checkbox:checked +label:before {
                content: "person_add" !important;
                color: #005596;
                color: var(--base-color);
            }

            .dropbtn {
                cursor: pointer;
                position: absolute;
                width: 37px;
                height: 37px;
                right: 0;
                text-align: center;
                top: 5px;
                padding-top: 10px;
                color: rgba(0, 0, 0, 0.54);
                font-size: larger
            }

            @media (max-width: 600px) {
                .dropbtn.x-box-item {
                    right:-22px
                }
            }

            .dropdown {
                position: relative;
                display: inline-block;
                float: right
            }

            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #f5f5f5;
                background-color: var(--background-color);
                min-width: 160px;
                box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.54);
                z-index: 10;
                right: 30px;
                top: 22px;
                border-color: #e1e1e1 !important;
                border-radius: 2px;
                box-sizing: border-box;
                border-color: #e0e0e0;
                padding: 8px 0px
            }

            .last-dropdown-content {
                top: -60px !important
            }

            .dropdown-content.dropdown-content-wide {
                min-width: 225px
            }

            .dropdown-content a {
                color: rgba(0, 0, 0, 0.87);
                padding: 6px 24px;
                text-decoration: none;
                display: block;
                font-size: 14px;
                font-family: Roboto, Arial, sans-serif;
                font-weight: 400;
                line-height: 18px;
                color: rgba(0, 0, 0, 0.87)
            }

            .dropdown-content a.remove-link {
                color: red
            }

            .dropdown-content a:hover {
                background-color: #e0e0e0
            }

            .show {
                display: block
            }

            .x-label {
                max-width: 100%
            }



            .x-fa:before {
                font-size: 18px
            }

            .x-show-block {
                display: block !important
            }

            .x-ma:before {
                font-family: 'Material Icons' !important;
                font-size: 24px !important;
                cursor: pointer !important;
                font-feature-settings: 'liga';
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                text-rendering: optimizeLegibility
            }

            .ma-menu:before {
                content: "menu" !important
            }

            .ma-monetization-on:before {
                content: "monetization_on" !important
            }

            .ma-account-circle:before {
                content: "account_circle" !important
            }

            .ma-keyboard-arrow-left:before {
                content: "keyboard_arrow_left" !important
            }

            .ma-keyboard-arrow-up:before {
                content: "keyboard_arrow_up" !important
            }

            .ma-keyboard-arrow-down:before {
                content: "keyboard_arrow_down" !important
            }

            .ma-payment:before {
                content: "payment" !important
            }

            .ma-description:before {
                content: "description" !important
            }

            .ma-date-range:before {
                content: "date_range" !important
            }

            .ma-account-balance-wallet:before {
                content: "account_balance_wallet" !important
            }

            .ma-cached:before {
                content: "cached" !important
            }

            .ma-more-vert:before {
                content: "more_vert" !important
            }

            .ma-arrow-forward:before {
                content: "arrow_forward" !important
            }

            .ma-arrow-back:before {
                content: "arrow_back" !important
            }

            .ma-settings:before {
                content: "settings" !important
            }

            .ma-add:before {
                content: "add" !important
            }

            .ma-lock-outline:before {
                content: "lock_outline" !important
            }

            .ma-done:before {
                content: "done"
            }

            .green-ma-done:before {
                content: "done";
                color: #2ebd59
            }

            .ma-clear:before {
                content: "clear"
            }

            .red-ma-clear:before {
                content: "clear";
                color: #d50000
            }

            .ma-check-circle:before {
                content: "check_circle" !important;
                color: #2ebd59
            }

            .ma-person-add:before {
                content: "person_add" !important
            }

            .ma-autorenew:before {
                content: "autorenew" !important
            }

            .ma-phonelink-ring:before {
                content: "phonelink_ring" !important
            }

            .ma-create-new-folder:before {
                content: "create_new_folder" !important
            }

            .ma-update:before {
                content: "update" !important
            }

            .ma-credit-card:before {
                content: "credit_card" !important
            }

            .ma-search:before {
                content: "search" !important
            }

            .ma-clear:before {
                content: "clear" !important
            }

            .ma-check:before {
                content: "check" !important
            }

            .ma-check-green:before {
                content: "check" !important;
                color: #2ebd59
            }

            .ma-error:before {
                content: "error" !important
            }

            .ma-mode-edit:before {
                content: "mode_edit" !important
            }

            .ma-location-on:before {
                content: "location_on" !important
            }

            .ma-indeterminate-check-box:before {
                content: "indeterminate_check_box" !important;
                color: #005596;
                color: var(--base-color);
            }

            .ma-check-box:before {
                content: "check_box" !important;
                color: #005596;
                color: var(--base-color);
            }

            .ma-check-box.disabled:before {
                content: "check_box" !important;
                color: #9e9e9e
            }

            .ma-check-box-outline-blank:before {
                content: "check_box_outline_blank" !important;
                color: #9e9e9e
            }

            .x-trigger.x-ma.green-ma-done .x-icon-el:before,.x-trigger.x-ma.red-ma-clear .x-icon-el:before {
                display: none !important
            }

            .x-tool.SmallIcon .x-icon-el:before {
                font-size: 16px !important
            }

            .im-hide-reveal .x-icon-el:before {
                display: none !important
            }

            .im-display-flex {
                display: flex
            }

            .secondary-color.x-ma {
                color: rgba(0, 0, 0, 0.54) !important
            }

            .grey .x-ma:before {
                color: rgba(0, 0, 0, 0.54);
                font-size: 20px !important;
                margin-top: -4px
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 300;
                font-style: normal;
                src: local('Roboto Light'), local('Roboto-Light'), url("fonts/roboto/Roboto-Light.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 400;
                font-style: normal;
                src: local('Roboto Regular'), local('Roboto-Regular'), url("fonts/roboto/Roboto-Regular.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 500;
                font-style: normal;
                src: local('Roboto Medium'), local('Roboto-Medium'), url("fonts/roboto/Roboto-Medium.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 700;
                font-style: normal;
                src: local('Roboto Bold'), local('Roboto-Bold'), url("fonts/roboto/Roboto-Bold.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto';
                font-weight: 900;
                font-style: normal;
                src: local('Roboto Black'), local('Roboto-Black'), url("fonts/roboto/Roboto-Black.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Proxima Nova';
                font-style: normal;
                src: local('Proxima Nova'), local('Proxima-Nova'), url("fonts/ProximaNova/ProximaNova-Regular.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto Slab';
                font-weight: 100;
                font-style: normal;
                src: local('Roboto Slab-Thin'), local('Roboto Slab Thin'), url("fonts/roboto/RobotoSlab-Thin.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto Slab';
                font-weight: 300;
                font-style: normal;
                src: local('Roboto Slab-Light'), local('Roboto Slab Light'), url("fonts/roboto/RobotoSlab-Light.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto Slab';
                font-weight: 400;
                font-style: normal;
                src: local('Roboto Slab-Regular'), local('Roboto Slab Regular'), url("fonts/roboto/RobotoSlab-Regular.ttf") format('truetype')
            }

            @font-face {
                font-family: 'Roboto Slab';
                font-weight: 700;
                font-style: normal;
                src: local('Roboto Slab-Bold'), local('Roboto Slab Bold'), url("fonts/roboto/RobotoSlab-Bold.ttf") format('truetype')
            }

            .x-clickable {
                cursor: pointer !important
            }

            .x-list-spacing {
                margin-bottom: 24px;
                display: flex
            }

            .floatLeft {
                float: left !important
            }

            .spotLight {
                background-color: #ccc;
                -moz-opacity: 0.5;
                opacity: 0.5;
                filter: opacity=50
            }

            .horizontalCentering {
                margin: 0 auto
            }

            .x-img {
                width: 16px;
                height: 16px
            }

            .x-toast {
                top: 40%
            }

            .x-instaMedTrigger.x-trigger .x-icon-el {
                display: none !important
            }

            .x-instaMedTrigger.x-trigger .x-icon-el:before {
                content: none !important
            }

            .x-dialogtool .x-icon-el {
                color: #616161;
                position: absolute;
                top: -30px;
                width: 40px;
                height: 40px;
                right: -24px
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-messagebox-body-el {
                padding: 0px 24px !important
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-layout-box {
                justify-content: flex-end
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action {
                min-width: 0px !important;
                margin-left: 8px
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: transparent
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action .x-inner-el .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-focused .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-hovered .x-inner-el,.x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-focused .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-hovered .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-focused .x-inner-el .x-text-el,.x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-focused .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-hovered .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-hovered .x-inner-el .x-icon-el,.x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-focused .x-inner-el .x-text-el,.x-keyboard-mode .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-focused .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-hovered .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-hovered .x-inner-el .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressed .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressing .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressed .x-inner-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressing .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressed .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressed .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressing .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-pressing .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressed .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressed .x-inner-el .x-icon-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressing .x-inner-el .x-text-el,.x-messagebox.x-dialog.x-panel .x-messagebox-body-wrap-el .x-toolbar .x-button.x-button-action.x-pressing .x-inner-el .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-dialog .x-spacer {
                flex: none !important
            }

            .im-incontext-frame .x-viewport-body-el {
                background: none !important
            }

            .im-incontext-frame .x-layout-card-item {
                background-color: rgba(0, 0, 0, 0.7)
            }

            .im-incontext-frame .x-formpanel {
                margin-top: 30px !important
            }

            @media (max-width: 600px) {
                .im-incontext-frame .x-formpanel-body-el {
                    padding:14px 24px 24px
                }

                .im-incontext-frame .x-formpanel-body-el {
                    border-radius: 2px
                }

                .im-incontext-frame .x-formpanel {
                    border-radius: 2px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16)
                }
            }

            .im-embedded-frame .x-viewport-body-el {
                background: none !important
            }

            .im-embedded-frame .x-layout-card-item {
                background: none !important
            }

            .hidden {
                display: none !important
            }

            @media (max-width: 600px) {
                .hiddenxs {
                    display:none !important
                }

                .im-vertical-offset {
                    margin-top: 0px
                }
            }

            @media (min-width: 601px) and (max-width: 960px) {
                .hiddensm {
                    display:none !important
                }

                .im-vertical-offset {
                    margin-top: 36px
                }
            }

            @media (min-width: 961px) and (max-width: 1272px) {
                .hiddenmd {
                    display:none !important
                }

                .im-vertical-offset {
                    margin-top: 36px
                }
            }

            @media (min-width: 1273px) {
                .hiddenlg {
                    display:none !important
                }

                .im-vertical-offset {
                    margin-top: 48px
                }
            }

            @media (max-width: 601px) {
                .xsmallOneColumn,.xsmallTwoColumn,.xsmallThreeColumn,.xsmallFourColumn,.xsmallFiveColumn,.xsmallSixColumn,.xsmallSevenColumn,.xsmallEightColumn,.xsmallNineColumn,.xsmallTenColumn,.xsmallElevenColumn,.xsmallTwelveColumn {
                    float:left !important
                }

                .xsmallOneColumn {
                    width: calc(8.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallTwoColumn {
                    width: calc(16.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallThreeColumn {
                    width: calc(25% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallFourColumn {
                    width: calc(33.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallFiveColumn {
                    width: calc(41.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallSixColumn {
                    width: calc(50% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallSevenColumn {
                    width: calc(58.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallEightColumn {
                    width: calc(66.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallNineColumn {
                    width: calc(75% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallTenColumn {
                    width: calc(83.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallElevenColumn {
                    width: calc(91.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .xsmallTwelveColumn {
                    width: calc(100% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .col-xsmall-offSet-12 {
                    left: 100%
                }

                .col-xsmall-offSet-11 {
                    left: 91.66%
                }

                .col-xsmall-offSet-10 {
                    left: 83.33%
                }

                .col-xsmall-offSet-9 {
                    left: 75%
                }

                .col-xsmall-offSet-8 {
                    left: 66.66%
                }

                .col-xsmall-offSet-7 {
                    left: 58.33%
                }

                .col-xsmall-offSet-6 {
                    left: 50%
                }

                .col-xsmall-offSet-5 {
                    left: 41.66%
                }

                .col-xsmall-offSet-4 {
                    left: 33.33%
                }

                .col-xsmall-offSet-3 {
                    left: 25%
                }

                .col-xsmall-offSet-2 {
                    left: 16.66%
                }

                .col-xsmall-offSet-1 {
                    left: 8.33%
                }

                .col-xsmall-offSet-0 {
                    left: 0%
                }
            }

            @media (min-width: 601px) {
                .smallOneColumn,.smallTwoColumn,.smallThreeColumn,.smallFourColumn,.smallFiveColumn,.smallSixColumn,.smallSevenColumn,.smallEightColumn,.smallNineColumn,.smallTenColumn,.smallElevenColumn,.smallTwelveColumn {
                    float:left !important
                }

                .smallOneColumn {
                    width: calc(8.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallTwoColumn {
                    width: calc(16.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallThreeColumn {
                    width: calc(25% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallFourColumn {
                    width: calc(33.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallFiveColumn {
                    width: calc(41.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallSixColumn {
                    width: calc(50% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallSevenColumn {
                    width: calc(58.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallEightColumn {
                    width: calc(66.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallNineColumn {
                    width: calc(75% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallTenColumn {
                    width: calc(83.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallElevenColumn {
                    width: calc(91.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .smallTwelveColumn {
                    width: calc(100% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .col-small-offSet-12 {
                    left: 100%
                }

                .col-small-offSet-11 {
                    left: 91.66%
                }

                .col-small-offSet-10 {
                    left: 83.33%
                }

                .col-small-offSet-9 {
                    left: 75%
                }

                .col-small-offSet-8 {
                    left: 66.66%
                }

                .col-small-offSet-7 {
                    left: 58.33%
                }

                .col-small-offSet-6 {
                    left: 50%
                }

                .col-small-offSet-5 {
                    left: 41.66%
                }

                .col-small-offSet-4 {
                    left: 33.33%
                }

                .col-small-offSet-3 {
                    left: 25%
                }

                .col-small-offSet-2 {
                    left: 16.66%
                }

                .col-small-offSet-1 {
                    left: 8.33%
                }

                .col-small-offSet-0 {
                    left: 0%
                }
            }

            @media (min-width: 961px) {
                .mediumOneColumn,.mediumTwoColumn,.mediumThreeColumn,.mediumFourColumn,.mediumFiveColumn,.mediumSixColumn,.mediumSevenColumn,.mediumEightColumn,.mediumNineColumn,.mediumTenColumn,.mediumElevenColumn,.mediumTwelveColumn {
                    float:left !important
                }

                .mediumOneColumn {
                    width: calc(8.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumTwoColumn {
                    width: calc(16.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumThreeColumn {
                    width: calc(25% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumFourColumn {
                    width: calc(33.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumFiveColumn {
                    width: calc(41.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumSixColumn {
                    width: calc(50% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumSevenColumn {
                    width: calc(58.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumEightColumn {
                    width: calc(66.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumNineColumn {
                    width: calc(75% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumTenColumn {
                    width: calc(83.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumElevenColumn {
                    width: calc(91.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .mediumTwelveColumn {
                    width: calc(100% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .col-medium-offSet-12 {
                    left: 100%
                }

                .col-medium-offSet-11 {
                    left: 91.66%
                }

                .col-medium-offSet-10 {
                    left: 83.33%
                }

                .col-medium-offSet-9 {
                    left: 75%
                }

                .col-medium-offSet-8 {
                    left: 66.66%
                }

                .col-medium-offSet-7 {
                    left: 58.33%
                }

                .col-medium-offSet-6 {
                    left: 50%
                }

                .col-medium-offSet-5 {
                    left: 41.66%
                }

                .col-medium-offSet-4 {
                    left: 33.33%
                }

                .col-medium-offSet-3 {
                    left: 25%
                }

                .col-medium-offSet-2 {
                    left: 16.66%
                }

                .col-medium-offSet-1 {
                    left: 8.33%
                }

                .col-medium-offSet-0 {
                    left: 0%
                }
            }

            @media (min-width: 1273px) {
                .largeOneColumn,.largeTwoColumn,.largeThreeColumn,.largeFourColumn,.largeFiveColumn,.largeSixColumn,.largeSevenColumn,.largeEightColumn,.largeNineColumn,.largeTenColumn,.largeElevenColumn,.largeTwelveColumn {
                    float:left !important
                }

                .largeOneColumn {
                    width: calc(8.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeTwoColumn {
                    width: calc(16.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeThreeColumn {
                    width: calc(25% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeFourColumn {
                    width: calc(33.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeFiveColumn {
                    width: calc(41.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeSixColumn {
                    width: calc(50% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeSevenColumn {
                    width: calc(58.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeEightColumn {
                    width: calc(66.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeNineColumn {
                    width: calc(75% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeTenColumn {
                    width: calc(83.33% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeElevenColumn {
                    width: calc(91.66% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .largeTwelveColumn {
                    width: calc(100% - 24px) !important;
                    margin-left: calc(24px / 2) !important;
                    margin-right: calc(24px / 2) !important
                }

                .col-large-offSet-12 {
                    left: 100%
                }

                .col-large-offSet-11 {
                    left: 91.66%
                }

                .col-large-offSet-10 {
                    left: 83.33%
                }

                .col-large-offSet-9 {
                    left: 75%
                }

                .col-large-offSet-8 {
                    left: 66.66%
                }

                .col-large-offSet-7 {
                    left: 58.33%
                }

                .col-large-offSet-6 {
                    left: 50%
                }

                .col-large-offSet-5 {
                    left: 41.66%
                }

                .col-large-offSet-4 {
                    left: 33.33%
                }

                .col-large-offSet-3 {
                    left: 25%
                }

                .col-large-offSet-2 {
                    left: 16.66%
                }

                .col-large-offSet-1 {
                    left: 8.33%
                }

                .col-large-offSet-0 {
                    left: 0%
                }
            }

            .im-icon-circle {
                border: 5px solid rgba(0, 0, 0, 0.87);
                border: 5px solid var(--color);
                border-radius: 50%;
                height: 80px;
                width: 80px;
                display: inline-block;
                text-align: center
            }

            .im-icon-circle .x-body-el,.im-icon-circle .x-innerhtml {
                display: inline-block
            }

            .im-icon-circle .im-icon-circle-icon,.im-icon-circle .im-icon-circle-icon:before {
                color: rgba(0, 0, 0, 0.87) !important;
                color: var(--color) !important;
                font-size: 70px !important;
                line-height: 70px
            }

            .im-icon-circle.icon-circle-approved-green {
                border-color: #2ebd59
            }

            .im-icon-circle.icon-circle-approved-green .im-icon-circle-icon,.im-icon-circle.icon-circle-approved-green .im-icon-circle-icon:before {
                color: #2ebd59 !important
            }

            .im-icon-circle-title .x-label {
                padding-top: 16px
            }

            .buttonContainer {
                margin-left: -16px;
                margin-top: 20px;
                overflow: visible
            }

            .buttonContainer .x-container-body-el {
                overflow: visible
            }

            .buttonContainer > .x-container-body-el {
                flex-wrap: wrap-reverse;
                justify-content: flex-end
            }

            .x-dialog.x-panel .buttonContainer .x-button.x-button-secondary {
                margin-left: 8px;
                margin-right: 0px
            }

            .x-dialog.x-panel .buttonContainer .x-button.x-button-secondary.x-has-text .x-inner-el {
                padding: 8px
            }

            .buttonComponentContainer {
                margin-top: 20px
            }

            .tertiaryButtonContainer {
                margin-left: -16px
            }

            .navbuttonContainer {
                margin-top: 8px
            }

            .floatedContainer {
                width: 100%
            }

            .floatedContainer .x-field {
                width: calc(50% - 12px)
            }

            @media (max-width: 600px) {
                .floatedContainer .x-field {
                    width:100%
                }
            }

            .MultipleFieldsContainer .x-field {
                align-self: flex-start
            }

            .copyrightContainer {
                margin-top: 6px
            }

            .wide-50 {
                width: 50%;
                margin-left: 16px
            }

            .im-left-offset-container {
                margin-left: 16px
            }

            .linkButtonContainer .x-body-el {
                display: flex
            }

            .inContextMaxHeight {
                max-height: 90% !important
            }

            @media (max-width: 600px) {
                .MultipleFieldsContainer .x-field {
                    align-self:auto
                }
            }

            @media (min-width: 960px) {
                .MainContentWithHeader {
                    margin:0px auto;
                    min-height: calc(100% - 145px) !important
                }

                .MainContentWithHeaerAndSubheader {
                    margin: 0px auto;
                    min-height: calc(100% - 233px) !important
                }

                .MainContentWithHeaderAndPoweredBy {
                    margin: 0px auto;
                    min-height: calc(100% - 186px) !important
                }

                .MainContentWithHeaerAndSubheaderAndPoweredBy {
                    margin: 0px auto;
                    min-height: calc(100% - 274px) !important
                }
            }

            @media (max-width: 960px) {
                .MainContentWithHeader {
                    margin:0px auto;
                    min-height: calc(100% - 193px) !important
                }

                .MainContentWithHeaerAndSubheader {
                    margin: 0px auto;
                    min-height: calc(100% - 281px) !important
                }

                .MainContentWithHeaderAndPoweredBy {
                    margin: 0px auto;
                    min-height: calc(100% - 234px) !important
                }

                .MainContentWithHeaerAndSubheaderAndPoweredBy {
                    margin: 0px auto;
                    min-height: calc(100% - 322px) !important
                }
            }

            @media (max-width: 600px) {
                .MainContentWithHeader,.MainContentWithHeaerAndSubheader,.MainContentWithHeaderAndPoweredBy,.MainContentWithHeaerAndSubheaderAndPoweredBy {
                    background-color:#fff
                }
            }

            .x-payment-header-container .x-container,.x-payment-header-container .x-label {
                padding-bottom: 4px
            }

            .x-payment-header-container .x-paneltitle {
                padding: 8px 0px 15px 0px
            }

            .x-payment-header-container .x-label-payment-header {
                padding-top: 0px
            }

            .x-header-body-container.x-divider-payment-header {
                padding-top: 22px
            }

            .x-align-baseline .x-layout-box.x-align-stretch {
                align-items: flex-start
            }

            .im-html-spacer {
                margin-top: 12px
            }

            .im-left-right-container {
                padding: 8px 0px
            }

            .im-logo-container {
                width: 100%;
                margin-top: 16px
            }

            .im-logo-container .x-label .x-innerhtml {
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-all
            }

            .im-logo-container .x-layout-hbox-item:last-of-type {
                flex-shrink: 1
            }

            .im-logo-container .x-layout-hbox-item:last-of-type {
                flex-shrink: 1
            }

            .im-send-email-container .x-button {
                margin-top: 22px;
                max-height: 32px
            }

            .im-inline-image-container {
                padding-right: 8px
            }

            @media (max-width: 600px) {
                .x-subheader-container {
                    margin-top:-5px;
                    min-height: 88px;
                    background-color: #fff;
                    z-index: 1;
                    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08)
                }

                .x-subheader-container .im-address-container {
                    flex-shrink: 1
                }

                .x-subheader-container .im-address-container .x-label-title-primary,.x-subheader-container .im-address-container .x-label-title-approved-green {
                    width: 100%;
                    word-break: break-word;
                    white-space: normal;
                    position: relative;
                    max-height: 2.7em;
                    overflow: hidden;
                    padding-right: 50px
                }

                .x-subheader-container .im-address-container .x-label-title-primary:after,.x-subheader-container .im-address-container .x-label-title-approved-green:after {
                    content: "";
                    text-align: right;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 25%;
                    height: 1.2em;
                    background: linear-gradient(to right,rgba(255, 255, 255, 0), #fff 60%)
                }

                .x-subheader-container .im-address-container .x-label-body2-secondary {
                    color: rgba(0, 0, 0, 0.54);
                    width: 100%;
                    height: 16px
                }

                .x-subheader-container .im-address-container .x-label-body2-secondary .x-innerhtml {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                .x-subheader-container .x-button-provider-img.x-img.x-img-background {
                    width: 56px;
                    height: 56px;
                    margin: 8px 32px 8px 12px;
                    border-radius: 50%;
                    background-size: contain !important;
                    background-color: var(--base-foreground-color) !important;
                    border-radius: 0
                }

                .x-subheader-container .x-button-provider-img.x-img.x-img-background.x-button-provider-receipt-img {
                    margin-left: 0px
                }

                .im-logo-container .x-label-body2-primary,.im-inline-button-container {
                    margin-top: 16px
                }
            }

            @media (min-width: 600px) {
                .x-subheader-container {
                    margin-top:-5px;
                    min-height: 96px;
                    background-color: #fff;
                    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24), 0 1px 4px rgba(0, 0, 0, 0.16);
                    z-index: 1
                }

                .x-subheader-container .im-address-container {
                    flex-shrink: 1
                }

                .x-subheader-container .im-address-container .x-label-title-primary,.x-subheader-container .im-address-container .x-label-title-approved-green {
                    width: 100%;
                    word-break: break-word;
                    white-space: normal;
                    position: relative;
                    max-height: 2.7em;
                    overflow: hidden;
                    padding-right: 50px
                }

                .x-subheader-container .im-address-container .x-label-title-primary:after,.x-subheader-container .im-address-container .x-label-title-approved-green:after {
                    content: "";
                    text-align: right;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 25%;
                    height: 1.2em;
                    background: linear-gradient(to right,rgba(255, 255, 255, 0), #fff 60%)
                }

                .x-subheader-container .im-address-container .subheaderPhoneNumber.x-label-body2-secondary {
                    width: auto
                }

                .x-subheader-container .im-address-container .x-label-body2-secondary {
                    color: rgba(0, 0, 0, 0.54);
                    width: 100%;
                    height: 16px
                }

                .x-subheader-container .im-address-container .x-label-body2-secondary .x-innerhtml {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                .x-subheader-container .x-button-provider-img.x-img.x-img-background {
                    width: 150px;
                    height: 64px;
                    margin: 8px 48px 8px 8px;
                    background-size: contain
                }

                .x-subheader-container .x-button-provider-img.x-img.x-img-background {
                    border-radius: 0
                }

                .im-logo-container .x-label-body2-primary,.im-inline-button-container {
                    margin-top: 24px
                }
            }

            @supports (-webkit-line-clamp: 2) {
                .im-address-container .x-label-title-primary,.im-address-container .x-label-title-approved-green {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    word-break: break-word;
                    white-space: normal;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    max-height: initial
                }

                .im-address-container .x-label-title-primary:after,.im-address-container .x-label-title-approved-green:after {
                    display: none
                }
            }

            .x-toolbar-footer {
                background-color: #fff
            }

            .x-dialog.x-panel {
                max-width: 200px;
                margin: 16px
            }

            .x-dialog.x-panel .x-dialogheader {
                background-color: #fff !important
            }

            .x-dialog.x-panel .x-panelheader-body-el {
                padding: 12px 24px
            }

            .x-dialog.x-panel .x-panelheader-body-el .x-body-el {
                margin: 0px;
                margin-right: auto
            }

            .x-dialog.x-panel .x-panelheader-body-el .x-body-el .x-text-el {
                font-size: 20px
            }

            .x-dialog.x-panel .x-dialog-body-wrap-el .x-dialog-body-el .x-formpanel-body-el {
                padding: 0px 8px 8px
            }

            .x-dialog.x-panel .buttonContainer {
                margin-left: 0px;
                margin-top: 32px
            }

            .x-dialog.x-panel .buttonContainer .x-button {
                flex: none !important
            }

            .x-dialog.x-panel .buttonContainer .x-button .x-text-el {
                font-size: 14px;
                font-weight: 600
            }

            .x-dialog.x-panel.x-dialog-medium {
                max-width: 400px
            }

            .x-ie11 .x-dialog.x-panel.x-dialog-medium {
                min-width: 400px
            }

            @media (max-width: 600px) {
                .x-ie11 .x-dialog.x-panel.x-dialog-medium {
                    max-width:400px;
                    min-width: 285px
                }
            }

            .x-dialog.x-panel.x-dialog-large {
                max-width: 600px;
                max-height: 90% !important
            }

            .im-link-style-button-grid-container {
                padding: 0px
            }

            @media (max-width: 600px) {
                .im-link-style-button-grid-container {
                    background-color:#fff
                }

                .im-link-style-button-grid-container .x-panel-body-el {
                    background-color: #fff
                }

                .x-panel-body-el {
                    background-color: #fff
                }
            }

            .x-actionsheet .x-panel-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-form-like-container {
                margin-top: 16px;
                margin-bottom: 8px;
                margin: 16px 8px 8px 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                padding: 30px 40px 40px;
                background-color: #fff
            }

            @media (max-width: 600px) {
                .im-form-like-container {
                    margin:8px 0px 0px;
                    border-radius: 0px;
                    box-shadow: none;
                    padding: 30px 16px 0px;
                    background-color: #fff;
                    overflow: visible
                }
            }

            .FieldWithTriggerContainer .FieldWithTrigger .x-body-el {
                top: 30px
            }

            .FieldWithTriggerContainer .FieldWithTrigger a {
                text-decoration: none;
                color: rgba(0, 0, 0, 0.87);
                padding-right: 1px
            }

            .FieldWithTriggerContainer {
                min-height: 72px
            }

            .im-subtitle-container {
                padding-top: 18px;
                padding-bottom: 18px
            }

            .im-subtitle-container .im-subtitle-header {
                padding-bottom: 18px
            }

            .im-editable-payment-info .subheading-primary {
                font-weight: 400
            }

            .im-editable-payment-info .x-label {
                padding-bottom: 4px
            }

            .im-transaction-status-wrapper {
                padding-bottom: 32px;
                padding-top: 16px
            }

            .im-transaction-status-wrapper .im-transaction-status-container {
                padding-bottom: 8px
            }

            .im-transaction-status-wrapper .im-transaction-status-container .x-layout-box-item {
                flex-basis: auto;
                flex-grow: 0;
                flex-shrink: 1
            }

            .im-transaction-status-wrapper .im-transaction-status-container .x-container {
                width: 56px;
                min-width: 56px;
                max-width: 56px
            }

            .im-transaction-status-wrapper .im-transaction-status-container .x-label {
                padding-top: 4px
            }

            .im-transaction-status-wrapper .im-transaction-status-container .ma-check {
                color: #2ebd59
            }

            .im-transaction-status-wrapper .im-transaction-status-container .ma-error {
                color: #f80
            }

            .im-transaction-status-wrapper .im-transaction-status-container .ma-clear {
                color: #d50000
            }

            @media (max-width: 600px) {
                .im-small-panel-wrapper {
                    margin-top:16px;
                    margin-bottom: 8px;
                    margin: 16px 8px 8px 8px;
                    border-radius: 2px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                    padding: 16px 16px 8px;
                    background-color: #fff
                }
            }

            .im-panel-wrapper {
                margin-top: 16px;
                margin-bottom: 8px;
                margin: 16px 8px 8px 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                padding: 16px 16px 8px;
                background-color: #fff
            }

            .im-panel-wrapper .im-providers-dataview {
                padding: 0px;
                overflow: visible
            }

            .im-panel-wrapper .buttonContainer {
                margin-top: 0px
            }

            .im-panel-wrapper .x-header-body-container {
                margin: 0px -16px
            }

            .im-panel-wrapper .im-recent-activity-dataview {
                padding: 20px 0px
            }

            .im-panel-wrapper .im-dataview-tile {
                min-height: 64px
            }

            .im-panel-wrapper .im-dataview-tile .im-dataview-logo {
                width: 40px;
                height: 40px;
                margin: 16px 0px 0px 0px;
                min-width: 40px;
                font-size: 18px;
                line-height: 40px
            }

            .im-panel-wrapper .im-dataview-tile .im-dataview-img {
                margin: 16px 0px 0px 0px;
                width: 40px;
                height: 40px;
                min-width: 40px
            }

            .im-panel-wrapper .im-dataview-tile .im-dataview-img .im-dataview-img-logo {
                width: 40px;
                height: 40px
            }

            .im-panel-wrapper .im-subtitle-container {
                padding-top: 8px;
                padding-bottom: 0px
            }

            .im-panel-wrapper .x-segmentedbutton .x-button {
                margin-top: 8px
            }

            .im-panel-wrapper > .x-body-el > .x-label {
                padding-bottom: 16px
            }

            .im-panel-wrapper .im-subtitle-container {
                padding-bottom: 0px
            }

            .im-add-new-dashboard-container {
                padding: 8px 0px 16px
            }

            .im-add-new-dashboard-container .im-grey-circle {
                border-radius: 50%;
                width: 40px;
                height: 40px;
                margin-right: 16px;
                background-image: url(../../../../../Content/Images/PaymentPortal/payee_icon_plus.png);
                background-color: inherit;
                background-size: contain
            }

            .im-add-new-dashboard-container .ma-arrow-forward {
                color: rgba(0, 0, 0, 0.54)
            }

            .im-add-new-dashboard-container-body {
                flex-shrink: 1
            }

            .im-panel-preferences.im-sub-accordian {
                margin-top: 0px;
                border-radius: 2px;
                box-shadow: none;
                width: calc(100% + 32px);
                margin-left: -16px
            }

            .im-panel-preferences.im-sub-accordian .im-panel-preferences-header {
                border-top: #e0e0e0 1px solid !important;
                border-bottom: #e0e0e0 1px solid !important;
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body {
                margin: 0px 3px 0px 24px
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body .im-display-field {
                min-height: 32px
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body .im-display-field .x-body-el {
                color: rgba(0, 0, 0, 0.54) !important
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body .x-checkboxfield {
                min-height: 32px
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body .x-checkboxfield .x-icon-el:before {
                font-size: 27px;
                font-weight: 700
            }

            .im-panel-preferences.im-sub-accordian .im-sub-accordian-body .x-checkboxfield .x-icon-el {
                height: 26px;
                width: 26px
            }

            .im-sub-accordian > .x-panel-body-wrap-el > .x-panel-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-banner-container {
                padding: 16px 8px;
                min-height: 96px
            }

            .im-banner-container .x-ma.ma-clear {
                color: rgba(0, 0, 0, 0.54);
                margin-top: 20px
            }

            .im-banner-container .x-ma.ma-clear:before {
                font-size: 18px !important
            }

            .im-banner-container .x-img {
                height: 64px;
                width: 64px;
                margin: 0px 8px
            }

            .im-banner-container .x-button {
                height: 32px;
                margin-top: 16px
            }

            .im-benefit-summary-tabbed-component .x-segmentedbutton {
                margin-bottom: 8px
            }

            .im-benefit-summary-display-field-summary {
                margin: 0
            }

            .im-benefit-summary-display-field-summary > .x-body-el {
                padding: 16px 0 0 16px
            }

            .im-benefit-summary-display-field-summary .im-display-field {
                min-height: 0px
            }

            .im-benefit-summary-display-field-summary .im-display-field .x-label-el {
                padding: 0px
            }

            .im-benefit-summary-display-field-summary .im-display-field .x-label-el .x-label-text-el {
                font-size: 16px
            }

            .im-benefit-summary-display-field-summary .im-display-field .x-body-wrap-el .x-body-el {
                font-weight: 500
            }

            .im-benefit-summary-display-field-summary .im-display-field .x-body-wrap-el .x-error-el {
                display: none
            }

            .im-center-image-container {
                margin-bottom: 48px
            }

            .im-link-style-button-grid-container {
                background-color: #fff
            }

            .im-link-style-button-grid-container .x-panel-body-el {
                background-color: #fff
            }

            .im-provider-home-bottom {
                overflow: visible
            }

            .im-provider-home-bottom .x-container-body-el {
                overflow: visible
            }

            .im-panel-wrapper {
                overflow: visible
            }

            .im-panel-wrapper .x-container-body-el {
                overflow: visible
            }

            .im-panel-wrapper .x-container-body-el .x-container-body-el {
                overflow: visible
            }

            .im-subtitle-container > .x-container-body-el > .x-container > .x-container-body-el > .x-container:first-child {
                flex: 1 1 0%
            }

            .im-subtitle-container > .x-container-body-el > .im-editable-payment-info.x-container > .x-container-body-el > .x-container {
                flex: 1 1 0%
            }

            .im-subtitle-container > .x-container-body-el > .im-editable-payment-info.x-container > .x-container-body-el > .x-container:first-child {
                flex: none
            }

            .im-subtitle-container > .x-container-body-el > .im-editable-payment-info.x-container > .x-container-body-el > .x-container:last-child {
                flex: none
            }

            .im-overflow-visible-container {
                overflow: visible
            }

            .im-overflow-visible-container.x-container {
                overflow: visible
            }

            .im-overflow-visible-container .x-container,.im-overflow-visible-container .x-container-body-el,.im-overflow-visible-container .x-list,.im-overflow-visible-container .x-list-outer-ct {
                overflow: visible !important
            }

            .im-make-components-inline-container .x-component,.im-make-components-inline-container .x-innerhtml {
                display: inline
            }

            .x-actionsheet .copyrightContainer {
                padding-left: 15px
            }

            .x-actionsheet .linkButtonContainer {
                padding-left: 13px
            }

            .x-actionsheet .linkButtonContainer.padded {
                padding-bottom: 20px
            }

            .im-form-like-container .x-container-body-el {
                overflow: visible
            }

            .x-formpanel .x-formpanel-body-el.x-container-body-el {
                overflow: visible
            }

            .im-overflow-container,.im-overflow-container .x-container,.im-overflow-container .x-container-body-el {
                overflow: visible
            }

            .im-send-email-container + .x-flexed + .x-container {
                margin-top: 22px;
                margin-bottom: 14px
            }

            .im-photo-bill-pay {
                padding: 0px !important;
                height: 240px
            }

            .im-photo-bill-pay .im-blue-ad {
                width: 100%;
                height: 196px;
                padding: 12px;
                background: linear-gradient(180deg,transparent 38.75%, rgba(0, 0, 0, 0.07) 55%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.45) 93%, rgba(0, 0, 0, 0.53) 98.75%, rgba(0, 0, 0, 0.6) 100%), url(../../../../../Content/Images/PaymentPortal/photobillpay-ad.png) #005596 no-repeat;
                background-size: contain;
                background-position: right bottom;
                position: relative
            }

            .im-photo-bill-pay .buttonContainer {
                margin-top: 4px
            }

            @media (min-width: 600px) {
                .x-layout-card-item {
                    background-color:#f5f5f5;
                    background-color: var(--background-color);
                }
            }

            @media (max-width: 600px) {
                .x-layout-card-item {
                    background-color:#fff
                }
            }

            .x-segmentedbutton {
                margin-bottom: 40px
            }

            .x-button .x-body-el {
                overflow: initial
            }

            .x-button.x-has-text.x-icon-align-left .x-icon-el {
                margin-right: 5px;
                margin-top: 3px
            }

            .x-button-link-style.x-button-blue .x-text-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-button-link-style.x-button-hyperlink .x-text-el,.x-button-link-style.x-button-inline-hyperlink .x-text-el {
                color: #00e
            }

            .x-button-link-style.x-button-flat-hyperlink .x-inner-el {
                padding: 24px 0px
            }

            .x-button-link-style.x-button-flat-hyperlink .x-inner-el .x-text-el {
                color: #00e
            }

            .x-button-link-style.x-button-white .x-text-el {
                color: #fff;
                color: var(--base-foreground-color);
            }

            .x-button-link-style.x-button-grey .x-text-el {
                color: rgba(0, 0, 0, 0.54)
            }

            .x-button-link-style.x-button-dark-grey .x-text-el {
                color: rgba(0, 0, 0, 0.87)
            }

            .x-button.grey .x-arrow-el:before {
                color: rgba(0, 0, 0, 0.54)
            }

            .x-button.x-has-text.x-button-secondary {
                margin-right: 8px
            }

            .x-button-link-style.x-button-grey .x-inner-el,.x-button-link-style.x-button-white .x-inner-el,.x-button-link-style.x-button-dark-grey .x-inner-el,.x-button-icon-ontop-link-style.x-has-text .x-inner-el {
                padding: 8px
            }

            .x-button-icon-link-style .x-ma:before {
                color: #fff
            }

            .x-button-icon-link-style {
                color: #fff;
                font-size: 24px
            }

            .x-button-icon-link-style .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-button-icon-link-style .x-arrow-el,.x-button-icon-ontop-link-style .x-arrow-el {
                display: none !important
            }

            .x-button-icon-ontop-link-style .x-ma:before {
                color: #fff
            }

            .x-button-icon-ontop-link-style .x-text-el {
                text-transform: capitalize
            }

            .x-button-icon-ontop-link-style {
                color: #fff !important;
                font-size: 12px
            }

            .x-button-icon-ontop-link-style .x-icon-el {
                width: 24px;
                height: 24px
            }

            .x-button.white .x-arrow-el:before {
                color: #fff
            }

            .x-button.white.x-border {
                border: 1px solid #fff
            }

            .x-button-secondary-as-primary {
                margin-right: -16px
            }

            .x-button.x-button-navigation-drawer {
                max-height: 48px;
                height: 48px;
                flex: 1;
                width: 100%
            }

            .x-button.x-button-navigation-drawer .x-inner-el .x-text-el,.x-button.x-button-navigation-drawer .x-inner-el .x-icon-el,.x-button.x-button-navigation-drawer .x-inner-el .x-arrow-el {
                color: rgba(0, 0, 0, 0.54) !important;
                background-color: transparent
            }

            .x-button.x-button-navigation-drawer.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-focused .x-inner-el {
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-button.x-button-navigation-drawer.x-hovered .x-inner-el .x-body-el .x-text-el,.x-button.x-button-navigation-drawer.x-hovered .x-inner-el .x-body-el .x-icon-el,.x-button.x-button-navigation-drawer.x-hovered .x-inner-el .x-arrow-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-focused .x-inner-el .x-body-el .x-text-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-focused .x-inner-el .x-arrow-el {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.54) !important
            }

            .x-button.x-button-navigation-drawer.x-pressed .x-inner-el {
                background-color: transparent
            }

            .x-button.x-button-navigation-drawer.x-pressed .x-inner-el .x-text-el,.x-button.x-button-navigation-drawer.x-pressed .x-inner-el .x-icon-el,.x-button.x-button-navigation-drawer.x-pressed .x-inner-el .x-arrow-el {
                color: rgba(0, 0, 0, 0.54) !important
            }

            .x-button.x-button-navigation-drawer.x-pressing .x-inner-el,.x-button.x-button-navigation-drawer.x-pressing.x-hovered .x-inner-el,.x-button.x-button-navigation-drawer.x-pressing.x-focused .x-inner-el {
                background-color: rgba(0, 0, 0, 0.2);
                color: rgba(0, 0, 0, 0.54) !important
            }

            .x-keyboard-mode .x-button.x-button-navigation-drawer.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-navigation-drawer.x-pressing.x-focused .x-inner-el {
                color: rgba(0, 0, 0, 0.54) !important
            }

            .x-button.x-button-navigation-drawer.x-pressing .x-inner-el .x-arrow-el,.x-button.x-button-navigation-drawer.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-button-navigation-drawer.x-pressing.x-focused .x-inner-el .x-arrow-el {
                color: rgba(0, 0, 0, 0.54) !important
            }

            .x-button.x-has-text.x-icon-align-left.x-button-navigation-drawer .x-icon-el {
                margin: 2px 36px 3px 3px
            }

            .x-button.x-has-text.x-button-navigation-drawer .x-text-el {
                display: block;
                font-family: Roboto, Arial, sans-serif;
                font-size: 14px;
                text-transform: none;
                font-weight: 500;
                border-color: rgba(0, 0, 0, 0.54)
            }

            .im-link-style-button-grid .x-button.x-pressing .x-inner-el,.im-link-style-button-grid .x-button.x-pressed .x-inner-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                border-color: rgba(0, 0, 0, 0.54)
            }

            .im-link-style-button-grid .x-button.x-pressing .x-inner-el .x-icon-el,.im-link-style-button-grid .x-button.x-pressed .x-inner-el .x-icon-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-keyboard-mode .im-link-style-button-grid .x-button.x-focused .x-inner-el {
                background-color: rgba(0, 0, 0, 0.075)
            }

            .im-link-style-button-grid .x-button.x-has-icon.x-has-text + .x-button.x-has-icon .x-inner-el {
                padding: 8px 0px
            }

            .x-button.x-button-navigation-drawer .x-body-el {
                margin: 0
            }

            .x-menu-body-el .x-button.x-button-navigation-drawer {
                margin-left: 8px !important
            }

            .x-button-icon-link-style.grey .x-ma:before {
                color: #757575
            }

            .x-button-inline-dark-grey.x-button.x-has-text .x-inner-el {
                min-height: 18px !important;
                padding: 0px;
                color: rgba(0, 0, 0, 0.87)
            }

            .x-button-inline-grey.x-button.x-has-text .x-inner-el {
                min-height: 18px !important;
                padding: 0px;
                color: rgba(0, 0, 0, 0.54)
            }

            @media (max-width: 600px) {
                .x-segmentedbutton-body-el .x-button.x-has-text .x-inner-el {
                    padding:8px 0px
                }

                .x-button.x-has-text.x-button-inline-hyperlink .x-inner-el {
                    min-height: 18px !important;
                    padding: 0px 8px 0px 0px
                }

                .x-button-icon-link-style,x-button-icon-ontop-link-style {
                    margin: 0px
                }
            }

            @media (min-width: 600px) {
                .x-button.x-has-text.x-button-inline-hyperlink .x-inner-el {
                    min-height:18px !important;
                    padding: 0px 0px 0px 8px
                }
            }

            .x-button-wide {
                width: 100%;
                margin-top: 18px
            }

            .x-button-small.x-button .x-text-el {
                font-size: 11px;
                font-weight: bold
            }

            .x-button.x-has-text .x-inner-el {
                min-height: 36px
            }

            .x-button-link-style.x-button .x-text-el {
                text-transform: capitalize;
                font-weight: normal
            }

            .x-button-link-style.x-button.x-hovered .x-inner-el {
                background-color: transparent
            }

            .x-button-link-style.x-button.x-pressed .x-inner-el {
                background-color: transparent
            }

            .x-button-link-style.x-button.x-pressing .x-inner-el {
                background-color: transparent
            }

            .x-button-link-style.x-button.x-focused .x-inner-el {
                background-color: transparent
            }

            .x-button-icon-link-style.x-button.x-hovered .x-inner-el,.x-button-icon-ontop-link-style.x-button.x-hovered .x-inner-el {
                background-color: transparent
            }

            .x-button-icon-link-style.x-button.x-pressed .x-inner-el,.x-button-icon-ontop-link-style.x-button.x-pressed .x-inner-el {
                background-color: transparent
            }

            .x-button-icon-link-style.x-button.x-pressing .x-inner-el,.x-button-icon-ontop-link-style.x-button.x-pressing .x-inner-el {
                background-color: transparent
            }

            .x-button-icon-link-style.x-button.x-focused .x-inner-el,.x-button-icon-ontop-link-style.x-button.x-focused .x-inner-el {
                background-color: transparent
            }

            .im-provider-home-top .x-button.x-has-icon {
                width: 26px;
                height: 26px
            }

            .im-inline-icon {
                color: rgba(0, 0, 0, 0.54);
                margin: 1px 32px 0px 0px
            }

            .im-link-style-button-grid .x-button.x-button-navigation-drawer {
                margin-left: 0px
            }

            .im-link-style-button-grid .x-button.x-button-navigation-drawer .x-inner-el {
                padding-left: 0px
            }

            .im-link-style-button-grid .x-button.x-hovered .x-inner-el {
                border: none;
                background-color: transparent
            }

            .x-button-link-style.x-button.x-border .x-text-el {
                text-transform: uppercase
            }

            @media (min-width: 600px) {
                .im-button-xl .x-text-el {
                    font-size:20px
                }
            }

            .x-button-action {
                color: #fff !important
            }

            .x-button.x-button-decline .x-inner-el {
                color: #d50000 !important
            }

            .x-button .x-inner-el,.x-button.x-has-menu .x-inner-el,.x-button.x-has-icon .x-inner-el,.x-button.x-button-secondary .x-inner-el,.x-button.x-button-link-style .x-inner-el,.x-button.x-button-secondary-as-primary .x-inner-el,.x-button.x-button-segmented .x-inner-el,.x-messagebox .x-button .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: transparent
            }

            .x-button .x-inner-el .x-arrow-el,.x-button.x-has-menu .x-inner-el .x-arrow-el,.x-button.x-has-icon .x-inner-el .x-arrow-el,.x-button.x-button-secondary .x-inner-el .x-arrow-el,.x-button.x-button-link-style .x-inner-el .x-arrow-el,.x-button.x-button-secondary-as-primary .x-inner-el .x-arrow-el,.x-button.x-button-segmented .x-inner-el .x-arrow-el,.x-messagebox .x-button .x-inner-el .x-arrow-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-button.x-hovered .x-inner-el,.x-button.x-has-menu.x-hovered .x-inner-el,.x-button.x-has-icon.x-hovered .x-inner-el,.x-button.x-button-secondary.x-hovered .x-inner-el,.x-button.x-button-link-style.x-hovered .x-inner-el,.x-button.x-button-secondary-as-primary.x-hovered .x-inner-el,.x-button.x-button-segmented.x-hovered .x-inner-el,.x-messagebox .x-button.x-hovered .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-keyboard-mode .x-button.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-has-menu.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-has-menu.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-has-icon.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-has-icon.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-link-style.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-button-link-style.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary-as-primary.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-segmented.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-button.x-button-segmented.x-focused .x-inner-el,.x-keyboard-mode .x-messagebox .x-button.x-focused .x-inner-el,.x-keyboard-mode .buttonContainer .x-messagebox .x-button.x-focused .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.075) !important
            }

            .x-keyboard-mode .x-button.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-has-menu.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-has-menu.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-has-icon.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-has-icon.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-button-secondary.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-button-link-style.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-button-link-style.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary-as-primary.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-button.x-button-segmented.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-button.x-button-segmented.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .x-messagebox .x-button.x-focused .x-inner-el .x-body-el .x-icon-el,.x-keyboard-mode .buttonContainer .x-messagebox .x-button.x-focused .x-inner-el .x-body-el .x-icon-el {
                color: #005596;
                color: var(--base-color);
                background-color: transparent
            }

            .x-keyboard-mode .x-button.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-has-menu.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-has-menu.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-has-icon.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-has-icon.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-button-secondary.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-button-link-style.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-button-link-style.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-button-secondary-as-primary.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-button.x-button-segmented.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-button.x-button-segmented.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .x-messagebox .x-button.x-focused .x-inner-el .x-body-el .x-arrow-el,.x-keyboard-mode .buttonContainer .x-messagebox .x-button.x-focused .x-inner-el .x-body-el .x-arrow-el {
                color: #005596;
                color: var(--base-color);
                background-color: transparent
            }

            .x-button.x-pressed .x-inner-el,.x-button.x-has-menu.x-pressed .x-inner-el,.x-button.x-has-icon.x-pressed .x-inner-el,.x-button.x-button-secondary.x-pressed .x-inner-el,.x-button.x-button-link-style.x-pressed .x-inner-el,.x-button.x-button-secondary-as-primary.x-pressed .x-inner-el,.x-button.x-button-segmented.x-pressed .x-inner-el,.x-messagebox .x-button.x-pressed .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-button.x-pressed .x-inner-el .x-arrow-el,.x-button.x-has-menu.x-pressed .x-inner-el .x-arrow-el,.x-button.x-has-icon.x-pressed .x-inner-el .x-arrow-el,.x-button.x-button-secondary.x-pressed .x-inner-el .x-arrow-el,.x-button.x-button-link-style.x-pressed .x-inner-el .x-arrow-el,.x-button.x-button-secondary-as-primary.x-pressed .x-inner-el .x-arrow-el,.x-button.x-button-segmented.x-pressed .x-inner-el .x-arrow-el,.x-messagebox .x-button.x-pressed .x-inner-el .x-arrow-el {
                color: #005596;
                color: var(--base-color);
                background-color: transparent
            }

            .x-button.x-pressing .x-inner-el,.x-button.x-pressing.x-hovered .x-inner-el,.x-button.x-pressing.x-focused .x-inner-el,.x-button.x-has-menu.x-pressing .x-inner-el,.x-button.x-has-menu.x-pressing.x-hovered .x-inner-el,.x-button.x-has-menu.x-pressing.x-focused .x-inner-el,.x-button.x-has-icon.x-pressing .x-inner-el,.x-button.x-has-icon.x-pressing.x-hovered .x-inner-el,.x-button.x-has-icon.x-pressing.x-focused .x-inner-el,.x-button.x-button-secondary.x-pressing .x-inner-el,.x-button.x-button-secondary.x-pressing.x-hovered .x-inner-el,.x-button.x-button-secondary.x-pressing.x-focused .x-inner-el,.x-button.x-button-link-style.x-pressing .x-inner-el,.x-button.x-button-link-style.x-pressing.x-hovered .x-inner-el,.x-button.x-button-link-style.x-pressing.x-focused .x-inner-el,.x-button.x-button-secondary-as-primary.x-pressing .x-inner-el,.x-button.x-button-secondary-as-primary.x-pressing.x-hovered .x-inner-el,.x-button.x-button-secondary-as-primary.x-pressing.x-focused .x-inner-el,.x-button.x-button-segmented.x-pressing .x-inner-el,.x-button.x-button-segmented.x-pressing.x-hovered .x-inner-el,.x-button.x-button-segmented.x-pressing.x-focused .x-inner-el,.x-messagebox .x-button.x-pressing .x-inner-el,.x-messagebox .x-button.x-pressing.x-hovered .x-inner-el,.x-messagebox .x-button.x-pressing.x-focused .x-inner-el {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-keyboard-mode .x-button.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-has-menu.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-has-menu.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-has-menu.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-has-icon.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-has-icon.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-has-icon.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-link-style.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-button-link-style.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-link-style.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-secondary-as-primary.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-segmented.x-pressing .x-inner-el,.x-keyboard-mode .x-button.x-button-segmented.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-button.x-button-segmented.x-pressing.x-focused .x-inner-el,.x-keyboard-mode .x-messagebox .x-button.x-pressing .x-inner-el,.x-keyboard-mode .x-messagebox .x-button.x-pressing.x-hovered .x-inner-el,.x-keyboard-mode .x-messagebox .x-button.x-pressing.x-focused .x-inner-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-button.x-pressing .x-inner-el .x-arrow-el,.x-button.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-has-menu.x-pressing .x-inner-el .x-arrow-el,.x-button.x-has-menu.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-has-menu.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-has-icon.x-pressing .x-inner-el .x-arrow-el,.x-button.x-has-icon.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-has-icon.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-button-secondary.x-pressing .x-inner-el .x-arrow-el,.x-button.x-button-secondary.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-button-secondary.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-button-link-style.x-pressing .x-inner-el .x-arrow-el,.x-button.x-button-link-style.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-button-link-style.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-button-secondary-as-primary.x-pressing .x-inner-el .x-arrow-el,.x-button.x-button-secondary-as-primary.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-button-secondary-as-primary.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-button.x-button-segmented.x-pressing .x-inner-el .x-arrow-el,.x-button.x-button-segmented.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-button.x-button-segmented.x-pressing.x-focused .x-inner-el .x-arrow-el,.x-messagebox .x-button.x-pressing .x-inner-el .x-arrow-el,.x-messagebox .x-button.x-pressing.x-hovered .x-inner-el .x-arrow-el,.x-messagebox .x-button.x-pressing.x-focused .x-inner-el .x-arrow-el {
                color: #005596;
                color: var(--base-color);
            }

            .x-button.x-button-segmented {
                margin-top: 22px;
                height: 48px
            }

            .x-button.x-button-segmented .x-inner-el {
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: transparent
            }

            .x-button.x-button-segmented .x-inner-el .x-body-el {
                opacity: 0.5
            }

            .x-button.x-button-segmented.x-pressing .x-inner-el,.x-button.x-button-segmented.x-pressing.x-hovered .x-inner-el,.x-button.x-button-segmented.x-pressing.x-focused .x-inner-el {
                border-bottom-color: transparent
            }

            .x-button.x-button-segmented.x-pressed .x-inner-el,.x-button.x-button-segmented.x-pressed.x-hovered .x-inner-el,.x-button.x-button-segmented.x-pressed.x-focused .x-inner-el,.x-button.x-button-segmented.x-pressed.x-pressing .x-inner-el,.x-button.x-button-segmented.x-pressed.x-pressing.x-hovered .x-inner-el,.x-button.x-button-segmented.x-pressed.x-pressing.x-focused .x-inner-el {
                background-color: #fff;
                background-color: var(--base-foreground-color);
                color: #005596;
                color: var(--base-color);
                border-bottom-color: #005596;
                border-bottom-color: var(--base-color);
            }

            .x-button.x-button-segmented.x-pressed .x-inner-el .x-body-el,.x-button.x-button-segmented.x-pressed.x-hovered .x-inner-el .x-body-el,.x-button.x-button-segmented.x-pressed.x-focused .x-inner-el .x-body-el,.x-button.x-button-segmented.x-pressed.x-pressing .x-inner-el .x-body-el,.x-button.x-button-segmented.x-pressed.x-pressing.x-hovered .x-inner-el .x-body-el,.x-button.x-button-segmented.x-pressed.x-pressing.x-focused .x-inner-el .x-body-el {
                opacity: 1
            }

            .x-button.x-button-action .x-inner-el,.x-button.x-button-full-width .x-inner-el,.x-button.x-button-full-width-padded .x-inner-el {
                color: #fff;
                background-color: #005596;
                background-color: var(--base-color);
            }

            .x-button.x-button-action.x-hovered .x-inner-el,.x-button.x-button-full-width.x-hovered .x-inner-el,.x-button.x-button-full-width-padded.x-hovered .x-inner-el {
                color: #fff;
                background-color: #047
            }

            .x-keyboard-mode .x-button.x-button-action.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-full-width.x-focused .x-inner-el,.x-keyboard-mode .x-button.x-button-full-width-padded.x-focused .x-inner-el {
                color: #fff !important;
                background-color: #047 !important
            }

            .x-button.x-button-action.x-pressing .x-inner-el,.x-button.x-button-action.x-pressing.x-hovered .x-inner-el,.x-button.x-button-action.x-pressing.x-focused .x-inner-el,.x-button.x-button-full-width.x-pressing .x-inner-el,.x-button.x-button-full-width.x-pressing.x-hovered .x-inner-el,.x-button.x-button-full-width.x-pressing.x-focused .x-inner-el,.x-button.x-button-full-width-padded.x-pressing .x-inner-el,.x-button.x-button-full-width-padded.x-pressing.x-hovered .x-inner-el,.x-button.x-button-full-width-padded.x-pressing.x-focused .x-inner-el {
                color: #fff;
                background-color: #003259
            }

            .x-titlebar .x-button.x-button-white.x-component,.x-titlebar .x-button.x-button-icon-link-style.x-component,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component {
                color: #fff
            }

            .x-titlebar .x-button.x-button-white.x-component .x-inner-el,.x-titlebar .x-button.x-button-icon-link-style.x-component .x-inner-el,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component .x-inner-el {
                background-color: transparent;
                color: #fff
            }

            .x-titlebar .x-button.x-button-white.x-component.x-hovered .x-inner-el,.x-titlebar .x-button.x-button-icon-link-style.x-component.x-hovered .x-inner-el,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component.x-hovered .x-inner-el {
                color: #fff;
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-keyboard-mode .x-titlebar .x-button.x-button-white.x-component.x-focused .x-inner-el,.x-keyboard-mode .x-titlebar .x-button.x-button-icon-link-style.x-component.x-focused .x-inner-el,.x-keyboard-mode .x-titlebar .x-button.x-button-icon-ontop-link-style.x-component.x-focused .x-inner-el {
                color: #fff;
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-titlebar .x-button.x-button-white.x-component.x-pressing .x-inner-el,.x-titlebar .x-button.x-button-white.x-component.x-pressing.x-hovered .x-inner-el,.x-titlebar .x-button.x-button-white.x-component.x-pressing.x-focused .x-inner-el,.x-titlebar .x-button.x-button-icon-link-style.x-component.x-pressing .x-inner-el,.x-titlebar .x-button.x-button-icon-link-style.x-component.x-pressing.x-hovered .x-inner-el,.x-titlebar .x-button.x-button-icon-link-style.x-component.x-pressing.x-focused .x-inner-el,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component.x-pressing .x-inner-el,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component.x-pressing.x-hovered .x-inner-el,.x-titlebar .x-button.x-button-icon-ontop-link-style.x-component.x-pressing.x-focused .x-inner-el {
                color: #fff;
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-paneltool.x-dialogtool.x-hovered .x-tool-type-close::before {
                background-color: rgba(0, 0, 0, 0.075);
                opacity: 1
            }

            .x-keyboard-mode .x-paneltool.x-dialogtool.x-focused {
                outline: none
            }

            .x-keyboard-mode .x-paneltool.x-dialogtool.x-focused .x-tool-type-close::before {
                background-color: rgba(0, 0, 0, 0.075);
                opacity: 1;
                outline-color: #80aacb;
                outline-width: 2px;
                outline-style: solid;
                outline-offset: -1px
            }

            .x-paneltool.x-dialogtool.x-pressing .x-tool-type-close::before,.x-paneltool.x-dialogtool.x-pressing.x-hovered .x-tool-type-close::before,.x-paneltool.x-dialogtool.x-pressing.x-focused .x-tool-type-close::before,.x-paneltool.x-dialogtool.x-pressed .x-tool-type-close::before,.x-paneltool.x-dialogtool.x-pressed.x-hovered .x-tool-type-close::before,.x-paneltool.x-dialogtool.x-pressed.x-focused .x-tool-type-close::before {
                background-color: rgba(0, 0, 0, 0.2);
                opacity: 1
            }

            .x-keyboard-mode .x-paneltool.x-dialogtool.x-pressing .x-tool-type-close::before,.x-keyboard-mode .x-paneltool.x-dialogtool.x-pressing.x-hovered .x-tool-type-close::before,.x-keyboard-mode .x-paneltool.x-dialogtool.x-pressing.x-focused .x-tool-type-close::before,.x-keyboard-mode .x-paneltool.x-dialogtool.x-pressed .x-tool-type-close::before,.x-keyboard-mode .x-paneltool.x-dialogtool.x-pressed.x-hovered .x-tool-type-close::before,.x-keyboard-mode .x-paneltool.x-dialogtool.x-pressed.x-focused .x-tool-type-close::before {
                outline-color: #80aacb;
                outline-width: 2px;
                outline-style: solid;
                outline-offset: -1px
            }

            .x-keyboard-mode a:focus,.x-keyboard-mode a.x-button:focus {
                outline-color: #80aacb;
                outline-width: 2px;
                outline-style: solid;
                outline-offset: -1px
            }

            @media (max-width: 600px) {
                .x-button-action.im-full-width-button {
                    position:absolute;
                    bottom: 0px;
                    width: 100%
                }
            }

            @media (min-width: 600px) {
                .im-provider-header-buttons .x-button {
                    padding-bottom:2px;
                    padding-right: 8px
                }

                .im-provider-header-buttons .im-bold-button {
                    font-size: 20px;
                    line-height: 115%
                }
            }

            .im-provider-header-buttons {
                flex-shrink: 1
            }

            .im-provider-header-buttons .x-container {
                width: 100%
            }

            .im-provider-header-buttons .x-container .x-button.x-has-text {
                width: 100%
            }

            .im-provider-header-buttons .x-container .x-button.x-has-text .x-body-el {
                width: 100%;
                justify-content: flex-start
            }

            .im-provider-header-buttons .x-container .subheaderPhoneNumber.x-button.x-has-text {
                width: auto
            }

            .im-lowercase,.im-lowercase .x-text-el {
                text-transform: lowercase !important
            }

            .x-button-link-style.x-button.x-border .x-text-el {
                text-transform: uppercase;
                font-weight: 500
            }

            .copyrightContainer .x-button .x-button-el {
                cursor: default
            }

            .x-button-navigation-drawer .x-has-text.x-button > .x-inner-el {
                min-height: 48px
            }

            .x-subheader-container .x-button-provider-logo .x-text-el {
                line-height: 24px
            }

            .x-button-link-style.x-button-inline-hyperlink.x-hovered .x-text-el {
                text-decoration: underline
            }

            .im-provider-header-buttons .im-address-verification-icon {
                width: auto
            }

            .x-button-icon-link-style .x-inner-el,.x-button-icon-ontop-link-style .x-inner-el {
                padding: 8px 4px 8px 4px
            }

            @media (max-width: 960px) {
                .x-ie11 .x-titlebar .x-titlebar-body-el .x-titlebar .x-titlebar-body-el {
                    padding-top:0px
                }

                .x-ie11 .x-titlebar .x-titlebar-body-el {
                    padding-top: 4px
                }
            }

            .im-center-header-button.x-button {
                font: 400 20px Roboto, Arial, sans-serif;
                margin-left: 16px
            }

            .im-center-header-button.x-button .x-button-el {
                cursor: default
            }

            .im-button-hover .x-button-el {
                cursor: pointer !important
            }

            .x-button-link-style .x-inner-el .x-text-el {
                white-space: normal
            }

            .im-center-header-button.x-button-link-style .x-inner-el .x-text-el {
                white-space: nowrap
            }

            .x-button-full-width {
                color: #fff;
                border-radius: 0px
            }

            .x-button-full-width .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border-radius: 0px
            }

            .x-button-full-width.x-has-text .x-inner-el {
                padding: 11px
            }

            .x-button-full-width .x-icon-el {
                color: #fff
            }

            .x-button-full-width .x-arrow-el {
                color: #fff
            }

            .x-button-full-width.x-hovered .x-inner-el {
                border-color: #002d4f;
                background-color: #047;
                background-image: none
            }

            .x-button-full-width:before {
                border-radius: 0px
            }

            .x-button-full-width.x-pressing,.x-button-full-width.x-pressed {
                color: #fff
            }

            .x-button-full-width.x-pressing .x-inner-el,.x-button-full-width.x-pressed .x-inner-el {
                border-color: #001b30;
                background-color: #003259;
                background-image: none
            }

            .x-button-full-width.x-pressing .x-icon-el,.x-button-full-width.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-full-width.x-pressing .x-arrow-el,.x-button-full-width.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-keyboard-mode .x-button-full-width.x-focused:after {
                border-radius: 0px
            }

            .x-button-full-width-padded {
                color: #fff;
                border-radius: 0px
            }

            .x-button-full-width-padded .x-inner-el {
                border-color: #003e6d;
                background-color: #005596;
                background-color: var(--base-color);
                background-image: none;
                border-radius: 0px
            }

            .x-button-full-width-padded.x-has-text .x-inner-el {
                padding: 11px 11px 45px
            }

            .x-button-full-width-padded .x-icon-el {
                color: #fff
            }

            .x-button-full-width-padded .x-arrow-el {
                color: #fff
            }

            .x-button-full-width-padded.x-hovered .x-inner-el {
                border-color: #002d4f;
                background-color: #047;
                background-image: none
            }

            .x-button-full-width-padded:before {
                border-radius: 0px
            }

            .x-button-full-width-padded.x-pressing,.x-button-full-width-padded.x-pressed {
                color: #fff
            }

            .x-button-full-width-padded.x-pressing .x-inner-el,.x-button-full-width-padded.x-pressed .x-inner-el {
                border-color: #001b30;
                background-color: #003259;
                background-image: none
            }

            .x-button-full-width-padded.x-pressing .x-icon-el,.x-button-full-width-padded.x-pressed .x-icon-el {
                color: #fff
            }

            .x-button-full-width-padded.x-pressing .x-arrow-el,.x-button-full-width-padded.x-pressed .x-arrow-el {
                color: #fff
            }

            .x-keyboard-mode .x-button-full-width-padded.x-focused:after {
                border-radius: 0px
            }

            .x-dialog.x-panel .x-paneltitle .x-text-el {
                font-size: 16px;
                font-weight: 500;
                color: rgba(0, 0, 0, 0.87);
                white-space: inherit;
                overflow: hidden;
                text-overflow: inherit
            }

            .x-panel-iframe {
                height: 520px !important
            }

            .x-panel-footer {
                border-top: 1px solid #bdbdbd;
                padding: 8px 16px;
                background-color: #eee;
                height: 64px;
                margin-top: 8px
            }

            .x-panel-footer.im-powered-by.im-footer-white {
                border-top: none;
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-panel-footer.im-powered-by.im-footer-white .x-horizontal {
                display: flex
            }

            .im-footer-white .x-horizontal {
                display: block
            }

            @media (max-width: 600px) {
                .x-panel-footer.im-powered-by.im-footer-white {
                    background-color:#fff !important
                }
            }

            @media (max-width: 960px) {
                .x-panel-footer {
                    border-top:1px solid #bdbdbd;
                    padding: 8px 16px;
                    background-color: #eee;
                    height: 120px
                }

                .x-panel-footer.im-powered-by {
                    height: 161px
                }
            }

            .x-panel-footer .x-img.x-img-background {
                margin-top: 11px
            }

            .x-panel-footer.click2pay .copyrightContainer {
                margin-top: 6px
            }

            .x-actionsheet-body-el > .x-non-menuitem.x-indented,.x-menu-body-el > .x-non-menuitem {
                margin: 0px
            }

            .x-actionsheet-body-el {
                border: none !important;
                padding: 0px
            }

            .x-paneltitle.x-paneltitle-light-large,.x-paneltitle.x-paneltitle-light-large-8 {
                font-size: 20px;
                color: rgba(0, 0, 0, 0.87)
            }

            .x-paneltitle.x-paneltitle-light-large-8 {
                margin-left: 12px
            }

            @media (max-width: 600px) {
                .x-paneltitle.x-paneltitle-light-large-8 {
                    margin-left:4px
                }
            }

            .x-paneltitle.x-layout-box-item {
                flex-shrink: 1
            }

            .GreenLabel.x-tool .x-icon-el,.GreenLabel .x-innerhtml,.x-label.PatientPortalPaymnetXLargeLabelGreen {
                color: #2ebd59
            }

            .x-paneltitle.GreenLabel .x-text-el,.GreenLabel.x-tool .x-icon-el .x-text-el,.GreenLabel .x-innerhtml .x-text-el,.x-label.PatientPortalPaymnetXLargeLabelGreen {
                color: #2ebd59
            }

            .x-paneltitle.OrangeLabel {
                color: #f80
            }

            .x-paneltitle.OrangeLabel .x-text-el {
                color: #f80
            }

            .x-paneltitle.x-paneltitle-sub {
                margin-top: 24px
            }

            .RedLabel.x-tool .x-icon-el,.RedLabel .x-innerhtml,.x-label.PatientPortalPaymnetXLargeLabelRed {
                color: #d50000
            }

            .x-dialog.x-panel .x-panelheader-body-el {
                align-items: baseline
            }

            .x-dialog-error.x-dialog.x-panel .x-dialogtitle-error .x-text-el {
                color: #d50000
            }

            .x-datepanel .x-tool .x-icon-el {
                color: #fff
            }

            .x-datepanel .x-paneltitle .x-body-el {
                color: #fff;
                font-size: 16px
            }

            .x-picker.x-sheet .x-button .x-body-el {
                color: #fff
            }

            .x-panel-tile {
                background-color: inherit
            }

            .x-panel-tile .x-panel-tile-body-wrap-el {
                margin: 8px;
                padding: 12px 24px 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                background-color: #fff;
                overflow: visible
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el {
                background-color: #fff;
                overflow: visible
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-display-field {
                padding-bottom: 0px;
                min-height: 0px
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-display-field .x-label-el {
                width: 150px
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-display-field .x-label-el .x-label-text-el {
                font-size: 16px
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-consolidated-buttons {
                border-top: 1px #e0e0e0 solid;
                padding-top: 8px;
                margin: 0px -24px;
                margin-top: 24px
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-consolidated-buttons .x-button {
                margin-left: 8px
            }

            .x-panel-tile .x-panel-tile-body-wrap-el .x-panel-tile-body-el .im-consolidated-buttons .x-button .x-body-el {
                background: none
            }

            .im-panel-preferences {
                margin-top: 16px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                width: 65%;
                margin-left: auto;
                margin-right: auto
            }

            .im-panel-preferences .im-panel-preferences-header {
                background-color: #fff;
                border-top: #e0e0e0 1px solid;
                padding: 8px 8px 4px 8px
            }

            .im-panel-preferences .im-panel-preferences-header .x-label {
                padding-top: 8px;
                padding-left: 14px
            }

            .im-panel-preferences .im-panel-preferences-header .x-button {
                margin-top: 4px
            }

            .im-panel-preferences .im-panel-preferences-header:first-of-type {
                border-top: none
            }

            .im-panel-preferences .x-formpanel .x-formpanel-body-wrap-el {
                border-top: #e0e0e0 1px solid
            }

            .im-panel-preferences .im-contact-information-panel .im-display-field {
                padding-top: 8px
            }

            .im-panel-preferences .im-communications-panel .x-label {
                padding-top: 12px
            }

            .im-panel-preferences .im-communications-panel .im-communications-column-header .x-label {
                padding-right: 13px;
                padding-left: 7px
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el {
                display: flex
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el .im-display-field {
                flex: 1;
                padding-top: 16px
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el .im-display-field .x-body-el {
                color: rgba(0, 0, 0, 0.87)
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el .x-field {
                height: inherit
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el .x-checkboxfield {
                padding: 0px 12px
            }

            .im-panel-preferences .im-communications-panel .im-communications-container .x-container .x-container-body-el .x-container .x-container-body-el .x-checkboxfield .x-label-el {
                display: none !important
            }

            .im-panel-preferences .im-statement-panel .x-radiofield {
                height: initial;
                padding: 8px 0px
            }

            .im-panel-preferences .im-statement-panel .x-radiofield .x-label-el {
                flex: 500;
                color: rgba(0, 0, 0, 0.87);
                font-size: 14px;
                padding-left: 24px
            }

            .im-panel-preferences .im-password-panel .x-formpanel-body-el {
                padding-left: 24px;
                padding-right: 24px
            }

            .im-panel-preferences .im-password-panel .x-formpanel-body-el .x-button {
                padding-top: 16px
            }

            .im-panel-preferences .im-password-panel .x-formpanel-body-el {
                padding-top: 8px;
                padding-left: 24px;
                padding-right: 24px
            }

            .im-panel-preferences .im-password-panel .x-formpanel-body-el .x-button {
                padding-top: 16px
            }

            @media (max-width: 960px) {
                .im-panel-preferences {
                    width:100%
                }
            }

            @media (max-width: 600px) {
                .im-panel-preferences {
                    box-shadow:none
                }

                .im-panel-preferences .im-panel-preferences-header:first-of-type {
                    border-top: #e0e0e0 1px solid
                }

                .im-panel-preferences .im-panel-preferences-header:last-of-type {
                    border-bottom: #e0e0e0 1px solid
                }

                .im-panel-preferences .im-panel-preferences-header {
                    padding: 0px
                }

                .im-panel-preferences .im-panel-preferences-header .x-label {
                    padding: 16px 0px 16px 14px
                }

                .im-panel-preferences .x-formpanel-body-el {
                    padding: 30px 4px 0px
                }

                .im-panel-preferences .x-formpanel.x-formpanel-flat .x-formpanel-body-el {
                    background-color: #f5f5f5;
                    background-color: var(--background-color);
                }

                .im-panel-preferences > .x-body-wrap-el {
                    border-left: #e0e0e0 1px solid;
                    border-right: #e0e0e0 1px solid
                }
            }

            .im-consolidated-payment-action .x-paneltitle {
                padding-top: 12px
            }

            .im-consolidated-payment-action .x-label-display2,.im-consolidated-payment-action .OneBillAmountLabelGreen,.im-consolidated-payment-action .OneBillAmountLabelRed,.im-consolidated-payment-action .x-label-display2-base {
                padding-bottom: 8px
            }

            .im-consolidated-payment-action .x-label-body1-secondary {
                padding: 8px 0px
            }

            .im-consolidated-payment-action .im-buttons {
                padding-top: 8px
            }

            .im-consolidated-payment-action .x-button {
                padding-right: 8px
            }

            @media (max-width: 600px) {
                .im-consolidated-payment-action {
                    padding:0px 4px 32px
                }
            }

            .im-consolidated-payment.x-paneltitle {
                margin-left: 8px;
                margin-top: 4px
            }

            .x-paneltitle .x-text-el {
                white-space: normal
            }

            .im-information-page {
                padding-top: 32px
            }

            .im-information-page .x-label {
                padding-bottom: 28px
            }

            .im-information-page .x-label.x-label-title-primary,.im-information-page.x-label.x-label-title-primary {
                padding-bottom: 24px
            }

            .im-information-page .x-label .x-innerhtml {
                text-align: center
            }

            .x-mask .x-mask-inner {
                background: #000
            }

            .x-mask.x-has-message .x-loading-spinner-outer {
                height: 80px
            }

            .x-loading-spinner {
                height: 32px;
                width: 32px;
                -webkit-transform-origin: 16px 16px;
                transform-origin: 16px 16px
            }

            .x-loading-spinner > span,.x-loading-spinner > span:before,.x-loading-spinner > span:after {
                width: 2px;
                height: 8px;
                -webkit-transform-origin: 0px 16px;
                transform-origin: 0px 16px
            }

            .x-loading-spinner > span {
                margin-left: 0px
            }

            .x-mask .x-mask-message {
                color: grey
            }

            .x-mask.x-loading-mask {
                z-index: 999999
            }

            input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0px
            }

            .x-dialog-outer-border-trl {
                border-top-width: 0 !important;
                border-right-width: 0 !important;
                border-left-width: 0 !important;
                border-bottom-width: 0 !important
            }

            .x-dialog .x-field.x-checkboxfield > .x-body-wrap-el {
                display: block;
                padding-top: 6px
            }

            .x-keyboard-mode .x-dialog .x-button.x-focused .x-inner-el,.x-keyboard-mode .x-dialog .x-button.x-button-action.x-focused .x-inner-el {
                background-color: rgba(0, 0, 0, 0.075) !important
            }

            .x-dialog .x-button.x-pressing,.x-dialog .x-button.x-button-action.x-pressing {
                color: #005596;
                color: var(--base-color);
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-field.x-required > .x-label-el:after {
                content: ""
            }

            .x-pickerfield.x-selectfield input {
                -webkit-appearance: none
            }

            .im-display-field {
                padding-top: 0px;
                min-height: 84px
            }

            .im-display-field.x-field.x-body-align-start > * > .x-body-el {
                align-items: stretch;
                word-break: break-word
            }

            .x-field-flat.im-display-field {
                height: inherit;
                padding-top: 0px;
                margin-top: 0px
            }

            .x-field-flat.im-display-field .x-error-el {
                margin: 0px
            }

            .x-field-flat.im-display-field.DisplayFieldGreen .x-body-el {
                color: #2ebd59
            }

            .x-field-flat.im-display-field.DisplayFieldOrange .x-body-el {
                color: #f80
            }

            .x-field-flat.im-display-field.DisplayFieldRed .x-body-el {
                color: #d50000
            }

            .im-display-field .x-label-el .x-label-text-el {
                font: 400 14px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.87)
            }

            .im-display-field .x-body-wrap-el .x-body-el {
                font: 400 14px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.54)
            }

            .x-field.x-error-target-under > * > .x-error-el {
                min-height: 16px
            }

            .im-display-field.im-legend-label {
                padding-bottom: 8px
            }

            .im-display-field.im-legend-label .x-label-el {
                display: inline-block;
                margin-left: 24px
            }

            .im-display-field.im-legend-label .x-label-el::before {
                content: ' ';
                display: inline-block;
                width: 16px;
                height: 16px;
                position: absolute;
                top: 0;
                left: 0
            }

            .im-display-field.im-legend-label .x-body-el {
                margin-left: 24px
            }

            .im-display-field.im-legend-label.im-legend-label-primary-blue-500 .x-label-el::before {
                background-color: #005596;
                background-color: var(--base-color);
            }

            .im-display-field.im-legend-label.im-legend-label-primary-blue-500.im-legend-label-disable-custom-color .x-label-el::before {
                background-color: #005595 !important
            }

            .im-display-field.im-legend-label.im-legend-label-primary-blue-200 .x-label-el::before {
                background-color: #80aacb
            }

            .im-display-field.im-legend-label.im-legend-label-primary-blue-200.im-legend-label-disable-custom-color .x-label-el::before {
                background-color: #80aacb !important
            }

            .im-display-field.im-legend-label.im-legend-label-grey-400 .x-label-el::before {
                background-color: #bdbdbd
            }

            .im-display-field.im-legend-label.im-legend-label-grey-400.im-legend-label-disable-custom-color .x-label-el::before {
                background-color: #bdbdbd !important
            }

            .im-display-field.im-legend-label.im-legend-label-empty .x-label-el {
                margin-left: 0px
            }

            .im-display-field.im-legend-label.im-legend-label-empty .x-body-el {
                margin-left: 0px
            }

            @media (min-width: 600px) {
                .im-display-field.im-legend-label {
                    padding-bottom:4px
                }

                .im-display-field.im-legend-label.im-legend-label-empty .x-label-el {
                    margin-left: 0
                }

                .im-display-field.im-legend-label.im-legend-label-empty .x-label-el::before {
                    content: none;
                    display: none
                }

                .im-display-field.im-legend-label .x-body-el {
                    margin-left: 0
                }
            }

            .CardIconClsTest .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-mc-22.png), url(../../../../../Content/Images/PaymentPortal/card-icons-visa-22.png), url(../../../../../Content/Images/PaymentPortal/card-icons-amex-22.png), url(../../../../../Content/Images/PaymentPortal/card-icons-discover-22.png);
                background-size: 22px;
                padding-right: calc(5 * 25px);
                background-repeat: no-repeat;
                background-position: right 75px top 5px, right 50px top 5px, right 25px top 5px, right 0px top 5px
            }

            .CardIconClsTestMC .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-mc-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 0px top 5px
            }

            .CardIconClsTestVisa .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-visa-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 0px top 5px
            }

            .CardIconClsTestAmex .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-amex-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 0px top 5px
            }

            .CardIconClsTestDisc .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-discover-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 0px top 5px
            }

            .CardIconClsDiners .x-body-el {
                background: url(../../../../../Content/Images/PaymentPortal/card-icon-diners-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 0px top 5px
            }

            .x-cardIconTrigger.x-trigger .x-icon-el:before {
                content: none !important
            }

            .x-locationTrigger.x-trigger .x-icon-el:before {
                content: none !important
            }

            .mastercardCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-mc-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .visaCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-visa-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .amexCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-amex-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .discoverCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-discover-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .dinersCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icon-diners-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .echeckCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-bank-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .applePayCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icons-apple-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .newPaymentAccountCls {
                background: url(../../../../../Content/Images/PaymentPortal/card-icon-plus-22.png);
                background-size: 22px;
                padding-right: 25px;
                background-repeat: no-repeat;
                background-position: right 2px top 5px
            }

            .x-listitem .mastercardCls,.x-listitem .visaCls,.x-listitem .amexCls,.x-listitem .discoverCls,.x-listitem .echeckCls,.x-listitem .newPaymentAccountCls,.x-listitem .applePayCls {
                background-position-y: 0px;
                background-position-x: 0px
            }

            .iconText {
                text-indent: 25px
            }

            .x-field-payment-flow .x-label-el {
                color: rgba(0, 0, 0, 0.87);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-field-payment-flow .x-body-wrap-el {
                color: rgba(0, 0, 0, 0.54);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-label-title-primary,.x-label-title-approved-green {
                color: rgba(0, 0, 0, 0.87);
                font: 400 20px Roboto, Arial, sans-serif;
                padding-top: 24px
            }

            .im-address-container .x-label-title-primary,.im-address-container .x-label-title-approved-green {
                padding-top: 0px
            }

            @media (max-width: 600px) {
                .im-address-container .x-label-title-primary,.im-address-container .x-label-title-approved-green {
                    font-size:14px
                }
            }

            .x-label-title-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 400 20px Roboto, Arial, sans-serif;
                padding-top: 24px
            }

            .x-label-title-blue-500 {
                color: #005596;
                color: var(--base-color);
                font: 400 20px Roboto, Arial, sans-serif;
                padding-top: 24px
            }

            .x-label-title-approved-green {
                color: #2ebd59
            }

            .x-label-subheading,.x-label-subheading-primary {
                color: rgba(0, 0, 0, 0.87);
                font: 500 16px Roboto, Arial, sans-serif
            }

            .x-label-subheading-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 500 16px Roboto, Arial, sans-serif
            }

            .x-label-light-subheading-primary {
                color: rgba(0, 0, 0, 0.87);
                font: 400 16px Roboto, Arial, sans-serif
            }

            .x-label-light-subheading-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 400 16px Roboto, Arial, sans-serif
            }

            .x-label-light-subheading-blue-500 {
                color: #005596;
                color: var(--base-color);
                font: 400 16px Roboto, Arial, sans-serif
            }

            .x-label-body1-primary {
                color: rgba(0, 0, 0, 0.87);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-label-body1-section {
                color: rgba(0, 0, 0, 0.87);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-label-body1-primary-bold {
                color: rgba(0, 0, 0, 0.87);
                font: 400 14px Roboto, Arial, sans-serif;
                font-weight: 500
            }

            .x-label.BoldLabel {
                font-weight: 700
            }

            .x-label-body1-primary a {
                text-decoration: none;
                color: #00e
            }

            .x-label-body1-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-label-body1-secondary a {
                text-decoration: none;
                color: #00e
            }

            .x-label-body1-blue-500 {
                color: #005596;
                color: var(--base-color);
                font: 400 14px Roboto, Arial, sans-serif
            }

            .x-label-body1-link-blue {
                color: #00e;
                font: 400 14px Roboto, Arial, sans-serif;
                text-decoration: none;
                cursor: pointer
            }

            .x-label-body1-white {
                color: #fff;
                font: 400 14px Roboto, Arial, sans-serif;
                padding-top: 9px;
                line-height: 18px
            }

            .x-label-title-white-400 {
                color: #fff;
                font: 400 20px Roboto, Arial, sans-serif;
                line-height: 26px
            }

            .im-indented-label {
                margin-top: -24px;
                word-wrap: break-word;
                margin-left: 26px
            }

            .x-titlebar .x-label-body1-white {
                margin-bottom: 2px
            }

            .x-label-body2-primary {
                color: rgba(0, 0, 0, 0.87);
                font: 500 14px Roboto, Arial, sans-serif
            }

            .x-label-body2-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 500 14px Roboto, Arial, sans-serif
            }

            .x-label-body2-blue-500 {
                color: #005596;
                color: var(--base-color);
                font: 500 14px Roboto, Arial, sans-serif
            }

            .x-label-caption-primary {
                color: rgba(0, 0, 0, 0.87);
                font: 400 12px Roboto, Arial, sans-serif
            }

            .x-label-caption-secondary {
                color: rgba(0, 0, 0, 0.54);
                font: 400 12px Roboto, Arial, sans-serif
            }

            .x-label-display1,.x-label-display1-balance {
                color: #005596;
                color: var(--base-color);
                font: 400 34px Roboto, Arial, sans-serif
            }

            .x-label-display1-balance {
                margin-top: -16px
            }

            .im-provider-home-display1-balance .x-label-display1,.im-provider-home-display1-balance .x-label-display1-balance {
                top: 12px
            }

            .x-label-display2,.OneBillAmountLabelGreen,.OneBillAmountLabelRed,.x-label-display2-base {
                color: #005596;
                color: var(--base-color);
                font: 400 45px Roboto, Arial, sans-serif
            }

            .OneBillAmountLabelGreen {
                color: #2ebd59
            }

            .OneBillAmountLabelRed {
                color: #d50000
            }

            .x-label-display2-base {
                margin-bottom: 23px
            }

            .x-field-payment-flow .x-label-el {
                padding: 14px 0px 0px 0px
            }

            .x-field-payment-flow .x-body-wrap-el {
                padding: 0px 0px 12px 0px
            }

            .im-top-label {
                padding-top: 12px
            }

            .im-bottom-label {
                padding-bottom: 12px
            }

            .im-force-blue .x-body-el {
                color: #005596 !important
            }

            .no-results-label {
                padding: 16px 28px;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.87)
            }

            .section1 {
                padding-top: 16px;
                padding-bottom: 16px
            }

            .section2 {
                padding-top: 36px;
                padding-bottom: 16px
            }

            .x-button-provider-receipt-img {
                height: 56px;
                width: 56px;
                background-size: contain !important;
                margin: 12px 16px 0px 0px
            }

            img.im-payment-type {
                width: 40px;
                height: 25px;
                margin-right: 24px
            }

            .im-health-graph-image {
                width: auto;
                height: 240px
            }

            @media (max-width: 450px) {
                .im-health-graph-image {
                    width:auto;
                    height: 164px
                }
            }

            .x-component-legal-document {
                height: 248px;
                margin-bottom: 16px
            }

            @media (min-width: 601px) {
                .x-component-legal-document {
                    height:360px
                }
            }

            .x-component-benefits-graph-image {
                width: 200px;
                height: 200px
            }

            @media (max-width: 450px) {
                .x-component-benefits-graph-image {
                    width:120px;
                    height: 120px
                }
            }

            .x-titlebar.x-toolbar-navigation-bar {
                z-index: 1;
                overflow: visible;
                background-color: #005596;
                background-image: none;
                border-color: #000;
                font: 600 18px/16px Roboto, Arial, sans-serif;
                color: #fff;
                max-height: 64px;
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24), 0 1px 4px rgba(0, 0, 0, 0.16);
                z-index: 2
            }

            .x-titlebar {
                max-height: 64px;
                padding: 0px;
                z-index: 2;
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24), 0 1px 4px rgba(0, 0, 0, 0.16)
            }

            .x-titlebar .x-title {
                padding: 8px 0px 0px;
                width: auto !important;
                left: 0px !important
            }

            .x-titlebar.x-container.x-component.x-noborder-trbl {
                box-shadow: none
            }

            .x-titlebar-body-el {
                padding: 8px 0px
            }

            .x-titlebar-body-el .x-titlebar-right .x-has-menu .x-body-el {
                max-width: 165px;
                overflow: hidden
            }

            .x-container.x-dock-item.x-docked-top,.x-container.x-dock-item.x-docked-top .x-body-el {
                overflow: visible
            }

            @media (max-width: 960px) {
                .x-titlebar-body-el .x-titlebar-right .x-has-menu .x-body-el {
                    overflow:visible
                }
            }

            .im-header-bar > * > .x-titlebar {
                z-index: 10;
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                margin-bottom: 5px
            }

            .im-header-bar > * > .x-titlebar {
                width: 100%;
                position: fixed;
                top: 0px;
                left: 0px
            }

            .im-header-margin {
                margin-bottom: 64px
            }

            .im-header-bar > * > .x-subheader-container {
                margin-top: 64px
            }

            .im-header-bar > * > .x-subheader-container {
                z-index: 5;
                box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
                margin-bottom: 5px
            }

            .x-titlebar-left {
                position: relative;
                flex: auto
            }

            .x-titlebar-left .im-center-header-button {
                flex: auto;
                max-width: max-content
            }

            .x-titlebar-left .im-center-header-button .x-body-el {
                flex: auto;
                overflow: hidden !important
            }

            @media (max-width: 1272px) {
                .im-title-bar-no-center .x-titlebar-left {
                    flex:1 !important
                }

                .im-title-bar-no-center .x-titlebar-left .im-center-header-button {
                    margin-left: 326px
                }

                .im-title-bar-no-center .x-titlebar-center {
                    flex: 0 !important
                }
            }

            @media (max-width: 960px) {
                .im-title-bar-no-center .x-titlebar-left .im-center-header-button {
                    margin-left:94px
                }
            }

            .im-providers-dataview-search {
                margin-top: 24px;
                background-color: #fff
            }

            .im-providers-dataview-search .im-dataview-logo {
                margin-left: 0px
            }

            .im-providers-dataview-search .im-dataview-img {
                margin: 16px 0px 0px 0px !important
            }

            .im-providers-dataview-search .dropbtn {
                right: -27px
            }

            .im-providers-dataview-search .im-dataview-tile .im-dataview-text-container {
                width: 88%
            }

            .im-dataview-tile-base,.im-dataview-tile,.im-dataview-tile-noflex,.im-dataview-tile-noflex-wide {
                min-height: 88px;
                background-color: #fff;
                display: flex;
                cursor: pointer
            }

            .im-patients-dataview {
                overflow: visible !important
            }

            .im-patients-dataview .im-dataview-tile-noflex,.im-patients-dataview .im-dataview-tile-noflex-wide {
                margin: 12px 8px
            }

            .im-patients-dataview .im-dataview-checkbox {
                margin-top: 6px
            }

            .im-patients-dataview .im-dataview-tile-noflex,.im-patients-dataview .im-dataview-tile-noflex-wide {
                margin-left: 0px;
                padding-left: 0px;
                margin-right: 0px;
                padding-right: 0px;
                box-shadow: none;
                border-radius: 2px;
                background-color: white !important
            }

            .im-patients-dataview .im-dataview-tile-noflex .dropdown-content,.im-patients-dataview .im-dataview-tile-noflex-wide .dropdown-content {
                top: -10px
            }

            .im-patients-dataview .im-dataview-tile-noflex:last-of-type .dropdown-content,.im-dataview-tile-noflex.im-digital-wallet-tile.im-dataview-xs-tile:last-of-type,.im-patients-dataview.im-dataview-tile-noflex:last-of-type {
                top: -85px
            }

            .im-patients-dataview .im-dataview-tile-noflex-wide {
                margin-right: 0px;
                padding-right: 0px
            }

            .im-dataview-tile-disabled {
                background-color: #fff !important
            }

            .im-provider-home-summary {
                padding-left: 4px;
                padding-right: 4px
            }

            .im-dataview-text-base,.im-dataview-tile .im-dataview-text-container .im-dataview-text-address,.im-dataview-tile .im-dataview-text-container .im-dataview-text-group,.im-dataview-text-value,.im-dataview-text-caption-value,.im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-text-caption-value-red {
                box-sizing: border-box;
                width: 100%;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-all;
                padding-right: 95px;
                font-weight: 400
            }

            .im-providers-dataview-search .im-dataview-tile .im-dataview-text-container .im-dataview-text-name,.im-providers-dataview-search .im-dataview-tile .im-dataview-text-container .im-dataview-text-address {
                padding-right: 0px
            }

            .im-dataview-tile .im-dataview-text-container .im-dataview-text-name,.im-dataview-text-label,.im-dataview-tile .im-dataview-text-container .im-dataview-text-name-add,.im-dataview-text-bold-label {
                font: 400 16px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.87)
            }

            .im-secondary-subheader {
                padding-top: 12px !important
            }

            .im-dataview-text-label,.im-dataview-text-bold-label {
                padding-right: 0px;
                overflow: visible
            }

            .im-dataview-text-bold-label {
                font-weight: 500
            }

            .im-dataview-text-spacer {
                width: 100%
            }

            .im-dataview-tile .im-dataview-text-container .im-dataview-text-address,.im-dataview-text-value,.im-dataview-text-caption-value,.im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-text-caption-value-red {
                font: 400 14px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.54)
            }

            .im-dataview-text-value,.im-dataview-text-caption-value,.im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-text-caption-value-red {
                padding-right: 0px
            }

            .im-dataview-text-caption-value,.im-dataview-text-caption-value-red {
                font: 400 12px Roboto, Arial, sans-serif
            }

            .im-dataview-text-caption-value-red {
                color: #d50000
            }

            .im-dataview-text-container-right .im-dataview-text-label,.im-dataview-text-container-right .im-dataview-text-bold-label {
                font-size: 14px
            }

            .im-dataview-tile-bottom > * .im-dataview-text-container > * {
                font-size: 12px
            }

            .im-dataview-tile-bottom-left .im-dataview-text-container .im-dataview-text-value,.im-dataview-tile-bottom-left .im-dataview-text-container .im-dataview-text-caption-value,.im-dataview-tile-bottom-left .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-tile-bottom-left .im-dataview-text-container .im-dataview-text-caption-value-red {
                font-size: 10px
            }

            .im-dataview-text-label-prim-blue-500 {
                color: #005596 !important
            }

            .im-dataview-text-name.im-dataview-text-label-prim-blue-500 {
                overflow: visible;
                -webkit-line-clamp: unset;
                -webkit-box-orient: unset;
                max-height: none
            }

            .im-dataview-text-name.im-dataview-text-label-prim-blue-500:after {
                background: none
            }

            .im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-tile-bottom-right .im-dataview-text-caption-value,.im-dataview-tile-bottom-right .im-dataview-tile-bottom-right .im-dataview-text-value,.im-dataview-tile-bottom-right .im-dataview-text-caption-value-red {
                text-align: right
            }

            .im-dataview-tile .im-dataview-text-container .im-dataview-text-group {
                font: 14px Roboto, Arial, sans-serif;
                color: #3db049
            }

            .im-dataview-tile .im-dataview-menu {
                float: right;
                position: absolute;
                width: 18px;
                right: 0px;
                margin-right: 16px
            }

            .x-button-provider-logo-base,.x-button-provider-logo.x-button {
                border-radius: 50%;
                background-color: #bdbdbd;
                color: #616161;
                width: 56px;
                height: 56px;
                font-size: 24px
            }

            .x-button-provider-logo-base.x-pressed,.x-button-provider-logo-base.x-hovered,.x-button-provider-logo-base.x-focused,.x-keyboard-mode .x-button-provider-logo-base.x-focused,.x-button-provider-logo-base.x-pressing,.x-button-provider-logo-base.x-button.x-button-link-style.x-pressed,.x-button-provider-logo-base.x-button.x-button-link-style.x-hovered,.x-button-provider-logo-base.x-button.x-button-link-style.x-focused,.x-keyboard-mode .x-button-provider-logo-base.x-button.x-button-link-style.x-focused,.x-button-provider-logo-base.x-button.x-button-link-style.x-pressing,.x-button-provider-logo.x-button.x-pressed,.x-button-provider-logo.x-button.x-hovered,.x-button-provider-logo.x-button.x-focused,.x-keyboard-mode .x-button-provider-logo.x-button.x-focused,.x-button-provider-logo.x-button.x-pressing,.x-button-provider-logo.x-button.x-button-link-style {
                background-color: #bdbdbd
            }

            .x-button-provider-logo-base.x-pressed .x-inner-el,.x-button-provider-logo-base.x-hovered .x-inner-el,.x-button-provider-logo-base.x-focused .x-inner-el,.x-keyboard-mode .x-button-provider-logo-base.x-focused .x-inner-el,.x-button-provider-logo-base.x-pressing .x-inner-el,.x-button-provider-logo-base.x-button.x-button-link-style.x-pressed .x-inner-el,.x-button-provider-logo-base.x-button.x-button-link-style.x-hovered .x-inner-el,.x-button-provider-logo-base.x-button.x-button-link-style.x-focused .x-inner-el,.x-keyboard-mode .x-button-provider-logo-base.x-button.x-button-link-style.x-focused .x-inner-el,.x-button-provider-logo-base.x-button.x-button-link-style.x-pressing .x-inner-el,.x-button-provider-logo.x-button.x-pressed .x-inner-el,.x-button-provider-logo.x-button.x-hovered .x-inner-el,.x-button-provider-logo.x-button.x-focused .x-inner-el,.x-keyboard-mode .x-button-provider-logo.x-button.x-focused .x-inner-el,.x-button-provider-logo.x-button.x-pressing .x-inner-el {
                border-radius: 50%;
                background-color: transparent !important
            }

            .im-dataview-tile-top,.im-dataview-tile-bottom {
                display: flex
            }

            .im-dataview-tile-bottom {
                margin-top: 24px
            }

            .im-dataview-tile-bottom-left,.im-dataview-tile-bottom-right {
                flex: 1
            }

            .im-dataview-tile-bottom-right {
                margin-right: 40px;
                margin-left: 52px
            }

            .im-dataview-text-container.im-dataview-text-container-right {
                text-align: right;
                flex: 3;
                margin-right: 40px
            }

            .im-dataview-text-container.im-dataview-text-container-flex {
                display: flex
            }

            @media (max-width: 600px) {
                .im-dataview-tile-noflex,.im-dataview-tile-noflex-wide {
                    display:block;
                    padding: 16px;
                    min-height: 0px
                }

                .im-dataview-tile-noflex.im-digital-wallet-tile.im-dataview-xs-tile,.im-dataview-tile-noflex-wide.im-digital-wallet-tile.im-dataview-xs-tile {
                    display: block;
                    padding: 24px 24px 8px;
                    min-height: 0px;
                    margin: 8px 8px 8px 8px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                    border-radius: 2px
                }

                .im-dataview-tile .im-dataview-img {
                    width: 40px;
                    height: 40px;
                    margin: 16px 0px 0px 16px;
                    float: left;
                    min-width: 40px;
                    text-align: center;
                    margin: 16px 0px 0px 0px
                }

                .im-dataview-tile .im-dataview-logo,.im-digital-wallet-tile .im-dataview-logo {
                    width: 40px;
                    height: 40px;
                    margin: 16px 0px 0px 16px;
                    float: left;
                    min-width: 40px;
                    text-align: center;
                    margin: 16px 0px 0px 0px;
                    border-radius: 50%;
                    background-color: #bdbdbd;
                    color: #616161;
                    font-size: 18px;
                    font-family: Roboto, Arial, sans-serif;
                    line-height: 40px
                }

                .im-dataview-tile .im-dataview-text-container {
                    padding-left: 16px;
                    padding-right: 16px;
                    display: inline-block;
                    max-width: 100%;
                    position: relative;
                    margin-top: 14px
                }

                .im-dataview-tile .im-dataview-img .im-dataview-img-logo {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center
                }

                .add-payee-nav {
                    top: 12px !important
                }

                .im-dataview-tile .im-dataview-text-container .im-dataview-text-name-add {
                    color: #4d88b6;
                    margin-top: 11px
                }

                .x-button-provider-logo.x-button {
                    margin: 8px 32px 8px 0px !important
                }

                .im-dataview-tile-bottom {
                    display: block;
                    flex-wrap: wrap
                }
            }

            @media (min-width: 600px) {
                .im-dataview-tile {
                    margin:8px 8px 8px 8px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                    border-radius: 2px
                }

                .im-dataview-tile.im-dataview-tile-noborder {
                    margin: 8px 0px;
                    box-shadow: none;
                    border-radius: 0px
                }

                .im-dataview-tile-noflex,.im-dataview-tile-noflex-wide {
                    margin: 8px 8px 8px 8px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                    border-radius: 2px;
                    display: block;
                    padding: 16px;
                    min-height: 78px
                }

                .im-dataview-tile-noflex.im-digital-wallet-tile,.im-dataview-tile-noflex-wide.im-digital-wallet-tile {
                    padding: 24px 24px 8px
                }

                .im-dataview-tile-noflex-wide {
                    width: 100%;
                    margin: 0px 8px
                }

                .im-dataview-tile .im-dataview-img {
                    width: 56px;
                    height: 56px;
                    margin: 16px 0px 0px 16px;
                    float: left;
                    min-width: 56px;
                    text-align: center
                }

                .im-dataview-tile .im-dataview-logo,.im-digital-wallet-tile .im-dataview-logo {
                    width: 56px;
                    height: 56px;
                    margin: 16px 0px 0px 16px;
                    float: left;
                    min-width: 56px;
                    text-align: center;
                    border-radius: 50%;
                    background-color: #bdbdbd;
                    color: #616161;
                    font-size: 24px;
                    font-family: Roboto, Arial, sans-serif;
                    line-height: 55px
                }

                .im-digital-wallet-tile.im-dataview-tile-noflex .im-dataview-logo,.im-digital-wallet-tile.im-dataview-tile-noflex-wide .im-dataview-logo {
                    margin-top: -4px
                }

                .im-providers-dataview-search .im-dataview-tile .im-dataview-logo,.im-providers-dataview-search.im-dataview-tile .im-dataview-img {
                    margin: 16px 0px 0px 0px
                }

                .im-dataview-tile .im-dataview-text-container {
                    padding-left: 16px;
                    width: 100%;
                    display: inline-block;
                    max-width: 100%;
                    position: relative;
                    margin-top: 14px
                }

                .im-dataview-tile .im-dataview-img .im-dataview-img-logo {
                    width: 56px;
                    height: 56px;
                    border-radius: 50%;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center
                }

                .add-payee-nav {
                    top: 18px !important
                }

                .im-dataview-tile .im-dataview-text-container .im-dataview-text-name-add {
                    color: #005596;
                    color: var(--base-color);
                    margin-top: 0px
                }

                .x-button-provider-logo.x-button {
                    margin: 12px 48px 8px 0px !important
                }
            }

            .im-first-caption {
                padding-top: 4px
            }

            .im-slide-out-nav {
                background-color: #005596;
                background-color: var(--base-color);
                margin-bottom: 8px !important
            }

            .im-slide-out-icon {
                margin: 48px 0px 0px 24px;
                border-radius: 50%;
                background-color: #bdbdbd;
                color: #616161;
                width: 56px;
                height: 56px;
                text-align: center;
                font-size: 24px;
                line-height: 55px;
                overflow: visible
            }

            .im-slide-out-name {
                margin-left: 24px;
                text-transform: capitalize;
                color: #fff;
                font: 400 14px Roboto, Arial, sans-serif;
                padding-top: 12px
            }

            .im-slide-out-mail {
                margin-left: 24px;
                color: #bdbdbd;
                font: 400 14px Roboto, Arial, sans-serif;
                padding: 4px 0px 16px 0px;
                margin-bottom: 8px
            }

            .x-subheader-panel {
                padding: 8px 4px
            }

            .x-subheader-panel .im-provider-header-buttons .x-button.im-bold-button .x-text-el:after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 25%;
                height: 1.2em;
                opacity: 0
            }

            @supports (-webkit-line-clamp: 2) {
                .x-subheader-panel .im-provider-header-buttons .x-button.im-bold-button .x-text-el {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    word-break: break-word;
                    white-space: normal;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    max-height: initial
                }

                .x-subheader-panel .im-provider-header-buttons .x-button.im-bold-button .x-text-el:after {
                    display: none
                }
            }

            .x-subheader-panel .im-provider-header-buttons .x-button .x-text-el {
                white-space: nowrap
            }

            .im-dataview-text-container.im-dataview-provider-patient-container {
                margin-left: 28px;
                flex: 5
            }

            .im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-label.im-provider-name:after,.im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-bold-label.im-provider-name {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 25%;
                height: 1.2em;
                opacity: 0
            }

            @supports (-webkit-line-clamp: 2) {
                .im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-label.im-provider-name,.im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-bold-label.im-provider-name {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    word-break: break-word;
                    white-space: normal;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    max-height: initial
                }

                .im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-label.im-provider-name:after,.im-dataview-text-container.im-dataview-provider-patient-container .im-dataview-text-bold-label.im-provider-name {
                    display: none
                }
            }

            .im-dataview-text-container.im-dataview-provider-patient-container.im-hide-balance,.im-dataview-tile-bottom-left .im-dataview-text-container {
                margin-left: 52px
            }

            .im-dataview-tile-bottom .im-dataview-text-container {
                padding: 8px 0px
            }

            .im-dataview-text-value.im-dataview-text-value-blue,.im-dataview-text-caption-value.im-dataview-text-value-blue,.im-dataview-tile-bottom-right .im-dataview-text-value.im-dataview-text-value-blue,.im-dataview-text-caption-value-red.im-dataview-text-value-blue {
                color: #005596 !important
            }

            .im-dataview-tile-top .im-dataview-menu .dropbtn {
                top: -15px;
                right: -8px;
                padding-top: 14px
            }

            .im-dataview-icon {
                margin: 4px 24px 16px 8px;
                width: 80px;
                height: 50px;
                color: #005596;
                color: var(--base-color);
                font-size: 36px;
                text-align: center;
                line-height: 32px
            }

            .im-digital-wallet-tile .im-dataview-icon {
                margin: 4px 24px 16px 8px
            }

            .im-digital-wallet-tile .im-dataview-logo {
                margin: 0 24px 16px 8px
            }

            .im-dataview-tile-bottom.im-dataview-tile-buttons {
                justify-content: flex-end;
                margin: 0px
            }

            .im-dataview-tile-bottom.im-dataview-tile-buttons a {
                padding: 8px
            }

            .im-dataview-tile-bottom.im-dataview-tile-buttons a:hover {
                background-color: rgba(0, 0, 0, 0.075)
            }

            .x-keyboard-mode .im-dataview-tile-bottom.im-dataview-tile-buttons a:focus {
                background-color: rgba(0, 0, 0, 0.075)
            }

            .im-dataview-tile-bottom.im-dataview-tile-buttons a:active {
                background-color: rgba(0, 0, 0, 0.2)
            }

            .x-link.x-button,.x-link-red.x-button {
                text-decoration: none;
                margin: 0px 8px;
                text-transform: uppercase
            }

            .x-link-red.x-button {
                color: #d50000
            }

            .im-digital-wallet-dataview .x-innerhtml,.im-payment-plan-dataview .x-innerhtml {
                display: flex;
                -webkit-flex-flow: row wrap;
                -ms-flex-flow: row wrap
            }

            .im-dataview-tile-noflex.im-digital-wallet-tile,.im-dataview-tile-noflex-wide.im-digital-wallet-tile {
                width: calc(50% - 16px);
                min-width: calc(50% - 16px);
                min-height: 140px;
                cursor: default
            }

            .im-dataview-tile-noflex.im-digital-wallet-tile .im-dataview-tile-top-right,.im-dataview-tile-noflex-wide.im-digital-wallet-tile .im-dataview-tile-top-right {
                overflow: hidden;
                text-overflow: ellipsis
            }

            @media (max-width: 960px) {
                .im-dataview-tile-noflex.im-digital-wallet-tile,.im-dataview-tile-noflex-wide.im-digital-wallet-tile {
                    width:100%
                }
            }

            .im-dataview-tile-middle {
                margin-left: 52px;
                margin-top: -4px;
                color: rgba(0, 0, 0, 0.87)
            }

            .im-dataview-tile-middle a {
                text-decoration: none
            }

            .im-add-new-tile {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                height: 148px
            }

            .provider-name {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .im-providers-dataview {
                padding: 0px 4px
            }

            .im-providers-dataview .dropbtn {
                left: 3px
            }

            .im-recent-activity-dataview {
                padding: 0px 4px
            }

            .im-recent-activity-dataview .x-ma:before {
                cursor: default !important
            }

            .im-activity-dataview {
                margin-top: 16px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                width: 65%;
                margin-left: auto;
                margin-right: auto
            }

            .im-activity-dataview .x-listitem.x-header {
                padding-left: 16px;
                cursor: default
            }

            .im-activity-dataview .x-listitem {
                border-bottom: #e0e0e0 solid 1px;
                cursor: pointer;
                overflow: visible
            }

            .im-activity-dataview .x-listitem:last-of-type .dropdown-content {
                top: -75px !important
            }

            .im-activity-dataview .x-listitem .x-listitem-body-el {
                overflow: visible
            }

            .im-activity-dataview .x-listitem .x-listitem-tool-dock {
                min-height: 86px
            }

            .im-activity-dataview .x-listitem .x-inner-el {
                width: 100%;
                padding: 16px
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml {
                width: 100%
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container {
                padding-right: 32px
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-label,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-bold-label {
                overflow: hidden;
                flex: 3
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-caption-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-caption-value-red {
                flex: 1;
                overflow: visible
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-label.x-label-subheading-primary,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-bold-label.x-label-subheading-primary {
                color: rgba(0, 0, 0, 0.87);
                font-size: 16px
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-label.x-label-body1-primary,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-bold-label.x-label-body1-primary {
                color: rgba(0, 0, 0, 0.87);
                font-size: 14px
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-label.x-label-body1-secondary,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-bold-label.x-label-body1-secondary {
                color: rgba(0, 0, 0, 0.54);
                font-size: 14px
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-caption-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-caption-value-red {
                text-align: right
            }

            .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-navigation .im-dataview-menu.dropdown .dropbtn {
                right: -15px;
                top: -61px
            }

            @media (max-width: 960px) {
                .im-activity-dataview {
                    width:98%
                }
            }

            @media (max-width: 600px) {
                .im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-label,.im-activity-dataview .x-listitem .x-inner-el .x-innerhtml .im-activity-dataview-tile .im-activity-dataview-information .im-dataview-text-container .im-dataview-text-bold-label {
                    overflow:hidden;
                    flex: 3;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    word-break: break-all
                }
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-divider {
                border-bottom: 1px solid #e0e0e0;
                margin-right: -24px;
                margin-left: -24px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top {
                padding-bottom: 16px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-left .im-dataview-img,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-left .im-dataview-logo {
                margin: 0px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right {
                width: 100%
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container {
                display: flex;
                margin-top: 0px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .x-label-subheading-primary {
                flex: 3
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .x-label-body1-secondary {
                font-size: 14px;
                color: rgba(0, 0, 0, 0.54);
                overflow: hidden;
                flex: 3;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-all
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-value,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value-red {
                text-align: right;
                flex: 1;
                overflow: visible
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-value.x-label-caption-secondary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value.x-label-caption-secondary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value.x-label-caption-secondary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value-red.x-label-caption-secondary {
                font-size: 12px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-value.x-label-body1-primary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value.x-label-body1-primary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-tile-bottom-right .im-dataview-text-value.x-label-body1-primary,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-top .im-dataview-tile-top-right .im-dataview-text-container .im-dataview-text-caption-value-red.x-label-body1-primary {
                color: rgba(0, 0, 0, 0.87)
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle {
                margin: 0px;
                min-height: 114px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle a {
                color: #00e;
                font-size: 12px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle .im-dataview-tile-middle-top {
                display: flex;
                padding-bottom: 24px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle .im-dataview-tile-middle-top .im-dataview-tile-middle-top-left,.im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle .im-dataview-tile-middle-top .im-dataview-tile-middle-top-right {
                flex: 1
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle .im-dataview-tile-middle-top .im-dataview-text-container {
                padding-left: 0px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-middle .im-dataview-tile-middle-bottom {
                display: flex;
                padding-bottom: 16px
            }

            .im-payment-plan-dataview .im-digital-wallet-tile .im-dataview-tile-bottom {
                padding-top: 8px;
                display: flex;
                flex-wrap: wrap
            }

            @media (max-width: 600px) {
                .im-dataview-tile-middle-top {
                    display:block !important
                }
            }

            .x-checkboxfield + .x-container.im-payment-plan-dataview {
                max-width: 100%
            }

            .im-consolidated-patient-tile {
                margin: 8px;
                padding: 12px 24px 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                background-color: #fff
            }

            .im-consolidated-patient-tile .x-panelheader {
                display: none
            }

            .im-consolidated-patient-tile .LightBlueLabel {
                margin-top: 24px;
                margin-bottom: 40px;
                font-size: 14px;
                color: #005596;
                color: var(--base-color);
            }

            .im-consolidated-patient-tile .x-body-wrap-el {
                overflow: visible
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el {
                background-color: #fff;
                overflow: visible
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-left {
                padding-right: 12px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-left .im-display-field .x-label-el .x-label-text-el {
                font-size: 16px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-left .im-consolidated-left-bottom {
                margin: 0px -24px 0px 0px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-left .im-consolidated-left-bottom .x-field {
                flex: 1;
                margin-right: 24px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right {
                padding-left: 12px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-top .x-radiofield.x-checkboxfield {
                min-height: 64px;
                padding: 20px 0px 0px 0px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-top .x-radiofield.x-checkboxfield .x-label-el {
                flex: 500;
                color: rgba(0, 0, 0, 0.87);
                font-size: 16px;
                padding-top: 4px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-top .CustomSubheadingTextColor.TextRightAlign {
                padding: 26px 0px 11px;
                color: #005596;
                color: var(--base-color);
                font-size: 16px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-top .OneBillOtherAmount {
                height: inherit;
                min-height: 0px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-bottom {
                padding-top: 50px;
                margin: 0px -24px 0px 0px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-bottom .x-field {
                flex: 1;
                margin-right: 24px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-buttons {
                border-top: 1px #e0e0e0 solid;
                padding-top: 8px;
                margin: 0px -24px;
                margin-top: 24px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-buttons .x-button {
                margin-left: 8px
            }

            .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-buttons .x-button .x-body-el {
                background: none
            }

            @media (max-width: 600px) {
                .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-left .im-consolidated-left-bottom {
                    margin:0px -36px 0px 0px
                }

                .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right .im-consolidated-right-bottom {
                    margin: 0px -24px 0px 0px
                }
            }

            .im-disabled-tile .im-consolidated-patient-tile {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-disabled-tile .im-consolidated-patient-tile .x-body-wrap-el .x-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-removed-consolidated-tile.im-consolidated-patient-tile {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-removed-consolidated-tile.im-consolidated-patient-tile .x-body-wrap-el .x-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .im-removed-consolidated-tile.im-consolidated-patient-tile .x-paneltitle {
                color: rgba(0, 0, 0, 0.38)
            }

            .im-multi-ar-tile {
                margin: 8px 16px;
                padding: 16px 16px 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                background-color: #fff
            }

            .im-multi-ar-tile .im-multi-top {
                display: flex
            }

            .im-multi-ar-tile .im-multi-top .im-multi-top-left {
                flex: 5;
                font-weight: 400
            }

            .im-multi-ar-tile .im-multi-top .im-multi-top-right {
                text-align: right;
                flex: 1
            }

            .im-multi-ar-tile .im-multi-buttons {
                margin-left: -8px;
                padding-top: 12px
            }

            .im-multi-ar-tile .im-multi-buttons .x-link.x-button,.im-multi-ar-tile .im-multi-buttons .x-link-red.x-button,.x-link-red.x-button {
                margin: 0px 8px 0px 0px;
                text-transform: uppercase;
                padding: 8px
            }

            .im-multi-ar-tile .im-multi-buttons .x-link.x-button:hover,.im-multi-ar-tile .im-multi-buttons .x-link-red.x-button:hover {
                background-color: #e0e0e0
            }

            .im-dataview-text-name,.im-slide-out-name {
                word-break: break-word;
                white-space: normal;
                position: relative;
                max-height: 2.4em;
                overflow: hidden;
                padding-right: 85px
            }

            .im-dataview-text-name:after,.im-slide-out-name:after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 25%;
                height: 1.2em;
                opacity: 0
            }

            .im-dataview-text-name:after {
                background: linear-gradient(to right,rgba(255, 255, 255, 0), #fff 75%)
            }

            .im-slide-out-name:after {
                background: linear-gradient(to right,rgba(255, 255, 255, 0), #005596 75%)
            }

            @supports (-webkit-line-clamp: 2) {
                .im-dataview-text-name,.im-slide-out-name {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    word-break: break-word;
                    white-space: normal;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    max-height: initial
                }

                .im-dataview-text-name:after,.im-slide-out-name:after {
                    display: none
                }
            }

            .im-patients-dataview .im-dataview-checkbox {
                width: 24px
            }

            .im-recent-activity-line-item {
                margin-top: 4px
            }

            .im-dataview-tile-disabled,.im-add-new-tile {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                min-height: 0px !important;
                box-shadow: none !important;
                border: 2px dashed rgba(0, 0, 0, 0.12)
            }

            @media (max-width: 600px) {
                .im-dataview-tile-disabled,.im-add-new-tile {
                    border:0
                }
            }

            .im-dataview-tile-disabled {
                height: 88px
            }

            .im-dataview-tile-noflex.im-dataview-tile-disabled,.im-dataview-tile-noflex-wide.im-dataview-tile-disabled {
                height: 60px
            }

            @media (min-width: 600px) {
                .im-dataview-tile-noflex.im-dataview-tile-disabled:hover,.im-dataview-tile-noflex.im-add-new-tile:hover,.im-dataview-tile.im-dataview-tile-disabled:hover,.im-dataview-tile-noflex-wide.im-dataview-tile-disabled:hover,.im-dataview-tile-noflex-wide.im-add-new-tile:hover {
                    background-color:#fff !important;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16) !important;
                    border: none !important
                }
            }

            .im-patients-dataview .im-dataview-checkbox {
                margin-top: 0px
            }

            .im-dataview-tile.im-dataview-tile-disabled .im-dataview-text-container {
                margin-top: 32px
            }

            @media (max-width: 600px) {
                .im-consolidated-patient-tile {
                    margin:8px 4px
                }

                .im-consolidated-patient-tile .x-body-wrap-el .x-body-el .im-consolidated-right {
                    padding-left: 0px
                }

                .im-dataview-tile.im-dataview-tile-disabled .im-dataview-text-container {
                    margin-top: 14px
                }
            }

            .im-digital-wallet-tile.im-add-new-tile .im-dataview-text-bold-label {
                margin-top: 17px
            }

            .im-dataview-tile .im-dataview-logo.im-add-payee {
                background-image: url(../../../../../Content/Images/PaymentPortal/payee_icon_plus.png);
                background-color: inherit;
                background-size: contain
            }

            .im-add-payee + .im-dataview-text-container .im-dataview-text-address {
                white-space: inherit;
                word-break: normal
            }

            .im-unselected-tile {
                background-color: #f5f5f5 !important;
                background-color: var(--background-color) !important;
            }

            @media (max-width: 600px) {
                .im-unselected-tile {
                    background-color:#fff !important
                }
            }

            .im-noTopMargin {
                margin-top: 0px
            }

            .im-addManualPayee {
                margin-top: 0px
            }

            .im-addManualPayee .im-dataview-logo.im-add-payee {
                margin: 16px 0 0 0
            }

            .im-addManualPayee .im-dataview-tile-noborder {
                margin-top: 0px
            }

            .im-multiar-line-item {
                position: relative;
                vertical-align: top;
                margin-bottom: 8px;
                display: flex
            }

            .im-multiar-line-item:last-child {
                margin-bottom: 0px
            }

            .im-multiar-line-item .im-multiar-patient {
                display: table-cell;
                width: 100%;
                font: 400 16px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.87)
            }

            .im-multiar-line-item .im-multiar-amount {
                display: table-cell;
                font: 500 16px Roboto, Arial, sans-serif;
                color: rgba(0, 0, 0, 0.54)
            }

            .im-multiar-line-item .im-multiar-edit {
                color: rgba(0, 0, 0, 0.54);
                display: table-cell
            }

            .x-formpanel-checkbox {
                margin-right: 16px
            }

            .x-formpanel-checkbox-container {
                margin-top: 16px
            }

            .im-formpanel-checkbox-container {
                margin: 12px 0px
            }

            .x-formpanel-checkbox-container .x-innerhtml {
                margin-bottom: 4px
            }

            .im-formpanel-checkbox .x-body-wrap-el {
                margin-right: 8px
            }

            .x-checkboxfield.x-field {
                min-height: 54px
            }

            .im-checkbox-label {
                padding: 9px 0px 0px 8px
            }

            .x-checkboxfield + .x-container {
                max-width: calc(100% - 26px)
            }

            .x-checkboxfield > .x-label-el {
                width: 93%
            }

            .x-checkboxfield.x-field.x-component.im-checkbox-inline {
                min-height: 64px;
                padding: 8px 0px
            }

            .x-checkboxfield.x-field.x-component.im-checkbox-inline .x-label-el {
                flex: 500;
                color: rgba(0, 0, 0, 0.87);
                font-size: 14px;
                padding-left: 24px
            }

            .im-preferences-multi-checkbox-checked {
                padding-top: 11px
            }

            .x-keyboard-mode .x-checkboxfield.x-focused .x-box-el {
                outline-color: #80aacb;
                outline-width: 2px;
                outline-style: solid;
                outline-offset: -1px
            }

            .x-keyboard-mode .x-checkboxfield.x-focused .x-box-el .x-font-icon {
                color: #005596;
                color: var(--base-color);
            }

            .x-radiofield .x-icon-el:before {
                font-size: 18px
            }

            .x-radiofield.x-field.x-label-align-right > .x-label-el {
                padding: 1px 0px 0px 16px
            }

            .x-dialog .x-radiofield.x-checkboxfield {
                height: auto
            }

            .x-formpanel#MyFormPanel .BottomBorder {
                border-bottom: 1px solid rgba(0, 0, 0, 0.12);
                margin: -40px -40px 30px;
                padding: 40px;
                background-color: #fafafa;
                background-color: var(--alt-background-color);
            }

            @media (max-width: 600px) {
                .x-formpanel#MyFormPanel .BottomBorder {
                    border-bottom:none;
                    margin: -40px -40px 30px;
                    padding: 40px;
                    background-color: #fff
                }
            }

            .x-paneltitle.x-paneltitle-headline-font {
                font: 400 24px Roboto, Arial, sans-serif
            }

            .x-paneltitle {
                color: var(--base-color);
                font: 600 20px/24px Roboto, Arial, sans-serif;
                padding: 8px 0
            }

            .x-paneltitle-padding-bottom {
                padding-bottom: 16px
            }

            .x-formpanel.x-formpanel-flat,.x-formpanel.x-formpanel-flat-inline {
                box-shadow: none;
                margin: 0px
            }

            .flat-formpanel,.x-formpanel.x-formpanel-flat-inline,.x-formpanel.x-formpanel-flat .x-formpanel-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
            }

            .x-formpanel.x-formpanel-flat-inline .x-formpanel-body-el {
                background-color: #f5f5f5;
                background-color: var(--background-color);
                padding: 0px
            }

            .x-component-inner-body-el .x-label {
                padding-top: 8px;
                padding-bottom: 8px
            }

            .im-display2-display-field .x-body-el .x-label {
                padding-top: 2px
            }

            .x-dialog-body-el {
                padding: 0px 16px !important;
                background-color: #fff
            }

            .x-dialog .x-field.x-layout-vbox-item {
                height: inherit
            }

            .x-formpanel-body-el.x-formpanel-flat-body-el {
                padding: 0px 16px 15px;
                border-radius: 2px
            }

            @media (min-width: 600px) {
                .x-formpanel-inner,.x-formpanel-outer {
                    margin-left:8px;
                    margin-right: 8px;
                    flex: 1 1
                }

                .x-formpanel-body-el {
                    padding: 30px 40px 40px;
                    border-radius: 2px
                }

                .x-formpanel-body-el.x-formpanel-inner-body-el {
                    padding: 8px 16px 16px 16px
                }

                .x-formpanel {
                    margin-top: 16px;
                    margin-bottom: 8px;
                    border-radius: 2px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16)
                }

                .im-provider-home-right-formpanel {
                    top: 0px
                }

                .x-formpanel.x-formpanel-flat-inline .x-formpanel-body-el {
                    padding: 0px
                }
            }

            @media (max-width: 600px) {
                .x-formpanel-inner {
                    margin-left:8px;
                    margin-right: 8px
                }

                .x-formpanel-outer {
                    margin-left: 0px;
                    margin-right: 0px
                }

                .x-formpanel-body-el.x-formpanel-outer-body-el {
                    padding: 30px 0px 0px
                }

                .flat-formpanel-xs,.x-formpanel.x-formpanel-flat .x-formpanel-body-el,.x-formpanel.x-formpanel-flat-inline .x-formpanel-body-el {
                    background-color: #fff
                }

                .x-formpanel-body-el {
                    padding: 30px 12px 40px
                }

                .x-formpanel {
                    margin-top: 8px;
                    border-radius: 0px;
                    box-shadow: none
                }

                .x-align-baseline .x-formpanel {
                    margin: 0px
                }

                .x-align-baseline .x-formpanel-body-el {
                    padding: 0px
                }

                .im-provider-home-top {
                    margin-top: 8px
                }

                .x-formpanel.x-formpanel-flat-inline .x-formpanel-body-el {
                    padding: 0px
                }
            }

            .im-popup-image-container {
                margin-bottom: 24px
            }

            .im-popup-image-container .x-layout-float-item {
                display: block
            }

            .im-popup-image-component {
                width: 14px;
                height: 14px;
                top: 1px;
                margin-right: 8px
            }

            .x-dialog .x-formpanel.x-formpanel-flat .x-formpanel-body-el {
                background-color: #fff
            }

            .im-small-formpanel-inner.x-formpanel-inner {
                margin-top: 16px;
                margin-bottom: 8px;
                border-radius: 2px;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.16);
                margin-left: 4px;
                margin-right: 4px;
                flex: 1 1
            }

            .im-small-formpanel-inner.x-formpanel-inner .x-formpanel-body-el {
                border-width: 0px;
                padding: 8px 16px 16px 16px;
                border-radius: 2px
            }

            .x-menu-body-el > .x-menuitem .x-icon-wrap-el {
                width: 24px
            }
            label.price{
                font-weight:600;

                top:25px;
                margin-left:50px;
                position:absolute;
                display:inline-block;
                width:120px;
                height:40px;
                line-height:40px;
                font-size:24px;
                margin-left:15px;
                //background:#FFDC40;
                @include text-shadow(rgba(255,255,255, .2) 1px 1px, rgba(255,255,255, .2) 1px 1px);
                @include border-radius(0 3px 2px 0px);
                &:after{
                    content: "";
                    position: absolute;
                    right: 100%;
                    bottom: 0;
                    width: 0;
                    height: 0;
                    display: inline-block;
                    line-height: 0;
                    border-width: 20px;
                    border-style: solid;
                    border-color: #FFDC40 #FFDC40 #FFDC40 transparent;
                }
                &:before{
                    content: '';
                    position: absolute;
                    bottom: 6px;
                    width: 120px;
                    left: 35px;
                    height: 4px;
                    @include box-shadow(0 5px 14px rgba(0, 0, 0, 0.4));
                    z-index: -1;
                    @include transform(skew(-5deg) rotate(-5deg));
                }
            }