:root {
  --side-bar-height: 64px;
}

.x-size-monitored {
  position: relative;
}
.x-size-monitors {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
}
.x-size-monitors > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-size-monitors.scroll > *.shrink::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  min-width: 1px;
  min-height: 1px;
}
.x-size-monitors.scroll > *.expand::after {
  content: "";
  display: block;
  width: 100000px;
  height: 100000px;
}
.x-size-monitors.overflowchanged > *.shrink > * {
  width: 100%;
  height: 100%;
}
.x-size-monitors.overflowchanged > *.expand > * {
  width: 200%;
  height: 200%;
}
.x-size-change-detector {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-size-change-detector > * {
  visibility: hidden;
}
.x-size-change-detector-shrink > * {
  width: 200%;
  height: 200%;
}
.x-size-change-detector-expand > * {
  width: 100000px;
  height: 100000px;
}
@-webkit-keyframes x-paint-monitor-helper {
  from {
    zoom: 1;
  }
  to {
    zoom: 1;
  }
}
@keyframes x-paint-monitor-helper {
  from {
    zoom: 1;
  }
  to {
    zoom: 1;
  }
}
.x-paint-monitored {
  position: relative;
}
.x-paint-monitor {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden;
}
.x-paint-monitor.cssanimation {
  -webkit-animation-duration: 0.0001ms;
  -webkit-animation-name: x-paint-monitor-helper;
  animation-duration: 0.0001ms;
  animation-name: x-paint-monitor-helper;
}
.x-paint-monitor.overflowchange {
  overflow: hidden;
}
.x-paint-monitor.overflowchange::after {
  content: "";
  display: block;
  width: 1px !important;
  height: 1px !important;
}
.x-unselectable {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: default;
}
.x-hidden-clip {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
}
.x-hidden-display {
  display: none !important;
}
.x-hidden-offsets,
.x-hidden {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -10000px !important;
}
.x-hidden-opacity {
  opacity: 0 !important;
  pointer-events: none;
}
.x-hidden-visibility {
  visibility: hidden !important;
}
.x-pressed .x-ripple-transition,
.x-pressing .x-ripple-transition {
  transition: background-color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.x-pressed .x-ripple-transition .x-icon-el,
.x-pressed .x-ripple-transition .x-arrow-el,
.x-pressing .x-ripple-transition .x-icon-el,
.x-pressing .x-ripple-transition .x-arrow-el {
  transition: background-color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.x-rippling {
  position: relative;
}
.x-rippling.x-component-confirm .x-ripple {
  background-color: green;
}
.x-rippling.x-component-decline .x-ripple {
  background-color: red;
}
.x-rippling.x-rippling-unbound {
  overflow: visible !important;
}
.x-rippling.x-rippling-unbound .x-ripple-container {
  overflow: visible;
  position: absolute;
}
.x-safari .x-rippling:not(.x-rippling-unbound) .x-ripple-container {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.x-ripple-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.x-ripple-wrapper {
  z-index: 1000;
}
.x-button-fab .x-ripple-container,
.x-button-round .x-ripple-container {
  border-radius: 10000px;
}
.x-splitButton-fab .x-ripple-container,
.x-splitButton-round .x-ripple-container {
  border-radius: 10000px;
}
.x-ripple {
  position: absolute;
  border-radius: 50%;
  background-color: white;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 0.4;
  pointer-events: none;
}
.x-rippling.x-rippling-unbound .x-ripple {
  -webkit-animation: x-ripple-unbound-animation 0.3s ease-out forwards;
  animation: x-ripple-unbound-animation 0.3s ease-out forwards;
}
.x-rippling:not(.x-rippling-unbound) .x-ripple {
  -webkit-animation: x-ripple-animation 0.35s ease-out forwards;
  animation: x-ripple-animation 0.35s ease-out forwards;
}
@-webkit-keyframes x-ripple-animation {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.4;
  }
  75% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(2.35, 2.35);
    -moz-transform: scale(2.35, 2.35);
    -ms-transform: scale(2.35, 2.35);
    -o-transform: scale(2.35, 2.35);
    transform: scale(2.35, 2.35);
    opacity: 0;
  }
}
@keyframes x-ripple-animation {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.4;
  }
  75% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(2.35, 2.35);
    -moz-transform: scale(2.35, 2.35);
    -ms-transform: scale(2.35, 2.35);
    -o-transform: scale(2.35, 2.35);
    transform: scale(2.35, 2.35);
    opacity: 0;
  }
}
@-webkit-keyframes x-ripple-unbound-animation {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.4;
  }
  75% {
    -webkit-transform: scale(1.75, 1.75);
    -moz-transform: scale(1.75, 1.75);
    -ms-transform: scale(1.75, 1.75);
    -o-transform: scale(1.75, 1.75);
    transform: scale(1.75, 1.75);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
  }
}
@keyframes x-ripple-unbound-animation {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.4;
  }
  75% {
    -webkit-transform: scale(1.75, 1.75);
    -moz-transform: scale(1.75, 1.75);
    -ms-transform: scale(1.75, 1.75);
    -o-transform: scale(1.75, 1.75);
    transform: scale(1.75, 1.75);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
  }
}
.x-progress {
  overflow: hidden;
  position: relative;
}
.x-progress-bar {
  height: 100%;
  width: 0;
}
.x-progress-text {
  overflow: hidden;
}
.x-progress-bar {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.x-scroller {
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
}
.x-scroller-spacer {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 1px;
  width: 1px;
  font-size: 0;
  line-height: 0;
  pointer-events: none;
}
.x-scroller-snappable {
  -ms-scroll-snap-type: mandatory;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
}
.x-no-scrollbars {
  -ms-overflow-style: none;
}
.x-no-scrollbars::-webkit-scrollbar {
  width: 0;
}
.x-touch-action-pan-y {
  overflow-x: hidden !important;
}
.x-touch-action-pan-x {
  overflow-y: hidden !important;
}
.x-treelist {
  background-color: #fff;
  background-position: 16px 0%;
  overflow: hidden;
  padding: 0 0 0 0;
}
.x-treelist-container,
.x-treelist-root-container {
  width: 100%;
}
.x-treelist-toolstrip {
  display: none;
}
.x-treelist-micro > .x-treelist-toolstrip {
  display: inline-block;
}
.x-treelist-micro > .x-treelist-root-container {
  display: none;
}
.x-treelist-item,
.x-treelist-container,
.x-treelist-root-container {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.x-treelist-item-tool,
.x-treelist-row,
.x-treelist-item-wrap {
  position: relative;
}
.x-treelist-item-icon,
.x-treelist-item-expander {
  display: none;
  position: absolute;
  top: -6;
}
.x-treelist-item-expander {
  right: 0;
  cursor: pointer;
}
.x-treelist-expander-only
  .x-treelist-item-expandable
  > *
  > .x-treelist-item-wrap
  > * {
  cursor: pointer;
}
.x-treelist-item-text {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.x-treelist-item-collapsed > .x-treelist-container {
  display: none;
}
.x-treelist-item-expandable > * > * > .x-treelist-item-expander,
.x-treelist-item-icon {
  display: block;
}
.x-treelist-item-floated > * > * > .x-treelist-item-expander,
.x-treelist-item-floated > * > * > .x-treelist-item-icon {
  display: none;
}
.x-treelist-expander-first .x-treelist-item-expander {
  left: 0;
  right: auto;
}
.x-treelist-toolstrip {
  background-color: #f8f8f8;
}
.x-treelist-item-selected > .x-treelist-row {
  background-color: #ffefbb;
}
.x-treelist-item-selected > .x-treelist-row-over {
  background-color: #ffefbb;
}
.x-treelist-item-tool {
  padding-left: 6px;
  padding-right: 10px;
}
.x-treelist-item-icon:before,
.x-treelist-item-tool:before,
.x-treelist-item-expander {
  line-height: 32px;
}
.x-treelist-item-icon,
.x-treelist-item-tool,
.x-treelist-item-expander {
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.x-treelist-item-loading .x-treelist-item-icon {
  background-image: url(images/tree/loading.gif);
  color: transparent;
}
.x-treelist-item-icon,
.x-treelist-item-tool {
  color: #5aaed4;
  font-size: 16px;
  width: 16px;
}
.x-treelist-item-tool {
  width: 32px;
}
.x-treelist-item-expander {
  color: #5aaed4;
  font-size: 16px;
  width: 18px;
}
.x-treelist-item-expander:after {
  content: "\f0da";
  font: 16px/32px FontAwesome;
}
.x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
  content: "\f0d7";
  font: 16px/32px FontAwesome;
}
.x-treelist-item-text {
  color: #404040;
  margin-left: 22px;
  margin-right: 18px;
  font-size: 14px;
  line-height: 32px;
  text-overflow: ellipsis;
}
.x-treelist-row {
  padding-left: 6px;
  padding-right: 10px;
  height: 54px;
}
.x-treelist-item-floated .x-treelist-container {
  width: auto;
}
.x-treelist-item-floated > .x-treelist-row {
  background-color: #f8f8f8;
}
.x-treelist-item-floated > .x-treelist-container {
  margin-left: -6px;
}
.x-big .x-treelist-item-floated > .x-treelist-container {
  margin-left: -6px;
}
.x-treelist-item-floated > * > * > .x-treelist-item-text {
  margin-left: 0;
}
.x-treelist-item-floated > * .x-treelist-row {
  cursor: pointer;
  padding-left: 0;
}
.x-treelist-item-floated .x-treelist-row:before {
  width: 0;
}
.x-treelist-item-floated > .x-treelist-row-over {
  background-color: #f8f8f8;
}
.x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
  color: #3e68d5;
}
.x-treelist-item-expanded > .x-treelist-item-expander:after {
  content: "\f0d7";
  font: 16px/1 FontAwesome;
}
.x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
  content: "\f0da";
  font: 16px/1 FontAwesome;
}
.x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-icon {
  color: #5aaed4;
  transition: color 0.5s;
}
.x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-text {
  color: #404040;
  transition: color 0.5s;
}
.x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-expander {
  color: #5aaed4;
  transition: color 0.5s;
}
.x-treelist-row-over {
  background-color: #e6f1f6;
}
.x-treelist-row-over > * > .x-treelist-item-icon {
  color: #5aaed4;
  transition: color 0.5s;
}
.x-treelist-row-over > * > .x-treelist-item-text {
  color: #3f6ad8;
  transition: color 0.5s;
}
.x-treelist-row-over > * > .x-treelist-item-expander {
  color: #5aaed4;
  transition: color 0.5s;
}
.x-treelist-expander-first .x-treelist-item-icon {
  left: 18px;
}
.x-treelist-expander-first .x-treelist-item-text {
  margin-left: 40px;
  margin-right: 0;
}
.x-treelist-expander-first
  .x-treelist-item-hide-icon
  > *
  > *
  > .x-treelist-item-text {
  margin-left: 21px;
}
.x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
  margin-left: 3px;
}
.x-treelist-nav {
  background-color: #ffffff;
  background-position: 10px 0%;
  padding: 0 0 0 0;
}
.x-treelist-nav .x-treelist-toolstrip {
  background-color: #ffffff;
}
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
  background-color: #e0f3ff;
  color: #495057;
}
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool:after {
  height: var(--side-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 5px;
  background-color: #5aaed4;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
  background-color: #e0f3ff;
}
.x-treelist-nav .x-treelist-item-tool {
  padding-left: 10px;
  padding-right: 10px;
}
.x-treelist-nav .x-treelist-item-tool-floated:after {
  height: var(--side-bar-height);
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 5px;
  background-color: #5aaed4;
}
.x-treelist-nav .x-treelist-item-icon:before,
.x-treelist-nav .x-treelist-item-tool:before,
.x-treelist-nav .x-treelist-item-expander {
}
.x-treelist-nav .x-treelist-item-icon,
.x-treelist-nav .x-treelist-item-tool,
.x-treelist-nav .x-treelist-item-expander {
  line-height: var(--side-bar-height);
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.x-treelist-nav .x-treelist-item-loading .x-treelist-item-icon {
  background-image: url(images/tree/loading.gif);
  color: transparent;
}
.x-treelist-nav .x-treelist-item-icon,
/* icon color */
.x-treelist-nav .x-treelist-item-tool {
  color: #f89d03;
  font-size: 25px;
  width: 40px;
}
.x-treelist-nav .x-treelist-item-tool {
  width: 64px;
  height: var(--side-bar-height);
}
.x-treelist-nav .x-treelist-item-expander {
  color: #f89d03;
  font-size: 16px;
  width: 24px;
}
/* nav text color */
.x-treelist-nav .x-treelist-item-text {
  color: #404040;
  margin-left: 40px;
  margin-right: 24px;
  font-size: 16px;
  line-height: var(--side-bar-height);
}
.x-treelist-nav .x-treelist-row {
  padding-left: 10px;
  padding-right: 10px;
  height: var(--side-bar-height);
}
.x-treelist-nav .x-treelist-row-over:before,
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
  content: " ";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
}
.x-treelist-nav .x-treelist-row-over:before {
  background-color: transparent;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
  background-color: #57c6f8;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
  background-color: #5aaed4;
}
.x-treelist-nav .x-treelist-item-floated .x-treelist-container {
  width: auto;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
  background-color: #ffffff;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
  margin-left: -10px;
}
.x-big .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
  margin-left: -10px;
}
.x-treelist-nav .x-treelist-item-floated > * > * > .x-treelist-item-text {
  margin-left: 0;
}
.x-treelist-nav .x-treelist-item-floated > * .x-treelist-row {
  cursor: pointer;
  padding-left: 0;
}
.x-treelist-nav .x-treelist-item-floated .x-treelist-row:before {
  width: 0;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
  background-color: #e0f3ff;
}
.x-treelist-nav
  .x-treelist-item-floated
  > .x-treelist-row-over
  > *
  > .x-treelist-item-text {
  color: #3f6ad8;
}
.x-treelist-nav .x-treelist-item-expanded {
  background-color: #ffffff;
}
.x-treelist-nav
  .x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-icon {
  color: #fff;
}
.x-treelist-nav
  .x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-text {
  color: #d6d9dc;
}
.x-treelist-nav
  .x-treelist-highlight-path
  .x-treelist-item-over
  > *
  > *
  > .x-treelist-item-expander {
  color: #fff;
}
.x-treelist-nav .x-treelist-row-over {
  background-color: #e0f3ff;
}
.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon {
  color: #3f6ad8;
}
.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text {
  color: #3f6ad8;
}
.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander {
  color: #3f6ad8;
}
.x-treelist-nav .x-treelist-expander-first .x-treelist-item-icon {
  left: 24px;
}
.x-treelist-nav .x-treelist-expander-first .x-treelist-item-text {
  margin-left: 74px;
  margin-right: 0;
}
.x-treelist-nav
  .x-treelist-expander-first
  .x-treelist-item-hide-icon
  > *
  > *
  > .x-treelist-item-text {
  margin-left: 27px;
}
.x-treelist-nav .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
  margin-left: 3px;
}
.x-body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@-ms-viewport {
  width: device-width;
}
img {
  border: 0;
}
.x-border-box,
.x-border-box * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.x-ltr {
  direction: ltr;
}
.x-clear {
  overflow: hidden;
  clear: both;
  font-size: 0;
  line-height: 0;
  display: table;
}
.x-layer {
  position: absolute !important;
  top: 0;
  left: 0;
  overflow: hidden;
}
.x-fixed-layer {
  position: fixed !important;
  overflow: hidden;
}
.x-shim {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
    opacity: 0;
}
.x-hidden-clip {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
}
.x-masked-relative {
  position: relative;
}
.x-ie-shadow {
  background-color: #777;
  position: absolute;
  overflow: hidden;
}
.x-selectable {
  cursor: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text;
}
.x-list-plain {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.x-table-plain {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.x-frame-tl,
.x-frame-tr,
.x-frame-tc,
.x-frame-bl,
.x-frame-br,
.x-frame-bc {
  overflow: hidden;
  background-repeat: no-repeat;
}
.x-frame-tc,
.x-frame-bc {
  background-repeat: repeat-x;
}
td.x-frame-tl,
td.x-frame-tr,
td.x-frame-bl,
td.x-frame-br {
  width: 1px;
}
.x-frame-mc {
  background-repeat: repeat-x;
  overflow: hidden;
}
.x-proxy-el {
  position: absolute;
  background: #b4b4b4;
    opacity: 0.8;
}
.x-css-shadow {
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.x-item-disabled,
.x-item-disabled * {
  cursor: default;
  pointer-events: none;
}
.x-component,
.x-container {
  position: relative;
}
:focus {
  outline: none;
}
.x-body .x-sync-repaint:before,
.x-body .x-sync-repaint:after {
  content: none !important;
}
.x-position-relative {
  position: relative !important;
}
.x-tab-guard {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.x-box-item {
  position: absolute !important;
  left: 0;
  top: 0;
}
.x-autocontainer-outerCt {
  display: table;
}
.x-mobile-safari .x-autocontainer-outerCt {
  transform: translateZ(0);
}
.x-clipped .x-autocontainer-outerCt {
  transform: initial;
}
.x-autocontainer-innerCt {
  display: table-cell;
  height: 100%;
  vertical-align: top;
}
.x-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none !important;
}
.x-ie8 .x-mask {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.x-mask-fixed {
  position: fixed;
}
.x-mask-msg {
  position: absolute;
}
.x-progress {
  border-style: solid;
}
.x-btn {
  display: inline-block;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.x-btn > .x-frame {
  height: 100%;
  width: 100%;
}
.x-btn-wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.x-btn-wrap.x-btn-arrow-bottom,
.x-btn-wrap.x-btn-split-bottom {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.x-ie9m .x-btn-wrap {
  display: table;
  border-spacing: 0;
}
.x-btn-button {
  white-space: nowrap;
  line-height: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
.x-btn-button.x-btn-icon-top,
.x-btn-button.x-btn-icon-bottom {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.x-ie10p .x-btn-button.x-btn-icon-top,
.x-ie10p .x-btn-button.x-btn-icon-bottom {
  overflow: hidden;
}
.x-ie9m .x-btn-button {
  display: table-cell;
  vertical-align: middle;
}
.x-btn-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
  display: block;
}
.x-ie9m .x-btn-inner {
  display: inline-block;
  vertical-align: middle;
}
.x-btn-icon.x-btn-no-text > .x-btn-inner {
  display: none;
}
.x-btn-icon-el {
  display: none;
  vertical-align: middle;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.x-btn-icon > .x-btn-icon-el {
  display: block;
}
.x-ie9m .x-btn-icon-left > .x-btn-icon-el,
.x-ie9m .x-btn-icon-right > .x-btn-icon-el {
  display: inline-block;
}
.x-btn-button-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.x-ie9m .x-btn-button-center {
  text-align: center;
}
.x-btn-button-center.x-btn-icon-top,
.x-btn-button-center.x-btn-icon-bottom {
  text-align: center;
}
.x-btn-button-left {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.x-btn-button-right {
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.x-btn-arrow:after,
.x-btn-split:after {
  display: block;
  background-repeat: no-repeat;
  content: "";
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.x-btn-arrow-right:after,
.x-btn-split-right:after {
  background-position: right center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.x-ie9m .x-btn-arrow-right:after,
.x-ie9m .x-btn-split-right:after {
  display: table-cell;
  vertical-align: middle;
}
.x-btn-arrow-bottom:after,
.x-btn-split-bottom:after {
  background-position: center bottom;
  content: "\00a0";
  line-height: 0;
}
.x-ie9m .x-btn-arrow-bottom:after,
.x-ie9m .x-btn-split-bottom:after {
  display: table-row;
}
.x-btn-split-right > .x-btn-button:after {
  position: absolute;
  display: block;
  top: -100%;
  right: 0;
  height: 300%;
  content: "";
}
.x-btn-split-bottom > .x-btn-button:after {
  position: absolute;
  display: block;
  bottom: 0;
  left: -100%;
  font-size: 0;
  width: 300%;
  content: "";
}
.x-btn-mc {
  overflow: visible;
}
.x-segmented-button {
  display: table;
  table-layout: fixed;
}
.x-segmented-button-item {
  display: table-cell;
  vertical-align: top;
}
.x-segmented-button-item > .x-frame {
  width: 100%;
  height: 100%;
}
.x-segmented-button-item .x-btn-mc {
  width: 100%;
}
.x-segmented-button-item-horizontal {
  display: table-cell;
  height: 100%;
}
.x-segmented-button-item-horizontal.x-segmented-button-first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-tr,
.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-mr,
.x-segmented-button-item-horizontal.x-segmented-button-first .x-btn-br {
  display: none;
}
.x-segmented-button-item-horizontal.x-segmented-button-middle {
  border-radius: 0;
  border-left: 0;
}
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tl,
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-tr,
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-ml,
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-mr,
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-bl,
.x-segmented-button-item-horizontal.x-segmented-button-middle .x-btn-br {
  display: none;
}
.x-segmented-button-item-horizontal.x-segmented-button-last {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-tl,
.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-ml,
.x-segmented-button-item-horizontal.x-segmented-button-last .x-btn-bl {
  display: none;
}
.x-segmented-button-row {
  display: table-row;
}
.x-segmented-button-item-vertical.x-segmented-button-first {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bl,
.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-bc,
.x-segmented-button-item-vertical.x-segmented-button-first .x-btn-br {
  display: none;
}
.x-segmented-button-item-vertical.x-segmented-button-middle {
  border-radius: 0;
  border-top: 0;
}
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tl,
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tc,
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-tr,
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bl,
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-bc,
.x-segmented-button-item-vertical.x-segmented-button-middle .x-btn-br {
  display: none;
}
.x-segmented-button-item-vertical.x-segmented-button-last {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tl,
.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tc,
.x-segmented-button-item-vertical.x-segmented-button-last .x-btn-tr {
  display: none;
}
.x-title-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  line-height: 1;
  text-align: center;
}
.x-title {
  display: table;
  table-layout: fixed;
}
.x-title-text {
  display: table-cell;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.x-title-align-left {
  text-align: left;
}
.x-title-align-center {
  text-align: center;
}
.x-title-align-right {
  text-align: right;
}
.x-title-rotate-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}

.x-title-rotate-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
.x-horizontal.x-header
  .x-title-rotate-right.x-title-align-left
  > .x-title-item {
  vertical-align: bottom;
}
.x-horizontal.x-header
  .x-title-rotate-right.x-title-align-center
  > .x-title-item {
  vertical-align: middle;
}
.x-horizontal.x-header
  .x-title-rotate-right.x-title-align-right
  > .x-title-item {
  vertical-align: top;
}
.x-horizontal.x-header .x-title-rotate-left.x-title-align-left > .x-title-item {
  vertical-align: top;
}
.x-horizontal.x-header
  .x-title-rotate-left.x-title-align-center
  > .x-title-item {
  vertical-align: middle;
}
.x-horizontal.x-header
  .x-title-rotate-left.x-title-align-right
  > .x-title-item {
  vertical-align: bottom;
}
.x-vertical.x-header .x-title-rotate-none.x-title-align-left > .x-title-item {
  vertical-align: top;
}
.x-vertical.x-header .x-title-rotate-none.x-title-align-center > .x-title-item {
  vertical-align: middle;
}
.x-vertical.x-header .x-title-rotate-none.x-title-align-right > .x-title-item {
  vertical-align: bottom;
}
.x-title-icon-wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 0;
}
.x-title-icon-wrap.x-title-icon-top,
.x-title-icon-wrap.x-title-icon-bottom {
  display: table-row;
}
.x-title-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.x-tool {
  font-size: 16px;
  line-height: 1;
}
.x-header > .x-box-inner,
.x-panel-header-mc > .x-box-inner,
.x-window-header-mc > .x-box-inner {
  overflow: visible;
}
.x-splitter {
  font-size: 1px;
}
.x-splitter-horizontal {
  cursor: e-resize;
  cursor: row-resize;
}
.x-splitter-vertical {
  cursor: e-resize;
  cursor: col-resize;
}
.x-splitter-collapsed,
.x-splitter-horizontal-noresize,
.x-splitter-vertical-noresize {
  cursor: default;
}
.x-splitter-active {
  z-index: 4;
}
.x-collapse-el {
  position: absolute;
  background-repeat: no-repeat;
}
.x-splitter-focus {
  z-index: 4;
}
.x-box-layout-ct {
  overflow: hidden;
}
.x-box-target {
  position: absolute;
  width: 20000px;
  top: 0;
  left: 0;
  min-height: 1px;
}
.x-box-inner {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
}
.x-box-scroller {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 0;
  font-size: 0;
  text-align: center;
}
.x-box-scroller-top {
  top: 0;
}
.x-box-scroller-right {
  right: 0;
}
.x-box-scroller-bottom {
  bottom: 0;
}
.x-box-scroller-left {
  left: 0;
}
.x-box-menu-body-horizontal {
  float: left;
}
.x-box-menu-after {
  position: relative;
  float: left;
}
.x-box-scroller-body-vertical,
.x-box-scroller-body-horizontal {
  -ms-overflow-style: none;
}
.x-box-scroller-body-vertical .x-scroller,
.x-box-scroller-body-horizontal .x-scroller {
  -ms-overflow-style: auto;
}
.x-box-scroller-body-vertical :not(.x-scroller)::-webkit-scrollbar,
.x-box-scroller-body-horizontal :not(.x-scroller)::-webkit-scrollbar {
  display: none;
}
.x-toolbar-text {
  white-space: nowrap;
}
.x-toolbar-separator {
  display: block;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  border: 0;
  width: 0;
  height: 0;
  line-height: 0px;
}
.x-toolbar-scroller {
  padding-left: 0;
}
.x-toolbar-plain {
  border: 0;
}
.x-dd-drag-proxy,
.x-dd-drag-current {
  z-index: 1000000 !important;
  pointer-events: none;
}
.x-dd-drag-proxy {
  display: table;
}
.x-dd-drag-repair .x-dd-drag-ghost {
    opacity: 0.6;
}
.x-dd-drag-repair .x-dd-drop-icon {
  display: none;
}
.x-dd-drag-ghost,
.x-dd-drop-icon {
  display: table-cell;
  vertical-align: middle;
}
.x-dd-drag-ghost {
    opacity: 0.85;
  white-space: nowrap;
}
.x-dd-drop-icon {
  height: 26px;
  width: 26px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.x-docked {
  position: absolute !important;
  z-index: 2;
}
.x-docked-vertical {
  position: static;
}
.x-docked-top {
  border-bottom-width: 0 !important;
}
.x-docked-bottom {
  border-top-width: 0 !important;
}
.x-docked-left {
  border-right-width: 0 !important;
}
.x-docked-right {
  border-left-width: 0 !important;
}
.x-docked-noborder-top {
  border-top-width: 0 !important;
}
.x-docked-noborder-right {
  border-right-width: 0 !important;
}
.x-docked-noborder-bottom {
  border-bottom-width: 0 !important;
}
.x-docked-noborder-left {
  border-left-width: 0 !important;
}
.x-noborder-l {
  border-left-width: 0 !important;
}
.x-noborder-b {
  border-bottom-width: 0 !important;
}
.x-noborder-bl {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-r {
  border-right-width: 0 !important;
}
.x-noborder-rl {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-rb {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-rbl {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-t {
  border-top-width: 0 !important;
}
.x-noborder-tl {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-tb {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-tbl {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-tr {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}
.x-noborder-trl {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-trb {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-trbl {
  border-width: 0 !important;
}
.x-panel,
.x-plain {
  overflow: hidden;
  position: relative;
}
.x-panel {
  outline: none;
}
td.x-frame-mc {
  vertical-align: top;
}
.x-panel-bodyWrap {
  overflow: hidden;
  position: static;
  height: 100%;
  width: 100%;
}
.x-panel-body {
  overflow: hidden;
  position: relative;
}
.x-panel-header-plain,
.x-panel-body-plain {
  border: 0;
  padding: 0;
}
.x-panel-collapsed-mini {
  visibility: hidden;
}
.x-viewport > .x-body.x-panel > .x-panel-bodyWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.x-viewport,
.x-viewport > .x-body {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.x-viewport {
  width: 100%;
  height: 100%;
  position: static;
}
.x-viewport > .x-body {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

@page{
  size: A4;
  margin: 20mm;
}
@media print {
  .x-viewport > .x-body {
    position: static;
    -webkit-print-color-adjust: exact;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after:avoid;
    page-break-inside:avoid
  }
  
  h1+p, h2+p, h3+p {
    page-break-before: avoid;
  }
  a {
    page-break-inside:avoid
  }
  img{
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  table, blockquote{
    page-break-inside: avoid;
  }
  ul, ol, dl {
    page-break-before:avoid;
  }
  /* 如架構本身用一組一組的 DIV 包住，也可強制設定每組 DIV 會各自切成一頁 */
  div.pageBlock{
    page-break-before: always;
  }
}
.x-resizable-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 200000;
  background-color: #fff;
    opacity: 0;
}
.x-window {
  outline: none;
  overflow: hidden;
}
.x-window .x-window-wrap {
  position: relative;
}
.x-window-body {
  position: relative;
  overflow: hidden;
}
.x-form-item {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
}
.x-form-item-label {
  overflow: hidden;
}
.x-form-item.x-form-item-no-label > .x-form-item-label {
  display: none;
}
.x-form-item-label,
.x-form-item-body {
  display: table-cell;
}
.x-form-item-body {
  vertical-align: middle;
  height: 100%;
}
.x-form-item-label-inner {
  display: inline-block;
}
.x-form-item-label-top {
  display: table-row;
  height: 1px;
}
.x-form-item-label-top > .x-form-item-label-inner {
  display: table-cell;
}
.x-form-item-label-top-side-error:after {
  display: table-cell;
  content: "";
}
.x-form-item-label-right {
  text-align: right;
}
.x-form-error-wrap-side {
  display: table-cell;
  vertical-align: middle;
}
.x-form-error-wrap-under {
  display: table-row;
  height: 1px;
}
.x-form-error-wrap-under > .x-form-error-msg {
  display: table-cell;
}
.x-form-error-wrap-under-side-label:before {
  display: table-cell;
  content: "";
  pointer-events: none;
}
.x-form-invalid-icon {
  overflow: hidden;
}
.x-form-invalid-icon ul {
  display: none;
}
.x-form-trigger-wrap {
  display: table;
  width: 100%;
}
.x-form-text-heighted .x-form-trigger-wrap {
  height: 100%;
}
.x-gecko .x-form-trigger-wrap {
  display: -moz-inline-box;
  display: inline-flex;
  vertical-align: top;
}
.x-form-type-text.x-has-min-height {
  height: 1px;
}
.x-form-type-text.x-has-min-height .x-form-text-field-body,
.x-form-type-text.x-has-min-height .x-form-trigger-wrap,
.x-form-type-text.x-has-min-height .x-form-text-wrap {
  min-height: inherit;
}
.x-ie8 .x-form-type-text.x-has-min-height .x-form-text-field-body,
.x-ie8 .x-form-type-text.x-has-min-height .x-form-trigger-wrap,
.x-ie8 .x-form-type-text.x-has-min-height .x-form-text-wrap {
  min-height: inherit;
}
.x-ie8 .x-form-type-text.x-has-min-height .x-form-text {
  min-height: inherit;
}
.x-form-type-text.x-has-min-height .x-form-text {
  height: 100%;
}
.x-form-text-wrap {
  display: table-cell;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.x-gecko .x-form-text-wrap {
  display: block;
  -moz-box-flex: 1;
  flex: 1;
}
.x-form-text-wrap .x-placeholder-label {
  position: absolute;
  top: 0;
  left: 0;
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
}
.x-form-item-body.x-form-text-grow {
  min-width: inherit;
  max-width: inherit;
}
.x-form-text {
  border: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  background: repeat-x 0 0;
  width: 100%;
  height: 100%;
}
.x-form-trigger {
  display: table-cell;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 0;
  white-space: nowrap;
}
.x-item-disabled .x-form-trigger {
  cursor: default;
}
.x-form-trigger.x-form-trigger-cmp {
  background: none;
  border: 0;
}
.x-gecko .x-form-trigger {
  display: block;
}
.x-form-textarea-body.x-form-text-grow > .x-form-trigger-wrap {
  height: 100%;
}
.x-form-textarea {
  overflow: auto;
  resize: none;
}
div.x-form-text-grow .x-form-textarea {
  min-height: inherit;
}
.x-message-box .x-form-display-field {
  height: auto;
}
.x-safari .x-form-fieldcontainer {
  table-layout: auto;
}
.x-ie8
  .x-form-fieldcontainer
  > .x-form-item-body.x-field-container-body-vertical {
  display: table-row;
}
.x-form-cb-wrap {
  vertical-align: top;
}
.x-form-cb-wrap-inner {
  position: relative;
}
.x-form-cb {
  position: absolute;
  left: 0;
  right: auto;
  vertical-align: top;
  overflow: hidden;
  padding: 0;
  border: 0;
}
.x-form-cb::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.x-form-cb-input {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    opacity: 0;
}
.x-form-cb-after {
  left: auto;
  right: 0;
}
.x-form-cb-label {
  display: inline-block;
}
.x-form-cb-label.x-form-cb-no-box-label {
  display: none;
}
.x-keyboard-mode .x-view-item-focused {
  outline: 1px dashed #5aaed4 !important;
  outline-offset: -1px;
}
.x-form-display-field-body {
  vertical-align: top;
}
.x-form-display-field-body .x-form-display-field {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.x-form-trigger.x-form-trigger-cmp:before {
  content: none;
}
.x-form-file-btn {
  overflow: hidden;
  position: relative;
}
.x-form-file-input {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -10000px;
    opacity: 0;
  font-size: 1000px;
}
.x-tip {
  position: absolute;
  overflow: visible;
}
.x-tip-body {
  overflow: hidden;
  position: relative;
}
.x-tip-anchor {
  position: absolute;
  border-style: solid;
  height: 0;
  width: 0;
}
.x-color-picker-item {
  float: left;
  text-decoration: none;
}
.x-color-picker-item-inner {
  display: block;
  font-size: 1px;
}
.x-html-editor-tb .x-toolbar {
  position: static !important;
}
.x-htmleditor-iframe,
.x-htmleditor-textarea {
  display: block;
  overflow: auto;
  width: 100%;
  height: 100%;
  border: 0;
}
.x-fit-item {
  position: relative;
}
.x-grid-view {
  overflow: hidden;
  position: relative;
}
.x-grid-row-table {
  width: 0;
  table-layout: fixed;
  border: 0 none;
  border-collapse: separate;
  border-spacing: 0;
}
.x-grid-item {
  table-layout: fixed;
  outline: none;
  position: relative;
}
.x-ie10 .x-grid-item {
  transform: translateZ(0);
}
.x-grid-row {
  outline: none;
}
.x-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top;
}
.x-grid-cell-inner {
  overflow: hidden;
  white-space: nowrap;
}
.x-wrap-cell .x-grid-cell-inner {
  white-space: normal;
}
.x-grid-resize-marker {
  position: absolute;
  z-index: 5;
  top: 0;
}
.x-grid-item-container {
  min-height: 1px;
  position: relative;
}
.x-col-move-top,
.x-col-move-bottom {
  position: absolute;
  top: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 20000;
  background: no-repeat center top transparent;
}
.x-grid-header-ct {
  cursor: default;
}
.x-column-header {
  position: absolute;
  overflow: hidden;
  background-repeat: repeat-x;
}
.x-column-header-inner {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.x-leaf-column-header {
  height: 100%;
}
.x-leaf-column-header .x-column-header-text-container {
  height: 100%;
}
.x-column-header-text-container {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.x-column-header-text-container.x-column-header-text-container-auto {
  table-layout: auto;
}
.x-column-header-text-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.x-column-header-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.x-column-header-sort-DESC .x-column-header-text,
.x-column-header-sort-ASC .x-column-header-text {
  overflow: visible;
}
.x-column-header-text-inner {
  background-repeat: no-repeat;
}
.x-column-header-inner-empty .x-column-header-text-inner {
  display: none;
}
.x-column-header-inner-empty .x-column-header-text-container {
  line-height: 0;
}
.x-column-header-trigger {
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.x-ie9m .x-column-header-trigger {
  z-index: 6;
}
.x-column-header-over .x-column-header-trigger,
.x-column-header-open .x-column-header-trigger {
  display: block;
}
.x-column-header-align-right {
  text-align: right;
}
.x-column-header-align-left {
  text-align: left;
}
.x-column-header-align-center {
  text-align: center;
}
.x-grid-cell-inner-action-col {
  line-height: 0;
  font-size: 0;
}
.x-keyboard-mode .x-grid-cell-inner-action-col :focus {
  outline: 1px solid #5aaed4;
}
.x-action-col-icon {
  display: inline-block;
  line-height: 1;
}
.x-column-header-checkbox .x-column-header-text {
  margin-bottom: 0.4em;
}
.x-column-header-checkbox .x-column-header-inner-empty .x-column-header-text {
  margin-bottom: 0;
}
.x-grid-checkcolumn-cell-inner {
  line-height: 0;
}
.x-keyboard-mode .x-grid-checkcolumn-cell-inner :focus {
  outline: 1px solid #5aaed4;
}
.x-menu {
  outline: none;
}
.x-menu-body {
  position: relative;
}
.x-menu-item {
  white-space: nowrap;
  overflow: hidden;
  border-color: transparent;
  border-style: solid;
}
.x-menu-item-cmp {
  margin: 2px;
}
.x-menu-item-cmp .x-field-label-cell {
  vertical-align: middle;
}
.x-menu-icon-separator {
  position: absolute;
  top: 0px;
  z-index: 0;
  height: 100%;
  overflow: hidden;
}
.x-menu-plain .x-menu-icon-separator {
  display: none;
}
.x-menu-item-link {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  text-decoration: none;
  outline: 0;
  display: block;
}
.x-menu-item-link-href {
  -webkit-touch-callout: default;
}
.x-menu-item-text {
  display: inline-block;
}
.x-menu-item-icon,
.x-menu-item-icon-right,
.x-menu-item-arrow {
  font-size: 0;
  position: absolute;
  text-align: center;
  background-repeat: no-repeat;
}
.x-grid-scroll-container {
  position: absolute;
  z-index: 1;
}
.x-grid-scrollbar-clipper-floated,
.x-grid-scrollbar-floated {
  z-index: 2;
}
.x-grid-scroll-body {
  width: 100%;
  position: relative;
}
.x-grid-scrollbar-clipper {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.x-grid-scrollbar-clipper > .x-grid-view,
.x-grid-scrollbar-clipper > .x-tree-view {
  overflow-y: hidden !important;
}
.x-grid-with-col-lines .x-grid-scrollbar-clipper-locked .x-grid-cell-last {
  border-right-width: 0;
}
.x-grid-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.x-grid-scrollbar-visible {
  display: block;
}
.x-grid-locking-body > .x-grid {
  z-index: 2;
  pointer-events: none;
}
.x-grid-locking-body > .x-grid .x-docked {
  pointer-events: auto;
}
.x-grid-locking-body .x-grid-body {
  background: transparent;
}
.x-grid-locking-body > .x-splitter {
  z-index: 2;
}
.x-grid-locking-body > .x-splitter-active {
  z-index: 4;
}
.x-grid-locking-body > .x-splitter-focus {
  z-index: 4;
}
.x-grid-inner-locked.x-border-region-slide-in {
  z-index: 3;
}
.x-grid-inner-locked.x-border-region-slide-in
  > .x-panel-bodyWrap
  > .x-grid-body
  > .x-grid-view,
.x-grid-inner-locked.x-border-region-slide-in
  > .x-panel-bodyWrap
  > .x-grid-body
  > .x-tree-view {
  overflow-y: hidden !important;
}
.x-resizable-wrapped {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.x-slider {
  outline: none;
  position: relative;
}
.x-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible;
}
.x-slider-vert .x-slider-inner {
  background: repeat-y 0 0;
}
.x-slider-thumb {
  position: absolute;
  background: no-repeat 0 0;
  cursor: default;
  -webkit-user-callout: none;
  display: table;
  table-layout: fixed;
}
.x-slider-horz .x-slider-thumb {
  left: 0;
}
.x-slider-vert .x-slider-thumb {
  bottom: 0;
}
.x-slider-thumb:before {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.x-tab {
  display: block;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  /* vertical-align: top; */
  overflow: hidden;
  position: relative;
}
.x-tab > .x-frame {
  height: 100%;
  width: 100%;
}
.x-tab-wrap {
  height: 100%;
  width: 100%;
  display: table;
  border-spacing: 0;
}
.x-tab-button {
  white-space: nowrap;
  line-height: 0;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.x-tab-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.x-tab-icon.x-tab-no-text > .x-tab-inner {
  display: none;
}
.x-tab-icon-el {
  display: none;
  vertical-align: middle;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}
.x-tab-icon > .x-tab-icon-el {
  display: inline-block;
}
.x-tab-icon-top > .x-tab-icon-el,
.x-tab-icon-bottom > .x-tab-icon-el {
  display: block;
}
.x-ie9m .x-tab-button-center {
  text-align: center;
}
.x-tab-button-center.x-tab-icon-top,
.x-tab-button-center.x-tab-icon-bottom {
  text-align: center;
}
.x-tab-button-left {
  text-align: left;
}
.x-tab-button-right {
  text-align: right;
}
.x-tab-mc {
  overflow: visible;
}
.x-tab {
  z-index: 1;
}
.x-tab-active {
  z-index: 3;
}
.x-tab-button {
  position: relative;
}
.x-tab-close-btn {
  display: block;
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.x-tab-rotate-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
.x-tab-rotate-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.x-tab-tr,
.x-tab-br,
.x-tab-mr,
.x-tab-tl,
.x-tab-bl,
.x-tab-ml {
  width: 1px;
}
.x-tab-bar {
  z-index: 0;
  position: relative;
}
.x-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 2;
}
.x-tab-bar-top > .x-tab-bar-strip {
  bottom: 0;
}
.x-tab-bar-bottom > .x-tab-bar-strip {
  top: 0;
}
.x-tab-bar-left > .x-tab-bar-strip {
  right: 0;
}
.x-tab-bar-right > .x-tab-bar-strip {
  left: 0;
}
.x-tab-bar-horizontal .x-tab-bar-strip {
  width: 100%;
  left: 0;
}
.x-tab-bar-vertical {
  display: table-cell;
}
.x-tab-bar-vertical .x-tab-bar-strip {
  height: 100%;
  top: 0;
}
.x-tab-bar-plain {
  background: transparent !important;
}
.x-box-scroller-plain {
  background-color: transparent !important;
}
.x-body {
  color: #404040;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif;
  background: #f6f6f6;
}
.x-animating-size,
.x-collapsed {
  overflow: hidden !important;
}
.x-animating-size {
  z-index: 10000;
}
.x-mask {
  background-image: none;
  background-color: rgba(208, 208, 208, 0.5);
  cursor: default;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}
.x-ie8 .x-mask {
    zoom: 1;
}
body > .x-mask {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.75);
}
.x-ie8 body > .x-mask {
    zoom: 1;
}
.x-keyboard-mode .x-mask.x-focus {
  border-style: solid;
  border-width: 1px;
  border-color: #5aaed4;
}
.x-mask-msg {
  padding: 10px;
  background: #d0d0d0;
}
.x-mask-msg-inner {
  padding: 0;
  background-color: transparent;
  color: #404040;
  font: 400 14px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
}
.x-mask-msg-text {
  padding: 25px 0 0;
  background-image: url(images/loadmask/loading.gif);
  background-repeat: no-repeat;
  background-position: center 0;
}
.x-progress-default {
  background-color: #ececec;
  border-width: 0;
  height: 24px;
  border-color: #5aaed4;
  border-style: solid;
}
.x-progress-default .x-progress-bar-default {
  background-image: none;
  background-color: #458fd2;
}
.x-progress-default .x-progress-text {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  text-align: center;
  line-height: 24px;
}
.x-progress-default .x-progress-text-back {
  color: #404040;
  line-height: 24px;
}
.x-keyboard-mode .x-progress-default.x-progress-focus:after {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0 solid #5aaed4;
  pointer-events: none;
}
.x-progressbar-default-cell > .x-grid-cell-inner,
.x-progress-default-cell > .x-grid-cell-inner,
.x-progressbarwidget-default-cell > .x-grid-cell-inner {
  padding-top: 4px;
  padding-bottom: 4px;
}
.x-progressbar-default-cell > .x-grid-cell-inner .x-progress-default,
.x-progress-default-cell > .x-grid-cell-inner .x-progress-default,
.x-progressbarwidget-default-cell > .x-grid-cell-inner .x-progress-default {
  height: 24px;
}
.x-btn-default-small {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 7;
  padding: 7px 7px 7px 7px;
  border-width: 1px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-btn-default-small-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-small-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-7-7-7-7;
}
.x-btn-default-small-tl {
  background-position: 0 -2px;
}
.x-btn-default-small-tr {
  background-position: right -3px;
}
.x-btn-default-small-bl {
  background-position: 0 -4px;
}
.x-btn-default-small-br {
  background-position: right -5px;
}
.x-btn-default-small-ml {
  background-position: 0 top;
}
.x-btn-default-small-mr {
  background-position: right top;
}
.x-btn-default-small-tc {
  background-position: 0 0;
}
.x-btn-default-small-bc {
  background-position: 0 -1px;
}
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-mr {
  padding-right: 1px;
}
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-ml {
  padding-left: 1px;
}
.x-btn-default-small-tc {
  height: 1px;
}
.x-btn-default-small-bc {
  height: 1px;
}
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-tc,
.x-btn-default-small-bc,
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-corners.gif);
}
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-small-mc {
  padding: 7px 7px 7px 7px;
}
.x-btn-default-small {
  border-color: #31ade5;
}
.x-btn-button-default-small {
  min-height: 16px;
}
.x-ie9m .x-btn-button-default-small {
  min-height: auto;
  height: 16px;
}
.x-btn-inner-default-small {
  font: 500 14px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #f0f0f0;
  padding: 0 5px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-small,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-small {
  max-width: calc(100% - 16px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-small,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-small {
  max-width: calc(100% - 15px);
}
.x-ie10p .x-btn-inner-default-small {
  max-width: none;
}
.x-btn-icon-el-default-small {
  font-size: 16px;
  height: 16px;
  color: #f0f0f0;
  line-height: 16px;
}
.x-btn-icon-left > .x-btn-icon-el-default-small,
.x-btn-icon-right > .x-btn-icon-el-default-small {
  width: 16px;
}
.x-btn-icon-top > .x-btn-icon-el-default-small,
.x-btn-icon-bottom > .x-btn-icon-el-default-small {
  min-width: 16px;
}
.x-ie8 .x-btn-icon-el-default-small.x-btn-glyph {
  color: #f0f0f0;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
  margin-right: 3px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-small {
  margin-left: 3px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-small {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-small {
  margin-top: 8px;
}
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-small {
  margin-right: 5px;
}
.x-btn-arrow-bottom > .x-btn-button-default-small,
.x-btn-split-bottom > .x-btn-button-default-small {
  padding-bottom: 7px;
}
.x-btn-wrap-default-small.x-btn-arrow-right:after {
  width: 18px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-small.x-btn-arrow-bottom:after {
  height: 12px;
  content: "\f0d7";
  font: 16px/12px FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-small.x-btn-split-right > .x-btn-button {
  padding-right: 7px;
}
.x-btn-wrap-default-small.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #f0f0f0;
}
.x-btn-wrap-default-small.x-btn-split-right:after {
  width: 20px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #f0f0f0;
  padding-left: 7px;
}
.x-btn-wrap-default-small.x-btn-split-bottom {
  margin-bottom: -7px;
}
.x-btn-wrap-default-small.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #f0f0f0;
}
.x-btn-wrap-default-small.x-btn-split-bottom:after {
  height: 20px;
  content: "\f0d7";
  font: 16px/20px FontAwesome;
  color: #f0f0f0;
}
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-small {
  margin-right: 5px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-small {
  background-image: none;
  background-color: #5aaed4;
  -webkit-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  -moz-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
}
.x-btn-default-small .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 27px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-small.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #cbe5f1;
}
.x-btn-over.x-btn-default-small {
  border-color: #2d9fd2;
  background-image: none;
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small {
  -webkit-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  -moz-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
  border-color: #2582ac;
  background-image: none;
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small {
  -webkit-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  -moz-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-small {
  background-image: none;
  background-color: #5aaed4;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-small-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-small-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-small-mc {
  background-color: #5aaed4;
}
.x-btn-over .x-btn-default-small-tl,
.x-btn-over .x-btn-default-small-bl,
.x-btn-over .x-btn-default-small-tr,
.x-btn-over .x-btn-default-small-br,
.x-btn-over .x-btn-default-small-tc,
.x-btn-over .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-over-corners.gif);
}
.x-btn-over .x-btn-default-small-ml,
.x-btn-over .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-over-sides.gif);
}
.x-btn-over .x-btn-default-small-mc {
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-mc {
  background-color: #31abe2;
}
.x-btn.x-btn-menu-active .x-btn-default-small-tl,
.x-btn.x-btn-menu-active .x-btn-default-small-bl,
.x-btn.x-btn-menu-active .x-btn-default-small-tr,
.x-btn.x-btn-menu-active .x-btn-default-small-br,
.x-btn.x-btn-menu-active .x-btn-default-small-tc,
.x-btn.x-btn-menu-active .x-btn-default-small-bc,
.x-btn.x-btn-pressed .x-btn-default-small-tl,
.x-btn.x-btn-pressed .x-btn-default-small-bl,
.x-btn.x-btn-pressed .x-btn-default-small-tr,
.x-btn.x-btn-pressed .x-btn-default-small-br,
.x-btn.x-btn-pressed .x-btn-default-small-tc,
.x-btn.x-btn-pressed .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-small-ml,
.x-btn.x-btn-menu-active .x-btn-default-small-mr,
.x-btn.x-btn-pressed .x-btn-default-small-ml,
.x-btn.x-btn-pressed .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-small-mc,
.x-btn.x-btn-pressed .x-btn-default-small-mc {
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-mc {
  background-color: #288cb9;
}
.x-btn.x-btn-disabled .x-btn-default-small-tl,
.x-btn.x-btn-disabled .x-btn-default-small-bl,
.x-btn.x-btn-disabled .x-btn-default-small-tr,
.x-btn.x-btn-disabled .x-btn-default-small-br,
.x-btn.x-btn-disabled .x-btn-default-small-tc,
.x-btn.x-btn-disabled .x-btn-default-small-bc {
  background-image: url(images/btn/btn-default-small-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-small-ml,
.x-btn.x-btn-disabled .x-btn-default-small-mr {
  background-image: url(images/btn/btn-default-small-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-small-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-small {
  background-image: none;
}
.x-btn-disabled.x-btn-default-small {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first
  .x-btn-default-small-mc {
  padding-right: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-middle
  .x-btn-default-small-mc {
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last
  .x-btn-default-small-mc {
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first
  .x-btn-default-small-mc {
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-middle
  .x-btn-default-small-mc {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last
  .x-btn-default-small-mc {
  padding-top: 7px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-small:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-small.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-small.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-small:after {
  border-width: 1px;
  border-color: #cbe5f1;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-small:after {
  border-width: 1px;
  border-color: #cae2ed;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-small:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-small:after {
  border-width: 1px;
  border-color: #c8dce5;
}
.x-btn-default-medium {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 8px 8px 8px 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-btn-default-medium-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-medium-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-8-8-8-8;
}
.x-btn-default-medium-tl {
  background-position: 0 -2px;
}
.x-btn-default-medium-tr {
  background-position: right -3px;
}
.x-btn-default-medium-bl {
  background-position: 0 -4px;
}
.x-btn-default-medium-br {
  background-position: right -5px;
}
.x-btn-default-medium-ml {
  background-position: 0 top;
}
.x-btn-default-medium-mr {
  background-position: right top;
}
.x-btn-default-medium-tc {
  background-position: 0 0;
}
.x-btn-default-medium-bc {
  background-position: 0 -1px;
}
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-mr {
  padding-right: 1px;
}
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-ml {
  padding-left: 1px;
}
.x-btn-default-medium-tc {
  height: 1px;
}
.x-btn-default-medium-bc {
  height: 1px;
}
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-tc,
.x-btn-default-medium-bc,
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-corners.gif);
}
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-medium-mc {
  padding: 8px 8px 8px 8px;
}
.x-btn-default-medium {
  border-color: #31ade5;
}
.x-btn-button-default-medium {
  min-height: 20px;
}
.x-ie9m .x-btn-button-default-medium {
  min-height: auto;
  height: 20px;
}
.x-btn-inner-default-medium {
  font: 500 14px/18px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #f0f0f0;
  padding: 0 8px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-medium,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-medium {
  max-width: calc(100% - 20px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-medium,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-medium {
  max-width: calc(100% - 19px);
}
.x-ie10p .x-btn-inner-default-medium {
  max-width: none;
}
.x-btn-icon-el-default-medium {
  font-size: 20px;
  height: 20px;
  color: #f0f0f0;
  line-height: 20px;
}
.x-btn-icon-left > .x-btn-icon-el-default-medium,
.x-btn-icon-right > .x-btn-icon-el-default-medium {
  width: 20px;
}
.x-btn-icon-top > .x-btn-icon-el-default-medium,
.x-btn-icon-bottom > .x-btn-icon-el-default-medium {
  min-width: 20px;
}
.x-ie8 .x-btn-icon-el-default-medium.x-btn-glyph {
  color: #f0f0f0;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-medium {
  margin-right: 0px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-medium {
  margin-left: 0px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-medium {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-medium {
  margin-top: 8px;
}
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-medium {
  margin-right: 8px;
}
.x-btn-arrow-bottom > .x-btn-button-default-medium,
.x-btn-split-bottom > .x-btn-button-default-medium {
  padding-bottom: 8px;
}
.x-btn-wrap-default-medium.x-btn-arrow-right:after {
  width: 20px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-medium.x-btn-arrow-bottom:after {
  height: 14px;
  content: "\f0d7";
  font: 20px/14px FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-medium.x-btn-split-right > .x-btn-button {
  padding-right: 8px;
}
.x-btn-wrap-default-medium.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #f0f0f0;
}
.x-btn-wrap-default-medium.x-btn-split-right:after {
  width: 26px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #f0f0f0;
  padding-left: 8px;
}
.x-btn-wrap-default-medium.x-btn-split-bottom {
  margin-bottom: -8px;
}
.x-btn-wrap-default-medium.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #f0f0f0;
}
.x-btn-wrap-default-medium.x-btn-split-bottom:after {
  height: 24px;
  content: "\f0d7";
  font: 20px/24px FontAwesome;
  color: #f0f0f0;
}
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-medium {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-medium {
  margin-right: 8px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-medium {
  background-image: none;
  background-color: #5aaed4;
  -webkit-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  -moz-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
}
.x-btn-default-medium .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-medium.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #cbe5f1;
}
.x-btn-over.x-btn-default-medium {
  border-color: #2d9fd2;
  background-image: none;
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium {
  -webkit-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  -moz-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-medium,
.x-btn.x-btn-pressed.x-btn-default-medium {
  border-color: #2582ac;
  background-image: none;
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-medium {
  -webkit-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  -moz-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-medium {
  background-image: none;
  background-color: #5aaed4;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-medium-mc {
  background-color: #5aaed4;
}
.x-btn-over .x-btn-default-medium-tl,
.x-btn-over .x-btn-default-medium-bl,
.x-btn-over .x-btn-default-medium-tr,
.x-btn-over .x-btn-default-medium-br,
.x-btn-over .x-btn-default-medium-tc,
.x-btn-over .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-over-corners.gif);
}
.x-btn-over .x-btn-default-medium-ml,
.x-btn-over .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-over-sides.gif);
}
.x-btn-over .x-btn-default-medium-mc {
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-mc {
  background-color: #31abe2;
}
.x-btn.x-btn-menu-active .x-btn-default-medium-tl,
.x-btn.x-btn-menu-active .x-btn-default-medium-bl,
.x-btn.x-btn-menu-active .x-btn-default-medium-tr,
.x-btn.x-btn-menu-active .x-btn-default-medium-br,
.x-btn.x-btn-menu-active .x-btn-default-medium-tc,
.x-btn.x-btn-menu-active .x-btn-default-medium-bc,
.x-btn.x-btn-pressed .x-btn-default-medium-tl,
.x-btn.x-btn-pressed .x-btn-default-medium-bl,
.x-btn.x-btn-pressed .x-btn-default-medium-tr,
.x-btn.x-btn-pressed .x-btn-default-medium-br,
.x-btn.x-btn-pressed .x-btn-default-medium-tc,
.x-btn.x-btn-pressed .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-medium-ml,
.x-btn.x-btn-menu-active .x-btn-default-medium-mr,
.x-btn.x-btn-pressed .x-btn-default-medium-ml,
.x-btn.x-btn-pressed .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-medium-mc {
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-mc {
  background-color: #288cb9;
}
.x-btn.x-btn-disabled .x-btn-default-medium-tl,
.x-btn.x-btn-disabled .x-btn-default-medium-bl,
.x-btn.x-btn-disabled .x-btn-default-medium-tr,
.x-btn.x-btn-disabled .x-btn-default-medium-br,
.x-btn.x-btn-disabled .x-btn-default-medium-tc,
.x-btn.x-btn-disabled .x-btn-default-medium-bc {
  background-image: url(images/btn/btn-default-medium-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-medium-ml,
.x-btn.x-btn-disabled .x-btn-default-medium-mr {
  background-image: url(images/btn/btn-default-medium-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-medium-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-medium {
  background-image: none;
}
.x-btn-disabled.x-btn-default-medium {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first
  .x-btn-default-medium-mc {
  padding-right: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-middle
  .x-btn-default-medium-mc {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-last
  .x-btn-default-medium-mc {
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first
  .x-btn-default-medium-mc {
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-middle
  .x-btn-default-medium-mc {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-last
  .x-btn-default-medium-mc {
  padding-top: 8px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-medium:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-medium:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-medium.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-medium:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-medium.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #cbe5f1;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #cae2ed;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-medium:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-medium:after {
  border-width: 1px;
  border-color: #c8dce5;
}
.x-btn-default-large {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-btn-default-large-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-large-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-9-9-9-9;
}
.x-btn-default-large-tl {
  background-position: 0 -2px;
}
.x-btn-default-large-tr {
  background-position: right -3px;
}
.x-btn-default-large-bl {
  background-position: 0 -4px;
}
.x-btn-default-large-br {
  background-position: right -5px;
}
.x-btn-default-large-ml {
  background-position: 0 top;
}
.x-btn-default-large-mr {
  background-position: right top;
}
.x-btn-default-large-tc {
  background-position: 0 0;
}
.x-btn-default-large-bc {
  background-position: 0 -1px;
}
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-mr {
  padding-right: 1px;
}
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-ml {
  padding-left: 1px;
}
.x-btn-default-large-tc {
  height: 1px;
}
.x-btn-default-large-bc {
  height: 1px;
}
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-tc,
.x-btn-default-large-bc,
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-corners.gif);
}
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-large-mc {
  padding: 9px 9px 9px 9px;
}
.x-btn-default-large {
  border-color: #31ade5;
}
.x-btn-button-default-large {
  min-height: 24px;
}
.x-ie9m .x-btn-button-default-large {
  min-height: auto;
  height: 24px;
}
.x-btn-inner-default-large {
  font: 500 16px/20px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #f0f0f0;
  padding: 0 10px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-large,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-large {
  max-width: calc(100% - 24px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-large,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-large {
  max-width: calc(100% - 23px);
}
.x-ie10p .x-btn-inner-default-large {
  max-width: none;
}
.x-btn-icon-el-default-large {
  font-size: 24px;
  height: 24px;
  color: #f0f0f0;
  line-height: 24px;
}
.x-btn-icon-left > .x-btn-icon-el-default-large,
.x-btn-icon-right > .x-btn-icon-el-default-large {
  width: 24px;
}
.x-btn-icon-top > .x-btn-icon-el-default-large,
.x-btn-icon-bottom > .x-btn-icon-el-default-large {
  min-width: 24px;
}
.x-ie8 .x-btn-icon-el-default-large.x-btn-glyph {
  color: #f0f0f0;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-large {
  margin-right: 0;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-large {
  margin-left: 0;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-large {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-large {
  margin-top: 8px;
}
.x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-large {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-large {
  margin-right: 10px;
}
.x-btn-arrow-bottom > .x-btn-button-default-large,
.x-btn-split-bottom > .x-btn-button-default-large {
  padding-bottom: 9px;
}
.x-btn-wrap-default-large.x-btn-arrow-right:after {
  width: 22px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-large.x-btn-arrow-bottom:after {
  height: 16px;
  content: "\f0d7";
  font: 24px/16px FontAwesome;
  color: #f0f0f0;
}
.x-btn-wrap-default-large.x-btn-split-right > .x-btn-button {
  padding-right: 9px;
}
.x-btn-wrap-default-large.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #f0f0f0;
}
.x-btn-wrap-default-large.x-btn-split-right:after {
  width: 32px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #f0f0f0;
  padding-left: 9px;
}
.x-btn-wrap-default-large.x-btn-split-bottom {
  margin-bottom: -9px;
}
.x-btn-wrap-default-large.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #f0f0f0;
}
.x-btn-wrap-default-large.x-btn-split-bottom:after {
  height: 28px;
  content: "\f0d7";
  font: 24px/28px FontAwesome;
  color: #f0f0f0;
}
.x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-large {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-large {
  margin-right: 10px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-large {
  background-image: none;
  background-color: #5aaed4;
  -webkit-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  -moz-box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
  box-shadow: #cbe5f1 0 1px 0px 0 inset, #cbe5f1 0 -1px 0px 0 inset,
    #cbe5f1 -1px 0 0px 0 inset, #cbe5f1 1px 0 0px 0 inset;
}
.x-btn-default-large .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 41px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-large.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #cbe5f1;
}
.x-btn-over.x-btn-default-large {
  border-color: #2d9fd2;
  background-image: none;
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-large {
  -webkit-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  -moz-box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
  box-shadow: #cae2ed 0 1px 0px 0 inset, #cae2ed 0 -1px 0px 0 inset,
    #cae2ed -1px 0 0px 0 inset, #cae2ed 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-large,
.x-btn.x-btn-pressed.x-btn-default-large {
  border-color: #2582ac;
  background-image: none;
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-large {
  -webkit-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  -moz-box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
  box-shadow: #c8dce5 0 1px 0px 0 inset, #c8dce5 0 -1px 0px 0 inset,
    #c8dce5 -1px 0 0px 0 inset, #c8dce5 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-large {
  background-image: none;
  background-color: #5aaed4;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-large-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-large-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-large-mc {
  background-color: #5aaed4;
}
.x-btn-over .x-btn-default-large-tl,
.x-btn-over .x-btn-default-large-bl,
.x-btn-over .x-btn-default-large-tr,
.x-btn-over .x-btn-default-large-br,
.x-btn-over .x-btn-default-large-tc,
.x-btn-over .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-over-corners.gif);
}
.x-btn-over .x-btn-default-large-ml,
.x-btn-over .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-over-sides.gif);
}
.x-btn-over .x-btn-default-large-mc {
  background-color: #31abe2;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-mc {
  background-color: #31abe2;
}
.x-btn.x-btn-menu-active .x-btn-default-large-tl,
.x-btn.x-btn-menu-active .x-btn-default-large-bl,
.x-btn.x-btn-menu-active .x-btn-default-large-tr,
.x-btn.x-btn-menu-active .x-btn-default-large-br,
.x-btn.x-btn-menu-active .x-btn-default-large-tc,
.x-btn.x-btn-menu-active .x-btn-default-large-bc,
.x-btn.x-btn-pressed .x-btn-default-large-tl,
.x-btn.x-btn-pressed .x-btn-default-large-bl,
.x-btn.x-btn-pressed .x-btn-default-large-tr,
.x-btn.x-btn-pressed .x-btn-default-large-br,
.x-btn.x-btn-pressed .x-btn-default-large-tc,
.x-btn.x-btn-pressed .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-large-ml,
.x-btn.x-btn-menu-active .x-btn-default-large-mr,
.x-btn.x-btn-pressed .x-btn-default-large-ml,
.x-btn.x-btn-pressed .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-large-mc,
.x-btn.x-btn-pressed .x-btn-default-large-mc {
  background-color: #288cb9;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-mc {
  background-color: #288cb9;
}
.x-btn.x-btn-disabled .x-btn-default-large-tl,
.x-btn.x-btn-disabled .x-btn-default-large-bl,
.x-btn.x-btn-disabled .x-btn-default-large-tr,
.x-btn.x-btn-disabled .x-btn-default-large-br,
.x-btn.x-btn-disabled .x-btn-default-large-tc,
.x-btn.x-btn-disabled .x-btn-default-large-bc {
  background-image: url(images/btn/btn-default-large-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-large-ml,
.x-btn.x-btn-disabled .x-btn-default-large-mr {
  background-image: url(images/btn/btn-default-large-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-large-mc {
  background-color: #5aaed4;
}
.x-nbr .x-btn-default-large {
  background-image: none;
}
.x-btn-disabled.x-btn-default-large {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first
  .x-btn-default-large-mc {
  padding-right: 9px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-middle
  .x-btn-default-large-mc {
  padding-right: 9px !important;
  padding-left: 9px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-last
  .x-btn-default-large-mc {
  padding-left: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first
  .x-btn-default-large-mc {
  padding-bottom: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-middle
  .x-btn-default-large-mc {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-last
  .x-btn-default-large-mc {
  padding-top: 9px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-large:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-large:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-large.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-large:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-large.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-large:after {
  border-width: 1px;
  border-color: #cbe5f1;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-large:after {
  border-width: 1px;
  border-color: #cae2ed;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-large:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-large:after {
  border-width: 1px;
  border-color: #c8dce5;
}
.x-btn-default-toolbar-small {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 7px 7px 7px 7px;
  border-width: 1px;
  border-style: solid;
  background-color: #f6f6f6;
}
.x-btn-default-toolbar-small-mc {
  background-color: #8d8d8d;
}
.x-nbr .x-btn-default-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-toolbar-small-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-7-7-7-7;
}
.x-btn-default-toolbar-small-tl {
  background-position: 0 -2px;
}
.x-btn-default-toolbar-small-tr {
  background-position: right -3px;
}
.x-btn-default-toolbar-small-bl {
  background-position: 0 -4px;
}
.x-btn-default-toolbar-small-br {
  background-position: right -5px;
}
.x-btn-default-toolbar-small-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-small-mr {
  background-position: right top;
}
.x-btn-default-toolbar-small-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-small-bc {
  background-position: 0 -1px;
}
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-mr {
  padding-right: 1px;
}
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-ml {
  padding-left: 1px;
}
.x-btn-default-toolbar-small-tc {
  height: 1px;
}
.x-btn-default-toolbar-small-bc {
  height: 1px;
}
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-tc,
.x-btn-default-toolbar-small-bc,
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-corners.gif);
}
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-toolbar-small-mc {
  padding: 7px 7px 7px 7px;
}
.x-btn-default-toolbar-small {
  border-color:transparent;
}
.x-btn-button-default-toolbar-small {
  min-height: 16px;
}
.x-ie9m .x-btn-button-default-toolbar-small {
  min-height: auto;
  height: 16px;
}
.x-btn-inner-default-toolbar-small {
  font: 500 12px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 5px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-toolbar-small,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-toolbar-small {
  max-width: calc(100% - 16px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-toolbar-small,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-toolbar-small {
  max-width: calc(100% - 15px);
}
.x-ie10p .x-btn-inner-default-toolbar-small {
  max-width: none;
}
.x-btn-icon-el-default-toolbar-small {
  font-size: 16px;
  height: 16px;
  color: #919191;
  line-height: 16px;
}
.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small,
.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
  width: 16px;
}
.x-btn-icon-top > .x-btn-icon-el-default-toolbar-small,
.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-small {
  min-width: 16px;
}
.x-ie8 .x-btn-icon-el-default-toolbar-small.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
  margin-right: 3px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
  margin-left: 3px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-small {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-small {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-small {
  margin-right: 5px;
}
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-small,
.x-btn-split-bottom > .x-btn-button-default-toolbar-small {
  padding-bottom: 7px;
}
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
  width: 18px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-small.x-btn-arrow-bottom:after {
  height: 12px;
  content: "\f0d7";
  font: 16px/12px FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button {
  padding-right: 7px;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
  width: 20px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #606060;
  padding-left: 7px;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-bottom {
  margin-bottom: -7px;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-bottom:after {
  height: 20px;
  content: "\f0d7";
  font: 16px/20px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-small {
  margin-right: 5px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
  background-image: none;
  background-color: #f6f6f6;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-default-toolbar-small .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 27px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-toolbar-small.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-default-toolbar-small {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
  background-image: none;
  background-color: #f6f6f6;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-small-mc {
  background-color: #f6f6f6;
}
.x-btn-over .x-btn-default-toolbar-small-tl,
.x-btn-over .x-btn-default-toolbar-small-bl,
.x-btn-over .x-btn-default-toolbar-small-tr,
.x-btn-over .x-btn-default-toolbar-small-br,
.x-btn-over .x-btn-default-toolbar-small-tc,
.x-btn-over .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-over-corners.gif);
}
.x-btn-over .x-btn-default-toolbar-small-ml,
.x-btn-over .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-over-sides.gif);
}
.x-btn-over .x-btn-default-toolbar-small-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-small-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-bc {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mr {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-small-mc {
  background-color: #f6f6f6;
}
.x-nbr .x-btn-default-toolbar-small {
  background-image: none;
}
.x-btn-disabled.x-btn-default-toolbar-small {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first
  .x-btn-default-toolbar-small-mc {
  padding-right: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-middle
  .x-btn-default-toolbar-small-mc {
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-last
  .x-btn-default-toolbar-small-mc {
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first
  .x-btn-default-toolbar-small-mc {
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-middle
  .x-btn-default-toolbar-small-mc {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-last
  .x-btn-default-toolbar-small-mc {
  padding-top: 7px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-small:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-small.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-small.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-btn-default-toolbar-medium {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 8px 8px 8px 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #f6f6f6;
}
.x-btn-default-toolbar-medium-mc {
  background-color: #f6f6f6;
}
.x-nbr .x-btn-default-toolbar-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-toolbar-medium-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-8-8-8-8;
}
.x-btn-default-toolbar-medium-tl {
  background-position: 0 -2px;
}
.x-btn-default-toolbar-medium-tr {
  background-position: right -3px;
}
.x-btn-default-toolbar-medium-bl {
  background-position: 0 -4px;
}
.x-btn-default-toolbar-medium-br {
  background-position: right -5px;
}
.x-btn-default-toolbar-medium-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-medium-mr {
  background-position: right top;
}
.x-btn-default-toolbar-medium-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-medium-bc {
  background-position: 0 -1px;
}
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-mr {
  padding-right: 1px;
}
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-ml {
  padding-left: 1px;
}
.x-btn-default-toolbar-medium-tc {
  height: 1px;
}
.x-btn-default-toolbar-medium-bc {
  height: 1px;
}
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-tc,
.x-btn-default-toolbar-medium-bc,
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-corners.gif);
}
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-toolbar-medium-mc {
  padding: 8px 8px 8px 8px;
}
.x-btn-default-toolbar-medium {
  border-color: #e4e4e4;
}
.x-btn-button-default-toolbar-medium {
  min-height: 20px;
}
.x-ie9m .x-btn-button-default-toolbar-medium {
  min-height: auto;
  height: 20px;
}
.x-btn-inner-default-toolbar-medium {
  font: 500 14px/18px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 8px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-toolbar-medium,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-toolbar-medium {
  max-width: calc(100% - 20px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-toolbar-medium,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-toolbar-medium {
  max-width: calc(100% - 19px);
}
.x-ie10p .x-btn-inner-default-toolbar-medium {
  max-width: none;
}
.x-btn-icon-el-default-toolbar-medium {
  font-size: 20px;
  height: 20px;
  color: #919191;
  line-height: 20px;
}
.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,
.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
  width: 20px;
}
.x-btn-icon-top > .x-btn-icon-el-default-toolbar-medium,
.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-medium {
  min-width: 20px;
}
.x-ie8 .x-btn-icon-el-default-toolbar-medium.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium {
  margin-right: 0px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
  margin-left: 0px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-medium {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-medium {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-medium {
  margin-right: 8px;
}
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-medium,
.x-btn-split-bottom > .x-btn-button-default-toolbar-medium {
  padding-bottom: 8px;
}
.x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after {
  width: 20px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-medium.x-btn-arrow-bottom:after {
  height: 14px;
  content: "\f0d7";
  font: 20px/14px FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button {
  padding-right: 8px;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-right:after {
  width: 26px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #606060;
  padding-left: 8px;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-bottom {
  margin-bottom: -8px;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after {
  height: 24px;
  content: "\f0d7";
  font: 20px/24px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-medium {
  margin-right: 8px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium {
  background-image: none;
  background-color: #f6f6f6;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-default-toolbar-medium .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-toolbar-medium.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-default-toolbar-medium {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-medium {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-btn.x-btn-pressed.x-btn-default-toolbar-medium {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-toolbar-medium {
  background-image: none;
  background-color: #f6f6f6;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-medium-mc {
  background-color: #f6f6f6;
}
.x-btn-over .x-btn-default-toolbar-medium-tl,
.x-btn-over .x-btn-default-toolbar-medium-bl,
.x-btn-over .x-btn-default-toolbar-medium-tr,
.x-btn-over .x-btn-default-toolbar-medium-br,
.x-btn-over .x-btn-default-toolbar-medium-tc,
.x-btn-over .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-over-corners.gif);
}
.x-btn-over .x-btn-default-toolbar-medium-ml,
.x-btn-over .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-over-sides.gif);
}
.x-btn-over .x-btn-default-toolbar-medium-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-medium-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-tl,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-bl,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-tr,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-br,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-tc,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-corners.gif);
}
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-ml,
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-pressed-sides.gif);
}
.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-medium-mc {
  background-color: #f6f6f6;
}
.x-nbr .x-btn-default-toolbar-medium {
  background-image: none;
}
.x-btn-disabled.x-btn-default-toolbar-medium {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first
  .x-btn-default-toolbar-medium-mc {
  padding-right: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-middle
  .x-btn-default-toolbar-medium-mc {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-last
  .x-btn-default-toolbar-medium-mc {
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first
  .x-btn-default-toolbar-medium-mc {
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-middle
  .x-btn-default-toolbar-medium-mc {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-last
  .x-btn-default-toolbar-medium-mc {
  padding-top: 8px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-medium:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-medium.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-medium:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-medium.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-btn-default-toolbar-large {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: #f6f6f6;
}
.x-btn-default-toolbar-large-mc {
  background-color: #f6f6f6;
}
.x-nbr .x-btn-default-toolbar-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-default-toolbar-large-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-9-9-9-9;
}
.x-btn-default-toolbar-large-tl {
  background-position: 0 -2px;
}
.x-btn-default-toolbar-large-tr {
  background-position: right -3px;
}
.x-btn-default-toolbar-large-bl {
  background-position: 0 -4px;
}
.x-btn-default-toolbar-large-br {
  background-position: right -5px;
}
.x-btn-default-toolbar-large-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-large-mr {
  background-position: right top;
}
.x-btn-default-toolbar-large-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-large-bc {
  background-position: 0 -1px;
}
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-mr {
  padding-right: 1px;
}
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-ml {
  padding-left: 1px;
}
.x-btn-default-toolbar-large-tc {
  height: 1px;
}
.x-btn-default-toolbar-large-bc {
  height: 1px;
}
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-tc,
.x-btn-default-toolbar-large-bc,
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-corners.gif);
}
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-sides.gif);
  background-repeat: repeat-y;
}
.x-btn-default-toolbar-large-mc {
  padding: 9px 9px 9px 9px;
}
.x-btn-default-toolbar-large {
  border-color: #e4e4e4;
}
.x-btn-button-default-toolbar-large {
  min-height: 24px;
}
.x-ie9m .x-btn-button-default-toolbar-large {
  min-height: auto;
  height: 24px;
}
.x-btn-inner-default-toolbar-large {
  font: 500 16px/20px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 10px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-default-toolbar-large,
.x-ie9 .x-btn-icon-left > .x-btn-inner-default-toolbar-large {
  max-width: calc(100% - 24px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-default-toolbar-large,
.x-safari8m .x-btn-icon-left > .x-btn-inner-default-toolbar-large {
  max-width: calc(100% - 23px);
}
.x-ie10p .x-btn-inner-default-toolbar-large {
  max-width: none;
}
.x-btn-icon-el-default-toolbar-large {
  font-size: 24px;
  height: 24px;
  color: #919191;
  line-height: 24px;
}
.x-btn-icon-left > .x-btn-icon-el-default-toolbar-large,
.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
  width: 24px;
}
.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large,
.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-large {
  min-width: 24px;
}
.x-ie8 .x-btn-icon-el-default-toolbar-large.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-large {
  margin-right: 0;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-default-toolbar-large {
  margin-left: 0;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-default-toolbar-large {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-large {
  margin-right: 10px;
}
.x-btn-arrow-bottom > .x-btn-button-default-toolbar-large,
.x-btn-split-bottom > .x-btn-button-default-toolbar-large {
  padding-bottom: 9px;
}
.x-btn-wrap-default-toolbar-large.x-btn-arrow-right:after {
  width: 22px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-large.x-btn-arrow-bottom:after {
  height: 16px;
  content: "\f0d7";
  font: 24px/16px FontAwesome;
  color: #606060;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button {
  padding-right: 9px;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-right:after {
  width: 32px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #606060;
  padding-left: 9px;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-bottom {
  margin-bottom: -9px;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after {
  height: 28px;
  content: "\f0d7";
  font: 24px/28px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-default-toolbar-large {
  margin-right: 10px;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-large {
  background-image: none;
  background-color: #f6f6f6;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-default-toolbar-large .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 41px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-default-toolbar-large.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-default-toolbar-large {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-large {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
  background-image: none;
  background-color: #f6f6f6;
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-br,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-default-toolbar-large-mc {
  background-color: #f6f6f6;
}
.x-btn-over .x-btn-default-toolbar-large-tl,
.x-btn-over .x-btn-default-toolbar-large-bl,
.x-btn-over .x-btn-default-toolbar-large-tr,
.x-btn-over .x-btn-default-toolbar-large-br,
.x-btn-over .x-btn-default-toolbar-large-tc,
.x-btn-over .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-over-corners.gif);
}
.x-btn-over .x-btn-default-toolbar-large-ml,
.x-btn-over .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-over-sides.gif);
}
.x-btn-over .x-btn-default-toolbar-large-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-toolbar-large-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-br,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-bc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-br,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mr,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bl,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tr,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-br,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-tc,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-bc {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-ml,
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mr {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-default-toolbar-large-mc {
  background-color: #f6f6f6;
}
.x-nbr .x-btn-default-toolbar-large {
  background-image: none;
}
.x-btn-disabled.x-btn-default-toolbar-large {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first
  .x-btn-default-toolbar-large-mc {
  padding-right: 9px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-middle
  .x-btn-default-toolbar-large-mc {
  padding-right: 9px !important;
  padding-left: 9px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-last
  .x-btn-default-toolbar-large-mc {
  padding-left: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first
  .x-btn-default-toolbar-large-mc {
  padding-bottom: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-middle
  .x-btn-default-toolbar-large-mc {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-last
  .x-btn-default-toolbar-large-mc {
  padding-top: 9px !important;
}
.x-nbr .x-segmented-button-item.x-btn-default-toolbar-large:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-default-toolbar-large:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-default-toolbar-large.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-default-toolbar-large:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-default-toolbar-large.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-tool {
  cursor: pointer;
}
.x-tool-tool-el {
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin: 0;
  color: #fff;
  text-align: center;
    opacity: 0.8;
}
.x-tool-over .x-tool-tool-el {
    opacity: 1;
}
.x-tool-pressed .x-tool-tool-el {
    opacity: 0.8;
}
.x-keyboard-mode .x-tool-focus {
  outline: 1px solid #5aaed4;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-tool-focus,
.x-ie10p .x-keyboard-mode .x-tool-focus,
.x-edge .x-keyboard-mode .x-tool-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-tool-focus:after,
.x-ie10p .x-keyboard-mode .x-tool-focus:after,
.x-edge .x-keyboard-mode .x-tool-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #5aaed4;
  pointer-events: none;
}
.x-tool-img {
  background-image: url(images/tools/tool-sprites.png);
}
.x-tool-placeholder {
  visibility: hidden;
}
.x-tool-close {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-close:before {
  content: "\f00d";
}
.x-tool-minimize {
  font: 16px/1 ExtJS;
  background: none;
}
.x-tool-minimize:before {
  content: "\e608";
}
.x-tool-maximize {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-tool-maximize:before {
  content: "\f065";
}
.x-tool-restore {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-tool-restore:before {
  content: "\f066";
}
.x-tool-toggle {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-toggle:before {
  content: "\f077";
}
.x-panel-collapsed .x-tool-toggle {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-panel-collapsed .x-tool-toggle:before {
  content: "\f078";
}
.x-tool-gear {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-gear:before {
  content: "\f013";
}
.x-tool-prev {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-prev:before {
  content: "\f053";
}
.x-tool-next {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-next:before {
  content: "\f054";
}
.x-tool-pin {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-pin:before {
  content: "\f08d";
}
.x-tool-unpin {
  font: 16px/1 ExtJS;
  background: none !important;
}
.x-tool-unpin:before {
  content: "\e611";
}
.x-tool-right {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-right:before {
  content: "\f0da";
}
.x-tool-left {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-left:before {
  content: "\f0d9";
}
.x-tool-down {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-down:before {
  content: "\f0d7";
}
.x-tool-up {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-up:before {
  content: "\f0d8";
}
.x-tool-refresh {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-refresh:before {
  content: "\f021";
}
.x-tool-plus {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-plus:before {
  content: "\f067";
}
.x-tool-minus {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-minus:before {
  content: "\f068";
}
.x-tool-search {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-search:before {
  content: "\f002";
}
.x-tool-save {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-save:before {
  content: "\f00c";
}
.x-tool-help {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-help:before {
  content: "\f128";
}
.x-tool-print {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-print:before {
  content: "\f02f";
}
.x-tool-expand {
  font: 16px/1 ExtJS;
  background: none !important;
}
.x-tool-expand:before {
  content: "\e600";
}
.x-tool-collapse {
  font: 16px/1 ExtJS;
  background: none !important;
}
.x-tool-collapse:before {
  content: "\e606";
}
.x-tool-resize {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-resize:before {
  content: "\f07e";
}
.x-tool-move {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-move:before {
  content: "\f047";
}
.x-tool-expand-bottom {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-expand-bottom:before {
  content: "\f0d7";
}
.x-tool-collapse-bottom {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-collapse-bottom:before {
  content: "\f0d7";
}
.x-tool-expand-top {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-expand-top:before {
  content: "\f0d8";
}
.x-tool-collapse-top {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-collapse-top:before {
  content: "\f0d8";
}
.x-tool-expand-left {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-expand-left:before {
  content: "\f0d9";
}
.x-tool-collapse-left {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-collapse-left:before {
  content: "\f0d9";
}
.x-tool-expand-right {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-expand-right:before {
  content: "\f0da";
}
.x-tool-collapse-right {
  font: 16px/1 FontAwesome;
  background: none !important;
}
.x-tool-collapse-right:before {
  content: "\f0da";
}
.x-header-draggable,
.x-header-ghost {
  cursor: move;
}
.x-header-text {
  white-space: nowrap;
}
.x-collapse-el {
  cursor: pointer;
  color: #919191;
  display: table;
  table-layout: fixed;
  background-color: #e0e0e0;
}
.x-collapse-el:before {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.x-layout-split-left {
  font: 16px/1 FontAwesome;
}
.x-layout-split-left:before {
  content: "\f0d9";
}
.x-layout-split-right {
  font: 16px/1 FontAwesome;
  padding: 0 0 0 2px;
}
.x-layout-split-right:before {
  content: "\f0da";
}
.x-layout-split-top {
  font: 16px/1 FontAwesome;
  padding: 0 0 2px 0;
}
.x-layout-split-top:before {
  content: "\f0d8";
}
.x-layout-split-bottom {
  font: 16px/1 FontAwesome;
}
.x-layout-split-bottom:before {
  content: "\f0d7";
}
.x-splitter-collapsed .x-layout-split-left {
  font: 16px/1 FontAwesome;
  padding: 0 0 0 2px;
}
.x-splitter-collapsed .x-layout-split-left:before {
  content: "\f0da";
}
.x-splitter-collapsed .x-layout-split-right {
  font: 16px/1 FontAwesome;
}
.x-splitter-collapsed .x-layout-split-right:before {
  content: "\f0d9";
}
.x-splitter-collapsed .x-layout-split-top {
  font: 16px/1 FontAwesome;
}
.x-splitter-collapsed .x-layout-split-top:before {
  content: "\f0d7";
}
.x-splitter-collapsed .x-layout-split-bottom {
  font: 16px/1 FontAwesome;
  padding: 0 0 2px 0;
}
.x-splitter-collapsed .x-layout-split-bottom:before {
  content: "\f0d8";
}
.x-splitter-active {
  background-color: #b4b4b4;
    opacity: 0.8;
}
.x-splitter-active .x-collapse-el {
    opacity: 0.3;
}
.x-layout-split-left,
.x-layout-split-right {
  top: 50%;
  margin-top: -24px;
  width: 100%;
  height: 48px;
}
.x-layout-split-top,
.x-layout-split-bottom {
  left: 50%;
  width: 48px;
  height: 100%;
  margin-left: -24px;
}
.x-layout-split-top:before,
.x-layout-split-bottom:before {
  width: 100%;
  line-height: 10px;
}
.x-keyboard-mode .x-splitter-focus:after {
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border: 1px solid #2a95c5;
  pointer-events: none;
}
.x-toolbar-default {
  padding: 0px 30px 0px 0px;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 1px;
  background-image: none;
  background-color: #fff;
}
.x-toolbar-default .x-tool-img {
  color: #919191;
  background-color: #fff;
}
.x-toolbar-default .x-toolbar-item {
  margin: 0 8px 0 0;
}
.x-toolbar-default .x-toolbar-separator-horizontal {
  margin: 0 8px 0 0;
  height: 14px;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-left-color: #d0d0d0;
  border-right-color: #fff;
}
.x-toolbar-default .x-box-menu-after {
  margin: 0 8px;
}
.x-toolbar-default-vertical {
  padding: 6px 8px 0;
}
.x-toolbar-default-vertical .x-toolbar-item {
  margin: 0 0 6px 0;
}
.x-toolbar-default-vertical .x-toolbar-separator-vertical {
  margin: 0 5px 6px;
  border-style: solid none;
  border-width: 1px 0 0;
  border-top-color: #d0d0d0;
  border-bottom-color: #fff;
}
.x-toolbar-default-vertical .x-box-menu-after {
  margin: 6px 0;
}
.x-toolbar-text-default {
  padding: 0 4px;
  color: #464a4c;
  font: 400 14px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
}
.x-toolbar-spacer-default {
  width: 2px;
}
.x-toolbar-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 24px;
}
.x-toolbar-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 26px;
}
.x-box-scroller-toolbar-default {
  cursor: pointer;
  color: #919191;
    opacity: 0.6;
}
.x-box-scroller-toolbar-default.x-box-scroller-hover {
    opacity: 0.8;
}
.x-box-scroller-toolbar-default.x-box-scroller-pressed {
    opacity: 1;
}
.x-box-scroller-toolbar-default.x-box-scroller-disabled {
    opacity: 0.25;
  cursor: default;
}
.x-box-scroller-toolbar-default.x-box-scroller-left,
.x-box-scroller-toolbar-default.x-box-scroller-right {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
}
.x-box-scroller-toolbar-default.x-box-scroller-left {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-default.x-box-scroller-left:before {
  content: "\f053";
}
.x-box-scroller-toolbar-default.x-box-scroller-right {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-default.x-box-scroller-right:before {
  content: "\f054";
}
.x-box-scroller-toolbar-default.x-box-scroller-top,
.x-box-scroller-toolbar-default.x-box-scroller-bottom {
  height: 24px;
  width: 24px;
  left: 50%;
  margin-left: -12px;
}
.x-box-scroller-toolbar-default.x-box-scroller-top {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-default.x-box-scroller-top:before {
  content: "\f077";
}
.x-box-scroller-toolbar-default.x-box-scroller-bottom {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-default.x-box-scroller-bottom:before {
  content: "\f078";
}
.x-ie8 .x-box-scroller-toolbar-default {
  background-color: #fff;
}
.x-toolbar-more-icon {
  font: 16px/1 FontAwesome;
  color: #919191;
}
.x-toolbar-more-icon:before {
  content: "\f0c9";
}
.x-toolbar-footer {
  padding: 6px 0 6px 6px;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 0;
  background-image: none;
  background-color: #ececec;
}
.x-toolbar-footer .x-tool-img {
  color: #919191;
  background-color: #ececec;
}
.x-toolbar-footer .x-toolbar-item {
  margin: 0 6px 0 0;
}
.x-toolbar-footer .x-toolbar-separator-horizontal {
  margin: 0 8px 0 0;
  height: 14px;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-left-color: #d0d0d0;
  border-right-color: #fff;
}
.x-toolbar-footer .x-box-menu-after {
  margin: 0 6px;
}
.x-toolbar-footer-vertical {
  padding: 6px 6px 0;
}
.x-toolbar-footer-vertical .x-toolbar-item {
  margin: 0 0 6px 0;
}
.x-toolbar-footer-vertical .x-toolbar-separator-vertical {
  margin: 0 5px 6px;
  border-style: solid none;
  border-width: 1px 0 0;
  border-top-color: #d0d0d0;
  border-bottom-color: #fff;
}
.x-toolbar-footer-vertical .x-box-menu-after {
  margin: 6px 0;
}
.x-toolbar-text-footer {
  padding: 0 4px;
  color: #464a4c;
  font: 400 14px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
}
.x-toolbar-spacer-footer {
  width: 2px;
}
.x-toolbar-footer-scroller .x-box-scroller-body-horizontal {
  margin-left: 26px;
}
.x-toolbar-footer-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 26px;
}
.x-box-scroller-toolbar-footer {
  cursor: pointer;
  color: #919191;
    opacity: 0.6;
}
.x-box-scroller-toolbar-footer.x-box-scroller-hover {
    opacity: 0.8;
}
.x-box-scroller-toolbar-footer.x-box-scroller-pressed {
    opacity: 1;
}
.x-box-scroller-toolbar-footer.x-box-scroller-disabled {
    opacity: 0.25;
  cursor: default;
}
.x-box-scroller-toolbar-footer.x-box-scroller-left,
.x-box-scroller-toolbar-footer.x-box-scroller-right {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
}
.x-box-scroller-toolbar-footer.x-box-scroller-left {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-footer.x-box-scroller-left:before {
  content: "\f053";
}
.x-box-scroller-toolbar-footer.x-box-scroller-right {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-toolbar-footer.x-box-scroller-right:before {
  content: "\f054";
}
.x-ie8 .x-box-scroller-toolbar-footer {
  background-color: #ececec;
}
.x-toolbar-more-icon {
  font: 16px/1 FontAwesome;
  color: #919191;
}
.x-toolbar-more-icon:before {
  content: "\f0c9";
}
.x-dd-drag-proxy {
  color: #404040;
  font: 400 14px/17px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  border: 1px solid #d0d0d0;
  background-color: #fff;
}
.x-dd-drag-ghost,
.x-dd-drop-icon {
  padding: 5px;
}
.x-dd-drag-ghost {
  padding-left: 0;
}
.x-dd-drop-ok .x-dd-drop-icon {
  font: 16px/1 FontAwesome;
  color: #a4cf6d;
}
.x-dd-drop-ok .x-dd-drop-icon:before {
  content: "\f058";
}
.x-dd-drop-ok-add .x-dd-drop-icon {
  font: 16px/1 FontAwesome;
  color: #a4cf6d;
}
.x-dd-drop-ok-add .x-dd-drop-icon:before {
  content: "\f058";
}
.x-dd-drop-nodrop div.x-dd-drop-icon {
  font: 16px/1 FontAwesome;
  color: #d9705d;
}
.x-dd-drop-nodrop div.x-dd-drop-icon:before {
  content: "\f057";
}
.x-panel-ghost {
    opacity: 0.5;
}
.x-panel-default {
  border-color: #5aaed4;
  border-radius: 9px;
  padding: 0;
}

.x-panel-default.x-masked {
  border-color: #9addfb;
}
.x-panel-header-default {
  font-size: 16px;
  border: 1px solid #5aaed4;
}
.x-panel-header-default .x-tool-tool-el {
  background-color: #5aaed4;
}
.x-panel-header-default-horizontal {
  padding: 11px 15px 12px;
}
.x-panel-header-default-horizontal .x-panel-header-default-tab-bar {
  margin-top: -11px;
  margin-bottom: -12px;
}
.x-panel-header-default-horizontal.x-header-noborder {
  padding: 12px 16px 12px 16px;
}
.x-panel-header-default-horizontal.x-header-noborder
  .x-panel-header-default-tab-bar {
  margin-top: -12px;
  margin-bottom: -12px;
}
.x-panel-header-default-vertical {
  padding: 15px 11px 15px 12px;
}
.x-panel-header-default-vertical .x-panel-header-default-tab-bar {
  margin-right: -11px;
  margin-left: -12px;
}
.x-panel-header-default-vertical.x-header-noborder {
  padding: 16px 12px 16px 12px;
}
.x-panel-header-default-vertical.x-header-noborder
  .x-panel-header-default-tab-bar {
  margin-right: -12px;
  margin-left: -12px;
}
.x-panel-header-title-default {
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 500;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  line-height: 20px;
}
.x-keyboard-mode .x-panel-header-title-default.x-title-focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-panel-header-title-default.x-title-focus,
.x-ie10p .x-keyboard-mode .x-panel-header-title-default.x-title-focus,
.x-edge .x-keyboard-mode .x-panel-header-title-default.x-title-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after,
.x-ie10p .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after,
.x-edge .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #fff;
  pointer-events: none;
}
.x-panel-header-title-default > .x-title-text-default {
  text-transform: none;
  padding: 0;
}
.x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-top {
  height: 24px;
  padding-bottom: 8px;
}
.x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right {
  width: 24px;
  padding-left: 8px;
}
.x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-bottom {
  height: 24px;
  padding-top: 8px;
}
.x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
  width: 24px;
  padding-right: 8px;
}
.x-panel-header-title-default
  > .x-title-icon-wrap-default
  > .x-title-icon-default {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #f0f0f0;
  background-position: center center;
}
.x-ie8
  .x-panel-header-title-default
  > .x-title-icon-wrap-default
  > .x-title-icon-default.x-title-glyph {
  color: #f0f0f0;
}
.x-panel-body-default {
  background: #fff;
  border-color: #d0d0d0;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  border-width: 1px;
  border-style: solid;
}
.x-panel-body-filter {
  background: #fafafad6;
  border-color: #d0d0d0;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  border-width: 1px;
  border-style: solid;
}
.x-panel-header-default {
  background-image: none;
  background-color: #5aaed4;
}
.x-panel-header-default-vertical {
  background-image: none;
  background-color: #5aaed4;
}
.x-panel .x-panel-header-default-collapsed-border-top {
  border-bottom-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-right {
  border-left-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-bottom {
  border-top-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-left {
  border-right-width: 1px !important;
}
.x-panel-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-panel-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-panel-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
.x-panel-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
.x-keyboard-mode .x-panel-header-default .x-tool-focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-panel-header-default .x-tool-focus,
.x-ie10p .x-keyboard-mode .x-panel-header-default .x-tool-focus,
.x-edge .x-keyboard-mode .x-panel-header-default .x-tool-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-panel-header-default .x-tool-focus:after,
.x-ie10p .x-keyboard-mode .x-panel-header-default .x-tool-focus:after,
.x-edge .x-keyboard-mode .x-panel-header-default .x-tool-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #fff;
  pointer-events: none;
}
.x-panel-default-resizable .x-panel-handle {
    opacity: 0;
}
.x-panel-default-outer-border-l {
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-b {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-outer-border-bl {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-r {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-panel-default-outer-border-rl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-rb {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-outer-border-rbl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-t {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
}
.x-panel-default-outer-border-tl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-tb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-outer-border-tbl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-tr {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-panel-default-outer-border-trl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-outer-border-trb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-outer-border-trbl {
  border-color: #5aaed4 !important;
  border-width: 1px !important;
}
.x-panel-default-framed {
  border-color: #5aaed4;
  padding: 0;
}
.x-panel-default-framed.x-masked {
  border-color: #9addfb;
}
.x-panel-header-default-framed {
  font-size: 16px;
  border: 2px solid #5aaed4;
}
.x-panel-header-default-framed .x-tool-tool-el {
  background-color: #5aaed4;
}
.x-panel-header-default-framed-horizontal {
  padding: 10px 14px 10px 14px;
}
.x-panel-header-default-framed-horizontal
  .x-panel-header-default-framed-tab-bar {
  margin-top: -10px;
  margin-bottom: -10px;
}
.x-panel-header-default-framed-horizontal.x-header-noborder {
  padding: 12px 16px 10px 16px;
}
.x-panel-header-default-framed-horizontal.x-header-noborder
  .x-panel-header-default-framed-tab-bar {
  margin-top: -12px;
  margin-bottom: -10px;
}
.x-panel-header-default-framed-vertical {
  padding: 14px 10px 14px 10px;
}
.x-panel-header-default-framed-vertical .x-panel-header-default-framed-tab-bar {
  margin-right: -10px;
  margin-left: -10px;
}
.x-panel-header-default-framed-vertical.x-header-noborder {
  padding: 16px 12px 16px 10px;
}
.x-panel-header-default-framed-vertical.x-header-noborder
  .x-panel-header-default-framed-tab-bar {
  margin-right: -12px;
  margin-left: -10px;
}
.x-panel-header-title-default-framed {
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 500;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  line-height: 20px;
}
.x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus,
.x-ie10p .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus,
.x-edge .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus:after,
.x-ie10p
  .x-keyboard-mode
  .x-panel-header-title-default-framed.x-title-focus:after,
.x-edge
  .x-keyboard-mode
  .x-panel-header-title-default-framed.x-title-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #fff;
  pointer-events: none;
}
.x-panel-header-title-default-framed > .x-title-text-default-framed {
  text-transform: none;
  padding: 0;
}
.x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed.x-title-icon-top {
  height: 24px;
  padding-bottom: 8px;
}
.x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed.x-title-icon-right {
  width: 24px;
  padding-left: 8px;
}
.x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed.x-title-icon-bottom {
  height: 24px;
  padding-top: 8px;
}
.x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed.x-title-icon-left {
  width: 24px;
  padding-right: 8px;
}
.x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed
  > .x-title-icon-default-framed {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #f0f0f0;
  background-position: center center;
}
.x-ie8
  .x-panel-header-title-default-framed
  > .x-title-icon-wrap-default-framed
  > .x-title-icon-default-framed.x-title-glyph {
  color: #f0f0f0;
}
.x-panel-body-default-framed {
  background: #fff;
  border-color: #d0d0d0;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  border-width: 1px;
  border-style: solid;
}
.x-panel-default-framed {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 0 0 0;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
}
.x-panel-default-framed-mc {
  background-color: #fff;
}
.x-nbr .x-panel-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-default-framed-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-0px-0px-0px-0px;
}
.x-panel-default-framed-tl {
  background-position: 0 -4px;
}
.x-panel-default-framed-tr {
  background-position: right -6px;
}
.x-panel-default-framed-bl {
  background-position: 0 -8px;
}
.x-panel-default-framed-br {
  background-position: right -10px;
}
.x-panel-default-framed-ml {
  background-position: 0 top;
}
.x-panel-default-framed-mr {
  background-position: right top;
}
.x-panel-default-framed-tc {
  background-position: 0 0;
}
.x-panel-default-framed-bc {
  background-position: 0 -2px;
}
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-mr {
  padding-right: 2px;
}
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-ml {
  padding-left: 2px;
}
.x-panel-default-framed-tc {
  height: 2px;
}
.x-panel-default-framed-bc {
  height: 2px;
}
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-tc,
.x-panel-default-framed-bc,
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  background-image: url(images/panel/panel-default-framed-corners.gif);
}
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  background-image: url(images/panel/panel-default-framed-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-default-framed-mc {
  padding: 0px 0px 0px 0px;
}
.x-panel-header-default-framed-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px 2px 0 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-top-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-top-frameInfo {
  font-family: dh-2-2-0-2-2-2-0-2-10-14-10-14;
}
.x-panel-header-default-framed-top-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-top-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-top-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-top-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-top-ml {
  background-position: 0 top;
}
.x-panel-header-default-framed-top-mr {
  background-position: right top;
}
.x-panel-header-default-framed-top-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-top-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-top-tc {
  height: 2px;
}
.x-panel-header-default-framed-top-bc {
  height: 0;
}
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-tc,
.x-panel-header-default-framed-top-bc,
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-top-corners.gif);
}
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-top-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-top-mc {
  padding: 10px 14px 10px 14px;
}
.x-panel-header-default-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px 2px 2px 0;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-right-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-right-frameInfo {
  font-family: dh-2-2-2-0-2-2-2-0-14-10-14-10;
}
.x-panel-header-default-framed-right-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-right-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-right-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-right-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-right-ml {
  background-position: right 0;
}
.x-panel-header-default-framed-right-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-right-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-right-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-ml {
  padding-left: 0;
}
.x-panel-header-default-framed-right-tc {
  height: 2px;
}
.x-panel-header-default-framed-right-bc {
  height: 2px;
}
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-tc,
.x-panel-header-default-framed-right-bc,
.x-panel-header-default-framed-right-ml,
.x-panel-header-default-framed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-right-corners.gif);
}
.x-panel-header-default-framed-right-ml,
.x-panel-header-default-framed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-right-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-right-mc {
  padding: 14px 10px 14px 10px;
}
.x-panel-header-default-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-bottom-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-bottom-frameInfo {
  font-family: dh-0-2-2-2-0-2-2-2-10-14-10-14;
}
.x-panel-header-default-framed-bottom-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-bottom-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-bottom-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-bottom-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-bottom-ml {
  background-position: 0 bottom;
}
.x-panel-header-default-framed-bottom-mr {
  background-position: right bottom;
}
.x-panel-header-default-framed-bottom-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-bottom-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-bottom-tc {
  height: 0;
}
.x-panel-header-default-framed-bottom-bc {
  height: 2px;
}
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-tc,
.x-panel-header-default-framed-bottom-bc,
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-corners.gif);
}
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-bottom-mc {
  padding: 10px 14px 10px 14px;
}
.x-panel-header-default-framed-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px 0 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-left-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-left-frameInfo {
  font-family: dh-2-0-2-2-2-0-2-2-14-10-14-10;
}
.x-panel-header-default-framed-left-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-left-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-left-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-left-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-left-ml {
  background-position: left 0;
}
.x-panel-header-default-framed-left-mr {
  background-position: left 0;
}
.x-panel-header-default-framed-left-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-left-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-mr {
  padding-right: 0;
}
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-left-tc {
  height: 2px;
}
.x-panel-header-default-framed-left-bc {
  height: 2px;
}
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-tc,
.x-panel-header-default-framed-left-bc,
.x-panel-header-default-framed-left-ml,
.x-panel-header-default-framed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-left-corners.gif);
}
.x-panel-header-default-framed-left-ml,
.x-panel-header-default-framed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-left-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-left-mc {
  padding: 14px 10px 14px 10px;
}
.x-panel-header-default-framed-collapsed-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-collapsed-top-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-collapsed-top-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-panel-header-default-framed-collapsed-top-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-top-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-collapsed-top-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-top-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-collapsed-top-ml {
  background-position: 0 top;
}
.x-panel-header-default-framed-collapsed-top-mr {
  background-position: right top;
}
.x-panel-header-default-framed-collapsed-top-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-top-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-collapsed-top-tc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-top-bc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-tc,
.x-panel-header-default-framed-collapsed-top-bc,
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif);
}
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-collapsed-top-mc {
  padding: 10px 14px 10px 14px;
}
.x-panel-header-default-framed-collapsed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-collapsed-right-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-collapsed-right-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-panel-header-default-framed-collapsed-right-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-right-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-collapsed-right-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-right-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-collapsed-right-ml {
  background-position: right 0;
}
.x-panel-header-default-framed-collapsed-right-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-collapsed-right-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-right-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-collapsed-right-tc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-right-bc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-tc,
.x-panel-header-default-framed-collapsed-right-bc,
.x-panel-header-default-framed-collapsed-right-ml,
.x-panel-header-default-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif);
}
.x-panel-header-default-framed-collapsed-right-ml,
.x-panel-header-default-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-collapsed-right-mc {
  padding: 14px 10px 14px 10px;
}
.x-panel-header-default-framed-collapsed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-collapsed-bottom-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-collapsed-bottom-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-panel-header-default-framed-collapsed-bottom-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-bottom-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-collapsed-bottom-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-bottom-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-collapsed-bottom-ml {
  background-position: 0 bottom;
}
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-position: right bottom;
}
.x-panel-header-default-framed-collapsed-bottom-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-bottom-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-collapsed-bottom-tc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-bottom-bc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-tc,
.x-panel-header-default-framed-collapsed-bottom-bc,
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif);
}
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-collapsed-bottom-mc {
  padding: 10px 14px 10px 14px;
}
.x-panel-header-default-framed-collapsed-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-panel-header-default-framed-collapsed-left-mc {
  background-color: #5aaed4;
}
.x-nbr .x-panel-header-default-framed-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-panel-header-default-framed-collapsed-left-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-panel-header-default-framed-collapsed-left-tl {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-left-tr {
  background-position: right -6px;
}
.x-panel-header-default-framed-collapsed-left-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-left-br {
  background-position: right -10px;
}
.x-panel-header-default-framed-collapsed-left-ml {
  background-position: left 0;
}
.x-panel-header-default-framed-collapsed-left-mr {
  background-position: left 0;
}
.x-panel-header-default-framed-collapsed-left-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-left-bc {
  background-position: 0 -2px;
}
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-mr {
  padding-right: 2px;
}
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-ml {
  padding-left: 2px;
}
.x-panel-header-default-framed-collapsed-left-tc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-left-bc {
  height: 2px;
}
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-tc,
.x-panel-header-default-framed-collapsed-left-bc,
.x-panel-header-default-framed-collapsed-left-ml,
.x-panel-header-default-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif);
}
.x-panel-header-default-framed-collapsed-left-ml,
.x-panel-header-default-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif);
  background-repeat: repeat-y;
}
.x-panel-header-default-framed-collapsed-left-mc {
  padding: 14px 10px 14px 10px;
}
.x-panel .x-panel-header-default-framed-top {
  border-bottom-width: 2px !important;
}
.x-panel .x-panel-header-default-framed-right {
  border-left-width: 2px !important;
}
.x-panel .x-panel-header-default-framed-bottom {
  border-top-width: 2px !important;
}
.x-panel .x-panel-header-default-framed-left {
  border-right-width: 2px !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-top {
  border-bottom-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-right {
  border-left-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  border-top-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-left {
  border-right-width: 0 !important;
}
.x-panel-header-default-framed-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-panel-header-default-framed-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-panel-header-default-framed-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
.x-panel-header-default-framed-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
.x-keyboard-mode .x-panel-header-default-framed .x-tool-focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus,
.x-ie10p .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus,
.x-edge .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after,
.x-ie10p .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after,
.x-edge .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #fff;
  pointer-events: none;
}
.x-panel-default-framed-resizable .x-panel-handle {
    opacity: 0;
}
.x-panel-default-framed-outer-border-l {
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-b {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-framed-outer-border-bl {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-r {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-panel-default-framed-outer-border-rl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-rb {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-framed-outer-border-rbl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-t {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
}
.x-panel-default-framed-outer-border-tl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-tb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-framed-outer-border-tbl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-tr {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-panel-default-framed-outer-border-trl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-panel-default-framed-outer-border-trb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-panel-default-framed-outer-border-trbl {
  border-color: #5aaed4 !important;
  border-width: 1px !important;
}
.x-window-ghost {
    opacity: 0.5;
}
.x-window-default {
  border-color: #5aaed4;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  -o-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.x-window-default {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 0 0 0;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
}
.x-window-default-mc {
  background-color: #fff;
}
.x-nbr .x-window-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-default-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-0px-0px-0px-0px;
}
.x-window-default-tl {
  background-position: 0 -4px;
}
.x-window-default-tr {
  background-position: right -6px;
}
.x-window-default-bl {
  background-position: 0 -8px;
}
.x-window-default-br {
  background-position: right -10px;
}
.x-window-default-ml {
  background-position: 0 top;
}
.x-window-default-mr {
  background-position: right top;
}
.x-window-default-tc {
  background-position: 0 0;
}
.x-window-default-bc {
  background-position: 0 -2px;
}
.x-window-default-tr,
.x-window-default-br,
.x-window-default-mr {
  padding-right: 2px;
}
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-ml {
  padding-left: 2px;
}
.x-window-default-tc {
  height: 2px;
}
.x-window-default-bc {
  height: 2px;
}
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-tr,
.x-window-default-br,
.x-window-default-tc,
.x-window-default-bc,
.x-window-default-ml,
.x-window-default-mr {
  background-image: url(images/window/window-default-corners.gif);
}
.x-window-default-ml,
.x-window-default-mr {
  background-image: url(images/window/window-default-sides.gif);
  background-repeat: repeat-y;
}
.x-window-default-mc {
  padding: 0px 0px 0px 0px;
}
.x-window-body-default {
  border-color: #5aaed4;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
}
.x-window-header-default {
  font-size: 16px;
  border-color: #5aaed4;
  background-color: #5aaed4;
}
.x-window-header-default .x-tool-img {
  background-color: #5aaed4;
}
.x-window-header-default-horizontal .x-window-header-default-tab-bar {
  margin-top: -10px;
  margin-bottom: -10px;
}
.x-window-header-default-vertical .x-window-header-default-tab-bar {
  margin-right: -10px;
  margin-left: -10px;
}
.x-window-header-title-default {
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 500;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  line-height: 20px;
}
.x-window-header-title-default > .x-title-text-default {
  padding: 0;
  text-transform: none;
}
.x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-top {
  height: 24px;
  padding-bottom: 8px;
}
.x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-right {
  width: 24px;
  padding-left: 8px;
}
.x-window-header-title-default
  > .x-title-icon-wrap-default.x-title-icon-bottom {
  height: 24px;
  padding-top: 8px;
}
.x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
  width: 24px;
  padding-right: 8px;
}
.x-window-header-title-default
  > .x-title-icon-wrap-default
  > .x-title-icon-default {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #f0f0f0;
  background-position: center center;
}
.x-ie8
  .x-window-header-title-default
  > .x-title-icon-wrap-default
  > .x-title-icon-default.x-title-glyph {
  color: #f0f0f0;
}
.x-window-header-default-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-top-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-top-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-window-header-default-top-tl {
  background-position: 0 -4px;
}
.x-window-header-default-top-tr {
  background-position: right -6px;
}
.x-window-header-default-top-bl {
  background-position: 0 -8px;
}
.x-window-header-default-top-br {
  background-position: right -10px;
}
.x-window-header-default-top-ml {
  background-position: 0 top;
}
.x-window-header-default-top-mr {
  background-position: right top;
}
.x-window-header-default-top-tc {
  background-position: 0 0;
}
.x-window-header-default-top-bc {
  background-position: 0 -2px;
}
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-mr {
  padding-right: 2px;
}
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-ml {
  padding-left: 2px;
}
.x-window-header-default-top-tc {
  height: 2px;
}
.x-window-header-default-top-bc {
  height: 2px;
}
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-tc,
.x-window-header-default-top-bc,
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  background-image: url(images/window-header/window-header-default-top-corners.gif);
}
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  background-image: url(images/window-header/window-header-default-top-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-top-mc {
  padding: 10px 14px 10px 14px;
}
.x-window-header-default-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-right-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-right-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-window-header-default-right-tl {
  background-position: 0 -4px;
}
.x-window-header-default-right-tr {
  background-position: right -6px;
}
.x-window-header-default-right-bl {
  background-position: 0 -8px;
}
.x-window-header-default-right-br {
  background-position: right -10px;
}
.x-window-header-default-right-ml {
  background-position: 0 top;
}
.x-window-header-default-right-mr {
  background-position: right top;
}
.x-window-header-default-right-tc {
  background-position: 0 0;
}
.x-window-header-default-right-bc {
  background-position: 0 -2px;
}
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-mr {
  padding-right: 2px;
}
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-ml {
  padding-left: 2px;
}
.x-window-header-default-right-tc {
  height: 2px;
}
.x-window-header-default-right-bc {
  height: 2px;
}
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-tc,
.x-window-header-default-right-bc,
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  background-image: url(images/window-header/window-header-default-right-corners.gif);
}
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  background-image: url(images/window-header/window-header-default-right-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-right-mc {
  padding: 14px 10px 14px 10px;
}
.x-window-header-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-bottom-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-bottom-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-window-header-default-bottom-tl {
  background-position: 0 -4px;
}
.x-window-header-default-bottom-tr {
  background-position: right -6px;
}
.x-window-header-default-bottom-bl {
  background-position: 0 -8px;
}
.x-window-header-default-bottom-br {
  background-position: right -10px;
}
.x-window-header-default-bottom-ml {
  background-position: 0 top;
}
.x-window-header-default-bottom-mr {
  background-position: right top;
}
.x-window-header-default-bottom-tc {
  background-position: 0 0;
}
.x-window-header-default-bottom-bc {
  background-position: 0 -2px;
}
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-mr {
  padding-right: 2px;
}
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-ml {
  padding-left: 2px;
}
.x-window-header-default-bottom-tc {
  height: 2px;
}
.x-window-header-default-bottom-bc {
  height: 2px;
}
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-tc,
.x-window-header-default-bottom-bc,
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  background-image: url(images/window-header/window-header-default-bottom-corners.gif);
}
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  background-image: url(images/window-header/window-header-default-bottom-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-bottom-mc {
  padding: 10px 14px 10px 14px;
}
.x-window-header-default-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-left-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-left-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-window-header-default-left-tl {
  background-position: 0 -4px;
}
.x-window-header-default-left-tr {
  background-position: right -6px;
}
.x-window-header-default-left-bl {
  background-position: 0 -8px;
}
.x-window-header-default-left-br {
  background-position: right -10px;
}
.x-window-header-default-left-ml {
  background-position: 0 top;
}
.x-window-header-default-left-mr {
  background-position: right top;
}
.x-window-header-default-left-tc {
  background-position: 0 0;
}
.x-window-header-default-left-bc {
  background-position: 0 -2px;
}
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-mr {
  padding-right: 2px;
}
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-ml {
  padding-left: 2px;
}
.x-window-header-default-left-tc {
  height: 2px;
}
.x-window-header-default-left-bc {
  height: 2px;
}
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-tc,
.x-window-header-default-left-bc,
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  background-image: url(images/window-header/window-header-default-left-corners.gif);
}
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  background-image: url(images/window-header/window-header-default-left-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-left-mc {
  padding: 14px 10px 14px 10px;
}
.x-window-header-default-collapsed-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-collapsed-top-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-collapsed-top-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-window-header-default-collapsed-top-tl {
  background-position: 0 -4px;
}
.x-window-header-default-collapsed-top-tr {
  background-position: right -6px;
}
.x-window-header-default-collapsed-top-bl {
  background-position: 0 -8px;
}
.x-window-header-default-collapsed-top-br {
  background-position: right -10px;
}
.x-window-header-default-collapsed-top-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-top-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-top-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-top-bc {
  background-position: 0 -2px;
}
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-mr {
  padding-right: 2px;
}
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-ml {
  padding-left: 2px;
}
.x-window-header-default-collapsed-top-tc {
  height: 2px;
}
.x-window-header-default-collapsed-top-bc {
  height: 2px;
}
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-tc,
.x-window-header-default-collapsed-top-bc,
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  background-image: url(images/window-header/window-header-default-collapsed-top-corners.gif);
}
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  background-image: url(images/window-header/window-header-default-collapsed-top-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-top-mc {
  padding: 10px 14px 10px 14px;
}
.x-window-header-default-collapsed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-collapsed-right-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-collapsed-right-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-window-header-default-collapsed-right-tl {
  background-position: 0 -4px;
}
.x-window-header-default-collapsed-right-tr {
  background-position: right -6px;
}
.x-window-header-default-collapsed-right-bl {
  background-position: 0 -8px;
}
.x-window-header-default-collapsed-right-br {
  background-position: right -10px;
}
.x-window-header-default-collapsed-right-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-right-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-right-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-right-bc {
  background-position: 0 -2px;
}
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-mr {
  padding-right: 2px;
}
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-ml {
  padding-left: 2px;
}
.x-window-header-default-collapsed-right-tc {
  height: 2px;
}
.x-window-header-default-collapsed-right-bc {
  height: 2px;
}
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-tc,
.x-window-header-default-collapsed-right-bc,
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  background-image: url(images/window-header/window-header-default-collapsed-right-corners.gif);
}
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  background-image: url(images/window-header/window-header-default-collapsed-right-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-right-mc {
  padding: 14px 10px 14px 10px;
}
.x-window-header-default-collapsed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 14px 10px 14px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-collapsed-bottom-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-collapsed-bottom-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-10-14-10-14;
}
.x-window-header-default-collapsed-bottom-tl {
  background-position: 0 -4px;
}
.x-window-header-default-collapsed-bottom-tr {
  background-position: right -6px;
}
.x-window-header-default-collapsed-bottom-bl {
  background-position: 0 -8px;
}
.x-window-header-default-collapsed-bottom-br {
  background-position: right -10px;
}
.x-window-header-default-collapsed-bottom-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-bottom-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-bottom-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-bottom-bc {
  background-position: 0 -2px;
}
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-mr {
  padding-right: 2px;
}
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-ml {
  padding-left: 2px;
}
.x-window-header-default-collapsed-bottom-tc {
  height: 2px;
}
.x-window-header-default-collapsed-bottom-bc {
  height: 2px;
}
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-tc,
.x-window-header-default-collapsed-bottom-bc,
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  background-image: url(images/window-header/window-header-default-collapsed-bottom-corners.gif);
}
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  background-image: url(images/window-header/window-header-default-collapsed-bottom-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-bottom-mc {
  padding: 10px 14px 10px 14px;
}
.x-window-header-default-collapsed-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 14px 10px 14px 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #5aaed4;
}
.x-window-header-default-collapsed-left-mc {
  background-color: #5aaed4;
}
.x-nbr .x-window-header-default-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-window-header-default-collapsed-left-frameInfo {
  font-family: dh-2-2-2-2-2-2-2-2-14-10-14-10;
}
.x-window-header-default-collapsed-left-tl {
  background-position: 0 -4px;
}
.x-window-header-default-collapsed-left-tr {
  background-position: right -6px;
}
.x-window-header-default-collapsed-left-bl {
  background-position: 0 -8px;
}
.x-window-header-default-collapsed-left-br {
  background-position: right -10px;
}
.x-window-header-default-collapsed-left-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-left-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-left-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-left-bc {
  background-position: 0 -2px;
}
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-mr {
  padding-right: 2px;
}
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-ml {
  padding-left: 2px;
}
.x-window-header-default-collapsed-left-tc {
  height: 2px;
}
.x-window-header-default-collapsed-left-bc {
  height: 2px;
}
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-tc,
.x-window-header-default-collapsed-left-bc,
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  background-image: url(images/window-header/window-header-default-collapsed-left-corners.gif);
}
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  background-image: url(images/window-header/window-header-default-collapsed-left-sides.gif);
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-left-mc {
  padding: 14px 10px 14px 10px;
}
.x-window-header-default .x-window-header-icon {
  width: 16px;
  height: 16px;
  color: #f0f0f0;
  font-size: 16px;
  line-height: 16px;
  background-position: center center;
}
.x-window-header-default .x-window-header-glyph {
  color: #f0f0f0;
  font-size: 16px;
  line-height: 16px;
}
.x-ie8 .x-window-header-default .x-window-header-glyph {
  color: #f0f0f0;
}
.x-window-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-window-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-window-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
.x-window-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
.x-keyboard-mode .x-window-header-default .x-tool-focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-window-header-default .x-tool-focus,
.x-ie10p .x-keyboard-mode .x-window-header-default .x-tool-focus,
.x-edge .x-keyboard-mode .x-window-header-default .x-tool-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-window-header-default .x-tool-focus:after,
.x-ie10p .x-keyboard-mode .x-window-header-default .x-tool-focus:after,
.x-edge .x-keyboard-mode .x-window-header-default .x-tool-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #fff;
  pointer-events: none;
}
.x-window-header-default {
  border-width: 2px !important;
}
.x-nbr .x-window-default-collapsed .x-window-header {
  border-width: 0 !important;
}
.x-window-default-outer-border-l {
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-b {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-window-default-outer-border-bl {
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-r {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-window-default-outer-border-rl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-rb {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-window-default-outer-border-rbl {
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-t {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
}
.x-window-default-outer-border-tl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-tb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-window-default-outer-border-tbl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-tr {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
}
.x-window-default-outer-border-trl {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-left-color: #5aaed4 !important;
  border-left-width: 1px !important;
}
.x-window-default-outer-border-trb {
  border-top-color: #5aaed4 !important;
  border-top-width: 1px !important;
  border-right-color: #5aaed4 !important;
  border-right-width: 1px !important;
  border-bottom-color: #5aaed4 !important;
  border-bottom-width: 1px !important;
}
.x-window-default-outer-border-trbl {
  border-color: #5aaed4 !important;
  border-width: 1px !important;
}
.x-window-body-plain {
  background-color: transparent;
}
.x-form-item-label-default {
  color: #404040;
  font: 400 14px/17px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  min-height: 32px;
  padding-top: 8px;
  padding-right: 5px;
}
.x-ie8 .x-form-item-label-default {
  min-height: 24px;
}
.x-form-item-label-default.x-form-item-label-top {
  height: 1px;
}
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
  padding-top: 8px;
  padding-bottom: 5px;
}
.x-form-item-label-default.x-form-item-label-top-side-error:after {
  width: 26px;
}
.x-form-item-body-default {
  min-height: 32px;
}
.x-form-invalid-icon-default {
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url(images/form/exclamation.png) no-repeat;
}
.x-form-invalid-under-default {
  padding: 2px 2px 2px 20px;
  color: #cf4c35;
  font: 400 14px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  background: no-repeat 0 2px;
  background-image: url(images/form/exclamation.png);
}
.x-form-error-wrap-default.x-form-error-wrap-side {
  width: 26px;
}
.x-form-item-default.x-item-disabled {
    opacity: 0.3;
}
.x-autocontainer-form-item,
.x-anchor-form-item,
.x-vbox-form-item,
.x-table-form-item {
  margin-bottom: 10px;
}
.x-form-text-field-body-default {
  min-width: 170px;
  max-width: 170px;
}
.x-form-trigger-wrap-default {
  border-width: 1px;
  border-style: solid;
  border-color: #d0d0d0;
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
  border-color: #53c4f7;
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
  border-color: #cf4c35;
}
.x-form-text-default {
  color: #404040;
  padding: 5px 10px 4px;
  background-color: #fff;
  font: 400 14px/21px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  min-height: 30px;
}
.x-ie8 .x-form-text-default {
  min-height: 21px;
}
.x-form-text-default.x-form-textarea {
  line-height: 20px;
  min-height: 45px;
}
.x-ie8 .x-form-text-default.x-form-textarea {
  min-height: 71px;
}
.x-form-text-message.x-form-textarea {
  line-height: 20px;
  min-height: 45px;
  border-radius: 21px;
  background-color: #fff;
  color: #404040;
  font: 400 14px/21px "Helvetica Neue", helvetica, arial, verdana,
  sans-serif;
  padding: 10px;
}
.x-ie8 .x-form-text-message.x-form-textarea {
  min-height: 71px;
}
.x-form-text-default.x-form-text-file {
  color: grey;
}
.x-form-text-default.x-webkit-border-box-bug {
  height: calc(100% + 9px);
}
.x-placeholder-label-default {
  padding: 5px 10px 4px;
}
.x-form-empty-field-default + .x-placeholder-label-default {
  color: grey;
}
.x-form-text-default:-ms-input-placeholder {
  color: grey;
}
.x-form-invalid-field-default {
  background-color: #fff;
}
.x-form-trigger-default {
  width: 32px;
  font: 16px/30px FontAwesome;
  background: #fff;
  color: #919191;
}
.x-form-trigger-default:before {
  content: "\f0d7";
}
.x-form-trigger-default.x-form-trigger-over {
  background-position: -32px center;
}
.x-form-trigger-default.x-form-trigger-over.x-form-trigger-focus {
  background-position: -128px center;
}
.x-form-trigger-default.x-form-trigger-focus {
  background-position: -96px center;
}
.x-form-trigger.x-form-trigger-default.x-form-trigger-click {
  background-position: -64px center;
}
.x-form-clear-trigger {
  font-size: 16px;
  font-family: FontAwesome;
}
.x-form-clear-trigger:before {
  content: "\f00d";
}
.x-form-search-trigger {
  font-size: 16px;
  font-family: FontAwesome;
}
.x-form-search-trigger:before {
  content: "\f002";
}
.x-message-box .x-window-body {
  background-color: #fff;
  border-width: 0;
}
.x-message-box-info,
.x-message-box-warning,
.x-message-box-question,
.x-message-box-error {
  background-position: left top;
  background-repeat: no-repeat;
}
.x-message-box-icon {
  height: 44px;
  width: 44px;
  margin-right: 10px;
}
.x-message-box-info {
  font: 44px/1 FontAwesome;
  color: grey;
}
.x-message-box-info:before {
  content: "\f05a";
}
.x-message-box-warning {
  font: 44px/1 FontAwesome;
  color: #f8d400;
}
.x-message-box-warning:before {
  content: "\f071";
}
.x-message-box-question {
  font: 44px/1 FontAwesome;
  color: grey;
}
.x-message-box-question:before {
  content: "\f059";
}
.x-message-box-error {
  font: 44px/1 FontAwesome;
  color: #ee611f;
}
.x-message-box-error:before {
  content: "\f057";
}
.x-form-cb-wrap-default {
  height: 32px;
  min-width: 18px;
}
.x-form-cb-default {
  margin-top: 7px;
}
.x-form-checkbox-default,
.x-form-radio-default {
  width: 18px;
  height: 18px;
}
.x-form-radio-default {
  font: 18px/1 FontAwesome;
  color: #919191;
}
.x-form-radio-default:before {
  content: "\f10c";
}
.x-form-cb-checked .x-form-radio-default {
  font: 18px/1 FontAwesome;
}
.x-form-cb-checked .x-form-radio-default:before {
  content: "\f192";
}
.x-form-checkbox-default {
  font: 18px/1 ExtJS;
  color: #919191;
}
.x-form-checkbox-default:before {
  content: "\e614";
}
.x-form-cb-checked .x-form-checkbox-default {
  font: 18px/1 ExtJS;
}
.x-form-cb-checked .x-form-checkbox-default:before {
  content: "\e613";
}
.x-keyboard-mode .x-form-checkbox-focus.x-form-radio-default {
  color: #53c4f7;
}
.x-keyboard-mode .x-form-checkbox-focus.x-form-checkbox-default {
  color: #53c4f7;
}
.x-keyboard-mode
  .x-form-cb-checked
  .x-form-checkbox-focus.x-form-radio-default {
  color: #53c4f7;
}
.x-keyboard-mode
  .x-form-cb-checked
  .x-form-checkbox-focus.x-form-checkbox-default {
  color: #53c4f7;
}
.x-form-cb-label-default {
  margin-top: 8px;
  font: 400 14px/17px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #404040;
}
.x-form-cb-label-default.x-form-cb-label-before {
  padding-right: 22px;
}
.x-form-cb-label-default.x-form-cb-label-after {
  padding-left: 22px;
}
.x-form-trigger-spinner-default {
  width: 32px;
}
.x-form-trigger-spinner-default:before {
  content: "";
}
.x-form-spinner-default {
  background-color: #fff;
  width: 32px;
  height: 15px;
  color: #919191;
}
.x-form-spinner-up-default {
  font: 16px/1 ExtJS;
}
.x-form-spinner-up-default:before {
  content: "\e61c";
}
.x-form-spinner-down-default {
  font: 16px/1 ExtJS;
}
.x-form-spinner-down-default:before {
  content: "\e61b";
}
.x-form-spinner-up-default {
  background-position: 0 0;
}
.x-form-spinner-up-default.x-form-spinner-over {
  background-position: -32px 0;
}
.x-form-spinner-up-default.x-form-spinner-over.x-form-spinner-focus {
  background-position: -128px 0;
}
.x-form-spinner-up-default.x-form-spinner-focus {
  background-position: -96px 0;
}
.x-form-spinner-up-default.x-form-spinner.x-form-spinner-click {
  background-position: -64px 0;
}
.x-form-spinner-down-default {
  background-position: 0 -15px;
}
.x-form-spinner-down-default.x-form-spinner-over {
  background-position: -32px -15px;
}
.x-form-spinner-down-default.x-form-spinner-over.x-form-spinner-focus {
  background-position: -128px -15px;
}
.x-form-spinner-down-default.x-form-spinner-focus {
  background-position: -96px -15px;
}
.x-form-spinner-down-default.x-form-spinner.x-form-spinner-click {
  background-position: -64px -15px;
}
.x-tbar-page-number {
  width: 30px;
}
.x-btn-icon-el.x-tbar-page-first {
  font: 16px/16px ExtJS;
  color: #919191;
}
.x-btn-icon-el.x-tbar-page-first:before {
  content: "\e617";
}
.x-btn-icon-el.x-tbar-page-prev {
  font: 16px/16px ExtJS;
  color: #919191;
}
.x-btn-icon-el.x-tbar-page-prev:before {
  content: "\e615";
}
.x-btn-icon-el.x-tbar-page-next {
  font: 16px/16px ExtJS;
  color: #919191;
}
.x-btn-icon-el.x-tbar-page-next:before {
  content: "\e616";
}
.x-btn-icon-el.x-tbar-page-last {
  font: 16px/16px ExtJS;
  color: #919191;
}
.x-btn-icon-el.x-tbar-page-last:before {
  content: "\e618";
}
.x-btn-icon-el.x-tbar-loading {
  font: 16px/16px FontAwesome;
  color: #919191;
}
.x-btn-icon-el.x-tbar-loading:before {
  content: "\f021";
}
.x-form-display-field-default {
  min-height: 32px;
  font: 400 14px/17px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #404040;
  margin-top: 8px;
}
.x-keyboard-mode .x-form-display-field-default.x-field-form-focus {
  outline: 1px solid #53c4f7;
  outline-offset: -1px;
}
.x-ie .x-keyboard-mode .x-form-display-field-default.x-field-form-focus,
.x-ie10p .x-keyboard-mode .x-form-display-field-default.x-field-form-focus,
.x-edge .x-keyboard-mode .x-form-display-field-default.x-field-form-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-form-display-field-default.x-field-form-focus:after,
.x-ie10p
  .x-keyboard-mode
  .x-form-display-field-default.x-field-form-focus:after,
.x-edge
  .x-keyboard-mode
  .x-form-display-field-default.x-field-form-focus:after {
  position: absolute;
  content: " ";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid #53c4f7;
  pointer-events: none;
}
.x-ie8 .x-form-display-field-default.x-field-form-focus {
  position: relative;
}
.x-tip-default {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #747474;
}
.x-tip-default-mc {
  background-color: #747474;
}
.x-nbr .x-tip-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tip-default-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-1-1-1-1;
}
.x-tip-default-tl {
  background-position: 0 -4px;
}
.x-tip-default-tr {
  background-position: right -6px;
}
.x-tip-default-bl {
  background-position: 0 -8px;
}
.x-tip-default-br {
  background-position: right -10px;
}
.x-tip-default-ml {
  background-position: 0 top;
}
.x-tip-default-mr {
  background-position: right top;
}
.x-tip-default-tc {
  background-position: 0 0;
}
.x-tip-default-bc {
  background-position: 0 -2px;
}
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-mr {
  padding-right: 2px;
}
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-ml {
  padding-left: 2px;
}
.x-tip-default-tc {
  height: 2px;
}
.x-tip-default-bc {
  height: 2px;
}
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-tc,
.x-tip-default-bc,
.x-tip-default-ml,
.x-tip-default-mr {
  background-image: url(images/tip/tip-default-corners.gif);
}
.x-tip-default-ml,
.x-tip-default-mr {
  background-image: url(images/tip/tip-default-sides.gif);
  background-repeat: repeat-y;
}
.x-tip-default-mc {
  padding: 0px 0px 0px 0px;
}
.x-tip-default {
  background-color: #747474;
  border-color: #747474;
}
.x-tip-default .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: #747474;
}
.x-tip-header-default .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-tip-header-default .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-tip-header-default {
  padding: 3px 3px 0 3px;
}
.x-tip-header-title-default {
  color: #f0f0f0;
  font-size: 14px;
  font-weight: bold;
}
.x-tip-body-default {
  padding: 6px 8px;
  color: #f0f0f0;
  font-size: 14px;
  font-weight: 400;
}
.x-tip-body-default a {
  color: #f0f0f0;
}
.x-tip-default .x-tip-anchor {
  border: 10px solid transparent;
  _border-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-default .x-tip-anchor-top {
  border-top-width: 0;
  border-bottom: 10px solid #747474;
  top: -10px;
}
.x-tip-default .x-tip-anchor-bottom {
  border-bottom-width: 0;
  border-top: 10px solid #747474;
  bottom: -10px;
}
.x-tip-default .x-tip-anchor-left {
  border-left-width: 0;
  border-right: 10px solid #747474;
  left: -10px;
}
.x-tip-default .x-tip-anchor-right {
  border-right-width: 0;
  border-left: 10px solid #747474;
  right: -10px;
}
.x-tip-form-invalid {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #747474;
}
.x-tip-form-invalid-mc {
  background-color: #747474;
}
.x-nbr .x-tip-form-invalid {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tip-form-invalid-frameInfo {
  font-family: th-2-2-2-2-1-1-1-1-1-1-1-1;
}
.x-tip-form-invalid-tl {
  background-position: 0 -4px;
}
.x-tip-form-invalid-tr {
  background-position: right -6px;
}
.x-tip-form-invalid-bl {
  background-position: 0 -8px;
}
.x-tip-form-invalid-br {
  background-position: right -10px;
}
.x-tip-form-invalid-ml {
  background-position: 0 top;
}
.x-tip-form-invalid-mr {
  background-position: right top;
}
.x-tip-form-invalid-tc {
  background-position: 0 0;
}
.x-tip-form-invalid-bc {
  background-position: 0 -2px;
}
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-mr {
  padding-right: 2px;
}
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-ml {
  padding-left: 2px;
}
.x-tip-form-invalid-tc {
  height: 2px;
}
.x-tip-form-invalid-bc {
  height: 2px;
}
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-tc,
.x-tip-form-invalid-bc,
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  background-image: url(images/tip/tip-form-invalid-corners.gif);
}
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  background-image: url(images/tip/tip-form-invalid-sides.gif);
  background-repeat: repeat-y;
}
.x-tip-form-invalid-mc {
  padding: 0px 0px 0px 0px;
}
.x-tip-form-invalid {
  background-color: #747474;
  border-color: #747474;
}
.x-tip-form-invalid .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: #747474;
}
.x-tip-header-form-invalid .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-tip-header-form-invalid .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-tip-header-form-invalid {
  padding: 3px 3px 0 3px;
}
.x-tip-header-title-form-invalid {
  color: #f0f0f0;
  font-size: 14px;
  font-weight: bold;
}
.x-tip-body-form-invalid {
  padding: 3px 3px 3px 22px;
  color: #f0f0f0;
  font-size: 14px;
  font-weight: 400;
}
.x-tip-body-form-invalid a {
  color: #f0f0f0;
}
.x-tip-form-invalid .x-tip-anchor {
  border: 10px solid transparent;
  _border-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-form-invalid .x-tip-anchor-top {
  border-top-width: 0;
  border-bottom: 10px solid #747474;
  top: -10px;
}
.x-tip-form-invalid .x-tip-anchor-bottom {
  border-bottom-width: 0;
  border-top: 10px solid #747474;
  bottom: -10px;
}
.x-tip-form-invalid .x-tip-anchor-left {
  border-left-width: 0;
  border-right: 10px solid #747474;
  left: -10px;
}
.x-tip-form-invalid .x-tip-anchor-right {
  border-right-width: 0;
  border-left: 10px solid #747474;
  right: -10px;
}
.x-tip-body-form-invalid {
  background: 1px 1px no-repeat;
  background-image: url(images/form/exclamation.png);
}
.x-tip-body-form-invalid li {
  margin-bottom: 4px;
}
.x-tip-body-form-invalid li.last {
  margin-bottom: 0;
}
.x-color-picker {
  width: 192px;
  height: 120px;
  background-color: #fff;
  border-color: #fff;
  border-width: 0;
  border-style: solid;
}
.x-color-picker-item {
  width: 24px;
  height: 24px;
  border-width: 1px;
  border-color: #fff;
  border-style: solid;
  background-color: #fff;
  cursor: pointer;
  padding: 2px;
}
a.x-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #d9d9d9;
}
.x-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #d9d9d9;
}
.x-color-picker-item-inner {
  line-height: 16px;
  border-color: #d0d0d0;
  border-width: 1px;
  border-style: solid;
}
.x-html-editor-tb .x-btn-icon-el {
  color: #919191;
}
.x-html-editor-tb .x-edit-bold,
.x-menu-item div.x-edit-bold {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-bold:before,
.x-menu-item div.x-edit-bold:before {
  content: "\f032";
}
.x-html-editor-tb .x-edit-italic,
.x-menu-item div.x-edit-italic {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-italic:before,
.x-menu-item div.x-edit-italic:before {
  content: "\f033";
}
.x-html-editor-tb .x-edit-underline,
.x-menu-item div.x-edit-underline {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-underline:before,
.x-menu-item div.x-edit-underline:before {
  content: "\f0cd";
}
.x-html-editor-tb .x-edit-forecolor,
.x-menu-item div.x-edit-forecolor {
  font: 16px/1 ExtJS;
  background: none;
}
.x-html-editor-tb .x-edit-forecolor:before,
.x-menu-item div.x-edit-forecolor:before {
  content: "\e60e";
}
.x-html-editor-tb .x-edit-backcolor,
.x-menu-item div.x-edit-backcolor {
  font: 16px/1 ExtJS;
  background: none;
}
.x-html-editor-tb .x-edit-backcolor:before,
.x-menu-item div.x-edit-backcolor:before {
  content: "\e60d";
}
.x-html-editor-tb .x-edit-justifyleft,
.x-menu-item div.x-edit-justifyleft {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-justifyleft:before,
.x-menu-item div.x-edit-justifyleft:before {
  content: "\f036";
}
.x-html-editor-tb .x-edit-justifycenter,
.x-menu-item div.x-edit-justifycenter {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-justifycenter:before,
.x-menu-item div.x-edit-justifycenter:before {
  content: "\f037";
}
.x-html-editor-tb .x-edit-justifyright,
.x-menu-item div.x-edit-justifyright {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-justifyright:before,
.x-menu-item div.x-edit-justifyright:before {
  content: "\f038";
}
.x-html-editor-tb .x-edit-insertorderedlist,
.x-menu-item div.x-edit-insertorderedlist {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-insertorderedlist:before,
.x-menu-item div.x-edit-insertorderedlist:before {
  content: "\f0cb";
}
.x-html-editor-tb .x-edit-insertunorderedlist,
.x-menu-item div.x-edit-insertunorderedlist {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-insertunorderedlist:before,
.x-menu-item div.x-edit-insertunorderedlist:before {
  content: "\f0ca";
}
.x-html-editor-tb .x-edit-increasefontsize,
.x-menu-item div.x-edit-increasefontsize {
  font: 16px/1 ExtJS;
  background: none;
}
.x-html-editor-tb .x-edit-increasefontsize:before,
.x-menu-item div.x-edit-increasefontsize:before {
  content: "\e610";
}
.x-html-editor-tb .x-edit-decreasefontsize,
.x-menu-item div.x-edit-decreasefontsize {
  font: 16px/1 ExtJS;
  background: none;
}
.x-html-editor-tb .x-edit-decreasefontsize:before,
.x-menu-item div.x-edit-decreasefontsize:before {
  content: "\e60f";
}
.x-html-editor-tb .x-edit-sourceedit,
.x-menu-item div.x-edit-sourceedit {
  font: 16px/1 ExtJS;
  background: none;
}
.x-html-editor-tb .x-edit-sourceedit:before,
.x-menu-item div.x-edit-sourceedit:before {
  content: "\e604";
}
.x-html-editor-tb .x-edit-createlink,
.x-menu-item div.x-edit-createlink {
  font: 16px/1 FontAwesome;
  background: none;
}
.x-html-editor-tb .x-edit-createlink:before,
.x-menu-item div.x-edit-createlink:before {
  content: "\f0c1";
}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px;
}
.x-html-editor-tb .x-font-select {
  font-size: 14px;
  font-family: inherit;
}
.x-html-editor-wrap textarea {
  font: 400 14px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  background-color: #fff;
  resize: none;
}
.x-htmleditor-iframe {
  background-color: #fff;
}
.x-grid-view,
.x-tree-view {
  z-index: 1;
}
.x-theme-row-height-el {
  height: 32px;
}
.x-grid-body {
  background: #fff;
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: #d0d0d0;
}
.x-grid-empty {
  padding: 10px;
  color: grey;
  background-color: #fff;
  font: 400 14px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
}
.x-grid-item {
  color: #404040;
  font: 400 14px/19px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  background-color: #fff;
}
.x-grid-item-alt {
  background-color: #f6f6f6;
}
.x-grid-item-over {
  color: #404040;
  background-color: #e6f1f6;
}
.x-grid-item-focused {
  outline: 0;
}
.x-grid-item-focused .x-grid-cell-inner {
  z-index: 1;
}
.x-keyboard-mode .x-grid-item-focused {
  color: #404040;
}
.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  border: 1px solid #5aaed4;
}
.x-grid-item-selected {
  color: #404040;
  background-color: #ffefbb;
}
.x-grid-with-row-lines .x-grid-item {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #e9e9e9;
}
.x-grid-with-row-lines .x-grid-item:first-child {
  border-top-color: #fff;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-over {
  border-style: solid;
  border-color: #dbe5ea;
}
.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
  border-top-style: solid;
  border-top-color: #dbe5ea;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
  border-style: solid;
  border-color: #f2e3b2;
}
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
  border-top-style: solid;
  border-top-color: #f2e3b2;
}
.x-grid-with-row-lines .x-grid-item:last-child {
  border-bottom-width: 1px;
}
.x-ie8 .x-grid-with-row-lines .x-grid-item {
  border-width: 1px 0;
  margin-top: -1px;
}
.x-ie8 .x-grid-with-row-lines .x-grid-item:first-child {
  margin-top: 0;
}
.x-grid-cell-inner {
  position: relative;
  text-overflow: ellipsis;
  padding: 7px 10px 6px;
}
.x-grid-cell-special {
  border-color: #e9e9e9;
  border-style: solid;
  border-right-width: 1px;
}
.x-grid-dirty-cell > .x-grid-cell-inner:after {
  content: "\e602";
  font: 14px/1 ExtJS;
  color: #cf4c35;
  position: absolute;
  top: 0;
  left: 0;
}
.x-grid-row .x-grid-cell-selected {
  color: #404040;
  background-color: #ffefbb;
}
.x-grid-with-col-lines .x-grid-cell {
  border-style: solid;
  border-color: #e9e9e9;
  border-width: 0 1px 0 0;
}
.x-grid-with-col-lines .x-grid-item-over .x-grid-cell {
  border-color: #dbe5ea;
  border-style: solid;
}
.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
  border-color: #f2e3b2;
  border-style: solid;
}
.x-grid-resize-marker {
  width: 1px;
  background-color: #0f0f0f;
}
.x-col-move-top,
.x-col-move-bottom {
  width: 9px;
  height: 9px;
}
.x-col-move-top {
  background-image: url(images/grid/col-move-top.png);
}
.x-col-move-bottom {
  background-image: url(images/grid/col-move-bottom.png);
}
.x-grid-header-ct {
  border: 1px solid #d0d0d0;
  border-bottom-color: #fff;
  background-color: #fff;
}
.x-accordion-item .x-grid-header-ct {
  border-width: 0 0 1px !important;
}
.x-grid-header-ct-hidden {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.x-grid-body {
  border-top-color: #d0d0d0;
}
.x-hmenu-sort-asc {
  font: 16px/24px ExtJS;
}
.x-hmenu-sort-asc:before {
  content: "\e61a";
}
.x-hmenu-sort-desc {
  font: 16px/24px ExtJS;
}
.x-hmenu-sort-desc:before {
  content: "\e619";
}
.x-cols-icon {
  font: 16px/24px ExtJS;
}
.x-cols-icon:before {
  content: "\e601";
}
.x-column-header {
  border-right: 1px solid #d0d0d0;
  color: #404040;
  font: 500 14px/19px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  outline: 0;
  background-color: #fff;
}
.x-group-sub-header {
  background: transparent;
  border-top: 1px solid #d0d0d0;
}
.x-group-sub-header .x-column-header-inner {
  padding: 6px 10px 6px 10px;
}
.x-column-header-inner {
  padding: 7px 10px 6px;
}
.x-column-header-inner-empty {
  text-overflow: clip;
}
.x-keyboard-mode .x-column-header.x-column-header-focus {
  color: #404040;
}
.x-keyboard-mode
  .x-column-header.x-column-header-focus
  .x-column-header-inner:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid #5dc8f8;
  pointer-events: none;
}
.x-keyboard-mode
  .x-column-header.x-column-header-focus.x-group-sub-header
  .x-column-header-inner:before {
  bottom: 0px;
}
.x-column-header-over {
  background-image: none;
  background-color: #e6f1f6;
}
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background-color: #fff;
}
.x-column-header-open {
  background-color: #e6f1f6;
}
.x-column-header-open .x-column-header-trigger {
  background-color: #dbe5ea;
}
.x-column-header-over .x-column-header-trigger,
.x-column-header-open .x-column-header-trigger {
  width: 24px;
  cursor: pointer;
  font: 16px/1 FontAwesome;
  color: #919191;
}
.x-column-header-over .x-column-header-trigger:before,
.x-column-header-open .x-column-header-trigger:before {
  content: "\f0d7";
}
.x-column-header-over .x-column-header-trigger:before,
.x-column-header-open .x-column-header-trigger:before {
  top: 50%;
  margin-top: -8px;
  text-align: center;
  position: relative;
  display: block;
}
.x-column-header-align-right .x-column-header-text {
  margin-right: 18px;
}
.x-column-header-sort-ASC .x-column-header-text-inner,
.x-column-header-sort-DESC .x-column-header-text-inner {
  background-position: right center;
}
.x-column-header-sort-ASC .x-column-header-text-inner:after,
.x-column-header-sort-DESC .x-column-header-text-inner:after {
  display: inline-block;
  text-align: center;
  margin-left: 5px;
  width: 14px;
}
.x-column-header-sort-ASC .x-column-header-text-inner:after {
  content: "\f176";
  font: 14px/1 FontAwesome;
  color: #919191;
}
.x-column-header-sort-DESC .x-column-header-text-inner:after {
  content: "\f175";
  font: 14px/1 FontAwesome;
  color: #919191;
}
.x-no-header-borders .x-column-header {
  border: 0 none;
}
.x-no-header-borders .x-column-header .x-column-header-inner {
  padding-top: 7px;
}
.x-grid-cell-inner-action-col {
  padding: 7px 4px 7px 4px;
}
.x-action-col-cell .x-item-disabled {
    opacity: 0.3;
}
.x-action-col-icon {
  color: #919191;
  font-size: 18px;
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.x-column-header-checkbox .x-column-header-inner,
.x-grid-checkcolumn-cell-inner {
  padding: 7px 4px 7px 4px;
  text-overflow: clip;
}
.x-column-header-checkbox {
  border-color: #fff;
}
.x-column-header-checkbox .x-column-header-text {
  overflow: visible;
}
.x-column-header-checkbox .x-column-header-checkbox:after,
.x-grid-checkcolumn:after {
  content: "\e614";
  font: 18px/1 ExtJS;
  color: #919191;
}
.x-item-disabled .x-column-header-checkbox .x-column-header-checkbox,
.x-item-disabled .x-grid-checkcolumn {
    opacity: 0.3;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after,
.x-grid-checkcolumn-checked:after {
  content: "\e613";
  font: 18px/1 ExtJS;
  color: #919191;
}
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
  content: "\e613";
  font: 18px/1 ExtJS;
  color: #919191;
}
.x-gecko .x-selmodel-checkbox .x-grid-checkcolumn {
  pointer-events: none;
}
.x-menu-default {
  border-style: solid;
  border-width: 1px;
  border-color: #d0d0d0;
}
.x-menu-body-default {
  background: #fff;
  padding: 0;
}
.x-menu-icon-separator-default {
  left: 32px;
  border-left: solid 1px #d0d0d0;
  background-color: #fff;
  width: 1px;
}
.x-menu-item-default {
  border-width: 0;
  cursor: pointer;
}
.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
  background-image: none;
  background-color: #5dc8f8;
}
.x-nlg .x-menu-item-default.x-menu-item-focus,
.x-nlg .x-menu-item-default.x-menu-item-active {
  background: #5dc8f8 repeat-x left top;
  background-image: url(images/menu/menu-item-default-active-bg.gif);
}
.x-menu-item-default.x-menu-item-disabled {
  cursor: default;
}
.x-menu-item-default.x-menu-item-disabled a {
  cursor: default;
}
.x-menu-item-default.x-menu-item-separator {
  height: 1px;
  border-top: solid 1px #d0d0d0;
  background-color: #fff;
  margin: 2px 0;
  padding: 0;
}
.x-menu-item-default.x-menu-item-disabled {
    opacity: 0.5;
}
.x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-icon-ui {
    opacity: 0.5;
}
.x-ie9m .x-menu-item-default.x-menu-item-disabled .x-menu-item-text-default {
  background-color: transparent;
}
.x-menu-item-default .x-form-item-label {
  font-size: 14px;
  color: #000;
}
.x-menu-item-text-default,
.x-menu-item-cmp-default {
  margin: 0 8px 0 8px;
}
.x-menu-item-text-default {
  font: 400 14px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  line-height: 31px;
  padding-top: 1px;
  color: #000;
  cursor: pointer;
}
.x-menu-item-focus .x-menu-item-text-default,
.x-menu-item-active .x-menu-item-text-default {
  color: #fff;
}
.x-menu-item-text-default.x-menu-item-indent {
  margin-left: 41px;
}
.x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-left: 36px;
}
.x-menu-item-text-default.x-menu-item-indent-right-icon {
  margin-right: 40px;
}
.x-menu-item-text-default.x-menu-item-indent-right-arrow {
  margin-right: 29px;
}
.x-menu-item-disabled .x-menu-item-text-default {
  cursor: default;
}
.x-menu-item-indent-default {
  margin-left: 41px;
}
.x-menu-item-icon-default {
  width: 24px;
  height: 24px;
  top: 4px;
  left: 4px;
  line-height: 24px;
  font-size: 16px;
  color: #919191;
  background-position: center center;
}
.x-menu-item-focus .x-menu-item-icon-default,
.x-menu-item-active .x-menu-item-icon-default {
  color: #fff;
}
.x-ie8 .x-menu-item-focus .x-menu-item-icon-default,
.x-ie8 .x-menu-item-active .x-menu-item-icon-default {
  color: #fff !important;
}
.x-ie8 .x-menu-item-icon-default.x-menu-item-glyph {
  color: #919191;
}
.x-menu-item-icon-default.x-menu-item-icon-right {
  width: 24px;
  height: 24px;
  top: 4px;
  right: 4px;
  left: auto;
  background-position: center center;
}
.x-menu-item-icon-default.x-menu-item-checkbox {
  color: #919191;
}
.x-menu-item-focus .x-menu-item-icon-default.x-menu-item-checkbox,
.x-menu-item-active .x-menu-item-icon-default.x-menu-item-checkbox {
  color: #fff;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
  font: 18px/24px FontAwesome;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
  content: "\f046";
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
  font: 18px/24px FontAwesome;
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
  content: "\f096";
}
.x-menu-item-focus .x-menu-item-icon-default.x-menu-group-icon,
.x-menu-item-active .x-menu-item-icon-default.x-menu-group-icon {
  color: #fff;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
  font: 18px/24px FontAwesome;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon:before {
  content: "\f00c";
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-group-icon {
  background-image: none;
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-group-icon:before {
  content: "";
}
.x-menu-item-arrow-default {
  width: 16px;
  height: 16px;
  top: 8px;
  right: 0;
  margin: 0 4px 0;
  font: 16px/1 FontAwesome;
  color: #919191;
}
.x-menu-item-arrow-default:before {
  content: "\f0da";
}
.x-menu-item-focus .x-menu-item-arrow-default,
.x-menu-item-active .x-menu-item-arrow-default {
  color: #fff;
}
.x-menu-item-focus .x-menu-item-arrow-default,
.x-menu-item-active .x-menu-item-arrow-default {
  top: 8px;
  right: 0;
}
.x-menu-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px;
}
.x-menu-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 24px;
}
.x-box-scroller-menu-default {
  cursor: pointer;
  color: #919191;
    opacity: 0.5;
}
.x-box-scroller-menu-default.x-box-scroller-hover {
    opacity: 0.6;
}
.x-box-scroller-menu-default.x-box-scroller-pressed {
    opacity: 0.7;
}
.x-box-scroller-menu-default.x-box-scroller-disabled {
    opacity: 0.25;
  cursor: default;
}
.x-box-scroller-menu-default.x-box-scroller-top,
.x-box-scroller-menu-default.x-box-scroller-bottom {
  height: 16px;
  width: 16px;
  left: 50%;
  margin-left: -8px;
}
.x-box-scroller-menu-default.x-box-scroller-top {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/16px FontAwesome;
}
.x-box-scroller-menu-default.x-box-scroller-top:before {
  content: "\f077";
}
.x-box-scroller-menu-default.x-box-scroller-bottom {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/16px FontAwesome;
}
.x-box-scroller-menu-default.x-box-scroller-bottom:before {
  content: "\f078";
}
.x-ie8 .x-box-scroller-menu-default {
  background-color: #fff;
}
.x-menu-default-menubar {
  border-style: solid;
  border-width: 1px;
  border-color: #d0d0d0;
}
.x-menu-body-default-menubar {
  background: #fff;
  padding: 0;
}
.x-menu-icon-separator-default-menubar {
  left: 32px;
  border-left: solid 1px #d0d0d0;
  background-color: #fff;
  width: 1px;
}
.x-menu-item-default-menubar {
  border-width: 0;
  cursor: pointer;
}
.x-menu-item-default-menubar.x-menu-item-focus,
.x-menu-item-default-menubar.x-menu-item-active {
  background-image: none;
  background-color: #5dc8f8;
}
.x-nlg .x-menu-item-default-menubar.x-menu-item-focus,
.x-nlg .x-menu-item-default-menubar.x-menu-item-active {
  background: #5dc8f8 repeat-x left top;
  background-image: url(images/menu/menu-item-default-menubar-active-bg.gif);
}
.x-menu-item-default-menubar.x-menu-item-disabled {
  cursor: default;
}
.x-menu-item-default-menubar.x-menu-item-disabled a {
  cursor: default;
}
.x-menu-item-default-menubar.x-menu-item-separator {
  height: 1px;
  border-top: solid 1px #d0d0d0;
  background-color: #fff;
  margin: 2px 0;
  padding: 0;
}
.x-menu-item-default-menubar.x-menu-item-disabled {
    opacity: 0.5;
}
.x-ie9m .x-menu-item-default-menubar.x-menu-item-disabled .x-menu-item-icon-ui {
    opacity: 0.5;
}
.x-ie9m
  .x-menu-item-default-menubar.x-menu-item-disabled
  .x-menu-item-text-default-menubar {
  background-color: transparent;
}
.x-menu-item-default-menubar .x-form-item-label {
  font-size: 14px;
  color: #000;
}
.x-menu-item-text-default-menubar,
.x-menu-item-cmp-default-menubar {
  margin: 0 8px 0 8px;
}
.x-menu-item-text-default-menubar {
  font: 400 14px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  line-height: 31px;
  padding-top: 1px;
  color: #000;
  cursor: pointer;
}
.x-menu-item-focus .x-menu-item-text-default-menubar,
.x-menu-item-active .x-menu-item-text-default-menubar {
  color: #fff;
}
.x-menu-item-text-default-menubar.x-menu-item-indent {
  margin-left: 41px;
}
.x-menu-item-text-default-menubar.x-menu-item-indent-no-separator {
  margin-left: 36px;
}
.x-menu-item-text-default-menubar.x-menu-item-indent-right-icon {
  margin-right: 40px;
}
.x-menu-item-text-default-menubar.x-menu-item-indent-right-arrow {
  margin-right: 27px;
}
.x-menu-item-disabled .x-menu-item-text-default-menubar {
  cursor: default;
}
.x-menu-item-indent-default-menubar {
  margin-left: 41px;
}
.x-menu-item-icon-default-menubar {
  width: 24px;
  height: 24px;
  top: 4px;
  left: 4px;
  line-height: 24px;
  font-size: 16px;
  color: #919191;
  background-position: center center;
}
.x-menu-item-focus .x-menu-item-icon-default-menubar,
.x-menu-item-active .x-menu-item-icon-default-menubar {
  color: #fff;
}
.x-ie8 .x-menu-item-focus .x-menu-item-icon-default-menubar,
.x-ie8 .x-menu-item-active .x-menu-item-icon-default-menubar {
  color: #fff !important;
}
.x-ie8 .x-menu-item-icon-default-menubar.x-menu-item-glyph {
  color: #919191;
}
.x-menu-item-icon-default-menubar.x-menu-item-icon-right {
  width: 24px;
  height: 24px;
  top: 4px;
  right: 4px;
  left: auto;
  background-position: center center;
}
.x-menu-item-icon-default-menubar.x-menu-item-checkbox {
  color: #919191;
}
.x-menu-item-focus .x-menu-item-icon-default-menubar.x-menu-item-checkbox,
.x-menu-item-active .x-menu-item-icon-default-menubar.x-menu-item-checkbox {
  color: #fff;
}
.x-menu-item-checked .x-menu-item-icon-default-menubar.x-menu-item-checkbox {
  font: 18px/24px FontAwesome;
}
.x-menu-item-checked
  .x-menu-item-icon-default-menubar.x-menu-item-checkbox:before {
  content: "\f046";
}
.x-menu-item-unchecked .x-menu-item-icon-default-menubar.x-menu-item-checkbox {
  font: 18px/24px FontAwesome;
}
.x-menu-item-unchecked
  .x-menu-item-icon-default-menubar.x-menu-item-checkbox:before {
  content: "\f096";
}
.x-menu-item-focus .x-menu-item-icon-default-menubar.x-menu-group-icon,
.x-menu-item-active .x-menu-item-icon-default-menubar.x-menu-group-icon {
  color: #fff;
}
.x-menu-item-checked .x-menu-item-icon-default-menubar.x-menu-group-icon {
  font: 18px/24px FontAwesome;
}
.x-menu-item-checked
  .x-menu-item-icon-default-menubar.x-menu-group-icon:before {
  content: "\f00c";
}
.x-menu-item-unchecked .x-menu-item-icon-default-menubar.x-menu-group-icon {
  background-image: none;
}
.x-menu-item-unchecked
  .x-menu-item-icon-default-menubar.x-menu-group-icon:before {
  content: "";
}
.x-menu-item-arrow-default-menubar {
  width: 9px;
  height: 6px;
  top: 9px;
  right: 5px;
  margin: 0 4px 0;
  font: 16px/1 FontAwesome;
  color: #919191;
}
.x-menu-item-arrow-default-menubar:before {
  content: "\f0d7";
}
.x-menu-item-focus .x-menu-item-arrow-default-menubar,
.x-menu-item-active .x-menu-item-arrow-default-menubar {
  color: #fff;
}
.x-menu-item-focus .x-menu-item-arrow-default-menubar,
.x-menu-item-active .x-menu-item-arrow-default-menubar {
  top: 9px;
  right: 5px;
}
.x-menu-default-menubar-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px;
}
.x-menu-default-menubar-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 24px;
}
.x-box-scroller-menu-default-menubar {
  cursor: pointer;
  color: #919191;
    opacity: 0.5;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-hover {
    opacity: 0.6;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-pressed {
    opacity: 0.7;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-disabled {
    opacity: 0.25;
  cursor: default;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-top,
.x-box-scroller-menu-default-menubar.x-box-scroller-bottom {
  height: 16px;
  width: 16px;
  left: 50%;
  margin-left: -8px;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-top {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/16px FontAwesome;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-top:before {
  content: "\f077";
}
.x-box-scroller-menu-default-menubar.x-box-scroller-bottom {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 4px;
  font: 16px/16px FontAwesome;
}
.x-box-scroller-menu-default-menubar.x-box-scroller-bottom:before {
  content: "\f078";
}
.x-ie8 .x-box-scroller-menu-default-menubar {
  background-color: #fff;
}
.x-grid-locked .x-grid-inner-locked {
  border-width: 0 2px 0 0;
  border-style: solid;
}
.x-grid-locked-split .x-grid-inner-normal {
  border-width: 0 0 0 2px;
  border-style: solid;
  border-left-color: #d0d0d0;
}
.x-grid-locking-body {
  border-width: 1px;
}
.x-grid-locking-body > .x-splitter {
  background-color: #ececec;
}
.x-grid-locking-body > .x-splitter-active {
  background-color: #b4b4b4;
}
.x-grid-inner-locked {
  border-right-color: #d0d0d0;
}
.x-grid-inner-locked .x-column-header-last,
.x-grid-inner-locked .x-grid-cell-last {
  border-right-width: 0 !important;
}
.x-hmenu-lock {
  font: 16px/24px FontAwesome;
}
.x-hmenu-lock:before {
  content: "\f023";
}
.x-hmenu-unlock {
  font: 16px/24px FontAwesome;
}
.x-hmenu-unlock:before {
  content: "\f09c";
}
.x-grid-scrollbar-clipper > .x-grid-view,
.x-grid-scrollbar-clipper > .x-tree-view {
  background-color: #fff;
}
.x-grid-scrollbar-clipper-locked,
.x-grid-scrollbar-locked {
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #d0d0d0;
}
.x-grid-scroll-container {
  background-color: #fff;
}
.x-accordion-layout-ct {
  background-color: #5aaed4;
  padding: 5px 5px 0;
}
.x-accordion-hd .x-panel-header-title {
  color: #333;
  font-weight: 400;
  font-family: "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  text-transform: none;
}
.x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
  outline: 1px solid #5aaed4;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus,
.x-ie10p .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus,
.x-edge .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
  outline: none;
}
.x-ie
  .x-keyboard-mode
  .x-accordion-hd
  .x-panel-header-title.x-title-focus:after,
.x-ie10p
  .x-keyboard-mode
  .x-accordion-hd
  .x-panel-header-title.x-title-focus:after,
.x-edge
  .x-keyboard-mode
  .x-accordion-hd
  .x-panel-header-title.x-title-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #5aaed4;
  pointer-events: none;
}
.x-accordion-item {
  margin: 0 0 5px;
}
.x-accordion-item .x-accordion-hd {
  background: #f7f7f7;
  border-width: 0;
  border-color: #5aaed4;
  padding: 12px 10px;
}
.x-accordion-item .x-accordion-hd-over {
  background-color: #f6f6f6;
}
.x-accordion-item .x-accordion-hd-over .x-tool-tool-el {
  background-color: #f6f6f6;
}
.x-accordion-item .x-accordion-hd-sibling-expanded {
  border-top-color: #5aaed4;
  border-top-width: 0;
}
.x-accordion-item .x-accordion-hd-last-collapsed {
  border-bottom-color: #fff;
}
.x-accordion-item .x-accordion-body {
  border-width: 0;
}
.x-accordion-hd .x-tool-tool-el {
  background-color: #fff;
  color: #5aaed4;
}
.x-accordion-hd .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-image: none;
}
.x-accordion-hd .x-tool-collapse-top,
.x-accordion-hd .x-tool-collapse-bottom {
  font: 16px/1 FontAwesome;
  background-image: none;
}
.x-accordion-hd .x-tool-collapse-top:before,
.x-accordion-hd .x-tool-collapse-bottom:before {
  content: "\f068";
}
.x-accordion-hd .x-tool-expand-top,
.x-accordion-hd .x-tool-expand-bottom {
  font: 16px/1 FontAwesome;
  background-image: none;
}
.x-accordion-hd .x-tool-expand-top:before,
.x-accordion-hd .x-tool-expand-bottom:before {
  content: "\f067";
}
.x-keyboard-mode .x-accordion-hd .x-tool-focus {
  outline: 1px solid #5aaed4;
  outline-offset: 2px;
}
.x-ie .x-keyboard-mode .x-accordion-hd .x-tool-focus,
.x-ie10p .x-keyboard-mode .x-accordion-hd .x-tool-focus,
.x-edge .x-keyboard-mode .x-accordion-hd .x-tool-focus {
  outline: none;
}
.x-ie .x-keyboard-mode .x-accordion-hd .x-tool-focus:after,
.x-ie10p .x-keyboard-mode .x-accordion-hd .x-tool-focus:after,
.x-edge .x-keyboard-mode .x-accordion-hd .x-tool-focus:after {
  position: absolute;
  content: " ";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #5aaed4;
  pointer-events: none;
}
.x-resizable-handle {
  position: absolute;
  z-index: 100;
  font-size: 1px;
  line-height: 10px;
    opacity: 0;
  background-color: #ececec;
  color: #919191;
  text-align: center;
}
.x-collapsed .x-resizable-handle {
  display: none;
}
.x-resizable-handle-southeast {
  cursor: se-resize;
}
.x-resizable-handle-southeast:before {
  position: absolute;
  bottom: 0;
  right: 0;
}
.x-resizable-handle-northwest {
  cursor: nw-resize;
}
.x-resizable-handle-northwest:before {
  position: absolute;
  top: 0;
  left: 0;
}
.x-resizable-handle-northeast {
  cursor: ne-resize;
}
.x-resizable-handle-northeast:before {
  position: absolute;
  top: 0;
  right: 0;
}
.x-resizable-handle-southwest {
  cursor: sw-resize;
}
.x-resizable-handle-southwest:before {
  position: absolute;
  bottom: 0;
  left: 0;
}
.x-resizable-handle-east:before,
.x-resizable-handle-west:before {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.x-resizable-handle-east {
  cursor: e-resize;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
}
.x-resizable-handle-south {
  cursor: s-resize;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}
.x-resizable-handle-west {
  cursor: w-resize;
  width: 10px;
  left: 0;
  top: 0;
  bottom: 0;
}
.x-resizable-handle-north {
  cursor: n-resize;
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
}
.x-resizable-handle-southeast {
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.x-resizable-handle-northwest {
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  z-index: 101;
}
.x-resizable-handle-northeast {
  width: 10px;
  height: 10px;
  right: 0;
  top: 0;
  z-index: 101;
}
.x-resizable-handle-southwest {
  width: 10px;
  height: 10px;
  left: 0;
  bottom: 0;
  z-index: 101;
}
.x-tablet .x-resizable-handle-north,
.x-tablet .x-resizable-handle-south {
  height: 20px;
}
.x-tablet .x-resizable-handle-east,
.x-tablet .x-resizable-handle-west {
  width: 20px;
}
.x-tablet .x-resizable-handle-northwest,
.x-tablet .x-resizable-handle-northeast,
.x-tablet .x-resizable-handle-southwest,
.x-tablet .x-resizable-handle-southeast {
  width: 20px;
  height: 20px;
}
.x-window .x-window-handle {
    opacity: 0;
}
.x-window-collapsed .x-window-handle {
  display: none;
}
.x-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  z-index: 50000;
}
.x-resizable-handle-over,
.x-resizable-pinned .x-resizable-handle {
    opacity: 1;
}
.x-resizable-handle-east-over,
.x-resizable-handle-west-over,
.x-resizable-pinned > .x-resizable-handle-east,
.x-resizable-pinned > .x-resizable-handle-west {
  font: 16px/1 FontAwesome;
}
.x-resizable-handle-east-over:before,
.x-resizable-handle-west-over:before,
.x-resizable-pinned > .x-resizable-handle-east:before,
.x-resizable-pinned > .x-resizable-handle-west:before {
  content: "\f142";
}
.x-resizable-handle-south-over,
.x-resizable-handle-north-over,
.x-resizable-pinned > .x-resizable-handle-south,
.x-resizable-pinned > .x-resizable-handle-north {
  font: 16px/10px FontAwesome;
}
.x-resizable-handle-south-over:before,
.x-resizable-handle-north-over:before,
.x-resizable-pinned > .x-resizable-handle-south:before,
.x-resizable-pinned > .x-resizable-handle-north:before {
  content: "\f141";
}
.x-resizable-handle-southeast-over,
.x-resizable-pinned > .x-resizable-handle-southeast {
  font: 16px/1 ExtJS;
}
.x-resizable-handle-southeast-over:before,
.x-resizable-pinned > .x-resizable-handle-southeast:before {
  content: "\e60c";
}
.x-resizable-handle-northwest-over,
.x-resizable-pinned > .x-resizable-handle-northwest {
  font: 16px/1 ExtJS;
}
.x-resizable-handle-northwest-over:before,
.x-resizable-pinned > .x-resizable-handle-northwest:before {
  content: "\e609";
}
.x-resizable-handle-northeast-over,
.x-resizable-pinned > .x-resizable-handle-northeast {
  font: 16px/1 ExtJS;
}
.x-resizable-handle-northeast-over:before,
.x-resizable-pinned > .x-resizable-handle-northeast:before {
  content: "\e60a";
}
.x-resizable-handle-southwest-over,
.x-resizable-pinned > .x-resizable-handle-southwest {
  font: 16px/1 ExtJS;
}
.x-resizable-handle-southwest-over:before,
.x-resizable-pinned > .x-resizable-handle-southwest:before {
  content: "\e60b";
}
.x-slider:before {
  border: 1px solid #d0d0d0;
  content: "";
  position: absolute;
  border-radius: 2px;
  background-color: #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.x-slider-thumb {
  background-color: #f6f6f6;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
}
.x-slider-thumb:before {
  color: #d0d0d0;
}
.x-slider-thumb-over {
  background-color: #fcfcfc;
  border-color: #c5cfd4;
}
.x-slider-thumb-over:before {
  color: #d0d0d0;
}
.x-keyboard-mode .x-slider-focus .x-slider-thumb {
  background-color: #f6f6f6;
  border-color: #5aaed4;
}
.x-keyboard-mode .x-slider-focus .x-slider-thumb:before {
  color: #91d3f1;
}
.x-keyboard-mode .x-slider-focus .x-slider-thumb-over {
  background-color: #fcfcfc;
}
.x-slider-thumb-drag {
  background-color: #f1f1f1;
  border-color: #bbcbd2;
}
.x-slider-thumb-drag:before {
  color: #d0d0d0;
}
.x-keyboard-mode .x-slider-focus .x-slider-thumb-drag {
  background-color: #f1f1f1;
}
.x-slider-horz {
  padding-left: 10px;
  background: no-repeat 0 -20px;
  margin: 6px 0 6px;
}
.x-slider-horz .x-slider-end {
  padding-right: 10px;
  background: no-repeat right -40px;
}
.x-slider-horz .x-slider-inner {
  height: 20px;
}
.x-slider-horz:before {
  height: 10px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -5px;
}
.x-slider-horz .x-slider-thumb {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  font: 12px/1 ExtJS;
}
.x-slider-horz .x-slider-thumb:before {
  content: "\e612";
}
.x-slider-ct-vert {
  height: 100%;
}
.x-slider-vert {
  padding-top: 10px;
  height: 100%;
}
.x-slider-vert > .x-slider-end {
  height: 100%;
}
.x-slider-vert > .x-slider-end > .x-slider-inner {
  height: 100%;
}
.x-slider-vert:before {
  width: 10px;
  height: 100%;
  left: 10px;
  top: 0;
  margin-left: -5px;
}
.x-slider-vert .x-slider-end {
  padding-bottom: 10px;
  background: no-repeat -20px bottom;
  width: 20px;
}
.x-slider-vert .x-slider-inner {
  width: 20px;
}
.x-slider-vert .x-slider-thumb {
  width: 20px;
  height: 20px;
  margin-bottom: -10px;
  font: 12px/1 ExtJS;
}
.x-slider-vert .x-slider-thumb:before {
  content: "\e605";
}
.x-slider-default-cell > .x-grid-cell-inner,
.x-sliderwidget-default-cell > .x-grid-cell-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}
.x-tab-default-top {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-right-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 8px 20px 8px 20px;
  border-width: 0;
  border-style: solid;
  background-color: transparent;
}
.x-tab-default-top-mc {
  background-color: transparent;
}
.x-nbr .x-tab-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tab-default-top-frameInfo {
  font-family: th-0-0-0-0-0-0-0-0-8-10-8-10;
}
.x-tab-default-top-tl {
  background-position: 0 0;
}
.x-tab-default-top-tr {
  background-position: right 0;
}
.x-tab-default-top-bl {
  background-position: 0 0;
}
.x-tab-default-top-br {
  background-position: right 0;
}
.x-tab-default-top-ml {
  background-position: 0 top;
}
.x-tab-default-top-mr {
  background-position: right top;
}
.x-tab-default-top-tc {
  background-position: 0 0;
}
.x-tab-default-top-bc {
  background-position: 0 0;
}
.x-tab-default-top-tr,
.x-tab-default-top-br,
.x-tab-default-top-mr {
  padding-right: 0;
}
.x-tab-default-top-tl,
.x-tab-default-top-bl,
.x-tab-default-top-ml {
  padding-left: 0;
}
.x-tab-default-top-tc {
  height: 0;
}
.x-tab-default-top-bc {
  height: 0;
}
.x-tab-default-top-mc {
  padding: 8px 10px 8px 10px;
}
.x-tab-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 8px 10px 8px 10px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: transparent;
}
.x-tab-default-bottom-mc {
  background-color: transparent;
}
.x-nbr .x-tab-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tab-default-bottom-frameInfo {
  font-family: th-0-0-0-0-0-0-0-0-8-10-8-10;
}
.x-tab-default-bottom-tl {
  background-position: 0 0;
}
.x-tab-default-bottom-tr {
  background-position: right 0;
}
.x-tab-default-bottom-bl {
  background-position: 0 0;
}
.x-tab-default-bottom-br {
  background-position: right 0;
}
.x-tab-default-bottom-ml {
  background-position: 0 bottom;
}
.x-tab-default-bottom-mr {
  background-position: right bottom;
}
.x-tab-default-bottom-tc {
  background-position: 0 0;
}
.x-tab-default-bottom-bc {
  background-position: 0 0;
}
.x-tab-default-bottom-tr,
.x-tab-default-bottom-br,
.x-tab-default-bottom-mr {
  padding-right: 0;
}
.x-tab-default-bottom-tl,
.x-tab-default-bottom-bl,
.x-tab-default-bottom-ml {
  padding-left: 0;
}
.x-tab-default-bottom-tc {
  height: 0;
}
.x-tab-default-bottom-bc {
  height: 0;
}
.x-tab-default-bottom-mc {
  padding: 8px 10px 8px 10px;
}
.x-tab-default-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 8px 10px 8px 10px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: transparent;
}
.x-tab-default-left-mc {
  background-color: transparent;
}
.x-nbr .x-tab-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tab-default-left-frameInfo {
  font-family: th-0-0-0-0-0-0-0-0-8-10-8-10;
}
.x-tab-default-left-tl {
  background-position: 0 0;
}
.x-tab-default-left-tr {
  background-position: right 0;
}
.x-tab-default-left-bl {
  background-position: 0 0;
}
.x-tab-default-left-br {
  background-position: right 0;
}
.x-tab-default-left-ml {
  background-position: 0 top;
}
.x-tab-default-left-mr {
  background-position: right top;
}
.x-tab-default-left-tc {
  background-position: 0 0;
}
.x-tab-default-left-bc {
  background-position: 0 0;
}
.x-tab-default-left-tr,
.x-tab-default-left-br,
.x-tab-default-left-mr {
  padding-right: 0;
}
.x-tab-default-left-tl,
.x-tab-default-left-bl,
.x-tab-default-left-ml {
  padding-left: 0;
}
.x-tab-default-left-tc {
  height: 0;
}
.x-tab-default-left-bc {
  height: 0;
}
.x-tab-default-left-mc {
  padding: 8px 10px 8px 10px;
}
.x-tab-default-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 8px 10px 8px 10px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: transparent;
}
.x-tab-default-right-mc {
  background-color: transparent;
}
.x-nbr .x-tab-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-tab-default-right-frameInfo {
  font-family: th-0-0-0-0-0-0-0-0-8-10-8-10;
}
.x-tab-default-right-tl {
  background-position: 0 0;
}
.x-tab-default-right-tr {
  background-position: right 0;
}
.x-tab-default-right-bl {
  background-position: 0 0;
}
.x-tab-default-right-br {
  background-position: right 0;
}
.x-tab-default-right-ml {
  background-position: 0 top;
}
.x-tab-default-right-mr {
  background-position: right top;
}
.x-tab-default-right-tc {
  background-position: 0 0;
}
.x-tab-default-right-bc {
  background-position: 0 0;
}
.x-tab-default-right-tr,
.x-tab-default-right-br,
.x-tab-default-right-mr {
  padding-right: 0;
}
.x-tab-default-right-tl,
.x-tab-default-right-bl,
.x-tab-default-right-ml {
  padding-left: 0;
}
.x-tab-default-right-tc {
  height: 0;
}
.x-tab-default-right-bc {
  height: 0;
}
.x-tab-default-right-mc {
  padding: 8px 10px 8px 10px;
}
.x-tab-default {
  border-color: transparent;
  cursor: pointer;
}
.x-tab-default-top {
  margin: 0 4px 0 0;
}
.x-tab-default-top.x-tab-rotate-left {
  margin: 0 0 0 4px;
}
.x-keyboard-mode .x-tab-default-top.x-tab-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-over {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-tab-default-right {
  margin: 0 0 4px 0;
}
.x-tab-default-right.x-tab-rotate-right {
  margin: 4px 0 0 0;
}
.x-keyboard-mode .x-tab-default-right.x-tab-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-right.x-tab-focus.x-tab-over {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-right.x-tab-focus.x-tab-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-tab-default-bottom {
  margin: 0 4px 0 0;
}
.x-tab-default-bottom.x-tab-rotate-left {
  margin: 0 0 0 4px;
}
.x-keyboard-mode .x-tab-default-bottom.x-tab-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-bottom.x-tab-focus.x-tab-over {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-bottom.x-tab-focus.x-tab-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-tab-default-left {
  margin: 0 0 4px 0;
}
.x-tab-default-left.x-tab-rotate-right {
  margin: 4px 0 0 0;
}
.x-keyboard-mode .x-tab-default-left.x-tab-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-left.x-tab-focus.x-tab-over {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-keyboard-mode .x-tab-default-left.x-tab-focus.x-tab-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.x-tab-button-default {
  height: 20px;
}
.x-tab-inner-default {
  font: 500 14px/20px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #f0f0f0;
  max-width: 100%;
}
.x-tab-bar-plain .x-tab-inner-default {
  color: #606060;
}
.x-tab-icon-right > .x-tab-inner-default,
.x-tab-icon-left > .x-tab-inner-default {
  max-width: calc(100% - 20px);
}
.x-tab-icon-el-default {
  min-height: 20px;
  background-position: center center;
  font-size: 20px;
  line-height: 20px;
  color: #f0f0f0;
}
.x-tab-icon-left > .x-tab-icon-el-default,
.x-tab-icon-right > .x-tab-icon-el-default {
  width: 20px;
}
.x-tab-icon-top > .x-tab-icon-el-default,
.x-tab-icon-bottom > .x-tab-icon-el-default {
  min-width: 20px;
}
.x-tab-bar-plain .x-tab-icon-el-default {
  color: #606060;
}
.x-tab-icon-el-default.x-tab-glyph {
  opacity: 0.7;
}
.x-tab-text.x-tab-icon-left > .x-tab-icon-el-default {
  margin-right: 6px;
}
.x-tab-text.x-tab-icon-right > .x-tab-icon-el-default {
  margin-left: 6px;
}
.x-tab-text.x-tab-icon-top > .x-tab-icon-el-default {
  margin-bottom: 6px;
}
.x-tab-text.x-tab-icon-bottom > .x-tab-icon-el-default {
  margin-top: 6px;
}
.x-keyboard-mode .x-tab-focus.x-tab-default {
  border-color: transparent;
  background-color: transparent;
  outline: 1px solid #5aaed4;
  outline-offset: -3px;
}
.x-ie .x-keyboard-mode .x-tab-focus.x-tab-default,
.x-ie10p .x-keyboard-mode .x-tab-focus.x-tab-default,
.x-edge .x-keyboard-mode .x-tab-focus.x-tab-default {
  outline: none;
}
.x-ie .x-keyboard-mode .x-tab-focus.x-tab-default:after,
.x-ie10p .x-keyboard-mode .x-tab-focus.x-tab-default:after,
.x-edge .x-keyboard-mode .x-tab-focus.x-tab-default:after {
  position: absolute;
  content: " ";
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border: 1px solid #5aaed4;
  pointer-events: none;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-focus.x-tab-default
  .x-tab-inner-default {
  color: #606060;
}
.x-keyboard-mode .x-tab-bar-plain .x-tab-focus.x-tab-default .x-tab-icon-el {
  color: #606060;
}
.x-tab-over.x-tab-default {
  border-color: #000;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.08);
}
.x-ie8 .x-tab-over.x-tab-default {
    zoom: 1;
}
.x-tab-bar-plain .x-tab-over.x-tab-default .x-tab-inner-default {
  color: #606060;
}
.x-tab-bar-plain .x-tab-over.x-tab-default .x-tab-icon-el {
  color: #606060;
}
.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default {
  border-color: #000;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.08);
}
.x-ie8 .x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default {
    zoom: 1;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-focus.x-tab-over.x-tab-default
  .x-tab-inner-default {
  color: #606060;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-focus.x-tab-over.x-tab-default
  .x-tab-icon-el {
  color: #606060;
}
.x-tab.x-tab-active.x-tab-default {
  border-color: #fff;
  background-color: #fff;
}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
  color: #2a95c5;
}
.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
  color: #404040;
}
.x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
  color: #2a95c5;
}
.x-ie8 .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
  color: #6ab5d6;
}
.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
  color: #404040;
}
.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
  border-color: #fff;
  background-color: #fff;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-focus.x-tab-active.x-tab-default
  .x-tab-inner-default {
  color: #404040;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-focus.x-tab-active.x-tab-default
  .x-tab-icon-el {
  color: #404040;
}
.x-tab.x-tab-disabled.x-tab-default {
  border-color: transparent;
  background-color: transparent;
  cursor: default;
}
.x-tab.x-tab-disabled.x-tab-default .x-tab-inner-default {
    opacity: 0.3;
}
.x-tab-bar-plain .x-tab.x-tab-disabled.x-tab-default .x-tab-inner-default {
  color: #606060;
}
.x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el-default {
    opacity: 0.5;
}
.x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el {
  color: #f0f0f0;
  opacity: 0.3;
  filter: none;
}
.x-tab-bar-plain .x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el {
  color: #606060;
}
.x-nbr .x-tab-default {
  background-image: none;
}
.x-tab-over .x-tab-default-top-tl,
.x-tab-over .x-tab-default-top-bl,
.x-tab-over .x-tab-default-top-tr,
.x-tab-over .x-tab-default-top-br,
.x-tab-over .x-tab-default-top-tc,
.x-tab-over .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-over-corners.gif);
}
.x-tab-over .x-tab-default-top-ml,
.x-tab-over .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-over-sides.gif);
}
.x-tab-over .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-over-fbg.gif);
}
.x-tab-focus .x-tab-default-top-tl,
.x-tab-focus .x-tab-default-top-bl,
.x-tab-focus .x-tab-default-top-tr,
.x-tab-focus .x-tab-default-top-br,
.x-tab-focus .x-tab-default-top-tc,
.x-tab-focus .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-corners.gif);
}
.x-tab-focus .x-tab-default-top-ml,
.x-tab-focus .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-sides.gif);
}
.x-tab-focus .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-fbg.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-top-tl,
.x-tab-focus.x-tab-over .x-tab-default-top-bl,
.x-tab-focus.x-tab-over .x-tab-default-top-tr,
.x-tab-focus.x-tab-over .x-tab-default-top-br,
.x-tab-focus.x-tab-over .x-tab-default-top-tc,
.x-tab-focus.x-tab-over .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-over-corners.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-top-ml,
.x-tab-focus.x-tab-over .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-over-sides.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-over-fbg.gif);
}
.x-tab.x-tab-active .x-tab-default-top-tl,
.x-tab.x-tab-active .x-tab-default-top-bl,
.x-tab.x-tab-active .x-tab-default-top-tr,
.x-tab.x-tab-active .x-tab-default-top-br,
.x-tab.x-tab-active .x-tab-default-top-tc,
.x-tab.x-tab-active .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-active-corners.gif);
}
.x-tab.x-tab-active .x-tab-default-top-ml,
.x-tab.x-tab-active .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-active-sides.gif);
}
.x-tab.x-tab-active .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-active-fbg.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-top-tl,
.x-tab-focus.x-tab-active .x-tab-default-top-bl,
.x-tab-focus.x-tab-active .x-tab-default-top-tr,
.x-tab-focus.x-tab-active .x-tab-default-top-br,
.x-tab-focus.x-tab-active .x-tab-default-top-tc,
.x-tab-focus.x-tab-active .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-focus-active-corners.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-top-ml,
.x-tab-focus.x-tab-active .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-focus-active-sides.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-focus-active-fbg.gif);
}
.x-tab.x-tab-disabled .x-tab-default-top-tl,
.x-tab.x-tab-disabled .x-tab-default-top-bl,
.x-tab.x-tab-disabled .x-tab-default-top-tr,
.x-tab.x-tab-disabled .x-tab-default-top-br,
.x-tab.x-tab-disabled .x-tab-default-top-tc,
.x-tab.x-tab-disabled .x-tab-default-top-bc {
  background-image: url(images/tab/tab-default-top-disabled-corners.gif);
}
.x-tab.x-tab-disabled .x-tab-default-top-ml,
.x-tab.x-tab-disabled .x-tab-default-top-mr {
  background-image: url(images/tab/tab-default-top-disabled-sides.gif);
}
.x-tab.x-tab-disabled .x-tab-default-top-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-disabled-fbg.gif);
}
.x-tab-over .x-tab-default-right-tl,
.x-tab-over .x-tab-default-right-bl,
.x-tab-over .x-tab-default-right-tr,
.x-tab-over .x-tab-default-right-br,
.x-tab-over .x-tab-default-right-tc,
.x-tab-over .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-over-corners.gif);
}
.x-tab-over .x-tab-default-right-ml,
.x-tab-over .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-over-sides.gif);
}
.x-tab-over .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-over-fbg.gif);
}
.x-tab-focus .x-tab-default-right-tl,
.x-tab-focus .x-tab-default-right-bl,
.x-tab-focus .x-tab-default-right-tr,
.x-tab-focus .x-tab-default-right-br,
.x-tab-focus .x-tab-default-right-tc,
.x-tab-focus .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-corners.gif);
}
.x-tab-focus .x-tab-default-right-ml,
.x-tab-focus .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-sides.gif);
}
.x-tab-focus .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-fbg.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-right-tl,
.x-tab-focus.x-tab-over .x-tab-default-right-bl,
.x-tab-focus.x-tab-over .x-tab-default-right-tr,
.x-tab-focus.x-tab-over .x-tab-default-right-br,
.x-tab-focus.x-tab-over .x-tab-default-right-tc,
.x-tab-focus.x-tab-over .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-over-corners.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-right-ml,
.x-tab-focus.x-tab-over .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-over-sides.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-over-fbg.gif);
}
.x-tab.x-tab-active .x-tab-default-right-tl,
.x-tab.x-tab-active .x-tab-default-right-bl,
.x-tab.x-tab-active .x-tab-default-right-tr,
.x-tab.x-tab-active .x-tab-default-right-br,
.x-tab.x-tab-active .x-tab-default-right-tc,
.x-tab.x-tab-active .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-active-corners.gif);
}
.x-tab.x-tab-active .x-tab-default-right-ml,
.x-tab.x-tab-active .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-active-sides.gif);
}
.x-tab.x-tab-active .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-active-fbg.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-right-tl,
.x-tab-focus.x-tab-active .x-tab-default-right-bl,
.x-tab-focus.x-tab-active .x-tab-default-right-tr,
.x-tab-focus.x-tab-active .x-tab-default-right-br,
.x-tab-focus.x-tab-active .x-tab-default-right-tc,
.x-tab-focus.x-tab-active .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-focus-active-corners.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-right-ml,
.x-tab-focus.x-tab-active .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-focus-active-sides.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-focus-active-fbg.gif);
}
.x-tab.x-tab-disabled .x-tab-default-right-tl,
.x-tab.x-tab-disabled .x-tab-default-right-bl,
.x-tab.x-tab-disabled .x-tab-default-right-tr,
.x-tab.x-tab-disabled .x-tab-default-right-br,
.x-tab.x-tab-disabled .x-tab-default-right-tc,
.x-tab.x-tab-disabled .x-tab-default-right-bc {
  background-image: url(images/tab/tab-default-right-disabled-corners.gif);
}
.x-tab.x-tab-disabled .x-tab-default-right-ml,
.x-tab.x-tab-disabled .x-tab-default-right-mr {
  background-image: url(images/tab/tab-default-right-disabled-sides.gif);
}
.x-tab.x-tab-disabled .x-tab-default-right-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-right-disabled-fbg.gif);
}
.x-tab-over .x-tab-default-bottom-tl,
.x-tab-over .x-tab-default-bottom-bl,
.x-tab-over .x-tab-default-bottom-tr,
.x-tab-over .x-tab-default-bottom-br,
.x-tab-over .x-tab-default-bottom-tc,
.x-tab-over .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-over-corners.gif);
}
.x-tab-over .x-tab-default-bottom-ml,
.x-tab-over .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-over-sides.gif);
}
.x-tab-over .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-over-fbg.gif);
}
.x-tab-focus .x-tab-default-bottom-tl,
.x-tab-focus .x-tab-default-bottom-bl,
.x-tab-focus .x-tab-default-bottom-tr,
.x-tab-focus .x-tab-default-bottom-br,
.x-tab-focus .x-tab-default-bottom-tc,
.x-tab-focus .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-corners.gif);
}
.x-tab-focus .x-tab-default-bottom-ml,
.x-tab-focus .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-sides.gif);
}
.x-tab-focus .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-fbg.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-bottom-tl,
.x-tab-focus.x-tab-over .x-tab-default-bottom-bl,
.x-tab-focus.x-tab-over .x-tab-default-bottom-tr,
.x-tab-focus.x-tab-over .x-tab-default-bottom-br,
.x-tab-focus.x-tab-over .x-tab-default-bottom-tc,
.x-tab-focus.x-tab-over .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-over-corners.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-bottom-ml,
.x-tab-focus.x-tab-over .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-over-sides.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-over-fbg.gif);
}
.x-tab.x-tab-active .x-tab-default-bottom-tl,
.x-tab.x-tab-active .x-tab-default-bottom-bl,
.x-tab.x-tab-active .x-tab-default-bottom-tr,
.x-tab.x-tab-active .x-tab-default-bottom-br,
.x-tab.x-tab-active .x-tab-default-bottom-tc,
.x-tab.x-tab-active .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-active-corners.gif);
}
.x-tab.x-tab-active .x-tab-default-bottom-ml,
.x-tab.x-tab-active .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-active-sides.gif);
}
.x-tab.x-tab-active .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-active-fbg.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-bottom-tl,
.x-tab-focus.x-tab-active .x-tab-default-bottom-bl,
.x-tab-focus.x-tab-active .x-tab-default-bottom-tr,
.x-tab-focus.x-tab-active .x-tab-default-bottom-br,
.x-tab-focus.x-tab-active .x-tab-default-bottom-tc,
.x-tab-focus.x-tab-active .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-focus-active-corners.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-bottom-ml,
.x-tab-focus.x-tab-active .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-focus-active-sides.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-focus-active-fbg.gif);
}
.x-tab.x-tab-disabled .x-tab-default-bottom-tl,
.x-tab.x-tab-disabled .x-tab-default-bottom-bl,
.x-tab.x-tab-disabled .x-tab-default-bottom-tr,
.x-tab.x-tab-disabled .x-tab-default-bottom-br,
.x-tab.x-tab-disabled .x-tab-default-bottom-tc,
.x-tab.x-tab-disabled .x-tab-default-bottom-bc {
  background-image: url(images/tab/tab-default-bottom-disabled-corners.gif);
}
.x-tab.x-tab-disabled .x-tab-default-bottom-ml,
.x-tab.x-tab-disabled .x-tab-default-bottom-mr {
  background-image: url(images/tab/tab-default-bottom-disabled-sides.gif);
}
.x-tab.x-tab-disabled .x-tab-default-bottom-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif);
}
.x-tab-over .x-tab-default-left-tl,
.x-tab-over .x-tab-default-left-bl,
.x-tab-over .x-tab-default-left-tr,
.x-tab-over .x-tab-default-left-br,
.x-tab-over .x-tab-default-left-tc,
.x-tab-over .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-over-corners.gif);
}
.x-tab-over .x-tab-default-left-ml,
.x-tab-over .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-over-sides.gif);
}
.x-tab-over .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-over-fbg.gif);
}
.x-tab-focus .x-tab-default-left-tl,
.x-tab-focus .x-tab-default-left-bl,
.x-tab-focus .x-tab-default-left-tr,
.x-tab-focus .x-tab-default-left-br,
.x-tab-focus .x-tab-default-left-tc,
.x-tab-focus .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-corners.gif);
}
.x-tab-focus .x-tab-default-left-ml,
.x-tab-focus .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-sides.gif);
}
.x-tab-focus .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-fbg.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-left-tl,
.x-tab-focus.x-tab-over .x-tab-default-left-bl,
.x-tab-focus.x-tab-over .x-tab-default-left-tr,
.x-tab-focus.x-tab-over .x-tab-default-left-br,
.x-tab-focus.x-tab-over .x-tab-default-left-tc,
.x-tab-focus.x-tab-over .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-over-corners.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-left-ml,
.x-tab-focus.x-tab-over .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-over-sides.gif);
}
.x-tab-focus.x-tab-over .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-over-fbg.gif);
}
.x-tab.x-tab-active .x-tab-default-left-tl,
.x-tab.x-tab-active .x-tab-default-left-bl,
.x-tab.x-tab-active .x-tab-default-left-tr,
.x-tab.x-tab-active .x-tab-default-left-br,
.x-tab.x-tab-active .x-tab-default-left-tc,
.x-tab.x-tab-active .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-active-corners.gif);
}
.x-tab.x-tab-active .x-tab-default-left-ml,
.x-tab.x-tab-active .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-active-sides.gif);
}
.x-tab.x-tab-active .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-active-fbg.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-left-tl,
.x-tab-focus.x-tab-active .x-tab-default-left-bl,
.x-tab-focus.x-tab-active .x-tab-default-left-tr,
.x-tab-focus.x-tab-active .x-tab-default-left-br,
.x-tab-focus.x-tab-active .x-tab-default-left-tc,
.x-tab-focus.x-tab-active .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-focus-active-corners.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-left-ml,
.x-tab-focus.x-tab-active .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-focus-active-sides.gif);
}
.x-tab-focus.x-tab-active .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-focus-active-fbg.gif);
}
.x-tab.x-tab-disabled .x-tab-default-left-tl,
.x-tab.x-tab-disabled .x-tab-default-left-bl,
.x-tab.x-tab-disabled .x-tab-default-left-tr,
.x-tab.x-tab-disabled .x-tab-default-left-br,
.x-tab.x-tab-disabled .x-tab-default-left-tc,
.x-tab.x-tab-disabled .x-tab-default-left-bc {
  background-image: url(images/tab/tab-default-left-disabled-corners.gif);
}
.x-tab.x-tab-disabled .x-tab-default-left-ml,
.x-tab.x-tab-disabled .x-tab-default-left-mr {
  background-image: url(images/tab/tab-default-left-disabled-sides.gif);
}
.x-tab.x-tab-disabled .x-tab-default-left-mc {
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-left-disabled-fbg.gif);
}
.x-tab-default .x-tab-close-btn {
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font: 12px/1 FontAwesome;
  color: #fff;
}
.x-tab-default .x-tab-close-btn:before {
  content: "\f00d";
}
.x-tab-bar-plain .x-tab-default .x-tab-close-btn {
  color: #919191;
}
.x-tab-default .x-tab-close-btn-over {
  background-position: -16px 0;
}
.x-tab-default .x-tab-close-btn-pressed {
  background-position: -32px 0;
}
.x-keyboard-mode .x-tab-default.x-tab-focus .x-tab-close-btn {
  color: #fff;
}
.x-keyboard-mode .x-tab-bar-plain .x-tab-default.x-tab-focus .x-tab-close-btn {
  color: #919191;
}
.x-tab-default.x-tab-over .x-tab-close-btn {
  color: #fff;
}
.x-tab-bar-plain .x-tab-default.x-tab-over .x-tab-close-btn {
  color: #919191;
}
.x-keyboard-mode .x-tab-default.x-tab-focus.x-tab-over .x-tab-close-btn {
  color: #fff;
}
.x-keyboard-mode
  .x-tab-bar-plain
  .x-tab-default.x-tab-focus.x-tab-over
  .x-tab-close-btn {
  color: #919191;
}
.x-tab-default.x-tab-active .x-tab-close-btn {
  color: #919191;
}
.x-keyboard-mode .x-tab-default.x-tab-focus.x-tab-active .x-tab-close-btn {
  color: #919191;
}
.x-tab-default.x-tab-disabled .x-tab-close-btn {
  color: #fff;
    opacity: 0.3;
  background-position: 0 0;
}
.x-tab-bar-plain .x-tab-default.x-tab-disabled .x-tab-close-btn {
  color: #919191;
}
.x-tab-closable.x-tab-default .x-tab-button {
  padding-right: 16px;
}
.x-tab-bar-default {
  background-color: #5aaed4;
}

.x-tab-bar-default-top > .x-tab-bar-body-default {
  padding: 8px 4px 0 8px;
}
.x-tab-bar-default-bottom > .x-tab-bar-body-default {
  padding: 0 4px 8px 8px;
}
.x-tab-bar-default-left > .x-tab-bar-body-default {
  padding: 4px 0 8px 8px;
}
.x-tab-bar-default-right > .x-tab-bar-body-default {
  padding: 8px 8px 4px 0;
}
.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default {
  padding: 8px 0 0;
}
.x-tab-bar-plain.x-tab-bar-default-bottom > .x-tab-bar-body-default {
  padding: 0 0 8px 0;
}
.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body-default {
  padding: 0 0 0 8px;
}
.x-tab-bar-plain.x-tab-bar-default-right > .x-tab-bar-body-default {
  padding: 0 8px 0 0;
}
.x-tab-bar-plain.x-tab-bar-default-horizontal {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
}
.x-tab-bar-plain.x-tab-bar-default-vertical {
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-width: 0;
  border-bottom-width: 0;
}
.x-tab-bar-horizontal > .x-tab-bar-body-default {
  min-height: 44px;
}
.x-ie8m .x-tab-bar-horizontal > .x-tab-bar-body-default {
  min-height: 36px;
}
.x-tab-bar-vertical > .x-tab-bar-body-default {
  min-width: 44px;
}
.x-ie8m .x-tab-bar-vertical > .x-tab-bar-body-default {
  min-width: 36px;
}
.x-tab-bar-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px;
}
.x-tab-bar-default-vertical-scroller .x-box-scroller-body-vertical {
  margin-top: 16px;
}
.x-box-scroller-tab-bar-default {
  cursor: pointer;
  color: #fff;
    opacity: 0.5;
}
.x-box-scroller-tab-bar-default.x-box-scroller-hover {
    opacity: 0.6;
}
.x-box-scroller-tab-bar-default.x-box-scroller-pressed {
    opacity: 0.7;
}
.x-box-scroller-tab-bar-default.x-box-scroller-disabled {
    opacity: 0.25;
  cursor: default;
}
.x-box-scroller-tab-bar-default.x-box-scroller-left,
.x-box-scroller-tab-bar-default.x-box-scroller-right {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
}
.x-box-scroller-tab-bar-default.x-box-scroller-left {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-tab-bar-default.x-box-scroller-left:before {
  content: "\f053";
}
.x-box-scroller-tab-bar-default.x-box-scroller-right {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-tab-bar-default.x-box-scroller-right:before {
  content: "\f054";
}
.x-box-scroller-tab-bar-default.x-box-scroller-top,
.x-box-scroller-tab-bar-default.x-box-scroller-bottom {
  height: 24px;
  width: 24px;
  left: 50%;
  margin-left: -12px;
}
.x-box-scroller-tab-bar-default.x-box-scroller-top {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-tab-bar-default.x-box-scroller-top:before {
  content: "\f077";
}
.x-box-scroller-tab-bar-default.x-box-scroller-bottom {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  font: 16px/24px FontAwesome;
}
.x-box-scroller-tab-bar-default.x-box-scroller-bottom:before {
  content: "\f078";
}
.x-tab-bar-more-icon {
  font: 16px/1 FontAwesome;
  color: #f0f0f0;
}
.x-tab-bar-more-icon:before {
  content: "\f0c9";
}
.x-tab-bar-plain.x-tab-bar-default-scroller .x-box-scroller-body-horizontal {
  margin-left: 24px;
}
.x-tab-bar-plain.x-tab-bar-default-vertical-scroller
  .x-box-scroller-body-vertical {
  margin-top: 16px;
}
.x-tab-bar-plain .x-box-scroller-tab-bar-default {
  color: #919191;
}
.x-tab-bar-default-top .x-box-scroller-tab-bar-default {
  margin-top: -8px;
}
.x-tab-bar-default-right .x-box-scroller-tab-bar-default {
  margin-left: -16px;
}
.x-tab-bar-default-bottom .x-box-scroller-tab-bar-default {
  margin-top: -16px;
}
.x-tab-bar-default-left .x-box-scroller-tab-bar-default {
  margin-left: -8px;
}
.x-box-scroller-tab-bar-default {
  background-color: #5aaed4;
}
.x-box-scroller-tab-bar-default .x-ie8 .x-box-scroller-plain {
  background-color: #fff;
}
.x-btn-plain-toolbar-small {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 7px 7px 7px 7px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-plain-toolbar-small-mc {
  background-color: transparent;
}
.x-nbr .x-btn-plain-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-plain-toolbar-small-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-7-7-7-7;
}
.x-btn-plain-toolbar-small-tl {
  background-position: 0 -2px;
}
.x-btn-plain-toolbar-small-tr {
  background-position: right -3px;
}
.x-btn-plain-toolbar-small-bl {
  background-position: 0 -4px;
}
.x-btn-plain-toolbar-small-br {
  background-position: right -5px;
}
.x-btn-plain-toolbar-small-ml {
  background-position: 0 top;
}
.x-btn-plain-toolbar-small-mr {
  background-position: right top;
}
.x-btn-plain-toolbar-small-tc {
  background-position: 0 0;
}
.x-btn-plain-toolbar-small-bc {
  background-position: 0 -1px;
}
.x-btn-plain-toolbar-small-tr,
.x-btn-plain-toolbar-small-br,
.x-btn-plain-toolbar-small-mr {
  padding-right: 1px;
}
.x-btn-plain-toolbar-small-tl,
.x-btn-plain-toolbar-small-bl,
.x-btn-plain-toolbar-small-ml {
  padding-left: 1px;
}
.x-btn-plain-toolbar-small-tc {
  height: 1px;
}
.x-btn-plain-toolbar-small-bc {
  height: 1px;
}
.x-btn-plain-toolbar-small-mc {
  padding: 7px 7px 7px 7px;
}
.x-btn-plain-toolbar-small {
  border-color: transparent;
}
.x-btn-button-plain-toolbar-small {
  min-height: 16px;
}
.x-ie9m .x-btn-button-plain-toolbar-small {
  min-height: auto;
  height: 16px;
}
.x-btn-inner-plain-toolbar-small {
  font: 500 12px/16px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 5px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-plain-toolbar-small,
.x-ie9 .x-btn-icon-left > .x-btn-inner-plain-toolbar-small {
  max-width: calc(100% - 16px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-plain-toolbar-small,
.x-safari8m .x-btn-icon-left > .x-btn-inner-plain-toolbar-small {
  max-width: calc(100% - 15px);
}
.x-ie10p .x-btn-inner-plain-toolbar-small {
  max-width: none;
}
.x-btn-icon-el-plain-toolbar-small {
  font-size: 16px;
  height: 16px;
  color: #919191;
  line-height: 16px;
}
.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small,
.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
  width: 16px;
}
.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-small,
.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-small {
  min-width: 16px;
}
.x-ie8 .x-btn-icon-el-plain-toolbar-small.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-small {
  margin-right: 3px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-small {
  margin-left: 3px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-small {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-small {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-small {
  margin-right: 5px;
}
.x-btn-arrow-bottom > .x-btn-button-plain-toolbar-small,
.x-btn-split-bottom > .x-btn-button-plain-toolbar-small {
  padding-bottom: 7px;
}
.x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after {
  width: 18px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-small.x-btn-arrow-bottom:after {
  height: 12px;
  content: "\f0d7";
  font: 16px/12px FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-right > .x-btn-button {
  padding-right: 7px;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-right:after {
  width: 20px;
  content: "\f0d7";
  font: 16px/1 FontAwesome;
  color: #606060;
  padding-left: 7px;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-bottom {
  margin-bottom: -7px;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-small.x-btn-split-bottom:after {
  height: 20px;
  content: "\f0d7";
  font: 16px/20px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-small {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-small {
  margin-right: 5px;
}
.x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-plain-toolbar-small .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 27px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-plain-toolbar-small.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-plain-toolbar-small {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-plain-toolbar-small {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-plain-toolbar-small,
.x-btn.x-btn-pressed.x-btn-plain-toolbar-small {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-plain-toolbar-small {
  background-image: none;
  background-color: transparent;
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-br,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-small-mc {
  background-color: transparent;
}
.x-btn-over .x-btn-plain-toolbar-small-tl,
.x-btn-over .x-btn-plain-toolbar-small-bl,
.x-btn-over .x-btn-plain-toolbar-small-tr,
.x-btn-over .x-btn-plain-toolbar-small-br,
.x-btn-over .x-btn-plain-toolbar-small-tc,
.x-btn-over .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-over-corners.gif);
}
.x-btn-over .x-btn-plain-toolbar-small-ml,
.x-btn-over .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-over-sides.gif);
}
.x-btn-over .x-btn-plain-toolbar-small-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-small-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-bl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tr,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-br,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-tc,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-bc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-bl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-br,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-tc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-ml,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-mr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-ml,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-small-mc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-small-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-small-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-bl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tr,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-br,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-tc,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-ml,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-small-mc {
  background-color: transparent;
}
.x-nbr .x-btn-plain-toolbar-small {
  background-image: none;
}
.x-btn-disabled.x-btn-plain-toolbar-small {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-first
  .x-btn-plain-toolbar-small-mc {
  padding-right: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-middle
  .x-btn-plain-toolbar-small-mc {
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-last
  .x-btn-plain-toolbar-small-mc {
  padding-left: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-first
  .x-btn-plain-toolbar-small-mc {
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-middle
  .x-btn-plain-toolbar-small-mc {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-last
  .x-btn-plain-toolbar-small-mc {
  padding-top: 7px !important;
}
.x-nbr .x-segmented-button-item.x-btn-plain-toolbar-small:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-small.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-plain-toolbar-small:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-small.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-plain-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-plain-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-small:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-btn-plain-toolbar-medium {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 8px 8px 8px 8px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-plain-toolbar-medium-mc {
  background-color: transparent;
}
.x-nbr .x-btn-plain-toolbar-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-plain-toolbar-medium-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-8-8-8-8;
}
.x-btn-plain-toolbar-medium-tl {
  background-position: 0 -2px;
}
.x-btn-plain-toolbar-medium-tr {
  background-position: right -3px;
}
.x-btn-plain-toolbar-medium-bl {
  background-position: 0 -4px;
}
.x-btn-plain-toolbar-medium-br {
  background-position: right -5px;
}
.x-btn-plain-toolbar-medium-ml {
  background-position: 0 top;
}
.x-btn-plain-toolbar-medium-mr {
  background-position: right top;
}
.x-btn-plain-toolbar-medium-tc {
  background-position: 0 0;
}
.x-btn-plain-toolbar-medium-bc {
  background-position: 0 -1px;
}
.x-btn-plain-toolbar-medium-tr,
.x-btn-plain-toolbar-medium-br,
.x-btn-plain-toolbar-medium-mr {
  padding-right: 1px;
}
.x-btn-plain-toolbar-medium-tl,
.x-btn-plain-toolbar-medium-bl,
.x-btn-plain-toolbar-medium-ml {
  padding-left: 1px;
}
.x-btn-plain-toolbar-medium-tc {
  height: 1px;
}
.x-btn-plain-toolbar-medium-bc {
  height: 1px;
}
.x-btn-plain-toolbar-medium-mc {
  padding: 8px 8px 8px 8px;
}
.x-btn-plain-toolbar-medium {
  border-color: transparent;
}
.x-btn-button-plain-toolbar-medium {
  min-height: 20px;
}
.x-ie9m .x-btn-button-plain-toolbar-medium {
  min-height: auto;
  height: 20px;
}
.x-btn-inner-plain-toolbar-medium {
  font: 500 14px/18px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 8px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-plain-toolbar-medium,
.x-ie9 .x-btn-icon-left > .x-btn-inner-plain-toolbar-medium {
  max-width: calc(100% - 20px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-plain-toolbar-medium,
.x-safari8m .x-btn-icon-left > .x-btn-inner-plain-toolbar-medium {
  max-width: calc(100% - 19px);
}
.x-ie10p .x-btn-inner-plain-toolbar-medium {
  max-width: none;
}
.x-btn-icon-el-plain-toolbar-medium {
  font-size: 20px;
  height: 20px;
  color: #919191;
  line-height: 20px;
}
.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-medium,
.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-medium {
  width: 20px;
}
.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-medium,
.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-medium {
  min-width: 20px;
}
.x-ie8 .x-btn-icon-el-plain-toolbar-medium.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-medium {
  margin-right: 0px;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-medium {
  margin-left: 0px;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-medium {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-medium {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-medium {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-medium {
  margin-right: 8px;
}
.x-btn-arrow-bottom > .x-btn-button-plain-toolbar-medium,
.x-btn-split-bottom > .x-btn-button-plain-toolbar-medium {
  padding-bottom: 8px;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-arrow-right:after {
  width: 20px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-arrow-bottom:after {
  height: 14px;
  content: "\f0d7";
  font: 20px/14px FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-right > .x-btn-button {
  padding-right: 8px;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-right:after {
  width: 26px;
  content: "\f0d7";
  font: 20px/1 FontAwesome;
  color: #606060;
  padding-left: 8px;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-bottom {
  margin-bottom: -8px;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-medium.x-btn-split-bottom:after {
  height: 24px;
  content: "\f0d7";
  font: 20px/24px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-medium {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-medium {
  margin-right: 8px;
}
.x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-medium {
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-plain-toolbar-medium .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-plain-toolbar-medium.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-plain-toolbar-medium {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-plain-toolbar-medium {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-plain-toolbar-medium,
.x-btn.x-btn-pressed.x-btn-plain-toolbar-medium {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-medium {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-plain-toolbar-medium {
  background-image: none;
  background-color: transparent;
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-medium-mc {
  background-color: transparent;
}
.x-btn-over .x-btn-plain-toolbar-medium-tl,
.x-btn-over .x-btn-plain-toolbar-medium-bl,
.x-btn-over .x-btn-plain-toolbar-medium-tr,
.x-btn-over .x-btn-plain-toolbar-medium-br,
.x-btn-over .x-btn-plain-toolbar-medium-tc,
.x-btn-over .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-over-corners.gif);
}
.x-btn-over .x-btn-plain-toolbar-medium-ml,
.x-btn-over .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-over-sides.gif);
}
.x-btn-over .x-btn-plain-toolbar-medium-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-medium-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-bl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tr,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-br,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-tc,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-bc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-bl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-br,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-tc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-ml,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-mr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-ml,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-medium-mc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-medium-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-medium-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-medium-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-bl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tr,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-br,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-tc,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-corners.gif);
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-ml,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-sides.gif);
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-medium-mc {
  background-color: transparent;
}
.x-nbr .x-btn-plain-toolbar-medium {
  background-image: none;
}
.x-btn-disabled.x-btn-plain-toolbar-medium {
    opacity: 0.5;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-first {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-first
  .x-btn-plain-toolbar-medium-mc {
  padding-right: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-middle {
  border-right-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-middle
  .x-btn-plain-toolbar-medium-mc {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-last
  .x-btn-plain-toolbar-medium-mc {
  padding-left: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-first {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-first
  .x-btn-plain-toolbar-medium-mc {
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-middle {
  border-bottom-width: 1px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-middle
  .x-btn-plain-toolbar-medium-mc {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-last
  .x-btn-plain-toolbar-medium-mc {
  padding-top: 8px !important;
}
.x-nbr .x-segmented-button-item.x-btn-plain-toolbar-medium:after {
  content: " ";
  border-style: solid;
  border-width: 0;
  position: absolute;
}
.x-nbr .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium:after {
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-first:after {
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-horizontal.x-btn-plain-toolbar-medium.x-segmented-button-last:after {
  right: 1px;
}
.x-nbr .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium:after {
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-first:after {
  top: 1px;
}
.x-nbr
  .x-segmented-button-item-vertical.x-btn-plain-toolbar-medium.x-segmented-button-last:after {
  bottom: 1px;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-plain-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-plain-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-medium:after,
.x-keyboard-mode
  .x-nbr
  .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-medium:after {
  border-width: 1px;
  border-color: #5aaed4;
}
.x-btn-plain-toolbar-large {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 9px 9px 9px 9px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-plain-toolbar-large-mc {
  background-color: transparent;
}
.x-nbr .x-btn-plain-toolbar-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.x-btn-plain-toolbar-large-frameInfo {
  font-family: th-1-1-1-1-1-1-1-1-9-9-9-9;
}
.x-btn-plain-toolbar-large-tl {
  background-position: 0 -2px;
}
.x-btn-plain-toolbar-large-tr {
  background-position: right -3px;
}
.x-btn-plain-toolbar-large-bl {
  background-position: 0 -4px;
}
.x-btn-plain-toolbar-large-br {
  background-position: right -5px;
}
.x-btn-plain-toolbar-large-ml {
  background-position: 0 top;
}
.x-btn-plain-toolbar-large-mr {
  background-position: right top;
}
.x-btn-plain-toolbar-large-tc {
  background-position: 0 0;
}
.x-btn-plain-toolbar-large-bc {
  background-position: 0 -1px;
}
.x-btn-plain-toolbar-large-tr,
.x-btn-plain-toolbar-large-br,
.x-btn-plain-toolbar-large-mr {
  padding-right: 1px;
}
.x-btn-plain-toolbar-large-tl,
.x-btn-plain-toolbar-large-bl,
.x-btn-plain-toolbar-large-ml {
  padding-left: 1px;
}
.x-btn-plain-toolbar-large-tc {
  height: 1px;
}
.x-btn-plain-toolbar-large-bc {
  height: 1px;
}
.x-btn-plain-toolbar-large-mc {
  padding: 9px 9px 9px 9px;
}
.x-btn-plain-toolbar-large {
  border-color: transparent;
}
.x-btn-button-plain-toolbar-large {
  min-height: 24px;
}
.x-ie9m .x-btn-button-plain-toolbar-large {
  min-height: auto;
  height: 24px;
}
.x-btn-inner-plain-toolbar-large {
  font: 500 16px/20px "Helvetica Neue", helvetica, arial, verdana,
    sans-serif ;
  color: #606060;
  padding: 0 10px;
  max-width: 100%;
}
.x-ie9 .x-btn-icon-right > .x-btn-inner-plain-toolbar-large,
.x-ie9 .x-btn-icon-left > .x-btn-inner-plain-toolbar-large {
  max-width: calc(100% - 24px);
}
.x-safari8m .x-btn-icon-right > .x-btn-inner-plain-toolbar-large,
.x-safari8m .x-btn-icon-left > .x-btn-inner-plain-toolbar-large {
  max-width: calc(100% - 23px);
}
.x-ie10p .x-btn-inner-plain-toolbar-large {
  max-width: none;
}
.x-btn-icon-el-plain-toolbar-large {
  font-size: 24px;
  height: 24px;
  color: #919191;
  line-height: 24px;
}
.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-large,
.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-large {
  width: 24px;
}
.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-large,
.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-large {
  min-width: 24px;
}
.x-ie8 .x-btn-icon-el-plain-toolbar-large.x-btn-glyph {
  color: #919191;
}
.x-btn-text.x-btn-icon-left > .x-btn-icon-el-plain-toolbar-large {
  margin-right: 0;
}
.x-btn-text.x-btn-icon-right > .x-btn-icon-el-plain-toolbar-large {
  margin-left: 0;
}
.x-btn-text.x-btn-icon-top > .x-btn-icon-el-plain-toolbar-large {
  margin-bottom: 8px;
}
.x-btn-text.x-btn-icon-bottom > .x-btn-icon-el-plain-toolbar-large {
  margin-top: 8px;
}
.x-btn-arrow-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-large {
  padding-right: 8px;
}
.x-btn-arrow-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-large {
  margin-right: 10px;
}
.x-btn-arrow-bottom > .x-btn-button-plain-toolbar-large,
.x-btn-split-bottom > .x-btn-button-plain-toolbar-large {
  padding-bottom: 9px;
}
.x-btn-wrap-plain-toolbar-large.x-btn-arrow-right:after {
  width: 22px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-large.x-btn-arrow-bottom:after {
  height: 16px;
  content: "\f0d7";
  font: 24px/16px FontAwesome;
  color: #606060;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-right > .x-btn-button {
  padding-right: 9px;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-right > .x-btn-button:after {
  border-right: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-right:after {
  width: 32px;
  content: "\f0d7";
  font: 24px/1 FontAwesome;
  color: #606060;
  padding-left: 9px;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-bottom {
  margin-bottom: -9px;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-bottom > .x-btn-button:after {
  border-bottom: 1px solid #e4e4e4;
}
.x-btn-wrap-plain-toolbar-large.x-btn-split-bottom:after {
  height: 28px;
  content: "\f0d7";
  font: 24px/28px FontAwesome;
  color: #606060;
}
.x-btn-split-right
  > .x-btn-icon.x-btn-no-text.x-btn-button-plain-toolbar-large {
  padding-right: 8px;
}
.x-btn-split-right
  > .x-btn-text.x-btn-icon-right
  > .x-btn-icon-el-plain-toolbar-large {
  margin-right: 10px;
}
.x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-large {
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn-plain-toolbar-large .x-btn-arrow-el {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 41px;
  pointer-events: none;
}
.x-keyboard-mode .x-btn-plain-toolbar-large.x-arrow-focus .x-btn-arrow-el {
  border: 1px solid #5aaed4;
}
.x-btn-over.x-btn-plain-toolbar-large {
  border-color: #dbdbdb;
  background-image: none;
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-plain-toolbar-large {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-menu-active.x-btn-plain-toolbar-large,
.x-btn.x-btn-pressed.x-btn-plain-toolbar-large {
  border-color: #d2d2d2;
  background-image: none;
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-plain-toolbar-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-large {
  -webkit-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  -moz-box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
  box-shadow: #5aaed4 0 1px 0px 0 inset, #5aaed4 0 -1px 0px 0 inset,
    #5aaed4 -1px 0 0px 0 inset, #5aaed4 1px 0 0px 0 inset;
}
.x-btn.x-btn-disabled.x-btn-plain-toolbar-large {
  background-image: none;
  background-color: transparent;
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-br,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-corners.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-sides.gif);
}
.x-keyboard-mode .x-btn-focus .x-btn-plain-toolbar-large-mc {
  background-color: transparent;
}
.x-btn-over .x-btn-plain-toolbar-large-tl,
.x-btn-over .x-btn-plain-toolbar-large-bl,
.x-btn-over .x-btn-plain-toolbar-large-tr,
.x-btn-over .x-btn-plain-toolbar-large-br,
.x-btn-over .x-btn-plain-toolbar-large-tc,
.x-btn-over .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-over-corners.gif);
}
.x-btn-over .x-btn-plain-toolbar-large-ml,
.x-btn-over .x-btn-plain-toolbar-large-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-over-sides.gif);
}
.x-btn-over .x-btn-plain-toolbar-large-mc {
  background-color: #ececec;
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-over-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-over-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-plain-toolbar-large-mc {
  background-color: #ececec;
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-bl,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tr,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-br,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-tc,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-bc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-bl,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-br,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-tc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-corners.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-ml,
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-mr,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-ml,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-sides.gif);
}
.x-btn.x-btn-menu-active .x-btn-plain-toolbar-large-mc,
.x-btn.x-btn-pressed .x-btn-plain-toolbar-large-mc {
  background-color: #e2e2e2;
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-bc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-bl,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-br,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-tc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-pressed-corners.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-mr,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-ml,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-pressed-sides.gif);
}
.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-plain-toolbar-large-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-plain-toolbar-large-mc {
  background-color: #e2e2e2;
}
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-bl,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tr,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-br,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-tc,
.x-btn.x-btn-disabled .x-btn-plain-toolbar-large-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-disabled-corners.gif);
}
.x-toolbar-tools {
  background-color: #f5f5f5;
  background-image: none;
  border-color: #767676;
  box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.2) inset;
}
.x-toolbar-tools .x-title {
  color: #333;
}
.x-toolbar-flat {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.x-button .x-button-el {
  opacity: 0;
  outline: none;
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}
.x-button-flat {
  color: #f0f0f0;
}
.x-button-flat .x-inner-el {
  border-width: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.x-button-flat .x-icon-el {
  color: #f0f0f0;
}
.x-button-flat .x-arrow-el {
  color: #f0f0f0;
}
.x-button-flat.x-hovered {
  color: #f0f0f0;
}
.x-button-flat.x-hovered .x-inner-el {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.x-button-flat.x-hovered .x-icon-el {
  color: #f0f0f0;
}
.x-button-flat.x-hovered .x-arrow-el {
  color: #f0f0f0;
}
.x-button-flat.x-pressing,
.x-button-flat.x-pressed {
  color: #f0f0f0;
}
.x-button-flat.x-pressing .x-inner-el,
.x-button-flat.x-pressed .x-inner-el {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.x-button-flat.x-pressing .x-icon-el,
.x-button-flat.x-pressed .x-icon-el {
  color: #f0f0f0;
}
.x-button-flat.x-pressing .x-arrow-el,
.x-button-flat.x-pressed .x-arrow-el {
  color: #f0f0f0;
}
.x-keyboard-mode .x-button-flat.x-focused:after {
  border-color: rgba(240, 240, 240, 0.8);
}
/* Navigation */
 .navigationTabPanel .x-tab-bar-default-top {
    background : transparent;
    background-image: none !important;
}
.navigationTabPanel .x-tab-bar-default-top {
    border-width: 0;
    /* fix for border top */
}
.navigationTabPanel .x-tab-bar-body a {
    background-image: none !important;
    box-shadow: none;
    border: 0;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    padding: 10px 25px 0;
}
.navigationTabPanel .x-tab-bar-body .x-table-plain td {
    background : transparent !important;
    background-image: none !important;
}
.navigationTabPanel .x-tab-bar-body .x-tab-default-top-active {
    background :  #f7fafc !important;
    border-color: #ffffff !important;
    border-width: 1px 1px 0 1px !important;
    border-style: solid;
}
.navigationTabPanel .x-tab.x-tab-active.x-tab-default {
  background :  #f7fafc !important;
}

.navigationTabPanel .x-tab-bar-body .x-tab-default-top {
    background :#c4c4c4 ;
}
.navigationTabPanel .x-tab-bar-body-default-top {
    padding-bottom :0;
}
.navigationTabPanel .x-tab-default-top {
    border-bottom : 0;
}
/* change the height of tabs */
 .navigationTabPanel .x-tab-bar-strip {
    display : none !important;
    /* no border between */
}
.navigationTabPanel .x-tab-bar .x-tab-bar-body {
    height: 37px !important;
    /* default is 23 */
    border: 0 !important;
}
.navigationTabPanel .x-tab-bar .x-tab-bar-body .x-box-inner {
    height: 35px !important;
    /* default is 21 */
}
.navigationTabPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 35px !important;
    box-shadow: none;
    /* default is 21 */
}
.navigationTabPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {
    height: 37px !important;
    line-height: 37px !important;
}
.navigationTabPanel .x-tab-center {
    margin-top: -10px;
}
.navigationTabPanelBody {
    background : #f7fafc;
    border-color: #ffffff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    padding : 20px 10px 10px;
}
.navigationTabPanelBody .x-panel-body-default {
    background : transparent;
}
.wordWrap {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}

.triangle-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid red;
  border-bottom: 20px solid transparent;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}