.empty-state i, .x-grid-empty i, .x-grid3-cell .trigger, #status-bar > *, .go-item-wrap:before, .x-superboxselect-item-close:before, .x-superboxselect-btn-expand:before, .x-superboxselect-btn-clear:before, .x-window-dlg .ext-mb-question:after, .x-window-dlg .ext-mb-warning:after, .x-window-dlg .ext-mb-info:after, .x-panel-icon::before, .x-menu-item-arrow:after, .x-form-invalid-tip .x-tip-body::before, .x-date-mp-ybtn a, .x-date-right a:before, .x-date-left a:before, .x-tree-ec-icon::before, .x-tree-node-icon::before, .x-dd-drop-icon:before, .x-grid-empty::before, .x-cols-icon:before, .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title::before, .x-grid-group-hd div.x-grid-group-title::before, .x-grid3-row-collapsed .x-grid3-row-expander:before, .x-grid3-row-expander:before, .x-group-by-icon:before,
.x-show-groups-icon:before, .col-move-top:before, .col-move-bottom:before, .x-grid3-sort-icon:after, .x-grid3-radio-col-on:before, .x-grid3-radio-col:before, .x-grid3-hd-btn:after, .x-toolbar-more-icon::before, .x-tbar-page-prev:before, .x-tbar-page-next:before, .x-tbar-page-last:before, .x-tbar-loading:before, .x-tbar-page-first:before, .x-btn-mc em.x-btn-arrow > button:after, .x-btn-text-icon button::before, .x-btn-icon button::before, .x-form-field-wrap .x-form-trigger::before, .x-form-invalid-icon:before, .x-tab-scroller-left:after, .x-tab-scroller-right:after, .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:before, .cal-has-links, .x-action-col-icon::before, .go-icon-print .x-grid3-cell-inner:before, .go-icon-exclamation .x-grid3-cell-inner:before, .go-icon-warning .x-grid3-cell-inner:before, .go-icon-empty .x-grid3-cell-inner:before, .go-icon-unknown .x-grid3-cell-inner:before, .go-icon-cross .x-grid3-cell-inner:before, .go-icon-ok .x-grid3-cell-inner:before, .x-tool::before, .ux-row-action-item, i.entity, .icon, .go-grid .go-grid-hd-btn, .x-menu-item-icon:before, .x-icon-btn-ok:before, .email-grid-icon, i.icon {
  display: inline-block;
  font-family: "Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 2.4rem;
  /* Preferred icon size */
  color: inherit;
  width: auto;
  height: auto;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  line-height: 1;
}

.x-btn button, .go-button button, .go-page a.button button, .x-btn em, .go-button em, .go-page button em, .go-page a.button em, .x-date-mp-btns button em, .x-btn, .go-button, .go-page button, .go-page a.button, .x-date-mp-btns button, .x-tab-strip-text {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.022em;
  text-decoration: none;
}

.ext-cal-monthview .ext-cal-ev > div > span, .x-form p, .x-view-tiles span.corner, .go-messages h6, .go-select-all-checkbox, .go-display-panel .table_header_links, .go-detail-view label, .go-detail-view .icons p label, .go-icon-list p label, .go-detail-view .icons > a label, .go-icon-list > a label, .x-combo-list-small, .x-combo-list-group, .menu-title, .x-form-element .x-grid-empty, .x-grid-group-hd div.x-grid-group-title, .x-grid3-hd-row td, .x-form-helptext, .message-header b {
  font-size: 1.5rem;
  font-weight: normal;
  color: var(--fg-secondary-text);
}

.go-html-formatted, .go-detail-view, #go-select-language label, body, html, .x-accordion-hd, .x-window-mc, .x-combo-list, a.x-menu-item {
  font-size: 1.6rem;
  color: var(--fg-text);
  font-weight: normal;
  line-height: 2.4rem;
}
.primary .go-html-formatted, .primary .go-detail-view, .primary #go-select-language label, #go-select-language .primary label, .primary body, .primary html, .primary .x-accordion-hd, .primary .x-window-mc, .primary .x-combo-list, .primary a.x-menu-item {
  color: white;
}
@media print {
  .go-html-formatted, .go-detail-view, #go-select-language label, body, html, .x-accordion-hd, .x-window-mc, .x-combo-list, a.x-menu-item {
    font-size: 12px;
    line-height: 18px;
  }
}

.x-panel-mc, .x-combo-list-hd, .x-tip .x-tip-mc, .x-tip .x-tip-header-text, .ml-seen-subject, .ml-unseen-subject {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.go-daterange-field button, .go-page textarea, .go-page input:not([type=checkbox]):not([type=radio]), .go-page select, .x-window-dlg .ext-mb-textarea, .x-panel-fbar td, .x-panel-fbar span, .x-panel-fbar input, .x-panel-fbar div, .x-panel-fbar select, .x-panel-fbar label, .x-tip .x-tip-body, .x-date-inner, .x-dd-drag-ghost, .x-grid3-row td, .x-grid3-summary-row td, .x-form-duration > input, .x-form-duration, .x-form-text, .x-form textarea.x-form-field, .x-form-time, .x-form-field, .x-form-display-field, .x-form-plainfield, .ext-mb-input, .x-form-grow-sizer, #startMenu.x-menu .x-menu-item-text {
  font-size: 1.6rem;
  font-weight: normal;
}

table.display-panel th, h6, .x-progress-text, .x-date-inner th {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: bold;
  color: var(--fg-secondary-text);
}

.go-display-name, h4, .x-form-panel .x-panel-header-text, .x-fieldset .x-panel-header-text, .x-form-panel .x-toolbar .xtb-title, .x-fieldset .x-toolbar .xtb-title, .x-fieldset legend {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: var(--fg-text);
  font-weight: normal;
}

.x-form-item-label,
.x-form-label-left label.x-form-item-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--fg-secondary-text);
  font-weight: normal;
}

.status, h5, .x-toolbar div.xtb-text, .x-form-composite div.x-box-item.text, .x-form-composite label {
  font-size: 1.3rem;
  color: var(--fg-secondary-text);
  font-weight: normal;
}

#container h1, .collapsible-display-panel-header, .go-display-panel-heading, .display-panel-heading, .go-detail-view .xtb-title, #go-logo, .go-app-logo, .go-about-logo, .go-module-title-tbar, h3, .x-window-header, .x-panel-header-text, .x-box-mc h3, .x-grid-empty, .x-toolbar .xtb-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.6px;
  color: var(--fg-base);
}

h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: normal;
  letter-spacing: 0.6px;
  color: var(--fg-base);
}

#loading .loading-indicator, h1 {
  font-size: 3.4rem;
  line-height: 4rem;
  font-weight: normal;
  letter-spacing: 0.6px;
  color: var(--fg-base);
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-Medium.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-Medium.woff2") format("woff2"), url("./fonts/Lato-Medium.woff") format("woff"), url("./fonts/Lato-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-MediumItalic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-MediumItalic.woff2") format("woff2"), url("./fonts/Lato-MediumItalic.woff") format("woff"), url("./fonts/Lato-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-Heavy.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-Heavy.woff2") format("woff2"), url("./fonts/Lato-Heavy.woff") format("woff"), url("./fonts/Lato-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-HeavyItalic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-HeavyItalic.woff2") format("woff2"), url("./fonts/Lato-HeavyItalic.woff") format("woff"), url("./fonts/Lato-HeavyItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-Light.woff2") format("woff2"), url("./fonts/Lato-Light.woff") format("woff"), url("./fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato-LightItalic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Lato-LightItalic.woff2") format("woff2"), url("./fonts/Lato-LightItalic.woff") format("woff"), url("./fonts/Lato-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
.z0 {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.z1, .x-portlet {
  box-shadow: 0 0.2rem 0.1rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.1rem 0.3rem 0rem rgba(0, 0, 0, 0.12);
}

.z2, .go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel, .x-switch > .thumb::after, .x-combo-list, .x-btn.raised, .raised.go-button, .go-page button.raised, .go-page a.raised.button, .x-date-mp-btns button.raised, .x-form-focus, .x-form textarea.x-form-focus, .x-color-palette a:hover em, .x-color-palette a.x-color-palette-sel em {
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.2rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.1rem 0.5rem 0rem rgba(0, 0, 0, 0.12);
}

.z3 {
  box-shadow: 0 0.3rem 0.3rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.3rem 0.4rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.1rem 0.8rem 0rem rgba(0, 0, 0, 0.12);
}

.z4, .go-page fieldset, .go-page .card, #message-ct > div, .notifications > div, #motd, .x-dd-drag-proxy, .x-btn.raised:focus, .raised.go-button:focus, .go-page button.raised:focus, .go-page a.raised.button:focus, .x-date-mp-btns button.raised:focus, .x-btn.raised:hover, .raised.go-button:hover, .go-page button.raised:hover, .go-page a.raised.button:hover, .x-date-mp-btns button.raised:hover {
  box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.4rem 0.5rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.1rem 1rem 0rem rgba(0, 0, 0, 0.12);
}

.z5, .x-menu {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.z6 {
  box-shadow: 0 0.3rem 0.5rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.6rem 1rem 0rem rgba(0, 0, 0, 0.14), 0 0.1rem 1.8rem 0rem rgba(0, 0, 0, 0.12);
}

.z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.z8, .x-panel-floating, .x-btn.raised.x-btn-pressed, .raised.x-btn-pressed.go-button, .go-page button.raised.x-btn-pressed, .go-page a.raised.x-btn-pressed.button, .x-date-mp-btns button.raised.x-btn-pressed {
  box-shadow: 0 0.5rem 0.5rem -0.3rem rgba(0, 0, 0, 0.2), 0 0.8rem 1rem -0.1rem rgba(0, 0, 0, 0.14), 0 0.3rem 1.4rem 0.2rem rgba(0, 0, 0, 0.12);
}

.z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.z12, .x-mask-loading div, .ext-el-mask-msg div {
  box-shadow: 0 0.7rem 0.8rem -0.4rem rgba(0, 0, 0, 0.2), 0 1.2rem 1.7rem 0.2rem rgba(0, 0, 0, 0.14), 0 0.5rem 2.2rem 0.4rem rgba(0, 0, 0, 0.12);
}

.z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.z24, .go-search-panel, .x-window-proxy, .x-window, .x-panel-ghost {
  box-shadow: 0rem 1.1rem 1.5rem -0.7rem rgba(0, 0, 0, 0.2), 0rem 2.4rem 3.8rem 0.3rem rgba(0, 0, 0, 0.14), 0rem 0.9rem 4.6rem 0.8rem rgba(0, 0, 0, 0.12);
}

@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(./fonts/icons.woff2) format("woff2"), url(./fonts/icons.ttf) format("truetype");
}
i.icon, .go-grid i.go-grid-hd-btn {
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
}

.email-grid-icon {
  background-position: -100px;
}

.x-icon-btn-ok:before {
  position: absolute;
  margin: -0.6rem 0 0 -3.2rem;
}

.x-icon-btn-ok:before {
  content: "check";
}

.icon, .go-grid .go-grid-hd-btn {
  color: inherit;
}
.icon.s6, .go-grid .s6.go-grid-hd-btn {
  color: var(--c-primary);
  font-size: 6em;
  max-height: 14.4rem;
  max-width: 14.4rem;
}
.icon.small, .go-grid .small.go-grid-hd-btn {
  font-size: 1.6rem;
  max-height: 1.6rem;
  max-width: 1.6rem;
}

.x-menu-item-icon {
  position: relative;
  padding: 0.4rem 1.6rem 0 0;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}
.x-menu-item-icon:before {
  margin-top: -0.3rem;
}

.x-tree-node-expanded .x-tree-node-icon:before {
  content: "folder_open";
}
.x-tree-node-leaf .x-tree-node-icon:before {
  content: "toc";
}
.x-tree-node-collapsed .x-tree-node-icon:before {
  content: "folder";
}
.x-tree-node-loading .x-tree-node-icon:before {
  content: "loop";
  animation: rotate 0.8s infinite cubic-bezier(0, 0, 0.2, 1);
}

.x-tree-node-expanded .x-tree-node-inline-icon:before {
  content: none;
}
.x-tree-node-leaf .x-tree-node-inline-icon:before {
  content: none;
}
.x-tree-node-collapsed .x-tree-node-inline-icon:before {
  content: none;
}

i.entity::before {
  content: "help";
}

.ux-row-action-item:hover {
  color: var(--fg-text);
  cursor: pointer;
}

.x-tool-close::before, .icon-close {
  content: "close";
}

.x-tool-toggle::before, .icon-toggle {
  content: "expand_less";
}

.x-tool-minimize::before, .icon-minimize {
  content: "remove";
}

.x-tool-maximize::before, .icon-maximize {
  content: "fullscreen";
}

.x-tool-restore::before, .icon-restore {
  content: "fullscreen_exit";
}

.x-tool-gear::before, .icon-gear {
  content: "settings";
}

.x-tool-prev::before, .icon-prev {
  content: "arrow_back";
}

.x-tool-next::before, .icon-next {
  content: "arrow_forward";
}

.x-tool-pin::before, .icon-pin {
  content: "star";
}

.x-tool-unpin::before, .icon-unpin {
  content: "star_border";
}

.x-tool-right::before, .icon-right {
  content: "chevron_right";
}

.x-tool-left::before, .icon-left {
  content: "chevron_left";
}

.x-tool-down::before, .icon-down {
  content: "arrow_drop_down";
}

.x-tool-up::before, .icon-up {
  content: "arrow_drop_up";
}

.x-tool-refresh::before, .icon-refresh {
  content: "refresh";
}

.x-tool-plus::before, .icon-plus {
  content: "done_all";
}

.x-tool-minus::before, .icon-minus {
  content: "remove";
}

.x-tool-search::before, .icon-search {
  content: "search";
}

.x-tool-save::before, .icon-save {
  content: "save";
}

.x-tool-help::before, .icon-help {
  content: "help";
}

.x-tool-print::before, .icon-print {
  content: "print";
}

.x-tool-expand::before, .icon-expand {
  content: "expand_more";
}

.x-tool-expand-north::before, .icon-expand-north {
  content: "expand_more";
}

.x-tool-expand-east::before, .icon-expand-east {
  content: "chevron_left";
}

.x-tool-expand-west::before, .icon-expand-west {
  content: "chevron_right";
}

.x-tool-expand-south::before, .icon-expand-south {
  content: "expand_less";
}

.x-tool-collapse::before, .icon-collapse {
  content: "expand_less";
}

.x-tool-collapse-east::before, .icon-collapse-east {
  content: "chevron_right";
}

.x-tool-collapse-west::before, .icon-collapse-west {
  content: "chevron_left";
}

.x-tool-collapse-south::before, .icon-collapse-south {
  content: "expand_more";
}

.x-tool-resize::before, .icon-resize {
  content: "zoom_out_map";
}

.x-tool-move::before, .icon-move {
  content: "games";
}

.x-tool-edit::before, .icon-edit {
  content: "edit";
}

.x-tool-add::before, .icon-add {
  content: "add";
}

.x-tool-delete::before, .icon-delete {
  content: "delete";
}

.x-tool-home::before, .icon-home {
  content: "home";
}

.x-tool-dismiss::before, .icon-dismiss {
  content: "delete_sweep";
}

.x-tool-menu::before, .icon-menu {
  content: "more_vert";
}

.x-panel-collapsed .x-tool-toggle:before {
  content: "expand_more";
}

.btn-add:before {
  content: "add";
}

.btn-delete:before {
  content: "delete";
}

.btn-auto-delete:before {
  content: "auto_delete";
}

.btn-delete-sweep:before {
  content: "delete_sweep";
}

.btn-mark-email-read:before {
  content: "mark_email_read";
}

.btn-refresh:before {
  content: "refresh";
}

.btn-settings:before {
  content: "settings";
}

.btn-logout:before {
  content: "exit_to_app";
}

.btn-help:before {
  content: "help";
}

.btn-info:before {
  content: "info";
}

.btn-print:before {
  content: "print";
}

.btn-search:before {
  content: "search";
}

.btn-cut:before {
  content: "content_cut";
}

.btn-copy:before {
  content: "content_copy";
}

.btn-paste:before {
  content: "content_paste";
}

.btn-thumbnails:before {
  content: "view_comfy";
}

.btn-save:before {
  content: "save";
}

.btn-edit:before {
  content: "edit";
}

.btn-link:before {
  content: "link";
}

.btn-upload:before {
  content: "file_upload";
}

.btn-download:before {
  content: "file_download";
}

.btn-export:before {
  content: "import_export";
}

.btn-import:before {
  content: "import_export";
}

.btn-report:before {
  content: "receipt";
}

.btn-files:before {
  content: "folder";
}

.btn-folder:before {
  content: "folder";
}

.btn-attach:before {
  content: "attach_file";
}

.btn-up:before {
  content: "arrow_upward";
}

.btn-addressbook-manage:before {
  content: "settings";
}

.btn-actions:before {
  content: "alarm";
}

.btn-permissions:before {
  content: "done_all";
}

.btn-addressbook:before {
  content: "import_contacts";
}

.btn-show:before {
  content: "visibility";
}

.btn-reply:before {
  content: "reply";
}

.btn-reply-all:before {
  content: "reply_all";
}

.btn-forward:before {
  content: "forward";
}

.btn-compose:before {
  content: "send";
}

.btn-send:before {
  content: "send";
}

.btn-flag:before {
  content: "flag";
}

.btn-email:before {
  content: "mail";
}

.btn-high-priority:before {
  content: "priority_high";
}

.btn-low-priority:before {
  content: "low_priority";
}

.btn-message:before {
  content: "mail";
}

.btn-message-seen:before {
  content: "drafts";
}

.btn-message-answered:before {
  content: "reply";
}

.btn-message-forwarded:before {
  content: "forward";
}

.btn-message-answered-and-forwarded:before {
  content: "replyforward";
}

.btn-accounts:before {
  content: "account_box";
}

.em-btn-share-mailbox:before {
  content: "share";
}

.ml-icon-attach:before {
  content: "attachment";
}

.btn-right-arrow:before {
  content: "keyboard_arrow_right";
}

.btn-left-arrow:before {
  content: "keyboard_arrow_left";
}

.bs-btn-catalog:before {
  content: "folder";
}

.bs-btn-expenses:before {
  content: "euro_symbol";
}

.bs-btn-batchjob:before {
  content: "slow_motion_video";
}

.bs-btn-report:before {
  content: "receipt";
}

.bs-send-email:before {
  content: "mail";
}

.bs-duplicate:before {
  content: "content_copy";
}

.no-btn-categories:before {
  content: "settings";
}

.ml-btn-mailings:before {
  content: "mail";
}

.btn-availability:before {
  content: "event_available";
}

.x-edit-bold:before {
  content: "format_bold";
}

.x-edit-italic:before {
  content: "format_italic";
}

.x-edit-underline:before {
  content: "format_underlined";
}

.x-edit-strikeThrough:before {
  content: "format_strikethrough";
}

.x-edit-increasefontsize:before {
  content: "format_size";
}

.x-edit-decreasefontsize:before {
  content: "text_fields";
}

.x-edit-forecolor:before {
  content: "format_color_text";
}

.x-edit-backcolor:before {
  content: "format_color_fill";
}

.x-edit-justifyleft:before {
  content: "format_align_left";
}

.x-edit-justifycenter:before {
  content: "format_align_center";
}

.x-edit-justifyright:before {
  content: "format_align_right";
}

.x-edit-insertorderedlist:before {
  content: "format_list_numbered";
}

.x-edit-insertunorderedlist:before {
  content: "format_list_bulleted";
}

.x-edit-sourceedit:before {
  content: "code";
}

.x-edit-createlink:before {
  content: "insert_link";
}

.x-edit-wordpaste:before {
  content: "content_paste";
}

.x-edit-hr:before {
  content: "remove";
}

.x-edit-indent:before {
  content: "format_indent_increase";
}

.x-edit-outdent:before {
  content: "format_indent_decrease";
}

.x-edit-removeFormat:before {
  content: "format_clear";
}

.x-edit-subscript:before {
  content: "title";
}

.x-edit-superscript:before {
  content: "functions";
}

.go-edit-insertimage button:before {
  content: "insert_photo";
}

img.btn-add + span::before {
  content: "add";
}

img.btn-add {
  background-image: none !important;
}

img.btn-delete + span::before {
  content: "delete";
}

img.btn-delete {
  background-image: none !important;
}

img.btn-auto-delete + span::before {
  content: "auto_delete";
}

img.btn-auto-delete {
  background-image: none !important;
}

img.btn-delete-sweep + span::before {
  content: "delete_sweep";
}

img.btn-delete-sweep {
  background-image: none !important;
}

img.btn-mark-email-read + span::before {
  content: "mark_email_read";
}

img.btn-mark-email-read {
  background-image: none !important;
}

img.btn-refresh + span::before {
  content: "refresh";
}

img.btn-refresh {
  background-image: none !important;
}

img.btn-settings + span::before {
  content: "settings";
}

img.btn-settings {
  background-image: none !important;
}

img.btn-logout + span::before {
  content: "exit_to_app";
}

img.btn-logout {
  background-image: none !important;
}

img.btn-help + span::before {
  content: "help";
}

img.btn-help {
  background-image: none !important;
}

img.btn-info + span::before {
  content: "info";
}

img.btn-info {
  background-image: none !important;
}

img.btn-print + span::before {
  content: "print";
}

img.btn-print {
  background-image: none !important;
}

img.btn-search + span::before {
  content: "search";
}

img.btn-search {
  background-image: none !important;
}

img.btn-cut + span::before {
  content: "content_cut";
}

img.btn-cut {
  background-image: none !important;
}

img.btn-copy + span::before {
  content: "content_copy";
}

img.btn-copy {
  background-image: none !important;
}

img.btn-paste + span::before {
  content: "content_paste";
}

img.btn-paste {
  background-image: none !important;
}

img.btn-thumbnails + span::before {
  content: "view_comfy";
}

img.btn-thumbnails {
  background-image: none !important;
}

img.btn-save + span::before {
  content: "save";
}

img.btn-save {
  background-image: none !important;
}

img.btn-edit + span::before {
  content: "edit";
}

img.btn-edit {
  background-image: none !important;
}

img.btn-link + span::before {
  content: "link";
}

img.btn-link {
  background-image: none !important;
}

img.btn-upload + span::before {
  content: "file_upload";
}

img.btn-upload {
  background-image: none !important;
}

img.btn-download + span::before {
  content: "file_download";
}

img.btn-download {
  background-image: none !important;
}

img.btn-export + span::before {
  content: "import_export";
}

img.btn-export {
  background-image: none !important;
}

img.btn-import + span::before {
  content: "import_export";
}

img.btn-import {
  background-image: none !important;
}

img.btn-report + span::before {
  content: "receipt";
}

img.btn-report {
  background-image: none !important;
}

img.btn-files + span::before {
  content: "folder";
}

img.btn-files {
  background-image: none !important;
}

img.btn-folder + span::before {
  content: "folder";
}

img.btn-folder {
  background-image: none !important;
}

img.btn-attach + span::before {
  content: "attach_file";
}

img.btn-attach {
  background-image: none !important;
}

img.btn-up + span::before {
  content: "arrow_upward";
}

img.btn-up {
  background-image: none !important;
}

img.btn-addressbook-manage + span::before {
  content: "settings";
}

img.btn-addressbook-manage {
  background-image: none !important;
}

img.btn-actions + span::before {
  content: "alarm";
}

img.btn-actions {
  background-image: none !important;
}

img.btn-permissions + span::before {
  content: "done_all";
}

img.btn-permissions {
  background-image: none !important;
}

img.btn-addressbook + span::before {
  content: "import_contacts";
}

img.btn-addressbook {
  background-image: none !important;
}

img.btn-show + span::before {
  content: "visibility";
}

img.btn-show {
  background-image: none !important;
}

img.btn-reply + span::before {
  content: "reply";
}

img.btn-reply {
  background-image: none !important;
}

img.btn-reply-all + span::before {
  content: "reply_all";
}

img.btn-reply-all {
  background-image: none !important;
}

img.btn-forward + span::before {
  content: "forward";
}

img.btn-forward {
  background-image: none !important;
}

img.btn-compose + span::before {
  content: "send";
}

img.btn-compose {
  background-image: none !important;
}

img.btn-send + span::before {
  content: "send";
}

img.btn-send {
  background-image: none !important;
}

img.btn-flag + span::before {
  content: "flag";
}

img.btn-flag {
  background-image: none !important;
}

img.btn-email + span::before {
  content: "mail";
}

img.btn-email {
  background-image: none !important;
}

img.btn-high-priority + span::before {
  content: "priority_high";
}

img.btn-high-priority {
  background-image: none !important;
}

img.btn-low-priority + span::before {
  content: "low_priority";
}

img.btn-low-priority {
  background-image: none !important;
}

img.btn-message + span::before {
  content: "mail";
}

img.btn-message {
  background-image: none !important;
}

img.btn-message-seen + span::before {
  content: "drafts";
}

img.btn-message-seen {
  background-image: none !important;
}

img.btn-message-answered + span::before {
  content: "reply";
}

img.btn-message-answered {
  background-image: none !important;
}

img.btn-message-forwarded + span::before {
  content: "forward";
}

img.btn-message-forwarded {
  background-image: none !important;
}

img.btn-message-answered-and-forwarded + span::before {
  content: "replyforward";
}

img.btn-message-answered-and-forwarded {
  background-image: none !important;
}

img.btn-accounts + span::before {
  content: "account_box";
}

img.btn-accounts {
  background-image: none !important;
}

img.em-btn-share-mailbox + span::before {
  content: "share";
}

img.em-btn-share-mailbox {
  background-image: none !important;
}

img.ml-icon-attach + span::before {
  content: "attachment";
}

img.ml-icon-attach {
  background-image: none !important;
}

img.btn-right-arrow + span::before {
  content: "keyboard_arrow_right";
}

img.btn-right-arrow {
  background-image: none !important;
}

img.btn-left-arrow + span::before {
  content: "keyboard_arrow_left";
}

img.btn-left-arrow {
  background-image: none !important;
}

img.bs-btn-catalog + span::before {
  content: "folder";
}

img.bs-btn-catalog {
  background-image: none !important;
}

img.bs-btn-expenses + span::before {
  content: "euro_symbol";
}

img.bs-btn-expenses {
  background-image: none !important;
}

img.bs-btn-batchjob + span::before {
  content: "slow_motion_video";
}

img.bs-btn-batchjob {
  background-image: none !important;
}

img.bs-btn-report + span::before {
  content: "receipt";
}

img.bs-btn-report {
  background-image: none !important;
}

img.bs-send-email + span::before {
  content: "mail";
}

img.bs-send-email {
  background-image: none !important;
}

img.bs-duplicate + span::before {
  content: "content_copy";
}

img.bs-duplicate {
  background-image: none !important;
}

img.no-btn-categories + span::before {
  content: "settings";
}

img.no-btn-categories {
  background-image: none !important;
}

img.ml-btn-mailings + span::before {
  content: "mail";
}

img.ml-btn-mailings {
  background-image: none !important;
}

img.btn-availability + span::before {
  content: "event_available";
}

img.btn-availability {
  background-image: none !important;
}

img.x-edit-bold + span::before {
  content: "format_bold";
}

img.x-edit-bold {
  background-image: none !important;
}

img.x-edit-italic + span::before {
  content: "format_italic";
}

img.x-edit-italic {
  background-image: none !important;
}

img.x-edit-underline + span::before {
  content: "format_underlined";
}

img.x-edit-underline {
  background-image: none !important;
}

img.x-edit-strikeThrough + span::before {
  content: "format_strikethrough";
}

img.x-edit-strikeThrough {
  background-image: none !important;
}

img.x-edit-increasefontsize + span::before {
  content: "format_size";
}

img.x-edit-increasefontsize {
  background-image: none !important;
}

img.x-edit-decreasefontsize + span::before {
  content: "text_fields";
}

img.x-edit-decreasefontsize {
  background-image: none !important;
}

img.x-edit-forecolor + span::before {
  content: "format_color_text";
}

img.x-edit-forecolor {
  background-image: none !important;
}

img.x-edit-backcolor + span::before {
  content: "format_color_fill";
}

img.x-edit-backcolor {
  background-image: none !important;
}

img.x-edit-justifyleft + span::before {
  content: "format_align_left";
}

img.x-edit-justifyleft {
  background-image: none !important;
}

img.x-edit-justifycenter + span::before {
  content: "format_align_center";
}

img.x-edit-justifycenter {
  background-image: none !important;
}

img.x-edit-justifyright + span::before {
  content: "format_align_right";
}

img.x-edit-justifyright {
  background-image: none !important;
}

img.x-edit-insertorderedlist + span::before {
  content: "format_list_numbered";
}

img.x-edit-insertorderedlist {
  background-image: none !important;
}

img.x-edit-insertunorderedlist + span::before {
  content: "format_list_bulleted";
}

img.x-edit-insertunorderedlist {
  background-image: none !important;
}

img.x-edit-sourceedit + span::before {
  content: "code";
}

img.x-edit-sourceedit {
  background-image: none !important;
}

img.x-edit-createlink + span::before {
  content: "insert_link";
}

img.x-edit-createlink {
  background-image: none !important;
}

img.x-edit-wordpaste + span::before {
  content: "content_paste";
}

img.x-edit-wordpaste {
  background-image: none !important;
}

img.x-edit-hr + span::before {
  content: "remove";
}

img.x-edit-hr {
  background-image: none !important;
}

img.x-edit-indent + span::before {
  content: "format_indent_increase";
}

img.x-edit-indent {
  background-image: none !important;
}

img.x-edit-outdent + span::before {
  content: "format_indent_decrease";
}

img.x-edit-outdent {
  background-image: none !important;
}

img.x-edit-removeFormat + span::before {
  content: "format_clear";
}

img.x-edit-removeFormat {
  background-image: none !important;
}

img.x-edit-subscript + span::before {
  content: "title";
}

img.x-edit-subscript {
  background-image: none !important;
}

img.x-edit-superscript + span::before {
  content: "functions";
}

img.x-edit-superscript {
  background-image: none !important;
}

img.go-edit-insertimage button + span::before {
  content: "insert_photo";
}

img.go-edit-insertimage button {
  background-image: none !important;
}

.filetype-eml {
  background-image: url("./img/filetype/eml.svg") !important;
}
.filetype-eml.x-tree-node-icon:before {
  content: none;
}

.filetype-folder {
  background-image: url("./img/filetype/folder.svg") !important;
}
.filetype-folder.x-tree-node-icon:before {
  content: none;
}

.filetype-folder-shared {
  background-image: url("./img/filetype/folder_shared.svg") !important;
}
.filetype-folder-shared.x-tree-node-icon:before {
  content: none;
}

.filetype-folder-special {
  background-image: url("./img/filetype/folder_special.svg") !important;
}
.filetype-folder-special.x-tree-node-icon:before {
  content: none;
}

.filetype-jpeg {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-jpeg.x-tree-node-icon:before {
  content: none;
}

.filetype-jpg {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-jpg.x-tree-node-icon:before {
  content: none;
}

.filetype-gif {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-gif.x-tree-node-icon:before {
  content: none;
}

.filetype-bmp {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-bmp.x-tree-node-icon:before {
  content: none;
}

.filetype-tif {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-tif.x-tree-node-icon:before {
  content: none;
}

.filetype-png {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-png.x-tree-node-icon:before {
  content: none;
}

.filetype-tiff {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-tiff.x-tree-node-icon:before {
  content: none;
}

.filetype-svg {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-svg.x-tree-node-icon:before {
  content: none;
}

.filetype-eps {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-eps.x-tree-node-icon:before {
  content: none;
}

.filetype-ai {
  background-image: url("./img/filetype/image.svg") !important;
}
.filetype-ai.x-tree-node-icon:before {
  content: none;
}

.filetype-mov {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-mov.x-tree-node-icon:before {
  content: none;
}

.filetype-mp4 {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-mp4.x-tree-node-icon:before {
  content: none;
}

.filetype-webm {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-webm.x-tree-node-icon:before {
  content: none;
}

.filetype-asf {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-asf.x-tree-node-icon:before {
  content: none;
}

.filetype-mkv {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-mkv.x-tree-node-icon:before {
  content: none;
}

.filetype-264 {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-264.x-tree-node-icon:before {
  content: none;
}

.filetype-avi {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-avi.x-tree-node-icon:before {
  content: none;
}

.filetype-m4v {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-m4v.x-tree-node-icon:before {
  content: none;
}

.filetype-mpg {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-mpg.x-tree-node-icon:before {
  content: none;
}

.filetype-mpeg {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-mpeg.x-tree-node-icon:before {
  content: none;
}

.filetype-ogv {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-ogv.x-tree-node-icon:before {
  content: none;
}

.filetype-wmv {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-wmv.x-tree-node-icon:before {
  content: none;
}

.filetype-wlmp {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-wlmp.x-tree-node-icon:before {
  content: none;
}

.filetype-3g2 {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-3g2.x-tree-node-icon:before {
  content: none;
}

.filetype-3gp {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-3gp.x-tree-node-icon:before {
  content: none;
}

.filetype-asf {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-asf.x-tree-node-icon:before {
  content: none;
}

.filetype-vob {
  background-image: url("./img/filetype/video.svg") !important;
}
.filetype-vob.x-tree-node-icon:before {
  content: none;
}

.filetype-mp3 {
  background-image: url("./img/filetype/sound.svg") !important;
}
.filetype-mp3.x-tree-node-icon:before {
  content: none;
}

.filetype-ogg {
  background-image: url("./img/filetype/sound.svg") !important;
}
.filetype-ogg.x-tree-node-icon:before {
  content: none;
}

.filetype-aif {
  background-image: url("./img/filetype/sound.svg") !important;
}
.filetype-aif.x-tree-node-icon:before {
  content: none;
}

.filetype-iff {
  background-image: url("./img/filetype/sound.svg") !important;
}
.filetype-iff.x-tree-node-icon:before {
  content: none;
}

.filetype-wma {
  background-image: url("./img/filetype/sound.svg") !important;
}
.filetype-wma.x-tree-node-icon:before {
  content: none;
}

.filetype-wav {
  background-image: url("./img/filetype/wav.svg") !important;
}
.filetype-wav.x-tree-node-icon:before {
  content: none;
}

.filetype-svg {
  background-image: url("./img/filetype/svg.svg") !important;
}
.filetype-svg.x-tree-node-icon:before {
  content: none;
}

.filetype-pdf {
  background-image: url("./img/filetype/pdf.svg") !important;
}
.filetype-pdf.x-tree-node-icon:before {
  content: none;
}

.filetype-asc {
  background-image: url("./img/filetype/gpg.svg") !important;
}
.filetype-asc.x-tree-node-icon:before {
  content: none;
}

.filetype-gpg {
  background-image: url("./img/filetype/gpg.svg") !important;
}
.filetype-gpg.x-tree-node-icon:before {
  content: none;
}

.filetype-pgp {
  background-image: url("./img/filetype/pgp.svg") !important;
}
.filetype-pgp.x-tree-node-icon:before {
  content: none;
}

.filetype-docx {
  background-image: url("./img/filetype/doc.svg") !important;
}
.filetype-docx.x-tree-node-icon:before {
  content: none;
}

.filetype-doc {
  background-image: url("./img/filetype/doc.svg") !important;
}
.filetype-doc.x-tree-node-icon:before {
  content: none;
}

.filetype-sxq {
  background-image: url("./img/filetype/doc.svg") !important;
}
.filetype-sxq.x-tree-node-icon:before {
  content: none;
}

.filetype-odt {
  background-image: url("./img/filetype/doc.svg") !important;
}
.filetype-odt.x-tree-node-icon:before {
  content: none;
}

.filetype-dot {
  background-image: url("./img/filetype/doc.svg") !important;
}
.filetype-dot.x-tree-node-icon:before {
  content: none;
}

.filetype-zip {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-zip.x-tree-node-icon:before {
  content: none;
}

.filetype-tar {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-tar.x-tree-node-icon:before {
  content: none;
}

.filetype-gz {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-gz.x-tree-node-icon:before {
  content: none;
}

.filetype-tgz {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-tgz.x-tree-node-icon:before {
  content: none;
}

.filetype-rar {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-rar.x-tree-node-icon:before {
  content: none;
}

.filetype-bz {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-bz.x-tree-node-icon:before {
  content: none;
}

.filetype-dat {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-dat.x-tree-node-icon:before {
  content: none;
}

.filetype-7z {
  background-image: url("./img/filetype/zip.svg") !important;
}
.filetype-7z.x-tree-node-icon:before {
  content: none;
}

.filetype-ics {
  background-image: url("./img/filetype/ics.svg") !important;
}
.filetype-ics.x-tree-node-icon:before {
  content: none;
}

.filetype-vcs {
  background-image: url("./img/filetype/ics.svg") !important;
}
.filetype-vcs.x-tree-node-icon:before {
  content: none;
}

.filetype-vcf {
  background-image: url("./img/filetype/vcf.svg") !important;
}
.filetype-vcf.x-tree-node-icon:before {
  content: none;
}

.filetype-txt {
  background-image: url("./img/filetype/txt.svg") !important;
}
.filetype-txt.x-tree-node-icon:before {
  content: none;
}

.filetype-odp {
  background-image: url("./img/filetype/ppt.svg") !important;
}
.filetype-odp.x-tree-node-icon:before {
  content: none;
}

.filetype-pps {
  background-image: url("./img/filetype/ppt.svg") !important;
}
.filetype-pps.x-tree-node-icon:before {
  content: none;
}

.filetype-ppsx {
  background-image: url("./img/filetype/ppt.svg") !important;
}
.filetype-ppsx.x-tree-node-icon:before {
  content: none;
}

.filetype-ppt {
  background-image: url("./img/filetype/ppt.svg") !important;
}
.filetype-ppt.x-tree-node-icon:before {
  content: none;
}

.filetype-pptx {
  background-image: url("./img/filetype/ppt.svg") !important;
}
.filetype-pptx.x-tree-node-icon:before {
  content: none;
}

.filetype-html {
  background-image: url("./img/filetype/html.svg") !important;
}
.filetype-html.x-tree-node-icon:before {
  content: none;
}

.filetype-htm {
  background-image: url("./img/filetype/html.svg") !important;
}
.filetype-htm.x-tree-node-icon:before {
  content: none;
}

.filetype-ods {
  background-image: url("./img/filetype/xls.svg") !important;
}
.filetype-ods.x-tree-node-icon:before {
  content: none;
}

.filetype-xls {
  background-image: url("./img/filetype/xls.svg") !important;
}
.filetype-xls.x-tree-node-icon:before {
  content: none;
}

.filetype-xlsx {
  background-image: url("./img/filetype/xls.svg") !important;
}
.filetype-xlsx.x-tree-node-icon:before {
  content: none;
}

.filetype-xlsm {
  background-image: url("./img/filetype/xls.svg") !important;
}
.filetype-xlsm.x-tree-node-icon:before {
  content: none;
}

.filetype-csv {
  background-image: url("./img/filetype/xls.svg") !important;
}
.filetype-csv.x-tree-node-icon:before {
  content: none;
}

.filetype-php {
  background-image: url("./img/filetype/php.svg") !important;
}
.filetype-php.x-tree-node-icon:before {
  content: none;
}

.filetype-js {
  background-image: url("./img/filetype/js.svg") !important;
}
.filetype-js.x-tree-node-icon:before {
  content: none;
}

.filetype-json {
  background-image: url("./img/filetype/json.svg") !important;
}
.filetype-json.x-tree-node-icon:before {
  content: none;
}

.filetype-sql {
  background-image: url("./img/filetype/sql.svg") !important;
}
.filetype-sql.x-tree-node-icon:before {
  content: none;
}

.filetype-xml {
  background-image: url("./img/filetype/xml.svg") !important;
}
.filetype-xml.x-tree-node-icon:before {
  content: none;
}

.filetype-kdbx {
  background-image: url("./img/filetype/kdbx.svg") !important;
}
.filetype-kdbx.x-tree-node-icon:before {
  content: none;
}

.filetype {
  display: inline-block;
  min-height: 2.4rem;
  min-width: 2.4rem;
  vertical-align: middle;
  background-size: contain;
  background-position: center center;
  background-image: url(./img/filetype/unknown.svg);
  background-repeat: no-repeat;
}
.filetype-link {
  background-size: 2.4rem 2.4rem;
  background-position: 0.8rem 0.8rem;
  background-image: url(./img/filetype/unknown.svg);
  background-repeat: no-repeat;
  white-space: nowrap;
  line-height: 2.4rem;
  padding: 0.8rem 1.6rem 0.8rem 4rem;
}

.ic-3d-rotation:before {
  content: "3d_rotation" !important;
}

.ic-ac-unit:before {
  content: "ac_unit" !important;
}

.ic-access-alarm:before {
  content: "access_alarm" !important;
}

.ic-access-alarms:before {
  content: "access_alarms" !important;
}

.ic-access-time:before {
  content: "access_time" !important;
}

.ic-accessibility:before {
  content: "accessibility" !important;
}

.ic-accessible:before {
  content: "accessible" !important;
}

.ic-account-balance:before {
  content: "account_balance" !important;
}

.ic-account-balance-wallet:before {
  content: "account_balance_wallet" !important;
}

.ic-account-box:before {
  content: "account_box" !important;
}

.ic-account-circle:before {
  content: "account_circle" !important;
}

.ic-adb:before {
  content: "adb" !important;
}

.ic-add:before {
  content: "add" !important;
}

.ic-add-a-photo:before {
  content: "add_a_photo" !important;
}

.ic-add-alarm:before {
  content: "add_alarm" !important;
}

.ic-add-alert:before {
  content: "add_alert" !important;
}

.ic-add-box:before {
  content: "add_box" !important;
}

.ic-add-circle:before {
  content: "add_circle" !important;
}

.ic-add-circle-outline:before {
  content: "add_circle_outline" !important;
}

.ic-add-link:before {
  content: "add_link" !important;
}

.ic-add-location:before {
  content: "add_location" !important;
}

.ic-add-shopping-cart:before {
  content: "add_shopping_cart" !important;
}

.ic-add-to-photos:before {
  content: "add_to_photos" !important;
}

.ic-add-to-queue:before {
  content: "add_to_queue" !important;
}

.ic-adjust:before {
  content: "adjust" !important;
}

.ic-airline-seat-flat:before {
  content: "airline_seat_flat" !important;
}

.ic-airline-seat-flat-angled:before {
  content: "airline_seat_flat_angled" !important;
}

.ic-airline-seat-individual-suite:before {
  content: "airline_seat_individual_suite" !important;
}

.ic-airline-seat-legroom-extra:before {
  content: "airline_seat_legroom_extra" !important;
}

.ic-airline-seat-legroom-normal:before {
  content: "airline_seat_legroom_normal" !important;
}

.ic-airline-seat-legroom-reduced:before {
  content: "airline_seat_legroom_reduced" !important;
}

.ic-airline-seat-recline-extra:before {
  content: "airline_seat_recline_extra" !important;
}

.ic-airline-seat-recline-normal:before {
  content: "airline_seat_recline_normal" !important;
}

.ic-airplanemode-active:before {
  content: "airplanemode_active" !important;
}

.ic-airplanemode-inactive:before {
  content: "airplanemode_inactive" !important;
}

.ic-airplay:before {
  content: "airplay" !important;
}

.ic-airport-shuttle:before {
  content: "airport_shuttle" !important;
}

.ic-alarm:before {
  content: "alarm" !important;
}

.ic-alarm-add:before {
  content: "alarm_add" !important;
}

.ic-alarm-off:before {
  content: "alarm_off" !important;
}

.ic-alarm-on:before {
  content: "alarm_on" !important;
}

.ic-album:before {
  content: "album" !important;
}

.ic-all-inclusive:before {
  content: "all_inclusive" !important;
}

.ic-all-out:before {
  content: "all_out" !important;
}

.ic-android:before {
  content: "android" !important;
}

.ic-announcement:before {
  content: "announcement" !important;
}

.ic-app-registration:before {
  content: "app_registration" !important;
}

.ic-apps:before {
  content: "apps" !important;
}

.ic-archive:before {
  content: "archive" !important;
}

.ic-arrow-back:before {
  content: "arrow_back" !important;
}

.ic-arrow-downward:before {
  content: "arrow_downward" !important;
}

.ic-arrow-drop-down:before {
  content: "arrow_drop_down" !important;
}

.ic-arrow-drop-down-circle:before {
  content: "arrow_drop_down_circle" !important;
}

.ic-arrow-drop-up:before {
  content: "arrow_drop_up" !important;
}

.ic-arrow-forward:before {
  content: "arrow_forward" !important;
}

.ic-arrow-upward:before {
  content: "arrow_upward" !important;
}

.ic-arrow-circle-up:before {
  content: "arrow_circle_up" !important;
}

.ic-arrow-circle-down:before {
  content: "arrow_circle_down" !important;
}

.ic-art-track:before {
  content: "art_track" !important;
}

.ic-aspect-ratio:before {
  content: "aspect_ratio" !important;
}

.ic-assessment:before {
  content: "assessment" !important;
}

.ic-assignment:before {
  content: "assignment" !important;
}

.ic-assignment-ind:before {
  content: "assignment_ind" !important;
}

.ic-assignment-late:before {
  content: "assignment_late" !important;
}

.ic-assignment-return:before {
  content: "assignment_return" !important;
}

.ic-assignment-returned:before {
  content: "assignment_returned" !important;
}

.ic-assignment-turned-in:before {
  content: "assignment_turned_in" !important;
}

.ic-assistant:before {
  content: "assistant" !important;
}

.ic-assistant-photo:before {
  content: "assistant_photo" !important;
}

.ic-attach-file:before {
  content: "attach_file" !important;
}

.ic-attach-money:before {
  content: "attach_money" !important;
}

.ic-attachment:before {
  content: "attachment" !important;
}

.ic-audiotrack:before {
  content: "audiotrack" !important;
}

.ic-autorenew:before {
  content: "autorenew" !important;
}

.ic-av-timer:before {
  content: "av_timer" !important;
}

.ic-backspace:before {
  content: "backspace" !important;
}

.ic-backup:before {
  content: "backup" !important;
}

.ic-battery-alert:before {
  content: "battery_alert" !important;
}

.ic-battery-charging-full:before {
  content: "battery_charging_full" !important;
}

.ic-battery-full:before {
  content: "battery_full" !important;
}

.ic-battery-std:before {
  content: "battery_std" !important;
}

.ic-battery-unknown:before {
  content: "battery_unknown" !important;
}

.ic-beach-access:before {
  content: "beach_access" !important;
}

.ic-beenhere:before {
  content: "beenhere" !important;
}

.ic-block:before {
  content: "block" !important;
}

.ic-bluetooth:before {
  content: "bluetooth" !important;
}

.ic-bluetooth-audio:before {
  content: "bluetooth_audio" !important;
}

.ic-bluetooth-connected:before {
  content: "bluetooth_connected" !important;
}

.ic-bluetooth-disabled:before {
  content: "bluetooth_disabled" !important;
}

.ic-bluetooth-searching:before {
  content: "bluetooth_searching" !important;
}

.ic-blur-circular:before {
  content: "blur_circular" !important;
}

.ic-blur-linear:before {
  content: "blur_linear" !important;
}

.ic-blur-off:before {
  content: "blur_off" !important;
}

.ic-blur-on:before {
  content: "blur_on" !important;
}

.ic-book:before {
  content: "book" !important;
}

.ic-bookmark:before {
  content: "bookmark" !important;
}

.ic-bookmark-border:before {
  content: "bookmark_border" !important;
}

.ic-border-all:before {
  content: "border_all" !important;
}

.ic-border-bottom:before {
  content: "border_bottom" !important;
}

.ic-border-clear:before {
  content: "border_clear" !important;
}

.ic-border-color:before {
  content: "border_color" !important;
}

.ic-border-horizontal:before {
  content: "border_horizontal" !important;
}

.ic-border-inner:before {
  content: "border_inner" !important;
}

.ic-border-left:before {
  content: "border_left" !important;
}

.ic-border-outer:before {
  content: "border_outer" !important;
}

.ic-border-right:before {
  content: "border_right" !important;
}

.ic-border-style:before {
  content: "border_style" !important;
}

.ic-border-top:before {
  content: "border_top" !important;
}

.ic-border-vertical:before {
  content: "border_vertical" !important;
}

.ic-branding-watermark:before {
  content: "branding_watermark" !important;
}

.ic-brightness-1:before {
  content: "brightness_1" !important;
}

.ic-brightness-2:before {
  content: "brightness_2" !important;
}

.ic-brightness-3:before {
  content: "brightness_3" !important;
}

.ic-brightness-4:before {
  content: "brightness_4" !important;
}

.ic-brightness-5:before {
  content: "brightness_5" !important;
}

.ic-brightness-6:before {
  content: "brightness_6" !important;
}

.ic-brightness-7:before {
  content: "brightness_7" !important;
}

.ic-brightness-auto:before {
  content: "brightness_auto" !important;
}

.ic-brightness-high:before {
  content: "brightness_high" !important;
}

.ic-brightness-low:before {
  content: "brightness_low" !important;
}

.ic-brightness-medium:before {
  content: "brightness_medium" !important;
}

.ic-broken-image:before {
  content: "broken_image" !important;
}

.ic-brush:before {
  content: "brush" !important;
}

.ic-bubble-chart:before {
  content: "bubble_chart" !important;
}

.ic-bug-report:before {
  content: "bug_report" !important;
}

.ic-build:before {
  content: "build" !important;
}

.ic-burst-mode:before {
  content: "burst_mode" !important;
}

.ic-business:before {
  content: "business" !important;
}

.ic-business-center:before {
  content: "business_center" !important;
}

.ic-cached:before {
  content: "cached" !important;
}

.ic-cake:before {
  content: "cake" !important;
}

.ic-call:before {
  content: "call" !important;
}

.ic-call-end:before {
  content: "call_end" !important;
}

.ic-call-made:before {
  content: "call_made" !important;
}

.ic-call-merge:before {
  content: "call_merge" !important;
}

.ic-call-missed:before {
  content: "call_missed" !important;
}

.ic-call-missed-outgoing:before {
  content: "call_missed_outgoing" !important;
}

.ic-call-received:before {
  content: "call_received" !important;
}

.ic-call-split:before {
  content: "call_split" !important;
}

.ic-call-to-action:before {
  content: "call_to_action" !important;
}

.ic-camera:before {
  content: "camera" !important;
}

.ic-camera-alt:before {
  content: "camera_alt" !important;
}

.ic-camera-enhance:before {
  content: "camera_enhance" !important;
}

.ic-camera-front:before {
  content: "camera_front" !important;
}

.ic-camera-rear:before {
  content: "camera_rear" !important;
}

.ic-camera-roll:before {
  content: "camera_roll" !important;
}

.ic-cancel:before {
  content: "cancel" !important;
}

.ic-card-giftcard:before {
  content: "card_giftcard" !important;
}

.ic-card-membership:before {
  content: "card_membership" !important;
}

.ic-card-travel:before {
  content: "card_travel" !important;
}

.ic-casino:before {
  content: "casino" !important;
}

.ic-cast:before {
  content: "cast" !important;
}

.ic-cast-connected:before {
  content: "cast_connected" !important;
}

.ic-center-focus-strong:before {
  content: "center_focus_strong" !important;
}

.ic-center-focus-weak:before {
  content: "center_focus_weak" !important;
}

.ic-change-circle:before {
  content: "change_circle" !important;
}

.ic-change-history:before {
  content: "change_history" !important;
}

.ic-chat:before {
  content: "chat" !important;
}

.ic-chat-bubble:before {
  content: "chat_bubble" !important;
}

.ic-chat-bubble-outline:before {
  content: "chat_bubble_outline" !important;
}

.ic-check:before {
  content: "check" !important;
}

.ic-check-box:before {
  content: "check_box" !important;
}

.ic-check-box-outline-blank:before {
  content: "check_box_outline_blank" !important;
}

.ic-check-circle:before {
  content: "check_circle" !important;
}

.ic-chevron-left:before {
  content: "chevron_left" !important;
}

.ic-chevron-right:before {
  content: "chevron_right" !important;
}

.ic-child-care:before {
  content: "child_care" !important;
}

.ic-child-friendly:before {
  content: "child_friendly" !important;
}

.ic-chrome-reader-mode:before {
  content: "chrome_reader_mode" !important;
}

.ic-class:before {
  content: "class" !important;
}

.ic-clear:before {
  content: "clear" !important;
}

.ic-clear-all:before {
  content: "clear_all" !important;
}

.ic-close:before {
  content: "close" !important;
}

.ic-closed-caption:before {
  content: "closed_caption" !important;
}

.ic-cloud:before {
  content: "cloud" !important;
}

.ic-cloud-circle:before {
  content: "cloud_circle" !important;
}

.ic-cloud-done:before {
  content: "cloud_done" !important;
}

.ic-cloud-download:before {
  content: "cloud_download" !important;
}

.ic-cloud-off:before {
  content: "cloud_off" !important;
}

.ic-cloud-queue:before {
  content: "cloud_queue" !important;
}

.ic-cloud-upload:before {
  content: "cloud_upload" !important;
}

.ic-code:before {
  content: "code" !important;
}

.ic-collections:before {
  content: "collections" !important;
}

.ic-collections-bookmark:before {
  content: "collections_bookmark" !important;
}

.ic-color-lens:before {
  content: "color_lens" !important;
}

.ic-colorize:before {
  content: "colorize" !important;
}

.ic-comment:before {
  content: "comment" !important;
}

.ic-compare:before {
  content: "compare" !important;
}

.ic-compare-arrows:before {
  content: "compare_arrows" !important;
}

.ic-computer:before {
  content: "computer" !important;
}

.ic-confirmation-number:before {
  content: "confirmation_number" !important;
}

.ic-contact-mail:before {
  content: "contact_mail" !important;
}

.ic-contact-phone:before {
  content: "contact_phone" !important;
}

.ic-contacts:before {
  content: "contacts" !important;
}

.ic-content-copy:before {
  content: "content_copy" !important;
}

.ic-content-cut:before {
  content: "content_cut" !important;
}

.ic-content-paste:before {
  content: "content_paste" !important;
}

.ic-control-point:before {
  content: "control_point" !important;
}

.ic-control-point-duplicate:before {
  content: "control_point_duplicate" !important;
}

.ic-copyright:before {
  content: "copyright" !important;
}

.ic-create:before {
  content: "create" !important;
}

.ic-create-new-folder:before {
  content: "create_new_folder" !important;
}

.ic-credit-card:before {
  content: "credit_card" !important;
}

.ic-crop:before {
  content: "crop" !important;
}

.ic-crop-16-9:before {
  content: "crop_16_9" !important;
}

.ic-crop-3-2:before {
  content: "crop_3_2" !important;
}

.ic-crop-5-4:before {
  content: "crop_5_4" !important;
}

.ic-crop-7-5:before {
  content: "crop_7_5" !important;
}

.ic-crop-din:before {
  content: "crop_din" !important;
}

.ic-crop-free:before {
  content: "crop_free" !important;
}

.ic-crop-landscape:before {
  content: "crop_landscape" !important;
}

.ic-crop-original:before {
  content: "crop_original" !important;
}

.ic-crop-portrait:before {
  content: "crop_portrait" !important;
}

.ic-crop-rotate:before {
  content: "crop_rotate" !important;
}

.ic-crop-square:before {
  content: "crop_square" !important;
}

.ic-dashboard:before {
  content: "dashboard" !important;
}

.ic-data-usage:before {
  content: "data_usage" !important;
}

.ic-date-range:before {
  content: "date_range" !important;
}

.ic-dehaze:before {
  content: "dehaze" !important;
}

.ic-delete:before {
  content: "delete" !important;
}

.ic-delete-forever:before {
  content: "delete_forever" !important;
}

.ic-delete-sweep:before {
  content: "delete_sweep" !important;
}

.ic-description:before {
  content: "description" !important;
}

.ic-desktop-mac:before {
  content: "desktop_mac" !important;
}

.ic-desktop-windows:before {
  content: "desktop_windows" !important;
}

.ic-details:before {
  content: "details" !important;
}

.ic-developer-board:before {
  content: "developer_board" !important;
}

.ic-developer-mode:before {
  content: "developer_mode" !important;
}

.ic-device-hub:before {
  content: "device_hub" !important;
}

.ic-devices:before {
  content: "devices" !important;
}

.ic-devices-other:before {
  content: "devices_other" !important;
}

.ic-dialer-sip:before {
  content: "dialer_sip" !important;
}

.ic-dialpad:before {
  content: "dialpad" !important;
}

.ic-directions:before {
  content: "directions" !important;
}

.ic-directions-bike:before {
  content: "directions_bike" !important;
}

.ic-directions-boat:before {
  content: "directions_boat" !important;
}

.ic-directions-bus:before {
  content: "directions_bus" !important;
}

.ic-directions-car:before {
  content: "directions_car" !important;
}

.ic-directions-railway:before {
  content: "directions_railway" !important;
}

.ic-directions-run:before {
  content: "directions_run" !important;
}

.ic-directions-subway:before {
  content: "directions_subway" !important;
}

.ic-directions-transit:before {
  content: "directions_transit" !important;
}

.ic-directions-walk:before {
  content: "directions_walk" !important;
}

.ic-disc-full:before {
  content: "disc_full" !important;
}

.ic-dns:before {
  content: "dns" !important;
}

.ic-do-not-disturb:before {
  content: "do_not_disturb" !important;
}

.ic-do-not-disturb-alt:before {
  content: "do_not_disturb_alt" !important;
}

.ic-do-not-disturb-off:before {
  content: "do_not_disturb_off" !important;
}

.ic-do-not-disturb-on:before {
  content: "do_not_disturb_on" !important;
}

.ic-dock:before {
  content: "dock" !important;
}

.ic-domain:before {
  content: "domain" !important;
}

.ic-done:before {
  content: "done" !important;
}

.ic-done-all:before {
  content: "done_all" !important;
}

.ic-donut-large:before {
  content: "donut_large" !important;
}

.ic-donut-small:before {
  content: "donut_small" !important;
}

.ic-download-for-offline:before {
  content: "download_for_offline" !important;
}

.ic-drafts:before {
  content: "drafts" !important;
}

.ic-drag-handle:before {
  content: "drag_handle" !important;
}

.ic-drag-indicator:before {
  content: "drag_indicator" !important;
}

.ic-drive-eta:before {
  content: "drive_eta" !important;
}

.ic-dvr:before {
  content: "dvr" !important;
}

.ic-edit:before {
  content: "edit" !important;
}

.ic-edit-location:before {
  content: "edit_location" !important;
}

.ic-eject:before {
  content: "eject" !important;
}

.ic-email:before {
  content: "email" !important;
}

.ic-enhanced-encryption:before {
  content: "enhanced_encryption" !important;
}

.ic-equalizer:before {
  content: "equalizer" !important;
}

.ic-error:before {
  content: "error" !important;
}

.ic-error-outline:before {
  content: "error_outline" !important;
}

.ic-euro-symbol:before {
  content: "euro_symbol" !important;
}

.ic-ev-station:before {
  content: "ev_station" !important;
}

.ic-event:before {
  content: "event" !important;
}

.ic-event-available:before {
  content: "event_available" !important;
}

.ic-event-busy:before {
  content: "event_busy" !important;
}

.ic-event-note:before {
  content: "event_note" !important;
}

.ic-event-seat:before {
  content: "event_seat" !important;
}

.ic-exit-to-app:before {
  content: "exit_to_app" !important;
}

.ic-expand-less:before {
  content: "expand_less" !important;
}

.ic-expand-more:before {
  content: "expand_more" !important;
}

.ic-explicit:before {
  content: "explicit" !important;
}

.ic-explore:before {
  content: "explore" !important;
}

.ic-exposure:before {
  content: "exposure" !important;
}

.ic-exposure-neg-1:before {
  content: "exposure_neg_1" !important;
}

.ic-exposure-neg-2:before {
  content: "exposure_neg_2" !important;
}

.ic-exposure-plus-1:before {
  content: "exposure_plus_1" !important;
}

.ic-exposure-plus-2:before {
  content: "exposure_plus_2" !important;
}

.ic-exposure-zero:before {
  content: "exposure_zero" !important;
}

.ic-extension:before {
  content: "extension" !important;
}

.ic-face:before {
  content: "face" !important;
}

.ic-fast-forward:before {
  content: "fast_forward" !important;
}

.ic-fast-rewind:before {
  content: "fast_rewind" !important;
}

.ic-favorite:before {
  content: "favorite" !important;
}

.ic-favorite-border:before {
  content: "favorite_border" !important;
}

.ic-featured-play-list:before {
  content: "featured_play_list" !important;
}

.ic-featured-video:before {
  content: "featured_video" !important;
}

.ic-feedback:before {
  content: "feedback" !important;
}

.ic-fiber-dvr:before {
  content: "fiber_dvr" !important;
}

.ic-fiber-manual-record:before {
  content: "fiber_manual_record" !important;
}

.ic-fiber-new:before {
  content: "fiber_new" !important;
}

.ic-fiber-pin:before {
  content: "fiber_pin" !important;
}

.ic-fiber-smart-record:before {
  content: "fiber_smart_record" !important;
}

.ic-file-download:before {
  content: "file_download" !important;
}

.ic-file-upload:before {
  content: "file_upload" !important;
}

.ic-filter:before {
  content: "filter" !important;
}

.ic-filter-1:before {
  content: "filter_1" !important;
}

.ic-filter-2:before {
  content: "filter_2" !important;
}

.ic-filter-3:before {
  content: "filter_3" !important;
}

.ic-filter-4:before {
  content: "filter_4" !important;
}

.ic-filter-5:before {
  content: "filter_5" !important;
}

.ic-filter-6:before {
  content: "filter_6" !important;
}

.ic-filter-7:before {
  content: "filter_7" !important;
}

.ic-filter-8:before {
  content: "filter_8" !important;
}

.ic-filter-9:before {
  content: "filter_9" !important;
}

.ic-filter-9-plus:before {
  content: "filter_9_plus" !important;
}

.ic-filter-b-and-w:before {
  content: "filter_b_and_w" !important;
}

.ic-filter-center-focus:before {
  content: "filter_center_focus" !important;
}

.ic-filter-drama:before {
  content: "filter_drama" !important;
}

.ic-filter-frames:before {
  content: "filter_frames" !important;
}

.ic-filter-hdr:before {
  content: "filter_hdr" !important;
}

.ic-filter-list:before {
  content: "filter_list" !important;
}

.ic-filter-none:before {
  content: "filter_none" !important;
}

.ic-filter-tilt-shift:before {
  content: "filter_tilt_shift" !important;
}

.ic-filter-vintage:before {
  content: "filter_vintage" !important;
}

.ic-find-in-page:before {
  content: "find_in_page" !important;
}

.ic-find-replace:before {
  content: "find_replace" !important;
}

.ic-fingerprint:before {
  content: "fingerprint" !important;
}

.ic-first-page:before {
  content: "first_page" !important;
}

.ic-fitness-center:before {
  content: "fitness_center" !important;
}

.ic-flag:before {
  content: "flag" !important;
}

.ic-flare:before {
  content: "flare" !important;
}

.ic-flash-auto:before {
  content: "flash_auto" !important;
}

.ic-flash-off:before {
  content: "flash_off" !important;
}

.ic-flash-on:before {
  content: "flash_on" !important;
}

.ic-flight:before {
  content: "flight" !important;
}

.ic-flight-land:before {
  content: "flight_land" !important;
}

.ic-flight-takeoff:before {
  content: "flight_takeoff" !important;
}

.ic-flip:before {
  content: "flip" !important;
}

.ic-flip-to-back:before {
  content: "flip_to_back" !important;
}

.ic-flip-to-front:before {
  content: "flip_to_front" !important;
}

.ic-folder:before {
  content: "folder" !important;
}

.ic-folder-open:before {
  content: "folder_open" !important;
}

.ic-folder-shared:before {
  content: "folder_shared" !important;
}

.ic-folder-special:before {
  content: "folder_special" !important;
}

.ic-font-download:before {
  content: "font_download" !important;
}

.ic-format-align-center:before {
  content: "format_align_center" !important;
}

.ic-format-align-justify:before {
  content: "format_align_justify" !important;
}

.ic-format-align-left:before {
  content: "format_align_left" !important;
}

.ic-format-align-right:before {
  content: "format_align_right" !important;
}

.ic-format-bold:before {
  content: "format_bold" !important;
}

.ic-format-clear:before {
  content: "format_clear" !important;
}

.ic-format-color-fill:before {
  content: "format_color_fill" !important;
}

.ic-format-color-reset:before {
  content: "format_color_reset" !important;
}

.ic-format-color-text:before {
  content: "format_color_text" !important;
}

.ic-format-indent-decrease:before {
  content: "format_indent_decrease" !important;
}

.ic-format-indent-increase:before {
  content: "format_indent_increase" !important;
}

.ic-format-italic:before {
  content: "format_italic" !important;
}

.ic-format-line-spacing:before {
  content: "format_line_spacing" !important;
}

.ic-format-list-bulleted:before {
  content: "format_list_bulleted" !important;
}

.ic-format-list-numbered:before {
  content: "format_list_numbered" !important;
}

.ic-format-paint:before {
  content: "format_paint" !important;
}

.ic-format-quote:before {
  content: "format_quote" !important;
}

.ic-format-shapes:before {
  content: "format_shapes" !important;
}

.ic-format-size:before {
  content: "format_size" !important;
}

.ic-format-strikethrough:before {
  content: "format_strikethrough" !important;
}

.ic-format-textdirection-l-to-r:before {
  content: "format_textdirection_l_to_r" !important;
}

.ic-format-textdirection-r-to-l:before {
  content: "format_textdirection_r_to_l" !important;
}

.ic-format-underlined:before {
  content: "format_underlined" !important;
}

.ic-forum:before {
  content: "forum" !important;
}

.ic-forward:before {
  content: "forward" !important;
}

.ic-forward-10:before {
  content: "forward_10" !important;
}

.ic-forward-30:before {
  content: "forward_30" !important;
}

.ic-forward-5:before {
  content: "forward_5" !important;
}

.ic-free-breakfast:before {
  content: "free_breakfast" !important;
}

.ic-fullscreen:before {
  content: "fullscreen" !important;
}

.ic-fullscreen-exit:before {
  content: "fullscreen_exit" !important;
}

.ic-functions:before {
  content: "functions" !important;
}

.ic-g-translate:before {
  content: "g_translate" !important;
}

.ic-gamepad:before {
  content: "gamepad" !important;
}

.ic-games:before {
  content: "games" !important;
}

.ic-gavel:before {
  content: "gavel" !important;
}

.ic-gesture:before {
  content: "gesture" !important;
}

.ic-get-app:before {
  content: "get_app" !important;
}

.ic-gif:before {
  content: "gif" !important;
}

.ic-golf-course:before {
  content: "golf_course" !important;
}

.ic-gps-fixed:before {
  content: "gps_fixed" !important;
}

.ic-gps-not-fixed:before {
  content: "gps_not_fixed" !important;
}

.ic-gps-off:before {
  content: "gps_off" !important;
}

.ic-grade:before {
  content: "grade" !important;
}

.ic-gradient:before {
  content: "gradient" !important;
}

.ic-grain:before {
  content: "grain" !important;
}

.ic-graphic-eq:before {
  content: "graphic_eq" !important;
}

.ic-grid-off:before {
  content: "grid_off" !important;
}

.ic-grid-on:before {
  content: "grid_on" !important;
}

.ic-group:before {
  content: "group" !important;
}

.ic-group-add:before {
  content: "group_add" !important;
}

.ic-group-work:before {
  content: "group_work" !important;
}

.ic-hd:before {
  content: "hd" !important;
}

.ic-hdr-off:before {
  content: "hdr_off" !important;
}

.ic-hdr-on:before {
  content: "hdr_on" !important;
}

.ic-hdr-strong:before {
  content: "hdr_strong" !important;
}

.ic-hdr-weak:before {
  content: "hdr_weak" !important;
}

.ic-headset:before {
  content: "headset" !important;
}

.ic-headset-mic:before {
  content: "headset_mic" !important;
}

.ic-healing:before {
  content: "healing" !important;
}

.ic-hearing:before {
  content: "hearing" !important;
}

.ic-help:before {
  content: "help" !important;
}

.ic-help-outline:before {
  content: "help_outline" !important;
}

.ic-high-quality:before {
  content: "high_quality" !important;
}

.ic-highlight:before {
  content: "highlight" !important;
}

.ic-highlight-off:before {
  content: "highlight_off" !important;
}

.ic-history:before {
  content: "history" !important;
}

.ic-home:before {
  content: "home" !important;
}

.ic-hot-tub:before {
  content: "hot_tub" !important;
}

.ic-hotel:before {
  content: "hotel" !important;
}

.ic-hourglass-empty:before {
  content: "hourglass_empty" !important;
}

.ic-hourglass-full:before {
  content: "hourglass_full" !important;
}

.ic-http:before {
  content: "http" !important;
}

.ic-https:before {
  content: "https" !important;
}

.ic-image:before {
  content: "image" !important;
}

.ic-image-aspect-ratio:before {
  content: "image_aspect_ratio" !important;
}

.ic-import-contacts:before {
  content: "import_contacts" !important;
}

.ic-import-export:before {
  content: "import_export" !important;
}

.ic-important-devices:before {
  content: "important_devices" !important;
}

.ic-inbox:before {
  content: "inbox" !important;
}

.ic-indeterminate-check-box:before {
  content: "indeterminate_check_box" !important;
}

.ic-info:before {
  content: "info" !important;
}

.ic-info-outline:before {
  content: "info_outline" !important;
}

.ic-input:before {
  content: "input" !important;
}

.ic-insert-chart:before {
  content: "insert_chart" !important;
}

.ic-insert-comment:before {
  content: "insert_comment" !important;
}

.ic-insert-drive-file:before {
  content: "insert_drive_file" !important;
}

.ic-insert-emoticon:before {
  content: "insert_emoticon" !important;
}

.ic-insert-invitation:before {
  content: "insert_invitation" !important;
}

.ic-insert-link:before {
  content: "insert_link" !important;
}

.ic-insert-photo:before {
  content: "insert_photo" !important;
}

.ic-invert-colors:before {
  content: "invert_colors" !important;
}

.ic-invert-colors-off:before {
  content: "invert_colors_off" !important;
}

.ic-iso:before {
  content: "iso" !important;
}

.ic-keyboard:before {
  content: "keyboard" !important;
}

.ic-keyboard-arrow-down:before {
  content: "keyboard_arrow_down" !important;
}

.ic-keyboard-arrow-left:before {
  content: "keyboard_arrow_left" !important;
}

.ic-keyboard-arrow-right:before {
  content: "keyboard_arrow_right" !important;
}

.ic-keyboard-arrow-up:before {
  content: "keyboard_arrow_up" !important;
}

.ic-keyboard-backspace:before {
  content: "keyboard_backspace" !important;
}

.ic-keyboard-capslock:before {
  content: "keyboard_capslock" !important;
}

.ic-keyboard-hide:before {
  content: "keyboard_hide" !important;
}

.ic-keyboard-return:before {
  content: "keyboard_return" !important;
}

.ic-keyboard-tab:before {
  content: "keyboard_tab" !important;
}

.ic-keyboard-voice:before {
  content: "keyboard_voice" !important;
}

.ic-kitchen:before {
  content: "kitchen" !important;
}

.ic-label:before {
  content: "label" !important;
}

.ic-label-outline:before {
  content: "label_outline" !important;
}

.ic-landscape:before {
  content: "landscape" !important;
}

.ic-language:before {
  content: "language" !important;
}

.ic-laptop:before {
  content: "laptop" !important;
}

.ic-laptop-chromebook:before {
  content: "laptop_chromebook" !important;
}

.ic-laptop-mac:before {
  content: "laptop_mac" !important;
}

.ic-laptop-windows:before {
  content: "laptop_windows" !important;
}

.ic-last-page:before {
  content: "last_page" !important;
}

.ic-launch:before {
  content: "launch" !important;
}

.ic-layers:before {
  content: "layers" !important;
}

.ic-layers-clear:before {
  content: "layers_clear" !important;
}

.ic-leak-add:before {
  content: "leak_add" !important;
}

.ic-leak-remove:before {
  content: "leak_remove" !important;
}

.ic-lens:before {
  content: "lens" !important;
}

.ic-library-add:before {
  content: "library_add" !important;
}

.ic-library-books:before {
  content: "library_books" !important;
}

.ic-library-music:before {
  content: "library_music" !important;
}

.ic-lightbulb-outline:before {
  content: "lightbulb_outline" !important;
}

.ic-line-style:before {
  content: "line_style" !important;
}

.ic-line-weight:before {
  content: "line_weight" !important;
}

.ic-linear-scale:before {
  content: "linear_scale" !important;
}

.ic-link:before {
  content: "link" !important;
}

.ic-linked-camera:before {
  content: "linked_camera" !important;
}

.ic-list:before {
  content: "list" !important;
}

.ic-live-help:before {
  content: "live_help" !important;
}

.ic-live-tv:before {
  content: "live_tv" !important;
}

.ic-local-activity:before {
  content: "local_activity" !important;
}

.ic-local-airport:before {
  content: "local_airport" !important;
}

.ic-local-atm:before {
  content: "local_atm" !important;
}

.ic-local-bar:before {
  content: "local_bar" !important;
}

.ic-local-cafe:before {
  content: "local_cafe" !important;
}

.ic-local-car-wash:before {
  content: "local_car_wash" !important;
}

.ic-local-convenience-store:before {
  content: "local_convenience_store" !important;
}

.ic-local-dining:before {
  content: "local_dining" !important;
}

.ic-local-drink:before {
  content: "local_drink" !important;
}

.ic-local-florist:before {
  content: "local_florist" !important;
}

.ic-local-gas-station:before {
  content: "local_gas_station" !important;
}

.ic-local-grocery-store:before {
  content: "local_grocery_store" !important;
}

.ic-local-hospital:before {
  content: "local_hospital" !important;
}

.ic-local-hotel:before {
  content: "local_hotel" !important;
}

.ic-local-laundry-service:before {
  content: "local_laundry_service" !important;
}

.ic-local-library:before {
  content: "local_library" !important;
}

.ic-local-mall:before {
  content: "local_mall" !important;
}

.ic-local-movies:before {
  content: "local_movies" !important;
}

.ic-local-offer:before {
  content: "local_offer" !important;
}

.ic-local-parking:before {
  content: "local_parking" !important;
}

.ic-local-pharmacy:before {
  content: "local_pharmacy" !important;
}

.ic-local-phone:before {
  content: "local_phone" !important;
}

.ic-local-pizza:before {
  content: "local_pizza" !important;
}

.ic-local-play:before {
  content: "local_play" !important;
}

.ic-local-post-office:before {
  content: "local_post_office" !important;
}

.ic-local-printshop:before {
  content: "local_printshop" !important;
}

.ic-local-see:before {
  content: "local_see" !important;
}

.ic-local-shipping:before {
  content: "local_shipping" !important;
}

.ic-local-taxi:before {
  content: "local_taxi" !important;
}

.ic-location-city:before {
  content: "location_city" !important;
}

.ic-location-disabled:before {
  content: "location_disabled" !important;
}

.ic-location-off:before {
  content: "location_off" !important;
}

.ic-location-on:before {
  content: "location_on" !important;
}

.ic-location-searching:before {
  content: "location_searching" !important;
}

.ic-lock:before {
  content: "lock" !important;
}

.ic-lock-open:before {
  content: "lock_open" !important;
}

.ic-lock-outline:before {
  content: "lock_outline" !important;
}

.ic-looks:before {
  content: "looks" !important;
}

.ic-looks-3:before {
  content: "looks_3" !important;
}

.ic-looks-4:before {
  content: "looks_4" !important;
}

.ic-looks-5:before {
  content: "looks_5" !important;
}

.ic-looks-6:before {
  content: "looks_6" !important;
}

.ic-looks-one:before {
  content: "looks_one" !important;
}

.ic-looks-two:before {
  content: "looks_two" !important;
}

.ic-loop:before {
  content: "loop" !important;
}

.ic-loupe:before {
  content: "loupe" !important;
}

.ic-low-priority:before {
  content: "low_priority" !important;
}

.ic-loyalty:before {
  content: "loyalty" !important;
}

.ic-mail:before {
  content: "mail" !important;
}

.ic-mail-outline:before {
  content: "mail_outline" !important;
}

.ic-map:before {
  content: "map" !important;
}

.ic-mark-as-unread:before {
  content: "mark_as_unread" !important;
}

.ic-markunread:before {
  content: "markunread" !important;
}

.ic-markunread-mailbox:before {
  content: "markunread_mailbox" !important;
}

.ic-memory:before {
  content: "memory" !important;
}

.ic-menu:before {
  content: "menu" !important;
}

.ic-merge-type:before {
  content: "merge_type" !important;
}

.ic-message:before {
  content: "message" !important;
}

.ic-mic:before {
  content: "mic" !important;
}

.ic-mic-none:before {
  content: "mic_none" !important;
}

.ic-mic-off:before {
  content: "mic_off" !important;
}

.ic-mms:before {
  content: "mms" !important;
}

.ic-mode-comment:before {
  content: "mode_comment" !important;
}

.ic-mode-edit:before {
  content: "mode_edit" !important;
}

.ic-monetization-on:before {
  content: "monetization_on" !important;
}

.ic-money-off:before {
  content: "money_off" !important;
}

.ic-monochrome-photos:before {
  content: "monochrome_photos" !important;
}

.ic-mood:before {
  content: "mood" !important;
}

.ic-mood-bad:before {
  content: "mood_bad" !important;
}

.ic-more:before {
  content: "more" !important;
}

.ic-more-horiz:before {
  content: "more_horiz" !important;
}

.ic-more-vert:before {
  content: "more_vert" !important;
}

.ic-motorcycle:before {
  content: "motorcycle" !important;
}

.ic-mouse:before {
  content: "mouse" !important;
}

.ic-move-to-inbox:before {
  content: "move_to_inbox" !important;
}

.ic-movie:before {
  content: "movie" !important;
}

.ic-movie-creation:before {
  content: "movie_creation" !important;
}

.ic-movie-filter:before {
  content: "movie_filter" !important;
}

.ic-multiline-chart:before {
  content: "multiline_chart" !important;
}

.ic-music-note:before {
  content: "music_note" !important;
}

.ic-music-video:before {
  content: "music_video" !important;
}

.ic-my-location:before {
  content: "my_location" !important;
}

.ic-nature:before {
  content: "nature" !important;
}

.ic-nature-people:before {
  content: "nature_people" !important;
}

.ic-navigate-before:before {
  content: "navigate_before" !important;
}

.ic-navigate-next:before {
  content: "navigate_next" !important;
}

.ic-navigation:before {
  content: "navigation" !important;
}

.ic-near-me:before {
  content: "near_me" !important;
}

.ic-network-cell:before {
  content: "network_cell" !important;
}

.ic-network-check:before {
  content: "network_check" !important;
}

.ic-network-locked:before {
  content: "network_locked" !important;
}

.ic-network-wifi:before {
  content: "network_wifi" !important;
}

.ic-new-releases:before {
  content: "new_releases" !important;
}

.ic-next-week:before {
  content: "next_week" !important;
}

.ic-nfc:before {
  content: "nfc" !important;
}

.ic-no-encryption:before {
  content: "no_encryption" !important;
}

.ic-no-sim:before {
  content: "no_sim" !important;
}

.ic-not-interested:before {
  content: "not_interested" !important;
}

.ic-note:before {
  content: "note" !important;
}

.ic-note-add:before {
  content: "note_add" !important;
}

.ic-notifications:before {
  content: "notifications" !important;
}

.ic-notifications-active:before {
  content: "notifications_active" !important;
}

.ic-notifications-none:before {
  content: "notifications_none" !important;
}

.ic-notifications-off:before {
  content: "notifications_off" !important;
}

.ic-notifications-paused:before {
  content: "notifications_paused" !important;
}

.ic-notification-important:before {
  content: "notification_important" !important;
}

.ic-offline-pin:before {
  content: "offline_pin" !important;
}

.ic-ondemand-video:before {
  content: "ondemand_video" !important;
}

.ic-opacity:before {
  content: "opacity" !important;
}

.ic-open-in-browser:before {
  content: "open_in_browser" !important;
}

.ic-open-in-new:before {
  content: "open_in_new" !important;
}

.ic-open-with:before {
  content: "open_with" !important;
}

.ic-pages:before {
  content: "pages" !important;
}

.ic-pageview:before {
  content: "pageview" !important;
}

.ic-palette:before {
  content: "palette" !important;
}

.ic-pan-tool:before {
  content: "pan_tool" !important;
}

.ic-panorama:before {
  content: "panorama" !important;
}

.ic-panorama-fish-eye:before {
  content: "panorama_fish_eye" !important;
}

.ic-panorama-horizontal:before {
  content: "panorama_horizontal" !important;
}

.ic-panorama-vertical:before {
  content: "panorama_vertical" !important;
}

.ic-panorama-wide-angle:before {
  content: "panorama_wide_angle" !important;
}

.ic-party-mode:before {
  content: "party_mode" !important;
}

.ic-pause:before {
  content: "pause" !important;
}

.ic-pause-circle-filled:before {
  content: "pause_circle_filled" !important;
}

.ic-pause-circle-outline:before {
  content: "pause_circle_outline" !important;
}

.ic-payment:before {
  content: "payment" !important;
}

.ic-payments:before {
  content: "payments" !important;
}

.ic-people:before {
  content: "people" !important;
}

.ic-people-outline:before {
  content: "people_outline" !important;
}

.ic-perm-camera-mic:before {
  content: "perm_camera_mic" !important;
}

.ic-perm-contact-calendar:before {
  content: "perm_contact_calendar" !important;
}

.ic-perm-data-setting:before {
  content: "perm_data_setting" !important;
}

.ic-perm-device-information:before {
  content: "perm_device_information" !important;
}

.ic-perm-identity:before {
  content: "perm_identity" !important;
}

.ic-perm-media:before {
  content: "perm_media" !important;
}

.ic-perm-phone-msg:before {
  content: "perm_phone_msg" !important;
}

.ic-perm-scan-wifi:before {
  content: "perm_scan_wifi" !important;
}

.ic-person:before {
  content: "person" !important;
}

.ic-person-add:before {
  content: "person_add" !important;
}

.ic-person-outline:before {
  content: "person_outline" !important;
}

.ic-person-pin:before {
  content: "person_pin" !important;
}

.ic-person-pin-circle:before {
  content: "person_pin_circle" !important;
}

.ic-personal-video:before {
  content: "personal_video" !important;
}

.ic-pets:before {
  content: "pets" !important;
}

.ic-phone:before {
  content: "phone" !important;
}

.ic-phone-android:before {
  content: "phone_android" !important;
}

.ic-phone-bluetooth-speaker:before {
  content: "phone_bluetooth_speaker" !important;
}

.ic-phone-forwarded:before {
  content: "phone_forwarded" !important;
}

.ic-phone-in-talk:before {
  content: "phone_in_talk" !important;
}

.ic-phone-iphone:before {
  content: "phone_iphone" !important;
}

.ic-phone-locked:before {
  content: "phone_locked" !important;
}

.ic-phone-missed:before {
  content: "phone_missed" !important;
}

.ic-phone-paused:before {
  content: "phone_paused" !important;
}

.ic-phonelink:before {
  content: "phonelink" !important;
}

.ic-phonelink-erase:before {
  content: "phonelink_erase" !important;
}

.ic-phonelink-lock:before {
  content: "phonelink_lock" !important;
}

.ic-phonelink-off:before {
  content: "phonelink_off" !important;
}

.ic-phonelink-ring:before {
  content: "phonelink_ring" !important;
}

.ic-phonelink-setup:before {
  content: "phonelink_setup" !important;
}

.ic-photo:before {
  content: "photo" !important;
}

.ic-photo-album:before {
  content: "photo_album" !important;
}

.ic-photo-camera:before {
  content: "photo_camera" !important;
}

.ic-photo-filter:before {
  content: "photo_filter" !important;
}

.ic-photo-library:before {
  content: "photo_library" !important;
}

.ic-photo-size-select-actual:before {
  content: "photo_size_select_actual" !important;
}

.ic-photo-size-select-large:before {
  content: "photo_size_select_large" !important;
}

.ic-photo-size-select-small:before {
  content: "photo_size_select_small" !important;
}

.ic-picture-as-pdf:before {
  content: "picture_as_pdf" !important;
}

.ic-picture-in-picture:before {
  content: "picture_in_picture" !important;
}

.ic-picture-in-picture-alt:before {
  content: "picture_in_picture_alt" !important;
}

.ic-pie-chart:before {
  content: "pie_chart" !important;
}

.ic-pie-chart-outlined:before {
  content: "pie_chart_outlined" !important;
}

.ic-pin-drop:before {
  content: "pin_drop" !important;
}

.ic-place:before {
  content: "place" !important;
}

.ic-play-arrow:before {
  content: "play_arrow" !important;
}

.ic-play-circle-filled:before {
  content: "play_circle_filled" !important;
}

.ic-play-circle-outline:before {
  content: "play_circle_outline" !important;
}

.ic-play-for-work:before {
  content: "play_for_work" !important;
}

.ic-playlist-add:before {
  content: "playlist_add" !important;
}

.ic-playlist-add-check:before {
  content: "playlist_add_check" !important;
}

.ic-playlist-play:before {
  content: "playlist_play" !important;
}

.ic-plus-one:before {
  content: "plus_one" !important;
}

.ic-poll:before {
  content: "poll" !important;
}

.ic-polymer:before {
  content: "polymer" !important;
}

.ic-pool:before {
  content: "pool" !important;
}

.ic-portable-wifi-off:before {
  content: "portable_wifi_off" !important;
}

.ic-portrait:before {
  content: "portrait" !important;
}

.ic-power:before {
  content: "power" !important;
}

.ic-power-input:before {
  content: "power_input" !important;
}

.ic-power-settings-new:before {
  content: "power_settings_new" !important;
}

.ic-pregnant-woman:before {
  content: "pregnant_woman" !important;
}

.ic-present-to-all:before {
  content: "present_to_all" !important;
}

.ic-print:before {
  content: "print" !important;
}

.ic-priority-high:before {
  content: "priority_high" !important;
}

.ic-public:before {
  content: "public" !important;
}

.ic-publish:before {
  content: "publish" !important;
}

.ic-query-builder:before {
  content: "query_builder" !important;
}

.ic-question-answer:before {
  content: "question_answer" !important;
}

.ic-queue:before {
  content: "queue" !important;
}

.ic-queue-music:before {
  content: "queue_music" !important;
}

.ic-queue-play-next:before {
  content: "queue_play_next" !important;
}

.ic-radio:before {
  content: "radio" !important;
}

.ic-radio-button-checked:before {
  content: "radio_button_checked" !important;
}

.ic-radio-button-unchecked:before {
  content: "radio_button_unchecked" !important;
}

.ic-rate-review:before {
  content: "rate_review" !important;
}

.ic-receipt:before {
  content: "receipt" !important;
}

.ic-recent-actors:before {
  content: "recent_actors" !important;
}

.ic-record-voice-over:before {
  content: "record_voice_over" !important;
}

.ic-redeem:before {
  content: "redeem" !important;
}

.ic-redo:before {
  content: "redo" !important;
}

.ic-refresh:before {
  content: "refresh" !important;
}

.ic-remove:before {
  content: "remove" !important;
}

.ic-remove-circle:before {
  content: "remove_circle" !important;
}

.ic-remove-circle-outline:before {
  content: "remove_circle_outline" !important;
}

.ic-remove-from-queue:before {
  content: "remove_from_queue" !important;
}

.ic-remove-red-eye:before {
  content: "remove_red_eye" !important;
}

.ic-remove-shopping-cart:before {
  content: "remove_shopping_cart" !important;
}

.ic-reorder:before {
  content: "reorder" !important;
}

.ic-repeat:before {
  content: "repeat" !important;
}

.ic-repeat-one:before {
  content: "repeat_one" !important;
}

.ic-replay:before {
  content: "replay" !important;
}

.ic-replay-10:before {
  content: "replay_10" !important;
}

.ic-replay-30:before {
  content: "replay_30" !important;
}

.ic-replay-5:before {
  content: "replay_5" !important;
}

.ic-reply:before {
  content: "reply" !important;
}

.ic-reply-all:before {
  content: "reply_all" !important;
}

.ic-report:before {
  content: "report" !important;
}

.ic-report-problem:before {
  content: "report_problem" !important;
}

.ic-restaurant:before {
  content: "restaurant" !important;
}

.ic-restaurant-menu:before {
  content: "restaurant_menu" !important;
}

.ic-restore:before {
  content: "restore" !important;
}

.ic-restore-page:before {
  content: "restore_page" !important;
}

.ic-ring-volume:before {
  content: "ring_volume" !important;
}

.ic-room:before {
  content: "room" !important;
}

.ic-room-service:before {
  content: "room_service" !important;
}

.ic-rotate-90-degrees-ccw:before {
  content: "rotate_90_degrees_ccw" !important;
}

.ic-rotate-left:before {
  content: "rotate_left" !important;
}

.ic-rotate-right:before {
  content: "rotate_right" !important;
}

.ic-rounded-corner:before {
  content: "rounded_corner" !important;
}

.ic-router:before {
  content: "router" !important;
}

.ic-rowing:before {
  content: "rowing" !important;
}

.ic-rss-feed:before {
  content: "rss_feed" !important;
}

.ic-rv-hookup:before {
  content: "rv_hookup" !important;
}

.ic-satellite:before {
  content: "satellite" !important;
}

.ic-save:before {
  content: "save" !important;
}

.ic-scanner:before {
  content: "scanner" !important;
}

.ic-schedule:before {
  content: "schedule" !important;
}

.ic-school:before {
  content: "school" !important;
}

.ic-screen-lock-landscape:before {
  content: "screen_lock_landscape" !important;
}

.ic-screen-lock-portrait:before {
  content: "screen_lock_portrait" !important;
}

.ic-screen-lock-rotation:before {
  content: "screen_lock_rotation" !important;
}

.ic-screen-rotation:before {
  content: "screen_rotation" !important;
}

.ic-screen-share:before {
  content: "screen_share" !important;
}

.ic-sd-card:before {
  content: "sd_card" !important;
}

.ic-sd-storage:before {
  content: "sd_storage" !important;
}

.ic-search:before {
  content: "search" !important;
}

.ic-security:before {
  content: "security" !important;
}

.ic-select-all:before {
  content: "select_all" !important;
}

.ic-send:before {
  content: "send" !important;
}

.ic-sentiment-dissatisfied:before {
  content: "sentiment_dissatisfied" !important;
}

.ic-sentiment-neutral:before {
  content: "sentiment_neutral" !important;
}

.ic-sentiment-satisfied:before {
  content: "sentiment_satisfied" !important;
}

.ic-sentiment-very-dissatisfied:before {
  content: "sentiment_very_dissatisfied" !important;
}

.ic-sentiment-very-satisfied:before {
  content: "sentiment_very_satisfied" !important;
}

.ic-settings:before {
  content: "settings" !important;
}

.ic-settings-applications:before {
  content: "settings_applications" !important;
}

.ic-settings-backup-restore:before {
  content: "settings_backup_restore" !important;
}

.ic-settings-bluetooth:before {
  content: "settings_bluetooth" !important;
}

.ic-settings-brightness:before {
  content: "settings_brightness" !important;
}

.ic-settings-cell:before {
  content: "settings_cell" !important;
}

.ic-settings-ethernet:before {
  content: "settings_ethernet" !important;
}

.ic-settings-input-antenna:before {
  content: "settings_input_antenna" !important;
}

.ic-settings-input-component:before {
  content: "settings_input_component" !important;
}

.ic-settings-input-composite:before {
  content: "settings_input_composite" !important;
}

.ic-settings-input-hdmi:before {
  content: "settings_input_hdmi" !important;
}

.ic-settings-input-svideo:before {
  content: "settings_input_svideo" !important;
}

.ic-settings-overscan:before {
  content: "settings_overscan" !important;
}

.ic-settings-phone:before {
  content: "settings_phone" !important;
}

.ic-settings-power:before {
  content: "settings_power" !important;
}

.ic-settings-remote:before {
  content: "settings_remote" !important;
}

.ic-settings-system-daydream:before {
  content: "settings_system_daydream" !important;
}

.ic-settings-voice:before {
  content: "settings_voice" !important;
}

.ic-share:before {
  content: "share" !important;
}

.ic-shop:before {
  content: "shop" !important;
}

.ic-shop-two:before {
  content: "shop_two" !important;
}

.ic-shopping-basket:before {
  content: "shopping_basket" !important;
}

.ic-shopping-cart:before {
  content: "shopping_cart" !important;
}

.ic-short-text:before {
  content: "short_text" !important;
}

.ic-show-chart:before {
  content: "show_chart" !important;
}

.ic-shuffle:before {
  content: "shuffle" !important;
}

.ic-signal-cellular-4-bar:before {
  content: "signal_cellular_4_bar" !important;
}

.ic-signal-cellular-connected-no-internet-4-bar:before {
  content: "signal_cellular_connected_no_internet_4_bar" !important;
}

.ic-signal-cellular-no-sim:before {
  content: "signal_cellular_no_sim" !important;
}

.ic-signal-cellular-null:before {
  content: "signal_cellular_null" !important;
}

.ic-signal-cellular-off:before {
  content: "signal_cellular_off" !important;
}

.ic-signal-wifi-4-bar:before {
  content: "signal_wifi_4_bar" !important;
}

.ic-signal-wifi-4-bar-lock:before {
  content: "signal_wifi_4_bar_lock" !important;
}

.ic-signal-wifi-off:before {
  content: "signal_wifi_off" !important;
}

.ic-sim-card:before {
  content: "sim_card" !important;
}

.ic-sim-card-alert:before {
  content: "sim_card_alert" !important;
}

.ic-skip-next:before {
  content: "skip_next" !important;
}

.ic-skip-previous:before {
  content: "skip_previous" !important;
}

.ic-slideshow:before {
  content: "slideshow" !important;
}

.ic-slow-motion-video:before {
  content: "slow_motion_video" !important;
}

.ic-smartphone:before {
  content: "smartphone" !important;
}

.ic-smoke-free:before {
  content: "smoke_free" !important;
}

.ic-smoking-rooms:before {
  content: "smoking_rooms" !important;
}

.ic-sms:before {
  content: "sms" !important;
}

.ic-sms-failed:before {
  content: "sms_failed" !important;
}

.ic-snooze:before {
  content: "snooze" !important;
}

.ic-sort:before {
  content: "sort" !important;
}

.ic-sort-by-alpha:before {
  content: "sort_by_alpha" !important;
}

.ic-spa:before {
  content: "spa" !important;
}

.ic-space-bar:before {
  content: "space_bar" !important;
}

.ic-speaker:before {
  content: "speaker" !important;
}

.ic-speaker-group:before {
  content: "speaker_group" !important;
}

.ic-speaker-notes:before {
  content: "speaker_notes" !important;
}

.ic-speaker-notes-off:before {
  content: "speaker_notes_off" !important;
}

.ic-speaker-phone:before {
  content: "speaker_phone" !important;
}

.ic-spellcheck:before {
  content: "spellcheck" !important;
}

.ic-star:before {
  content: "star" !important;
}

.ic-star-border:before {
  content: "star_border" !important;
}

.ic-star-half:before {
  content: "star_half" !important;
}

.ic-stars:before {
  content: "stars" !important;
}

.ic-stay-current-landscape:before {
  content: "stay_current_landscape" !important;
}

.ic-stay-current-portrait:before {
  content: "stay_current_portrait" !important;
}

.ic-stay-primary-landscape:before {
  content: "stay_primary_landscape" !important;
}

.ic-stay-primary-portrait:before {
  content: "stay_primary_portrait" !important;
}

.ic-stop:before {
  content: "stop" !important;
}

.ic-stop-screen-share:before {
  content: "stop_screen_share" !important;
}

.ic-storage:before {
  content: "storage" !important;
}

.ic-store:before {
  content: "store" !important;
}

.ic-store-mall-directory:before {
  content: "store_mall_directory" !important;
}

.ic-straighten:before {
  content: "straighten" !important;
}

.ic-streetview:before {
  content: "streetview" !important;
}

.ic-strikethrough-s:before {
  content: "strikethrough_s" !important;
}

.ic-style:before {
  content: "style" !important;
}

.ic-subdirectory-arrow-left:before {
  content: "subdirectory_arrow_left" !important;
}

.ic-subdirectory-arrow-right:before {
  content: "subdirectory_arrow_right" !important;
}

.ic-subject:before {
  content: "subject" !important;
}

.ic-subscriptions:before {
  content: "subscriptions" !important;
}

.ic-subtitles:before {
  content: "subtitles" !important;
}

.ic-subway:before {
  content: "subway" !important;
}

.ic-supervisor-account:before {
  content: "supervisor_account" !important;
}

.ic-support:before {
  content: "support" !important;
}

.ic-surround-sound:before {
  content: "surround_sound" !important;
}

.ic-swap-calls:before {
  content: "swap_calls" !important;
}

.ic-swap-horiz:before {
  content: "swap_horiz" !important;
}

.ic-swap-vert:before {
  content: "swap_vert" !important;
}

.ic-swap-vertical-circle:before {
  content: "swap_vertical_circle" !important;
}

.ic-switch-camera:before {
  content: "switch_camera" !important;
}

.ic-switch-video:before {
  content: "switch_video" !important;
}

.ic-sync:before {
  content: "sync" !important;
}

.ic-sync-disabled:before {
  content: "sync_disabled" !important;
}

.ic-sync-problem:before {
  content: "sync_problem" !important;
}

.ic-system-update:before {
  content: "system_update" !important;
}

.ic-system-update-alt:before {
  content: "system_update_alt" !important;
}

.ic-tab:before {
  content: "tab" !important;
}

.ic-tab-unselected:before {
  content: "tab_unselected" !important;
}

.ic-tablet:before {
  content: "tablet" !important;
}

.ic-tablet-android:before {
  content: "tablet_android" !important;
}

.ic-tablet-mac:before {
  content: "tablet_mac" !important;
}

.ic-tag-faces:before {
  content: "tag_faces" !important;
}

.ic-tap-and-play:before {
  content: "tap_and_play" !important;
}

.ic-terrain:before {
  content: "terrain" !important;
}

.ic-text-fields:before {
  content: "text_fields" !important;
}

.ic-text-format:before {
  content: "text_format" !important;
}

.ic-textsms:before {
  content: "textsms" !important;
}

.ic-texture:before {
  content: "texture" !important;
}

.ic-theaters:before {
  content: "theaters" !important;
}

.ic-thumb-down:before {
  content: "thumb_down" !important;
}

.ic-thumb-up:before {
  content: "thumb_up" !important;
}

.ic-thumbs-up-down:before {
  content: "thumbs_up_down" !important;
}

.ic-time-to-leave:before {
  content: "time_to_leave" !important;
}

.ic-timelapse:before {
  content: "timelapse" !important;
}

.ic-timeline:before {
  content: "timeline" !important;
}

.ic-timer:before {
  content: "timer" !important;
}

.ic-timer-10:before {
  content: "timer_10" !important;
}

.ic-timer-3:before {
  content: "timer_3" !important;
}

.ic-timer-off:before {
  content: "timer_off" !important;
}

.ic-title:before {
  content: "title" !important;
}

.ic-toc:before {
  content: "toc" !important;
}

.ic-today:before {
  content: "today" !important;
}

.ic-toll:before {
  content: "toll" !important;
}

.ic-tonality:before {
  content: "tonality" !important;
}

.ic-touch-app:before {
  content: "touch_app" !important;
}

.ic-toys:before {
  content: "toys" !important;
}

.ic-track-changes:before {
  content: "track_changes" !important;
}

.ic-traffic:before {
  content: "traffic" !important;
}

.ic-train:before {
  content: "train" !important;
}

.ic-tram:before {
  content: "tram" !important;
}

.ic-transfer-within-a-station:before {
  content: "transfer_within_a_station" !important;
}

.ic-transform:before {
  content: "transform" !important;
}

.ic-translate:before {
  content: "translate" !important;
}

.ic-trending-down:before {
  content: "trending_down" !important;
}

.ic-trending-flat:before {
  content: "trending_flat" !important;
}

.ic-trending-up:before {
  content: "trending_up" !important;
}

.ic-tune:before {
  content: "tune" !important;
}

.ic-turned-in:before {
  content: "turned_in" !important;
}

.ic-turned-in-not:before {
  content: "turned_in_not" !important;
}

.ic-tv:before {
  content: "tv" !important;
}

.ic-unarchive:before {
  content: "unarchive" !important;
}

.ic-undo:before {
  content: "undo" !important;
}

.ic-unfold-less:before {
  content: "unfold_less" !important;
}

.ic-unfold-more:before {
  content: "unfold_more" !important;
}

.ic-update:before {
  content: "update" !important;
}

.ic-usb:before {
  content: "usb" !important;
}

.ic-verified-user:before {
  content: "verified_user" !important;
}

.ic-vertical-align-bottom:before {
  content: "vertical_align_bottom" !important;
}

.ic-vertical-align-center:before {
  content: "vertical_align_center" !important;
}

.ic-vertical-align-top:before {
  content: "vertical_align_top" !important;
}

.ic-vibration:before {
  content: "vibration" !important;
}

.ic-video-call:before {
  content: "video_call" !important;
}

.ic-video-label:before {
  content: "video_label" !important;
}

.ic-video-library:before {
  content: "video_library" !important;
}

.ic-videocam:before {
  content: "videocam" !important;
}

.ic-videocam-off:before {
  content: "videocam_off" !important;
}

.ic-videogame-asset:before {
  content: "videogame_asset" !important;
}

.ic-view-agenda:before {
  content: "view_agenda" !important;
}

.ic-view-array:before {
  content: "view_array" !important;
}

.ic-view-carousel:before {
  content: "view_carousel" !important;
}

.ic-view-column:before {
  content: "view_column" !important;
}

.ic-view-comfy:before {
  content: "view_comfy" !important;
}

.ic-view-compact:before {
  content: "view_compact" !important;
}

.ic-view-day:before {
  content: "view_day" !important;
}

.ic-view-headline:before {
  content: "view_headline" !important;
}

.ic-view-list:before {
  content: "view_list" !important;
}

.ic-view-module:before {
  content: "view_module" !important;
}

.ic-view-quilt:before {
  content: "view_quilt" !important;
}

.ic-view-stream:before {
  content: "view_stream" !important;
}

.ic-view-week:before {
  content: "view_week" !important;
}

.ic-vignette:before {
  content: "vignette" !important;
}

.ic-visibility:before {
  content: "visibility" !important;
}

.ic-visibility-off:before {
  content: "visibility_off" !important;
}

.ic-voice-chat:before {
  content: "voice_chat" !important;
}

.ic-voicemail:before {
  content: "voicemail" !important;
}

.ic-volume-down:before {
  content: "volume_down" !important;
}

.ic-volume-mute:before {
  content: "volume_mute" !important;
}

.ic-volume-off:before {
  content: "volume_off" !important;
}

.ic-volume-up:before {
  content: "volume_up" !important;
}

.ic-vpn-key:before {
  content: "vpn_key" !important;
}

.ic-vpn-lock:before {
  content: "vpn_lock" !important;
}

.ic-wallpaper:before {
  content: "wallpaper" !important;
}

.ic-warning:before {
  content: "warning" !important;
}

.ic-watch:before {
  content: "watch" !important;
}

.ic-watch-later:before {
  content: "watch_later" !important;
}

.ic-wb-auto:before {
  content: "wb_auto" !important;
}

.ic-wb-cloudy:before {
  content: "wb_cloudy" !important;
}

.ic-wb-incandescent:before {
  content: "wb_incandescent" !important;
}

.ic-wb-iridescent:before {
  content: "wb_iridescent" !important;
}

.ic-wb-sunny:before {
  content: "wb_sunny" !important;
}

.ic-wc:before {
  content: "wc" !important;
}

.ic-web:before {
  content: "web" !important;
}

.ic-web-asset:before {
  content: "web_asset" !important;
}

.ic-weekend:before {
  content: "weekend" !important;
}

.ic-whatshot:before {
  content: "whatshot" !important;
}

.ic-widgets:before {
  content: "widgets" !important;
}

.ic-wifi:before {
  content: "wifi" !important;
}

.ic-wifi-lock:before {
  content: "wifi_lock" !important;
}

.ic-wifi-tethering:before {
  content: "wifi_tethering" !important;
}

.ic-work:before {
  content: "work" !important;
}

.ic-wrap-text:before {
  content: "wrap_text" !important;
}

.ic-youtube-searched-for:before {
  content: "youtube_searched_for" !important;
}

.ic-zoom-in:before {
  content: "zoom_in" !important;
}

.ic-zoom-out:before {
  content: "zoom_out" !important;
}

.ic-zoom-out-map:before {
  content: "zoom_out_map" !important;
}

.go-icon-ok .x-grid3-cell-inner:before {
  content: "check";
  margin-right: 0.8rem;
}

.go-icon-cross .x-grid3-cell-inner:before {
  content: "close";
  margin-right: 0.8rem;
}

.go-icon-unknown .x-grid3-cell-inner:before {
  content: "help";
  margin-right: 0.8rem;
}

.go-icon-empty .x-grid3-cell-inner:before {
  content: "";
  margin-right: 3.2rem;
}

.go-icon-warning .x-grid3-cell-inner:before {
  content: "warning";
  margin-right: 0.8rem;
}

.go-icon-exclamation .x-grid3-cell-inner:before {
  content: "error";
  margin-right: 0.8rem;
}

.go-icon-print .x-grid3-cell-inner:before {
  content: "print";
  margin-right: 0.8rem;
}

.ic-gender-male {
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem;
  background-color: var(--fg-icon);
  mask-image: url(./img/icon/gender-male.svg);
  -webkit-mask-image: url(./img/icon/gender-male.svg);
}

.ic-gender-female {
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem;
  background-color: var(--fg-icon);
  mask-image: url(./img/icon/gender-female.svg);
  -webkit-mask-image: url(./img/icon/gender-female.svg);
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

img, body, html {
  border: 0;
}

address, caption, cite, code, .go-page pre, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

.ext-el-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 100%;
  height: 100%;
}

.ext-el-mask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
}

.ext-el-mask-msg div {
  cursor: wait;
}

/* class for hiding elements without using display:none */
.x-hidden, .x-hide-offsets {
  position: absolute !important;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
}

.x-hide-display {
  display: none !important;
}

.x-hide-nosize,
.x-hide-nosize * {
  height: 0px !important;
  width: 0px !important;
  visibility: hidden !important;
  border: none !important;
}

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

.x-masked {
  overflow: hidden !important;
}

.x-masked-relative {
  position: relative !important;
}

.x-masked select, .x-masked object, .x-masked embed {
  visibility: hidden;
}

.x-layer {
  visibility: hidden;
}

.x-unselectable, .x-unselectable * {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  cursor: inherit;
}

.x-repaint {
  background-color: transparent;
  -moz-outline: none;
  outline: none;
}

.x-item-disabled {
  cursor: default;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  pointer-events: none;
}

.x-item-disabled * {
  cursor: default !important;
}

.x-form-radio-group .x-item-disabled {
  filter: none;
}

.x-splitbar-proxy {
  position: absolute;
  visibility: hidden;
  z-index: 20001;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}

.x-splitbar-h, .x-splitbar-proxy-h {
  cursor: e-resize;
  cursor: col-resize;
}

.x-splitbar-v, .x-splitbar-proxy-v {
  cursor: s-resize;
  cursor: row-resize;
}

.x-text-resize {
  position: absolute;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}

.x-drag-overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20000;
}

.x-clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

.x-spotlight {
  z-index: 8999;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 0;
  height: 0;
}

#x-history-frame {
  position: absolute;
  top: -1px;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

#x-history-field {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

.x-resizable-handle {
  position: absolute;
  z-index: 100;
  /* ie needs these */
  font-size: 1px;
  line-height: 6px;
  overflow: hidden;
  opacity: 0;
}

.x-resizable-handle-east {
  width: 6px;
  cursor: e-resize;
  right: 0;
  top: 0;
  height: 100%;
}

.x-resizable-handle-south {
  width: 100%;
  cursor: s-resize;
  left: 0;
  bottom: 0;
  height: 6px;
}

.x-resizable-handle-west {
  width: 6px;
  cursor: w-resize;
  left: 0;
  top: 0;
  height: 100%;
}

.x-resizable-handle-north {
  width: 100%;
  cursor: n-resize;
  left: 0;
  top: 0;
  height: 6px;
}

.x-resizable-handle-southeast {
  width: 6px;
  cursor: se-resize;
  right: 0;
  bottom: 0;
  height: 6px;
  z-index: 101;
}

.x-resizable-handle-northwest {
  width: 6px;
  cursor: nw-resize;
  left: 0;
  top: 0;
  height: 6px;
  z-index: 101;
}

.x-resizable-handle-northeast {
  width: 6px;
  cursor: ne-resize;
  right: 0;
  top: 0;
  height: 6px;
  z-index: 101;
}

.x-resizable-handle-southwest {
  width: 6px;
  cursor: sw-resize;
  left: 0;
  bottom: 0;
  height: 6px;
  z-index: 101;
}

.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle {
  filter: alpha(opacity=100);
  opacity: 1;
}

.x-resizable-proxy {
  border: 1px dashed;
  position: absolute;
  overflow: hidden;
  display: none;
  left: 0;
  top: 0;
  z-index: 50000;
}

.x-resizable-overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200000;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.x-tab-panel,
.x-tab-panel-header,
.x-tab-panel-footer {
  overflow: hidden;
}

.x-tab-strip-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

ul.x-tab-strip {
  display: block;
  width: 5000px;
}

.x-tab-panel-header-plain {
  border-width: 0 !important;
  padding-bottom: 0 !important;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
  border: 1px solid;
  height: 2px;
  font-size: 1px;
  line-height: 1px;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
  border-top: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-spacer {
  border-bottom: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-bottom {
  background: transparent !important;
  padding-bottom: 0 !important;
}

.x-tab-panel-footer-plain {
  background: transparent !important;
  border-width: 0 !important;
  padding-top: 0 !important;
}

ul.x-tab-strip li {
  float: left;
}

ul.x-tab-strip li.x-tab-edge {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
  font-size: 1px !important;
  line-height: 1px !important;
  overflow: hidden;
  width: 1px;
}

.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
  display: block;
}

.x-tab-strip a {
  text-decoration: none !important;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}

.x-tab-strip-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}

.x-tab-strip span.x-tab-strip-text {
  white-space: nowrap;
  cursor: pointer;
}

.x-tab-strip-top .x-tab-with-icon .x-tab-right {
  padding-left: 6px;
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
  padding-left: 20px;
}

.x-tab-strip-disabled .x-tabs-text,
.x-tab-strip-active span.x-tab-strip-text,
.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
  cursor: default;
}

.x-tab-panel-body,
.x-tab-panel-bwrap {
  overflow: hidden;
}

.x-tab-strip .x-tab-strip-close {
  display: none;
}

.x-tab-strip-closable {
  position: relative;
}

.x-tab-strip-closable .x-tab-left {
  padding-right: 2.4rem;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  opacity: 0.6;
  display: block;
  position: absolute;
  top: 0;
  right: 0.8rem;
  cursor: pointer;
  z-index: 2;
}

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
  opacity: 0.8;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  opacity: 1;
}

.x-tab-panel-body-bottom {
  border-bottom: 0 none;
}

.x-tab-scroller-left {
  border-bottom: 1px solid;
  width: 18px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.x-tab-scroller-left-disabled {
  opacity: 0.5;
  cursor: default;
}

.x-tab-scroller-right {
  border-bottom: 1px solid;
  width: 18px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.x-tab-scroller-right-disabled {
  opacity: 0.5;
  cursor: default;
}

.x-tab-scrolling .x-tab-strip-wrap {
  margin-left: 18px;
  margin-right: 18px;
}

.x-tab-scrolling {
  position: relative;
}

.x-tab-panel-bbar .x-toolbar,
.x-tab-panel-tbar .x-toolbar {
  overflow: hidden;
}

.x-form-field {
  margin: 0 0 0 0;
}

.x-form-file-wrap {
  position: relative;
  height: 22px;
  box-sizing: content-box;
}
.x-form-file-wrap .x-form-file {
  position: absolute;
  right: 0;
  opacity: 0;
  z-index: 2;
  height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
  position: absolute;
  right: 0;
  z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
  position: absolute;
  left: 0;
  z-index: 3;
  color: #777;
}

*:focus {
  outline: none !important;
}

/* ---- text fields ---- */
.x-form-text, .ext-ie .x-form-file {
  vertical-align: middle;
}

textarea {
  resize: none;
  /* Disable browser resizable textarea */
}

/* select boxes */
.x-form-select-one {
  vertical-align: middle;
  border: 1px solid;
}

/* multi select boxes */
/* --- TODO --- */
/* 2.0.2 style */
.x-form-check-wrap {
  height: auto;
}

.x-form-check-wrap input {
  vertical-align: bottom;
}

.x-form-check-group-label {
  float: none !important;
}

/* wrapped fields and triggers */
.x-form-field-wrap .x-form-trigger {
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger {
  cursor: pointer;
}

.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
  position: static;
  top: auto;
  vertical-align: top;
}

.x-form-field-wrap {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
  white-space: nowrap;
}

.x-trigger-noedit {
  cursor: pointer;
}

/* editors */
.x-editor {
  visibility: hidden;
  padding: 0;
  margin: 0;
}

.x-form-grow-sizer {
  left: -10000px;
  padding: 8px 3px;
  position: absolute;
  visibility: hidden;
  top: -10000px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.x-form-grow-sizer p {
  margin: 0 !important;
  border: 0 none !important;
  padding: 0 !important;
}

/* Form Items CSS */
.x-form-item {
  display: block;
}

.x-form-item label.x-form-item-label {
  display: block;
  float: left;
  width: 100px;
  padding-left: 0;
  clear: left;
  z-index: 2;
  position: relative;
}

.x-form-element {
  padding-left: 105px;
  position: relative;
}

.x-form-invalid-msg {
  padding: 2px;
  padding-left: 18px;
  line-height: 16px;
}

.x-form-label-left label.x-form-item-label {
  text-align: left;
}

.x-form-label-right label.x-form-item-label {
  text-align: right;
}

.x-form-label-top .x-form-item label.x-form-item-label {
  width: auto;
  float: none;
  clear: none;
  position: static;
}

.x-form-label-top .x-form-element {
  padding-left: 0;
}

/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-text {
  vertical-align: middle;
}

.x-small-editor .x-form-select-one {
  line-height: 16px;
  vertical-align: middle;
}

.x-small-editor .x-form-num-field {
  text-align: right;
}

.x-form-clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

.x-form-clear-left {
  clear: left;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

.x-form-cb-label {
  position: relative;
}

.x-form-column {
  float: left;
  padding: 0;
  margin: 0;
  width: 48%;
}

/* buttons */
.x-form .x-form-btns-ct .x-form-btns td {
  border: 0;
  padding: 0;
}

.x-form .x-form-btns-ct .x-btn, .x-form .x-form-btns-ct .go-button, .x-form .x-form-btns-ct .go-page button, .go-page .x-form .x-form-btns-ct button, .x-form .x-form-btns-ct .go-page a.button, .go-page .x-form .x-form-btns-ct a.button, .x-form .x-form-btns-ct .x-date-mp-btns button, .x-date-mp-btns .x-form .x-form-btns-ct button,
.x-form .x-form-btns-ct .x-form-btns-right table {
  float: right;
  clear: none;
}

.x-form .x-form-btns-ct .x-form-btns-left table {
  float: left;
  clear: none;
}

.x-form .x-form-btns-ct .x-form-btns-center {
  text-align: center;
  /*ie*/
}

.x-form .x-form-btns-ct .x-form-btns-center table {
  margin: 0 auto;
  /*everyone else*/
}

.x-form .x-form-btns-ct table td.x-form-btn-td {
  padding: 3px;
}

.x-form-invalid-icon {
  width: 16px;
  height: 18px;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

/* fieldsets */
.x-fieldset {
  display: block;
  /* preserve margins in IE */
}

/* make top of checkbox/tools visible in webkit */
.x-fieldset legend .x-tool-toggle {
  margin-right: 3px;
  margin-left: 0;
  float: left;
}

.x-fieldset legend input {
  margin-right: 3px;
  float: left;
  height: 13px;
  width: 13px;
}

fieldset.x-panel-collapsed {
  padding-bottom: 0 !important;
  border-width: 1px 1px 0 1px !important;
  border-left-color: transparent;
  border-right-color: transparent;
}

fieldset.x-panel-collapsed .x-fieldset-bwrap {
  visibility: hidden;
  position: absolute;
  left: -1000px;
  top: -1000px;
}

.x-fieldset-noborder {
  border: 0px none transparent;
}

.x-hide-label > label.x-form-item-label {
  display: none;
}

.x-hide-label > .x-form-element {
  padding-left: 0 !important;
}

.x-hide-label > label.x-form-item-label,
.x-form-label-top .x-hide-label > label.x-form-item-label {
  display: none;
}

.x-fieldset,
.x-fieldset-bwrap,
.x-fieldset-body {
  overflow: visible;
}

.x-btn, .go-button, .go-page button, .go-page a.button, .x-date-mp-btns button {
  cursor: pointer;
  white-space: nowrap;
}
.x-btn .x-btn-tr i, .go-button .x-btn-tr i, .go-page button .x-btn-tr i, .go-page a.button .x-btn-tr i, .x-date-mp-btns button .x-btn-tr i, .x-btn .x-btn-tl i, .go-button .x-btn-tl i, .go-page button .x-btn-tl i, .go-page a.button .x-btn-tl i, .x-date-mp-btns button .x-btn-tl i, .x-btn .x-btn-mr i, .go-button .x-btn-mr i, .go-page button .x-btn-mr i, .go-page a.button .x-btn-mr i, .x-date-mp-btns button .x-btn-mr i, .x-btn .x-btn-ml i, .go-button .x-btn-ml i, .go-page button .x-btn-ml i, .go-page a.button .x-btn-ml i, .x-date-mp-btns button .x-btn-ml i, .x-btn .x-btn-br i, .go-button .x-btn-br i, .go-page button .x-btn-br i, .go-page a.button .x-btn-br i, .x-date-mp-btns button .x-btn-br i, .x-btn .x-btn-bl i, .go-button .x-btn-bl i, .go-page button .x-btn-bl i, .go-page a.button .x-btn-bl i, .x-date-mp-btns button .x-btn-bl i {
  font-size: 1px;
  line-height: 1px;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

.x-btn button, .go-button button, .go-page button button, .go-page a.button button, .x-date-mp-btns button button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  width: auto;
  -moz-outline: 0 none;
  outline: 0 none;
}

.x-btn td, .go-button td, .go-page button td, .go-page a.button td, .x-date-mp-btns button td {
  padding: 0 !important;
}

.x-btn-text {
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}

.x-btn-mc {
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.x-btn-disabled * {
  cursor: default !important;
}

/* With a menu arrow */
/* bottom */
.x-btn-mc em.x-btn-arrow-bottom {
  display: block;
  padding-bottom: 14px;
}

.x-btn-mc em.x-btn-split-bottom {
  display: block;
  padding-bottom: 14px;
}

/* height adjustment class */
.x-btn-as-arrow .x-btn-mc em {
  display: block;
  padding-bottom: 14px;
}

/* groups */
.x-btn-group-header {
  text-align: center;
}

.x-btn-group-tc {
  overflow: hidden;
}

.x-btn-group-mc {
  border: 0 none;
  margin: 0;
}

.x-btn-group-mc .x-btn-group-body {
  background-color: transparent;
  border: 0 none;
}

.x-btn-group-bc .x-btn-group-footer {
  padding-bottom: 6px;
}

.x-panel-nofooter .x-btn-group-bc {
  height: 3px;
  font-size: 0;
  line-height: 0;
}

.x-btn-group-bwrap,
.x-btn-group-body {
  overflow: hidden;
}

.x-btn-group-notitle .x-btn-group-tc {
  overflow: hidden;
  height: 2px;
}

.x-toolbar {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
}

.x-toolbar-left {
  width: 100%;
}

.x-toolbar .x-item-disabled .x-btn-icon {
  opacity: 0.35;
}

.x-toolbar td {
  vertical-align: middle;
}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
  white-space: nowrap;
}

.x-toolbar .x-item-disabled {
  cursor: default;
  opacity: 0.6;
}

.x-toolbar .x-item-disabled * {
  cursor: default;
}

.x-toolbar .x-toolbar-cell {
  vertical-align: middle;
}

.x-toolbar div.xtb-text {
  display: block;
}

.x-toolbar .xtb-sep {
  display: block;
  overflow: hidden;
  cursor: default;
}

.x-toolbar .xtb-spacer {
  width: 2px;
}

/* Paging Toolbar */
.x-tbar-page-number {
  /*width:30px;*/
  height: 14px;
}

.x-paging-info {
  position: absolute;
  top: 5px;
  right: 8px;
}

/* floating */
.x-toolbar-ct {
  width: 100%;
}

.x-toolbar-right td {
  text-align: center;
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
  overflow: hidden;
}

.x-toolbar-more em.x-btn-arrow {
  display: inline;
  padding-right: 0;
}

div.x-toolbar-no-items {
  color: gray !important;
  padding: 5px 10px !important;
}

.x-toolbar-right td .x-form-field-trigger-wrap {
  text-align: left;
}

.x-toolbar-cell .x-form-cb-label {
  vertical-align: bottom;
  top: 1px;
}

/* Grid3 styles */
.x-grid3 {
  position: relative;
  overflow: hidden;
}

.x-grid-panel .x-panel-body {
  overflow: hidden !important;
}

.x-grid-panel .x-panel-mc .x-panel-body {
  border: 1px solid var(--fg-line);
}

.x-grid3 table {
  table-layout: fixed;
}

.x-grid3-viewport {
  overflow: hidden;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
  outline: none;
}

.x-grid3-row td, .x-grid3-summary-row td {
  vertical-align: top;
  user-select: none;
}

.x-grid3-cell {
  user-select: none;
}

.x-grid3-hd-row td {
  vertical-align: middle;
}

.x-grid3-cell-inner, .x-grid3-hd-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-action-col-icon {
  cursor: pointer;
}
.x-grid3-hd-inner {
  position: relative;
  cursor: inherit;
}

.x-grid3-row-body {
  white-space: normal;
}

.x-grid3-body-cell {
  outline: 0 none;
}

/* reverse above in strict mode */
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner {
  width: auto;
}

.x-grid-page {
  overflow: hidden;
}

.x-grid3-row {
  cursor: default;
  width: 100%;
}

.x-grid3-resize-proxy {
  width: 3px;
  left: 0;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
  border: 0 none;
  z-index: 7;
}

.x-grid3-resize-marker {
  width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
  border: 0 none;
  z-index: 7;
}

.x-grid3-focus {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  outline: 0 none;
  user-select: none;
}

/* header styles */
.x-grid3-header {
  cursor: default;
}

.x-grid3-header-pop {
  border-left: 1px solid;
  float: right;
  clear: none;
}

.x-grid3-header-pop-inner {
  border-left: 1px solid;
  width: 14px;
  height: 19px;
  background: transparent no-repeat center center;
}

.x-grid3-header-inner {
  overflow: hidden;
  float: left;
}

.x-grid3-header-offset {
  text-align: left;
}

.x-grid3-sort-icon {
  display: none;
}

.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
  display: inline;
}

/* Body Styles */
.x-grid3-scroller {
  overflow: auto;
  position: relative;
}

.x-grid3-cell-text, .x-grid3-hd-text {
  display: block;
  user-select: none;
}

.x-grid3-split {
  cursor: e-resize;
  cursor: col-resize;
  display: block;
  font-size: 1px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  width: 6px;
  z-index: 3;
}

/* Column Reorder DD */
.x-dd-drag-proxy .x-grid3-hd-inner {
  width: 120px;
  overflow: hidden;
}

.col-move-top, .col-move-bottom {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  visibility: hidden;
  z-index: 20000;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
  vertical-align: middle;
  padding: 0;
  border-top: 1px solid;
  border-bottom: none;
  border-right: 1px solid;
  text-align: center;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
  padding: 0 4px;
  text-align: center;
}

/* Grid Toolbars */
.x-grid3-topbar, .x-grid3-bottombar {
  overflow: hidden;
  display: none;
  position: relative;
}

.x-grid3-topbar .x-toolbar {
  border-right: 0 none;
}

.x-grid3-bottombar .x-toolbar {
  border-right: 0 none;
  border-bottom: 0 none;
  border-top: 1px solid;
}

/* Props Grid Styles */
.x-props-grid .x-grid3-cell {
  padding: 1px;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
  padding-left: 12px;
}

.x-props-grid .x-grid3-body .x-grid3-td-name {
  padding: 1px;
  padding-right: 0;
  border: 0 none;
  border-right: 1px solid;
}

/* dd */
.x-grid3-col-dd {
  border: 0 none;
  padding: 0;
  background-color: transparent;
}

.x-grid3-hd {
  user-select: none;
}

.x-grid3-hd-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}

.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
  display: block;
}

/* Expanders */
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
  padding: 0 !important;
  height: 100%;
}

.x-grid3-row-expander {
  width: 100%;
  height: 18px;
  background-color: transparent;
}

.x-grid3-row-collapsed .x-grid3-row-body {
  display: none !important;
}

.x-grid3-row-expanded .x-grid3-row-body {
  display: block !important;
}

/* Checkers */
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
  height: 100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
  width: 100%;
  background-color: transparent;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  text-align: right;
}

/* Row Icon */
.x-grid3-body .x-grid3-td-row-icon {
  background: transparent repeat-y right;
  vertical-align: top;
  text-align: center;
}

.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
  padding: 0 !important;
  background-position: center center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-top: 3px;
}

/* All specials */
.x-grid3-check-col,
.x-grid3-check-col-on {
  width: 100%;
}

/* Grouping classes */
.x-grid-group-hd {
  border-bottom: 2px solid;
  cursor: pointer;
  padding-top: 6px;
}

.x-grid-group-hd div.x-grid-group-title {
  padding: 4px 4px 4px 17px;
}

.x-grid-group-collapsed .x-grid-group-body {
  display: none;
}

.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
  position: relative;
  top: -1px;
}

.x-grid-editor .x-form-check-wrap {
  text-align: center;
  margin-top: -4px;
}

.ext-ie .x-props-grid .x-editor .x-form-text {
  position: static;
  top: 0;
}

/* Fix WebKit bug in Grids */
.ext-webkit .x-grid-panel .x-panel-bwrap {
  -webkit-user-select: none;
}

.ext-webkit .x-tbar-page-number {
  -webkit-user-select: ignore;
}

/* end*/
/* column lines */
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  padding-right: 0;
  border-right: 1px solid;
}

.x-pivotgrid .x-grid3-header-offset table {
  width: 100%;
  border-collapse: collapse;
}

.x-pivotgrid .x-grid3-header-offset table td {
  padding: 4px 3px 4px 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.x-pivotgrid .x-grid3-row-headers {
  display: block;
  float: left;
}

.x-pivotgrid .x-grid3-row-headers table {
  height: 100%;
  width: 100%;
  border-collapse: collapse;
}

.x-pivotgrid .x-grid3-row-headers table td {
  height: 18px;
  padding: 2px 7px 0 0;
  text-align: right;
  text-overflow: ellipsis;
}

.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
  height: 21px;
}

.x-grid3-header-title {
  top: 0%;
  left: 0%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding: auto 1px;
  display: table-cell;
}

.x-grid3-header-title span {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  margin-top: -6px;
}

.x-dd-drag-proxy {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 15000;
}

.x-dd-drag-ghost {
  opacity: 0.85;
  border: 1px solid;
  padding: 3px;
  padding-left: 20px;
  white-space: nowrap;
}

.x-dd-drag-repair .x-dd-drag-ghost {
  opacity: 0.4;
  border: 0 none;
  padding: 0;
  background-color: transparent;
}

.x-dd-drag-repair .x-dd-drop-icon {
  visibility: hidden;
}

.x-dd-drop-icon {
  position: absolute;
  top: 0;
  left: 3px;
  display: block;
  background-color: transparent;
  z-index: 1;
}

.x-view-selector {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border: 1px dotted;
  opacity: 0.5;
}

.ext-strict .ext-ie .x-tree .x-panel-bwrap {
  position: relative;
  overflow: hidden;
}

.x-tree-icon,
.x-tree-node-cb,
.x-tree-ec-icon,
.x-tree-elbow-line,
.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
  border: 0 none;
  height: 2.4rem;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 2.4rem;
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon {
  border: 0 none;
  height: 2.4rem;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 2.4rem;
}

.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
  vertical-align: top !important;
}

/* checkboxes */
input.x-tree-node-cb {
  margin-left: 1px;
  height: 19px;
  vertical-align: middle;
}

.ext-opera input.x-tree-node-cb {
  height: 14px;
  vertical-align: middle;
}

.x-tree-noicon .x-tree-node-icon {
  width: 0;
  height: 0;
}

.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus {
  cursor: pointer;
}

.x-tree-node {
  white-space: nowrap;
}

.x-tree-node-el {
  line-height: 18px;
  cursor: pointer;
}

.x-tree-node a, .x-dd-drag-ghost a {
  text-decoration: none;
  user-select: none;
  -kthml-user-focus: normal;
  -moz-user-focus: normal;
  outline: 0 none;
}

.x-tree-node a span, .x-dd-drag-ghost a span {
  text-decoration: none;
}

.x-tree-node .x-tree-node-disabled .x-tree-node-icon {
  opacity: 0.5;
}

.x-tree-node .x-tree-node-inline-icon {
  background-color: transparent;
}

.x-tree-node a:hover, .x-dd-drag-ghost a:hover {
  text-decoration: none;
}

.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon {
  display: none !important;
}

.x-date-picker {
  border: 1px solid;
  border-top: 0 none;
  position: relative;
}
.x-date-picker table {
  margin: 0 auto;
}

.x-date-picker a {
  outline: 0 none;
}

.x-date-inner, .x-date-inner td, .x-date-inner th {
  border-collapse: separate;
}

.x-date-middle, .x-date-left, .x-date-right {
  overflow: hidden;
}

.x-date-middle .x-btn-tc, .x-date-middle .x-btn-tl, .x-date-middle .x-btn-tr,
.x-date-middle .x-btn-mc, .x-date-middle .x-btn-ml, .x-date-middle .x-btn-mr,
.x-date-middle .x-btn-bc, .x-date-middle .x-btn-bl, .x-date-middle .x-btn-br {
  background: transparent !important;
  vertical-align: middle;
}

.x-date-right {
  text-align: right;
}

.x-date-right a, .x-date-left a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.6;
}

.x-date-right a:hover, .x-date-left a:hover {
  opacity: 1;
}

.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover {
  opacity: 0.6;
}

.x-date-right a,
.x-date-left a {
  text-decoration: none !important;
}

table.x-date-inner {
  width: 100%;
  table-layout: fixed;
}

.x-date-inner th {
  width: 25px;
}

.x-date-inner th {
  text-align: right !important;
  cursor: default;
  padding: 0;
  border-collapse: separate;
}

.x-date-inner th span {
  display: block;
  padding: 2px;
}

.x-date-inner td {
  text-align: right;
  padding: 0;
}

.x-date-inner a {
  display: block;
  text-decoration: none;
  text-align: right;
}

.x-date-inner .x-date-active {
  cursor: pointer;
  color: black;
}

.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a,
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
  text-decoration: none !important;
}

.x-item-disabled .x-date-inner a:hover {
  background: none;
}

.x-date-inner .x-date-disabled a {
  cursor: default;
}

.x-date-menu .x-menu-item {
  white-space: nowrap;
}

.x-date-mp {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

td.x-date-mp-month, td.x-date-mp-year, td.x-date-mp-ybtn {
  border: 0 none;
  text-align: center;
  vertical-align: middle;
  width: 25%;
}

.x-date-mp-btns button {
  text-decoration: none;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}

.x-date-mp-btns td {
  text-align: center;
}

td.x-date-mp-month a, td.x-date-mp-year a {
  display: block;
  text-decoration: none;
  text-align: center;
}

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  text-decoration: none;
  cursor: pointer;
}

.x-date-mp-ybtn a {
  overflow: hidden;
  cursor: pointer;
  background: transparent no-repeat;
  display: block;
  margin: 0 auto;
}

.x-date-mp-ybtn {
  text-align: center;
}

.x-tip {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 20002;
  border: 0 none;
}

.x-tip .x-tip-close {
  height: 15px;
  float: right;
  width: 15px;
  margin: 0 0 2px 2px;
  cursor: pointer;
  display: none;
}

.x-tip .x-tip-tc,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr,
.x-tip .x-tip-bc {
  overflow: hidden;
}

.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc {
  line-height: 1px;
}

.x-tip-header .x-tool {
  color: white;
}

.x-tip .x-tip-header-text {
  padding: 0;
  margin: 0 0 2px 0;
}

.x-tip .x-tip-body {
  margin: 0 !important;
  line-height: 14px;
  padding: 0;
}

.x-tip .x-tip-body .loading-indicator {
  margin: 0;
}

.x-tip-draggable .x-tip-header, .x-tip-draggable .x-tip-header-text {
  cursor: move;
}

.x-form-invalid-tip .x-tip-tc {
  padding-top: 6px;
}

.x-form-invalid-tip .x-tip-bc {
  height: 6px;
}

.x-form-invalid-tip .x-tip-body {
  padding: 2px;
}

.x-form-invalid-tip .x-tip-body {
  padding-left: 24px;
}

.x-tip-anchor {
  position: absolute;
  width: 9px;
  height: 10px;
  overflow: hidden;
}

.x-tip-anchor-right,
.x-tip-anchor-left {
  width: 10px;
}

.x-menu {
  z-index: 15000;
}

.x-menu-floating {
  border: 1px solid;
}

.x-menu a {
  text-decoration: none !important;
}

.ext-ie .x-menu {
  overflow: hidden;
}

.x-menu-list {
  background-color: transparent;
  border: 0 none;
  overflow: hidden;
  overflow-y: hidden;
}

.ext-strict .ext-ie .x-menu-list {
  position: relative;
}

.x-menu li {
  line-height: 100%;
}

.x-menu li.x-menu-sep-li {
  font-size: 1px;
  line-height: 1px;
}

.x-menu-list-item {
  white-space: nowrap;
  display: block;
  padding: 1px;
}

.x-menu-item {
  user-select: none;
}

.x-menu-item-arrow {
  background: transparent no-repeat right;
}

.x-menu-sep {
  display: block;
  font-size: 1px;
  line-height: 1px;
  margin: 2px 3px;
  border-bottom: 1px solid;
  overflow: hidden;
}

.x-menu-focus {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  outline: 0 none;
  user-select: none;
  overflow: hidden;
  display: block;
}

a.x-menu-item {
  cursor: pointer;
  display: block;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.x-menu-item-icon {
  border: 0 none;
  padding: 0;
  vertical-align: top;
  position: absolute;
  margin: 0;
}

.x-date-menu .x-menu-list {
  padding: 0;
}

.x-menu-date-item {
  padding: 0;
}

.x-menu .x-color-palette, .x-menu .x-date-picker {
  margin-left: 26px;
  margin-right: 4px;
}

.x-menu .x-date-picker {
  margin-top: 2px;
  margin-bottom: 2px;
}

.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker {
  margin: 0;
  border: 0 none;
}

.x-date-menu {
  padding: 0 !important;
}

.x-cycle-menu .x-menu-item-checked {
  border: 1px dotted !important;
  padding: 0;
}

.x-menu .x-menu-scroller {
  width: 100%;
  height: 8px;
  line-height: 8px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.x-menu-list-item-indent {
  padding-left: 27px;
}

.x-box-tc {
  height: 8px;
  overflow: hidden;
}

.x-box-ml {
  padding-left: 4px;
  overflow: hidden;
}

.x-box-mc {
  padding: 4px 10px;
}

.x-box-mc h3 {
  margin: 0 0 4px 0;
}

.x-box-mr {
  padding-right: 4px;
  overflow: hidden;
}

.x-box-bc {
  overflow: hidden;
}

.x-box-tl, .x-box-bl {
  overflow: hidden;
}

.x-box-tr, .x-box-br {
  overflow: hidden;
}

.x-combo-list {
  overflow: hidden;
}

.x-combo-list-inner {
  overflow: auto;
  position: relative;
  /* for calculating scroll offsets */
  overflow-x: hidden;
}

.x-combo-list-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.x-combo-list .x-combo-selected {
  cursor: pointer;
}

.x-panel-body {
  overflow: hidden;
  min-width: 1px;
  position: relative;
  /* added for item scroll positioning */
}

.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar,
.x-panel-header {
  overflow: hidden;
}

.x-panel-tl .x-panel-header {
  border: 0 none;
  background: transparent no-repeat;
}

.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
  padding-left: 1.6rem;
}

.x-panel-inline-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -1px;
  margin-bottom: -1px;
}

.x-panel-tc {
  overflow: hidden;
}

.x-panel-mc {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.x-panel-mc .x-panel-body {
  border: 0 none;
}

.x-panel-bwrap {
  overflow: hidden;
  left: 0;
  top: 0;
}

.x-panel-collapsed .x-resizable-handle {
  display: none;
}

/* Plain */
.x-plain-body,
.x-plain-bbar .x-toolbar,
.x-plain-tbar .x-toolbar,
.x-plain-bwrap,
.x-plain,
.x-tool {
  overflow: hidden;
}

/* Tools */
.x-tool {
  float: right;
  cursor: pointer;
}

/* Ghosting */
.x-panel-ghost {
  z-index: 12000;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.65;
}

.x-panel-ghost ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border: 1px solid;
  border-top: 0 none;
  display: block;
}

.x-panel-ghost * {
  cursor: move !important;
}

.x-panel-dd-spacer {
  border: 2px dashed;
}

/* Buttons */
.x-panel-btns {
  overflow: hidden;
}

.x-panel-fbar td, .x-panel-fbar span, .x-panel-fbar input, .x-panel-fbar div, .x-panel-fbar select, .x-panel-fbar label {
  white-space: nowrap;
}

.x-window .x-window-handle {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

.x-window-proxy {
  z-index: 12000;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.x-window-header {
  overflow: hidden;
}

.x-window-bwrap {
  z-index: 1;
  position: relative;
  left: 0;
  top: 0;
}

.x-window-header-text {
  cursor: pointer;
}

.x-window-tc {
  overflow: hidden;
}

.x-window-tl {
  z-index: 1;
  position: relative;
}

.x-window-bc .x-window-footer {
  font-size: 0;
  line-height: 0;
}

.x-window-mc {
  padding: 0;
  margin: 0;
}

.x-window-body,
.x-window-bwrap {
  overflow: hidden;
}

.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
.x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
.x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
  padding: 0;
}

.x-window-draggable, .x-window-draggable .x-window-header-text {
  cursor: move;
}

.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
  cursor: default;
}

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

.x-window-maximized-ct {
  overflow: hidden;
}

.x-window-maximized .x-window-handle {
  display: none;
}

.x-window-sizing-ghost ul {
  border: 0 none !important;
}

.x-dlg-focus {
  -moz-outline: 0 none;
  outline: 0 none;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.ext-webkit .x-dlg-focus {
  width: 1px;
  height: 1px;
}

.x-dlg-mask {
  z-index: 10000;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}

body.ext-ie6.x-body-masked select {
  visibility: hidden;
}

body.ext-ie6.x-body-masked .x-window select {
  visibility: visible;
}

.x-window-plain .x-window-body {
  background: transparent !important;
}

.x-html-editor-wrap {
  border: 1px solid;
}

.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px;
}

.x-html-editor-tb .x-toolbar {
  position: static !important;
}

.x-border-layout-ct {
  position: relative;
}

.x-border-panel {
  position: absolute;
  left: 0;
  top: 0;
}

.x-tool-expand-north, .x-tool-expand-south, .x-tool-expand-east, .x-tool-expand-west {
  float: none;
  margin: 0.8rem 1.6rem;
}

.x-accordion-hd {
  padding-top: 4px;
  padding-bottom: 3px;
  border-top: 0 none;
}

.x-layout-collapsed {
  position: absolute;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 1px solid;
  z-index: 20;
}

.ext-border-box .x-layout-collapsed {
  width: 22px;
  height: 22px;
}

.x-layout-collapsed-over {
  cursor: pointer;
}

.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.x-layout-split {
  position: absolute;
  height: 5px;
  width: 5px;
  line-height: 1px;
  font-size: 1px;
  z-index: 3;
  background-color: transparent;
}

.x-column {
  float: left;
  padding: 0;
  margin: 0;
}

/* mini mode */
.x-layout-mini {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 35px;
  cursor: pointer;
  opacity: 0.5;
}

.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini {
  opacity: 1;
  filter: none;
}

.x-layout-cmini-west .x-layout-mini,
.x-layout-split-west .x-layout-mini {
  top: 48%;
}

.x-layout-cmini-east .x-layout-mini,
.x-layout-split-east .x-layout-mini {
  top: 48%;
}

.x-layout-split-north .x-layout-mini,
.x-layout-split-south .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
}

.x-layout-cmini-north .x-layout-mini,
.x-layout-cmini-south .x-layout-mini {
  left: 48%;
  height: 5px;
  width: 35px;
}

.x-layout-cmini-west, .x-layout-cmini-east {
  border: 0 none;
  width: 5px !important;
  padding: 0;
  background-color: transparent;
}

.x-layout-cmini-north, .x-layout-cmini-south {
  border: 0 none;
  height: 5px !important;
  padding: 0;
  background-color: transparent;
}

.x-viewport, .x-viewport body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
}

.x-abs-layout-item {
  position: absolute;
  left: 0;
  top: 0;
}

.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
  margin: 0;
}

.x-box-layout-ct {
  overflow: hidden;
}

.x-box-inner {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
}

.x-box-item {
  position: absolute;
  left: 0;
  top: 0;
}

.x-progress-wrap {
  overflow: hidden;
}

.x-progress-inner {
  position: relative;
}

.x-progress-bar {
  height: 3.2rem;
  float: left;
  width: 0;
}

.x-progress-text {
  overflow: hidden;
  position: absolute;
  left: 0;
  text-align: center;
}

.x-progress-text-back {
  line-height: 16px;
}

.ext-ie .x-progress-text-back {
  line-height: 15px;
}

.ext-strict .ext-ie7 .x-progress-text-back {
  width: 100%;
}

.x-list-header {
  cursor: default;
  height: 22px;
}

.x-list-header-inner div {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-list-header-inner div em {
  display: block;
  border-left: 1px solid;
  padding: 4px 4px;
  overflow: hidden;
  user-select: none;
  line-height: 14px;
}

.x-list-body {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  width: 100%;
}

.x-list-body dt {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.x-list-body dt em {
  display: block;
  padding: 3px 4px;
  overflow: hidden;
  user-select: none;
}

.x-list-resizer {
  border-left: 1px solid;
  border-right: 1px solid;
  position: absolute;
  left: 0;
  top: 0;
}

.x-list-header-inner em.sort-asc,
.x-list-header-inner em.sort-desc {
  border-style: solid;
  border-width: 0 1px 1px;
  padding-bottom: 3px;
}

/* Shared styles */
.x-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible;
}

.x-slider-focus {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  outline: 0 none;
  user-select: none;
  display: block;
  overflow: hidden;
}

/* Horizontal styles */
.x-slider-horz {
  padding-left: 0.8rem;
}

.x-slider-horz .x-slider-end {
  padding-right: 0.8rem;
}

.x-slider-horz .x-slider-thumb {
  position: absolute;
  left: 0;
}

/* Vertical styles todo */
.x-slider-vert {
  padding-top: 7px;
  width: 22px;
}

.x-slider-vert .x-slider-end {
  padding-bottom: 7px;
}

.x-slider-vert .x-slider-inner {
  background: transparent repeat-y 0 0;
}

.x-slider-vert .x-slider-thumb {
  width: 15px;
  height: 14px;
  position: absolute;
  left: 3px;
  bottom: 0;
  background: transparent no-repeat 0 0;
}

.x-window-dlg .x-window-body {
  border: 0 none !important;
  padding: 5px 10px;
  padding: 0.8rem 1.6rem;
  overflow: hidden !important;
}

.x-window-dlg .x-window-mc {
  border: 0 none !important;
}

.x-window-dlg .ext-mb-input {
  margin-top: 4px;
  width: 95%;
}

.x-window-dlg .ext-mb-textarea {
  margin-top: 4px;
}

.x-window-dlg .x-progress-wrap {
  margin-top: 4px;
}

.x-window-dlg .x-msg-box-wait {
  display: block;
  width: 300px;
  padding-left: 18px;
  line-height: 18px;
}

.x-window-dlg .ext-mb-icon {
  float: left;
  width: 47px;
  height: 32px;
}

.x-window-dlg .x-dlg-icon .ext-mb-content {
  margin-left: 47px;
}

#startMenu.x-menu {
  width: 100%;
  bottom: 0;
  border-radius: 0;
  top: 0 !important;
  opacity: 1;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.6, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.68);
}
#startMenu.x-menu.x-hide-offsets {
  opacity: 0;
}
#startMenu.x-menu.x-hide-offsets ul {
  transform: scale(0.9);
}
#startMenu.x-menu:before {
  content: " ";
  position: absolute;
  background-image: url(./img/logo-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 4rem;
  width: 24rem;
  margin: 1.2rem 1.6rem;
  display: block;
}
#startMenu.x-menu ul {
  max-width: 95%;
  padding-top: 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(10rem, 17%), 1fr));
  justify-content: space-between;
  align-content: start;
  transform: scale(1);
  grid-gap: 4vw 4vh;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0 5%;
  height: calc(100vh - 56px) !important;
  overflow-y: auto;
}
#startMenu.x-menu li {
  padding: 0;
  height: 130px;
  border-radius: 4px;
}
#startMenu.x-menu a.x-menu-item {
  padding: 0;
  text-align: center;
  margin: 0 !important;
  cursor: pointer;
}
#startMenu.x-menu .x-menu-item-icon {
  max-width: 9.6rem;
  height: 9.6rem;
  margin-right: 0;
  width: 100% !important;
  background-position: center !important;
}
#startMenu.x-menu li.x-menu-textfield-item {
  grid-column: 1/-1;
  height: 50px;
  margin: 0 auto;
  width: 400px;
  position: relative;
}
#startMenu.x-menu li.x-menu-textfield-item > div {
  background-color: transparent !important;
}
#startMenu.x-menu li.x-menu-textfield-item > div > div {
  overflow: hidden;
}
#startMenu.x-menu .x-menu-item-text {
  display: block;
  padding: 0.8rem 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.9em;
  color: white;
  text-shadow: 0 1px 0 var(--fg-unfocused);
}
#startMenu.x-menu #x-menu-el-go-start-menu-admin-menu {
  display: none;
}

.go-model-icon-GO_Addressbook_Model_Contact {
  background-image: url("images/16x16/contact.png") !important;
  width: 16px;
  height: 16px;
}
.go-model-icon-GO_Addressbook_Model_Company {
  background-image: url("images/16x16/company.png") !important;
  width: 16px;
  height: 16px;
}
.go-model-icon-GO_Addressbook_Model_Addresslist {
  background-image: url("images/16x16/templates.png") !important;
  width: 16px;
  height: 16px;
}

.ti-seen td.x-grid3-td-first_column .x-grid3-cell-inner, .ti-unseen td.x-grid3-td-first_column .x-grid3-cell-inner, .ti-late td.x-grid3-td-first_column .x-grid3-cell-inner {
  padding: 0;
}

.ml-unseen-from {
  font-weight: bold;
}

.ml-unseen-subject {
  font-weight: normal;
}

i.icon.em-priority_high, .go-grid i.em-priority_high.go-grid-hd-btn {
  color: #bb0000;
}

i.icon.em-low_priority, .go-grid i.em-low_priority.go-grid-hd-btn {
  color: #00ccff;
}

.em-folder-status {
  float: right;
}

.ml-unseen-dot {
  background-color: var(--c-primary);
  width: 9px;
  height: 9px;
  margin: 0.2rem;
  border-radius: 50%;
  float: right;
}

.x-grid3-col-icon {
  text-overflow: initial;
  white-space: normal;
}
.x-grid3-col-icon i {
  font-size: 1.6rem;
  float: right;
  width: 1.6rem;
  height: 1.6rem;
  color: var(--fg-secondary-text);
}

.x-grid3-col-icon i.em-flag {
  color: #E53935;
}

.message-body {
  background-color: white;
  position: relative;
  color: black;
  color-scheme: light;
  padding: 1.6rem;
}
.message-body > * {
  color: inherit;
}
.message-body * {
  max-width: 100vw !important;
}
@media screen and (max-width: 1000px) {
  .message-body table {
    width: auto !important;
  }
}
.message-body p.MsoListParagraph, .message-body li.MsoListParagraph, .message-body div.MsoListParagraph {
  margin-top: 0cm;
  margin-right: 0cm;
  margin-bottom: 0cm;
  margin-left: 36pt;
  margin-bottom: 0.0001pt;
  font-size: 11pt;
}
.message-body * {
  color-scheme: light;
}
.message-body img {
  max-width: 100% !important;
}
#email-message-panel .x-panel-body {
  background-color: var(--bg-box);
}

.message-header-table {
  float: left;
  margin-right: 7.2rem;
  margin-bottom: 0.8rem;
}

.message-header {
  position: relative;
  border-bottom: 1px solid var(--fg-line);
  padding: 0.8rem 1.6rem;
}
.message-header .avatar, .message-header .go-messages > div span.photo, .go-messages > div .message-header span.photo {
  width: 6.4rem;
  height: 6.4rem;
  line-height: 6.4rem;
  font-size: 2.4rem;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.message-header .x-form-checkbox {
  margin-left: 0;
}

.mo-description {
  padding-left: 4rem;
}

.cal-has-links {
  font-size: 1.6rem;
  float: right;
}
.cal-has-links:before {
  content: "link";
}

.go-attachments span {
  cursor: pointer;
}
.go-attachments span.x-view-selected {
  background-color: var(--bg-selected);
}
.go-attachments span.x-view-over {
  background-color: var(--bg-hover);
}
.go-attachments span i {
  cursor: pointer;
  display: none;
}
.go-attachments span.x-view-selected i, .go-attachments span.x-view-over i {
  display: inline-block;
}

.chooseIcon {
  margin-top: 10px;
  margin-left: 50%;
  position: relative;
  display: inline-block;
  padding: 0;
  background: url(./img/default-avatar.svg) no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  font-size: 2.8rem;
  text-align: center;
}
.chooseIcon .icon, .chooseIcon .go-grid .go-grid-hd-btn, .go-grid .chooseIcon .go-grid-hd-btn {
  color: red;
  line-height: 4rem;
  font-size: inherit;
  height: 100%;
  width: 100%;
}
.go-detail-view .chooseIcon {
  margin-top: 0.4rem;
  margin-right: 1.6rem;
}
.chooseIcon .x-btn, .chooseIcon .go-button, .chooseIcon .go-page button, .go-page .chooseIcon button, .chooseIcon .go-page a.button, .go-page .chooseIcon a.button, .chooseIcon .x-date-mp-btns button, .x-date-mp-btns .chooseIcon button {
  border: 0;
}
.chooseIcon.group {
  background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.24));
}
.chooseIcon.group::before {
  content: "group";
}

.finance-document-item-group-title {
  display: none;
}

.go-links-detail .count, .badge, .go-tab-notification, .x-grid3-cell-inner > em, .x-grid3-hd-inner > em, .x-tree-node .ml-folder-unseen a .em-folder-status {
  vertical-align: text-bottom;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  min-width: 2.1rem;
  height: 2.1rem;
  padding: 0 0.4rem;
  line-height: 2.1rem;
  letter-spacing: 0;
  text-align: center;
  border-radius: 1.05rem;
  background-color: #727272;
}
.ext-el-mask {
  background-color: var(--fg-text);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.x-window-dlg .x-msg-box-wait {
  text-indent: -9999px;
  padding: 0;
  margin: 50px;
  height: 3.2rem;
  width: 3.2rem;
  animation: rotate 0.8s infinite cubic-bezier(0, 0, 0.2, 1);
  border: 0.8rem solid var(--c-primary);
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes indeterminate1 {
  0% {
    left: 10%;
    width: 0;
  }
  50% {
    left: 25%;
    width: 70%;
  }
  75% {
    left: 90%;
    width: 0;
  }
}
.x-mask-loading:after, .ext-el-mask-msg:after {
  content: "";
  border: 0;
  padding: 0;
  height: 0.5rem;
  background-color: var(--c-accent);
  animation-name: indeterminate1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: block;
  position: absolute;
  top: 0.5rem;
  bottom: 0;
  width: 0;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-indent: -9999px;
}
.x-mask-loading div, .ext-el-mask-msg div {
  position: relative;
  margin: 0 auto;
  top: 0.5rem;
  background-color: var(--bg-background);
  padding: 2rem 4rem;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 1.2rem;
  border: 1px solid var(--fg-line);
}

.x-splitbar-proxy {
  background-color: var(--fg-line);
}

.x-color-palette {
  padding: 0.8rem 1.6rem;
  width: 24.8rem;
}
.x-color-palette a {
  display: block;
  padding: 0.4rem;
  border: 0;
  float: left;
  text-decoration: none;
  -moz-outline: 0 none;
  outline: 0 none;
}
.x-color-palette a:hover em, .x-color-palette a.x-color-palette-sel em {
  transform: scale(1.1);
}
.x-color-palette em {
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.x-color-palette em > span {
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 1.6rem;
}

.x-ie-shadow {
  background-color: var(--fg-text);
}

.x-spotlight {
  background-color: #ccc;
}

.x-tab-panel-noborder, .x-tab-panel-header-noborder {
  border-width: 0 0 0 0;
}
.x-window-body form > .x-tab-panel > .x-tab-panel-header, .x-window-body > .x-tab-panel > .x-tab-panel-header {
  background-color: var(--bg-app-bar);
}
.x-tab-panel-footer {
  border: 0;
}
.x-tab-panel-header, .x-tab-panel-footer {
  padding-bottom: 0;
  overflow: hidden;
}
.x-portlet .x-tab-panel-header, .x-portlet .x-tab-panel-footer {
  background-color: transparent;
}

.x-tab-strip > li {
  border-bottom: 0.4rem solid transparent;
  min-width: 7.2rem;
  max-width: 26.4rem;
  height: 4.8rem;
  text-align: center;
  line-height: 4.8rem;
  padding: 0 1.2rem;
}
.x-tab-strip-top {
  height: 4.8rem;
  color: var(--c-primary);
}
.x-tab-strip-bottom {
  height: 4.8rem;
  color: var(--c-primary);
}
.x-tab-strip-bottom > li {
  border-top: 0.4rem solid transparent;
  border-bottom: 0;
}
.x-tab-strip-wrap {
  padding: 0 0.4rem;
  border-bottom: 1px solid var(--fg-line);
}
.x-tab-strip > li.x-tab-strip-active {
  border-color: var(--c-tertiary);
}
.x-tab-strip > li.x-tab-strip-active span.x-tab-strip-text {
  color: var(--fg-text);
  font-weight: bold;
}
.x-tab-strip-text {
  font-weight: normal;
}
.x-tab-strip-disabled .x-tabs-text {
  color: var(--fg-disabled);
}
.x-tab-strip span.x-tab-strip-text {
  padding: 0;
  font-weight: normal;
}
.x-tab-strip span.x-tab-strip-text.primary {
  color: rgba(255, 255, 255, 0.7);
}
.x-tab-strip-over span.x-tab-strip-text {
  color: var(--c-primary);
}
.x-tab-strip-over span.x-tab-strip-text.primary {
  color: white;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:before {
  content: "close";
  font-size: 1.1em !important;
  color: var(--fg-icon);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover:before {
  color: var(--c-primary);
}

.x-tab-panel-body {
  border: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--bg-background);
}
.x-tab-panel-body-top {
  border-top: 0 none;
}
.x-tab-panel-body-bottom {
  border-bottom: 0 none;
}
.x-tab-panel-body > div {
  padding: 0;
  background-color: inherit;
}

.x-tab-scroller-left, .x-tab-scroller-right {
  border: 0;
}
.x-tab-scroller-left-over, .x-tab-scroller-right-over {
  color: var(--fg-text);
}
.x-tab-scroller-left-disabled, .x-tab-scroller-right-disabled {
  background-position: -18px 0;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.x-tab-scroller-left:after, .x-tab-scroller-right:after {
  content: "keyboard_arrow_left";
  padding-top: 1.2rem;
}

.x-tab-scroller-right:after {
  content: "keyboard_arrow_right";
}

.x-menu-check-item .x-menu-item-icon, .x-grid3 .x-grid3-check-col, .x-grid3 .x-grid3-check-col-on, .x-grid3-row-checker, .x-grid3-hd-checker .x-grid3-hd-checker, .x-fieldset legend input, .x-form-radio.x-form-field, .x-form-checkbox.x-form-field, input.x-tree-node-cb, .x-tree-node-cb input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  min-width: 2.2rem;
  min-height: 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
  background-color: var(--bg-box);
  border: 1px solid var(--fg-textbox-line);
  border-radius: 0.4rem;
}
.x-menu-check-item .x-menu-item-icon:before, .x-grid3 .x-grid3-check-col:before, .x-grid3 .x-grid3-check-col-on:before, .x-grid3-row-checker:before, .x-grid3-hd-checker .x-grid3-hd-checker:before, .x-fieldset legend input:before, .x-form-radio.x-form-field:before, .x-form-checkbox.x-form-field:before, input.x-tree-node-cb:before, .x-tree-node-cb input:before {
  content: "";
  transform: scale(0);
  display: inline-block;
  vertical-align: baseline;
  margin: -1px;
  width: 2.2rem;
  height: 2.2rem;
  transition: 90ms transform ease-in-out;
  background-color: var(--fg-tick);
}
.x-menu-check-item .x-menu-item-icon:disabled, .x-grid3 .x-grid3-check-col:disabled, .x-grid3 .x-grid3-check-col-on:disabled, .x-grid3-row-checker:disabled, .x-grid3-hd-checker .x-grid3-hd-checker:disabled, .x-fieldset legend input:disabled, .x-form-radio.x-form-field:disabled, .x-form-checkbox.x-form-field:disabled, input.x-tree-node-cb:disabled, .x-tree-node-cb input:disabled {
  background-color: var(--bg-background);
  border-color: var(--fg-disabled);
}
.x-menu-check-item .x-menu-item-icon:disabled:before, .x-grid3 .x-grid3-check-col:disabled:before, .x-grid3 .x-grid3-check-col-on:disabled:before, .x-grid3-row-checker:disabled:before, .x-grid3-hd-checker .x-grid3-hd-checker:disabled:before, .x-fieldset legend input:disabled:before, .x-form-radio.x-form-field:disabled:before, .x-form-checkbox.x-form-field:disabled:before, input.x-tree-node-cb:disabled:before, .x-tree-node-cb input:disabled:before {
  background-color: var(--fg-disabled);
}
.x-menu-check-item .x-menu-item-icon:checked:before, .x-grid3 .x-grid3-check-col:checked:before, .x-grid3 .x-grid3-check-col-on:checked:before, .x-grid3-row-checker:checked:before, .x-grid3-hd-checker .x-grid3-hd-checker:checked:before, .x-fieldset legend input:checked:before, .x-form-radio.x-form-field:checked:before, .x-form-checkbox.x-form-field:checked:before, input.x-tree-node-cb:checked:before, .x-tree-node-cb input:checked:before {
  transform: scale(1);
}
.x-menu-check-item .x-menu-item-icon:focus, .x-grid3 .x-grid3-check-col:focus, .x-grid3 .x-grid3-check-col-on:focus, .x-grid3-row-checker:focus, .x-grid3-hd-checker .x-grid3-hd-checker:focus, .x-fieldset legend input:focus, .x-form-radio.x-form-field:focus, .x-form-checkbox.x-form-field:focus, input.x-tree-node-cb:focus, .x-tree-node-cb input:focus {
  border-color: var(--c-primary);
  box-shadow: 0 0 0 1px var(--c-primary);
}
.x-menu-check-item [style].x-menu-item-icon:checked:before, .x-grid3 [style].x-grid3-check-col:checked:before, .x-grid3 [style].x-grid3-check-col-on:checked:before, [style].x-grid3-row-checker:checked:before, .x-grid3-hd-checker [style].x-grid3-hd-checker:checked:before, .x-fieldset legend input[style]:checked:before, [style].x-form-radio.x-form-field:checked:before, [style].x-form-checkbox.x-form-field:checked:before, input[style].x-tree-node-cb:checked:before, .x-tree-node-cb input[style]:checked:before {
  color: inherit;
  text-shadow: 0 0 1px black;
}
.x-menu-check-item [type=checkbox].x-menu-item-icon:before, .x-grid3 [type=checkbox].x-grid3-check-col:before, .x-grid3 [type=checkbox].x-grid3-check-col-on:before, .x-fieldset legend input[type=checkbox]:before, [type=checkbox].x-form-radio.x-form-field:before, [type=checkbox].x-form-checkbox.x-form-field:before, input[type=checkbox].x-tree-node-cb:before, .x-tree-node-cb input[type=checkbox]:before, .x-grid3-check-col-td .x-menu-check-item .x-menu-item-icon:before, .x-menu-check-item .x-grid3-check-col-td .x-menu-item-icon:before, .x-grid3-check-col-td .x-grid3 .x-grid3-check-col:before, .x-grid3 .x-grid3-check-col-td .x-grid3-check-col:before, .x-grid3-check-col-td .x-grid3 .x-grid3-check-col-on:before, .x-grid3 .x-grid3-check-col-td .x-grid3-check-col-on:before, .x-grid3-check-col-td .x-fieldset legend input:before, .x-fieldset legend .x-grid3-check-col-td input:before, .x-grid3-check-col-td .x-form-radio.x-form-field:before, .x-grid3-check-col-td .x-form-checkbox.x-form-field:before, .x-grid3-check-col-td input.x-tree-node-cb:before, .x-grid3-check-col-td .x-tree-node-cb input:before, .x-tree-node-cb .x-grid3-check-col-td input:before, .x-menu-check-item:not(.x-menu-group-item) .x-menu-item-icon:before, .x-grid3-row-checker:before, .x-fieldset legend input.x-grid3-row-checker:before, .x-grid3-row-checker.x-form-radio.x-form-field:before, .x-grid3-row-checker.x-form-checkbox.x-form-field:before, .x-grid3-hd-checker .x-grid3-hd-checker:before {
  clip-path: polygon(39.375% 74.375%, 16% 51%, 20.48% 46.52%, 39.33% 65.37%, 79.33% 25.37%, 83.81% 29.85%);
}
.x-menu-check-item [type=radio].x-menu-item-icon, .x-grid3 [type=radio].x-grid3-check-col, .x-grid3 [type=radio].x-grid3-check-col-on, [type=radio].x-grid3-row-checker, .x-grid3-hd-checker [type=radio].x-grid3-hd-checker, .x-fieldset legend input[type=radio], [type=radio].x-form-radio.x-form-field, [type=radio].x-form-checkbox.x-form-field, input[type=radio].x-tree-node-cb, .x-tree-node-cb input[type=radio], .x-grid3-col-complete .x-menu-check-item .x-menu-item-icon, .x-menu-check-item .x-grid3-col-complete .x-menu-item-icon, .x-grid3-col-complete .x-grid3 .x-grid3-check-col, .x-grid3 .x-grid3-col-complete .x-grid3-check-col, .x-grid3-col-complete .x-grid3 .x-grid3-check-col-on, .x-grid3 .x-grid3-col-complete .x-grid3-check-col-on, .x-grid3-col-complete .x-grid3-row-checker, .x-grid3-col-complete .x-grid3-hd-checker .x-grid3-hd-checker, .x-grid3-hd-checker .x-grid3-col-complete .x-grid3-hd-checker, .x-grid3-col-complete .x-fieldset legend input, .x-fieldset legend .x-grid3-col-complete input, .x-grid3-col-complete .x-form-radio.x-form-field, .x-grid3-col-complete .x-form-checkbox.x-form-field, .x-grid3-col-complete input.x-tree-node-cb, .x-grid3-col-complete .x-tree-node-cb input, .x-tree-node-cb .x-grid3-col-complete input {
  border-radius: 50%;
}
.x-menu-check-item [type=radio].x-menu-item-icon:checked:before, .x-grid3 [type=radio].x-grid3-check-col:checked:before, .x-grid3 [type=radio].x-grid3-check-col-on:checked:before, [type=radio].x-grid3-row-checker:checked:before, .x-grid3-hd-checker [type=radio].x-grid3-hd-checker:checked:before, .x-fieldset legend input[type=radio]:checked:before, [type=radio].x-form-radio.x-form-field:checked:before, [type=radio].x-form-checkbox.x-form-field:checked:before, input[type=radio].x-tree-node-cb:checked:before, .x-tree-node-cb input[type=radio]:checked:before, .x-grid3-col-complete .x-menu-check-item .x-menu-item-icon:checked:before, .x-menu-check-item .x-grid3-col-complete .x-menu-item-icon:checked:before, .x-grid3-col-complete .x-grid3 .x-grid3-check-col:checked:before, .x-grid3 .x-grid3-col-complete .x-grid3-check-col:checked:before, .x-grid3-col-complete .x-grid3 .x-grid3-check-col-on:checked:before, .x-grid3 .x-grid3-col-complete .x-grid3-check-col-on:checked:before, .x-grid3-col-complete .x-grid3-row-checker:checked:before, .x-grid3-col-complete .x-grid3-hd-checker .x-grid3-hd-checker:checked:before, .x-grid3-hd-checker .x-grid3-col-complete .x-grid3-hd-checker:checked:before, .x-grid3-col-complete .x-fieldset legend input:checked:before, .x-fieldset legend .x-grid3-col-complete input:checked:before, .x-grid3-col-complete .x-form-radio.x-form-field:checked:before, .x-grid3-col-complete .x-form-checkbox.x-form-field:checked:before, .x-grid3-col-complete input.x-tree-node-cb:checked:before, .x-grid3-col-complete .x-tree-node-cb input:checked:before, .x-tree-node-cb .x-grid3-col-complete input:checked:before {
  content: "";
  border-radius: 50%;
  transform: scale(0.4);
}

span.x-tree-node-cb input:not(.x-tree-node-cb) {
  margin-top: 0.4rem;
  margin-left: 0.4rem;
}

.x-form-grow-sizer {
  font-family: Lato, sans-serif;
  padding: 1.1rem 1.6rem;
  min-height: 4.4rem;
  line-height: 2rem;
}

.ext-mb-input {
  color: var(--fg-text);
  min-height: 3.2rem;
  line-height: 1.8rem;
  transition: border-color 100ms linear, box-shadow 225ms linear;
  border-radius: 0.4rem;
  background-color: var(--bg-box);
  border: 1px solid var(--fg-track);
  display: inline-block;
  padding: 0.6rem 0.8rem;
}

@keyframes onautofillstart {}
@keyframes onautofillcancel {}
.x-fieldset .x-panel {
  border-radius: 1rem;
  overflow: hidden;
}

.x-form {
  background-color: var(--bg-form);
}
.x-form .x-panel, .x-form .x-fieldset {
  overflow: hidden;
}
.x-form > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body > div {
  background-color: var(--bg-form);
}
.x-form-element {
  margin: 0.4rem 0;
}
.x-form-element .x-box-layout-ct {
  overflow: visible;
}
.x-form-element .x-box-inner {
  overflow: visible;
}
.x-form-composite div.x-box-item.text, .x-form-composite label {
  padding: 0.4rem 0;
  line-height: 2.2rem;
}
.x-form-display-field, .x-form-plainfield {
  line-height: 2rem;
  padding: 1rem 1.6rem;
  border-radius: 1rem;
  border: 1px solid var(--fg-line);
}
.x-form-field {
  color: var(--fg-text);
  min-height: 4.4rem;
  line-height: 2rem;
  transition: border-color 100ms linear, box-shadow 225ms linear;
  border-radius: 1rem;
}
.x-form-field.x-item-disabled {
  background-color: var(--bg-background);
}
.x-form-field + .x-form-twin-triggers, .x-form-field + .x-form-trigger {
  border-radius: 0;
  border-left: 1px solid var(--fg-track);
}
.x-form-field[readonly] {
  background-color: var(--bg-readonly);
}
.x-form-field.x-triggerfield-selectonly {
  background-color: var(--bg-box);
}
.x-form-duration, .x-form-text, .x-form textarea.x-form-field, .x-form-time {
  background-color: var(--bg-box);
  border: 1px solid var(--fg-track);
  display: inline-block;
  padding: 1.1rem 1.6rem;
}
.x-form-duration:-webkit-autofill, .x-form-text:-webkit-autofill, .x-form textarea.x-form-field:-webkit-autofill, .x-form-time:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px var(--bg-box) inset;
  animation-name: onautofillstart;
}
.x-form-duration:not(:-webkit-autofill), .x-form-text:not(:-webkit-autofill), .x-form textarea.x-form-field:not(:-webkit-autofill), .x-form-time:not(:-webkit-autofill) {
  animation-name: onautofillcancel;
}
.x-form-duration > input {
  border: 0;
  background: transparent;
  padding: 0;
}
.x-form-time {
  max-height: 3.2rem;
}
.x-form textarea.x-form-field {
  /*height: min-content;*/
  min-height: 4.4rem;
}
.x-form-select-one {
  background-color: var(--bg-box);
  border-color: var(--fg-line);
}
.x-form-check-group-label {
  color: var(--fg-text);
}
.x-form-cb-label {
  line-height: 2.4rem;
  margin-left: 1.2rem;
}
.x-form-check-wrap {
  padding: 0.9rem 0;
}
.x-form-radio.x-form-field {
  margin-right: 1.2rem;
}
.x-form-radio-group {
  padding: 0.4rem 1.6rem;
  overflow: visible;
  border: 1px solid var(--fg-track);
  background-color: var(--bg-box);
  overflow: visible;
}
.x-form-item {
  position: relative;
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
  /*@extend %font-caption;*/
}
.x-form-item .x-form-element {
  margin: 0;
}
.x-form-item label.x-form-item-label {
  display: flex;
  align-items: center;
  float: none;
  position: absolute !important;
  pointer-events: none;
  left: 1.2rem;
  font-size: 1.3rem;
  top: 0.8rem;
  will-change: top, font-size;
  transition: all linear 100ms;
  padding: 0 0.4rem;
  overflow: visible;
  background-color: var(--bg-box);
  height: 2px;
  z-index: 2;
}
.x-form-item label.x-form-item-label:empty {
  display: none;
}
.x-form-item label.x-form-item-label.x-form-empty-label:not(.x-form-item label.x-form-item-label.x-form-focus-label) {
  top: 2.8rem;
  font-size: 1.6rem;
  height: 0;
}
.x-form-item label.x-form-focus-label {
  color: var(--c-primary);
}
.x-form-item label.x-form-invalid-label {
  color: #E53935;
}
.x-form-invalid-icon:before {
  padding: 0.8rem 0;
  content: "report_problem";
  color: #E53935;
}
.x-form-focus, .x-form textarea.x-form-focus {
  border-color: var(--c-primary);
}
.x-form-invalid, .x-form textarea.x-form-invalid {
  border-color: rgba(229, 57, 53, 0.54);
}
.x-form-invalid > input[type=checkbox], .x-form textarea.x-form-invalid > input[type=checkbox] {
  border: 1px solid #E53935;
  box-shadow: 0 0 0 1px #E53935;
}
.x-form-invalid > input[type=checkbox] + label, .x-form textarea.x-form-invalid > input[type=checkbox] + label {
  color: #E53935;
}
.x-form-helptext {
  white-space: pre-wrap;
  line-height: 1.6em;
  padding: 0.8rem 1.6rem;
}

.x-form-item + .x-form-helptext {
  margin-top: -1.6rem;
  margin-bottom: 1.6rem;
}

.x-form-field-trigger-wrap > input {
  padding-right: 4.8rem;
  width: 100%;
}
.x-form-field-trigger-wrap > textarea {
  width: 100%;
}

.x-form-field-wrap {
  line-height: 0;
}
.x-form-field-wrap > span, .x-form-field-wrap > button.x-form-trigger {
  display: inline-block;
  position: absolute;
  right: 0;
}
.x-form-field-wrap .x-form-twin-triggers {
  padding: 0 0.4rem;
  height: 100%;
}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
  width: 3.2rem;
}
.x-form-field-wrap .x-form-trigger {
  height: 4.4rem;
  width: 4.4rem;
  vertical-align: middle;
  padding: 0;
  color: var(--fg-icon);
}
.x-form-field-wrap .x-form-trigger::before {
  max-height: 4.4rem;
  max-width: 4.4rem;
  content: "arrow_drop_down";
}
.x-form-field-wrap .x-form-trigger.x-form-trigger-over {
  color: var(--fg-base);
  background-color: var(--bg-hover);
}
.x-form-field-wrap .x-form-trigger.x-form-clear-trigger::before {
  content: "clear";
  font-size: 1.8rem;
}
.x-form-field-wrap .x-form-trigger.x-form-search-trigger::before {
  content: "search";
}
.x-form-field-wrap .x-form-trigger.x-form-date-trigger::before {
  content: "event";
}
.x-form-field-wrap .x-form-trigger.x-form-edit-trigger::before {
  content: "edit";
}
.x-form-field-wrap .x-trigger-noedit + .x-form-twin-triggers, .x-form-field-wrap .x-trigger-noedit + .x-form-trigger {
  border-left: 1px solid transparent;
}
.x-form-field-wrap.x-item-disabled .x-form-field {
  background-color: var(--bg-background);
}

.x-trigger-wrap-focus .x-form-trigger {
  color: var(--c-primary);
}

.x-form-invalid + .x-form-trigger {
  border-color: #E53935;
}

.x-item-disabled .x-form-trigger-over {
  border-bottom-color: #b5b8c8;
}

.x-item-disabled .x-form-trigger-click {
  border-bottom-color: #b5b8c8;
}

.x-form-invalid.x-form-composite {
  border: none;
  background-image: none;
}

.x-form-inner-invalid, textarea.x-form-inner-invalid {
  background-color: #fff;
}

.x-form-item-label,
.x-form-label-left label.x-form-item-label {
  line-height: 1.6rem;
  padding: 0.8rem 0.8rem 0.4rem 0;
}

.x-form-invalid-msg {
  color: #E53935;
  padding: 0.8rem 1.6rem;
}

.x-form-empty-field {
  color: gray;
}

.x-fieldset {
  border: 1px solid var(--fg-line);
  margin: 1.6rem;
  padding: 0.8rem 1.6rem;
}
.x-fieldset-noborder {
  margin: 0;
  border: 0;
}
.x-fieldset ~ .x-fieldset {
  border-top: 1px solid var(--fg-divider);
}
.x-fieldset legend {
  /*@extend %font-caption;*/
  /*color: color($primary, 900); //color($fg, 'text');*/
  padding: 0.8rem 0;
  position: initial;
  top: 3.2rem;
  width: 100%;
}
.x-fieldset legend + * {
  clear: both;
}
.x-fieldset legend .x-tool {
  float: right;
  margin: -0.35rem;
}
.x-fieldset legend .x-fieldset-header-text {
  position: relative;
}
.x-fieldset legend input {
  margin-right: 0.8rem;
}

.x-btn, .go-button, .go-page button, .go-page a.button, .x-date-mp-btns button {
  letter-spacing: 0;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 1.2rem;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--fg-line);
  color: inherit;
  transition: background-color 225ms linear, box-shadow 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.x-btn.small, .small.go-button, .go-page button.small, .go-page a.small.button, .x-date-mp-btns button.small {
  transform: scale(0.8);
  transform-origin: center center;
}
.x-btn button, .go-button button, .go-page button button, .go-page a.button button, .x-date-mp-btns button button {
  min-height: 3.6rem;
  line-height: 2.4rem;
}
.x-btn-text {
  padding: 0.6rem;
}
.x-form-composite .x-btn, .x-form-composite .go-button, .x-form-composite .go-page button, .go-page .x-form-composite button, .x-form-composite .go-page a.button, .go-page .x-form-composite a.button, .x-form-composite .x-date-mp-btns button, .x-date-mp-btns .x-form-composite button {
  height: 3.2rem;
  width: 3.2rem;
  line-height: 1.2rem;
}
.x-form-composite .x-btn button, .x-form-composite .go-button button, .x-form-composite .go-page button button, .go-page .x-form-composite button button, .x-form-composite .go-page a.button button, .go-page .x-form-composite a.button button, .x-form-composite .x-date-mp-btns button button, .x-date-mp-btns .x-form-composite button button {
  min-height: 3.2rem;
  min-width: 3.2rem;
}
.x-form-composite .x-btn button::before, .x-form-composite .go-button button::before, .x-form-composite .go-page button button::before, .go-page .x-form-composite button button::before, .x-form-composite .go-page a.button button::before, .go-page .x-form-composite a.button button::before, .x-form-composite .x-date-mp-btns button button::before, .x-date-mp-btns .x-form-composite button button::before {
  top: 0.4rem;
  left: 0.4rem;
}
.x-btn.raised, .raised.go-button, .go-page button.raised, .go-page a.raised.button, .x-date-mp-btns button.raised {
  background-color: var(--c-primary);
}
.x-btn.raised button.x-btn-text, .raised.go-button button.x-btn-text, .go-page button.raised button.x-btn-text, .go-page a.raised.button button.x-btn-text, .x-date-mp-btns button.raised button.x-btn-text {
  color: white;
}
.x-btn.raised.accent, .raised.accent.go-button, .go-page button.raised.accent, .go-page a.raised.accent.button, .x-date-mp-btns button.raised.accent {
  background-color: var(--c-secondary);
}
.x-toolbar .x-btn, .x-toolbar .go-button, .x-toolbar .go-page button, .go-page .x-toolbar button, .x-toolbar .go-page a.button, .go-page .x-toolbar a.button, .x-toolbar .x-date-mp-btns button, .x-date-mp-btns .x-toolbar button {
  border: 0;
}
.x-small-editor .x-btn, .x-small-editor .go-button, .x-small-editor .go-page button, .go-page .x-small-editor button, .x-small-editor .go-page a.button, .go-page .x-small-editor a.button, .x-small-editor .x-date-mp-btns button, .x-date-mp-btns .x-small-editor button {
  border: 0;
}
.x-btn button, .go-button button, .go-page button button, .go-page a.button button, .x-date-mp-btns button button {
  width: 100%;
}
.x-btn button, .go-button button, .go-page button button, .go-page a.button button, .x-date-mp-btns button button, .x-btn em, .go-button em, .go-page button em, .go-page a.button em, .x-date-mp-btns button em {
  color: inherit;
}
.x-btn.primary, .primary.go-button, .go-page button.primary, .go-page a.primary.button, .x-date-mp-btns button.primary {
  background-color: var(--c-secondary);
  color: white;
}
.x-btn.accent, .accent.go-button, .go-page button.accent, .go-page a.accent.button, .x-date-mp-btns button.accent {
  background-color: var(--c-accent);
  color: white;
}
.x-btn.accent:focus, .accent.go-button:focus, .go-page button.accent:focus, .go-page a.accent.button:focus, .x-date-mp-btns button.accent:focus, .x-btn.accent:hover, .accent.go-button:hover, .go-page button.accent:hover, .go-page a.accent.button:hover, .x-date-mp-btns button.accent:hover {
  transition: background-color, color 195ms linear, color 195ms linear, box-shadow 195ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--c-primary);
}
.x-btn.primary-icon, .primary-icon.go-button, .go-page button.primary-icon, .go-page a.primary-icon.button, .x-date-mp-btns button.primary-icon {
  color: var(--c-secondary);
}
.x-btn.accent-icon, .accent-icon.go-button, .go-page button.accent-icon, .go-page a.accent-icon.button, .x-date-mp-btns button.accent-icon {
  color: var(--c-accent);
}
.x-btn.danger, .danger.go-button, .go-page button.danger, .go-page a.danger.button, .x-date-mp-btns button.danger {
  color: #E53935;
}
.x-btn.danger:focus, .danger.go-button:focus, .go-page button.danger:focus, .go-page a.danger.button:focus, .x-date-mp-btns button.danger:focus, .x-btn.danger:hover, .danger.go-button:hover, .go-page button.danger:hover, .go-page a.danger.button:hover, .x-date-mp-btns button.danger:hover {
  background-color: var(--c-primary-tp);
}
.x-btn:focus, .go-button:focus, .go-page button:focus, .go-page a.button:focus, .x-date-mp-btns button:focus, .x-btn-focus, .x-btn:hover, .go-button:hover, .go-page button:hover, .go-page a.button:hover, .x-date-mp-btns button:hover {
  background-color: var(--c-primary-tp);
}
.x-btn-icon-small-top {
  height: 5.6rem;
}
.x-btn-icon-small-top .x-btn-text {
  padding-top: 4rem !important;
}
.x-btn-icon-small-top button {
  position: relative;
}
.x-btn-icon-small-top button::before {
  position: absolute;
  top: 0.8rem;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
}
.x-btn.x-btn-pressed > tbody, .x-btn-pressed.go-button > tbody, .go-page button.x-btn-pressed > tbody, .go-page a.x-btn-pressed.button > tbody, .x-date-mp-btns button.x-btn-pressed > tbody {
  background-color: var(--bg-pressed);
}
.x-btn-click {
  background-color: var(--bg-pressed) !important;
}
.x-btn-click .x-btn-text {
  color: var(--c-primary);
}
.x-btn-click.primary .x-btn-text {
  color: var(--c-secondary);
}
.x-btn-icon {
  border: 0;
}
.x-btn-icon i {
  position: absolute;
  left: 0.8rem;
}
.x-btn-icon i.icon, .x-btn-icon .go-grid i.go-grid-hd-btn, .go-grid .x-btn-icon i.go-grid-hd-btn {
  position: absolute;
  top: -0.1rem;
  left: 0.8rem;
}
.x-btn-icon .x-btn-ml, .x-btn-icon .x-btn-mr {
  min-width: 0;
  width: 0;
}
.x-btn-icon em {
  position: relative;
}
.x-btn-icon em.x-btn-arrow .ic-more::after, .x-btn-icon em.x-btn-arrow .ic-more-vert::after, .x-btn-icon em.x-btn-arrow .ic-more-horiz::after, .x-btn-icon em.x-btn-arrow .x-toolbar-more-icon::after {
  display: none;
}
.x-btn-icon button {
  min-width: 4rem;
  min-height: 4rem;
  position: relative;
}
.x-btn-text-icon button::before {
  padding-right: 0.8rem;
  margin-top: -0.2rem;
}
.x-btn-text-icon i.icon, .x-btn-text-icon .go-grid i.go-grid-hd-btn, .go-grid .x-btn-text-icon i.go-grid-hd-btn {
  margin-right: 0.8rem;
  color: inherit;
}
.x-btn-menu-active {
  background-color: var(--bg-hover);
}
.x-btn-mc em.x-btn-arrow > button:after {
  content: "arrow_drop_down";
}

.x-panel-btns .x-toolbar-left-row td.x-toolbar-cell {
  padding: 0 0.8rem 0 0;
}
.x-panel-btns td.x-toolbar-cell {
  padding: 0 0 0 0.8rem;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-bl, .x-btn-br, .x-btn-bc {
  height: 0;
}
.x-btn-tl i, .x-btn-tr i, .x-btn-tc i, .x-btn-ml i, .x-btn-mr i, .x-btn-bl i, .x-btn-br i, .x-btn-bc i {
  height: 0;
}

.x-btn-ml, .x-btn-mr {
  min-width: 0.8rem;
  width: 0.8rem;
}

.x-btn-disabled * {
  color: var(--fg-disabled-button) !important;
}

.x-btn-group {
  padding: 0;
  background-color: var(--bg-card);
  margin-right: 0.8rem;
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid var(--fg-line);
}
.x-btn-group-header {
  color: inherit;
}
.x-btn-group-tl, .x-btn-group-tc, .x-btn-group-tr {
  height: 0;
}
.x-btn-group-bl, .x-btn-group-bc, .x-btn-group-br {
  height: 0;
}
.x-btn-group-ml, .x-btn-group-mr {
  width: 0.8rem;
  padding: 0;
}
.x-btn-group .x-btn, .x-btn-group .go-button, .x-btn-group .go-page button, .go-page .x-btn-group button, .x-btn-group .go-page a.button, .go-page .x-btn-group a.button, .x-btn-group .x-date-mp-btns button, .x-date-mp-btns .x-btn-group button {
  border-radius: 0;
  margin: 0;
}
.x-btn-group .x-btn-pressed {
  box-shadow: inset 0 -2px 0 var(--c-primary);
  background-color: var(--bg-card);
}
.x-btn-group .x-btn-icon button {
  min-height: 3.6rem;
}
.x-btn-group td.x-table-layout-cell:first-child ~ td {
  border-left: 1px solid var(--fg-line);
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar {
  position: relative;
}
.x-panel-tbar .x-form-text, .x-panel-bbar .x-form-text, .x-window-tbar .x-form-text, .x-window-bbar .x-form-text {
  margin: 0 0.8rem 0 0;
}
.x-panel-tbar .x-box-layout-ct, .x-panel-bbar .x-box-layout-ct, .x-window-tbar .x-box-layout-ct, .x-window-bbar .x-box-layout-ct {
  padding: 0 0.4rem;
}
.x-panel-tbar .x-searchbar, .x-panel-bbar .x-searchbar, .x-window-tbar .x-searchbar, .x-window-bbar .x-searchbar {
  background-color: var(--bg-box);
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: opacity 260ms cubic-bezier(0.4, 0, 0.2, 1);
}
.x-panel-tbar .x-searchbar.x-hide-display, .x-panel-bbar .x-searchbar.x-hide-display, .x-window-tbar .x-searchbar.x-hide-display, .x-window-bbar .x-searchbar.x-hide-display {
  display: block !important;
  pointer-events: none;
  opacity: 0;
}
.x-panel-tbar .x-searchbar .x-form-field-trigger-wrap > input, .x-panel-bbar .x-searchbar .x-form-field-trigger-wrap > input, .x-window-tbar .x-searchbar .x-form-field-trigger-wrap > input, .x-window-bbar .x-searchbar .x-form-field-trigger-wrap > input {
  padding-right: 5.6rem;
}
.x-panel-tbar .x-searchbar input, .x-panel-bbar .x-searchbar input, .x-window-tbar .x-searchbar input, .x-window-bbar .x-searchbar input {
  box-shadow: none;
  min-height: 4.8rem;
  border: 0;
}
.x-panel-tbar .x-searchbar input + .x-form-search-trigger, .x-panel-bbar .x-searchbar input + .x-form-search-trigger, .x-window-tbar .x-searchbar input + .x-form-search-trigger, .x-window-bbar .x-searchbar input + .x-form-search-trigger {
  min-height: 5.6rem;
  padding: 0 0.8rem 0 1.6rem;
  width: auto;
}

.x-panel-bbar .x-searchbar input {
  min-height: 4rem;
}
.x-panel-bbar .x-searchbar input + .x-form-search-trigger {
  min-height: 4rem;
}

.x-toolbar {
  height: 6.4rem;
  padding: 0;
  /*	.go-module-panel > div > .x-panel-tbar & {
  		border-bottom: 1px solid color($fg, 'line');
  	}*/
  /*	.x-panel-bbar & {
  		height: dp(48);
  	}*/
}
.x-toolbar.go-paging-tb, .go-paging-tb .x-toolbar {
  height: 4rem;
}
.x-toolbar-ct {
  height: 100%;
}
.x-panel-tbar .x-toolbar {
  border-bottom: 1px solid var(--fg-border);
}
.x-panel-bbar .x-toolbar {
  height: 5.6rem;
  border-top: 1px solid var(--fg-border);
}
.x-toolbar.primary {
  background-color: var(--c-primary);
}
.x-toolbar.header {
  border-bottom: 0;
}
.x-toolbar-left .x-toolbar-cell > * {
  margin-right: 0.8rem;
}
.x-toolbar-right .x-toolbar-cell > * {
  margin-left: 0.8rem;
}
.x-toolbar-right {
  padding-right: 0.8rem;
}
.x-window .x-toolbar-right {
  padding-right: 1.6rem;
}
.x-toolbar-left {
  padding-left: 1.6rem;
}
.x-toolbar div.xtb-text {
  padding: 0 0.8rem 0 0;
}
.x-toolbar .x-form-field-wrap {
  margin: 0 0.8rem;
}

.x-small-editor x-form-text, .x-small-editor textarea.x-form-field {
  min-height: 2.4rem;
  margin: 0;
}

.x-toolbar .xtb-sep {
  background-color: var(--fg-line);
  margin: 0 0.8rem;
  width: 1px;
  height: 3.2rem;
}

.x-tbar-page-first:before {
  content: "first_page";
}

.x-tbar-loading:before {
  content: "refresh";
}

.x-tbar-page-last:before {
  content: "last_page";
}

.x-tbar-page-next:before {
  content: "chevron_right";
}

.x-tbar-page-prev:before {
  content: "chevron_left";
}

.x-tbar-page-number {
  width: 5.6rem;
}

.x-paging-info {
  color: #444;
}

.x-toolbar-more-icon::before {
  content: "more_vert";
}

.x-resizable-handle {
  background-color: #fff;
}
.x-resizable-proxy {
  border-color: #3b5a82;
}
.x-resizable-overlay {
  background-color: #fff;
}

.x-grid3-no-row-borders .x-grid3-row {
  border-bottom: 0px;
}

.x-grid3 {
  background-color: var(--bg-box);
}
.x-grid3-summary-row {
  border-top: 1px solid var(--fg-line);
}
.x-grid3-scroller {
  -webkit-overflow-scrolling: touch;
}
.x-grid3-hd {
  overflow: hidden;
  position: relative;
}
.x-grid3-hd-btn {
  color: inherit;
  right: -0.2rem;
  line-height: 3.2rem;
}
.x-grid3-hd-btn:after {
  background-color: inherit;
  content: "arrow_drop_down";
}
.x-grid3-hd-row td {
  color: var(--fg-text);
  border-left: 0;
  border-right: 1px solid var(--fg-border);
  height: 3.2rem;
}
.x-grid3-hd-row td.x-grid3-hd-over.x-grid3-sortable {
  cursor: pointer;
  color: var(--c-primary);
}
.x-grid3-hd-text {
  color: var(--fg-text);
}
.x-grid3-hd-inner {
  position: initial;
}
.x-grid3-header {
  height: 3.2rem;
  border-bottom: 1px solid var(--fg-border);
  background-color: var(--bg-background);
}
.x-grid3-cell-first .x-grid3-cell-inner {
  padding-left: 1.6rem;
  padding-right: 0;
}
.x-grid3-cell-inner, .x-grid3-hd-inner {
  padding: 0.6rem 0.8rem 0.6rem 1.2rem;
}
.x-grid3-cell-inner .x-form-radio.x-form-field, .x-grid3-hd-inner .x-form-radio.x-form-field {
  margin-right: 0;
}
.ux-row-action-cell .x-grid3-cell-inner, .ux-row-action-cell .x-grid3-hd-inner {
  padding: 0;
}
.x-grid3-cell-inner > em, .x-grid3-hd-inner > em {
  position: absolute;
  right: 1.4rem;
}
.x-grid3-cell-inner a, .x-grid3-hd-inner a {
  cursor: pointer;
}
.x-grid3-row-checker, .x-grid3-hd-checker .x-grid3-hd-checker {
  top: 2px;
  position: relative;
}
.x-grid3-row-selected .x-grid3-row-checker::before, .x-grid3-row-selected .x-grid3-hd-checker .x-grid3-hd-checker::before {
  transform: scale(1);
}
.x-grid3-row {
  border: 0;
  border-bottom: 1px solid var(--fg-divider);
}
.x-grid3-row:hover {
  background-color: var(--bg-hover);
}
.x-grid3-row-selected {
  background-color: var(--bg-selected);
  background-image: none;
}
.x-grid3-row-selected:hover {
  background-color: var(--bg-selected);
}
.x-grid3-row-alt {
  background-color: var(--bg-hover);
}
.x-grid3-row .ux-row-action {
  opacity: 0;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.x-grid3-row:hover .ux-row-action {
  opacity: 1;
}
.x-grid3-col {
  padding: 0.4rem 0;
  position: relative;
}
.x-grid3-check-col-td > div {
  text-overflow: initial;
}
.x-grid3 .x-grid3-check-col, .x-grid3 .x-grid3-check-col-on {
  height: 2rem;
  vertical-align: middle;
}
.x-grid3 .x-grid3-check-col-on:before {
  transform: scale(1);
}
.x-grid3-row td, .x-grid3-summary-row td {
  vertical-align: middle;
  padding: 0;
}
.x-grid3-row-selected {
  margin-right: -20px;
}
.x-grid3-cell-selected {
  background-color: var(--bg-selected);
  color: #000;
}
.x-grid3-cell-selected span {
  color: #000 !important;
}
.x-grid3-cell-selected .x-grid3-cell-text {
  color: #000;
}
.x-grid3-row-body {
  padding: 0 0 0.8rem 1.6rem;
  color: var(--fg-secondary-text);
}
.x-grid3-hd-inner {
  min-height: 2rem;
  padding: 0 0.8rem 0 1.6rem;
}
.x-grid3-dirty-cell > div {
  border-radius: 1.2rem;
  border-left: 0.4rem solid #f57c00;
  padding-left: 1.2rem;
  background-color: rgba(245, 124, 0, 0.08);
}
.x-grid3-body {
  /*min-height: dp(152);*/
  position: relative;
}
.x-grid3-resize-proxy {
  background-color: #777;
}
.x-grid3-resize-marker {
  background-color: #777;
}

.x-grid3-radio-col:before {
  color: var(--fg-icon);
  content: "radio_button_unchecked";
}

.x-grid3-radio-col-on:before {
  color: var(--fg-icon);
  content: "radio_button_checked";
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
  background-color: #ebeadb !important;
  color: #000;
  border-top-color: #fff;
  border-right-color: #6fa0df !important;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
  color: var(--fg-text) !important;
}

.x-grid3-cell-text, .x-grid3-hd-text {
  color: #000;
}

.x-grid3-split {
  background-image: none;
}

.x-grid-row-loading {
  background-color: #fff;
}

td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  font-weight: 600;
}

.x-grid3-sort-icon {
  background: none;
}
.x-grid3-sort-icon:after {
  color: var(--fg-hint-text);
  left: 1.4rem;
  top: 1rem;
  font-size: 1.3rem;
  margin: 0 0.4rem;
  content: "arrow_downward";
}

.sort-desc .x-grid3-sort-icon:after {
  content: "arrow_upward";
}

.col-move-top, .col-move-bottom {
  width: 1.6rem;
  height: 1.6rem;
  pointer-events: none;
  overflow: visible;
}
.col-move-top:before, .col-move-bottom:before {
  content: "arrow_drop_down";
  left: -0.8rem;
  position: relative;
}

.col-move-bottom:before {
  content: "arrow_drop_up";
  top: -2.4rem;
}

.x-grid-editor .x-form-field {
  min-height: 4rem;
  border: 0;
  padding-left: 1.6rem;
  border-radius: 0;
}
.x-grid-editor textarea.x-form-field {
  padding-top: 1.2rem;
  padding-left: 1.6rem;
}

.xg-hmenu-sort-asc .x-menu-item-icon:before {
  content: "sort";
}
.xg-hmenu-sort-desc .x-menu-item-icon:before {
  content: "sort";
  transform: scaleY(-1);
}
.xg-hmenu-lock .x-menu-item-icon:before {
  content: "lock";
}
.xg-hmenu-unlock .x-menu-item-icon:before {
  content: "lock_open";
}

.x-group-by-icon:before,
.x-show-groups-icon:before {
  content: "power_input";
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
  color: #000 !important;
}
.x-props-grid .x-grid3-body .x-grid3-td-name {
  background-color: #fff !important;
  border-right-color: #eee;
}

.x-grid3-row-expander:before {
  content: "keyboard_arrow_down";
}
.x-grid3-row-collapsed .x-grid3-row-expander:before {
  content: "keyboard_arrow_right";
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  color: #444;
}

.x-grid-group-hd {
  border-bottom: 0;
}
.x-grid-group-hd div.x-grid-group-title {
  /*@include var(color, c-primary);*/
  padding: 0.8rem;
}
.x-grid-group-hd div.x-grid-group-title::before {
  padding: 0 0.4rem;
  content: "keyboard_arrow_down";
}
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title::before {
  content: "keyboard_arrow_right";
}

.x-column {
  min-height: 1px;
}

.x-cols-icon:before {
  content: "view_column";
}

.x-grid-empty {
  margin: 0.8rem auto;
  /*	left:50%;
  	top: 50%;
  	transform: translate(-50%, -50%);*/
  padding: 1.6rem;
  text-align: center;
  color: var(--fg-disabled);
}
.x-grid-empty::before {
  font-size: 12rem !important;
  display: block;
}
.x-form-element .x-grid-empty {
  margin: 0.4rem 0;
  padding: 0;
}

.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  border-right-color: #ededed;
}

.x-grid-with-col-lines .x-grid3-row-selected {
  border-top-color: #a3bae9;
}

.x-dd-drag-ghost {
  color: var(--fg-text);
  opacity: 0.9;
  border: 0;
  padding: 0 0.8rem 0 4rem;
}
.x-dd-drag-ghost a {
  color: inherit;
}

.x-dd-drag-proxy {
  background-color: var(--bg-card);
  line-height: 4rem;
}
.x-dd-drag-proxy .x-grid3-hd-inner {
  border: 0;
}

.x-dd-drop-icon:before {
  padding: 0.2rem 0.8rem;
}
.x-dd-drop-ok-add .x-dd-drop-icon:before {
  content: "add";
  color: var(--c-primary);
}
.x-dd-drop-nodrop .x-dd-drop-icon:before {
  content: "block";
  color: #E53935;
}
.x-dd-drop-ok .x-dd-drop-icon:before, .x-tree-drop-ok-append .x-dd-drop-icon:before {
  content: "done";
  color: #43A047;
}

.x-view-selector {
  background-color: #c3daf9;
  border-color: #3399bb;
}

.x-tree-node-el {
  padding: 0.6rem 0.8rem;
  padding-right: 0;
  display: table;
  width: 100%;
}
.x-tree-node-el .secondary {
  float: right;
}
.x-tree-node-el .secondary button {
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: none;
}
.x-tree-node-el:hover .secondary button, .x-tree-node-el.x-tree-selected .secondary button {
  display: block;
}
.x-tree-node-indent {
  width: 0.01%;
  white-space: nowrap;
}
.x-tree-node-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.x-tree-ec-icon, .x-tree-node-indent, .x-tree-ec-icon, .x-tree-node-icon, .x-tree-node-anchor, .x-tree-node-cb {
  display: table-cell;
  vertical-align: top;
}
.x-tree-node-anchor {
  width: auto;
  overflow: visible;
  position: relative;
}
.x-tree-ec-icon {
  z-index: 1;
}
.x-tree-ec-icon, .x-tree-node-icon {
  position: relative;
  color: var(--fg-icon);
}
.x-tree-lines .x-tree-elbow-plus::before {
  content: "arrow_drop_up" !important;
  transform: rotate(90deg);
}
.x-tree-lines .x-tree-elbow-end-plus::before {
  content: "arrow_drop_up";
  transform: rotate(90deg);
}
.x-tree-lines .x-tree-elbow-minus::before {
  content: "arrow_drop_down";
}
.x-tree-lines .x-tree-elbow-end-minus::before {
  content: "arrow_drop_down";
}
.x-tree-lines .x-tree-elbow,
.x-tree-lines .x-tree-elbow-end,
.x-tree-lines .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-minus,
.x-tree-lines .x-tree-elbow-end-minus,
.x-tree-lines .x-tree-elbow-end-plus,
.x-tree-lines .x-tree-elbow-line {
  min-width: 2.4rem;
}
.x-tree-node .x-tree-node-el:hover {
  background-color: var(--bg-hover);
}
.x-tree-node .x-tree-selected {
  background-color: var(--bg-selected);
}
.x-tree-node-indent span {
  display: inline-block;
  width: 2.4rem;
}
.x-tree-node a, .x-tree-node .x-dd-drag-ghost a {
  color: var(--fg-text);
}
.x-tree-node a span, .x-tree-node .x-dd-drag-ghost a span {
  color: inherit;
}

.x-tree-node a > span, .x-dd-drag-ghost a > span {
  padding: 0 0.6rem 0 1.2rem;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.x-tree-node a > span > *:not(.secondary), .x-dd-drag-ghost a > span > *:not(.secondary) {
  pointer-events: none;
}

.x-tree-node a {
  border: 1px solid transparent;
}

.x-tree-node .x-tree-drag-append a {
  background-color: var(--bg-hover);
  border: 1px dashed white;
}

.x-tree-node .x-tree-node-inline-icon:not(.go-icon) {
  background-image: none;
}

.x-tree-node-loading a {
  font-style: italic;
  color: var(--fg-disabled);
}

.x-tree-node .x-tree-node-disabled a {
  color: var(--fg-secondary-text) !important;
}

.x-tree-node div.x-tree-drag-insert-below {
  border-bottom-color: #36c;
}

.x-tree-node div.x-tree-drag-insert-above {
  border-top-color: #36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
  border-bottom-color: #36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
  border-top-color: #36c;
}

.x-tree-drop-ok-append .x-dd-drop-icon::before {
  content: "done";
}
.x-tree-drop-ok-above .x-dd-drop-icon::before {
  content: "low_priority";
  transform: scaleY(100%);
}
.x-tree-drop-ok-below .x-dd-drop-icon::before {
  content: "low_priority";
}
.x-tree-drop-ok-between .x-dd-drop-icon::before {
  content: "trending_flat";
}

.x-date-picker {
  padding: 0 0.8rem;
  width: 30.4rem;
  border-color: transparent;
}
.x-date-picker > table, .x-date-picker table.x-date-inner {
  width: 100%;
}
.x-date-left a:before {
  width: 2.4rem;
  content: "keyboard_arrow_left";
}
.x-date-right a:before {
  width: 2.4rem;
  content: "keyboard_arrow_right";
}
.x-date-left, .x-date-right {
  width: 4rem;
}
.x-date-left a, .x-date-right a {
  height: 2.4rem;
  width: 4rem;
  padding: 0;
  margin: 0;
  color: inherit;
}
.x-date-bottom {
  border: 0;
}
.x-date-inner th {
  height: 3.2rem;
  border: 0;
  padding: 0;
  text-align: center !important;
}
.x-date-inner th span {
  padding: 0;
}
.x-date-inner a {
  height: 3.2rem;
  padding: 0;
  line-height: 3.2rem;
  width: 3.2rem;
  text-align: center;
  color: var(--fg-text);
  border-radius: 50%;
}
.x-date-inner td {
  height: 3.2rem;
  width: 3.2rem;
  text-align: center;
  border: 0;
}
.x-date-inner .x-date-today a {
  border: 1px solid currentColor;
  padding: 0;
  font-weight: 700;
  color: var(--c-primary);
}
.x-date-inner .x-date-selected a {
  background-color: var(--c-primary);
  color: white;
  border: 0;
  padding: 0;
}
.x-date-inner a:hover, .x-date-inner .x-date-inner .x-date-disabled a:hover {
  color: white;
  background-color: var(--c-accent);
}

.x-date-middle {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  width: auto;
}

.x-date-inner .x-date-active {
  color: #000;
}

.x-date-inner .x-date-selected span {
  font-weight: bold;
}

.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {
  color: #aaa;
}

.x-date-inner .x-date-disabled a {
  background-color: #eee;
  color: #bbb;
}

.x-date-mmenu {
  background-color: #eee !important;
}

.x-date-mmenu .x-menu-item {
  font-size: 10px;
  color: #000;
}

.x-date-mp {
  background-color: var(--bg-background);
}

.x-date-mp td {
  font: normal 11px arial, helvetica, tahoma, sans-serif;
}

.x-date-mp-btns {
  text-align: right;
}

.x-date-mp-btns td {
  border-top-color: var(--fg-divider);
}

td.x-date-mp-month a, td.x-date-mp-year a {
  color: var(--fg-text);
  padding: 0.8rem 0;
}

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  color: white;
  background-color: var(--c-accent);
}

td.x-date-mp-sel a {
  border-radius: 1.2rem;
  background-color: var(--c-primary);
  color: white;
  border: 0;
}

.x-date-mp-ybtn a.x-date-mp-prev:before {
  content: "chevron_left";
}
.x-date-mp-ybtn a.x-date-mp-next:before {
  content: "chevron_right";
}
.x-date-mp-ybtn a:hover {
  color: var(--c-primary);
}

td.x-date-mp-sep {
  border-right-color: var(--fg-divider);
}

.x-tip {
  border-radius: 1.2rem;
  box-sizing: content-box;
  background-color: var(--bg-alt);
}
.x-tip .x-tip-header-text {
  color: white;
}
.x-tip .x-tip-body {
  color: var(--fg-alt);
}
.x-tip .x-tip-mr {
  padding-right: 1.2rem;
}
.x-tip .x-tip-ml, .x-tip .x-tip-tl, .x-tip .x-tip-bl {
  padding-left: 1.2rem;
}
.x-tip .x-tip-tc {
  padding-top: 0.8rem;
}
.x-tip .x-tip-bc {
  padding-bottom: 0.8rem;
}
.x-form-invalid-tip .x-tip-body::before {
  content: "warning";
}

.x-menu {
  border-radius: 1.2rem;
  background-color: var(--bg-layer);
  opacity: 1;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), transform 120ms cubic-bezier(0, 0, 0.2, 1);
  transform-origin: left top 0;
  transform: scale(1);
  will-change: transform, opacity;
}
.x-menu.x-menu-no-icons .x-menu-item-icon {
  display: none;
}
.x-menu.x-hide-offsets {
  opacity: 0;
  transform: scale(0.6);
}
.x-menu-list {
  padding: 0.8rem 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.x-menu-floating {
  border: 0;
}
.x-menu-nosep {
  background-image: none;
}
.x-menu-sep {
  margin: 0.8rem 0;
  height: 1px;
  background-color: var(--fg-divider);
  border: 0;
}
.x-menu-list-item {
  padding: 0.8rem 0;
}
.x-menu-list-item.x-menu-sep-li {
  padding: 0;
}
.x-menu-list-item > .x-form-check-wrap {
  padding-left: 16px;
}
.x-menu-item-arrow:after {
  content: "arrow_drop_up";
  transform: rotate(90deg);
  position: absolute;
  right: 1.6rem;
}
.x-menu-item-active {
  background-color: var(--bg-hover);
  border: 0;
}
.x-menu-item-icon {
  display: inline-block;
  margin-right: 1.2rem;
  height: 2rem;
  position: relative;
  background-size: contain;
  background-position: center center !important;
}
li > .x-menu-item-icon {
  position: absolute;
}
.x-menu-check-item .x-menu-item-icon {
  position: relative;
  top: 1px;
}
.x-menu-item-checked .x-menu-item-icon:before {
  transform: scale(1);
}
.x-menu a.x-menu-group-item .x-menu-item-icon {
  border-radius: 50%;
}
.x-menu-item-checked a.x-menu-group-item .x-menu-item-icon:before {
  content: "";
  border-radius: 50%;
  transform: scale(0.4);
}
.x-menu-group-item .x-menu-item-icon {
  background-image: none;
}
.x-menu-plain {
  background-image: none;
}

a.x-menu-item {
  user-select: none;
  padding: 0 4rem 0 1.6rem;
  border: 0 !important;
}

.menu-title {
  color: var(--c-accent);
  padding: 0.8rem 0.8rem 0;
}

.x-combo-list-group {
  color: var(--c-primary);
  padding: 1.6rem 0.8rem 0.8rem 0.8rem;
}

.x-cycle-menu .x-menu-item-checked {
  border-color: #a3bae9 !important;
  background-color: #def8f6;
}

.x-menu-scroller {
  position: relative;
}
.x-menu-scroller::before {
  display: block;
  content: "";
  border: 0.4rem solid transparent;
  width: 0;
  height: 0;
  margin: 0 auto;
  pointer-events: none;
}
.x-menu-scroller-top::before {
  border-bottom-color: var(--fg-icon);
}
.x-menu-scroller-bottom::before {
  border-top-color: var(--fg-icon);
}

.x-box-mc {
  color: white;
}
.x-box-mc h3 {
  color: inherit;
}

.x-combo-list {
  border: 1px solid var(--fg-line);
  border-radius: 1.2rem;
  background-color: var(--bg-card);
}
.x-combo-list-inner {
  padding: 0.8rem 0;
}
.x-combo-list-inner h4 {
  padding: 0.8rem;
}
.x-combo-list-hd {
  color: var(--fg-text);
}
.x-combo-list-item {
  min-height: 3.2rem;
  padding: 0.8rem;
}
.x-combo-list .x-combo-selected {
  background-color: var(--bg-selected);
}
.x-combo-list .x-toolbar {
  height: 4rem;
  border-top: 1px solid var(--fg-line);
}
.x-combo-list .x-toolbar .xtb-sep {
  display: none;
}
.x-combo-list .x-toolbar .x-toolbar-cell {
  padding: 0;
}

.x-portal-column {
  overflow: visible;
}

.x-portlet {
  margin-bottom: 1.6rem;
}

.x-portlet .x-panel-ml {
  padding-left: 0;
}

.x-portlet .x-panel-mr {
  padding-right: 0;
}

.x-border-panel {
  border-right: 1px solid var(--fg-divider);
}
.x-border-panel:last-child {
  border-right: 0;
}

.x-panel {
  border: 1px solid var(--fg-line);
}
.x-panel-noborder {
  border: 0;
}
.x-panel-body {
  border: 0;
  -webkit-overflow-scrolling: touch;
}
.x-panel-header {
  border: 0;
  border-top: 1px solid var(--fg-divider);
  padding: 0 0.8rem 0 1.4rem;
  height: 4.8rem;
  line-height: 4.8rem;
}
.x-panel-header-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 4.8rem;
}
.x-border-panel > .x-panel-header {
  background-color: transparent;
}
.x-panel-header .x-panel-inline-icon {
  float: left;
}
.x-panel-footer {
  padding: 0.8rem 0;
}
.x-panel-icon::before {
  float: left;
  padding: 1.2rem 1.6rem 1.2rem 0;
}
.x-panel-collapsed .x-window-tl {
  border-bottom-color: #84a0c4;
}
.x-panel-floating {
  background-color: var(--bg-background);
}
.x-panel-bwrap {
  overflow: visible;
}
.x-panel-tbar {
  overflow: visible;
}

.x-tool {
  margin: 0.8rem 0;
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 1.2rem;
}
.x-window-header .x-tool {
  margin: 1.2rem 0;
}
.x-tool.primary {
  background-color: var(--c-secondary);
  color: white;
}
.x-tool.primary:hover {
  transition: background-color, color 195ms linear, color 195ms linear, box-shadow 195ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--c-accent);
}
.x-tool.accent {
  background-color: var(--c-accent);
  color: white;
}
.x-tool.accent:hover {
  transition: background-color, color 195ms linear, color 195ms linear, box-shadow 195ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--c-primary);
}
.x-tool.primary-icon {
  color: var(--c-secondary);
}
.x-tool.accent-icon {
  color: var(--c-accent);
}
.x-tool:hover {
  transition: background-color, color 195ms linear, color 195ms linear, box-shadow 195ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--c-primary-tp);
}
.x-tool::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.x-border-layout-ct {
  box-shadow: none;
}

.x-panel-tl .x-panel-header {
  /*padding: 0 dp(8); removed for start page*/
  color: var(--fg-text);
}

.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br {
  border: 0;
}

.x-panel-mc {
  background-color: var(--bg-box);
}

.x-panel-ghost {
  border-radius: 1.2rem;
  visibility: visible;
  background-color: white;
}

.x-panel-ghost ul {
  border: 0;
}

.x-window {
  will-change: left, top;
  background-color: var(--bg-layer);
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid var(--fg-line);
}
.x-window form > div:not(.x-tab-panel) {
  background-color: var(--bg-background);
}
.x-window-noborder, .x-window-maximized {
  border: 0;
}
.x-window-noborder .x-window-header, .x-window-maximized .x-window-header {
  border-radius: 0;
}
.x-window-footer {
  padding: 0.8rem;
  border-top: 1px solid var(--fg-line);
}
.x-window-footer-noborder {
  border-top: 0;
}
.x-window-header {
  background-color: var(--bg-app-bar);
  border-radius: 1.2rem 1.2rem 0 0;
  padding: 0 1.6rem;
}
.x-window-header-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 5.6rem;
  line-height: 5.6rem;
}
.x-window-header-noborder {
  border-bottom: 0;
}
.x-window-proxy {
  border-radius: 1.2rem;
  background-color: white;
}
.x-window-bbar .x-toolbar {
  border-top-color: var(--fg-divider);
}
.x-window-maximized {
  background-color: var(--bg-card);
  border-radius: 0;
}

.x-window, .x-layer {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.x-panel-ghost .x-window-tl {
  border-bottom-color: var(--fg-divider);
}

.x-dlg-mask {
  background-color: #ccc;
}

.x-html-editor-wrap {
  border-radius: 1rem;
  border: 1px solid var(--fg-track);
  background-color: var(--bg-box);
}
.x-html-editor-wrap iframe {
  border-radius: 1rem;
  display: block;
}

.x-html-editor-tb {
  border-bottom: 1px solid var(--fg-line);
}
.x-html-editor-tb .x-toolbar {
  height: 6.4rem;
  background-color: transparent;
}
.x-html-editor-tb .x-toolbar .x-toolbar-cell {
  padding: 0;
}
.x-html-editor-tb .x-toolbar .x-btn, .x-html-editor-tb .x-toolbar .go-button, .x-html-editor-tb .x-toolbar .go-page button, .go-page .x-html-editor-tb .x-toolbar button, .x-html-editor-tb .x-toolbar .go-page a.button, .go-page .x-html-editor-tb .x-toolbar a.button, .x-html-editor-tb .x-toolbar .x-date-mp-btns button, .x-date-mp-btns .x-html-editor-tb .x-toolbar button {
  font-size: 0.8em;
}
.x-html-editor-tb .x-toolbar-left {
  padding-left: 0.8rem;
}
.x-html-editor-tb .x-toolbar-left .x-form-field-wrap:first-child {
  margin-left: 0;
}
.x-html-editor-tb .x-toolbar-right {
  padding-right: 0.8rem;
}
.x-html-editor-tb .x-btn-text {
  background-image: none;
  color: var(--fg-secondary-text);
}

form .x-border-layout-ct {
  background-color: var(--bg-form);
}

.x-table-layout-cell {
  vertical-align: top;
}

.x-accordion-hd {
  color: var(--fg-text);
  border-bottom: 0 !important;
}
.x-accordion-hd:hover {
  background-color: var(--fg-hover);
}
.x-panel-collapsed .x-accordion-hd {
  border-bottom: 1px solid var(--fg-divider) !important;
}
.x-accordion-hd .x-tool {
  color: var(--fg-icon);
}

.x-layout-collapsed {
  display: none;
  background-color: var(--bg-app-bar);
  border: 0;
  width: 0rem;
  height: 2.4rem;
}
.x-layout-collapsed-over {
  background-color: var(--bg-hover);
}
.x-layout-collapsed .x-tool {
  margin: 0;
  width: 2.4rem;
  height: 2.4rem;
}

.x-layout-split {
  border-style: solid;
  border-width: 0;
  border-color: var(--fg-border);
}
.x-layout-split:hover {
  border-color: var(--fg-divider);
}
.x-layout-split.x-splitbar-h {
  width: 0.3rem;
  border-right-width: 1px;
}
.x-layout-split.x-splitbar-h .x-layout-mini-west {
  right: 0;
  left: auto;
}
.x-layout-split.x-splitbar-v {
  height: 0.3rem;
  border-top-width: 1px;
}
.x-layout-split .x-layout-mini {
  background-color: var(--bg-box);
  opacity: 1;
}

.x-layout-mini {
  width: 0.6rem;
  background-color: white;
  border-radius: 1.2rem;
}
.x-layout-mini:before {
  position: relative;
  display: block;
  content: "";
  border: 0.6rem solid transparent;
  width: 0;
  height: 0;
}
.x-layout-split-west .x-layout-mini:before, .x-layout-cmini-east .x-layout-mini:before {
  border-right-color: var(--fg-icon);
  right: 0.6rem;
  top: 13px;
}
.x-layout-split-east .x-layout-mini:before, .x-layout-cmini-west .x-layout-mini:before {
  border-left-color: var(--fg-icon);
  right: 0;
  top: 13px;
}
.x-layout-split-north .x-layout-mini:before, .x-layout-cmini-south .x-layout-mini:before {
  border-bottom-color: var(--fg-icon);
  top: -0.6rem;
  left: 13px;
}
.x-layout-split-south .x-layout-mini:before, .x-layout-cmini-north .x-layout-mini:before {
  border-top-color: var(--fg-icon);
  top: 0;
  left: 13px;
}

.x-progress-wrap {
  border: 0;
  border-radius: 1.2rem;
}
.x-progress-inner {
  height: 3.2rem;
  background-color: var(--c-primary-tp);
}
.x-progress-bar {
  background-color: var(--c-primary);
  border: 0;
}
.x-progress-text {
  color: #fff;
  line-height: 3.2rem;
}
.x-progress-text-back {
  line-height: 3.2rem;
  color: var(--fg-text);
}

.x-list-header {
  background-color: #f9f9f9;
}

.x-list-header-inner div em {
  border-left-color: #ddd;
  font: normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-list-body dt em {
  font: normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-list-over {
  background-color: #eee;
}

.x-list-selected {
  background-color: var(--bg-background);
}

.x-list-resizer {
  border-left-color: #555;
  border-right-color: #555;
}

.x-slider-horz {
  height: 4.4rem;
  overflow: visible;
}
.x-slider-horz .x-slider-inner {
  top: 2.4rem;
  background-color: var(--fg-track);
  border-radius: 1.2rem;
  height: 0.2rem;
}
.x-slider-horz .x-slider-focus {
  height: 0.2rem;
  transform-origin: 0 0;
  width: 100%;
  background-color: var(--c-primary);
}
.x-slider-horz .x-slider-thumb {
  cursor: grab;
  top: -0.9rem;
  border: 3px solid var(--c-primary);
  width: 2rem;
  height: 2rem;
  transform: scale(0.7);
  transform: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  background-color: var(--c-primary);
}
.x-slider-horz .x-slider-thumb.x-slider-thumb-drag {
  cursor: grabbing;
  transform: scale(1);
}

input[value="0"] + .x-slider .x-slider-thumb {
  border-color: var(--fg-track);
  background-color: white;
}

.x-window-dlg {
  background-color: var(--bg-layer);
  border-radius: 1.2rem;
}

.ext-mb-text {
  max-height: 60rem;
  overflow: auto;
  display: block;
}

.x-window-dlg .ext-mb-info:after {
  content: "info";
  font-size: 2.2em;
  color: var(--c-primary);
}

.x-window-dlg .ext-mb-warning:after {
  content: "warning";
  font-size: 2.2em;
  color: #f57c00;
}

.x-window-dlg .ext-mb-question:after {
  content: "help";
  font-size: 2.2em;
  color: var(--c-primary);
}

.x-switch {
  position: relative;
  min-height: 2.4rem;
  padding-left: 0.4rem;
}
.x-switch > .thumb {
  position: absolute;
  pointer-events: none;
  transition: transform linear 0.06s, background-color linear 0.08s;
  height: 2.4rem;
  width: 2.4rem;
  top: -0.2rem;
  left: 0rem;
}
.x-switch > .thumb::after {
  content: "";
  position: absolute;
  top: 0;
  height: 2.4rem;
  width: 2.4rem;
  background-color: var(--bg-form);
  z-index: 1;
  border-radius: 50%;
}
.x-switch > .thumb::before {
  content: "";
  position: absolute;
  top: -0.8rem;
  left: -0.8rem;
  bottom: -0.8rem;
  right: -0.8rem;
  background-color: transparent;
  border-radius: 50%;
}
.x-switch > .track {
  background-color: var(--fg-disabled);
  position: absolute;
  height: 1.6rem;
  top: 0.3rem;
  width: 4rem;
  border-radius: 0.8rem;
  pointer-events: none;
  transition: background-color linear 0.08s;
}
.x-switch > input {
  width: 4rem;
  height: 2.4rem;
  opacity: 0;
}
.x-switch > input:checked ~ .thumb {
  transform: translate(2.4rem, 0);
}
.x-switch > input:checked ~ .thumb::after {
  background-color: var(--c-primary);
}
.x-switch > input:checked ~ .thumb::before {
  border-color: var(--c-primary);
}
.x-switch > input:checked ~ .track {
  background-color: var(--c-primary-tp);
}
.x-switch > input:focus ~ .thumb::before {
  background-color: rgba(0, 0, 0, 0.12);
}
.x-switch > input:focus:checked ~ .thumb::before {
  background-color: rgba(var(--c-primary), 0.2);
}
.x-switch > input[disabled] ~ .thumb {
  background-color: rgba(0, 0, 0, 0.42);
}
.x-switch > input[disabled] ~ .thumb::before {
  background-color: rgba(0, 0, 0, 0.12);
}
.x-switch > input[disabled] ~ .track {
  background-color: var(--fg-divider);
}
.x-switch > input ~ label {
  padding-left: 5.6rem;
}

.x-superboxselect {
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 0;
  display: block;
}
.x-superboxselect input[disabled] {
  background-color: transparent;
}
.x-superboxselect-input {
  padding-left: 0.8rem;
}
.x-superboxselect-input input {
  appearance: none;
  border: 0;
  background-color: transparent;
  box-shadow: none !important;
}
.x-superboxselect ul {
  overflow: hidden;
  cursor: text;
}
.x-superboxselect li {
  float: left;
  margin: 0.3rem 0.2rem 0.3rem;
  line-height: 2.4rem;
}
.x-superboxselect-stacked li {
  float: none !important;
}
.x-superboxselect-display-btns {
  padding-right: 6.4rem;
}
.x-superboxselect-btns {
  border-left: 1px solid var(--fg-divider);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  padding: 0 0.4rem;
}
.x-superboxselect-btns div {
  float: left;
  margin-top: 0.7rem;
  width: 2.4rem;
  height: 2.4rem;
}
.x-superboxselect-btn-clear:before {
  content: "clear";
  font-size: 1.8rem;
  width: 2.4rem;
  text-align: center;
}
.x-superboxselect-btn-expand:before {
  content: "arrow_drop_down";
  line-height: 1.8rem;
}
.x-superboxselect-btn-over {
  color: var(--fg-base);
}
.x-superboxselect-btn-hide {
  display: none;
}
.x-superboxselect-item {
  position: relative;
  border-radius: 1.2rem;
  background-color: var(--c-primary-tp);
  padding: 0px 3.2rem 0px 0.8rem;
}
.x-superboxselect-item-hover {
  background-color: var(--bg-hover);
}
.x-superboxselect-item-focus {
  background-color: var(--bg-selected);
  color: white;
}
.x-superboxselect-item-close {
  height: 2.4rem;
  position: absolute;
  right: 0.4rem;
  top: 0;
  display: block;
  cursor: pointer;
}
.x-superboxselect-item-close:before {
  content: "clear";
  font-size: 1em;
}
.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active {
  color: var(--fg-base);
}
.x-superboxselect-item-focus .x-superboxselect-item-close {
  color: white;
}
.x-item-disabled .x-superboxselect-item-close {
  color: var(--fg-disabled);
}

::-webkit-scrollbar-thumb {
  background: var(--bg-side-bar);
}

input[type=time]::-webkit-clear-button {
  display: none;
}

html {
  font-size: var(--density);
  letter-spacing: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

@media (max-device-width: 1200px) {
  html {
    font-size: var(--mobile-density);
  }
}
body {
  background-color: var(--bg-body);
}

:root, body {
  --density: 54.6875%;
  --mobile-density: 62.5%;
  --fg-base: black;
  --fg-divider:	rgba(0, 0, 0, 0.04);
  --fg-border:	rgba(0, 0, 0, 0.12);
  --fg-line:	rgba(0, 0, 0, 0.12);
  --fg-disabled: rgba(0, 0, 0, 0.38);
  --fg-textfield-box: rgba(255, 255, 255, 0.8);
  --fg-textbox-line:	rgba(0, 0, 0, 0.42);
  --fg-track:	rgba(68, 68, 68, 0.26);
  --fg-tick:	var(--c-primary);
  --fg-text: rgba(0, 0, 0, 0.87);
  --fg-secondary-text: rgba(0, 0, 0, 0.64);
  --fg-unfocused:	rgba(0, 0, 0, 0.54);
  --fg-alt:	#f5f5f5;
  --fg-selected: var(--fg-text);
  --bg-body:	var(--c-primary);
  --bg-button:	transparent;
  --bg-layer:	#f5f5f5;
  --bg-side-bar:	#eeeeee;
  --bg-background: #fafafa;
  --bg-hover:	rgba(0, 0, 0, 0.04);
  --bg-selected:	rgba(0, 0, 0, 0.08);
  --bg-pressed:	rgba(0, 0, 0, 0.12);
  --bg-focus:	rgba(2, 119, 189, 0.16);
  --bg-read-only: #f1f1f1;
  --bg-input: white;
  --bg-box:	white;
  --bg-main: var(--bg-box);
  --bg-card: #f5f5f5 ;
  --bg-alt:	#212121;
  --c-primary:	rgb(22, 82, 161);
  --c-primary-tp:	rgba(22, 82, 161, 0.16);
  --c-header-bg:	var(--c-primary);
  --c-secondary:	rgb(0, 176, 173);
  --c-tertiary:	rgb(243,219,0);
  --c-accent:	rgb(255, 114, 0);
  --c-accent-tp:	rgba(255,114,0, 0.16);
  --hue-blue: #039BE5;
  --hue-red:#E57373;
  --hue-pink: #EC407A;
  --hue-purple: #8E24AA;
  --hue-cyan: #00ACC1;
  --hue-green:#43A047;
  --hue-orange: #FB8C00;
  --hue-brown: #6D4C41;
  --hue-yellow: #FDD170;
  --hue-bluegrey: #607D8B;
}

body.dark {
  --fg-base:	white;
  --fg-divider:	rgba(255, 255, 255, 0.12);
  --fg-border:	#1b1b1b;
  --fg-line:	rgba(255, 255, 255, 0.3);
  --fg-disabled: rgba(255,255,255, 0.3);
  --fg-textfield-box: #555555;
  --fg-textbox-line:	rgba(255, 255, 255, 0.42);
  --fg-track:	rgba(255, 255, 255, 0.3);
  --fg-tick:	rgba(255, 255, 255, 0.86);
  --fg-text: white;
  --fg-secondary-text: rgba(255,255,255, 0.7);
  --fg-unfocused: rgba(255,255,255, 0.7);
  --fg-alt:	black;
  --bg-body:	#1b1b1b;
  --bg-button: transparent;
  --bg-app-bar: #303030;
  --bg-layer:	#303030;
  --bg-side-bar:	#1b1b1b;
  --bg-background: #343638;
  --bg-hover: rgba(255,255,255, 0.04);
  --bg-selected: rgba(255, 255, 255, 0.08);
  --bg-pressed:	rgba(204, 204, 204, 0.25);
  --bg-box: #272727;
  --bg-main: var(--bg-box);
  --bg-card: #202020;
  --bg-alt:	#888;
  --c-primary: #009BC9;
  --c-primary-tp: #0277BD;
  --c-header-bg: #202020;
  --hue-blue: #1976D2;
  --hue-red:#E53935;
  --hue-pink: #D81B60;
  --hue-purple: #7B1FA2;
  --hue-cyan: #0097A7;
  --hue-green:#388E3C;
  --hue-orange: #FF8F00;
  --hue-brown: #6D4C41;
  --hue-yellow: #F57F17;
  --hue-bluegrey: #546E70;
  --bg-focus:	rgba(2, 119, 189, 0.16);
  --bg-read-only: #1b1b1b;
  --bg-input: #272727;
}
body.dark * {
  color-scheme: dark;
}

body * {
  box-sizing: border-box;
}

body, html {
  color: var(--fg-text);
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

button, html, input, select, textarea {
  font-family: Lato, sans-serif;
}

h1 {
  margin: 1.6rem 0;
}

h2 {
  margin: 1.6rem 0;
}

h3 {
  margin: 0.8rem 0;
}

h4 {
  margin: 0.8rem 0;
}

h5 {
  margin: 0.8rem 0;
}

h6 {
  margin: 0.8rem 0;
}

code, .go-page pre {
  border: 1px solid var(--fg-line);
  background-color: var(--bg-background);
  padding: 0.8rem;
  margin: 1.6rem 0;
  display: block;
  font-family: "Courier New", Courier, monospace;
  color: var(--fg-base);
  border-radius: 0.4rem;
  overflow: auto;
  white-space: pre-wrap;
}

p {
  margin: 1.6rem 0;
}

.blue {
  color: var(--hue-blue) !important;
}

.blue-fill {
  background-color: var(--hue-blue) !important;
  fill: var(--hue-blue);
}

.red {
  color: var(--hue-red) !important;
}

.red-fill {
  background-color: var(--hue-red) !important;
  fill: var(--hue-red);
}

.pink {
  color: var(--hue-pink) !important;
}

.pink-fill {
  background-color: var(--hue-pink) !important;
  fill: var(--hue-pink);
}

.purple {
  color: var(--hue-purple) !important;
}

.purple-fill {
  background-color: var(--hue-purple) !important;
  fill: var(--hue-purple);
}

.cyan {
  color: var(--hue-cyan) !important;
}

.cyan-fill {
  background-color: var(--hue-cyan) !important;
  fill: var(--hue-cyan);
}

.green {
  color: var(--hue-green) !important;
}

.green-fill {
  background-color: var(--hue-green) !important;
  fill: var(--hue-green);
}

.orange {
  color: var(--hue-orange) !important;
}

.orange-fill {
  background-color: var(--hue-orange) !important;
  fill: var(--hue-orange);
}

.brown {
  color: var(--hue-brown) !important;
}

.brown-fill {
  background-color: var(--hue-brown) !important;
  fill: var(--hue-brown);
}

.yellow {
  color: var(--hue-yellow) !important;
}

.yellow-fill {
  background-color: var(--hue-yellow) !important;
  fill: var(--hue-yellow);
}

.bluegrey {
  color: var(--hue-bluegrey) !important;
}

.bluegrey-fill {
  background-color: var(--hue-bluegrey) !important;
  fill: var(--hue-bluegrey);
}

.c-primary {
  color: var(--c-primary) !important;
}

.c-secondary {
  color: var(--c-secondary) !important;
}

.c-tertiary {
  color: var(--c-tertiary) !important;
}

.info {
  background-color: var(--c-primary-tp);
  color: var(--c-primary);
  border: 1px solid var(--c-primary);
  border-radius: 0.4rem;
  padding: 0.8rem;
  margin: 1.6rem;
}

strong {
  font-weight: bold;
}

small {
  font-weight: normal;
  font-size: 0.85em;
  line-height: 1.2;
}

.success {
  color: #43A047 !important;
}

.danger {
  color: #E53935 !important;
}

.warning {
  color: #f57c00 !important;
}

p {
  margin: 1.6rem 0;
}

.go-message-panel {
  padding: 1.6rem;
}

/*#window-container, #viewport {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	visibility: hidden;
	> * {
		visibility: visible;
	}
}*/
/*#bg {
	z-index: -1;
	position: fixed;
	top:0;left:0;right:0;bottom:0;
	opacity: .5;
	//background-image: url('img/bg/office-desk.jpg'); // preloaded in Layout.php
	background-repeat: repeat;
	background-size:cover;
	filter: blur(5px);
}*/
@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-15px);
  }
}
a {
  cursor: pointer;
  color: var(--fg-text);
  text-decoration: none;
}
a[target], a[onclick] {
  color: var(--c-primary);
}
a:hover {
  text-decoration: underline;
}
a label {
  cursor: inherit;
}

.ext-mb-content a {
  color: var(--c-primary);
}

#loading {
  color: white;
  position: absolute;
  top: 0;
  width: 100%;
}
#loading .loading-indicator {
  margin-top: 40vh;
  text-align: center;
}
#loading .loading-wave {
  border: 0.6rem solid currentColor;
  border-radius: 2.6rem;
  position: relative;
  text-align: center;
  width: 9.8rem;
  height: 9.8rem;
  padding-left: 1.5rem;
  padding-top: 1.6rem;
  margin-bottom: 2.4rem;
  margin-left: auto;
  margin-right: auto;
}
#loading .loading-wave b {
  display: block;
  float: left;
  margin-right: 0.6rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: currentColor;
  animation: wave 1.3s linear infinite;
}
#loading .loading-wave b::after {
  display: block;
  float: left;
  content: "";
  margin-right: 0.4rem;
  width: 1.4rem;
  margin-top: 1.8rem;
  height: 3.4rem;
  border-radius: 0.8rem;
  background: currentColor;
}
#loading .loading-wave b:nth-child(2) {
  animation-delay: -1.1s;
}
#loading .loading-wave b:nth-child(3) {
  animation-delay: -0.9s;
}

#copyright {
  position: fixed;
  bottom: 1.6rem;
  text-align: center;
  width: 100%;
}

#go-powered-by {
  position: absolute;
  text-align: center;
  right: 1.6rem;
  left: 1.6rem;
  bottom: 1.6rem;
}
#go-powered-by a {
  color: inherit;
}

#login-top-panel {
  height: 8.8rem;
  position: relative;
}
#login-top-panel .login-user-welcome {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
}

.go-display-name {
  margin: 0.8rem 0 0.8rem 1.6rem;
  display: block;
}

.login-text-comp {
  padding-bottom: 1.6rem;
}

#login .go-app-logo {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
#login #go-powered-by {
  color: white;
}

#motd {
  border-radius: 1.2rem;
  background-color: var(--bg-card);
  margin: 5.6rem auto 0;
  padding: 1.6rem;
  max-width: 100%;
  width: 600px;
  max-height: 220px;
  overflow: auto;
}

#go-login-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7.2rem;
}

#go-select-language {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  color: white;
}
#go-select-language label {
  text-align: right;
  color: white;
  padding-top: 0.4rem;
  background-color: var(--c-primary);
}
#go-select-language input {
  background-color: inherit;
  color: white;
  border: 1px solid currentColor;
}
#go-select-language .x-form-trigger {
  color: white;
}
#go-select-language .x-form-trigger:before {
  color: white;
}

.go-header-left {
  padding-left: 1.6rem;
  position: absolute;
  top: 1.2rem;
  left: 0;
}

.go-header-right {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  padding-right: 0.8rem;
  /* padding: 20px 20px 20px 0px; */
  /* height: 46px; */
}

#quick-add-menu {
  display: inline-block;
  padding: 0.4rem 0;
  height: 5.6rem;
  width: 100%;
  margin-right: 0.8rem;
}

.go-module-title-tbar {
  display: none;
  color: var(--c-primary);
}

.go-item-wrap {
  cursor: pointer;
  padding: 0.8rem;
  border-bottom: 1px solid var(--fg-divider);
}
.go-item-wrap:before {
  content: "keyboard_arrow_right";
  padding-right: 1.6rem;
}
.go-item-wrap.go-view-selected {
  background-color: var(--bg-selected);
  color: var(--c-primary);
}
.go-item-wrap span {
  padding: 0 0 0 4rem !important;
}

.go-view-over {
  background-color: var(--bg-hover);
}

#go-logo, .go-app-logo, .go-about-logo {
  background-image: url(./img/logo-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 4rem;
  width: 24rem;
}

.go-main-tab-panel {
  border-right: 0;
}

.go-about-logo {
  background-image: url(./img/logo-blue.svg);
}

.go-settings-logo {
  background-image: url(./img/logo-white.svg);
  background-size: auto 4rem;
  background-repeat: no-repeat;
  background-position: 1.6rem 1.6rem;
  height: 7.2rem;
  width: 27.2rem;
  border: 1px solid var(--fg-border);
  background-color: var(--c-primary);
}

.x-portlet {
  border: 0;
  background-color: var(--bg-card);
  border-radius: 1.2rem;
}

.go-nav > div {
  min-height: 4rem;
  padding: 0.8rem 0;
  padding-left: 1.6rem;
  display: flex;
  cursor: pointer;
}
.go-nav > div > span {
  flex: 1;
}
.go-nav > div .badge {
  flex: none;
  margin-right: 1.6rem;
}
.go-nav > div.x-view-selected i {
  color: var(--c-primary);
}
.go-nav > div > i {
  color: var(--fg-secondary-text);
  margin-right: 1.2rem;
}
.go-nav > div button {
  visibility: hidden;
}
.go-nav > div:hover button {
  visibility: visible;
}
.go-nav > div:hover {
  background-color: var(--bg-hover);
}
.go-nav > div.x-view-selected {
  color: var(--c-primary);
  background-color: var(--bg-selected);
}
.go-nav > div.divider {
  border-bottom: 1px solid var(--fg-line);
  padding-bottom: 1.6rem;
  margin-bottom: 0.8rem;
}

#mainNorthPanel {
  height: 5.6rem;
  position: relative;
  color: white;
  background-color: var(--c-header-bg);
}
#mainNorthPanel .x-panel-body {
  min-height: 5.6rem;
}

.go-main-tab-panel.x-tab-panel > .x-tab-panel-header {
  position: relative;
  border-width: 0 0 0 0;
  background-color: var(--bg-body);
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-active {
  border-color: var(--c-tertiary);
  color: white;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-active .x-tab-strip-text {
  color: white;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-wrap {
  border: 0;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-right, .go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-left {
  color: white;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-right:after, .go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-left:after {
  padding-top: 2rem;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-right-over, .go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-scroller-left-over {
  color: white;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-right {
  padding-left: 0;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip {
  border: 0;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-text {
  color: rgba(255, 255, 255, 0.5);
  padding-left: 0;
}
.go-main-tab-panel.x-tab-panel .x-tab-panel-body {
  background-color: var(--bg-background);
}
.go-main-tab-panel.x-tab-panel .x-tab-panel-body > .x-hide-display {
  display: none !important;
}

.go-grid3-hide-headers .x-panel-tbar {
  border-bottom: 0.1rem solid var(--fg-divider);
}
.go-grid3-hide-headers .x-grid3-header {
  display: none;
}

.go-head-tb {
  border-bottom: 1px solid var(--fg-line) !important;
  position: relative;
  z-index: 2;
  background-color: var(--bg-background) !important;
}

#ti-tickets-grid .x-grid-empty::before {
  content: "forum";
}

#ab-contacts-grid .x-grid-empty::before {
  content: "person";
}

#ab-company-grid .x-grid-empty::before {
  content: "domain";
}

.link-icon {
  display: inline-block;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
  padding: 0 1px 0 0;
}

#secondary-menu {
  padding-right: 5.6rem;
}
#secondary-menu #start-menu-link, #secondary-menu #search_query, #secondary-menu #global-add-btn {
  float: left;
  text-decoration: none;
  height: 4rem;
  padding: 1.4rem 0.8rem 0 0;
  color: white;
}
#secondary-menu #start-menu-link:hover, #secondary-menu #start-menu-link:active, #secondary-menu #search_query:hover, #secondary-menu #search_query:active, #secondary-menu #global-add-btn:hover, #secondary-menu #global-add-btn:active {
  color: white;
}

.search-field-wrap, #startMenu.x-menu li.x-menu-textfield-item > div {
  position: absolute;
  z-index: 20;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 6.4rem;
  padding: 0.8rem;
  background-color: var(--c-header-bg);
}
.search-field-wrap .x-form-trigger, #startMenu.x-menu li.x-menu-textfield-item > div .x-form-trigger {
  height: 4.8rem;
}
.search-field-wrap .x-form-trigger.x-form-clear-trigger::before, #startMenu.x-menu li.x-menu-textfield-item > div .x-form-trigger.x-form-clear-trigger::before {
  font-size: 2.4rem;
  color: white;
}
.search-field-wrap.x-hide-display, #startMenu.x-menu li.x-menu-textfield-item > div.x-hide-display {
  opacity: 0;
  pointer-events: none;
}
.search-field-wrap .x-btn, .search-field-wrap .go-button, .search-field-wrap .go-page button, .go-page .search-field-wrap button, .search-field-wrap .go-page a.button, .go-page .search-field-wrap a.button, #startMenu.x-menu li.x-menu-textfield-item > div .x-btn, #startMenu.x-menu li.x-menu-textfield-item > div .go-button, #startMenu.x-menu li.x-menu-textfield-item > div .go-page button, .go-page #startMenu.x-menu li.x-menu-textfield-item > div button, #startMenu.x-menu li.x-menu-textfield-item > div .go-page a.button, .go-page #startMenu.x-menu li.x-menu-textfield-item > div a.button, .search-field-wrap .x-date-mp-btns button, .x-date-mp-btns .search-field-wrap button, #startMenu.x-menu li.x-menu-textfield-item > div .x-date-mp-btns button, .x-date-mp-btns #startMenu.x-menu li.x-menu-textfield-item > div button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.search-field-wrap .x-form-field-wrap, #startMenu.x-menu li.x-menu-textfield-item > div .x-form-field-wrap {
  margin: 0 auto;
  max-width: 80rem;
}
.search-field-wrap input, #startMenu.x-menu li.x-menu-textfield-item > div input {
  background: none;
  height: 4.8rem;
  border: 0;
  padding: 0 0 0 0.8rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.search-field-wrap input::placeholder, #startMenu.x-menu li.x-menu-textfield-item > div input::placeholder {
  color: #dedede;
  font-style: italic;
}
.search-field-wrap input.x-form-invalid, #startMenu.x-menu li.x-menu-textfield-item > div input.x-form-invalid {
  background-color: #e57373;
}

.x-btn.go-list-btn, .go-list-btn.go-button, .go-page button.go-list-btn, .go-page a.go-list-btn.button, .x-date-mp-btns button.go-list-btn {
  border: 0;
  width: 100% !important;
  border-radius: 0;
}
.x-btn.go-list-btn:hover, .go-list-btn.go-button:hover, .go-page button.go-list-btn:hover, .go-page a.go-list-btn.button:hover, .x-date-mp-btns button.go-list-btn:hover {
  background-color: var(--bg-hover);
}
.x-btn.go-list-btn .x-btn-mc, .go-list-btn.go-button .x-btn-mc, .go-page button.go-list-btn .x-btn-mc, .go-page a.go-list-btn.button .x-btn-mc, .x-date-mp-btns button.go-list-btn .x-btn-mc {
  text-align: left;
}
.x-btn.go-list-btn .x-btn-mc button, .go-list-btn.go-button .x-btn-mc button, .go-page button.go-list-btn .x-btn-mc button, .go-page a.go-list-btn.button .x-btn-mc button, .x-date-mp-btns button.go-list-btn .x-btn-mc button {
  width: 100%;
  font-weight: normal;
  padding-left: 0.8rem;
  font-size: 1.6rem;
  text-align: left;
}

@keyframes slide-top {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
#message-ct > div, .notifications > div {
  border-radius: 1.2rem;
  background-color: var(--bg-card);
  cursor: pointer;
  pointer-events: auto;
  max-width: 48rem;
  min-height: 4rem;
  margin: 0 auto 0.4rem;
}
#message-ct > div .x-panel-header, .notifications > div .x-panel-header {
  color: var(--fg-secondary-text);
  height: 4rem;
}
#message-ct > div .x-panel-header > i, #message-ct > div .x-panel-header .x-tool, .notifications > div .x-panel-header > i, .notifications > div .x-panel-header .x-tool {
  transform: scale(0.8);
  margin-top: 1.2rem;
}
#message-ct > div .x-panel-header .x-tool, .notifications > div .x-panel-header .x-tool {
  margin-top: 0.4rem;
}
#message-ct > div .x-panel-header .x-panel-inline-icon, .notifications > div .x-panel-header .x-panel-inline-icon {
  margin-top: 0.6rem;
}
#message-ct > div .x-panel-header-text, .notifications > div .x-panel-header-text {
  color: var(--fg-secondary-text);
  font-size: 1.6rem;
  line-height: 3.6rem;
}
#message-ct > div .x-panel-body, .notifications > div .x-panel-body {
  padding: 0 1.6rem 0.8rem;
}

#message-ct {
  position: absolute;
  pointer-events: none;
  z-index: 100000;
  top: 6.4rem;
  right: 8px;
  overflow: visible;
}
#message-ct > div {
  animation: slide-top 0.2s ease-out;
}

.notifications {
  padding: 0.4rem;
  background-color: var(--bg-body);
}
.notifications i.entity::before {
  margin-top: -2.2rem;
}

.notificationArea {
  z-index: 10000 !important;
  background-color: var(--bg-body);
}
.notificationArea .x-panel-header, .notificationArea .x-panel-header-text {
  border-top: 0;
  color: white;
}
.notificationArea .x-panel-header .x-tool:hover, .notificationArea .x-panel-header-text .x-tool:hover {
  color: var(--fg-hint-text);
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#status-bar {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 3.2rem;
  padding: 0.2rem 0.8rem;
  margin-top: 1.8rem;
  margin-right: 0.8rem;
  border-radius: 1.6rem;
}
#status-bar > * {
  color: var(--c-tertiary);
  margin: 0 0.4rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.56);
  transform: scale(0.7);
  cursor: pointer;
}
#status-bar > *.unseen {
  animation: blink 0.3s 30 alternate;
}

.card {
  background-color: var(--bg-card);
}

.bgbox {
  background-color: var(--bg-box);
}

/*.go-global-search {
	//width: 65%;
	height: dp(40);
	display:inline-block;
	position:absolute;
	left: 240px;
	right: 240px;
	background-color: color($bg, 'disabled-button');
	border-radius: $borderRadius;
	.x-btn {
		position:absolute;
		top: dp(8);
		left: dp(8);
	}
}*/
button {
  border: 0;
  outline: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
}
button:hover {
  cursor: pointer;
}
button[disabled] {
  cursor: default;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  pointer-events: none;
}

.closed {
  display: none !important;
}

.avatar, .go-messages > div span.photo {
  position: relative;
  display: inline-block;
  padding: 0;
  background: url(./img/default-avatar.svg) no-repeat center center;
  background-color: var(--bg-alt);
  color: white;
  background-size: cover;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.6rem;
  text-align: center;
}
.avatar .icon, .avatar .go-grid .go-grid-hd-btn, .go-grid .avatar .go-grid-hd-btn, .go-messages > div span.photo .icon, .go-messages > div span.photo .go-grid .go-grid-hd-btn, .go-grid .go-messages > div span.photo .go-grid-hd-btn {
  color: white;
  line-height: 4rem;
  font-size: inherit;
  height: 100%;
  width: 100%;
  display: block;
}
.go-detail-view .avatar, .go-detail-view .go-messages > div span.photo, .go-messages > div .go-detail-view span.photo {
  margin-top: 0.8rem;
  margin-right: 0.8rem;
}
.icons .avatar, .icons .go-messages > div span.photo, .go-messages > div .icons span.photo, .go-detail-view-avatar .avatar, .go-detail-view-avatar .go-messages > div span.photo, .go-messages > div .go-detail-view-avatar span.photo {
  margin-top: 0.4rem;
  margin-right: 1.6rem;
}
.x-grid3-cell-inner .avatar, .x-grid3-cell-inner .go-messages > div span.photo, .go-messages > div .x-grid3-cell-inner span.photo {
  margin-right: 0.8rem;
  vertical-align: middle;
}
.avatar .x-btn, .avatar .go-button, .avatar .go-page button, .go-page .avatar button, .avatar .go-page a.button, .go-page .avatar a.button, .go-messages > div span.photo .x-btn, .go-messages > div span.photo .go-button, .go-messages > div span.photo .go-page button, .go-page .go-messages > div span.photo button, .go-messages > div span.photo .go-page a.button, .go-page .go-messages > div span.photo a.button, .avatar .x-date-mp-btns button, .go-messages > div span.photo .x-date-mp-btns button, .x-date-mp-btns .avatar button, .x-date-mp-btns .go-messages > div span.photo button, .go-messages > div .x-date-mp-btns span.photo button {
  border: 0;
}
.avatar.group, .go-messages > div span.group.photo {
  background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.24));
}
.avatar.group::before, .go-messages > div span.group.photo::before {
  content: "group";
}

.user {
  position: relative;
  padding-left: 5.6rem;
  min-height: 4rem;
  /*	.username, .displayName {
  		display:block;
  	}*/
}
.user .wrap.single {
  padding-top: 1rem;
}
.user .wrap > * {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user .avatar, .user .go-messages > div span.photo, .go-messages > div .user span.photo {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  vertical-align: middle;
}

#user-menu span + span {
  display: block;
  height: 4.8rem;
  border-radius: 50%;
}

.user-img {
  position: absolute;
  right: 1.6rem;
  top: 0.6rem;
  z-index: 15;
}
.user-img .avatar, .user-img .go-messages > div span.photo, .go-messages > div .user-img span.photo {
  border: 1px solid white;
}
.user-img.login-avatar {
  top: 1.6rem;
}

hr {
  height: 1px;
  border: 0;
  margin: 1.5rem 0 1.6rem 0;
  background-color: var(--fg-line);
}

#go-logged-in-as {
  text-align: center;
}

#go-module-panel-summary > div > div.x-panel-body {
  background-color: var(--bg-background);
}

.go-tab-notification {
  color: rgba(255, 255, 255, 0.87);
  background-color: #E53935 !important;
  position: absolute;
  right: -0.8rem;
  top: 0.8rem;
}

.go-create-link-btn .x-btn-mc em.x-btn-arrow > button:after {
  content: "";
}

.x-panel-header-text .badge {
  margin-left: 0.8rem;
  color: var(--fg-text);
  background-color: var(--c-primary-tp);
  display: none;
}
.x-panel-collapsed .x-panel-header-text .badge {
  display: inline-block;
}

.right {
  float: right;
}

.status {
  text-transform: uppercase;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background-color: var(--bg-background);
  display: inline-block;
  border-radius: 1.2rem;
  color: var(--fg-text);
  font-weight: 600;
  text-shadow: 0 0 4px var(--bg-card);
  border: 1px solid var(--fg-divider);
  line-height: 2.4rem;
}
.x-grid3-cell-inner .status {
  float: left;
}
.x-panel-header-text .status {
  margin: 0.8rem;
}

.x-tab-with-icon {
  position: relative;
}

button.filetype-pdf, button.filetype-doc {
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 2.4rem !important;
}

.x-grid3-hd-row .x-grid3-td-icon {
  text-indent: -9999px;
}

.x-grid3-row td.go-grid-col-icon > div {
  padding: 0 1.6rem 0 0.8rem;
}
.x-grid3-row td.go-grid-col-icon > div > div {
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  /*border-radius: 50%;*/
  box-sizing: border-box;
  margin-top: 0.8rem;
}

.go-grid-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 4rem !important;
  display: block;
  width: auto !important;
  text-decoration: none !important;
}

.x-btn .btn-cut, .go-button .btn-cut, .go-page button .btn-cut, .go-page a.button .btn-cut, .x-date-mp-btns button .btn-cut,
.x-btn .btn-copy,
.go-button .btn-copy,
.go-page button .btn-copy,
.go-page a.button .btn-copy,
.x-date-mp-btns button .btn-copy,
.x-btn .btn-paste,
.go-button .btn-paste,
.go-page button .btn-paste,
.go-page a.button .btn-paste,
.x-date-mp-btns button .btn-paste,
.x-btn .btn-attach,
.go-button .btn-attach,
.go-page button .btn-attach,
.go-page a.button .btn-attach,
.x-date-mp-btns button .btn-attach,
.x-btn .btn-thumbnails,
.go-button .btn-thumbnails,
.go-page button .btn-thumbnails,
.go-page a.button .btn-thumbnails,
.x-date-mp-btns button .btn-thumbnails,
.x-btn .btn-upload,
.go-button .btn-upload,
.go-page button .btn-upload,
.go-page a.button .btn-upload,
.x-date-mp-btns button .btn-upload,
.x-btn .btn-addressbook-add-contact,
.go-button .btn-addressbook-add-contact,
.go-page button .btn-addressbook-add-contact,
.go-page a.button .btn-addressbook-add-contact,
.x-date-mp-btns button .btn-addressbook-add-contact,
.x-btn .btn-addressbook-add-company,
.go-button .btn-addressbook-add-company,
.go-page button .btn-addressbook-add-company,
.go-page a.button .btn-addressbook-add-company,
.x-date-mp-btns button .btn-addressbook-add-company,
.x-btn .btn-addressbook-manage,
.go-button .btn-addressbook-manage,
.go-page button .btn-addressbook-manage,
.go-page a.button .btn-addressbook-manage,
.x-date-mp-btns button .btn-addressbook-manage,
.x-btn .ml-btn-mailings,
.go-button .ml-btn-mailings,
.go-page button .ml-btn-mailings,
.go-page a.button .ml-btn-mailings,
.x-date-mp-btns button .ml-btn-mailings,
.x-btn .btn-up,
.go-button .btn-up,
.go-page button .btn-up,
.go-page a.button .btn-up,
.x-date-mp-btns button .btn-up,
.x-btn .btn-message,
.go-button .btn-message,
.go-page button .btn-message,
.go-page a.button .btn-message,
.x-date-mp-btns button .btn-message,
.x-btn .bs-btn-catalog,
.go-button .bs-btn-catalog,
.go-page button .bs-btn-catalog,
.go-page a.button .bs-btn-catalog,
.x-date-mp-btns button .bs-btn-catalog,
.x-btn .bs-btn-expenses,
.go-button .bs-btn-expenses,
.go-page button .bs-btn-expenses,
.go-page a.button .bs-btn-expenses,
.x-date-mp-btns button .bs-btn-expenses,
.x-btn .bs-btn-report,
.go-button .bs-btn-report,
.go-page button .bs-btn-report,
.go-page a.button .bs-btn-report,
.x-date-mp-btns button .bs-btn-report,
.x-btn .bs-btn-batchjob,
.go-button .bs-btn-batchjob,
.go-page button .bs-btn-batchjob,
.go-page a.button .bs-btn-batchjob,
.x-date-mp-btns button .bs-btn-batchjob,
.x-btn .bs-send-email,
.go-button .bs-send-email,
.go-page button .bs-send-email,
.go-page a.button .bs-send-email,
.x-date-mp-btns button .bs-send-email,
.x-btn .bs-duplicate,
.go-button .bs-duplicate,
.go-page button .bs-duplicate,
.go-page a.button .bs-duplicate,
.x-date-mp-btns button .bs-duplicate,
.x-btn .no-btn-categories,
.go-button .no-btn-categories,
.go-page button .no-btn-categories,
.go-page a.button .no-btn-categories,
.x-date-mp-btns button .no-btn-categories,
.x-btn .btn-files,
.go-button .btn-files,
.go-page button .btn-files,
.go-page a.button .btn-files,
.x-date-mp-btns button .btn-files,
.x-btn .btn-one-day,
.go-button .btn-one-day,
.go-page button .btn-one-day,
.go-page a.button .btn-one-day,
.x-date-mp-btns button .btn-one-day,
.x-btn .btn-five-days,
.go-button .btn-five-days,
.go-page button .btn-five-days,
.go-page a.button .btn-five-days,
.x-date-mp-btns button .btn-five-days,
.x-btn .btn-seven-days,
.go-button .btn-seven-days,
.go-page button .btn-seven-days,
.go-page a.button .btn-seven-days,
.x-date-mp-btns button .btn-seven-days,
.x-btn .btn-month,
.go-button .btn-month,
.go-page button .btn-month,
.go-page a.button .btn-month,
.x-date-mp-btns button .btn-month,
.x-btn .btn-list,
.go-button .btn-list,
.go-page button .btn-list,
.go-page a.button .btn-list,
.x-date-mp-btns button .btn-list,
.x-btn .cal-btn-home,
.go-button .cal-btn-home,
.go-page button .cal-btn-home,
.go-page a.button .cal-btn-home,
.x-date-mp-btns button .cal-btn-home,
.x-btn .btn-send,
.go-button .btn-send,
.go-page button .btn-send,
.go-page a.button .btn-send,
.x-date-mp-btns button .btn-send,
.x-btn .btn-reply,
.go-button .btn-reply,
.go-page button .btn-reply,
.go-page a.button .btn-reply,
.x-date-mp-btns button .btn-reply,
.x-btn .btn-reply-all,
.go-button .btn-reply-all,
.go-page button .btn-reply-all,
.go-page a.button .btn-reply-all,
.x-date-mp-btns button .btn-reply-all,
.x-btn .btn-forward,
.go-button .btn-forward,
.go-page button .btn-forward,
.go-page a.button .btn-forward,
.x-date-mp-btns button .btn-forward,
.x-btn .btn-flag,
.go-button .btn-flag,
.go-page button .btn-flag,
.go-page a.button .btn-flag,
.x-date-mp-btns button .btn-flag,
.x-btn .btn-addressbook,
.go-button .btn-addressbook,
.go-page button .btn-addressbook,
.go-page a.button .btn-addressbook,
.x-date-mp-btns button .btn-addressbook,
.x-btn .btn-compose,
.go-button .btn-compose,
.go-page button .btn-compose,
.go-page a.button .btn-compose,
.x-date-mp-btns button .btn-compose,
.x-btn .btn-show,
.go-button .btn-show,
.go-page button .btn-show,
.go-page a.button .btn-show,
.x-date-mp-btns button .btn-show,
.x-btn .btn-right-arrow,
.go-button .btn-right-arrow,
.go-page button .btn-right-arrow,
.go-page a.button .btn-right-arrow,
.x-date-mp-btns button .btn-right-arrow,
.x-btn .btn-left-arrow,
.go-button .btn-left-arrow,
.go-page button .btn-left-arrow,
.go-page a.button .btn-left-arrow,
.x-date-mp-btns button .btn-left-arrow,
.x-btn .btn-availability,
.go-button .btn-availability,
.go-page button .btn-availability,
.go-page a.button .btn-availability,
.x-date-mp-btns button .btn-availability,
.x-btn .btn-one-day,
.go-button .btn-one-day,
.go-page button .btn-one-day,
.go-page a.button .btn-one-day,
.x-date-mp-btns button .btn-one-day, .x-menu-item .btn-cut,
.x-menu-item .btn-copy,
.x-menu-item .btn-paste,
.x-menu-item .btn-attach,
.x-menu-item .btn-thumbnails,
.x-menu-item .btn-upload,
.x-menu-item .btn-addressbook-add-contact,
.x-menu-item .btn-addressbook-add-company,
.x-menu-item .btn-addressbook-manage,
.x-menu-item .ml-btn-mailings,
.x-menu-item .btn-up,
.x-menu-item .btn-message,
.x-menu-item .bs-btn-catalog,
.x-menu-item .bs-btn-expenses,
.x-menu-item .bs-btn-report,
.x-menu-item .bs-btn-batchjob,
.x-menu-item .bs-send-email,
.x-menu-item .bs-duplicate,
.x-menu-item .no-btn-categories,
.x-menu-item .btn-files,
.x-menu-item .btn-one-day,
.x-menu-item .btn-five-days,
.x-menu-item .btn-seven-days,
.x-menu-item .btn-month,
.x-menu-item .btn-list,
.x-menu-item .cal-btn-home,
.x-menu-item .btn-send,
.x-menu-item .btn-reply,
.x-menu-item .btn-reply-all,
.x-menu-item .btn-forward,
.x-menu-item .btn-flag,
.x-menu-item .btn-addressbook,
.x-menu-item .btn-compose,
.x-menu-item .btn-show,
.x-menu-item .btn-right-arrow,
.x-menu-item .btn-left-arrow,
.x-menu-item .btn-availability,
.x-menu-item .btn-one-day {
  background-image: none !important;
}

.x-uf-buttons-ct {
  position: relative;
  height: 3.6rem;
  margin-bottom: 0.8rem;
}
.x-uf-input-ct {
  position: absolute;
  overflow: visible;
}
.x-uf-ubtn-ct {
  display: inline-block;
  margin-left: 78px;
}
.x-uf-cbtn-ct {
  margin-left: 4px;
  display: inline-block;
}
.x-uf-bbtn-ct {
  display: inline-block;
}
.x-uf-input-wrap {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  top: 0;
}
.x-uf-input-wrap input {
  top: -3.6rem;
  min-height: 7.2rem;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.x-uf-input-mask {
  position: absolute;
  width: 24px;
  left: -18px;
}
.x-uf-table {
  width: 100%;
  font-size: 11px;
  border-collapse: collapse;
  margin-top: 2px;
}
.x-uf-filedelete {
  width: 16px;
  text-align: right;
  padding-right: 2px;
}
.x-uf-filedelete a {
  color: var(--fg-icon);
}

.go-detail-view .icons p, .go-icon-list p, .go-detail-view .icons > a, .go-icon-list > a {
  width: 100%;
  min-height: 4rem;
  box-sizing: border-box;
  display: table;
  text-decoration: none;
  padding: 0.8rem 1.6rem;
  margin: 0;
}
.go-detail-view .icons p span, .go-icon-list p span, .go-detail-view .icons p a, .go-icon-list p a, .go-detail-view .icons > a span, .go-icon-list > a span, .go-detail-view .icons > a a, .go-icon-list > a a {
  display: inline-block;
  min-height: 2.4rem;
}
.go-detail-view .icons p i.label, .go-icon-list p i.label, .go-detail-view .icons > a i.label, .go-icon-list > a i.label {
  left: 1.6rem;
  top: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  color: var(--fg-icon);
}
.go-detail-view .icons p.more-btn, .go-icon-list p.more-btn, .go-detail-view .icons > a.more-btn, .go-icon-list > a.more-btn {
  padding-right: 3.2rem;
}
.go-detail-view .icons p.more-btn i:last-child, .go-icon-list p.more-btn i:last-child, .go-detail-view .icons > a.more-btn i:last-child, .go-icon-list > a.more-btn i:last-child {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.go-detail-view .icons p .avatar, .go-detail-view .icons p .go-messages > div span.photo, .go-messages > div .go-detail-view .icons p span.photo, .go-icon-list p .avatar, .go-icon-list p .go-messages > div span.photo, .go-messages > div .go-icon-list p span.photo, .go-detail-view .icons > a .avatar, .go-detail-view .icons > a .go-messages > div span.photo, .go-messages > div .go-detail-view .icons > a span.photo, .go-icon-list > a .avatar, .go-icon-list > a .go-messages > div span.photo, .go-messages > div .go-icon-list > a span.photo {
  left: 0;
  top: 0.4rem;
  position: absolute;
}
.go-detail-view .icons p:hover .show-on-hover, .go-icon-list p:hover .show-on-hover, .go-detail-view .icons > a:hover .show-on-hover, .go-icon-list > a:hover .show-on-hover {
  display: block !important;
}
.go-detail-view .icons p:hover .hide-on-hover, .go-icon-list p:hover .hide-on-hover, .go-detail-view .icons > a:hover .hide-on-hover, .go-icon-list > a:hover .hide-on-hover {
  display: none;
}
.go-detail-view .icons p label, .go-icon-list p label, .go-detail-view .icons > a label, .go-icon-list > a label {
  width: 100%;
  display: block;
  line-height: 1.6rem;
}
.go-detail-view .icons .left, .go-icon-list .left {
  top: 1.2rem;
  left: 1.6rem;
  position: absolute;
}
.go-detail-view .icons .right, .go-icon-list .right {
  top: 1.2rem;
  right: 1.6rem;
  position: absolute;
}

.go-icon-list > p, .go-icon-list > a {
  position: relative;
  padding-left: 5.6rem;
}

.go-detail-view small {
  color: var(--fg-secondary-text);
}
.go-detail-view .content {
  padding: 1.6rem;
}
.go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel {
  border-radius: 1.2rem;
  margin: 0.8rem;
  background-color: var(--bg-box);
}
.go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel > .x-panel-bwrap > .x-panel-body {
  padding-bottom: 0.8rem;
}
.go-detail-view figure {
  background-image: url(./img/default-avatar.svg);
  background-position: center 60%;
  background-size: cover;
  position: relative;
  margin: 0;
}
.go-detail-view figure:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.go-detail-view hr {
  clear: both;
  margin: 0.8rem 0;
}
.go-detail-view .indent {
  margin: 0.8rem 0 0.8rem 6.4rem;
}
.go-detail-view .more {
  font-style: italic;
}
.go-detail-view .s1, .go-detail-view .s2, .go-detail-view .s3, .go-detail-view .s4, .go-detail-view .s5, .go-detail-view .s6, .go-detail-view .s7, .go-detail-view .s8, .go-detail-view .s9, .go-detail-view .s10, .go-detail-view .s11, .go-detail-view .s12 {
  display: block;
  float: left;
  padding: 0 1.6rem 0.8rem 1.6rem;
  margin: 0;
}
.go-detail-view .s1 {
  width: 8.333333%;
}
.go-detail-view .s2 {
  width: 16.666666%;
}
.go-detail-view .s3 {
  width: 25%;
}
.go-detail-view .s4 {
  width: 33.333333%;
}
.go-detail-view .s5 {
  width: 41.666666%;
}
.go-detail-view .s6 {
  width: 50%;
}
.go-detail-view .s7 {
  width: 58.333333%;
}
.go-detail-view .s8 {
  width: 66.666666%;
}
.go-detail-view .s9 {
  width: 75%;
}
.go-detail-view .s10 {
  width: 83.333333%;
}
.go-detail-view .s11 {
  width: 91.666666%;
}
.go-detail-view .s12 {
  width: 100%;
}
.go-detail-view .pad {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.go-detail-view label {
  width: 100%;
  display: block;
  line-height: 1.6rem;
}
.go-detail-view .icons h5 {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.go-detail-view .icons hr {
  margin: 1.6rem;
}
.go-detail-view .icons h5:not(:first-child) {
  margin-top: 1.2rem;
}
.go-detail-view .icons > p, .go-detail-view .icons > a {
  position: relative;
  padding-left: 6.4rem;
}
.go-detail-view .x-panel-bbar .x-btn, .go-detail-view .x-panel-bbar .go-button, .go-detail-view .x-panel-bbar .go-page button, .go-page .go-detail-view .x-panel-bbar button, .go-detail-view .x-panel-bbar .go-page a.button, .go-page .go-detail-view .x-panel-bbar a.button, .go-detail-view .x-panel-bbar .x-date-mp-btns button, .x-date-mp-btns .go-detail-view .x-panel-bbar button {
  border: 1px solid var(--fg-line);
}
.go-detail-view .x-panel-bbar .x-toolbar {
  border-bottom: 0;
  height: 6.4rem;
}
.go-detail-view .x-toolbar.actions {
  padding: 1.6rem;
  padding-bottom: 2.4rem;
  height: 7.2rem;
}
.go-detail-view .x-toolbar.actions .x-btn, .go-detail-view .x-toolbar.actions .go-button, .go-detail-view .x-toolbar.actions .go-page button, .go-page .go-detail-view .x-toolbar.actions button, .go-detail-view .x-toolbar.actions .go-page a.button, .go-page .go-detail-view .x-toolbar.actions a.button, .go-detail-view .x-toolbar.actions .x-date-mp-btns button, .x-date-mp-btns .go-detail-view .x-toolbar.actions button {
  color: var(--c-primary);
  border: 1px solid var(--fg-line);
}
.go-detail-view .x-panel-bbar .x-toolbar {
  border-top: 0;
}
.go-detail-view h3.title {
  padding: 1.6rem;
  margin: 0;
}
.go-detail-view .x-panel-header .status {
  float: right;
  margin: 1.2rem 1.6rem;
}

.show-on-hover {
  display: none !important;
}

.x-grid3-row-over .show-on-hover {
  display: block !important;
}

.display-panel-heading {
  /*color: color($fg, 'secondary-text');*/
  padding: 0.8rem 1.6rem;
  height: 5.6rem;
}
.display-panel + .display-panel .display-panel-heading {
  border-top: 1px solid var(--fg-line);
}

.go-display-panel {
  width: 100%;
  /*	.x-panel-body > & + & {
  		padding-top:dp(8);
  	}
  	.x-panel-body > & > tbody>tr>td:first-child,
  	.x-panel-body > div > div > & > tbody>tr>td:first-child, {
  		padding-left: dp(16);
  	} 
  	.x-panel-body > div > div > & > tbody>tr>td:last-child, {
  		padding-right: dp(16);
  	} */
}
.go-display-panel-heading {
  /*color: color($fg, 'secondary-text');*/
  border-top: 1px solid var(--fg-line);
  padding: 0.8rem 1.6rem;
  height: 5.6rem;
}
.go-display-panel .table_header_links {
  padding: 0.8rem;
  vertical-align: middle;
  height: 4rem;
  border-bottom: 1px solid var(--fg-line);
  background-color: transparent !important;
}

table.display-panel {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  clear: both;
}
table.display-panel.labels td:first-child, table.display-panel.labels th:first-child {
  width: 20rem;
}
table.display-panel td, table.display-panel th {
  vertical-align: top;
  padding: 0.8rem;
}
table.display-panel td:first-child, table.display-panel th:first-child {
  padding-left: 1.6rem;
}
table.display-panel td:last-child, table.display-panel th:last-child {
  padding-right: 1.6rem;
}
table.display-panel td.r, table.display-panel td.right, table.display-panel th.r, table.display-panel th.right {
  text-align: right;
  float: none;
}
table.display-panel tr.line td, table.display-panel td.line, table.display-panel th.line, table.display-panel tr.line th {
  border-bottom: 1px solid var(--fg-divider);
}
table.display-panel tr.totals th {
  padding: 0.8rem;
  vertical-align: middle;
  border-right: 1px solid var(--fg-divider);
}
table.display-panel tr.bold-line td, table.display-panel td.bold-line, table.display-panel tr.bold-line th, table.display-panel th.bold-line {
  border-bottom: 1px solid var(--fg-track);
}
table.display-panel table td:first-child {
  padding-left: 0;
}
table.display-panel table td:last-child {
  padding-right: 0;
}

tr.go-grid-row td {
  border-bottom: 1px solid var(--fg-divider);
  vertical-align: top;
}

.collapsible-display-panel-header {
  /*	color: color($fg, 'secondary-text');*/
  border-top: 1px solid var(--fg-line);
  padding: 0 0.8rem 0 1.6rem;
  height: 5.6rem;
  line-height: 5.6rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mo-title {
  background-repeat: no-repeat;
  background-position: 0.4rem center;
  padding-left: 4rem;
  background-size: 1.6rem 1.6rem;
}

.go-select-all-checkbox {
  color: var(--fg-text);
}
.go-select-all-checkbox .x-form-checkbox + label:before {
  margin: 0 0.6rem 0 0.4rem;
  color: var(--fg-icon);
}
.go-select-all-checkbox .x-form-cb-label {
  vertical-align: middle;
}

td[id^=comment-td] {
  padding: 0 1.6rem 0.8rem !important;
}

table[id^=comments-ext] b {
  padding-right: 1.6rem;
}

.comment-div {
  padding: 0.8rem;
  border-radius: 1.2rem;
  border: 1px solid var(--fg-divider);
}

.go-border-bottom {
  border-bottom: 1px solid var(--fg-line);
}

.x-window.go-form-panel .x-panel-body,
.x-window.go-form-panel .x-window-body,
.x-column.go-form-panel .x-panel-body,
.x-form-label-left.go-form-panel > div > .x-panel-body,
.go-form-panel > .x-panel-bwrap > .x-panel-body, .go-error-dialog {
  padding: 0.8rem 1.6rem;
}

.go-error-dialog {
  font-size: 1.4rem;
  font-family: monospace;
  line-height: 1.4em;
}

.go-text-dialog .x-window-body {
  padding: 1.6rem;
  background-color: var(--bg-card);
}

#container {
  margin: 2.4rem;
  padding: 1.6rem;
  font-size: 10px;
  border-radius: 0.4rem;
}
.go-link-grid .x-grid3-col-name, .go-search-grid .x-grid3-col-name {
  padding-left: 5.6rem;
  position: relative;
}
.go-link-grid .x-grid3-col-name i, .go-search-grid .x-grid3-col-name i {
  position: absolute;
  left: 1.6rem;
  top: 0.8rem;
  width: 2.4rem;
  height: 2.6rem;
}

.go-links-link-grid .x-grid3-col-name {
  padding-right: 5.6rem;
}

.go-sidenav {
  /*background-color: color($bg, 'app-bar');*/
}
.go-sidenav .x-grid3 {
  background-color: transparent;
}
.go-sidenav .x-grid3-row {
  border-bottom: 0;
}
.go-sidenav .x-date-picker {
  transform-origin: 0 0;
  transform: scale(0.9);
}
.go-sidenav .x-toolbar:first-of-type {
  border-bottom: 0;
}

.go-layout-responsive .x-btn.go-narrow, .go-layout-responsive .go-narrow.go-button, .go-layout-responsive .go-page button.go-narrow, .go-page .go-layout-responsive button.go-narrow, .go-layout-responsive .go-page a.go-narrow.button, .go-page .go-layout-responsive a.go-narrow.button, .go-layout-responsive .x-date-mp-btns button.go-narrow, .x-date-mp-btns .go-layout-responsive button.go-narrow {
  display: none;
}
.go-layout-responsive.go-narrow .x-btn.go-narrow, .go-layout-responsive.go-narrow .go-narrow.go-button, .go-layout-responsive.go-narrow .go-page button.go-narrow, .go-page .go-layout-responsive.go-narrow button.go-narrow, .go-layout-responsive.go-narrow .go-page a.go-narrow.button, .go-page .go-layout-responsive.go-narrow a.go-narrow.button, .go-layout-responsive.go-narrow .x-date-mp-btns button.go-narrow, .x-date-mp-btns .go-layout-responsive.go-narrow button.go-narrow {
  display: block;
}
.go-layout-responsive.go-narrow .x-layout-split {
  display: none !important;
}

.go-mobile-split {
  border-right: 1px solid var(--fg-line);
}

/*.go-layout-responsive-item {
	float:left;	
	height: 100%;
	width: auto;
	&:last-child {
		overflow: hidden;
		float: none;
	}
}

@media screen and (max-width: 1023px) {
	.go-layout-responsive {
		overflow: hidden;
	}

	.go-layout-responsive-item {
		float:left;	
		width: 100% !important;
		height: 100%;
	}
}*/
.go-show-tablet, .go-show-mobile {
  display: none;
}

.go-hide {
  display: none !important;
}

@media screen and (max-width: 1200px) {
  .go-show-tablet {
    display: block;
  }

  .go-hide-tablet, .go-hide-mobile {
    display: none;
  }

  .go-main-tab-panel > .x-tab-panel-header {
    display: none;
  }

  #mainNorthPanel {
    height: 6.4rem;
  }
  #mainNorthPanel .x-panel-body {
    min-height: 6.4rem;
  }

  .x-grid3-row .ux-row-action {
    opacity: 1;
  }
}
@media screen and (max-width: 1000px) {
  .go-show-mobile, .go-show-tablet {
    display: block;
  }

  .go-hide-tablet {
    display: none;
  }

  .go-hide-mobile {
    display: none;
  }

  #go-logo {
    display: none;
  }
}
.x-form-element .x-grid-panel {
  border-radius: 0.4rem;
  border: 0;
}
.x-form-element .x-grid-panel.x-form-invalid {
  border-color: rgba(229, 57, 53, 0.54);
}

.x-form .x-btn-icon button {
  color: var(--fg-secondary-text);
}

.x-panel.text, .go-pad {
  padding: 1.6rem;
}

.go-links-detail a {
  color: var(--fg-text);
}
.go-links-detail .icons p a:not(.right) {
  padding-right: 6.4rem;
}
.go-links-detail .count {
  float: right;
}
.go-links-detail a.show-more {
  font-style: italic;
  color: var(--c-primary);
  padding-right: 0;
}
.go-links-detail .go-top-right {
  right: 4.8rem;
  top: 1.2rem;
  padding-right: 0;
}

.go-login-dialog .x-panel-bbar .x-toolbar {
  border-top: 0;
}

.x-grid3-cell .trigger {
  float: right;
}

.go-grid3-form-field .go-editable-col .x-grid3-cell-inner {
  border: 1px solid var(--fg-track);
  border-radius: 0.4rem;
  background-color: var(--bg-box);
  margin-right: 0.4rem;
}
.go-grid3-form-field .x-grid3-cell-inner {
  min-height: 3.2rem;
  padding: 0.6rem 0.8rem;
  height: 3.2rem;
}
.go-grid3-form-field .ux-row-action-cell .x-grid3-cell-inner {
  padding: 0.4rem 0;
}
.go-grid3-form-field .x-grid-editor {
  overflow: hidden !important;
}
.go-grid3-form-field .x-grid-editor .x-form-field {
  margin: 1px -5px -1px 1px;
  min-height: auto;
  height: auto;
  padding: 0.6rem 0.8rem;
  padding-left: 0.8rem;
  border-radius: 0.4rem;
}
.go-grid3-form-field .x-grid-editor .x-form-field-wrap {
  margin: 1px -5px -1px 1px;
}
.go-grid3-form-field .x-grid3-cell .trigger {
  padding: 0.4rem 0 0.4rem 0.4rem;
  margin-right: 0.4rem;
}
.go-grid3-form-field .x-grid3 {
  background-color: transparent;
}
.go-grid3-form-field .x-grid3-row {
  border-bottom: 0;
  margin-bottom: 0.4rem;
}
.go-grid3-form-field .x-panel-bbar .x-toolbar {
  border-top: 0;
  padding-right: 1.4rem;
}
.go-grid3-form-field .x-grid3-cell-selected {
  background-color: var(--bg-box);
}
.go-grid3-form-field .x-grid3-scroller {
  overflow: hidden;
}

.go-more-button-over {
  position: absolute;
  padding-right: 0.8rem;
  background-color: #e6e6e6;
}
.go-more-button-over.x-btn.x-btn-over, .go-more-button-over.x-btn-over.go-button, .go-page button.go-more-button-over.x-btn-over, .go-page a.go-more-button-over.x-btn-over.button, .x-date-mp-btns button.go-more-button-over.x-btn-over {
  background-color: #e6e6e6;
}
.go-more-button-over:before {
  pointer-events: none;
  position: absolute;
  content: "";
  background: linear-gradient(to right, transparent, #e6e6e6);
  width: 2.4rem;
  height: 100%;
  left: -2.4rem;
  top: 0;
}

.go-form-group .go-form-group-edit-tb {
  width: 4rem;
  height: 5.2rem;
  padding-top: 0.8rem;
}
.go-form-group.required .go-form-group-edit-tb {
  display: none;
}
.go-form-group .x-fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.go-form-group.multiple .go-form-group-edit-tb {
  display: block;
}
.go-form-group.multiple .x-fieldset {
  border: 1px solid var(--fg-line);
  border-radius: 1rem;
  padding: 0.8rem 1.6rem;
  margin: 1.6rem;
}
.go-form-group .x-panel-bbar {
  overflow: visible;
}
.go-form-group .x-panel-bbar .x-toolbar {
  border-top: 0;
}
.go-form-group .x-panel-bbar .x-btn-text {
  font-weight: normal;
  color: var(--c-primary);
}
.go-form-group .x-toolbar {
  margin-left: -1.6rem;
}
.go-form-group:not(:last-child) {
  margin-bottom: 1.6rem;
}

.go-chip {
  display: inline-block;
  border-radius: 1rem;
  padding: 0.8rem;
  background-color: var(--c-primary-tp);
  margin-right: 0.8rem;
  margin-bottom: 0.4rem;
  padding-left: 1.6rem;
}
.go-chip button.icon, .go-chip .go-grid button.go-grid-hd-btn, .go-grid .go-chip button.go-grid-hd-btn {
  color: var(--fg-secondary-text);
}

/**
 * Resets ExtJS style to normal HTML defaults for displaying the HTML editor values or e-mails
 */
.go-html-formatted {
  overflow-wrap: break-word;
}
.go-html-formatted * {
  overflow: visible;
  box-sizing: content-box;
}
.go-html-formatted blockquote {
  display: block;
  margin: 1em 40px;
}
.go-html-formatted td {
  display: table-cell;
}
.go-html-formatted th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
}
.go-html-formatted ul, .go-html-formatted menu, .go-html-formatted dir {
  display: block;
  list-style-type: disc;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 2em;
}
.go-html-formatted ul > ul, .go-html-formatted menu > ul, .go-html-formatted dir > ul {
  list-style-type: circle;
}
.go-html-formatted ul > ul > ul, .go-html-formatted menu > ul > ul, .go-html-formatted dir > ul > ul {
  list-style-type: square;
}
.go-html-formatted ol {
  display: block;
  list-style-type: decimal;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 2em;
}
.go-html-formatted ol > ol {
  list-style-type: lower-alpha;
}
.go-html-formatted ol > ol > ol {
  list-style-type: lower-roman;
}
.go-html-formatted li {
  display: list-item;
}
.go-html-formatted p {
  margin: 0.8rem 0;
  min-height: 2.4rem;
}
.go-html-formatted a:link, .go-html-formatted a:visited, .go-html-formatted a:active {
  text-decoration: underline;
  color: var(--c-primary);
}
.go-html-formatted a:visited {
  color: purple;
}
.go-html-formatted pre {
  white-space: pre-wrap;
}

.normal-link {
  text-decoration: underline;
  color: var(--c-primary);
  cursor: pointer;
}

.go-messages {
  padding: 0 0.8rem;
}
.go-messages img {
  max-width: 100%;
  cursor: pointer;
}
.go-messages .avatar, .go-messages > div span.photo {
  margin: 0;
}
.go-messages .attachments {
  padding: 0 1.6rem !important;
}
.go-messages .attachment {
  display: inline-block;
  height: 2.4rem;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.go-messages .attachment:not(:first-child) {
  margin-left: 0.8rem;
}
.go-messages .attachment:link, .go-messages .attachment:visited {
  color: var(--fg-text);
  text-decoration: none;
}
.go-messages .attachment .filetype {
  margin-right: 0.8rem;
}
.go-messages .text-crop .more {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  background-image: none;
  background-color: var(--bg-card);
  padding-top: 1.6rem;
}
.go-messages .text-crop.mine .more {
  background-color: var(--c-primary);
}
.go-messages h6 {
  text-align: center;
  padding: 0.8rem 0;
}
.go-messages > div {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 0.8rem;
}
.go-messages > div span.photo {
  margin-top: 0 !important;
  margin-right: 1.6rem !important;
  float: left;
  text-align: center;
}
.go-messages > div span.photo:after {
  content: "";
  position: absolute;
  right: -1.6rem;
  top: 1.2rem;
  width: 0;
  height: 0;
  border: 0;
  border-right: 1.6rem solid var(--bg-card);
  border-bottom: 1.6rem solid transparent;
}
.go-messages > div span.photo.mine {
  margin-right: 0;
  margin-left: 1.6rem;
  float: right;
}
.go-messages > div span.photo.mine:after {
  left: -1.6rem;
  border: 0;
  border-left: 1.6rem solid var(--c-primary-tp);
  border-bottom: 1.6rem solid transparent;
}
.go-messages > div > div {
  border-radius: 0.8rem;
  overflow: hidden;
  max-width: 100%;
  background-color: var(--bg-card);
}
.go-messages > div > div .content {
  padding: 0.8rem 1.6rem;
}
.go-messages > div > div.mine {
  margin-right: 5.6rem;
  margin-left: 0;
  background-color: var(--c-primary-tp);
}

.tags {
  margin-left: -2px;
  padding: 0 1.6rem !important;
}
.tags > i {
  margin-top: -1.6rem;
}

.x-emoji-menu {
  padding: 7px 0;
  overflow-y: auto;
  background-color: var(--bg-card) !important;
}
.x-emoji-menu em {
  cursor: pointer;
  display: block;
  border: 0;
  float: left;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.8rem;
  font-size: 22px;
}

@media print {
  .comments-container > div {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  .comments-container .new-message {
    display: none;
  }
}
.comments-container {
  min-height: 15rem;
}
.comments-container > div {
  max-height: 74.4rem;
  min-height: 3.2rem;
}

.new-message {
  margin: 0.8rem;
  border: 1px solid var(--fg-line);
  min-height: 3.2rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.new-message .x-panel-body {
  background-color: transparent;
}
.new-message .x-html-editor-wrap {
  border: 0;
}
.new-message textarea.x-form-textarea {
  border: 0;
}
.new-message textarea.x-form-textarea.x-form-focus {
  box-shadow: none;
}

.go-multiselect-grid .x-panel-tbar {
  border-bottom: 0;
  border-top: 1px solid var(--fg-divider);
}
.go-multiselect-grid .x-panel-tbar .x-toolbar {
  border-bottom: 0;
}
.go-multiselect-grid .x-panel-bbar .x-toolbar {
  border-top: 0;
}

.go-module-icon-password {
  /* for auth methods */
  background-image: url("img/key.png") !important;
}

.go-user-disabled {
  opacity: 0.6;
}

.go-grid .go-grid-hd-btn {
  cursor: pointer;
  display: block;
  width: 1.8rem;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--bg-background);
}
.go-grid .go-grid-hd-btn:hover {
  color: var(--c-primary);
}
.go-grid .go-grid-hd-btn::after {
  color: var(--fg-icon);
  font-size: 0.7em;
  content: "more_vert";
}
.go-grid-row-inactive {
  color: var(--fg-disabled);
}
.go-grid.x-grid-panel .x-grid3-header {
  position: relative;
  /*		.x-grid3-hd-over .x-grid3-hd-btn {
  			display: none;
  		}*/
}

.go-top-right {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.x-toolbar.summary {
  padding: 0;
}
.x-toolbar.summary .x-toolbar-left, .x-toolbar.summary .x-toolbar-right, .x-toolbar.summary .x-toolbar-cell {
  padding: 0;
}
.x-toolbar.summary .x-toolbar-cell > div {
  border-right: 1px solid var(--fg-line);
  min-height: 4rem;
  padding: 0 0.4rem 0 1.6rem;
  margin-right: 0;
}

.x-plupload-body {
  overflow-x: hidden;
  overflow-y: auto;
}

.x-plupload-body dl {
  padding: 5px;
  border-bottom: 1px solid #D0D0D0;
  font: normal 11px arial, tahoma, verdana, helvetica;
  width: 100%;
}

.x-plupload-body dt {
  float: left;
  cursor: pointer;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.plupload_over {
  background-color: #EFF5FB;
}

.plupload_selected {
  background-color: #EFF5FB;
}

.plupload_emptytext {
  font: 11px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  text-align: center;
}

.plupload_emptytext span {
  line-height: 100px;
}

.go-grid-total {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding: 0.4rem 1.6rem;
  border: 1px solid var(--fg-line);
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 0.8rem;
  background-color: var(--bg-box);
  cursor: pointer;
  z-index: 2;
}
.go-grid-total:hover {
  opacity: 0;
}

.x-dd-over {
  position: relative;
}
.x-dd-over::after {
  content: "";
  z-index: 1;
  pointer-events: none;
  position: absolute;
  background-color: var(--c-primary-tp);
  top: 0.8rem;
  bottom: 0.8rem;
  left: 0.8rem;
  right: 0.8rem;
  outline: 8px solid transparent;
  outline-color: var(--c-primary-tp);
  border: 2px dashed white;
}

/* used in mail to hide calendar links */
.go-hidden {
  display: none;
}

.go-button, .go-page button, .go-page a.button {
  display: inline-block;
  line-height: 2.4rem;
  height: auto;
  padding: 0.8rem 1.6rem;
  margin: 0;
}
.go-button:hover, .go-page button:hover, .go-page a.button:hover, .go-button:focus, .go-page button:focus, .go-page a.button:focus {
  filter: brightness(120%);
}

.go-page {
  background: var(--bg-layer);
}
.go-page header {
  text-align: center;
  background-color: var(--c-primary);
  padding: 2.4rem;
  color: white;
}
.go-page footer {
  text-align: center;
  clear: both;
}
.go-page header .go-app-logo {
  height: 4rem;
  display: inline-block;
}
.go-page section {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.6rem;
}
.go-page fieldset, .go-page .card {
  border-radius: 1.2rem;
  background-color: var(--bg-card);
  border: none;
  padding: 1.6rem;
}
.go-page .error {
  color: red;
}
.go-page button, .go-page a.button {
  text-decoration: none;
}
.go-page button i, .go-page a.button i {
  margin-right: 0.4rem;
}
.go-page .toolbar {
  padding: 1.6rem 0;
}
.go-page .toolbar button, .go-page .toolbar a.button {
  border: 0;
}
.go-page h2 {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2rem;
  color: var(--fg-text);
}
.go-page fieldset, .go-page .card {
  border: none;
  margin-bottom: 16px;
  overflow: hidden;
}
.go-page label {
  width: 80%;
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  display: inline-block;
  color: #666;
}
.go-page textarea, .go-page input:not([type=checkbox]):not([type=radio]), .go-page select {
  color: var(--fg-text);
  min-height: 3.2rem;
  line-height: 2rem;
  transition: border-color 100ms linear, box-shadow 225ms linear;
  border-radius: 0.4rem;
  width: 100%;
  background-color: var(--bg-box);
  border: 1px solid var(--fg-track);
  display: inline-block;
  padding: 0.6rem 0.8rem;
}
.go-page *[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
.go-page .mask-message {
  display: none;
  position: absolute;
  height: 5.6rem;
  width: 20rem;
  top: 50%;
  left: 50%;
  margin-top: -2.4rem;
  margin-left: -10rem;
  background-color: var(--bg-card);
  border: 1px solid var(--fg-line);
  text-align: center;
  padding: 1.6rem;
  border-radius: 4px;
}
.go-page .mask {
  position: relative;
  background-color: var(--bg-background);
  pointer-events: none;
}
.go-page .mask > *:not(.mask-message) {
  visibility: hidden;
}
.go-page .mask .mask-message {
  display: block;
}

.x-panel-tbar .go-multiselect-toolbar {
  background-color: var(--bg-box);
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: opacity 260ms cubic-bezier(0.4, 0, 0.2, 1);
}
.x-panel-tbar .go-multiselect-toolbar .x-toolbar-left .x-toolbar-cell:first-child {
  padding-left: 0;
}
.x-panel-tbar .go-multiselect-toolbar.x-hide-display {
  display: block !important;
  pointer-events: none;
  opacity: 0;
}

.go-dropzone {
  border: 2px dashed var(--fg-line);
  border-radius: 1.2rem;
  margin: 1.6rem;
  text-align: center;
  padding: 4.8rem;
  color: var(--fg-secondary-text);
}

#mainNorthPanel {
  height: 6.4rem;
}
#mainNorthPanel .x-panel-body {
  min-height: 6.4rem;
}

.go-main-tab-panel {
  overflow: visible;
}

.go-main-tab-panel.x-tab-panel > .x-tab-panel-header {
  position: absolute;
  top: -6.4rem;
  left: 27.2rem;
  right: 27.2rem;
  width: auto !important;
  height: 0;
  overflow: visible;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-top {
  height: 6.4rem;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip > li {
  height: 6.4rem;
  line-height: 6.4rem;
}
.go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip > li .x-tab-strip-text {
  font-weight: bold;
}

.go-main-tab-panel {
  bottom: 0;
}

.go-progressbar {
  height: 1.2rem;
  margin: 0.8rem 0;
  border: 1px solid var(--fg-line);
  background-color: var(--bg-card);
}
.go-progressbar > div {
  background-color: var(--c-primary);
  height: 100%;
}

.go-multiselect-field .x-toolbar-left {
  padding-left: 0.4rem;
}

.x-view-tiles {
  will-change: transform;
  padding: 0.2rem;
  display: grid;
  text-align: center;
  align-content: start;
  background-color: var(--bg-card);
  /* define the number of grid columns */
  grid-gap: 0.4rem;
  grid-template-columns: repeat(auto-fill, minmax(21.6rem, 1fr));
}
.x-view-tiles > div.tile {
  position: relative;
  outline: 2px solid var(--fg-divider);
  height: 26.4rem;
  background-color: var(--bg-card);
}
.x-view-tiles span.corner {
  position: absolute;
  line-height: 1.2rem;
  padding: 0.2rem 0.6rem;
  top: 0;
  right: 0;
  border-left: 1px solid var(--fg-line);
  border-bottom: 1px solid var(--fg-line);
  background-color: var(--bg-box);
  display: inline-block;
  border-bottom-left-radius: 1.2rem;
}
.x-view-tiles div.text {
  padding: 0 1.6rem;
}
.x-view-tiles .thumb {
  margin: 1.6rem;
  margin-top: 4.8rem;
  height: 8rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.go-module-tile input {
  display: block;
  font-size: 11px;
  height: 11px;
  padding: 2px;
  width: 5rem;
  min-height: 2.4rem;
}
.go-module-tile .status {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  color: orange;
  background-color: cornsilk;
  border-radius: 0.4rem;
  border: 1px solid orange;
  text-transform: uppercase;
}
.go-module-tile .status.deprecated {
  color: whitesmoke;
  background-color: lightslategray;
  border-color: darkslategrey;
}
.go-module-tile .status.stable {
  display: none;
}

.go-modules h3 {
  margin: 2.4rem 1.6rem 1.6rem;
  color: var(--c-primary);
}

#startMenu .x-menu-item-icon {
  height: 2.6rem;
}

.x-panel-bbar .go-bbar-load-more {
  border-top: 0;
}
.x-panel-bbar .go-bbar-load-more .x-btn-text {
  color: var(--c-primary);
  font-style: italic;
}

.ux-datetime-date, .ux-datetime-time {
  vertical-align: top;
}

.go-hbox {
  display: flex;
  gap: 0.8rem;
  flex-direction: row;
}

.go-vbox {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}

.go-daterange-field {
  height: 4.4rem;
  background-color: var(--bg-box);
  border: 1px solid var(--fg-track);
}
.go-daterange-field:hover {
  filter: none;
}
.go-daterange-field .x-btn-mc {
  text-align: left;
  padding: 0.8rem;
}
.go-daterange-field button {
  color: var(--fg-text);
}
.go-daterange-field em.x-btn-arrow > button:after {
  display: none;
}

.go-theme-color {
  height: 80px;
  width: 100%;
  display: flex;
}
.go-theme-color > table {
  width: 33%;
  min-height: 74px;
  margin: 0.4rem;
  background-clip: content-box;
  background-size: 200% 74px;
  background-image: url("img/dark_light.png");
  border: 1px solid var(--fg-track);
  border-radius: 1.2rem;
}
.go-theme-color > table.x-btn.x-btn-pressed, .go-theme-color > table.x-btn-pressed.go-button {
  box-shadow: 0 0 0 2px var(--c-primary);
}
.go-theme-color > table.x-btn.x-btn-pressed > tbody, .go-theme-color > table.x-btn-pressed.go-button > tbody {
  background-color: transparent;
}
.go-theme-color > table.mode-light {
  background-position: 100% 0;
}
.go-theme-color > table.mode-dark {
  background-position: 0 0;
}
.go-theme-color > table.mode-system {
  background-position: 0 0;
  position: relative;
}
.go-theme-color > table.mode-system:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background-image: url("img/dark_light.png");
  background-size: 200% 74px;
  background-position: 100% 0;
  clip-path: polygon(0 0, 0 100%, 100% 0, 100% 0);
}

.go-color-field-dot {
  border-radius: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 1.4rem;
  left: 1.6rem;
}

.go-color-field {
  padding-left: 4rem !important;
}

.go-hbox.condensed-form {
  gap: 0;
}
.go-hbox.condensed-form .x-form-focus, .go-hbox.condensed-form x-form-invalid {
  border-color: var(--fg-track);
  box-shadow: none;
}
.go-hbox.condensed-form .x-form-item:not(:last-child) .x-form-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.go-hbox.condensed-form .x-form-item + .x-form-item {
  margin-left: -1px;
}
.go-hbox.condensed-form .x-form-item + .x-form-item .x-form-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.go-composite-field .x-form-item {
  padding: 0;
}

.chart-container {
  margin: 0 auto;
  text-align: center;
}
.chart-container canvas {
  display: inline-block;
}

.text-crop {
  position: relative;
  overflow: hidden;
}
.text-crop > * {
  padding-left: 0;
  padding-right: 0;
}
.text-crop .content {
  max-height: 40rem;
  padding: 1.6rem 1.6rem;
  /*transition: max-height 360ms $curve-acceleration;*/
}
.text-crop.expanded .content {
  max-height: none;
  transition: none;
}
.text-crop.expanded .content:before {
  transition: none;
  opacity: 0;
}
.text-crop.expanded .more {
  display: none;
}
.text-crop .more {
  position: absolute;
  top: 34.4rem;
  left: 0;
  right: 0;
  height: 5.6rem;
  transition: opacity 0s linear 360ms;
  background-image: linear-gradient(to bottom, rgba(var(--bg-box), 0), var(--bg-box));
  padding-top: 2.4rem;
}
.text-crop .more .x-btn, .text-crop .more .x-date-mp-btns button, .x-date-mp-btns .text-crop .more button, .text-crop .more .go-button, .text-crop .more .go-page button, .go-page .text-crop .more button, .text-crop .more .go-page a.button, .go-page .text-crop .more a.button {
  background-color: transparent;
  color: var(--c-primary);
  margin: 0 auto;
  border: 0;
}

.empty-state i, .x-grid-empty i {
  display: block;
  margin: 0.8rem auto;
  display: block;
  font-size: 4.8rem;
  max-height: 4.8rem;
  color: var(--fg-hint-text);
}

.empty-state p {
  color: var(--fg-hint-text);
  margin: 0.8rem;
  text-align: center;
  font-size: 1.2rem;
}

.ellipsis, .x-grid3-cell-inner, .x-grid3-hd-inner, .x-tree-node a > span, .x-dd-drag-ghost a > span, .go-display-panel .table_header_links, .x-view-tiles div.text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.clickable {
  cursor: pointer;
}

go-yearview {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
go-yearview > div {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 1.8%;
  width: 25%;
  height: 33.33333%;
}
go-yearview table {
  height: 90%;
  width: 100%;
}
go-yearview table caption {
  cursor: pointer;
  color: var(--fg-secondary-text);
  font-size: 1.2em;
  padding-bottom: 0.8em;
}
go-yearview table caption.current {
  color: var(--c-accent);
}
go-yearview table th {
  height: 20px;
}
go-yearview table td, go-yearview table th {
  cursor: default;
  position: relative;
  font-size: 0.8em;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}
go-yearview table td.current, go-yearview table th.current {
  color: var(--c-accent);
}
go-yearview table td > div, go-yearview table th > div {
  position: absolute;
  top: 15px;
  width: 100%;
  height: 6px;
  line-height: 6px;
  text-align: center;
}
go-yearview table td > div > p, go-yearview table th > div > p {
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  padding: 0;
  margin: 0;
  background-color: var(--c-primary);
}
go-yearview table td.weeknb {
  color: var(--fg-secondary-text);
}

.ext-cal-monthview .ext-cal-ev > div {
  cursor: pointer;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: var(--c-primary);
  color: white;
  padding: 3px 5px;
  font-weight: 600;
}
.ext-cal-monthview .ext-cal-ev > div::first-letter {
  text-transform: capitalize;
}
.ext-cal-monthview .ext-cal-ev > div.new {
  background-color: white !important;
  border-width: 1px;
  border-style: solid;
}
.ext-cal-monthview .ext-cal-ev > div.declined {
  text-decoration: line-through;
}
.ext-cal-monthview .ext-cal-ev > div.tentative {
  opacity: 0.6;
}
.ext-cal-monthview .ext-cal-ev > div i.icon, .ext-cal-monthview .ext-cal-ev > div .go-grid i.go-grid-hd-btn, .go-grid .ext-cal-monthview .ext-cal-ev > div i.go-grid-hd-btn, .ext-cal-monthview .go-grid .ext-cal-ev > div i.go-grid-hd-btn {
  font-size: inherit !important;
  min-height: 12px;
  height: 12px;
  width: 12px;
  min-width: 12px;
}

.ext-cal-monthview .ext-cal-ev > div.start {
  margin-right: 0;
  overflow: hidden;
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.ext-cal-monthview .ext-cal-ev > div.mid {
  margin-left: -3px;
  margin-right: -3px;
  border-radius: 0;
  text-indent: -9999px;
  border-width: 1px 0 1px 0;
}
.ext-cal-monthview .ext-cal-ev > div.end {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0 2px 2px 0;
  text-indent: -9999px;
  border-left: none;
}
.ext-cal-monthview .ext-cal-ev > div span.event-ghost {
  background-color: transparent;
  border-left: 0;
}

.ext-cal-monthview {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.ext-cal-monthview .ext-cal-hd-ct {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
.ext-cal-monthview .ext-cal-wk-ct {
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100px;
}
.ext-cal-monthview .ext-cal-evt-tbl {
  position: relative;
  table-layout: fixed;
  width: 100%;
}
.ext-cal-monthview .ext-cal-bg-tbl {
  height: 100%;
  left: 0;
  position: absolute;
  table-layout: fixed;
  top: 0;
  width: 100%;
}
.ext-cal-monthview .ext-cal-body-ct {
  background: var(--bg-card);
  bottom: 0;
  left: 0;
  border: 0;
  overflow: hidden;
  position: absolute;
  top: 2.4rem;
  width: 100%;
}
.ext-cal-monthview .ext-cal-ev {
  vertical-align: top;
}
.ext-cal-monthview .ext-cal-ev > div {
  line-height: 14px;
  margin: 2px;
}
.ext-cal-monthview .ext-cal-dtitle {
  color: #666;
  line-height: 14px;
  overflow: hidden;
  text-align: left;
}
.ext-cal-monthview .ext-cal-dtitle > div {
  margin: 4px;
  font-size: 0.8em;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.ext-cal-monthview .ext-cal-dtitle-today > div {
  background: var(--c-accent);
  border-radius: 50%;
  color: white;
}
.ext-cal-monthview .ext-cal-dtitle-prev, .ext-cal-monthview .ext-cal-dtitle-next {
  color: var(--fg-disabled);
}
.ext-cal-monthview .ext-cal-week {
  padding: 5px;
  color: var(--fg-text);
  text-align: center;
  width: 3.2rem;
  font-weight: normal;
}
.ext-cal-monthview .ext-cal-day {
  vertical-align: top;
  border-top: 1px solid var(--fg-line);
  background-color: var(--bg-card);
}
.ext-cal-monthview .ext-cal-day-prev, .ext-cal-monthview .ext-cal-day-next {
  background-color: var(--bg-background);
}
.ext-cal-monthview .ext-cal-hd-day {
  padding: 0 5px;
  text-align: left;
  font-size: 0.8em;
  height: 24px;
  color: var(--fg-secondary-text);
}
.ext-cal-monthview .ext-cal-hd-days-tbl {
  table-layout: fixed;
  top: 2.4rem;
  width: 100%;
}
.ext-cal-monthview .ext-cal-week-link-hd {
  border-top: 0 !important;
}
.ext-cal-monthview .ext-cal-week-link,
.ext-cal-monthview .ext-cal-week-link-hd {
  width: 3.2rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-top: 1px solid var(--fg-line);
  color: var(--fg-disabled);
  padding: 3px 0 0;
  text-align: center;
  cursor: pointer;
}

#paper {
  display: none;
}

@media print {
  @page {
    margin: 10mm;
    size: auto;
  }
  body, html {
    background-color: transparent;
    margin: 0;
    padding: 0;
    overflow: visible !important;
  }

  html > body {
    margin: 0mm !important;
    height: auto !important;
  }

  body > * {
    display: none !important;
  }

  .go-main-tab-panel, #mainNorthPanel, .go-search-panel {
    display: none !important;
    overflow: hidden !important;
  }

  #paper {
    display: block !important;
    overflow: visible !important;
    position: absolute !important;
    box-shadow: none !important;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
  }

  table {
    border-collapse: collapse;
  }

  td, th {
    padding: 0 0.8rem;
  }

  th {
    font-weight: bold;
  }

  .x-btn, .x-date-mp-btns button, .go-button, .go-page button, .go-page a.button {
    display: none;
  }

  .go-detail-view .x-panel-body {
    overflow: visible !important;
    height: auto !important;
  }
  .go-detail-view .x-panel-tbar {
    display: none;
  }
  .go-detail-view .x-panel {
    box-shadow: none !important;
  }
  .go-detail-view .x-tool {
    display: none;
  }
}