.x-tree-node .ml-folder-unseen a .em-folder-status, .x-grid3-cell-inner > em, .x-grid3-hd-inner > em, .go-tab-notification, .badge, .go-links-detail .count {
  vertical-align: text-bottom;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  min-width: 18.375px;
  height: 18.375px;
  padding: 0 3.5px;
  line-height: 18.375px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 9.1875px;
  background-color: #727272; }

i.icon, .email-grid-icon, .x-icon-btn-ok:before, .x-menu-item-icon:before, .icon, .go-grid .go-grid-hd-btn, i.entity, .x-tool::before, .ux-row-action-item, .go-icon-ok .x-grid3-cell-inner:before, .go-icon-cross .x-grid3-cell-inner:before, .go-icon-unknown .x-grid3-cell-inner:before, .go-icon-empty .x-grid3-cell-inner:before, .go-icon-warning .x-grid3-cell-inner:before, .go-icon-exclamation .x-grid3-cell-inner:before, .go-icon-print .x-grid3-cell-inner:before, .cal-has-links, .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:before, .x-tab-scroller-left:after, .x-tab-scroller-right:after, .x-form-checkbox + .x-form-cb-label::before, .x-form-radio + label:before, .x-fieldset legend input + .x-fieldset-header-text::before, .x-grid3-row-checker::before, .x-grid3-hd-checker .x-grid3-hd-checker::before, .x-grid3-check-col-td > div > div::before, .x-form-invalid-icon:before, .x-form-field-wrap .x-form-trigger::before, .x-btn-icon button::before, .x-btn-text-icon button::before, .x-btn-mc em.x-btn-arrow > button:after, .x-tbar-page-first:before, .x-tbar-loading:before, .x-tbar-page-last:before, .x-tbar-page-next:before, .x-tbar-page-prev:before, .x-toolbar-more-icon::before, .x-grid3-hd-btn:after, .x-grid3-radio-col:before, .x-grid3-radio-col-on:before, .x-grid3-sort-icon:after, .col-move-top:before, .col-move-bottom:before, .x-group-by-icon:before,
.x-show-groups-icon:before, .x-grid3-row-expander:before, .x-grid3-row-collapsed .x-grid3-row-expander:before, .x-grid-group-hd div.x-grid-group-title::before, .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title::before, .x-cols-icon:before, .x-grid-empty::before, .x-dd-drop-icon:before, .x-tree-ec-icon::before, .x-tree-node-icon::before, .x-dd-drop-icon::before, .x-date-left a:before, .x-date-right a:before, .x-date-mp-ybtn a, .x-form-invalid-tip .x-tip-body::before, .x-menu-item-arrow:after, .x-menu-check-item .x-menu-item-text:before, .x-menu-item-checked .x-menu-item-text:before, .x-panel-icon::before, .x-window-dlg .ext-mb-info:after, .x-window-dlg .ext-mb-warning:after, .x-window-dlg .ext-mb-question:after, .x-superboxselect-btn-clear:before, .x-superboxselect-btn-expand:before, .x-superboxselect-item-close:before, .go-item-wrap:before, #status-bar > *, .x-grid3-cell .trigger, .empty-state i, .x-grid-empty i {
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
  /* Preferred icon size */
  /*	max-width: dp(24);
	max-height: dp(24);*/
  color: inherit;
  width: auto;
  height: auto;
  line-height: 1;
  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'; }

.x-tab-strip-text, .x-btn, .x-date-mp-btns button, .x-btn button, .x-btn em, .x-date-mp-btns button em {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.022em;
  text-decoration: none; }

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

.x-tree-node, a.x-menu-item, .x-combo-list, .x-window-mc, .x-accordion-hd, body, html, #go-select-language label, .go-detail-view, .go-html-formatted {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  line-height: 21px; }
  .primary .x-tree-node, .primary a.x-menu-item, .primary .x-combo-list, .primary .x-window-mc, .primary .x-accordion-hd, .primary body, .primary html, .primary #go-select-language label, #go-select-language .primary label, .primary .go-detail-view, .primary .go-html-formatted {
    color: white; }
  @media print {
    .x-tree-node, a.x-menu-item, .x-combo-list, .x-window-mc, .x-accordion-hd, body, html, #go-select-language label, .go-detail-view, .go-html-formatted {
      font-size: 12px;
      line-height: 18px; } }

.ml-seen-subject, .ml-unseen-subject, .x-tip .x-tip-header-text, .x-tip .x-tip-body, .x-tip .x-tip-mc, .x-combo-list-hd, .x-panel-mc {
  font-size: 13px;
  line-height: 17.5px;
  font-weight: bold; }

.x-form-grow-sizer, .ext-mb-input, .x-form-display-field, .x-form-field, .x-form-text, .x-form textarea.x-form-field, .x-form-time, .x-grid3-row td, .x-grid3-summary-row td, .x-dd-drag-ghost, .x-date-inner, .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-window-dlg .ext-mb-textarea {
  font-size: 14px;
  font-weight: normal; }

.x-date-inner th, .x-progress-text, h6, table.display-panel th {
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.64); }

.x-fieldset legend, .x-form-panel .x-toolbar .xtb-title, .x-fieldset .x-toolbar .xtb-title, .x-form-panel .x-panel-header-text, .x-fieldset .x-panel-header-text, h4, .go-display-name, .go-user-settings-dlg .x-panel-header-text, .go-user-settings-dlg .x-toolbar .xtb-title {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal; }

.x-form-plainfield,
.x-form-item-label,
.x-form-label-left label.x-form-item-label {
  font-size: 11px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.64);
  font-weight: normal; }

.x-form-composite div.x-box-item.text, .x-form-composite label, .x-toolbar div.xtb-text, h5, .status {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.64);
  font-weight: normal; }

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

h2 {
  font-size: 21px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0.6px;
  color: black; }

h1, #loading .loading-indicator {
  font-size: 30px;
  line-height: 35px;
  font-weight: normal;
  letter-spacing: 0.6px;
  color: black; }

@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, .user-img + div {
  box-shadow: 0 1.75px 0.875px -0.875px rgba(0, 0, 0, 0.2), 0 0.875px 0.875px 0px rgba(0, 0, 0, 0.14), 0px 0.875px 2.625px 0px rgba(0, 0, 0, 0.12); }

.z2, .x-color-palette a:hover em, .x-color-palette a.x-color-palette-sel em, .x-shadow + .x-combo-list, .x-shadow + .x-menu, .x-form-focus, .x-form textarea.x-form-focus, .x-btn.raised, .x-date-mp-btns button.raised, .x-switch > .thumb::after, .go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel {
  box-shadow: 0 2.625px 0.875px -1.75px rgba(0, 0, 0, 0.2), 0 1.75px 1.75px 0px rgba(0, 0, 0, 0.14), 0px 0.875px 4.375px 0px rgba(0, 0, 0, 0.12); }

.z3 {
  box-shadow: 0 2.625px 2.625px -1.75px rgba(0, 0, 0, 0.2), 0 2.625px 3.5px 0px rgba(0, 0, 0, 0.14), 0px 0.875px 7px 0px rgba(0, 0, 0, 0.12); }

.z4, .x-shadow + .x-dd-drag-proxy, .x-btn.raised.x-btn-focus, .x-date-mp-btns button.raised.x-btn-focus, .x-btn.raised.x-btn-over, .x-date-mp-btns button.raised.x-btn-over, #motd, #message-ct > div, .notifications > div, .go-page fieldset, .go-page .card {
  box-shadow: 0 1.75px 3.5px -0.875px rgba(0, 0, 0, 0.2), 0 3.5px 4.375px 0px rgba(0, 0, 0, 0.14), 0px 0.875px 8.75px 0px rgba(0, 0, 0, 0.12); }

.z5 {
  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 2.625px 4.375px -0.875px rgba(0, 0, 0, 0.2), 0 5.25px 8.75px 0px rgba(0, 0, 0, 0.14), 0 0.875px 15.75px 0px 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-btn.raised.x-btn-pressed, .x-date-mp-btns button.raised.x-btn-pressed, .x-panel-floating {
  box-shadow: 0 4.375px 4.375px -2.625px rgba(0, 0, 0, 0.2), 0 7px 8.75px -0.875px rgba(0, 0, 0, 0.14), 0 2.625px 12.25px 1.75px 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 6.125px 7px -3.5px rgba(0, 0, 0, 0.2), 0 10.5px 14.875px 1.75px rgba(0, 0, 0, 0.14), 0 4.375px 19.25px 3.5px 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, .x-shadow + .x-window, .x-window-proxy + .x-window, .x-panel-ghost, .x-window-proxy, .go-search-panel {
  box-shadow: 0px 9.625px 13.125px -6.125px rgba(0, 0, 0, 0.2), 0px 21px 33.25px 2.625px rgba(0, 0, 0, 0.14), 0px 7.875px 40.25px 7px rgba(0, 0, 0, 0.12); }

/* main: style.scss*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(./fonts/MaterialIcons-Regular.woff2) format("woff2"), url(./fonts/MaterialIcons-Regular.woff) format("woff"), url(./fonts/MaterialIcons-Regular.ttf) format("truetype"); }

i.icon, .go-grid i.go-grid-hd-btn {
  background-size: contain;
  width: 21px;
  height: 21px; }

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

.x-icon-btn-ok:before {
  position: absolute;
  margin: -5.25px 0 0 -28px; }

.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: #243a80;
    color: var(--c-primary, #243a80);
    font-size: 6em;
    max-height: 126px;
    max-width: 126px; }
  .icon.small, .go-grid .small.go-grid-hd-btn {
    font-size: 14px;
    max-height: 14px;
    max-width: 14px; }

.x-menu-item-icon {
  position: relative;
  padding: 3.5px 14px 0 0;
  background-repeat: no-repeat !important;
  background-position: left center !important; }
  .x-menu-item-icon:before {
    margin-top: -2.625px; }

/*.x-btn-text-icon, a.x-menu-item  {
  //img { display:none;}
  > span:before {
    @extend %icon;
    padding-right: dp(8);
    position:absolute;
    left: dp(24);
    top: dp(4);
  }
}*/
.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'; }

/*
define icons with:

.entity.Note::before {
	content: "description"
}
*/
.ux-row-action-item:hover {
  color: rgba(0, 0, 0, 0.87);
  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-panel-collapsed .x-tool-toggle:before {
  content: 'expand_more'; }

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

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

.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-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-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-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-folder {
  background-image: url("./img/filetype/folder.svg") !important; }

.filetype-folder-shared {
  background-image: url("./img/filetype/folder_shared.svg") !important; }

.filetype-folder-special {
  background-image: url("./img/filetype/folder_special.svg") !important; }

.filetype-jpeg {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-jpg {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-gif {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-bmp {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-tif {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-png {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-tiff {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-svg {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-eps {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-ai {
  background-image: url("./img/filetype/image.svg") !important; }

.filetype-mov {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-mp4 {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-webm {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-asf {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-mkv {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-264 {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-avi {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-m4v {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-mpg {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-mpeg {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-ogv {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-wmv {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-wlmp {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-3g2 {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-3gp {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-asf {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-vob {
  background-image: url("./img/filetype/video.svg") !important; }

.filetype-mp3 {
  background-image: url("./img/filetype/sound.svg") !important; }

.filetype-ogg {
  background-image: url("./img/filetype/sound.svg") !important; }

.filetype-aif {
  background-image: url("./img/filetype/sound.svg") !important; }

.filetype-iff {
  background-image: url("./img/filetype/sound.svg") !important; }

.filetype-wma {
  background-image: url("./img/filetype/sound.svg") !important; }

.filetype-wav {
  background-image: url("./img/filetype/wav.svg") !important; }

.filetype-svg {
  background-image: url("./img/filetype/svg.svg") !important; }

.filetype-pdf {
  background-image: url("./img/filetype/pdf.svg") !important; }

.filetype-asc {
  background-image: url("./img/filetype/gpg.svg") !important; }

.filetype-gpg {
  background-image: url("./img/filetype/gpg.svg") !important; }

.filetype-pgp {
  background-image: url("./img/filetype/pgp.svg") !important; }

.filetype-docx {
  background-image: url("./img/filetype/doc.svg") !important; }

.filetype-doc {
  background-image: url("./img/filetype/doc.svg") !important; }

.filetype-sxq {
  background-image: url("./img/filetype/doc.svg") !important; }

.filetype-odt {
  background-image: url("./img/filetype/doc.svg") !important; }

.filetype-dot {
  background-image: url("./img/filetype/doc.svg") !important; }

.filetype-zip {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-tar {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-gz {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-tgz {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-rar {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-bz {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-dat {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-7z {
  background-image: url("./img/filetype/zip.svg") !important; }

.filetype-ics {
  background-image: url("./img/filetype/ics.svg") !important; }

.filetype-vcs {
  background-image: url("./img/filetype/ics.svg") !important; }

.filetype-vcf {
  background-image: url("./img/filetype/vcf.svg") !important; }

.filetype-txt {
  background-image: url("./img/filetype/txt.svg") !important; }

.filetype-odp {
  background-image: url("./img/filetype/ppt.svg") !important; }

.filetype-pps {
  background-image: url("./img/filetype/ppt.svg") !important; }

.filetype-ppsx {
  background-image: url("./img/filetype/ppt.svg") !important; }

.filetype-ppt {
  background-image: url("./img/filetype/ppt.svg") !important; }

.filetype-pptx {
  background-image: url("./img/filetype/ppt.svg") !important; }

.filetype-html {
  background-image: url("./img/filetype/html.svg") !important; }

.filetype-htm {
  background-image: url("./img/filetype/html.svg") !important; }

.filetype-ods {
  background-image: url("./img/filetype/xls.svg") !important; }

.filetype-xls {
  background-image: url("./img/filetype/xls.svg") !important; }

.filetype-xlsx {
  background-image: url("./img/filetype/xls.svg") !important; }

.filetype-xlsm {
  background-image: url("./img/filetype/xls.svg") !important; }

.filetype-php {
  background-image: url("./img/filetype/php.svg") !important; }

.filetype-js {
  background-image: url("./img/filetype/js.svg") !important; }

.filetype-sql {
  background-image: url("./img/filetype/sql.svg") !important; }

.filetype-xml {
  background-image: url("./img/filetype/xml.svg") !important; }

.filetype-kdbx {
  background-image: url("./img/filetype/kdbx.svg") !important; }

.filetype {
  background-size: 21px 21px;
  background-image: url(./img/filetype/unknown.svg);
  background-repeat: no-repeat; }
  .filetype-link {
    background-size: 21px 21px;
    background-position: 7px 7px;
    background-image: url(./img/filetype/unknown.svg);
    background-repeat: no-repeat;
    white-space: nowrap;
    line-height: 21px;
    padding: 7px 14px 7px 35px;
    display: inline-block; }

.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-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-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-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-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-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-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-false:before {
  content: "false" !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-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-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-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: 7px; }

.go-icon-cross .x-grid3-cell-inner:before {
  content: 'close';
  margin-right: 7px; }

.go-icon-unknown .x-grid3-cell-inner:before {
  content: 'help';
  margin-right: 7px; }

.go-icon-empty .x-grid3-cell-inner:before {
  content: '';
  margin-right: 28px; }

.go-icon-warning .x-grid3-cell-inner:before {
  content: 'warning';
  margin-right: 7px; }

.go-icon-exclamation .x-grid3-cell-inner:before {
  content: 'error';
  margin-right: 7px; }

.go-icon-print .x-grid3-cell-inner:before {
  content: 'print';
  margin-right: 7px; }

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: .30;
  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: .6;
  -moz-opacity: .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: .50;
  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: 21px; }

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  opacity: .6;
  display: block;
  position: absolute;
  top: 0;
  right: 7px;
  cursor: pointer;
  z-index: 2; }

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
  opacity: .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: .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: .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;
  width: 200px; }

.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 .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, .x-date-mp-btns button {
  cursor: pointer;
  white-space: nowrap; }
  .x-btn .x-btn-tr i, .x-date-mp-btns button .x-btn-tr i, .x-btn .x-btn-tl i, .x-date-mp-btns button .x-btn-tl i, .x-btn .x-btn-mr i, .x-date-mp-btns button .x-btn-mr i, .x-btn .x-btn-ml i, .x-date-mp-btns button .x-btn-ml i, .x-btn .x-btn-br i, .x-date-mp-btns button .x-btn-br i, .x-btn .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, .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, .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: .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: .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 rgba(0, 0, 0, 0.12); }

.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: .85;
  border: 1px solid;
  padding: 3px;
  padding-left: 20px;
  white-space: nowrap; }

.x-dd-drag-repair .x-dd-drag-ghost {
  opacity: .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: .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: 21px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 21px; }

.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: 21px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 21px; }

.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
  vertical-align: middle !important; }

.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: bottom; }

.ext-ie input.x-tree-node-cb {
  margin-left: 0;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  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: .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: .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: .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 .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: 14px; }

.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: .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: .5;
  -moz-opacity: .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-maximized .x-window-footer {
  padding-bottom: 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: .50; }

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: 7px 14px; }

.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: .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: 28px;
  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: 7px; }

.x-slider-horz .x-slider-end {
  padding-right: 7px; }

.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: 7px 14px;
  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%;
	max-height:100%;
	height:100%;
	opacity: 1; 
	transition: opacity 300ms $curve-sharp;
	background-color: color($bg, 'app-bar');
	&.x-hide-offsets {
		opacity: 0;
		ul {
			transform: scale(.9);
		}
	}
	ul {
		box-sizing: border-box;
		padding: dp(32) 20%;
		transform: scale(1);
		transition: transform 200ms $curve-sharp;
		margin: 0 auto;
		height:auto !important;
		max-height: 100%;
		text-align: justify;
		overflow-y: auto;
	}
	a.x-menu-item{
		padding:0;
		height: dp(112);
		width: dp(128);
		margin:0 !important;
		cursor: pointer;

	}
	#x-menu-el-go-start-menu-admin-menu {
		width: 100%;
		padding: dp(16) dp(40);
		margin:0;
		.menu-title {
			color: white;
			text-align:left;
			padding:0;
			border-bottom: 1px solid color($fg-dark, 'divider');
		}
	}
	li {
		border-radius: 4px;
		text-align:center;
		margin: dp(8) dp(24);
		display:inline-block;
	}
	img {
		cursor: pointer;
		width: dp(72);
		height: dp(72);
		padding: 0;
		background-position: center center;
		background-size:contain;
	}
	.x-menu-item-text {
		@extend %font-data;
		display:block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		color: white;
		text-shadow: 0px 1px 0px color($fg, 'unfocused');
	}
	.x-menu-scroller {
		height: 0px;
	}
	.x-menu-item-active{
		background-color: color($fg, 'unfocused');
	}
}
*/
.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; }

.em-folder-status {
  float: right; }

.ml-unseen-dot {
  background-color: #243a80;
  background-color: var(--c-primary, #243a80);
  width: 9px;
  height: 9px;
  margin: 1.75px;
  border-radius: 50%;
  float: right; }

.x-grid3-col-icon {
  text-overflow: initial;
  white-space: normal; }
  .x-grid3-col-icon i {
    font-size: 14px;
    float: right;
    width: 14px;
    height: 14px;
    color: rgba(0, 0, 0, 0.64); }

.x-grid3-col-icon i.em-flag {
  color: #E53935; }

.message-body {
  padding: 14px;
  background-color: white;
  color: black;
  position: relative; }
  .message-body p.MsoListParagraph, .message-body li.MsoListParagraph, .message-body div.MsoListParagraph {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 36.0pt;
    margin-bottom: .0001pt;
    font-size: 11.0pt; }

#email-message-panel .x-panel-body {
  background-color: white; }

.message-header-table {
  float: left;
  margin-right: 63px;
  margin-bottom: 7px; }

.message-header {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 7px 14px; }
  .message-header .avatar, .message-header .user-img, .message-header .go-messages > div span.photo, .go-messages > div .message-header span.photo {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 21px;
    position: absolute;
    top: 14px;
    right: 14px; }
  .message-header .x-form-checkbox {
    margin-left: 0; }

.mo-description {
  padding-left: 35px; }

.cal-has-links {
  font-size: 14px;
  float: right; }
  .cal-has-links:before {
    content: "link"; }

.go-attachments span {
  cursor: pointer; }
  .go-attachments span.x-view-selected {
    background-color: rgba(0, 0, 0, 0.08); }
  .go-attachments span.x-view-over {
    background-color: rgba(0, 0, 0, 0.04); }
  .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: 35px;
  height: 35px;
  font-size: 24.5px;
  text-align: center; }
  .chooseIcon .icon, .chooseIcon .go-grid .go-grid-hd-btn, .go-grid .chooseIcon .go-grid-hd-btn {
    color: red;
    line-height: 35px;
    font-size: inherit;
    height: 100%;
    width: 100%; }
  .go-detail-view .chooseIcon {
    margin-top: 3.5px;
    margin-right: 14px; }
  .chooseIcon .x-btn, .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"; }

.ext-el-mask {
  background-color: rgba(0, 0, 0, 0.87); }

@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: 28px;
  width: 28px;
  animation: rotate 0.8s infinite cubic-bezier(0, 0, 0.2, 1);
  border: 7px solid transparent;
  border-color: #243a80;
  border-color: var(--c-primary, #243a80);
  border-right-color: transparent;
  border-radius: 50%; }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

.x-mask-loading:after, .ext-el-mask-msg:after {
  content: "";
  border: 0;
  padding: 0;
  height: 4.375px;
  background-color: #ff9100;
  animation-name: indeterminate1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: block;
  position: absolute;
  top: 4.375px;
  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: 4.375px;
  background-color: #fafafa;
  padding: 17.5px 35px;
  font-size: 15.75px;
  text-align: center; }

.x-item-disabled {
  color: rgba(0, 0, 0, 0.38); }

.x-item-disabled * {
  color: rgba(0, 0, 0, 0.38); }

.x-splitbar-proxy {
  background-color: rgba(0, 0, 0, 0.12); }

.x-color-palette {
  padding: 7px 14px;
  width: 217px; }
  .x-color-palette a {
    display: block;
    padding: 3.5px;
    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: 14px;
      height: 14px; }

.x-ie-shadow {
  background-color: rgba(0, 0, 0, 0.87); }

.x-shadow {
  display: none; }

.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: #f5f5f5; }

.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: 3.5px solid transparent;
  min-width: 63px;
  max-width: 231px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding: 0 10.5px; }

.x-tab-strip-top {
  height: 42px;
  color: #243a80;
  color: var(--c-primary, #243a80); }

.x-tab-strip-bottom {
  height: 42px;
  color: #243a80;
  color: var(--c-primary, #243a80); }
  .x-tab-strip-bottom > li {
    border-top: 3.5px solid transparent;
    border-bottom: 0; }

.x-tab-strip-wrap {
  padding: 0 3.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.x-tab-strip > li.x-tab-strip-active {
  border-color: #243a80;
  border-color: var(--c-primary, #243a80); }
  .x-tab-strip > li.x-tab-strip-active span.x-tab-strip-text {
    color: #243a80;
    color: var(--c-primary, #243a80); }

.x-tab-strip-disabled .x-tabs-text {
  color: rgba(0, 0, 0, 0.38); }

.x-tab-strip span.x-tab-strip-text {
  padding: 0;
  color: rgba(0, 0, 0, 0.87); }
  .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: #243a80;
  color: var(--c-primary, #243a80); }
  .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: rgba(0, 0, 0, 0.54); }

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover:before {
  color: #243a80;
  color: var(--c-primary, #243a80); }

.x-tab-panel-body {
  border: 0;
  position: relative;
  overflow: hidden;
  background-color: #fafafa; }
  .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;
    /*		position:absolute;
		top:0;
		left:0;
		width:100% !important; //offsets override extjs
		display: block !important; // display override extjs
		will-change: transform;
		transition: all 250ms $curve-deceleration;
		opacity: 0;
		transform: translateX(-20%);
		visibility:hidden;
		&:not(.x-hide-display):not(.x-hide-offsets) {

			visibility:visible;
			opacity: 1;
			//transition-timing-function: $curve-deceleration;
			transition-duration: 375ms;
			transform: translateX(0) !important;
			~ div { // all next siblings
					  transform: translateX(20%);
					  opacity:0;
					  visibility:hidden;
			}
		}*/ }

.x-tab-scroller-left, .x-tab-scroller-right {
  border: 0; }
  .x-tab-scroller-left-over, .x-tab-scroller-right-over {
    color: rgba(0, 0, 0, 0.87); }
  .x-tab-scroller-left-disabled, .x-tab-scroller-right-disabled {
    background-position: -18px 0;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    cursor: default; }
  .x-tab-scroller-left:after, .x-tab-scroller-right:after {
    content: 'keyboard_arrow_left';
    padding-top: 10.5px; }

.x-tab-scroller-right:after {
  content: 'keyboard_arrow_right'; }

.x-form-checkbox + .x-form-cb-label::before, .x-form-radio + label:before, .x-fieldset legend input + .x-fieldset-header-text::before, .x-grid3-row-checker::before, .x-grid3-hd-checker .x-grid3-hd-checker::before, .x-grid3-check-col-td > div > div::before {
  content: 'check_box_outline_blank';
  position: relative;
  color: inherit;
  display: inline-block;
  height: 28px;
  width: 28px;
  left: -3.5px;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  padding: 3.5px; }

.x-form-grow-sizer {
  font-family: Lato, sans-serif;
  padding: 5.25px 7px;
  min-height: 28px;
  line-height: 15.75px;
  border: 1px solid red; }

.ext-mb-input {
  color: rgba(0, 0, 0, 0.87);
  min-height: 28px;
  line-height: 15.75px;
  transition: border-color 100ms linear, box-shadow 225ms linear;
  border-radius: 3.5px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.26);
  display: inline-block;
  padding: 5.25px 7px; }

.x-form {
  background-color: #fafafa;
  /*	
	Merijn: this messed up long labels (login screen) and hint texts (IMAP auth in system settings)
&-check-wrap {
		height: dp(32);
	}*/ }
  .x-form > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body > div {
    background-color: #fafafa; }
  .x-form-element {
    margin: 3.5px 0; }
    .x-form-element .x-box-layout-ct {
      overflow: visible; }
    .x-form-element .x-box-inner {
      overflow: visible;
      /*		.x-btn {
				top: dp(-2);
				line-height: dp(32);
				height: dp(32);
				button {
					min-height: dp(32);
					&:before {
						top:dp(4);
						left:dp(4);
					}
				}
			}
*/ }
  .x-form-composite div.x-box-item.text, .x-form-composite label {
    padding: 3.5px 0;
    line-height: 21px; }
  .x-form-display-field {
    line-height: 28px; }
  .x-form-field {
    color: rgba(0, 0, 0, 0.87);
    min-height: 28px;
    line-height: 17.5px;
    transition: border-color 100ms linear, box-shadow 225ms linear;
    border-radius: 3.5px; }
    .x-form-field.x-item-disabled {
      background-color: #fafafa; }
    .x-form-field + .x-form-twin-triggers, .x-form-field + .x-form-trigger {
      border-radius: 0;
      border-left: 1px solid rgba(0, 0, 0, 0.12); }
    .x-form-field[readonly] {
      background-color: rgba(0, 0, 0, 0.08); }
    .x-form-field.x-triggerfield-selectonly {
      background-color: white; }
  .x-form-text, .x-form textarea.x-form-field, .x-form-time {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.26);
    display: inline-block;
    padding: 5.25px 7px; }
  .x-form-time {
    max-height: 28px; }
  .x-form textarea.x-form-field {
    /*height: min-content;*/
    height: 28px; }
  .x-form-select-one {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.12); }
  .x-form-check-group-label {
    color: rgba(0, 0, 0, 0.87); }
  .x-form-cb-label {
    display: inline-block;
    height: 28px; }
  .x-form-checkbox {
    position: absolute;
    opacity: 0; }
    .x-form-checkbox:checked + .x-form-cb-label::before {
      content: 'check_box'; }
    .x-form-checkbox:focus + .x-form-cb-label::before {
      background-color: rgba(36, 58, 128, 0.16);
      background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }
  .x-form-radio {
    position: absolute;
    opacity: 0; }
    .x-form-radio + label {
      margin-left: 0; }
    .x-form-radio + label:before {
      content: 'radio_button_unchecked'; }
    .x-form-radio:checked + label:before {
      content: 'radio_button_checked'; }
    .x-form-radio:focus + label::before {
      background-color: rgba(36, 58, 128, 0.16);
      background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }
  .x-form-radio-group {
    padding-left: 0;
    overflow: visible; }
  .x-form-item {
    margin-bottom: 3.5px;
    /*@extend %font-caption;*/ }
    .x-form-item .x-form-element {
      margin: 0; }
  .x-form-invalid-icon:before {
    padding: 7px 0;
    content: 'report_problem';
    color: #E53935; }
  .x-form-focus, .x-form textarea.x-form-focus {
    border-color: #243a80;
    border-color: var(--c-primary, #243a80); }
  .x-form-invalid, .x-form textarea.x-form-invalid {
    border-color: rgba(229, 57, 53, 0.54);
    background-color: #FFEBEE; }
  .x-form-helptext {
    /*white-space: pre-wrap;*/
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis; }

.x-form-item + .x-form-helptext {
  margin-top: -14px;
  margin-bottom: 14px; }

.x-form-field-trigger-wrap > input {
  padding-right: 28px; }

.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 3.5px; }
    .x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
      width: 21px; }
  .x-form-field-wrap .x-form-trigger {
    height: 28px;
    width: 28px;
    vertical-align: middle;
    padding: 0;
    color: rgba(0, 0, 0, 0.54); }
    .x-form-field-wrap .x-form-trigger::before {
      max-height: 28px;
      max-width: 28px;
      content: 'arrow_drop_down'; }
    .x-form-field-wrap .x-form-trigger.x-form-trigger-over {
      color: black; }
    .x-form-field-wrap .x-form-trigger.x-form-clear-trigger::before {
      content: 'clear';
      font-size: 16px; }
    .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-small-editor .x-form-field-wrap .x-form-trigger {
      height: 28px; }
  .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-trigger-wrap-focus .x-form-trigger {
  color: #243a80;
  color: var(--c-primary, #243a80); }

.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;
  /*background-image:url(../images/default/grid/invalid_line.gif);*/ }

.x-form-plainfield,
.x-form-item-label,
.x-form-label-left label.x-form-item-label {
  line-height: 14px;
  padding: 7px 7px 3.5px 0; }

.x-form-invalid-msg {
  color: #c0272b;
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  background-image: url(../images/default/shared/warning.gif); }

.x-form-empty-field {
  color: gray; }

.x-fieldset {
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 14px;
  padding: 7px 14px 0; }
  .x-fieldset-noborder {
    margin: 0;
    border: 0; }
  .x-fieldset ~ .x-fieldset {
    border-top: 1px solid rgba(0, 0, 0, 0.04); }
  .x-fieldset legend {
    /*@extend %font-caption;*/
    /*color: color($primary, 900); //color($fg, 'text');*/
    padding: 7px 0 14px;
    position: initial;
    top: 28px;
    width: 100%;
    /*		.x-tool +.x-fieldset-header-text {
			line-height: dp(40);
			margin: dp(8) 0;
			display: inline-block;
		}*/ }
    .x-fieldset legend + * {
      clear: both; }
    .x-fieldset legend .x-tool {
      float: right;
      margin: -10.5px 0; }
    .x-fieldset legend .x-fieldset-header-text {
      position: relative; }
    .x-fieldset legend input {
      opacity: 0;
      width: 21px;
      height: 21px; }
      .x-fieldset legend input + .x-fieldset-header-text {
        padding-left: 7px; }
        .x-fieldset legend input + .x-fieldset-header-text::before {
          top: -6.125px;
          left: -31.5px;
          pointer-events: none; }
      .x-fieldset legend input:checked + .x-fieldset-header-text::before {
        content: 'check_box'; }
      .x-fieldset legend input:focus + .x-fieldset-header-text::before {
        background-color: rgba(36, 58, 128, 0.16);
        background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }

.x-btn, .x-date-mp-btns button {
  letter-spacing: 0;
  height: 31.5px;
  line-height: 29.5px;
  border-radius: 3.5px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit;
  transition: background-color 225ms linear, box-shadow 225ms cubic-bezier(0.4, 0, 0.2, 1); }
  .x-btn button, .x-date-mp-btns button button {
    min-height: 28px; }
  .x-form-composite .x-btn, .x-form-composite .x-date-mp-btns button, .x-date-mp-btns .x-form-composite button {
    height: 28px;
    width: 28px;
    line-height: 26px; }
    .x-form-composite .x-btn button, .x-form-composite .x-date-mp-btns button button, .x-date-mp-btns .x-form-composite button button {
      min-height: 28px;
      min-width: 28px; }
      .x-form-composite .x-btn button::before, .x-form-composite .x-date-mp-btns button button::before, .x-date-mp-btns .x-form-composite button button::before {
        top: 3.5px;
        left: 3.5px; }
  .x-btn.x-item-disabled .x-btn-text, .x-date-mp-btns button.x-item-disabled .x-btn-text {
    color: rgba(0, 0, 0, 0.26); }
  .x-btn.raised, .x-date-mp-btns button.raised {
    background-color: #243a80;
    background-color: var(--c-primary, #243a80); }
    .x-btn.raised button.x-btn-text, .x-date-mp-btns button.raised button.x-btn-text {
      color: white; }
    .x-btn.raised.accent, .x-date-mp-btns button.raised.accent {
      background-color: #ff9100;
      background-color: var(--c-accent, #ff9100); }
  .x-toolbar .x-btn, .x-toolbar .x-date-mp-btns button, .x-date-mp-btns .x-toolbar button {
    border: 0; }
  .x-small-editor .x-btn, .x-small-editor .x-date-mp-btns button, .x-date-mp-btns .x-small-editor button {
    border: 0; }
  .x-btn button, .x-date-mp-btns button button, .x-btn em, .x-date-mp-btns button em {
    color: inherit; }
  .x-btn.x-btn-focus, .x-date-mp-btns button.x-btn-focus, .x-btn.x-btn-over, .x-date-mp-btns button.x-btn-over {
    transition: background-color 195ms linear, color 195ms linear, box-shadow 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgba(36, 58, 128, 0.16);
    background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }
  .x-btn.primary, .x-date-mp-btns button.primary {
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .x-btn.danger, .x-date-mp-btns button.danger {
    color: #E53935; }
    .x-btn.danger.x-btn-focus, .x-date-mp-btns button.danger.x-btn-focus, .x-btn.danger.x-btn-over, .x-date-mp-btns button.danger.x-btn-over {
      background-color: rgba(36, 58, 128, 0.16);
      background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }
  .x-btn-icon-small-top {
    height: 49px; }
    .x-btn-icon-small-top .x-btn-text {
      padding-top: 35px !important; }
    .x-btn-icon-small-top button {
      position: relative; }
    .x-btn-icon-small-top button::before {
      position: absolute;
      top: 7px;
      margin: 0;
      left: 50%;
      transform: translateX(-50%); }
  .x-btn.x-btn-pressed, .x-date-mp-btns button.x-btn-pressed {
    background-color: rgba(0, 0, 0, 0.08); }
  .x-btn-click {
    background-color: rgba(0, 0, 0, 0.08) !important; }
    .x-btn-click .x-btn-text {
      color: #243a80;
      color: var(--c-primary, #243a80); }
  .x-btn-icon {
    border: 0; }
    .x-btn-icon i {
      position: absolute;
      left: 7px; }
      .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.875px;
        left: 7px; }
    .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 em.x-btn-arrow > button::after {
      margin-left: 17.5px; }
    .x-btn-icon button {
      min-width: 35px;
      min-height: 35px;
      position: relative; }
      .x-btn-icon button::before {
        position: absolute;
        top: 7.4375px;
        left: 7px; }
  .x-btn-text-icon button::before {
    padding-right: 7px;
    /*margin-top: dp(-4);*/ }
  .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: 7px;
    color: inherit; }
  .x-btn-menu-active {
    background-color: rgba(0, 0, 0, 0.04); }
  .x-btn-mc em.x-btn-arrow > button {
    /*padding-right: dp(8);*/ }
    .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 7px 0 0; }

.x-panel-btns td.x-toolbar-cell {
  padding: 0 0 0 7px; }

.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: 0px; }
  .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: 0px; }

.x-btn-ml, .x-btn-mr {
  min-width: 7px;
  width: 7px; }

.x-btn-disabled * {
  color: rgba(0, 0, 0, 0.26) !important; }

.x-btn-group {
  padding: 0;
  background-color: white;
  margin-right: 7px;
  border-radius: 3.5px;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .x-btn-group-header {
    color: inherit; }
  .x-btn-group-tl, .x-btn-group-tc, .x-btn-group-tr {
    height: 0px; }
  .x-btn-group-bl, .x-btn-group-bc, .x-btn-group-br {
    height: 0px; }
  .x-btn-group-ml, .x-btn-group-mr {
    width: 7px;
    padding: 0; }
  .x-btn-group .x-btn, .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 #243a80;
    background-color: white; }
  .x-btn-group .x-btn-icon button {
    min-height: 31.5px; }
  .x-btn-group td.x-table-layout-cell:first-child ~ td {
    border-left: 1px solid rgba(0, 0, 0, 0.12); }

.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 7px 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 3.5px; }
  .x-panel-tbar .x-searchbar, .x-panel-bbar .x-searchbar, .x-window-tbar .x-searchbar, .x-window-bbar .x-searchbar {
    background-color: white;
    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: 49px; }
    .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: 42px;
      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: 49px;
        padding: 0 7px 0 14px;
        width: auto; }

.x-panel-bbar .x-searchbar input {
  min-height: 35px; }
  .x-panel-bbar .x-searchbar input + .x-form-search-trigger {
    min-height: 35px; }

.x-toolbar {
  height: 42px;
  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: 35px; }
  .x-toolbar-ct {
    height: 100%; }
  .x-panel-tbar .x-toolbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .x-panel-bbar .x-toolbar {
    height: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .x-toolbar.primary {
    background-color: #243a80;
    background-color: var(--c-primary, #243a80); }
  .x-toolbar.header {
    border-bottom: 0; }
  .x-toolbar-left .x-toolbar-cell > * {
    margin-right: 7px; }
  .x-toolbar-right .x-toolbar-cell > * {
    margin-left: 7px; }
  .x-toolbar-right {
    padding-right: 7px; }
  .x-toolbar-left {
    padding-left: 7px; }
  .x-toolbar div.xtb-text {
    padding: 0 7px 0 0; }
  .x-toolbar .xtb-title {
    padding-left: 7px; }
  .x-toolbar .x-form-field-wrap {
    margin: 0 7px; }

.x-small-editor x-form-text, .x-small-editor textarea.x-form-field {
  min-height: 21px;
  margin: 0; }

.x-toolbar .x-item-disabled {
  color: rgba(0, 0, 0, 0.38); }

.x-toolbar .x-item-disabled * {
  color: rgba(0, 0, 0, 0.38); }

.x-toolbar .xtb-sep {
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0 7px;
  width: 1px;
  height: 28px; }

.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: 42px; }

.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: white; }
  .x-grid3-scroller {
    -webkit-overflow-scrolling: touch; }
  .x-grid3-hd {
    overflow: hidden;
    position: relative; }
    .x-grid3-hd-btn {
      color: inherit;
      right: -1.75px;
      line-height: 28px; }
      .x-grid3-hd-btn:after {
        background-color: inherit;
        content: 'arrow_drop_down'; }
    .x-grid3-hd-row td {
      color: rgba(0, 0, 0, 0.87);
      border-left: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.04);
      height: 28px; }
      .x-grid3-hd-row td.x-grid3-cell-last {
        border-right: 0; }
      .x-grid3-hd-row td.x-grid3-hd-over.x-grid3-sortable {
        cursor: pointer;
        color: #243a80;
        color: var(--c-primary, #243a80); }
    .x-grid3-hd-text {
      color: rgba(0, 0, 0, 0.87); }
    .x-grid3-hd-inner {
      position: initial; }
  .x-grid3-header {
    height: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #fafafa; }
  .x-grid3-cell-inner, .x-grid3-hd-inner {
    padding: 5.25px 7px 5.25px 14px; }
    .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: 12.25px; }
    .x-grid3-cell-inner a, .x-grid3-hd-inner a {
      cursor: pointer; }
  .x-grid3-row-checker, .x-grid3-hd-checker .x-grid3-hd-checker {
    height: 17.5px; }
    .x-grid3-row-checker::before, .x-grid3-hd-checker .x-grid3-hd-checker::before {
      padding: 0;
      top: -1px; }
    .x-grid3-row-selected .x-grid3-row-checker::before, .x-grid3-row-selected .x-grid3-hd-checker .x-grid3-hd-checker::before {
      content: 'check_box'; }
  .x-grid3-row {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
    .x-grid3-row-over {
      background-color: rgba(0, 0, 0, 0.04); }
    .x-grid3-row-selected {
      background-color: rgba(0, 0, 0, 0.08);
      border-bottom-color: transparent;
      background-image: none; }
    .x-grid3-row-alt {
      background-color: rgba(0, 0, 0, 0.04); }
    .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: 3.5px 0;
    position: relative; }
  .x-grid3-check-col-td > div {
    text-overflow: initial; }
    .x-grid3-check-col-td > div > div {
      height: 17.5px; }
      .x-grid3-check-col-td > div > div::before {
        padding: 0;
        top: -1px; }
      .x-grid3-check-col-td > div > div.x-grid3-check-col-on::before {
        content: 'check_box'; }
  .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: rgba(0, 0, 0, 0.08);
    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 7px 14px;
    color: rgba(0, 0, 0, 0.64); }
  .x-grid3-hd-inner {
    min-height: 17.5px;
    padding: 0 7px 0 14px; }
  .x-grid3-dirty-cell > div {
    border-radius: 3.5px;
    border-left: 3.5px solid #f57c00;
    padding-left: 10.5px;
    background-color: rgba(245, 124, 0, 0.08); }
  .x-grid3-body {
    /*min-height: dp(152);*/
    position: relative;
    /*		.x-grid3-check-col-td, .x-grid3-row-checker {
			padding-left: dp(16) !important;
		}*/ }
  .x-grid3-resize-proxy {
    background-color: #777; }
  .x-grid3-resize-marker {
    background-color: #777; }

.x-grid3-radio-col:before {
  color: rgba(0, 0, 0, 0.54);
  content: 'radio_button_unchecked'; }

.x-grid3-radio-col-on:before {
  color: rgba(0, 0, 0, 0.54);
  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: rgba(0, 0, 0, 0.87) !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: rgba(0, 0, 0, 0.38);
    left: 12.25px;
    top: 8.75px;
    font-size: 12px;
    margin: 0 3.5px;
    content: 'arrow_downward'; }

.sort-desc .x-grid3-sort-icon:after {
  content: 'arrow_upward'; }

.col-move-top, .col-move-bottom {
  width: 14px;
  height: 14px;
  pointer-events: none;
  overflow: visible; }
  .col-move-top:before, .col-move-bottom:before {
    content: 'arrow_drop_down';
    left: -7px;
    position: relative; }

.col-move-bottom:before {
  content: 'arrow_drop_up';
  top: -21px; }

td.grid-hd-group-cell {
  background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom; }

.x-grid-editor .x-form-field {
  min-height: 35px;
  border: 0;
  padding-left: 14px;
  border-radius: 0; }

.x-grid-editor textarea.x-form-field {
  padding-top: 10.5px;
  padding-left: 14px; }

.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: 7px; }
    .x-grid-group-hd div.x-grid-group-title::before {
      padding: 0 3.5px;
      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: 7px auto;
  /*	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);*/
  padding: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.38); }
  .x-grid-empty::before {
    font-size: 105px !important;
    display: block; }
  .x-form-element .x-grid-empty {
    margin: 3.5px 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: rgba(0, 0, 0, 0.87);
  opacity: .9;
  border: 0;
  padding: 0 7px 0 35px; }
  .x-dd-drag-ghost a {
    color: inherit; }

.x-dd-drag-proxy {
  background-color: white;
  line-height: 35px; }
  .x-dd-drag-proxy .x-grid3-hd-inner {
    border: 0; }

.x-dd-drop-icon:before {
  padding: 1.75px 7px; }
  .x-dd-drop-ok-add .x-dd-drop-icon:before {
    content: 'add';
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .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: 5.25px 7px;
  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-cb {
  padding: 0 3.5px; }

.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; }
  .x-tree-ec-icon::before, .x-tree-node-icon::before {
    color: rgba(0, 0, 0, 0.54); }

.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: 21px; }

.x-tree-node .x-tree-node-over {
  background-color: rgba(0, 0, 0, 0.04); }

.x-tree-node .x-tree-selected {
  background-color: rgba(0, 0, 0, 0.08); }

.x-tree-node-indent span {
  display: inline-block;
  width: 21px; }

.x-tree-node a, .x-tree-node .x-dd-drag-ghost a {
  color: rgba(0, 0, 0, 0.87); }
  .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 5.25px;
  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: rgba(0, 0, 0, 0.04);
  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: #444444; }

.x-tree-node .x-tree-node-disabled a {
  color: gray !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-node .x-tree-drag-append a {
  background-color: #ddd;
  border-color: gray; }

.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 7px;
  width: 224px;
  border-color: transparent; }
  .x-date-picker > table, .x-date-picker table.x-date-inner {
    width: 100%; }

.x-date-left a:before {
  width: 21px;
  content: 'keyboard_arrow_left'; }

.x-date-right a:before {
  width: 21px;
  content: 'keyboard_arrow_right'; }

.x-date-left, .x-date-right {
  width: 35px; }
  .x-date-left a, .x-date-right a {
    height: 21px;
    width: 35px;
    padding: 0;
    margin: 0;
    color: inherit; }

.x-date-bottom {
  border: 0; }

.x-date-inner th {
  height: 28px;
  border: 0;
  padding: 0;
  text-align: center !important; }
  .x-date-inner th span {
    padding: 0; }

.x-date-inner a {
  height: 28px;
  padding: 0;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%; }

.x-date-inner td {
  height: 28px;
  width: 28px;
  text-align: center;
  border: 0; }

.x-date-inner .x-date-today a {
  border: 1px solid currentColor;
  padding: 0;
  font-weight: 700;
  color: #243a80;
  color: var(--c-primary, #243a80); }

.x-date-inner .x-date-selected a {
  background-color: #243a80;
  background-color: var(--c-primary, #243a80);
  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: #ff9100; }

.x-date-middle {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  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: #fafafa; }

.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: rgba(0, 0, 0, 0.04); }

td.x-date-mp-month a, td.x-date-mp-year a {
  color: rgba(0, 0, 0, 0.87);
  padding: 7px 0; }

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  color: white;
  background-color: #ff9100; }

td.x-date-mp-sel a {
  border-radius: 3.5px;
  background-color: #243a80;
  background-color: var(--c-primary, #243a80);
  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: #243a80;
  color: var(--c-primary, #243a80); }

td.x-date-mp-sep {
  border-right-color: rgba(0, 0, 0, 0.04); }

.x-tip {
  border-radius: 3.5px;
  box-sizing: content-box;
  background-color: #212121;
  opacity: .9; }
  .x-tip .x-tip-header-text {
    color: white; }
  .x-tip .x-tip-body {
    color: #f5f5f5;
    letter-spacing: 0.04em; }
  .x-tip .x-tip-mr {
    padding-right: 7px; }
  .x-tip .x-tip-ml, .x-tip .x-tip-tl, .x-tip .x-tip-bl {
    padding-left: 7px; }
  .x-tip .x-tip-tc {
    padding-top: 5.25px; }
  .x-tip .x-tip-bc {
    padding-bottom: 5.25px; }

.x-form-invalid-tip .x-tip-tc,
.x-form-invalid-tip .x-tip-tl,
.x-form-invalid-tip .x-tip-tr,
.x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl,
.x-form-invalid-tip .x-tip-br,
.x-form-invalid-tip .x-tip-ml,
.x-form-invalid-tip .x-tip-mr {
  background-image: url(../images/default/form/error-tip-corners.gif); }

.x-form-invalid-tip .x-tip-body::before {
  content: 'warning'; }

.x-menu {
  border-radius: 3.5px;
  background-color: white;
  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 0px;
  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: 7px 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .x-menu-floating {
    border: 0; }
  .x-menu-nosep {
    background-image: none; }
  .x-menu-sep {
    margin: 7px 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.04);
    border: 0; }
  .x-menu-list-item {
    padding: 7px 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: 28px; }
  .x-menu-item-active {
    background-color: rgba(0, 0, 0, 0.04);
    border: 0; }
  .x-menu-item-icon {
    display: inline-block;
    width: 35px !important;
    height: 17.5px;
    position: relative;
    background-size: contain; }
    li > .x-menu-item-icon {
      position: absolute; }
  .x-menu-check-item .x-menu-item-text:before {
    position: absolute;
    left: 14px;
    top: 0;
    content: 'check_box_outline_blank'; }
  .x-menu-item-checked .x-menu-item-text:before {
    position: absolute;
    left: 14px;
    top: 0;
    content: 'check_box'; }
  .x-menu-item-checked a.x-menu-group-item .x-menu-item-text:before {
    content: 'radio_button_checked'; }
  .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 49px 0 14px;
  border: 0 !important; }

a.x-menu-group-item .x-menu-item-text:before {
  content: 'radio_button_unchecked'; }

.menu-title {
  color: #243a80;
  color: var(--c-primary, #243a80);
  padding: 7px 14px 0; }

.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: 3.5px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    pointer-events: none; }
  .x-menu-scroller-top::before {
    border-bottom-color: rgba(0, 0, 0, 0.54); }
  .x-menu-scroller-bottom::before {
    border-top-color: rgba(0, 0, 0, 0.54); }

.x-box-mc {
  color: white; }
  .x-box-mc h3 {
    color: inherit; }

/*
.x-box-tl {
	background-image: url(../images/default/box/corners.gif);
}

.x-box-tc {
	background-image: url(../images/default/box/tb.gif);
}

.x-box-tr {
	background-image: url(../images/default/box/corners.gif);
}

.x-box-ml {
	background-image: url(../images/default/box/l.gif);
}

.x-box-mc {
	background-color: #eee;
	background-image: url(../images/default/box/tb.gif);
	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
	color: #393939;
	font-size: 12px;
}

.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
}

.x-box-mr {
	background-image: url(../images/default/box/r.gif);
}

.x-box-bl {
	background-image: url(../images/default/box/corners.gif);
}

.x-box-bc {
	background-image: url(../images/default/box/tb.gif);
}

.x-box-br {
	background-image: url(../images/default/box/corners.gif);
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
	background-image: url(../images/default/box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
	background-image: url(../images/default/box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
	color: #17385b;
}

.x-box-blue .x-box-ml {
	background-image: url(../images/default/box/l-blue.gif);
}

.x-box-blue .x-box-mr {
	background-image: url(../images/default/box/r-blue.gif);
}
*/
.x-combo-list {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3.5px;
  background-color: #f5f5f5; }
  .x-combo-list-inner {
    padding: 7px 0; }
    .x-combo-list-inner h4 {
      padding: 7px; }
  .x-combo-list-hd {
    color: rgba(0, 0, 0, 0.87); }
  .x-combo-list-item {
    min-height: 28px;
    padding: 7px; }
  .x-combo-list .x-combo-selected {
    background-color: rgba(0, 0, 0, 0.08); }
  .x-combo-list .x-toolbar {
    height: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
    .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: 14px; }

.x-portlet .x-panel-ml {
  padding-left: 0px; }

.x-portlet .x-panel-mr {
  padding-right: 0px; }

.x-border-panel {
  border-right: 1px solid rgba(0, 0, 0, 0.04); }
  .x-border-panel:last-child {
    border-right: 0; }

.x-panel {
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .x-panel-noborder {
    border: 0; }
  .x-panel-body {
    border: 0;
    -webkit-overflow-scrolling: touch; }
  .x-panel-header {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    padding: 0 7px 0 12.25px;
    height: 42px;
    line-height: 42px; }
    .x-border-panel > .x-panel-header {
      background-color: transparent; }
  .x-panel-icon::before {
    float: left;
    padding: 10.5px 14px 10.5px 0; }
  .x-panel-collapsed .x-window-tl {
    border-bottom-color: #84a0c4; }
  .x-panel-floating {
    background-color: #fafafa; }
  .x-panel-bwrap {
    overflow: visible; }
  .x-panel-tbar {
    overflow: visible; }

.x-tool {
  margin: 7px 0;
  position: relative;
  width: 28px;
  height: 28px; }
  .x-tool:hover {
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .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: rgba(0, 0, 0, 0.87); }

.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br {
  border: 0; }

.x-panel-mc {
  background-color: white; }

.x-panel-ghost {
  border-radius: 3.5px;
  visibility: visible;
  background-color: white; }

.x-panel-ghost ul {
  border: 0; }

.x-panel-fbar td button, .x-panel-fbar span button, .x-panel-fbar input button, .x-panel-fbar div button, .x-panel-fbar select button, .x-panel-fbar label button {
  color: #243a80;
  color: var(--c-primary, #243a80); }

.x-window {
  background-color: #f5f5f5;
  border-radius: 3.5px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .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: 3.5px;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .x-window-footer-noborder {
    border-top: 0; }
  .x-window-header {
    background-color: #f5f5f5;
    border-radius: 3.5px;
    padding: 0 7px 0 14px; }
    .x-window-header-text {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 42px;
      line-height: 42px; }
  .x-window-header-noborder {
    border-bottom: 0; }
  .x-window-proxy {
    border-radius: 3.5px;
    background-color: white; }
  .x-window-bbar .x-toolbar {
    border-top-color: rgba(0, 0, 0, 0.04); }
  .x-window-maximized .x-window-tc {
    background-color: #fff; }

.x-panel-ghost .x-window-tl {
  border-bottom-color: rgba(0, 0, 0, 0.04); }

.x-dlg-mask {
  background-color: #ccc; }

.x-html-editor-wrap {
  border-radius: 3.5px;
  border: 1px solid rgba(0, 0, 0, 0.26); }

.x-html-editor-tb .x-toolbar {
  height: 35px;
  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 .x-date-mp-btns button, .x-date-mp-btns .x-html-editor-tb .x-toolbar button {
    font-size: .8em; }

.x-html-editor-tb .x-btn-text {
  background-image: none;
  color: rgba(0, 0, 0, 0.64); }

form .x-border-layout-ct {
  background-color: #fafafa; }

.x-table-layout-cell {
  vertical-align: top; }

.x-accordion-hd {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 0 !important; }
  .x-panel-collapsed .x-accordion-hd {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; }
  .x-accordion-hd .x-tool {
    color: rgba(0, 0, 0, 0.54); }

.x-layout-collapsed {
  display: none;
  background-color: #f5f5f5;
  border: 0;
  width: 0px;
  height: 21px; }
  .x-layout-collapsed-over {
    background-color: rgba(0, 0, 0, 0.04); }
  .x-layout-collapsed .x-tool {
    margin: 0;
    width: 21px;
    height: 21px; }

.x-layout-split {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .x-layout-split.x-splitbar-h {
    width: 2.625px; }
    .x-layout-split.x-splitbar-h .x-layout-mini-west {
      right: 0;
      left: auto; }
  .x-layout-split.x-splitbar-v {
    height: 2.625px; }
  .x-layout-split .x-layout-mini {
    background-color: #eeeeee;
    opacity: 1; }

.x-layout-mini {
  width: 5.25px;
  background-color: white;
  border-radius: 3.5px; }
  .x-layout-mini:before {
    position: relative;
    display: block;
    content: '';
    border: 5.25px 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: rgba(0, 0, 0, 0.54);
      right: 5.25px;
      top: 13px; }
    .x-layout-split-east .x-layout-mini:before,
    .x-layout-cmini-west .x-layout-mini:before {
      border-left-color: rgba(0, 0, 0, 0.54);
      right: 0;
      top: 13px; }
    .x-layout-split-north .x-layout-mini:before,
    .x-layout-cmini-south .x-layout-mini:before {
      border-bottom-color: rgba(0, 0, 0, 0.54);
      top: -5.25px;
      left: 13px; }
    .x-layout-split-south .x-layout-mini:before,
    .x-layout-cmini-north .x-layout-mini:before {
      border-top-color: rgba(0, 0, 0, 0.54);
      top: 0;
      left: 13px; }

.x-progress-wrap {
  border: 0;
  border-radius: 3.5px; }

.x-progress-inner {
  height: 28px;
  background-color: rgba(36, 58, 128, 0.16);
  background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }

.x-progress-bar {
  background-color: #243a80;
  background-color: var(--c-primary, #243a80);
  border: 0; }

.x-progress-text {
  color: #fff;
  line-height: 28px; }
  .x-progress-text-back {
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87); }

.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: #fafafa; }

.x-list-resizer {
  border-left-color: #555;
  border-right-color: #555; }

.x-slider-horz {
  height: 28px;
  overflow: visible; }
  .x-slider-horz .x-slider-inner {
    top: 14px;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 3.5px;
    height: 1.75px; }
  .x-slider-horz .x-slider-focus {
    height: 1.75px;
    transform-origin: 0 0;
    width: 100%;
    background-color: #243a80;
    background-color: var(--c-primary, #243a80); }
  .x-slider-horz .x-slider-thumb {
    cursor: -webkit-grab;
    cursor: grab;
    top: -7.875px;
    border: 3px solid transparent;
    border-color: #243a80;
    border-color: var(--c-primary, #243a80);
    width: 17.5px;
    height: 17.5px;
    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: #243a80;
    background-color: var(--c-primary, #243a80); }
    .x-slider-horz .x-slider-thumb.x-slider-thumb-drag {
      cursor: -webkit-grabbing;
      cursor: grabbing;
      transform: scale(1); }

input[value="0"] + .x-slider .x-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: white; }

.x-window-dlg {
  background-color: #f5f5f5;
  border-radius: 3.5px; }

.ext-mb-text {
  max-height: 525px;
  overflow: auto;
  display: block; }

.x-window-dlg .ext-mb-info:after {
  content: 'info';
  font-size: 2.2em;
  color: #243a80;
  color: var(--c-primary, #243a80); }

.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: #243a80;
  color: var(--c-primary, #243a80); }

.x-window-dlg .ext-mb-error {
  background-image: url(../images/default/window/icon-error.gif); }

.x-switch {
  position: relative;
  min-height: 21px;
  padding-left: 3.5px; }
  .x-switch > .thumb {
    position: absolute;
    pointer-events: none;
    transition: transform linear .06s, background-color linear .08s;
    height: 21px;
    width: 21px;
    top: -1.75px;
    left: 0px; }
    .x-switch > .thumb::after {
      content: '';
      position: absolute;
      top: 0;
      height: 21px;
      width: 21px;
      background-color: #fafafa;
      z-index: 1;
      border-radius: 50%; }
    .x-switch > .thumb::before {
      content: "";
      position: absolute;
      top: -7px;
      left: -7px;
      bottom: -7px;
      right: -7px;
      background-color: transparent;
      border-radius: 50%; }
  .x-switch > .track {
    background-color: rgba(0, 0, 0, 0.38);
    position: absolute;
    height: 14px;
    top: 2.625px;
    width: 35px;
    border-radius: 7px;
    pointer-events: none;
    transition: background-color linear .08s; }
  .x-switch > input {
    width: 35px;
    height: 21px;
    opacity: 0; }
    .x-switch > input:checked ~ .thumb {
      transform: translate(21px, 0); }
      .x-switch > input:checked ~ .thumb::after {
        background-color: #243a80;
        background-color: var(--c-primary, #243a80); }
      .x-switch > input:checked ~ .thumb::before {
        border-color: #243a80;
        border-color: var(--c-primary, #243a80); }
    .x-switch > input:checked ~ .track {
      background-color: rgba(36, 58, 128, 0.16);
      background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16)); }
    .x-switch > input:focus ~ .thumb::before {
      background-color: rgba(0, 0, 0, 0.12); }
    .x-switch > input:focus:checked ~ .thumb::before {
      background-color: rgba(36, 58, 128, 0.2); }
    .x-switch > input[disabled] ~ .thumb {
      background-color: #bdbdbd; }
      .x-switch > input[disabled] ~ .thumb::before {
        background-color: rgba(0, 0, 0, 0.12); }
    .x-switch > input[disabled] ~ .track {
      background-color: rgba(0, 0, 0, 0.04); }
    .x-switch > input ~ label {
      padding-left: 49px; }

.x-superboxselect {
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 0;
  display: block; }
  .x-superboxselect input[disabled] {
    background-color: transparent; }
  .x-superboxselect-input {
    padding-left: 7px; }
    .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: 2.625px 1.75px 2.625px;
    line-height: 21px; }
  .x-superboxselect-stacked li {
    float: none !important; }
  .x-superboxselect-display-btns {
    padding-right: 56px; }
  .x-superboxselect-btns {
    border-left: 1px solid rgba(0, 0, 0, 0.04);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0 3.5px; }
    .x-superboxselect-btns div {
      float: left;
      margin-top: 6.125px;
      width: 21px;
      height: 21px; }
  .x-superboxselect-btn-clear:before {
    content: 'clear';
    font-size: 15.75px;
    width: 21px;
    text-align: center; }
  .x-superboxselect-btn-expand:before {
    content: 'arrow_drop_down';
    line-height: 15.75px; }
  .x-superboxselect-btn-over {
    color: black; }
  .x-superboxselect-btn-hide {
    display: none; }
  .x-superboxselect-item {
    position: relative;
    border-radius: 3.5px;
    background-color: rgba(36, 58, 128, 0.16);
    background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16));
    padding: 0px 28px 0px 7px; }
    .x-superboxselect-item-hover {
      background-color: rgba(0, 0, 0, 0.04); }
    .x-superboxselect-item-focus {
      background-color: rgba(0, 0, 0, 0.08);
      color: white; }
    .x-superboxselect-item-close {
      height: 21px;
      position: absolute;
      right: 3.5px;
      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: black; }
      .x-superboxselect-item-focus .x-superboxselect-item-close {
        color: white; }
      .x-item-disabled .x-superboxselect-item-close {
        color: rgba(0, 0, 0, 0.38); }

:root {
  --c-primary: #243a80;
  --c-primary-tp: rgba(36, 58, 128, 0.16); }

::-webkit-scrollbar-thumb {
  background: #eeeeee; }

input[type="time"]::-webkit-clear-button {
  display: none; }

html {
  font-size: 100%;
  letter-spacing: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  background-color: #243a80;
  background-color: var(--c-primary, #243a80); }

body * {
  box-sizing: border-box; }

body, html {
  color: rgba(0, 0, 0, 0.87);
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

button, html, input, select, textarea {
  font-family: Lato, sans-serif; }

h1 {
  margin: 14px 0; }

h2 {
  margin: 14px 0; }

h3 {
  margin: 7px 0; }

h4 {
  margin: 7px 0; }

h5 {
  margin: 7px 0; }

h6 {
  margin: 7px 0; }

code, .go-page pre {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
  padding: 7px;
  margin: 14px 0;
  display: block;
  font-family: "Courier New",Courier,monospace;
  color: black;
  border-radius: 3.5px;
  overflow: auto;
  white-space: pre-wrap; }

p {
  margin: 14px 0; }

.blue {
  color: #039BE5 !important; }

.red {
  color: #E53935 !important; }

.pink {
  color: #D81B60 !important; }

.purple {
  color: #8E24AA !important; }

.cyan {
  color: #00ACC1 !important; }

.green {
  color: #43A047 !important; }

.orange {
  color: #FB8C00 !important; }

.brown {
  color: #6D4C41 !important; }

.yellow {
  color: #FDD835 !important; }

.bluegrey {
  color: #607D8B !important; }

.info {
  background-color: rgba(36, 58, 128, 0.16);
  color: #243a80;
  border: 1px solid #243a80;
  border-radius: 3.5px;
  padding: 7px;
  margin: 14px; }

strong {
  font-weight: bold; }

small {
  font-weight: normal;
  font-size: .85em;
  line-height: 1.2; }

.success {
  color: #43A047 !important; }

.danger {
  color: #E53935 !important; }

.warning {
  color: #f57c00 !important; }

p {
  margin: 14px 0; }

/*#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: rgba(0, 0, 0, 0.87);
  text-decoration: none; }
  a[target], a[onclick] {
    color: #243a80; }
  a:hover {
    text-decoration: underline; }
  a label {
    cursor: inherit; }

.ext-mb-content a {
  color: #243a80; }

#loading {
  color: white;
  position: absolute;
  top: 0;
  width: 100%; }
  #loading .loading-indicator {
    margin-top: 40vh;
    text-align: center; }
  #loading .loading-wave {
    border: 5.25px solid currentColor;
    border-radius: 22.75px;
    position: relative;
    text-align: center;
    width: 85.75px;
    height: 85.75px;
    padding-left: 13.125px;
    padding-top: 14px;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto; }
    #loading .loading-wave b {
      display: block;
      float: left;
      margin-right: 5.25px;
      width: 12.25px;
      height: 12.25px;
      border-radius: 50%;
      background: currentColor;
      animation: wave 1.3s linear infinite; }
      #loading .loading-wave b::after {
        display: block;
        float: left;
        content: '';
        margin-right: 3.5px;
        width: 12.25px;
        margin-top: 15.75px;
        height: 29.75px;
        border-radius: 7px;
        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: 14px;
  text-align: center;
  width: 100%; }

#go-powered-by {
  position: absolute;
  right: 14px;
  bottom: 14px; }
  #go-powered-by a {
    color: inherit; }

#login-top-panel {
  height: 77px;
  position: relative; }
  #login-top-panel .login-user-welcome {
    position: absolute;
    bottom: 14px;
    right: 14px; }

.go-display-name {
  margin: 7px 0 7px 14px;
  display: block; }

.login-text-comp {
  padding-bottom: 14px; }

#login .go-app-logo {
  position: absolute;
  top: 14px;
  left: 14px; }

#login #go-powered-by {
  color: white; }

#motd {
  border-radius: 3.5px;
  background-color: white;
  margin: 49px auto 0;
  padding: 7px;
  max-width: 100%;
  width: 600px;
  max-height: 220px;
  overflow: auto; }

#go-login-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 63px; }

#go-select-language {
  position: absolute;
  top: 14px;
  right: 14px; }
  #go-select-language label {
    text-align: right;
    color: white;
    padding-top: 3.5px; }
  #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: 14px;
  position: absolute;
  top: 10.5px;
  left: 0; }

.go-header-right {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  padding-right: 14px;
  /* padding: 20px 20px 20px 0px; */
  /* height: 46px; */ }

#quick-add-menu {
  display: inline-block;
  padding: 3.5px 0;
  height: 49px;
  width: 100%;
  margin-right: 7px; }

.go-module-title-tbar {
  display: none;
  color: #243a80;
  color: var(--c-primary, #243a80); }

.go-item-wrap {
  cursor: pointer;
  padding: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
  .go-item-wrap:before {
    content: 'keyboard_arrow_right';
    padding-right: 14px; }
  .go-item-wrap.go-view-selected {
    background-color: rgba(0, 0, 0, 0.08);
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .go-item-wrap span {
    padding: 0 0 0 35px !important; }

.go-view-over {
  background-color: rgba(0, 0, 0, 0.04); }

#go-logo, .go-app-logo, .go-about-logo {
  background-image: url(./img/logo-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 35px;
  width: 210px; }

.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 35px;
  background-repeat: no-repeat;
  background-position: 14px 14px;
  height: 63px;
  width: 238px;
  border: 1px solid;
  background-color: #243a80;
  background-color: var(--c-primary, #243a80); }

.x-portlet {
  border: 0;
  background-color: white;
  border-radius: 3.5px; }

.go-nav > div {
  min-height: 35px;
  padding: 7px 0;
  padding-left: 14px;
  cursor: pointer; }
  .go-nav > div.x-view-selected i {
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .go-nav > div > i {
    color: rgba(0, 0, 0, 0.64);
    margin-right: 14px; }
  .go-nav > div button {
    visibility: hidden; }
  .go-nav > div:hover button {
    visibility: visible; }
  .go-nav > div.x-view-over {
    background-color: rgba(0, 0, 0, 0.04); }
  .go-nav > div.x-view-selected {
    color: #243a80;
    color: var(--c-primary, #243a80);
    background-color: rgba(0, 0, 0, 0.08); }
  .go-nav > div.divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 14px;
    margin-bottom: 7px; }

#mainNorthPanel {
  height: 49px;
  position: relative;
  color: white;
  background-color: #243a80;
  background-color: var(--c-header-bg, #243a80); }
  #mainNorthPanel .x-panel-body {
    min-height: 49px; }

.go-main-tab-panel.x-tab-panel > .x-tab-panel-header {
  position: relative;
  border-width: 0 0 0 0;
  background-color: #243a80;
  background-color: var(--c-header-bg, #243a80); }
  .go-main-tab-panel.x-tab-panel > .x-tab-panel-header .x-tab-strip-active {
    border-bottom-color: #ff9100;
    border-bottom-color: var(--c-accent, #ff9100);
    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-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: #fafafa; }
  .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.875px solid rgba(0, 0, 0, 0.04); }

.go-grid3-hide-headers .x-grid3-header {
  display: none; }

.go-head-tb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  position: relative;
  z-index: 2;
  background-color: #fafafa !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: 49px; }
  #secondary-menu #start-menu-link {
    display: inline-block;
    text-decoration: none;
    height: 35px;
    padding: 15.75px 7px 7px 7px;
    color: white; }
    #secondary-menu #start-menu-link:hover, #secondary-menu #start-menu-link:active {
      color: white; }

#search_query {
  float: left;
  display: block;
  padding-top: 10.5px; }

.search-field-wrap {
  position: absolute;
  z-index: 20;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  padding: 7px;
  background-color: #243a80;
  background-color: var(--c-header-bg, #243a80); }
  .search-field-wrap .x-form-trigger {
    height: 42px; }
    .search-field-wrap .x-form-trigger.x-form-clear-trigger::before {
      font-size: 21px;
      color: white; }
  .search-field-wrap.x-hide-display {
    opacity: 0;
    pointer-events: none; }
  .search-field-wrap .x-btn, .search-field-wrap .x-date-mp-btns button, .x-date-mp-btns .search-field-wrap button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0; }
  .search-field-wrap .x-form-field-wrap {
    margin: 0 auto; }
  .search-field-wrap input {
    width: 100%;
    max-width: 700px;
    background: none;
    height: 42px;
    border: 0;
    padding: 0 0 0 7px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white; }
    .search-field-wrap input.x-form-invalid {
      background-color: #e57373; }

@keyframes slide-top {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

#message-ct > div, .notifications > div {
  border-radius: 3.5px;
  background-color: white;
  cursor: pointer;
  pointer-events: auto;
  max-width: 420px;
  min-height: 35px;
  margin: 0 auto 3.5px; }
  #message-ct > div .x-panel-header, .notifications > div .x-panel-header {
    color: rgba(0, 0, 0, 0.64);
    height: 35px; }
    #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: -3.5px; }
    #message-ct > div .x-panel-header .x-tool, .notifications > div .x-panel-header .x-tool {
      transform: scale(0.8);
      margin-top: 3.5px; }
  #message-ct > div .x-panel-header-text, .notifications > div .x-panel-header-text {
    color: rgba(0, 0, 0, 0.64);
    font-size: 14px; }
  #message-ct > div .x-panel-bwrap, .notifications > div .x-panel-bwrap {
    padding: 7px 14px; }
    #message-ct > div .x-panel-bwrap em, .notifications > div .x-panel-bwrap em {
      float: right; }

#message-ct {
  position: absolute;
  pointer-events: none;
  z-index: 100000;
  top: 56px;
  right: 8px;
  overflow: visible; }
  #message-ct > div {
    animation: slide-top .2s ease-out; }

.notifications {
  padding: 3.5px;
  background-color: #243a80;
  background-color: var(--c-primary, #243a80); }
  .notifications i.entity::before {
    margin-top: -19.25px; }

.notificationArea {
  background-color: #243a80;
  background-color: var(--c-primary, #243a80); }
  .notificationArea .x-panel-header, .notificationArea .x-panel-header-text {
    border-top: 0;
    color: white; }

@keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#status-bar {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 28px;
  padding: 1.75px 7px;
  margin-top: 14px;
  margin-right: 7px;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.08); }
  #status-bar > * {
    animation: blink .3s 7 alternate;
    margin: 0 3.5px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.56);
    transform: scale(0.7);
    cursor: pointer; }

.card {
  background-color: white; }

/*.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: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none; }

.closed {
  display: none !important; }

.avatar, .user-img, .go-messages > div span.photo {
  position: relative;
  display: inline-block;
  padding: 0;
  background: url(./img/default-avatar.svg) no-repeat center center;
  background-color: #757575;
  color: #fafafa;
  background-size: cover;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  text-align: center; }
  .avatar .icon, .user-img .icon, .go-messages > div span.photo .icon, .avatar .go-grid .go-grid-hd-btn, .go-grid .avatar .go-grid-hd-btn, .user-img .go-grid .go-grid-hd-btn, .go-grid .user-img .go-grid-hd-btn, .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: 35px;
    font-size: inherit;
    height: 100%;
    width: 100%; }
  .icons .avatar, .icons .user-img, .icons .go-messages > div span.photo, .go-messages > div .icons span.photo, .go-detail-view-avatar .avatar, .go-detail-view-avatar .user-img, .go-detail-view-avatar .go-messages > div span.photo, .go-messages > div .go-detail-view-avatar span.photo {
    margin-top: 3.5px;
    margin-right: 14px; }
  .avatar .x-btn, .user-img .x-btn, .go-messages > div span.photo .x-btn, .avatar .x-date-mp-btns button, .x-date-mp-btns .avatar button, .user-img .x-date-mp-btns button, .x-date-mp-btns .user-img button, .go-messages > div span.photo .x-date-mp-btns button, .x-date-mp-btns .go-messages > div span.photo button {
    border: 0; }
  .avatar.group, .group.user-img, .go-messages > div span.group.photo {
    background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.24)); }
    .avatar.group::before, .group.user-img::before, .go-messages > div span.group.photo::before {
      content: "group"; }

.user {
  position: relative;
  padding-left: 49px;
  min-height: 35px;
  /*	.username, .displayName {
		display:block;
	}*/ }
  .user .wrap.single {
    padding-top: 8.75px; }
  .user .wrap > * {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden; }
  .user .avatar, .user .user-img, .user .go-messages > div span.photo, .go-messages > div .user span.photo {
    position: absolute;
    top: 3.5px;
    left: 3.5px;
    vertical-align: middle; }

#user-menu span + span {
  display: block;
  height: 42px;
  border-radius: 50%; }

.user-img {
  position: absolute;
  right: 14px;
  top: 7px;
  z-index: 15;
  border: 1px solid white;
  width: 42px;
  height: 42px; }
  .user-img.login-avatar {
    top: 14px; }
  .user-img:hover + div {
    display: block; }
  .user-img + div {
    padding-top: 42px;
    z-index: 14;
    color: rgba(0, 0, 0, 0.87);
    position: absolute;
    top: 17.5px;
    right: 7px;
    width: 224px;
    background-color: white; }
    .user-img + div button a {
      color: rgba(0, 0, 0, 0.54); }
      .user-img + div button a:hover {
        color: rgba(0, 0, 0, 0.87); }

hr {
  height: 1px;
  border: 0;
  margin: 13.125px 0 14px 0;
  background-color: rgba(0, 0, 0, 0.12); }

#go-logged-in-as {
  text-align: center; }

#go-module-panel-summary > div > div.x-panel-body {
  background-color: #fafafa; }

.go-tab-notification {
  color: rgba(255, 255, 255, 0.87);
  background-color: #E53935 !important;
  position: absolute;
  right: -3.5px;
  top: 3.5px; }

.go-create-link-btn .x-btn-mc em.x-btn-arrow > button:after {
  content: ''; }

.x-panel-header-text .badge {
  margin-left: 7px;
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(36, 58, 128, 0.16);
  background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16));
  display: none; }
  .x-panel-collapsed .x-panel-header-text .badge {
    display: inline-block; }

.right {
  float: right; }

.status {
  padding-left: 7px;
  padding-right: 7px;
  background-color: #fafafa;
  display: inline-block;
  border-radius: 3.5px;
  color: rgba(0, 0, 0, 0.87);
  text-shadow: 0px 0px 4px white;
  border: 1px solid rgba(0, 0, 0, 0.04); }
  .x-panel-header-text .status {
    margin: 7px; }

.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: 21px !important; }

.x-grid3-hd-row .x-grid3-td-icon {
  text-indent: -9999px; }

.x-grid3-row td.go-grid-col-icon > div {
  padding: 0 14px 0 7px; }
  .x-grid3-row td.go-grid-col-icon > div > div {
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    /*border-radius: 50%;*/
    box-sizing: border-box;
    margin-top: 7px; }

.go-grid-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 35px !important;
  display: block;
  width: auto !important;
  text-decoration: none !important; }

.x-btn .btn-cut, .x-date-mp-btns button .btn-cut,
.x-btn .btn-copy,
.x-date-mp-btns button .btn-copy,
.x-btn .btn-paste,
.x-date-mp-btns button .btn-paste,
.x-btn .btn-attach,
.x-date-mp-btns button .btn-attach,
.x-btn .btn-thumbnails,
.x-date-mp-btns button .btn-thumbnails,
.x-btn .btn-upload,
.x-date-mp-btns button .btn-upload,
.x-btn .btn-addressbook-add-contact,
.x-date-mp-btns button .btn-addressbook-add-contact,
.x-btn .btn-addressbook-add-company,
.x-date-mp-btns button .btn-addressbook-add-company,
.x-btn .btn-addressbook-manage,
.x-date-mp-btns button .btn-addressbook-manage,
.x-btn .ml-btn-mailings,
.x-date-mp-btns button .ml-btn-mailings,
.x-btn .btn-up,
.x-date-mp-btns button .btn-up,
.x-btn .btn-message,
.x-date-mp-btns button .btn-message,
.x-btn .bs-btn-catalog,
.x-date-mp-btns button .bs-btn-catalog,
.x-btn .bs-btn-expenses,
.x-date-mp-btns button .bs-btn-expenses,
.x-btn .bs-btn-report,
.x-date-mp-btns button .bs-btn-report,
.x-btn .bs-btn-batchjob,
.x-date-mp-btns button .bs-btn-batchjob,
.x-btn .bs-send-email,
.x-date-mp-btns button .bs-send-email,
.x-btn .bs-duplicate,
.x-date-mp-btns button .bs-duplicate,
.x-btn .no-btn-categories,
.x-date-mp-btns button .no-btn-categories,
.x-btn .btn-files,
.x-date-mp-btns button .btn-files,
.x-btn .btn-one-day,
.x-date-mp-btns button .btn-one-day,
.x-btn .btn-five-days,
.x-date-mp-btns button .btn-five-days,
.x-btn .btn-seven-days,
.x-date-mp-btns button .btn-seven-days,
.x-btn .btn-month,
.x-date-mp-btns button .btn-month,
.x-btn .btn-list,
.x-date-mp-btns button .btn-list,
.x-btn .cal-btn-home,
.x-date-mp-btns button .cal-btn-home,
.x-btn .btn-send,
.x-date-mp-btns button .btn-send,
.x-btn .btn-reply,
.x-date-mp-btns button .btn-reply,
.x-btn .btn-reply-all,
.x-date-mp-btns button .btn-reply-all,
.x-btn .btn-forward,
.x-date-mp-btns button .btn-forward,
.x-btn .btn-flag,
.x-date-mp-btns button .btn-flag,
.x-btn .btn-addressbook,
.x-date-mp-btns button .btn-addressbook,
.x-btn .btn-compose,
.x-date-mp-btns button .btn-compose,
.x-btn .btn-show,
.x-date-mp-btns button .btn-show,
.x-btn .btn-right-arrow,
.x-date-mp-btns button .btn-right-arrow,
.x-btn .btn-left-arrow,
.x-date-mp-btns button .btn-left-arrow,
.x-btn .btn-availability,
.x-date-mp-btns button .btn-availability,
.x-btn .btn-one-day,
.x-date-mp-btns button .btn-one-day, .x-btn btn-five-days, .x-date-mp-btns button btn-five-days, .x-btn btn-seven-days, .x-date-mp-btns button btn-seven-days, .x-btn btn-month, .x-date-mp-btns button btn-month, .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, .x-menu-item btn-five-days, .x-menu-item btn-seven-days, .x-menu-item btn-month {
  background-image: none !important; }

.x-uf-buttons-ct {
  position: relative;
  height: 31.5px; }

.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: -31.5px;
    min-height: 63px;
    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: rgba(0, 0, 0, 0.54); }

.go-icon-list p, .go-detail-view .icons p, .go-icon-list > a, .go-detail-view .icons > a {
  min-height: 35px;
  box-sizing: border-box;
  display: table;
  text-decoration: none;
  padding: 7px 14px;
  margin: 0; }
  .go-icon-list p span, .go-detail-view .icons p span, .go-icon-list p a, .go-detail-view .icons p a, .go-icon-list > a span, .go-detail-view .icons > a span, .go-icon-list > a a, .go-detail-view .icons > a a {
    display: inline-block;
    min-height: 21px; }
  .go-icon-list p i.label, .go-detail-view .icons p i.label, .go-icon-list > a i.label, .go-detail-view .icons > a i.label {
    left: 14px;
    top: 10.5px;
    width: 21px;
    height: 21px;
    position: absolute;
    color: rgba(0, 0, 0, 0.54); }
  .go-icon-list p .avatar, .go-detail-view .icons p .avatar, .go-icon-list p .user-img, .go-detail-view .icons p .user-img, .go-icon-list p .go-messages > div span.photo, .go-messages > div .go-icon-list p span.photo, .go-detail-view .icons p .go-messages > div span.photo, .go-messages > div .go-detail-view .icons p span.photo, .go-icon-list > a .avatar, .go-detail-view .icons > a .avatar, .go-icon-list > a .user-img, .go-detail-view .icons > a .user-img, .go-icon-list > a .go-messages > div span.photo, .go-messages > div .go-icon-list > a span.photo, .go-detail-view .icons > a .go-messages > div span.photo, .go-messages > div .go-detail-view .icons > a span.photo {
    left: 0;
    top: 3.5px;
    position: absolute; }
  .go-icon-list p:hover .show-on-hover, .go-detail-view .icons p:hover .show-on-hover, .go-icon-list > a:hover .show-on-hover, .go-detail-view .icons > a:hover .show-on-hover {
    display: block !important; }
  .go-icon-list p:hover .hide-on-hover, .go-detail-view .icons p:hover .hide-on-hover, .go-icon-list > a:hover .hide-on-hover, .go-detail-view .icons > a:hover .hide-on-hover {
    display: none; }
  .go-icon-list p label, .go-detail-view .icons p label, .go-icon-list > a label, .go-detail-view .icons > a label {
    width: 100%;
    display: block;
    line-height: 14px; }

.go-icon-list .left, .go-detail-view .icons .left {
  top: 10.5px;
  left: 14px;
  position: absolute; }

.go-icon-list .right, .go-detail-view .icons .right {
  top: 10.5px;
  right: 14px;
  position: absolute; }

.go-icon-list > p, .go-icon-list > a {
  position: relative;
  padding-left: 49px; }

.go-detail-view {
  /*.x-btn.fab {
		@extend .z6;
		position:absolute;
		box-sizing: border-box;
		right: dp(32);
		top:dp(-24);
		background-color: $cAccent;
		color:white;
		width:dp(48);
		height: dp(48) !important;
		transition: box-shadow 280ms $curve-standard;
		border-radius: 50%;
		button::before {
			color:white;
		}
	}
	.x-btn-over.fab {
		@extend .z8;
	}
	.x-btn-click.fab {
		@extend .z12;
		background-color: color($orange, 700) !important;
	}*/
  /*.x-tool { margin-top: dp(3);}*/ }
  .go-detail-view small {
    color: rgba(0, 0, 0, 0.64); }
  .go-detail-view .content {
    padding: 14px; }
  .go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel {
    border-radius: 3.5px;
    margin: 7px;
    background-color: white; }
    .go-detail-view > .x-panel-bwrap > .x-panel-body > .x-panel > .x-panel-bwrap > .x-panel-body {
      padding-bottom: 7px; }
  .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: 7px 0; }
  .go-detail-view .indent {
    margin: 7px 0 7px 56px; }
  .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; }
  .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: 14px;
    padding-bottom: 7px; }
  .go-detail-view label {
    width: 100%;
    display: block;
    line-height: 14px; }
  .go-detail-view .icons h5 {
    margin-left: 14px;
    margin-right: 14px; }
  .go-detail-view .icons hr {
    margin: 14px; }
  .go-detail-view .icons h5:not(:first-child) {
    margin-top: 10.5px; }
  .go-detail-view .icons > p, .go-detail-view .icons > a {
    position: relative;
    padding-left: 56px; }
  .go-detail-view .x-panel-bbar .x-btn, .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 rgba(0, 0, 0, 0.12); }
  .go-detail-view .x-panel-bbar .x-toolbar {
    border-bottom: 0;
    height: 56px; }
  .go-detail-view .x-toolbar.actions {
    padding: 14px;
    padding-bottom: 21px;
    height: 63px; }
    .go-detail-view .x-toolbar.actions .x-btn, .go-detail-view .x-toolbar.actions .x-date-mp-btns button, .x-date-mp-btns .go-detail-view .x-toolbar.actions button {
      color: #243a80;
      border: 1px solid rgba(0, 0, 0, 0.12); }
  .go-detail-view .x-panel-bbar .x-toolbar {
    border-top: 0; }
  .go-detail-view h3.title {
    padding: 14px; }

.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: 7px 14px;
  height: 49px; }
  .display-panel + .display-panel .display-panel-heading {
    border-top: 1px solid rgba(0, 0, 0, 0.12); }

.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 rgba(0, 0, 0, 0.12);
    padding: 7px 14px;
    height: 49px; }
  .go-display-panel .table_header_links {
    padding: 7px;
    vertical-align: middle;
    height: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    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: 175px; }
  table.display-panel td, table.display-panel th {
    vertical-align: top;
    padding: 7px; }
    table.display-panel td:first-child, table.display-panel th:first-child {
      padding-left: 14px; }
    table.display-panel td:last-child, table.display-panel th:last-child {
      padding-right: 14px; }
    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 rgba(0, 0, 0, 0.04); }
  table.display-panel tr.totals th {
    padding: 7px;
    vertical-align: middle;
    border-right: 1px solid rgba(0, 0, 0, 0.04); }
  table.display-panel tr.bold-line td, table.display-panel td.bold-line, table.display-panel tr.line th, table.display-panel th.line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  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 rgba(0, 0, 0, 0.04);
  vertical-align: top; }

.collapsible-display-panel-header {
  /*	color: color($fg, 'secondary-text');*/
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 7px 0 14px;
  height: 49px;
  line-height: 49px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mo-title {
  background-repeat: no-repeat;
  background-position: 3.5px center;
  padding-left: 35px;
  background-size: 14px 14px; }

.go-select-all-checkbox {
  color: rgba(0, 0, 0, 0.87); }
  .go-select-all-checkbox .x-form-checkbox + label:before {
    margin: 0 5.25px 0 3.5px;
    color: rgba(0, 0, 0, 0.54); }
  .go-select-all-checkbox .x-form-cb-label {
    vertical-align: middle; }

td[id^="comment-td"] {
  padding: 0 14px 7px !important; }

table[id^="comments-ext"] b {
  padding-right: 14px; }

.comment-div {
  padding: 7px;
  border-radius: 3.5px;
  border: 1px solid rgba(0, 0, 0, 0.04); }

.go-border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.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-body,
.go-error-dialog {
  padding: 7px 14px; }

.go-error-dialog {
  font-size: 10px;
  font-family: monospace;
  line-height: 1.4em; }

#container {
  margin: 21px;
  padding: 14px;
  font-size: 10px;
  border-radius: 3.5px; }

.go-link-grid .x-grid3-col-name, .go-search-grid .x-grid3-col-name {
  padding-left: 49px;
  position: relative; }
  .go-link-grid .x-grid3-col-name i, .go-search-grid .x-grid3-col-name i {
    position: absolute;
    left: 14px;
    top: 7px;
    width: 21px;
    height: 22.75px; }

.go-links-link-grid .x-grid3-col-name {
  padding-right: 49px; }

.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-sidenav .x-panel-body {
    padding-bottom: 7px; }

.go-layout-responsive .x-btn.go-narrow, .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 .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-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: 56px; }
    #mainNorthPanel .x-panel-body {
      min-height: 56px; } }

@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: 3.5px;
  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: rgba(0, 0, 0, 0.64); }

.x-panel.text {
  padding: 14px; }

.x-btn.raised, .x-date-mp-btns button.raised {
  border: 0.875px solid rgba(0, 0, 0, 0.12); }

.go-links-detail a {
  color: rgba(0, 0, 0, 0.87); }

.go-links-detail .icons p a:not(.right) {
  padding-right: 56px; }

.go-links-detail .count {
  float: right; }

.go-links-detail a.show-more {
  font-style: italic;
  color: #243a80;
  padding-right: 0; }

.go-links-detail .go-top-right {
  right: 42px;
  top: 10.5px;
  padding-right: 0; }

.go-login-dialog .x-panel-bbar .x-toolbar {
  border-top: 0; }

.x-grid3-cell .trigger {
  float: right; }

.x-grid3-cell.success {
  background-color: #fdfefd; }

.x-grid3-cell.danger {
  background-color: white; }

.x-grid3-cell.warning {
  background-color: #fff3e6; }

.x-grid3-cell.summary {
  background-color: #fafafa; }

.go-grid3-form-field .go-editable-col .x-grid3-cell-inner {
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3.5px;
  background-color: white;
  margin-right: 3.5px; }

.go-grid3-form-field .x-grid3-cell-inner {
  min-height: 28px;
  padding: 5.25px 7px;
  height: 28px; }

.go-grid3-form-field .ux-row-action-cell .x-grid3-cell-inner {
  padding: 3.5px 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: 5.25px 7px;
  padding-left: 7px;
  border-radius: 3.5px; }

.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: 3.5px 0 3.5px 3.5px;
  margin-right: 3.5px; }

.go-grid3-form-field .x-grid3 {
  background-color: transparent; }

.go-grid3-form-field .x-grid3-row {
  border-bottom: 0;
  margin-bottom: 3.5px; }

.go-grid3-form-field .x-panel-bbar .x-toolbar {
  border-top: 0;
  padding-right: 12.25px; }

.go-grid3-form-field .x-grid3-cell-selected {
  background-color: white; }

.go-grid3-form-field .x-grid3-scroller {
  overflow: hidden; }

.go-more-button-over {
  position: absolute;
  padding-right: 7px;
  background-color: #e6e6e6; }
  .go-more-button-over.x-btn.x-btn-over, .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: 21px;
    height: 100%;
    left: -21px;
    top: 0; }

.go-form-group {
  margin-bottom: 14px; }
  .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: #243a80;
      color: var(--c-primary, #243a80); }
  .go-form-group .x-toolbar {
    margin-left: -14px; }

.go-chip {
  display: inline-block;
  border-radius: 3.5px;
  background-color: rgba(36, 58, 128, 0.16);
  margin-right: 7px;
  margin-top: 7px;
  padding-left: 7px; }
  .go-chip button.icon, .go-chip .go-grid button.go-grid-hd-btn, .go-grid .go-chip button.go-grid-hd-btn {
    color: rgba(0, 0, 0, 0.64); }

.go-html-formatted blockquote {
  display: block;
  margin: 1em 40px;
  pading: 0px 10px; }

.go-html-formatted td {
  display: table-cell;
  /*   vertical-align: inherit;  
   text-align: inherit; */ }

.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;
  margin: 1em 2em;
  padding: 0 40px;
  /*-moz-padding-start: 40px;  */ }

.go-html-formatted ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 2em;
  padding: 0 40px;
  /*-moz-padding-start: 40px;  */ }

.go-html-formatted li {
  display: list-item; }

.go-html-formatted p {
  margin: 10px 0px; }

.go-html-formatted a:link, .go-html-formatted a:visited, .go-html-formatted a:active {
  text-decoration: underline;
  color: #243a80; }

.go-html-formatted a:visited {
  color: purple; }

.normal-link {
  text-decoration: underline;
  color: #243a80;
  cursor: pointer; }

.go-chip {
  display: inline-block;
  border-radius: 3.5px;
  background-color: rgba(36, 58, 128, 0.16);
  margin-right: 7px;
  margin-top: 7px;
  padding-left: 7px; }

.go-messages {
  padding: 0 7px; }
  .go-messages h6 {
    text-align: center;
    padding: 7px 0; }
  .go-messages > div {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 7px; }
    .go-messages > div span.photo {
      position: absolute;
      top: 0;
      margin-top: 0 !important;
      margin-right: 7px;
      text-align: center; }
      .go-messages > div span.photo:after {
        content: '';
        position: absolute;
        right: -14px;
        top: 10.5px;
        width: 0;
        height: 0;
        border: 0;
        border-right: 14px solid #eeeeee;
        border-bottom: 14px solid transparent; }
      .go-messages > div span.photo.mine {
        margin-right: 0;
        margin-left: 7px;
        right: 0; }
        .go-messages > div span.photo.mine:after {
          left: -14px;
          border: 0;
          border-left: 14px solid rgba(36, 58, 128, 0.16);
          border-bottom: 14px solid transparent; }
    .go-messages > div > div {
      border-radius: 7px;
      display: inline-block;
      margin-left: 49px;
      max-width: 100%;
      background-color: #eeeeee; }
      .go-messages > div > div .content {
        padding: 7px 14px; }
      .go-messages > div > div.mine {
        margin-right: 49px;
        margin-left: 0;
        background-color: rgba(36, 58, 128, 0.16);
        float: right; }

.tags {
  margin-left: -2px;
  padding: 0 14px !important; }
  .tags > i {
    margin-top: -14px; }

.x-emoji-menu {
  padding: 7px 0;
  overflow-y: auto;
  background-color: white !important; }
  .x-emoji-menu em {
    cursor: pointer;
    display: block;
    padding: 3.5px;
    border: 0;
    float: left;
    width: 28px;
    height: 28px;
    padding: 7px;
    font-size: 22px; }

.new-message {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 14px;
  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 rgba(0, 0, 0, 0.04); }
  .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: .6; }

.go-grid .go-grid-hd-btn {
  cursor: pointer;
  display: block;
  width: 15.75px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fafafa; }
  .go-grid .go-grid-hd-btn:hover {
    color: #243a80;
    color: var(--c-primary, #243a80); }
  .go-grid .go-grid-hd-btn::after {
    color: rgba(0, 0, 0, 0.54);
    font-size: .7em;
    content: 'more_vert'; }

.go-grid-row-inactive {
  color: rgba(0, 0, 0, 0.38); }

.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: 7px;
  right: 7px; }

.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 rgba(0, 0, 0, 0.12);
    min-height: 35px;
    padding: 0 3.5px 0 14px; }

.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: 3.5px 14px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 7px;
  background-color: white;
  cursor: pointer;
  z-index: 2; }

.x-dd-over {
  position: relative; }
  .x-dd-over::after {
    content: '';
    z-index: 1;
    pointer-events: none;
    position: absolute;
    background-color: rgba(36, 58, 128, 0.16);
    background-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16));
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    outline: 8px solid transparent;
    outline-color: rgba(36, 58, 128, 0.16);
    outline-color: var(--c-primary-tp, rgba(36, 58, 128, 0.16));
    border: 2px dashed white; }

/* used in mail to hide calendar links */
.go-hidden {
  display: none; }

.go-page {
  background: #f5f5f5; }
  .go-page header {
    text-align: center;
    background-color: #243a80;
    background-color: var(--c-primary, #243a80);
    padding: 21px;
    color: white; }
  .go-page footer {
    text-align: center;
    clear: both; }
  .go-page header .go-app-logo {
    height: 35px;
    display: inline-block; }
  .go-page section {
    width: 700px;
    margin: 0 auto;
    padding: 14px; }
  .go-page fieldset, .go-page .card {
    border-radius: 3.5px;
    background-color: white;
    border: none;
    padding: 14px; }
  .go-page .error {
    color: red; }
  .go-page button, .go-page a.button {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    min-width: 70px;
    font-family: Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.87);
    display: inline-block;
    position: relative;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border: none;
    border-radius: 2px;
    outline: none;
    background-color: #689f38;
    background-color: var(--c-secondary, #689f38);
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden; }
  .go-page h2 {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.87); }
  .go-page fieldset, .go-page .card {
    border: none;
    margin-bottom: 16px;
    overflow: hidden; }
  .go-page label {
    width: 80%;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: .8rem;
    letter-spacing: 0.04em;
    display: inline-block;
    color: #666; }
  .go-page input:not([type=checkbox]):not([type=radio]) {
    color: rgba(0, 0, 0, 0.87);
    width: 100%;
    padding: 0 0 8px;
    border: none;
    transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1), transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    background: none;
    font-size: inherit;
    -webkit-appearance: none; }
  .go-page input:focus {
    outline: none;
    border-bottom: 2px solid #212121; }
  .go-page input:-webkit-autofill, .go-page input:-webkit-autofill:hover, .go-page input:-webkit-autofill:focus, .go-page input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    transition-delay: background-color 5000s, color 5000s;
    -webkit-text-fill-color: #2a2a2a; }
  .go-page *[disabled] {
    opacity: 0.65;
    cursor: not-allowed; }

.x-panel-tbar .go-multiselect-toolbar {
  background-color: white;
  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 rgba(0, 0, 0, 0.12);
  border-radius: 3.5px;
  margin: 14px;
  text-align: center;
  padding: 42px;
  color: rgba(0, 0, 0, 0.64); }

body.go-compact #mainNorthPanel {
  height: 56px; }
  body.go-compact #mainNorthPanel .x-panel-body {
    min-height: 56px; }

body.go-compact .go-main-tab-panel {
  overflow: visible; }

body.go-compact .go-main-tab-panel.x-tab-panel > .x-tab-panel-header {
  position: absolute;
  top: -49px;
  left: 196px;
  right: 238px;
  width: auto !important;
  height: 0;
  overflow: visible; }

body.go-compact .go-main-tab-panel {
  bottom: 0; }

.text-crop {
  position: relative;
  overflow: hidden; }
  .text-crop > * {
    padding-left: 0;
    padding-right: 0; }
  .text-crop .content {
    max-height: 350px;
    padding: 14px 14px;
    /*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: 301px;
    left: 0;
    right: 0;
    height: 49px;
    transition: opacity 0s linear 360ms;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    padding-top: 21px; }
    .text-crop .more .x-btn, .text-crop .more .x-date-mp-btns button, .x-date-mp-btns .text-crop .more button {
      background-color: transparent;
      color: #243a80;
      color: var(--c-primary, #243a80);
      margin: 0 auto;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.04);
      border-width: 0.875px 0.875px 0;
      border-radius: 3.5px; }

.empty-state i, .x-grid-empty i {
  display: block;
  margin: 7px auto;
  display: block;
  font-size: 42px;
  max-height: 42px;
  color: rgba(0, 0, 0, 0.38); }

.empty-state p {
  color: rgba(0, 0, 0, 0.38);
  margin: 7px;
  text-align: center;
  font-size: 10.5px; }

.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 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

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: rgba(0, 0, 0, 0.64);
      font-size: 1.2em;
      padding-bottom: 0.8em; }
      go-yearview table caption.current {
        color: #ff9100; }
    go-yearview table th {
      height: 20px; }
    go-yearview table td, go-yearview table th {
      cursor: default;
      position: relative;
      font-size: .8em;
      text-align: center;
      vertical-align: top;
      overflow: hidden; }
      go-yearview table td.current, go-yearview table th.current {
        color: #ff9100; }
      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: #243a80; }
    go-yearview table td.weeknb {
      color: rgba(0, 0, 0, 0.64); }

.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: #243a80;
  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: .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 {
    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 0px 0px 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: 0px 2px 2px 0px;
  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: white;
    bottom: 0;
    left: 0;
    border: 0;
    overflow: hidden;
    position: absolute;
    top: 21px;
    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: .8em;
      text-align: center;
      width: 16px;
      height: 16px;
      line-height: 16px; }
    .ext-cal-monthview .ext-cal-dtitle-today > div {
      background: #ff9100;
      border-radius: 50%;
      color: white; }
    .ext-cal-monthview .ext-cal-dtitle-prev, .ext-cal-monthview .ext-cal-dtitle-next {
      color: rgba(0, 0, 0, 0.38); }
  .ext-cal-monthview .ext-cal-week {
    padding: 5px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    width: 28px;
    font-weight: normal; }
  .ext-cal-monthview .ext-cal-day {
    vertical-align: top;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background-color: white; }
    .ext-cal-monthview .ext-cal-day-prev, .ext-cal-monthview .ext-cal-day-next {
      background-color: #fafafa; }
  .ext-cal-monthview .ext-cal-hd-day {
    padding: 0 5px;
    text-align: left;
    font-size: .8em;
    height: 24px;
    color: rgba(0, 0, 0, 0.64); }
  .ext-cal-monthview .ext-cal-hd-days-tbl {
    table-layout: fixed;
    top: 21px;
    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: 28px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.38);
    padding: 3px 0 0;
    text-align: center;
    cursor: pointer; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central; }

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-grid-background {
  fill: none; }

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 4px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.1; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #d70206; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  fill: #d70206; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f05b4f; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  fill: #f05b4f; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #f4c63d; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  fill: #f4c63d; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #d17905; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  fill: #d17905; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #453d3f; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  fill: #453d3f; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #59922b; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  fill: #59922b; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #0544d3; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  fill: #0544d3; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #6b0392; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  fill: #6b0392; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #f05b4f; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  fill: #f05b4f; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #dda458; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  fill: #dda458; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #eacf7d; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  fill: #eacf7d; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #86797d; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  fill: #86797d; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #b2c326; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  fill: #b2c326; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  fill: #6188e2; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  fill: #a748ca; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%; }
  .ct-square:after {
    content: "";
    display: table;
    clear: both; }
  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%; }
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%; }
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%; }
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%; }
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%; }
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%; }
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%; }
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%; }
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both; }
  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%; }
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%; }
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%; }
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%; }
  .ct-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%; }
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%; }
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%; }
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%; }
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 5em;
  padding: .5em;
  background: #F4C63D;
  color: #453D3F;
  font-family: Oxygen,Helvetica,Arial,sans-serif;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  .chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #F4C63D; }
  .chartist-tooltip.tooltip-show {
    opacity: 1; }

.ct-area, .ct-line {
  pointer-events: none; }

.ct-line.ct-threshold-above, .ct-point.ct-threshold-above, .ct-bar.ct-threshold-above {
  stroke: #f05b4f; }

.ct-line.ct-threshold-below, .ct-point.ct-threshold-below, .ct-bar.ct-threshold-below {
  stroke: #59922b; }

.ct-area.ct-threshold-above {
  stroke: #f05b4f; }

.ct-area.ct-threshold-below {
  stroke: #59922b; }

.chart-container svg {
  overflow: visible;
  margin-top: 7px; }

#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 7px; }
  th {
    font-weight: bold; } }