.x-mask-msg .slick-loading-color.x-mask-msg-text {
  padding: 6px 5px 5px 50px;
  margin-left: 0;
  line-height: 50px;
}
html.notice-html > body.notice-body {
  overflow-y: visible !important;
  overflow: visible !important;
  position: absolute !important;
}
.notice-mask {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}
.notice-container {
  position: absolute;
  z-index: 2;
  left: 50%;
  height: 0;
}
.notice-container > div.notice {
  min-height: 32px;
  padding: 8px 8px;
  cursor: default;
  font-weight: bold;
  position: relative;
  left: -50%;
  top: -4px;
  border-radius: 4px;
  color: #000;
  font-size: 13px;
  line-height: 17px;
  font-family: 'OpenSans Regular', helvetica, sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.notice-container > div.notice.notice-clickable {
  cursor: pointer;
}
.notice-container > div.notice.notice-info {
  background-color: #f4d03f;
}
.notice-container > div.notice.notice-warn {
  background-color: #ff7800;
}
.notice-container > div.notice.notice-error {
  background-color: #ef4836;
}
pre.error-stack {
  background-color: #e8e8e8;
  margin-top: 10px;
  padding: 10px 15px;
}
.zindex-base {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #fff;
}
.zindex-hidden {
  z-index: -2 !important;
}
.x-dd-drag-ghost,
.x-body,
.x-mask-msg-inner,
.x-progress-default .x-progress-default .x-progress-text,
.x-toolbar-text-default,
.x-toolbar-text-footer,
.x-panel-header-title-default,
.x-panel-body-default,
.x-panel-header-title-default-framed,
.x-panel-body-default-framed,
.x-form-item-label-default,
.x-form-item-text-default,
.x-form-invalid-under-default,
.x-form-display-field-default,
.x-grid-item,
.x-form-cb-label-default,
.x-column-header,
.x-form-text-default,
.x-btn-inner-default-small,
.x-btn-inner-default-medium,
.x-btn-inner-default-large,
.x-btn-inner-default-toolbar-small,
.x-btn-inner-default-toolbar-medium,
.x-btn-inner-default-toolbar-large,
.x-tab-inner-default,
.x-window-body-default,
.x-window-header-title-default,
.x-btn-group-header-text-container-default,
.x-btn-group-header-text-container-default-framed,
.x-fieldset-header-default .x-fieldset-header-default > .x-fieldset-header-text,
.x-boundlist-item,
.x-datepicker-column-header,
.x-datepicker-date,
.x-monthpicker-item,
.x-html-editor-wrap textarea,
.x-btn-inner-grid-cell-small,
.x-grid-group-title,
.x-grid-rowbody,
.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody,
.x-menu-item-text-default,
.x-accordion-hd .x-panel-header-title,
.x-panel-header-title-light,
.x-panel-body-light,
.x-panel-header-title-light-framed,
.x-panel-body-light-framed {
  font-family: 'Roboto', sans-serif;
}
.font-code {
  font-family: 'Courier';
}
.font-code-md-window-link {
  cursor: pointer;
  text-decoration: underline;
}
.font-code-string {
  color: #008000;
}
.font-code-boolean {
  color: #800080;
  font-weight: bold;
}
.font-code-null {
  font-weight: bold;
}
.font-code-undefined {
  color: #808080;
  font-style: italic;
}
.font-code-different-value {
  background-color: #f4d03f;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'SupplyStackFontIcons', sans-serif !important;
}
.icon-NA:before {
  font-family: 'Roboto', sans-serif;
  content: 'N/A';
  font-size: 80%;
}
pre {
  font-family: 'Droid Sans Mono', Consolas, Courier, monospace;
  font-size: 11px;
  line-height: 11px;
  padding: 0;
  margin: 0;
}
iframe {
  border: none;
}
body {
  background-color: #fff !important;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #bdbdbd #fdfdfd;
}
*::-webkit-scrollbar {
  width: 1.2em;
  height: 1.2em;
}
*::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border-radius: 0;
}
*::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}
*::-webkit-scrollbar-track {
  background: #fdfdfd;
  border-radius: 0;
}
body > .x-mask {
  background-color: #000;
  opacity: 0.25;
}
.x-mask {
  background-color: rgba(239,239,239,0.4);
}
.grid-form .x-mask {
  right: 16px;
  left: inherit;
}
.font-normal,
.font-normal .x-btn-inner-default-small {
  font-weight: normal;
}
.x-viewport,
.x-viewport body {
  width: 100%;
}
.x-btn-icon-el-default-small {
  color: inherit;
}
.ficon-hover:hover {
  color: #e4b009;
}
.ficon-white {
  color: #fff;
}
.ficon-black {
  color: #000;
}
.ficon-grey {
  color: #706f6e;
}
.ficon-grey-light {
  color: #d8d8d8;
}
.ficon-dkgrey {
  color: #706f6e;
}
.ficon-ltgrey {
  color: #f5f5f5;
}
.ficon-normal {
  color: #f6c321;
}
.ficon-default {
  color: #444;
}
.ficon-accent {
  color: #e4b009;
}
.ficon-blue {
  color: #12baf3 !important;
}
.ficon-green {
  color: #00ceb4 !important;
}
.ficon-orange {
  color: #f7931e !important;
}
.ficon-pink {
  color: #f810e8 !important;
}
.ficon-purple {
  color: #800080 !important;
}
.ficon-red {
  color: #ed1c24 !important;
}
.ficon-success {
  color: #3ba540 !important;
}
.ficon-check-true {
  color: #60a060;
}
.ficon-check-false {
  color: #a06060;
}
.ficon-fg-normal {
  color: #fff;
}
.ficon-fg-normal-light {
  color: #000;
}
.ficon-fg-normal-right {
  color: #fff;
}
.ficon-fg-accent {
  color: #fff;
}
.ficon-fg-accent-light {
  color: #000;
}
.ficon-fg-subdued {
  color: #fff;
}
.ficon-fg-subdued-light {
  color: #000;
}
[class^="ficon-span-"],
[class*=" ficon-span-"] {
  cursor: default;
  display: inline-block;
  text-align: center;
}
.ficon-span-12 {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.ficon-span-14 {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.ficon-span-16 {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.ficon-span-20 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.ficon-span-24 {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
.ficon-span-32 {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.ficon-span-40 {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.ficon-span-48 {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}
.ficon-span-64 {
  width: 64px;
  height: 64px;
  font-size: 64px;
  line-height: 64px;
}
.ficon-span-96 {
  width: 96px;
  height: 96px;
  font-size: 96px;
  line-height: 96px;
}
.ficon-button-96 {
  width: 120px !important;
  height: 96px !important;
  font-size: 96px;
  line-height: 96px;
}
.ficon-12 {
  font-size: 12px;
  line-height: 12px;
}
.ficon-16 {
  font-size: 16px;
  line-height: 16px;
}
.ficon-tab-16 {
  font-size: 16px;
  line-height: 14px !important;
}
.ficon-17 {
  font-size: 18px;
  line-height: 13px;
}
.ficon-18 {
  font-size: 20px;
  line-height: 13px;
}
.ficon-20 {
  font-size: 20px;
  line-height: 20px;
}
.ficon-22 {
  font-size: 22px;
  line-height: 22px;
}
.ficon-24 {
  font-size: 24px;
  line-height: 24px;
}
.ficon-64 {
  font-size: 64px;
  line-height: 64px;
}
.ficon-72 {
  font-size: 72px;
  line-height: 72px;
}
.ficon-96 {
  font-size: 96px;
  line-height: 96px;
}
.ficon-128 {
  font-size: 128px;
  line-height: 128px;
}
.x-ie9 .ficon-16,
.x-ie10 .ficon-16 {
  line-height: 18px;
}
.x-ie9 .ficon-20,
.x-ie10 .ficon-20 {
  line-height: 24px;
}
.x-ie9 .ficon-22,
.x-ie10 .ficon-22 {
  line-height: 26px;
}
.x-ie9 .ficon-24,
.x-ie10 .ficon-24 {
  line-height: 29px;
}
.x-ie9 .ficon-span-16,
.x-ie10 .ficon-span-16 {
  line-height: 18px;
}
.x-ie9 .ficon-span-20,
.x-ie10 .ficon-span-20 {
  line-height: 24px;
}
.x-ie9 .ficon-span-24,
.x-ie10 .ficon-span-24 {
  line-height: 29px;
}
.ficon-hidden {
  color: transparent;
}
.ficon-action {
  cursor: pointer;
}
.ficon-action:before,
.ficon-action:after {
  cursor: pointer;
}
.ficon-action:hover {
  color: #e4b009;
}
.ficon-accent.icon-cancel:before {
  background-color: #fff;
  border-radius: 10px;
}
.ux-iconcombo-icon .flag {
  height: 11px !important;
}
.hover-icon-show:hover .icon {
  visibility: visible;
  padding: 5px;
}
.hover-icon-show .icon {
  visibility: hidden;
  cursor: pointer;
}
.avatar.x-btn-default-small {
  border-radius: 128px;
  border-color: #d3d3d3;
  margin: 6px;
  padding: 0;
}
.avatar .x-btn-icon-el {
  width: 128px;
  height: 128px;
  background: #f9f9f9;
  background-size: cover;
}
.avatar-img {
  display: block;
  margin: 5px auto 10px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  background: #f9f9f9;
}
.handling-units-groups-btn-wrapper {
  display: flex;
  align-items: center;
}
.handling-units-groups-btn-wrapper .handling-units-groups-btn {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/handlingUnits/handling-unit-group-toggle.svg");
  height: 18px;
  width: 18px;
  cursor: pointer;
  margin: auto;
  transform: scaleY(-1);
}
.handling-units-groups-btn-wrapper.open .handling-units-groups-btn {
  transform: scaleY(1);
}
.shipping-unit-part {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/shippingUnits/shipping-unit-part.svg");
}
.shipping-unit-service {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/shippingUnits/shipping-unit-service.svg");
}
.shipping-unit-unit {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/shippingUnits/shipping-unit-unit.svg");
}
/* FONTAWESOME */
.bold {
  font-weight: bold;
}
.unbold {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.color-normal,
.text-normal {
  color: #f6c321;
}
.color-accent,
.text-accent {
  color: #e4b009;
}
.color-white,
.text-white {
  color: #fff;
}
.color-grey,
.text-grey {
  color: #706f6e;
}
.color-black,
.text-black {
  color: #000;
}
.color-blue,
.text-blue {
  color: #12baf3;
}
.color-red,
.text-red {
  color: #ed1c24;
}
.color-yellow,
.text-yellow {
  color: #ff0;
}
.color-orange,
.text-orange {
  color: #f7931e;
}
.color-green,
.text-green {
  color: #00ceb4;
}
.cursor-help {
  cursor: help;
}
.cursor-pointer {
  cursor: pointer;
}
.button-16 {
  display: inline-block;
  height: 22px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border: 1px solid #000;
  border-radius: 3px;
  cursor: pointer;
}
.button-16:hover {
  border-color: #00f;
}
.picto-action {
  cursor: pointer;
}
.picto-action-column {
  margin: 2px 0 0 2px;
}
.picto-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-8-16 {
  display: inline-block;
  width: 8px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-20 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-64 {
  width: 64px !important;
  height: 64px !important;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-96 {
  width: 96px !important;
  height: 96px !important;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-128 {
  width: 128px !important;
  height: 128px !important;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.picto-label-16 {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  height: 22px;
  line-height: 24px;
  padding-left: 20px;
}
.picto-8-8 {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.action-icon-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.picto {
  background-size: 100% 100%;
}
.status-empty {
  border: 1px solid #d0d0d0;
  background-cclienolor: #fff;
}
.status-white {
  border: 1px solid #808080;
  background-color: #fff;
}
.status-grey {
  border: 1px solid #808080;
  background-color: #c0c0c0;
}
.status-purple {
  border: 1px solid #551a8b;
  background-color: #912cee;
}
.status-blue {
  border: 1px solid #8080ff;
  background-color: #b0b0ff;
}
.status-red {
  border: 1px solid #ff8080;
  background-color: #ffb0b0;
}
.status-orange {
  border: 1px solid #f98629;
  background-color: #f98629;
}
.status-green {
  border: 1px solid #80ff80;
  background-color: #b0ffb0;
}
.status-ok {
  border: 1px solid #80ff80;
  background-color: #b0ffb0;
}
.status-nok {
  border: 1px solid #ff8080;
  background-color: #ffb0b0;
}
.status-square-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 1px;
}
.status-square-12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 1px;
}
.status-circle-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 1px;
}
.status-circle-10 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 1px;
}
.status-circle-12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 1px;
}
.status-label {
  display: inline-block;
  margin: 0 0 5px 1px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  color: #404040;
}
.x-grid-rowbody.milestoneExpander {
  padding: 26px 0 28px 0;
  overflow-x: auto;
  background-color: #fff;
  border-top: 1px solid #c1ccd7;
}
.status-none {
  border: 1px solid #cbd0d9;
  background-color: #fff;
  color: #a5aab3;
}
.status-missing {
  border: 1px solid #a5aab3;
  background-color: #f4f4f4;
  color: #5a5d63;
}
.status-is_early {
  border: 1px solid #4c9dd9;
  background-color: #d3f0fd;
  color: #2671a8;
}
.status-incoming {
  border: 1px solid #4c9dd9;
  background-color: #fff;
  color: #2671a8;
}
.status-is_done {
  border: 1px solid #8bd47c;
  background-color: #f1ffee;
  color: #679a5c;
}
.status-is_ontime {
  border: 1px solid #74bb65;
  background-color: #ccf8c3;
  color: #567e4d;
}
.status-warning {
  border: 1px solid #ffb03f;
  background-color: #ffecd0;
  color: #ff9600;
}
.status-overtime {
  border: 1px solid #da5454;
  background-color: #fff;
  color: #c81103;
}
.status-is_late {
  border: 1px solid #da5454;
  background-color: #ffcbcb;
  color: #c81103;
}
.status-cancelled {
  border: 1px solid #da5454;
  background-color: #f2f3f4;
  color: #5a5d63;
}
.status-finished {
  border: 1px solid #8bd47c;
  background-color: #f1ffee;
  color: #679a5c;
}
.status-arrived {
  border: 1px solid #8bd47c;
  background-color: #f1ffee;
  color: #679a5c;
}
.plain-table,
.plain-table tbody,
.plain-table tr,
.plain-table td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.spacer-20 {
  display: inline-block;
  width: 40px;
}
.leaflet-map {
  position: absolute;
  z-index: 1000;
  left: 200px;
  top: 200px;
  width: 200px;
  height: 200px;
  background-color: #000;
}
.unselectable {
  -webkit-user-select: none /* Chrome/Safari */;
  -moz-user-select: none /* Firefox */;
  -ms-user-select: none /* IE10+ */;
/* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.table-details {
  min-width: 200px;
}
.table-details td {
  line-height: 14px;
  font-size: 12px;
  vertical-align: top;
}
.table-details td:last-child {
  padding: 1px 1px 1px 10px;
}
.table-details .minimap > div {
  width: 275px;
  height: 275px;
  background-color: #000;
}
/******************************************************************************/
.slick-divider {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #f6c321;
}
.x-btn:hover .ficon-hover.fpicto-24 {
  font-size: 26px;
  line-height: 26px;
}
.x-btn:hover .ficon-hover.ficon-white {
  color: #e4b009;
}
.x-gecko .x-btn-icon-el.ficon-16 {
  line-height: 15px;
}
.module-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding-left: 13px;
  vertical-align: middle;
  width: 16px;
}
.slick-btn-decline {
  background-color: #ffb0b0 !important;
}
.slick-btn-confirm {
  background-color: #b0ffb0 !important;
}
.slick-textarea .x-form-text-default.x-form-textarea {
  resize: vertical;
  min-height: 40px;
}
.slick-grid-button {
  margin: 0;
  padding: 0;
  font-size: 12px;
  border: 1px solid #706f6e;
}
.slick-grid-button:hover {
  background-color: #f6c321;
  color: #fff;
}
.slick-grid-button:active {
  background-color: #e4b009;
  color: #fff;
}
.flo-info {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-info.svg");
}
.flo-spot {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-spot.svg");
}
.flo-help {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-help.svg");
}
.flo-search {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-search.svg");
}
.flo-loading {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-loading.svg");
}
.flo-disconnected {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-disconnected.svg");
}
.flo-warning {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-warning.svg");
}
.flo-error {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-error.svg");
}
.flo-success {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-success.svg");
}
.flo-question {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/img/flo/flo-question.svg");
}
.tip-flo {
  height: 206px;
  padding-top: 50px;
}
.tip-flo .icon {
  height: 104px;
  width: 84px;
  display: inline-block;
  vertical-align: top;
}
.tip-flo .message {
  display: inline-block;
  background: #ebedf1;
  border-radius: 13px;
  padding: 14px 10px 15px 5px;
  height: 64px;
  width: 477px;
  text-align: left;
  margin: 10px 24px;
  box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.3), 0 0.0625rem 0.125rem rgba(0,0,0,0.2);
}
.tip-flo .message:before {
  content: '';
  display: block;
  position: relative;
  float: left;
  background: #ebedf1;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  top: 10px;
  left: -16px;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-right: none;
  border-top: none;
}
.allFloTable {
  width: 100%;
}
.allFloTable th {
  font-size: 200%;
  background: #ffd82d;
}
.allFloTable td {
  text-align: center;
}
.allFloTable .flo {
  height: 252px;
  width: 210px;
  display: inline-block;
}
.flo-info-msg {
  text-align: center;
}
.flo-info-msg .flo-info {
  display: inline-block;
  width: 122px;
  height: 150px;
  margin-top: 50px;
}
.flo-info-msg .info-msg {
  font-size: 18px;
  line-height: 20px;
  margin: 30px auto;
  max-width: 490px;
}
.x-btn.badge-btn {
  overflow: visible;
}
.slick-btn-badge {
  z-index: 2;
  overflow: hidden;
  position: absolute;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  font-weight: bold;
}
.slick-btn-badge.slick-btn-badge-nw {
  left: -5px;
  top: -3px;
}
.slick-btn-badge.slick-btn-badge-ne {
  right: -10px;
  top: -3px;
}
.slick-btn-badge.slick-btn-badge-se {
  right: -10px;
  bottom: -3px;
}
.slick-btn-badge.slick-btn-badge-sml {
  height: 15px;
  border-radius: 7.5px;
  font-size: 11px;
  line-height: 16px;
  padding: 0 5px 0 5px;
}
.slick-btn-badge.slick-btn-badge-sml.slick-btn-badge-e {
  top: 12px;
  right: 10px;
}
.slick-btn-badge.slick-btn-badge-med {
  width: 24px;
  height: 24px;
  line-height: 25px;
  border-radius: 12px;
  font-size: 12px;
}
.slick-btn-badge.slick-btn-badge-med.slick-btn-badge-e {
  top: 6px;
  margin-left: 2px;
}
.slick-btn-badge.slick-btn-badge-down {
  right: -5px;
  bottom: -5px;
  left: auto;
  top: auto;
}
.slick-btn-badge.slick-color-normal {
  color: #000;
  background-color: #f6c321;
}
.slick-qtip-target {
  cursor: help;
}
.slick-qtip-target:hover {
  border-color: #e4b009;
}
.slick-qtip {
  border-spacing: 0;
  border-collapse: collapse;
}
.slick-qtip thead,
.slick-qtip tbody,
.slick-qtip tr,
.slick-qtip th,
.slick-qtip td {
  border-spacing: 0;
  border-collapse: collapse;
}
.slick-qtip td {
  padding: 1px;
  border-top: 1px dotted #d0d0d0;
}
.slick-qtip td:first-child {
  padding-right: 5px !important;
}
.slick-qtip .slick-qtip-header td {
  padding: 2px 1px 2px 1px;
  background-color: #f5f5f5;
  border-top-width: 0;
  border-bottom-width: 0;
  font-weight: bold;
}
.slick-qtip .slick-qtip-footer td {
  padding: 2px 1px 2px 1px;
  background-color: #f5f5f5;
  border-top-width: 0;
  border-bottom-width: 0;
}
.slick-tree-contacts .x-grid-cell-inner-treecolumn {
  padding: 1px 1px 1px 0;
}
.slick-tree-contacts .x-tree-node-text {
  line-height: 23px;
}
.slick-tree-contacts .selected-contacts .tag-wrap {
  margin: 2px;
  line-height: 24px;
  background: #e2e2e2;
  border-radius: 8px;
  padding: 2px 0 2px 5px;
  white-space: nowrap;
}
.slick-tree-contacts .selected-contacts .tag-wrap .tag-remove {
  font-size: 7px;
  font-weight: bold;
  padding: 0 4px 0 1px;
  display: inline-block;
  cursor: pointer;
}
.slick-tree-contacts .selected-contacts .tag-wrap .user-profile-image {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-bottom: -2px;
  border-radius: 50%;
}
.slick-tree-contacts .selected-contacts .tag-wrap.x-view-item-focused {
  background: #ccc;
  outline: none !important;
}
.x-grid-cell.cell-editable {
  cursor: pointer;
}
.x-grid-cell.cell-editable .x-grid-cell-inner {
  position: relative;
}
.x-grid-cell.cell-editable .x-grid-cell-inner .cell-triangle {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  border-color: transparent #f6c321 transparent;
  border-style: solid;
  border-width: 0 12px 12px 0;
}
.x-grid-cell.cell-editable .x-grid-cell-inner:hover .cell-triangle {
  display: inline-block;
}
.cell-triangle {
  position: relative;
  right: 0;
  top: 0;
  display: inline-block;
  width: 0;
  height: 0;
  background-color: transparent;
  border-color: transparent #f6c321 transparent;
  border-style: solid;
  border-width: 0 12px 12px 0;
}
.autogrid .x-column-header {
  border-left: 1px solid #c1c1c1;
  border-right-width: 0;
}
.autogrid .wizard-button {
  cursor: pointer;
  color: #007ac1;
  margin-left: 2px;
}
.gridstatus {
  border: none;
  background-color: transparent;
  font-weight: bold;
}
.gridstatus.grey {
  color: #a5aab3;
}
.gridstatus.red {
  color: #da291c;
}
.gridstatus.orange {
  color: #ff9600;
}
.gridstatus.green {
  color: #2cb944;
}
.gridstatus .grey {
  color: #a5aab3;
}
.gridstatus .red {
  color: #da291c;
}
.gridstatus .orange {
  color: #ff9600;
}
.gridstatus .green {
  color: #2cb944;
}
span.doc-stats-column {
  line-height: 24px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 14px;
}
.eta-status .eta-status-icon {
  vertical-align: middle;
}
.eta-status .gridstatus {
  border-radius: 10px;
  padding: 3px 10px;
  font-weight: normal;
  color: #707070;
  background-color: #ececec;
  padding: 2px 9px;
}
.eta-status .gridstatus.red {
  color: #ba000d;
  background-color: #fdd9d7;
}
.eta-status .gridstatus.orange {
  color: #c66900;
  background-color: #feeacc;
}
.eta-status .gridstatus.green {
  color: #4e7d16;
  background-color: #e8f3db;
}
.eta-status .gridstatus.blue {
  color: #007ac1;
  background-color: #cdeefd;
}
.package-identifier-stats {
  text-align: center;
}
.comfortable .eta-status .gridstatus {
  padding: 3px 10px;
}
.slick-boundlist.ETAMOStatus .checkbox,
.slick-boundlist.ETATOStatus .checkbox {
  margin-top: 3px;
}
.slick-boundlist.ETAMOStatus .item .text,
.slick-boundlist.ETATOStatus .item .text {
  border-radius: 10px;
  padding: 3px 10px;
  font-weight: normal;
  color: #707070;
  background-color: #ececec;
}
.slick-boundlist.ETAMOStatus .item .text.red,
.slick-boundlist.ETATOStatus .item .text.red {
  color: #ba000d;
  background-color: #fdd9d7;
}
.slick-boundlist.ETAMOStatus .item .text.orange,
.slick-boundlist.ETATOStatus .item .text.orange {
  color: #c66900;
  background-color: #feeacc;
}
.slick-boundlist.ETAMOStatus .item .text.green,
.slick-boundlist.ETATOStatus .item .text.green {
  color: #4e7d16;
  background-color: #e8f3db;
}
.slick-boundlist.ETAMOStatus .item .text.blue,
.slick-boundlist.ETATOStatus .item .text.blue {
  color: #007ac1;
  background-color: #cdeefd;
}
.autocrud :not(.secondary-panel) > .x-noborder-trl {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
.autocrud .slick-toolbar {
  background-color: #ebebeb;
}
.autocrud .slick-toolbar .x-toolbar-text {
  color: inherit;
}
.autocrud .slick-toolbar .x-toolbar-text.toolbarTitle {
  font-weight: 500;
  font-size: 16px;
}
.autocrud .x-grid .x-column-header-over {
  background-color: inherit;
}
.autocrud .x-grid .x-grid-header-ct {
  border: none;
}
.autocrud .x-grid .x-column-header {
  border: none;
  background-color: #fff;
}
.autocrud .x-grid .slick-filter:nth-last-child(2) .x-form-item-body .x-form-trigger-wrap {
  border-right-width: 1px;
}
.autocrud .x-grid .slick-filter .x-form-item-body .x-form-trigger-wrap {
  border-top-width: 1px;
}
.grid-row-fixed .grid-row-fixed-identifier .x-grid-cell-inner:before {
  content: '\e6ff';
  font-family: 'SupplyStackFontIcons';
  width: 16px;
  margin-right: 2px;
  color: #f7931e;
  font-weight: bold;
}
.grid-row-fixed .grid-row-fixed-identifier.x-grid-item-focused .x-grid-cell-inner {
  padding-left: 17px;
}
.grid-row-fixed .grid-row-fixed-identifier.x-grid-item-focused .x-grid-cell-inner:before {
  width: auto;
  padding-left: 2px;
}
.role-settings .role-button .icon-lock2 {
  color: #f7931e;
  font-weight: bold;
}
.tree-node-hide-icon .x-tree-icon {
  display: none;
}
.card-settings-form .columns > .x-box-inner > .x-box-target > div:not(:last-child) {
  border-right: 1px solid #cecece;
}
.card-settings-form .top-panel > .x-panel-header {
  border-top: none;
}
.card-settings-form .sub-panel > .x-panel-header {
  border: none;
  background: inherit;
}
.settings-form .x-form-cb-wrap {
  line-height: 20px;
}
.settings-form .x-form-cb-wrap .x-form-cb {
  height: 16px !important;
  margin-top: 2px;
}
.settings-form .x-form-type-radio.invalid .x-form-cb-label {
  animation: blink-invalid 1s linear infinite;
}
.settings-form .settings-subheader-subtle {
  background: #fff;
}
.settings-form .x-panel-header-default {
  padding: 4px 15px;
  border-top: none;
}
.overview-grid {
  border: 1px solid #e3e5ea;
}
.overview-grid.x-grid.invalid .emptyText {
  animation: blink-invalid 1s linear infinite;
}
.overview-grid.x-grid .x-column-header {
  background-color: #f7f8f9;
}
.overview-grid.x-grid .x-column-header .x-column-header-text {
  font-weight: bold;
}
.overview-grid.x-grid .x-grid-header-ct {
  border-bottom: 1px solid #e3e5ea;
}
.settings-fieldset .x-form-cb-wrap {
  line-height: 20px;
}
.settings-fieldset .x-form-cb-wrap .x-form-cb {
  margin-top: 2px;
}
.settings-fieldset .x-form-item {
  margin-bottom: 3px;
}
.settings-fieldset .x-autocontainer-innerCt {
  padding-right: 0 !important;
}
.settings-grid {
  border: 1px solid #cfcfcf;
}
.settings-grid.x-grid .x-panel-header-default {
  border-width: 0 0 1px 0;
}
.settings-grid.x-grid.invalid .emptyText {
  animation: blink-text-invalid 1s linear infinite;
}
.settings-grid.x-grid .x-column-header {
  background-color: #f7f8f9;
}
.settings-grid.x-grid .x-column-header .x-column-header-text {
  font-weight: bold;
}
.settings-grid.x-grid .x-grid-header-ct {
  border-bottom: 1px solid #cfcfcf;
}
.settings-grid.transsmart-formulas-settings-grid .transsmart-formula-grid-if-then-cell,
.settings-grid.transsmart-formulas-settings-grid .transsmart-formula-grid-if-then-cell-input input[type='text'] {
  font-family: monospace;
}
.settings-subheader {
  border-bottom: 1px solid #f6c321;
  font-size: 12px;
  font-weight: bold;
  margin: 4px 0;
}
@-moz-keyframes blink-invalid {
  50% {
    color: #ed1c24;
  }
}
@-webkit-keyframes blink-invalid {
  50% {
    color: #ed1c24;
  }
}
@-o-keyframes blink-invalid {
  50% {
    color: #ed1c24;
  }
}
@keyframes blink-invalid {
  50% {
    color: #ed1c24;
  }
}
.message-sender {
  margin-right: 4px;
  font-size: 11px;
}
.message-sender.message-self {
  color: #66b;
}
.message-sender.message-other {
  color: #b66;
}
.column-info {
  display: inline-block;
  cursor: pointer;
  margin: 2px 4px 0 0;
  vertical-align: top;
}
.xfilter-filled .x-form-text,
.xfilter-filled .x-form-trigger-wrap {
  border-color: #e4b009;
}
.main-toolbar {
  background-color: #4e4d44;
}
.main-toolbar .logo {
  padding: 10px;
}
.main-toolbar .x-btn {
  border: none;
  background: none;
  height: 40px;
  border-radius: 0;
}
.main-toolbar .x-btn:hover,
.main-toolbar .x-btn.x-btn-focus.x-focus,
.main-toolbar .x-btn.x-btn-menu-active,
.main-toolbar .x-btn.x-btn-pressed {
  background: #5e5c52;
  color: #fff;
  border: none;
  box-shadow: none;
}
.main-toolbar .x-btn .x-btn-inner-default-toolbar-small {
  opacity: 0.9;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
}
.main-toolbar .test-env-msg {
  color: #fff;
  font-size: 160%;
  font-weight: bold;
  background: #ed1c24;
  padding: 8px 15px;
  border-radius: 11px;
}
.link-button {
  border-bottom: 1px dashed #f6c321;
  color: #f6c321;
  cursor: pointer;
  font-size: 11px;
  margin: 0 0 5px 10px;
}
.link-button:hover {
  border-bottom-style: solid;
  border-bottom-color: #e4b009;
  color: #e4b009;
}
.x-tool-restore {
  background-image: url("../../../img/icon-white-screens.png");
  background-position: 0 0;
  background-size: 100% 100%;
}
.box-divider {
  border-bottom: 1px dashed #f6c321;
}
.x-grid-rowbody p {
  line-height: 20px;
  margin: 2px 5px;
}
.iconcombo-hidden .ux-iconcombo-icon,
.xfilter-row .ux-iconcombo-icon {
  display: none;
}
.field-spacing {
  border-bottom: 1px dotted #d0d0d0;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.button-count {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 7px;
  top: 5px;
  line-height: 9px;
  font-size: 9px;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #ed1c24;
  border-radius: 2px;
}
.module-toolbar {
  background-color: #fff;
  height: 36px !important;
}
.color-swatch {
  display: inline-block;
  width: 15px;
  height: 15px;
}
.user-profile-image {
  display: block;
  width: 256px;
  height: 256px;
  background-image: url("/img/user-profile-image.png");
}
.slick-toolbar,
.slick-header-toolbar {
  padding: 2px;
  background-color: #ebebeb;
  border: solid #cfcfcf;
  border-width: 0 0 1px 0;
  color: #444;
}
.slick-toolbar.primary,
.slick-header-toolbar.primary {
  background-color: #f6c321;
  border-color: #f6c321;
}
.slick-toolbar > .x-box-inner,
.slick-header-toolbar > .x-box-inner {
  overflow: visible;
}
.slick-toolbar .x-toolbar,
.slick-header-toolbar .x-toolbar {
  padding: 1px 0 0;
  border: none;
  background: none;
}
.slick-toolbar .x-form-type-checkbox .x-form-item-body,
.slick-header-toolbar .x-form-type-checkbox .x-form-item-body {
  width: 100%;
}
.slick-toolbar .x-form-type-checkbox .x-form-item-body .x-form-cb-label-after,
.slick-header-toolbar .x-form-type-checkbox .x-form-item-body .x-form-cb-label-after {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.orderform-dirty-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.orderform-dirty-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-default-toolbar-small.orderform-dirty-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-default-toolbar-small.orderform-dirty-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.orderform-dirty-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.orderform-dirty-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.x-btn-default-toolbar-small.orderform-dirty-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.x-btn-default-toolbar-small.orderform-dirty-save {
  background-color: #fff3b5;
  border: 1px solid #ffd900;
  border-radius: 5px;
}
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.orderform-clean-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.orderform-clean-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-default-toolbar-small.orderform-clean-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-default-toolbar-small.orderform-clean-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.orderform-clean-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.orderform-clean-save,
.slick-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.x-btn-default-toolbar-small.orderform-clean-save,
.slick-header-toolbar.x-toolbar-default-docked-bottom .x-btn.x-btn-disabled.x-btn-default-toolbar-small.orderform-clean-save {
  background-color: #c9fbe2;
  border: 1px solid #88deb3;
  border-radius: 5px;
}
.slick-toolbar .x-header-text-container,
.slick-header-toolbar .x-header-text-container {
  padding: 3px 5px;
}
.slick-toolbar .x-toolbar-text.slick-tbtitle,
.slick-header-toolbar .x-toolbar-text.slick-tbtitle {
  margin-top: 1px !important;
  font-weight: bold;
}
.slick-toolbar .x-field .x-form-field,
.slick-header-toolbar .x-field .x-form-field {
  padding: 1px 2px 1px 2px;
}
.slick-toolbar .x-field .x-form-field.x-slider,
.slick-header-toolbar .x-field .x-form-field.x-slider {
  padding: 0 0 0 6px;
}
.slick-toolbar.low-profile,
.slick-header-toolbar.low-profile {
  padding: 0 5px;
}
.slick-toolbar.slick-bar-grey,
.slick-header-toolbar.slick-bar-grey {
  background-color: #706f6e;
  border-color: #706f6e;
}
.slick-toolbar.slick-bar-grey .x-panel-header-text-container,
.slick-header-toolbar.slick-bar-grey .x-panel-header-text-container {
  background-color: #706f6e;
}
.slick-toolbar.slick-bar-grey .x-header-text,
.slick-header-toolbar.slick-bar-grey .x-header-text {
  color: #fff;
}
.slick-toolbar.slick-bar-grey .x-title-text,
.slick-header-toolbar.slick-bar-grey .x-title-text {
  color: #fff;
}
.slick-toolbar.slick-bar-grey .x-toolbar-text,
.slick-header-toolbar.slick-bar-grey .x-toolbar-text {
  color: #fff;
}
.slick-toolbar.slick-bar-grey .x-tool-img,
.slick-header-toolbar.slick-bar-grey .x-tool-img {
  background-color: #706f6e;
}
.slick-toolbar.slick-bar-edit,
.slick-header-toolbar.slick-bar-edit {
  background-color: #ffdf87;
  border-color: #ffdf87;
}
.slick-toolbar.slick-bar-edit .x-panel-header-text-container,
.slick-header-toolbar.slick-bar-edit .x-panel-header-text-container {
  background-color: #f5f5f5;
}
.slick-toolbar.slick-bar-edit .x-header-text,
.slick-header-toolbar.slick-bar-edit .x-header-text {
  color: #545454;
}
.slick-toolbar.slick-bar-edit .x-title-text,
.slick-header-toolbar.slick-bar-edit .x-title-text {
  color: #545454;
}
.slick-toolbar.slick-bar-edit .x-toolbar-text,
.slick-header-toolbar.slick-bar-edit .x-toolbar-text {
  color: #545454;
}
.slick-toolbar.slick-bar-copy,
.slick-header-toolbar.slick-bar-copy,
.slick-toolbar.slick-bar-new,
.slick-header-toolbar.slick-bar-new {
  background-color: #e1ffba;
  border-color: #e1ffba;
}
.slick-toolbar.slick-bar-copy .x-panel-header-text-container,
.slick-header-toolbar.slick-bar-copy .x-panel-header-text-container,
.slick-toolbar.slick-bar-new .x-panel-header-text-container,
.slick-header-toolbar.slick-bar-new .x-panel-header-text-container {
  background-color: #f5f5f5;
}
.slick-toolbar.slick-bar-copy .x-header-text,
.slick-header-toolbar.slick-bar-copy .x-header-text,
.slick-toolbar.slick-bar-new .x-header-text,
.slick-header-toolbar.slick-bar-new .x-header-text {
  color: #545454;
}
.slick-toolbar.slick-bar-copy .x-title-text,
.slick-header-toolbar.slick-bar-copy .x-title-text,
.slick-toolbar.slick-bar-new .x-title-text,
.slick-header-toolbar.slick-bar-new .x-title-text {
  color: #545454;
}
.slick-toolbar.slick-bar-copy .x-toolbar-text,
.slick-header-toolbar.slick-bar-copy .x-toolbar-text,
.slick-toolbar.slick-bar-new .x-toolbar-text,
.slick-header-toolbar.slick-bar-new .x-toolbar-text {
  color: #545454;
}
.slick-bar-grey-light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.slick-bar-grey-light .x-panel-header-text-container {
  background-color: #f5f5f5;
}
.slick-bar-grey-light .x-header-text {
  color: #545454;
}
.slick-bar-grey-light .x-title-text {
  color: #545454;
}
.slick-bar-grey-light .x-toolbar-text {
  color: #545454;
}
.slick-bar-grey-light .x-tool-img {
  background-color: #f5f5f5;
  background-image: url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/tools/tool-sprites-dark.png");
}
.slick-bar-grey-light .x-btn-inner {
  color: #545454;
  font-size: 12px;
  font-weight: normal;
}
.slick-bar-grey-light .x-form-cb-label-default {
  color: #545454;
}
.slick-bar-orange-light {
  background-color: #fff9f0;
  border-color: #f5f5f5;
}
.slick-bar-orange-light .x-panel-header-text-container {
  background-color: #f5f5f5;
}
.slick-bar-orange-light .x-header-text {
  color: #af9980;
}
.slick-bar-orange-light .x-title-text {
  color: #af9980;
}
.slick-bar-orange-light .x-toolbar-text {
  color: #af9980;
}
.slick-bar-orange-light .x-tool-img {
  background-color: #f5f5f5;
  background-image: url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/tools/tool-sprites-dark.png");
}
.slick-bar-orange-light .x-btn-inner {
  color: #545454;
  font-size: 12px;
  font-weight: normal;
}
.slick-bar-orange-light .x-form-cb-label-default {
  color: #af9980;
}
.slick-toolbar-search .slick-tbtitle {
  padding-top: 3px;
}
.slick-toolbar-search .ficon-gray {
  color: #666;
}
.slick-bar-white {
  background-color: #fff;
  border: solid 1px #c0c0c0;
  border-width: 0 0 1px 0 !important;
}
.slick-bar-white .toolbar-white .ficon-white {
  color: #3a3a3a;
}
.slick-bar-white .toolbar-white .x-toolbar-text {
  color: #3a3a3a;
}
.slick-bar-white .x-btn-default-small {
  background-color: #f5f5f5;
  background-image: none;
  border: solid 1px #d3d3d3;
}
.slick-bar-white .x-btn-wrap-default-small.x-btn-arrow-right:after {
  background-image: url("../../../img/default-toolbar-small-arrow.png");
}
.slick-bar-white .ficon-fg-subdued {
  color: #666;
}
.autogridfilter-header.slick-header-toolbar {
  border-width: inherit 0 0 0;
}
.slick-bar-white {
  background: #f5f5f5;
  border-bottom: 0 !important;
}
.slick-bar-white .x-panel-header-title-default {
  color: #666;
}
.slick-bar-white .tool.icon-circle-right2,
.slick-bar-white .tool.icon-circle-left2,
.slick-bar-white .tool.icon-circle-up2,
.slick-bar-white .tool.icon-share4,
.slick-bar-white .tool.icon-circle-down2 {
  height: 16px;
  font-size: 16px;
  color: #666;
}
.slick-header-toolbar.autogrid-toolbar.slick-bar-white .ficon-fg-normal {
  color: #666;
}
.x-toolbar > .x-box-inner {
  overflow: visible;
}
.slick-panel-border-grey {
  border: 1px solid #706f6e;
}
.slick-panel-border-grey-light {
  border: 1px solid #f5f5f5;
}
.x-menu-item-default.slick-menu-header {
  background-color: #ebebeb;
  padding: 10px 12px;
}
.x-menu-item-default.slick-menu-header.x-menu-item-active {
  background-color: #f6c321;
}
.x-menu-item-default.slick-menu-header .x-menu-item-link {
  padding-left: 5px;
}
.x-menu-item-default.slick-menu-header .x-menu-item-text {
  color: #fff;
}
.x-menu-item-default.slick-menu-header .slick-menu-header-title {
  font-weight: 500;
  font-size: 14px;
  color: #444;
  max-width: 220px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.x-menu-item-default.slick-menu-header .slick-menu-header-line {
  display: inline-block;
  height: 16px;
  font-size: 11px;
  line-height: 12px;
  margin-top: 9px;
}
.x-menu-item-default.slick-menu-header .slick-menu-header-line .gridstatus {
  background: #fff;
  padding: 2px;
  border-radius: 3px;
}
.x-menu-item-default.slick-menu-subheader {
  background-color: #f5f5f5;
  padding: 5px 0;
}
.x-menu-item-default.slick-menu-subheader .x-menu-item-text {
  color: #545454;
}
.slick-menu-subheader.stop .x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-left: 5px;
}
.stopItem .marker {
  margin: -12px 5px;
}
.stopItem .marker path.marker-peg {
  fill: #f6c321;
}
.stopItem .title {
  color: #545454;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  max-width: 200px;
  font-size: 12px;
}
.stopItem .location {
  margin-left: 30px;
  font-size: 11px;
  color: #8a8a8a;
  margin-top: -8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 180px;
}
.slick-menu-iconheader {
  background-color: #f6c321;
}
.slick-menu-iconheader .x-menu-item-text {
  color: #fff;
}
.slick-menu-empty {
  font-style: italic;
  color: #706f6e;
}
.slick-menu-main {
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.slick-toolbar-search .slick-tbtitle {
  padding-top: 3px;
}
.slick-toolbar-search .ficon-gray {
  color: #666;
}
.slick-panel-border-grey {
  border: 1px solid #706f6e;
}
.slick-panel-border-grey-light {
  border: 1px solid #f5f5f5;
}
.slick-filter .x-form-item-body {
  padding: 0;
}
.slick-filter .x-form-item-body .x-form-trigger-wrap {
  border-top-width: 0;
  border-right-width: 0;
}
.slick-filter.readonly-filter {
  border-left: 1px solid #cbd0d8;
}
.slick-filter.readonly-filter.x-form-readonly input {
  background: #f8f8f8;
}
.slick-filter input {
  font-size: 12px !important;
}
.slick-filter.slick-filter-full .x-form-text,
.slick-filter.slick-filter-full .x-form-trigger-wrap {
  border-color: #e4b009;
}
.slick-filter .x-form-trigger-default {
  background: none;
}
.slick-filter:hover .x-form-trigger-default {
  background: 0 center #fff url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/images/form/trigger.png") no-repeat;
}
.slick-filter-ct {
  box-shadow: #cbd0d8 0px -1px 0px 0px inset;
}
.x-border-layout-ct {
  background-color: #fff !important;
}
.fieldset-header.x-panel-header-default.x-header {
  background-color: #706f6e !important;
  padding: 3px 4px !important;
}
.fieldset-header.x-panel-header-default.x-header .x-header-text {
  margin-left: 4px;
}
.fieldset-header.x-panel-header-default.x-header .x-tool-img {
  background-color: #706f6e !important;
}
.x-accordion-layout-ct {
  padding: 0;
}
.x-accordion-hd .x-panel-header-text-container {
  color: #fff;
}
.x-form-trigger-default {
  opacity: 0.5;
}
.x-form-trigger-default:hover {
  opacity: 1;
}
.x-boundlist-item.lookup-item {
  line-height: 20px;
  padding: 0 4px;
  border-color: #fff #fff #ddd;
}
.x-boundlist-item.lookup-item > span {
  display: inline-block;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.x-boundlist-item {
  padding: 2px;
  border-width: 0 0 1px;
  border-color: #c0c0c0;
}
.x-boundlist-item.list-item-highlight {
  background-color: #fdf3d3;
}
.x-boundlist-item.cost-object .info,
.x-boundlist-item.cost-object .addressName,
.x-boundlist-item.cost-object .address {
  font-size: 10px;
  line-height: 12px;
  color: #7a7a7a;
}
.x-boundlist-item.cost-object .info {
  margin: 0 0 6px 0;
}
.x-boundlist-item.cost-object .addressName {
  color: #000;
  font-weight: bold;
}
.x-boundlist-item .list-head {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}
.x-boundlist-item .list-body {
  font-size: 11px;
  line-height: 11px;
}
.x-boundlist-item .list-detail {
  display: inline-block;
  font-size: 80%;
  color: #7a7a7a;
  float: right;
}
.is-deleted .x-form-trigger-wrap,
.textfield-compact.is-deleted .x-form-trigger-wrap {
  background-color: #f1e8f5;
  border-color: #d0a7da;
}
.is-deleted .x-form-trigger-wrap input,
.textfield-compact.is-deleted .x-form-trigger-wrap input {
  background: transparent;
}
.x-tip .is-deleted-tip {
  font-size: 12px;
  font-weight: bold;
  color: #430054;
}
.lookup-clear {
  background-color: #e0e0e0;
  margin: 0;
  padding: 0;
}
.lookup-clear > i {
  vertical-align: top;
}
.lookup-value {
  margin: 0;
  padding: 0;
}
.lookup-value > i {
  vertical-align: top;
}
.multi-lookup .x-form-text-wrap {
  background: #fff;
}
.multi-lookup .x-form-text-wrap .mv-display-field {
  cursor: pointer;
  height: 22px;
  padding: 0 0 0 4px;
  line-height: 22px;
}
.multi-lookup .x-form-text-wrap .mv-display-field:empty:not(:focus):before {
  color: #808080;
  content: attr(data-text);
}
.multi-lookup .x-form-text-wrap input.x-form-field {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
  right: 0;
}
.multivalue-lookup-boundlist {
  background-color: #fff;
}
.multivalue-lookup-tooltip .show-all {
  cursor: pointer;
  margin-left: 26px;
}
.multivalue-lookup-tooltip .show-all:hover {
  text-decoration: underline;
}
.x-form-trigger.geoIcon,
.x-form-trigger.notRealLocation,
.x-form-trigger.location-instruction,
.x-form-trigger.trigger-icon {
  background: none;
  color: #4c4c4c;
}
.x-form-trigger.geoIcon:before,
.x-form-trigger.notRealLocation:before,
.x-form-trigger.location-instruction:before,
.x-form-trigger.trigger-icon:before {
  line-height: 22px;
  font-size: 16px;
}
.x-form-trigger.location-instruction {
  vertical-align: middle;
}
.x-form-invalid .x-btn {
  border-color: #d94e37;
}
.x-form-focus,
.x-field-form-focus,
.x-field-default-form-focus {
  border-color: #e4b009;
}
input::placeholder,
textarea::placeholder {
  color: rgba(61,66,73,0.502);
}
.x-form-trigger-wrap,
input.x-form-text,
textarea.x-form-text {
  border-radius: 2px;
  border-color: #cbd0d8;
  overflow-y: visible;
}
.field-rounded-left .x-form-trigger-wrap {
  border-radius: 2px 0 0 2px;
}
.field-rounded-right .x-form-trigger-wrap {
  border-radius: 0 2px 2px 0;
}
.x-form-arrow-trigger:last-child {
  border-radius: 0 4px 4px 0;
}
.x-grid .x-form-trigger-wrap,
.x-grid input.x-form-text,
.x-grid textarea.x-form-text {
  border-radius: inherit;
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
  background-color: #fdf3d3;
  border-color: #f6c321;
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus input,
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus textarea {
  background-color: transparent;
}
.x-form-field.hasEmptyIcon ~ .emptyIcon {
  display: none;
}
.x-form-empty-field.hasEmptyIcon {
  margin-left: 22px;
}
.x-form-empty-field.hasEmptyIcon ~ .emptyIcon {
  display: block;
  float: left;
  position: absolute;
  top: 5px;
  left: 5px;
}
.blink-invalid .x-form-trigger-wrap,
.blink-invalid input.x-form-text,
.blink-invalid textarea.x-form-text {
  animation: border-blink-invalid 1s linear infinite;
}
.blink-invalid input::placeholder,
.blink-invalid textarea::placeholder {
  color: #ed1c24;
}
.blink-invalid.x-grid-row {
  animation: background-blink-invalid 1s linear infinite;
}
.blink-invalid.x-grid-cell {
  animation: background-blink-invalid 1s linear infinite;
}
.blink-invalid.x-btn .x-btn-button {
  animation: background-blink-invalid 1s linear infinite;
}
.label-tooltip {
  color: #3d4249;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  cursor: pointer;
}
.label-tooltip .label-text {
  text-decoration: underline;
}
.label-tooltip .icon-circle-info {
  margin-left: 3px;
}
.x-field-default.x-item-disabled,
.x-field-default.x-item-disabled *,
.x-field-default .x-item-disabled,
.x-field-default .x-item-disabled * {
  cursor: auto;
  pointer-events: auto;
}
.slick-display-field label {
  font-weight: bold;
}
.slick-display-field.x-form-readonly .x-form-trigger-wrap {
  border: none;
}
.slick-display-field.x-form-readonly .x-form-trigger-wrap input {
  background: none;
  border: none;
}
.search-icon .x-form-text-wrap {
  display: flex;
}
.search-icon .x-form-text-wrap:before {
  content: '\e82b';
  line-height: 20px;
  font-family: 'SupplyStackFontIcons';
  margin: 2px 1px 0 4px;
}
.test-search-soOrToCode-rate-explorer .x-form-trigger-wrap .x-form-text-wrap {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.test-search-soOrToCode-rate-explorer .x-form-trigger-wrap .x-form-text-wrap .x-form-text {
  flex: 1;
  white-space: nowrap;
}
.color-red .x-form-text-default {
  color: #ed1c24;
}
.color-grey .x-form-text-default {
  color: rgba(61,66,73,0.502);
}
.x-form-trigger.trigger-icon {
  background: none;
  vertical-align: middle;
}
.x-form-trigger-wrap.x-form-trigger-wrap-invalid {
  background-color: #f1c9c2;
}
.x-form-trigger-wrap.x-form-trigger-wrap-invalid input,
.x-form-trigger-wrap.x-form-trigger-wrap-invalid textarea {
  background-color: transparent;
}
.x-form-trigger-wrap-focus .x-form-trigger-wrap,
.x-form-trigger-wrap-focus .x-form-trigger-wrap:hover {
  border-color: #e4b009;
}
.x-item-disabled .x-form-trigger-wrap:hover {
  border-color: #c0c0c0 #d9d9d9 #d9d9d9;
}
.x-item-disabled .x-form-field,
.x-item-disabled .mv-display-field {
  background-color: #f1f1f1;
}
.x-form-text {
  padding-left: 4px;
  padding-right: 4px;
}
.x-form-item-label .label-unit {
  color: #606060;
  font-size: 10px;
}
.x-form-spinner-up,
.x-form-spinner-down {
  width: 18px !important;
}
.x-form-trigger-input-cell .x-form-text {
  padding: 2px !important;
}
.x-fieldset {
  background-color: #f8f8f8;
  margin: 0 0 5px;
  padding: 0 5px;
}
.x-fieldset.plain-fieldset {
  background: none;
  border: none;
}
.x-fieldset.plain-fieldset .x-fieldset-header-default {
  padding: 0 3px 1px 0;
}
.x-fieldset.md-plain-fieldset {
  background: none;
  border: none;
  padding: 0;
  margin-top: 15px;
}
.x-fieldset.md-plain-fieldset .x-fieldset-header-tool-default {
  margin: 9px 4px 0 0;
}
.x-fieldset.md-plain-fieldset .x-fieldset-header-default {
  padding: 0 3px 1px 0;
}
.x-fieldset.md-plain-fieldset .x-fieldset-header-default > .x-fieldset-header-text,
.x-fieldset.md-plain-fieldset .x-fieldset-header-text span.label-tooltip {
  line-height: 24px;
  font-size: 14px;
}
.x-fieldset.md-plain-fieldset .x-fieldset-body {
  padding: 5px 0 10px 10px;
}
.x-fieldset-header-default > .x-fieldset-header-text,
.x-fieldset-header-default > .x-fieldset-header-text > .label-tooltip {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  padding: 5px 0;
}
.comfortable .x-grid-view .x-grid-cell-inner {
  line-height: 34px;
  font-size: 13px;
}
.x-column-header-checkbox {
  border-right-color: #c0c0c0;
}
.x-column-header-checkbox .x-column-header-inner {
  padding-left: 3px !important;
}
.x-column-header-checkbox .x-column-header-text {
  margin-left: 0;
}
.x-grid-body {
  border: none;
}
.x-grid-header-ct {
  border-top-width: 0 !important;
  border-bottom-width: 1px !important;
}
.x-column-header .label-unit {
  color: #808080;
  font-size: 10px;
}
.x-column-header.x-column-header-focus .x-column-header-inner:before {
  border: none;
}
.x-column-header-inner {
  padding: 3px 4px 5px 5px;
}
.x-column-header-text,
.x-column-header {
  font-size: 11px;
}
.x-grid-view .x-grid-cell {
  vertical-align: middle;
}
.x-grid-view .x-grid-cell-inner {
  font-size: 12px;
  line-height: 16px;
  padding: 2px 3px;
}
body.x-ie11 .autogrid .x-grid-view .x-grid-cell-inner {
  max-height: 26px;
}
.x-column-header-sort-ASC .x-column-header-text-inner,
.x-column-header-sort-DESC .x-column-header-text-inner {
  background-position: -4px center;
  padding-left: 11px;
}
.grid-row-deleted td {
  background-color: #ffd0d0;
  color: #606060;
  font-style: italic;
}
.grid-row-cancelled {
  color: #ed1c24;
}
.grid-row-invalid td {
  background-color: #fff2f2;
}
.grid-row-unselectable .x-grid-td,
.grid-row-unselectable.x-grid-row-focused .x-grid-td {
  background-color: #fff;
  color: #808080;
}
.grid-row-unselectable.x-grid-row-alt .x-grid-td,
.grid-row-unselectable.x-grid-row-focused.x-grid-row-alt .x-grid-td {
  background-color: #fafafa;
}
.grid-row-readonly .x-grid-td,
.grid-row-readonly.x-grid-row-focused .x-grid-td {
  color: #808080;
}
.grid-row-readonly.x-grid-row-alt .x-grid-td,
.grid-row-readonly.x-grid-row-focused.x-grid-row-alt .x-grid-td {
  background-color: #fafafa;
}
.grid-row-invisible {
  display: none;
}
.grid-row-new .x-grid-td {
  background-color: rgba(49,167,30,0.102);
  border-color: rgba(49,167,3,0.329);
  border-width: 1px 0;
  border-style: solid;
}
.x-grid-cell.cell-uneditable {
  background-color: #f0f0f0;
}
.x-grid-cell.cell-invalid {
  background-color: #ffe2e2;
  color: #ed1c24;
}
.cell-left {
  text-align: left;
}
.cell-center {
  text-align: center;
}
.cell-right {
  text-align: right;
}
.x-grid-dirty-cell {
  background: transparent;
}
.gridItemCounter {
  font-weight: bold;
}
.gridItemCounter.front {
  min-width: 20px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
  color: #8a8a8a;
}
.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
  background-color: #f1f1f1 !important;
  font-weight: bold;
}
.x-grid-row-summary .x-grid-cell > .x-grid-cell-inner,
.x-grid-row-summary .x-grid-rowwrap > .x-grid-cell-inner,
.x-grid-row-summary .x-grid-cell-rowbody > .x-grid-cell-inner {
  padding: 4px 3px;
}
.z-striped-grid.x-grid-with-row-lines .x-grid-item,
.z-striped-grid.x-tree-view .x-grid-item {
  border-top-width: 0;
  padding-top: 1px;
}
.x-grid .x-grid-item.x-grid-item-over,
.x-tree-view .x-grid-item.x-grid-item-over {
  background-color: #fef9e9;
}
.x-grid .x-grid-item:last-child,
.x-tree-view .x-grid-item:last-child {
  border-bottom-width: 0;
}
.x-grid .x-grid-item.x-grid-item-selected,
.x-tree-view .x-grid-item.x-grid-item-selected {
  border-color: #c1ccd7;
  background-color: #ddebf8;
}
.x-grid .x-grid-item.x-grid-item-selected + .x-grid-item,
.x-tree-view .x-grid-item.x-grid-item-selected + .x-grid-item {
  border-color: #c1ccd7;
}
.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-color: #eff6ff;
}
.x-action-col-icon:hover {
  color: #f6c321;
}
.circle-20 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 8px 8px 8px 8px;
  line-height: 17px;
  font-size: 11px;
  border: 2px solid #a0a0a0;
  color: #a0a0a0;
}
.circle-20.circle-green {
  border-color: #008000;
  color: #008000;
}
.circle-20.circle-red {
  border-color: #ed1c24;
  color: #ed1c24;
}
.square-20 {
  display: table-cell;
  width: 20px;
  height: 20px;
  border-radius: 0;
  line-height: 17px;
  font-size: 11px;
  border: 1px solid #a0a0a0;
  border-width: 1px 0 1px 1px;
}
.square-20.last-cell {
  border-width: 1px;
}
.square-20.green {
  background-color: #00ceb4;
}
.square-20.orange {
  background-color: #f7931e;
}
.pill-label {
  background: #ebebeb;
  border-radius: 10px;
  padding: 2px 10px;
  margin: 0 2px;
  color: #666;
}
.autogrid .x-grid-item .order-code {
  cursor: pointer;
  text-decoration: underline;
}
.simplecrud .x-grid-cell-special.x-selmodel-column {
  border: 0;
}
.shipping-type-qty-table {
  border-collapse: collapse;
}
.shipping-type-qty-table tr td {
  border-bottom: 1px solid #e5e5e5;
}
.shipping-type-qty-table tr td.shipping-type {
  padding: 3px 15px 3px 5px;
  font-weight: bold;
}
.shipping-type-qty-table tr:last-child td {
  border: none;
}
.x-panel-header-default {
  padding: 5px 8px;
  background-color: #ebebeb;
  border-style: solid;
  border-color: #cfcfcf;
  border-width: 1px 0;
}
.x-panel-header-default.x-vertical {
  border-width: 0 1px;
}
.x-panel-header-default.x-docked-top.x-panel-header-default-horizontal.x-header-noborder {
  padding: 5px;
}
.x-panel-header-default.x-panel-header-default-vertical {
  background-color: #ebebeb;
  padding: 9px 3px 9px 4px;
  margin: 0 -2px 0 0;
}
.x-panel-header-default .x-toolbar-default {
  background-color: #ebebeb;
  border-color: #cfcfcf;
}
.x-panel-header-default .x-panel-header-title-default.panel-title,
.x-panel-header-default .x-toolbar-text-default.panel-title {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #444;
}
.x-panel-header-default .x-panel-header-title-default {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #444;
  line-height: 18px;
}
.x-panel-header-default .x-tool .tool {
  color: #444;
}
.x-panel-header-default .x-tool-img {
  background-color: transparent;
}
.x-panel-header-default .x-toolbar-separator {
  width: 1px;
  height: 27px;
  border: solid #d1d1d1;
  border-width: 0 0 0 1px;
}
.x-panel-header-default.primary {
  background-color: #4e4d44;
  border: none;
  padding: 5px 8px;
  color: #fff;
}
.x-panel-header-default.primary.x-panel-header-default-vertical {
  background-color: #4e4d44;
}
.x-panel-header-default.primary .x-toolbar-default {
  background-color: #4e4d44;
  border: none;
}
.x-panel-header-default.primary .x-toolbar-text-default.panel-title {
  color: #fff;
}
.x-panel-header-default.primary .x-panel-header-title-default {
  color: #fff;
}
.x-panel-header-default.primary .x-tool .tool {
  color: #fff;
}
.x-panel-header-default.primary .x-toolbar-separator {
  border-color: #4e4d44;
}
.panel-empty-message {
  padding: 10px;
  font-size: 13px;
  font-style: italic;
  color: #606060;
  display: inline-block;
}
.x-tool-tool-el {
  opacity: 1;
}
.x-panel-header-default-framed .x-tool-tool-el {
  background-color: inherit;
}
.autocrud .sub-header {
  line-height: 24px;
  color: #444;
  font-weight: bold;
}
.secondary-panel > .x-panel-header-default {
  background: #fff;
  border-width: 0;
  border-bottom: 1px solid #cfcfcf;
}
.secondary-panel > .x-panel-header-default .x-panel-header-title.x-title-focus {
  outline: none;
}
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-expand-top,
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-expand-bottom,
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-position: 0;
  margin: 0;
  width: 15px;
  height: 15px;
  opacity: 1;
  background-size: 15px 15px;
}
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-expand-top,
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-expand-bottom {
  background-image: url("../../../img/expand-tool.svg") !important;
}
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.secondary-panel > .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-image: url("../../../img/collapse-tool.svg") !important;
}
.flight-info .x-panel-header {
  border: none;
  background-color: transparent;
}
.flight-info .x-panel-default-outer-border-trbl {
  border-color: #cfcfcf !important;
  border-radius: 3px;
}
.plane-panel-title {
  padding-top: 12px !important;
}
.plane-panel-title .x-panel-header {
  border: none;
  background: #fff;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 0px !important;
}
.plane-panel-title .x-panel-header .x-title {
  font-size: 13px !important;
}
.plain-line-top {
  border-top: 1px solid #cfcfcf;
}
.plain-line-bottom {
  border-bottom: 1px solid #cfcfcf;
}
.accordion-panel {
  border: 1px solid #cfcfcf;
}
.accordion-panel.no-bottom-border {
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}
.accordion-panel.no-top-border {
  border-radius: 0 0 5px 5px;
}
.accordion-panel > .x-panel-header {
  background: #fff;
  border-bottom: 1px solid #cfcfcf;
  border-top: none;
}
.accordion-panel > .x-panel-header .x-panel-header-title {
  margin: 0 0 0 25px;
  font-size: 16px;
}
.extas-field-segmentbtn {
  border-radius: 3px;
  background-color: #545454 !important;
}
.extas-field-segmentbtn > a {
  min-width: 70px;
  padding: 2px;
}
.extas-field-segmentbtn > a span {
  color: #545454 !important;
  opacity: 1 !important;
}
.x-splitter-horizontal {
  border-bottom: 1px solid #cfcfcf;
}
.x-splitter-vertical {
  border-right: 1px solid #cfcfcf;
}
body.x-body .x-tab-bar-default {
  background-color: #ebebeb;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical {
  margin: 10px 10px 10px 20px;
  background-color: #fff;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default {
  border: none;
  padding: 0;
  border-bottom: 1px solid #cfcfcf;
  height: auto;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default .x-tab-wrap {
  margin: 5px 0;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default .x-tab-inner-default {
  margin-left: 10px;
  width: 100%;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default .x-tab-inner-default .icon {
  float: right;
  margin-right: 16px;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-focus .x-tab-wrap,
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-active .x-tab-wrap {
  border-left: 2px solid #f6c321;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-active,
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-over {
  box-shadow: none;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-active {
  background-color: transparent;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-active .x-tab-inner-default {
  color: #444;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-over {
  background-color: #fdf3d3;
}
body.x-body .x-tab-bar-default.x-tab-bar-default-vertical .x-tab-default.x-tab-over .x-tab-inner-default {
  color: #545454;
}
body.x-body .x-tab-bar-default .x-box-scroller-tab-bar-default {
  background-color: #f6c321;
}
body.x-body .x-tab-bar-default .x-tab {
  background-color: transparent;
  height: 40px;
}
body.x-body .x-tab.x-tab-default-top {
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  border-width: 0 0 3px 0;
}
body.x-body .x-tab.x-tab-default-top.x-tab-focus {
  box-shadow: none;
}
body.x-body .x-tab.x-tab-default-top.x-tab-focus.x-tab-active,
body.x-body .x-tab.x-tab-default-top.x-tab-focus.x-tab-over {
  box-shadow: none;
  border-color: #f6c321;
}
body.x-body .x-tab.x-tab-default-top.x-tab-active {
  background-color: transparent;
  border-color: #f6c321;
}
body.x-body .x-tab.x-tab-default-top.x-tab-active .x-tab-inner-default {
  color: #545454;
}
body.x-body .x-tab.x-tab-default-top.x-tab-over {
  background-color: #fdf3d3;
}
body.x-body .x-tab.x-tab-default-top.x-tab-over .x-tab-inner-default {
  color: #545454;
}
body.x-body .x-tab-bar-top>.x-tab-bar-body-default {
  padding-bottom: 0;
}
body.x-body .x-tab-inner-default {
  color: #545454;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
body.x-body .x-tab-bar-strip {
  display: none;
}
body.x-body .x-tab.x-tab-default:not(.show-disabled-tab).x-tab-disabled,
body.x-body .x-tab.x-tab-default:not(.show-disabled-tab).x-item-disabled {
  display: none;
}
.x-toolbar.x-docked-top {
  border-width: 0 0 1px 0 !important;
}
.x-toolbar.x-docked-bottom {
  border-width: 1px 0 0 0 !important;
}
.x-tip-body {
  word-wrap: break-word;
}
.x-tip-body h1 {
  font-size: 18px;
}
.tooltip-compact {
  max-width: 400px;
}
.tooltip-compact .x-tip-body {
  font-size: 11px;
  word-wrap: normal;
}
.tooltip-compact .x-tip-body > span {
  display: block;
}
.tooltip-compact .x-tip-body > span > div {
  display: block;
}
.tooltip-compact .x-tip-body > span > div > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.x-tip-default {
  background-color: #fff;
}
.x-tip-default .x-tip-anchor {
  border-width: 8px;
}
.x-tip-default .x-tip-anchor-top {
  border-bottom-color: #f6c321;
  top: -13px;
}
.x-tip-default .x-tip-anchor-bottom {
  border-top-color: #f6c321;
  top: -13px;
}
.mini-tooltip .x-tip-header {
  padding: 2px 6px;
  border-bottom: 1px dotted #c0c0c0 !important;
}
.mini-tooltip .x-tip-body {
  padding: 2px 2px 1px 6px;
  font-size: 13px;
  line-height: 13px;
  word-wrap: normal;
}
.mini-tooltip .x-tip-anchor-top {
  border-bottom-color: #d2d2d2;
  top: -16px;
}
.mini-tooltip .x-tip-anchor-top:after {
  border-bottom: 6px solid #fff;
  top: 2px;
}
.title-tooltip.x-tip-default {
  border-radius: 0;
  border: 0;
  padding: 0;
}
.title-tooltip.x-tip-default .x-tip-header-default {
  padding: 0;
  border-bottom: 1px solid #cfcfcf;
}
.title-tooltip.x-tip-default .x-tip-header-title-default {
  background-color: #f7f8f9;
  padding: 0 18px;
  line-height: 28px;
  color: #252729;
}
.bigtip-btn {
  color: #252729;
}
.bigtip-btn:hover {
  color: #ffd82d;
}
.x-window-default {
  border-color: #f6c321;
}
.x-window-default .x-window-header {
  border-color: #f6c321;
}
.x-window-default .x-window-header.x-window-header-top {
  background-color: #f6c321;
  background-image: none;
  padding: 6px;
}
.x-window-default .x-window-header.x-window-header-top .x-tool-tool-el {
  color: #000;
}
.x-window-default .x-window-header.x-window-header-top .x-window-header-title-default {
  color: #000;
}
.x-window-default .x-window-header.x-window-header-top .x-window-header-title-default .x-title-icon-default {
  color: #000;
}
.x-window-default .x-window-header .x-header-text {
  color: #fff;
}
.x-window-default .x-window-header .x-tool-img {
  background-color: transparent !important;
  position: relative;
  right: 1px;
}
.x-window-default .x-window-body {
  border: none;
}
.x-window-neutral .x-window-header {
  display: flex;
  align-items: center;
  background: #fff;
  color: #444;
  border: 1px solid #cfcfcf;
}
.x-window-neutral .x-window-header .x-title-text {
  padding: 20px 0 20px 15px;
  font-size: 18px;
}
.x-window-neutral .x-window-header .x-tool {
  font-size: 14px;
  line-height: 14px;
  margin: 1px;
}
.x-window-neutral .x-window-header .x-tool:last-child {
  margin-right: 20px;
}
.x-window-neutral .x-tool-tool-el {
  color: inherit;
}
.x-window-neutral .x-window-body {
  background: #fff;
  border: 1px solid #cfcfcf;
  font-size: 14px;
  padding: 15px 30px;
}
.x-window-neutral .x-dlg-icon {
  top: 0 !important;
  font-size: 32px;
}
.x-window-neutral .x-toolbar-footer {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  padding: 15px 10px 15px 10px;
}
.x-window-neutral .error-wrap-style {
  background-color: #e3e5ea;
  top: 0 !important;
  min-height: 100px;
  border-radius: 12px;
  z-index: 2;
}
.x-window-neutral .error-wrap-style .x-window-text {
  margin: 10px;
}
.x-window-neutral .diamond-msg {
  width: 28px !important;
  height: 28px !important;
  top: 45px !important;
  left: 127px !important;
  background-color: #e3e5ea;
  transform: rotate(45deg);
}
.x-resizable-handle {
  border-radius: 0;
}
.x-message-box-icon {
  width: 120px;
  height: 120px;
}
.x-message-box-icon.icon-circle-exclamation {
  color: #ed1c24;
}
.x-message-box-icon.icon-warning3 {
  color: #f7931e;
}
.x-message-box-icon.icon-circle-question {
  color: #12baf3;
}
.x-message-box-icon.icon-circle-info {
  color: #12baf3;
}
.x-message-box-icon.icon-circle-checkmark {
  color: #00ceb4;
}
.table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table .cell {
  display: table-cell;
  vertical-align: middle;
}
.table .spacer {
  display: table-cell;
  width: 3px;
}
.table .vSpacer {
  height: 3px;
}
/* Customer portal settings: Logo and BAckground image uploads */
/* Original sizes: 150x48 px */
/* Original sizes: 1920*1080 px */
.cp-logo-image .x-btn-icon-left > .x-btn-icon-el-default-small,
.cp-logo-image .x-btn-icon-right > .x-btn-icon-el-default-small {
  height: 48px;
  width: 150px;
  background-color: #f9f9f9;
  background-size: 150px 48px;
}
.cp-logo-image.x-btn-default-small {
  border-radius: 5px;
  border-color: #d3d3d3;
  margin: 6px;
  padding: 0;
}
.x-btn-icon-el-default-small.cp-logo-image {
  background-size: 150px 48px !important;
  background-repeat: no-repeat;
}
.cp-logo-label {
  font-size: 12px;
}
.cp-background-image .x-btn-icon-left > .x-btn-icon-el-default-small,
.cp-background-image .x-btn-icon-right > .x-btn-icon-el-default-small {
  height: 84px;
  width: 150px;
  background-color: #f9f9f9;
  background-size: 150px 84px;
}
.cp-background-image.x-btn-default-small {
  border-radius: 5px;
  border-color: #d3d3d3;
  margin: 6px;
  padding: 0;
}
.x-btn-icon-el-default-small.cp-background-image {
  background-size: 150px 84px !important;
  background-repeat: no-repeat;
}
.cp-background-label {
  font-size: 12px;
}
.icon.x-btn-default-small {
  padding: 0;
  background: #fff;
  border-color: #f6c321;
}
.icon.x-btn-default-small:hover,
.icon.x-btn-default-small.x-btn-pressed {
  background: #fff;
  border-color: #e4b009;
}
.icon.x-btn-default-small:hover .ficon-16,
.icon.x-btn-default-small.x-btn-pressed .ficon-16 {
  background: #fdf3d3;
}
.icon.x-btn-default-small .ficon-16 {
  padding: 7px 8px 5px 7px;
  display: inline-block;
  font-family: 'SupplyStackFontIcons', sans-serif;
  background: #fdf3d3;
  width: 30px;
  height: 30px;
  font-size: 120%;
  color: #4d4d4d;
}
.icon.x-btn-default-small .x-btn-inner {
  padding-top: 3px;
}
.portal-taskbar {
  background: #f9f9f9;
  border-top: 1px solid #f3ebeb;
  padding: 3px 0 3px 8px;
}
.portal-taskbar .ficon-gray {
  color: #666;
}
.portal-taskbar .ficon-gray,
.portal-taskbar .ficon-accent {
  padding: 2px;
}
.portal-taskbar .x-btn-default-toolbar-small {
  border-color: #c7c7c7;
  padding: 5px;
}
.portal-taskbar .x-btn-default-small {
  padding: 0;
  background: #f5f5f5;
  border-color: #f6c321;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  margin-right: 10px;
}
.portal-taskbar .x-btn-default-small:hover,
.portal-taskbar .x-btn-default-small.x-btn-pressed {
  border-color: #e4b009;
}
.portal-taskbar .x-btn-default-small:hover .ficon-14,
.portal-taskbar .x-btn-default-small.x-btn-pressed .ficon-14 {
  background: #fdf3d3;
}
.portal-taskbar .x-btn-default-small .ficon-14 {
  padding: 5px 0px 3px 2px;
  display: inline-block;
  font-family: 'SupplyStackFontIcons', sans-serif;
  width: 26px;
  height: 26px;
  font-size: 120%;
  color: #4d4d4d;
  background: #fdf3d3;
}
.portal-taskbar .x-btn-default-small .x-btn-inner {
  padding-top: 2px;
  color: #3a3a3a;
  padding-right: 9px;
  text-overflow: ellipsis;
  max-width: 200px;
  padding-left: 5px;
}
.portal-taskbar .slick-bbar-taskbtn .x-btn-inner {
  text-overflow: ellipsis;
}
.portal-taskbar .slick-bbar-taskbtn.blink .x-btn-button {
  animation: blinker 1s linear infinite;
}
@-moz-keyframes blinker {
  50% {
    background: #f6c321;
  }
}
@-webkit-keyframes blinker {
  50% {
    background: #f6c321;
  }
}
@-o-keyframes blinker {
  50% {
    background: #f6c321;
  }
}
@keyframes blinker {
  50% {
    background: #f6c321;
  }
}
img.x-tool-expand-right,
img.x-tool-expand-left,
img.x-tool-collapse-right,
img.x-tool-collapse-left,
img.x-tool-maximize,
img.x-tool-restore,
img.x-tool-collapse-bottom,
img.x-tool-expand-top {
  display: none;
}
.slick-window {
  border-radius: 5px;
}
.slick-window > .x-header .x-header-text-container .x-header-text,
.x-panel-header > .x-header .x-header-text-container .x-header-text {
  margin: 1px 2px 3px 1px !important;
  font-size: 16px;
  line-height: 16px;
}
.slick-window .x-tool-minimize,
.x-message-box.x-window-default .x-tool-minimize,
.x-panel-header .x-tool-minimize,
.slick-window .x-tool-maximize,
.x-message-box.x-window-default .x-tool-maximize,
.x-panel-header .x-tool-maximize,
.slick-window .x-tool-close,
.x-message-box.x-window-default .x-tool-close,
.x-panel-header .x-tool-close {
  display: none;
}
.slick-window .x-tool-after-title .tool.icon-circle-cross,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-cross,
.x-panel-header .x-tool-after-title .tool.icon-circle-cross,
.slick-window .x-tool-after-title .tool.icon-circle-down2,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-down2,
.x-panel-header .x-tool-after-title .tool.icon-circle-down2,
.slick-window .x-tool-after-title .tool.icon-circle-left2,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-left2,
.x-panel-header .x-tool-after-title .tool.icon-circle-left2,
.slick-window .x-tool-after-title .tool.icon-circle-minus,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-minus,
.x-panel-header .x-tool-after-title .tool.icon-circle-minus,
.slick-window .x-tool-after-title .tool.icon-circle-right2,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-right2,
.x-panel-header .x-tool-after-title .tool.icon-circle-right2,
.slick-window .x-tool-after-title .tool.icon-circle-up2,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-circle-up2,
.x-panel-header .x-tool-after-title .tool.icon-circle-up2,
.slick-window .x-tool-after-title .tool.icon-share4,
.x-message-box.x-window-default .x-tool-after-title .tool.icon-share4,
.x-panel-header .x-tool-after-title .tool.icon-share4 {
  height: 16px;
  font-size: 18px;
}
.slick-window> .x-panel-header-default.x-header,
.x-message-box.x-window-default> .x-panel-header-default.x-header,
.x-panel-header> .x-panel-header-default.x-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.slick-window .extas-field-plugin-clearbutton.icon-circle-cross,
.x-message-box.x-window-default .extas-field-plugin-clearbutton.icon-circle-cross,
.x-panel-header .extas-field-plugin-clearbutton.icon-circle-cross {
  font-size: 12px;
  color: #cbcbcb;
}
.slick-window .extas-field-plugin-clearbutton.icon-circle-cross:hover,
.x-message-box.x-window-default .extas-field-plugin-clearbutton.icon-circle-cross:hover,
.x-panel-header .extas-field-plugin-clearbutton.icon-circle-cross:hover {
  color: #e4b009;
}
.slick-window-shadow {
  -webkit-box-shadow: #272622 0px 0px 6px;
  box-shadow: #272622 0px 0px 6px;
}
.tool.icon-circle-right2,
.tool.icon-circle-left2,
.tool.icon-circle-up2,
.tool.icon-share4,
.tool.icon-circle-down2 {
  height: 16px;
  font-size: 16px;
  color: #fff;
}
.tool.icon-circle-right2:hover,
.tool.icon-circle-left2:hover,
.tool.icon-circle-up2:hover,
.tool.icon-share4:hover,
.tool.icon-circle-down2:hover {
  color: #e4b009;
}
.x-message-box.x-window-default {
  border-width: 0px;
}
.x-message-box.x-window-default .x-window-header-default {
  background-color: #f6c321;
  border-color: #f6c321;
}
.x-message-box.x-window-default .x-tool-after-title .icon-circle-cross {
  color: $alert-header-icon-color;
}
.x-message-box.x-window-default .x-window-header-default-top {
  padding: 3px 6px;
}
.x-message-box.x-window-default .x-window-header-title-default>.x-title-text-default {
  padding-top: 12px;
  font-size: 120%;
  color: #000;
  font-weight: normal;
}
.x-message-box.x-window-default .x-window-text {
  padding: 0 20px;
  color: #2c2c2c;
}
.x-message-box.x-window-default .x-message-box-icon {
  height: 50px;
  width: 50px;
  font-size: 50px;
  color: #8b8a8a;
  line-height: 50px;
}
.x-message-box.x-window-default .x-btn-default-small,
.x-message-box.x-window-default .x-btn-default-small.focus {
  background-color: #fdf3d3;
  background-image: none;
  border-color: #f6c321;
  box-shadow: none;
}
.x-message-box.x-window-default .x-btn-default-small .x-btn-inner-default-small,
.x-message-box.x-window-default .x-btn-default-small.focus .x-btn-inner-default-small {
  padding-top: 3px;
}
.x-message-box.x-window-default .x-btn-default-small .x-btn-inner,
.x-message-box.x-window-default .x-btn-default-small.focus .x-btn-inner {
  color: #2c2c2c;
}
.x-message-box.x-window-default .x-btn-default-small:hover,
.x-message-box.x-window-default .x-btn-default-small.focus:hover {
  background-color: #fbe6a2;
}
.x-message-box.x-window-default .x-toolbar-footer {
  background: #f2f2f2;
}
.x-docked-bottom .ficon-18 {
  line-height: 14px;
}
.x-docked-bottom .ficon-17 {
  line-height: 15px;
}
.x-form-item-default.x-item-disabled {
  opacity: 1;
}
.x-form-text-wrap {
  display: block;
}
/**
 * fix chrome bug with repainting
**/
.x-form-text {
  display: inline-block;
}
.slick-milestone-instructions {
  padding-bottom: 6px;
}
.slick-milestone-instructions h4 {
  padding: 0;
  margin: 0;
}
.ux-iconcombo-icon .flag {
  height: 11px !important;
}
.grid-row-related-to-selection {
  background: #fdf3d3 !important;
}
.error-meta-container {
  position: absolute;
  right: 0;
  display: inline-block;
  padding-left: 12px;
}
.error-meta {
  display: inline-block;
  padding-right: 10px;
  color: #808080;
  font-size: 10px;
}
.crop-resize-window .x-panel-body-default {
  background: #d3d3d3;
}
.no-padding .x-grid-cell-inner {
  padding: 0;
}
.x-form-item-label-default {
  color: #444;
}
.x-form-item-text-default {
  color: #555;
}
.emailBodyOverride-tooltip {
  width: 330px;
}
.icon-close {
  background-size: 19px;
  background-position: center;
  background-image: url("../../../img/icons/general/close.svg");
}
.icon-minimize {
  background-size: 19px;
  background-position: center;
  background-image: url("../../../img/icons/general/minimize.svg");
}
.icon-maximize {
  background-size: 19px;
  background-position: center;
  background-image: url("../../../img/icons/general/maximize.svg");
}
body {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.icon-spin {
  backface-visibility: hidden;
  animation: anim-rotate 0.9s infinite linear;
}
@-moz-keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swingOutTop {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
.animation-swingOutTop {
  -webkit-animation: swingOutTop 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  -moz-animation: swingOutTop 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  animation: swingOutTop 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  opacity: 0;
}
@-moz-keyframes swingOutTop {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@-webkit-keyframes swingOutTop {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@-o-keyframes swingOutTop {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@keyframes swingOutTop {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@-moz-keyframes background-blink-invalid {
  50% {
    background: #f1c9c2;
  }
}
@-webkit-keyframes background-blink-invalid {
  50% {
    background: #f1c9c2;
  }
}
@-o-keyframes background-blink-invalid {
  50% {
    background: #f1c9c2;
  }
}
@keyframes background-blink-invalid {
  50% {
    background: #f1c9c2;
  }
}
@-moz-keyframes border-blink-invalid {
  50% {
    border-color: #ed1c24;
  }
}
@-webkit-keyframes border-blink-invalid {
  50% {
    border-color: #ed1c24;
  }
}
@-o-keyframes border-blink-invalid {
  50% {
    border-color: #ed1c24;
  }
}
@keyframes border-blink-invalid {
  50% {
    border-color: #ed1c24;
  }
}
@-moz-keyframes blink-text-invalid {
  50% {
    color: #ed1c24;
  }
}
@-webkit-keyframes blink-text-invalid {
  50% {
    color: #ed1c24;
  }
}
@-o-keyframes blink-text-invalid {
  50% {
    color: #ed1c24;
  }
}
@keyframes blink-text-invalid {
  50% {
    color: #ed1c24;
  }
}
@-moz-keyframes fadeShow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeShow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeShow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeShow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeHide {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeHide {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeHide {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeHide {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.poppy>.x-panel-header-default {
  background-color: #4e4d44;
  border-color: #4e4d44;
}
.poppy>.x-panel-header-default .x-tool .tool {
  color: #fff;
}
.poppy>.x-panel-header-default .x-panel-header-title-default {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
.poppy>.x-panel-header-default .x-tool-tool-el {
  color: #fff;
  opacity: 1;
}
.poppy-tooltip {
  background: #fff;
}
.poppy-tooltip .poppy-header {
  background: #fff;
}
.poppy-tooltip .x-tool {
  margin: 20px 10px 0 0;
}
.poppy-tooltip>.x-panel-header-default .x-tool-tool-el {
  color: #000;
}
.poppy-tooltip.slick-window {
  border-radius: 0;
}
.poppy-tooltip.slick-window> .x-panel-header-default.x-header {
  border-radius: 0;
}
.poppy-tooltip.slick-window-shadow {
  -webkit-box-shadow: rgba(30,33,37,0.329) 0 3px 4px;
  box-shadow: rgba(30,33,37,0.329) 0 3px 4px;
}
.datetimefield .datetimefield-btn {
  border-color: #c0c0c0;
  margin-top: 5px;
}
.datetimefield .datetimefield-btn .x-btn-inner {
  color: #3a3a3a;
}
.x-datepicker .weeknumber {
  color: #808080;
  font-size: 70%;
  text-align: center;
}
.x-form-checkbox-default {
  width: 14px;
  height: 24px;
}
.x-form-radio-default {
  width: 15px;
  height: 15px;
}
.checkboxfield .checkboxfield-btn {
  border-color: #c0c0c0;
  min-width: 85px;
}
.checkboxfield .checkboxfield-btn .x-btn-inner {
  color: #3a3a3a;
}
.checkboxfield .checkboxfield-checkbox {
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 22px;
  display: inline-block;
  margin-left: 10px;
}
.checkboxfield .checkboxfield-checkbox.check-true {
  color: #60a060;
}
.checkboxfield .checkboxfield-checkbox.check-false {
  color: #a06060;
}
.checkboxfield .checkboxfield-checkbox.check-null {
  color: #d8d8d8;
}
.x-menu-item-unchecked .x-menu-item-text-default.x-menu-item-indent-no-separator,
.x-menu-item-checked .x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-left: 26px;
}
.x-menu-item-unchecked .x-menu-item-icon,
.x-menu-item-checked .x-menu-item-icon {
  display: block;
  top: 10px;
  width: 14px;
  height: 14px;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
  background-image: url("/img/checkboxfield/radioChecked.svg");
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-group-icon {
  background-image: url("/img/checkboxfield/radioUnchecked.svg");
}
.slick-checkbox-field .x-form-checkbox-default,
.x-fieldset-header-checkbox-default .x-form-checkbox-default {
  margin-top: 2px;
  background-position: 0 !important;
}
.slick-checkbox-field .check-true .x-form-checkbox-default,
.x-fieldset-header-checkbox-default .check-true .x-form-checkbox-default,
.slick-checkbox-field.x-fieldset-header-checkbox.x-form-cb-checked .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-fieldset-header-checkbox.x-form-cb-checked .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.slick-checkbox-field .check-false .x-form-checkbox-default,
.x-fieldset-header-checkbox-default .check-false .x-form-checkbox-default,
.slick-checkbox-field.x-fieldset-header-checkbox .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-fieldset-header-checkbox .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.slick-checkbox-field:focus-within,
.x-fieldset-header-checkbox-default:focus-within {
  background-color: #f1f1f1;
}
.slick-checkbox-field.tristate .check-null .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.tristate .check-null .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.slick-checkbox-field.tristate .check-false .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.tristate .check-false .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkX.svg");
}
.slick-checkbox-field .x-form-checkbox-focus,
.x-fieldset-header-checkbox-default .x-form-checkbox-focus {
  box-shadow: 0 0 1px 0 #38b7d8;
}
.slick-checkbox-field .x-form-cb-label-default,
.x-fieldset-header-checkbox-default .x-form-cb-label-default {
  padding-left: 20px;
  line-height: 24px;
}
.slick-checkbox-field.x-item-disabled .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-item-disabled .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkDisabled.svg");
}
.slick-checkbox-field.x-item-disabled .check-true .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-item-disabled .check-true .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/ro-checked.svg");
}
.slick-checkbox-field.x-item-disabled.tristate .check-false .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-item-disabled.tristate .check-false .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/ro-x.svg");
}
.slick-checkbox-field.x-item-disabled.tristate .check-null .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-item-disabled.tristate .check-null .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/checkDisabled.svg");
}
.slick-checkbox-field.x-form-readonly .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-form-readonly .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/ro-box.svg");
}
.slick-checkbox-field.x-form-readonly .check-true .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-form-readonly .check-true .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/ro-checked.svg");
}
.slick-checkbox-field.x-form-readonly.tristate .check-false .x-form-checkbox-default,
.x-fieldset-header-checkbox-default.x-form-readonly.tristate .check-false .x-form-checkbox-default {
  background-image: url("/img/checkboxfield/ro-x.svg");
}
.slick-checkbox-field-column span {
  width: 14px;
  height: 14px;
  display: inline-block;
}
.slick-checkbox-field-column span.check-true {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.slick-checkbox-field-column span.check-false {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.slick-checkbox-field-column.tristate span.check-null {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.slick-checkbox-field-column.tristate span.check-false {
  background-image: url("/img/checkboxfield/checkX.svg");
}
.x-form-cb-wrap {
  display: inline-block;
  vertical-align: middle;
}
.x-form-item-body-default.x-form-checkboxgroup-body {
  padding: 0;
}
div.x-form-cb-wrap-inner .x-form-cb-default,
div.x-form-cb-wrap-inner .x-form-cb-label-default {
  margin-top: 0;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
div.x-form-cb-wrap-inner .x-form-cb-default .x-form-cb-label,
div.x-form-cb-wrap-inner .x-form-cb-label-default .x-form-cb-label {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.x-item-disabled .multiFormCheck {
  pointer-events: auto;
}
.slick-boundlist.x-boundlist .x-boundlist-item {
  white-space: nowrap;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 2px center;
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
}
.slick-boundlist.x-boundlist .x-boundlist-item.x-boundlist-selected {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.x-boundlist-item.x-item-disabled {
  background-color: #e0e0e0;
  opacity: 0.5;
}
.x-column-header-checkbox .x-column-header-checkbox:after,
.x-grid-checkcolumn:after {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
  background-position: 0;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after,
.x-grid-checkcolumn-checked:after,
.x-grid-item-selected .x-selmodel-checkbox .x-grid-checkcolumn:after {
  background-image: url("/img/checkboxfield/checkChecked.svg");
  background-position: 0;
}
.x-selmodel-checkbox.selection-mode-single .x-grid-checkcolumn:after {
  background-image: url("/img/checkboxfield/radioUnchecked.svg");
  background-position: 0;
}
.x-grid-item-selected .x-selmodel-checkbox.selection-mode-single .x-grid-checkcolumn:after {
  background-image: url("/img/checkboxfield/radioChecked.svg");
}
.x-keyboard-mode .x-grid-checkcolumn-cell-inner :focus {
  outline: 0;
}
.x-keyboard-mode .x-grid-checkcolumn-cell-inner :focus:after {
  box-shadow: 0 0 1px 0 #38b7d8;
}
.checkcolumn-some-checked .x-grid-checkcolumn:after {
  background-image: url("/img/checkboxfield/checkBox.svg");
}
.x-column-header-checkbox .x-column-header-inner,
.x-grid-checkcolumn-cell-inner {
  height: 28px;
}
.x-body .x-form-cb-checked .x-form-radio-default {
  background-image: url("/img/checkboxfield/radioChecked.svg");
  background-position: 0;
}
.x-body .x-form-cb-checked .x-form-radio-default.x-form-checkbox-focus {
  background-position: 0;
  box-shadow: 0 0 2px 0 #38b7d8;
  border-radius: 50%;
}
.x-body .x-form-radio-default {
  background-image: url("/img/checkboxfield/radioUnchecked.svg");
  background-position: 0;
}
.x-body .x-form-radio-default.x-form-checkbox-focus {
  background-position: 0;
  box-shadow: 0 0 2px 0 #38b7d8;
  border-radius: 50%;
}
.x-tree-checkbox {
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
  background-position: 0;
}
.x-tree-checkbox.x-tree-checkbox-checked {
  background-image: url("/img/checkboxfield/checkChecked.svg");
  background-position: 0;
}
.x-tree-checkbox.x-tree-checkbox-has-checked {
  background-image: url("/img/checkboxfield/checkBox.svg");
}
.x-form-type-checkbox.x-item-disabled .x-form-checkbox {
  background-color: transparent;
}
.x-form-type-checkbox.x-item-disabled .override-icon {
  display: none;
}
.p-checkboxed-field .p-checkbox {
  width: 24px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
  cursor: pointer;
  pointer-events: auto;
  display: table-cell;
}
.p-checkboxed-field .p-checkbox.checked {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.textfield-compact {
  margin: 5px 0 0 0;
/* Style the label-tootip class */
/* Style the textfield */
/* Style the textfield when focussed */
/* make the input a bit bigger, and center it better*/
}
.textfield-compact .label-tooltip {
  font-size: 10px;
  line-height: 10px;
  font-style: normal;
  cursor: pointer;
}
.textfield-compact .x-form-trigger-wrap {
  border-color: #c0c0c0;
}
.textfield-compact .x-form-trigger-wrap-focus {
  border-color: #808080;
  background-color: #f5f5f5;
}
.textfield-compact input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 4px 4px;
  height: 100% !important;
}
.textfield-compact .x-form-text-field-body {
  display: table-row;
}
.textfield-compact.textfield-compact-focused .x-form-item-body input:focus::-webkit-input-placeholder,
.textfield-compact.textfield-compact-focused .x-form-item-body textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.textfield-compact.textfield-compact-focused .x-form-item-body input:focus:-moz-placeholder,
.textfield-compact.textfield-compact-focused .x-form-item-body textarea:focus:-moz-placeholder {
  color: transparent;
}
.textfield-compact.textfield-compact-focused .x-form-item-body input:focus::-moz-placeholder,
.textfield-compact.textfield-compact-focused .x-form-item-body textarea:focus::-moz-placeholder {
  color: transparent;
}
.textfield-compact.textfield-compact-focused .x-form-item-body input:focus:-ms-input-placeholder,
.textfield-compact.textfield-compact-focused .x-form-item-body textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.textfield-compact.textfield-compact-focused .textfield-compact-label,
.textfield-compact:hover .textfield-compact-label {
  display: inline-block;
}
.textfield-compact.x-form-readonly .x-form-trigger-wrap {
  border-color: #f1f1f1;
}
.textfield-compact-label {
  position: relative;
  display: none;
  margin-top: -5px;
  font-size: 10px;
  margin-left: 5px;
  background-color: #fff;
  padding: 0 4px 0 4px;
  border: 1px solid #fff;
  border-radius: 3px;
  line-height: 9px;
  overflow: visible;
  z-index: 1;
  white-space: nowrap;
}
.lookup-masterdata-btn {
  font-size: 15px;
  background-image: none;
  border-radius: 0 2px 2px 0;
}
.lookup-masterdata-btn:before {
  display: inline-block;
  line-height: 22px;
  color: #4c4c4c;
}
.x-form-readonly .x-form-trigger-wrap-default {
  border-color: #f1f1f1;
}
.x-form-readonly input,
.x-form-readonly textarea {
  background: #f1f1f1;
}
.orderForm .sb-slotrange-placeholder,
.orderForm .sb-slotrange-location {
  color: #aaa;
  padding: 3px 0 2px 0;
}
.orderForm .sb-single-sbloca {
  color: #ed1c24;
}
.orderForm .handling-unit-group .x-form-text {
  font-weight: bold;
}
.matlinegrid .diff-original-part-value,
.matlinegrid .diff-original-un-value,
.matlinegrid .diff-original-override-value {
  box-shadow: 0 2px 1px #f7931e;
}
.matlinegrid .diff-original-part-value.x-grid-cell,
.matlinegrid .diff-original-un-value.x-grid-cell,
.matlinegrid .diff-original-override-value.x-grid-cell {
  box-shadow: none;
}
.matline-editor-menu .diff-original-part-value .x-menu-item-text,
.matline-editor-menu .diff-original-un-value .x-menu-item-text,
.matline-editor-menu .diff-original-override-value .x-menu-item-text {
  box-shadow: 0 2px 1px #f7931e;
}
.emailnotifier .emailnotifier-btn {
  border-color: #c0c0c0;
}
.emailnotifier .emailnotifier-btn .x-btn-inner {
  color: #3a3a3a;
}
.email-array-field .x-tagfield-body .x-tagfield-item {
  padding: 2px 18px 2px 6px;
}
.email-array-field .x-tagfield-body .x-tagfield-item.x-form-invalid {
  background-color: #e8a99e;
  border-color: #d86b57;
}
.email-array-field .x-tagfield-body .x-tagfield-item-text {
  padding-left: 24px;
}
.email-array-field .x-tagfield-body .slick-tag-icon {
  width: 20px;
  height: 16px;
  top: 1px;
  left: 6px;
  position: absolute;
  font-family: 'SupplyStackFontIcons';
  font-size: 14px;
  border-right: 1px solid rgba(0,0,0,0.412);
}
.email-array-field .x-tagfield-body .slick-tag-icon.user:before {
  content: "\e74a";
}
.email-array-field .x-tagfield-body .slick-tag-icon.md:before {
  content: "\e6fd";
}
.email-array-field .x-tagfield-body .x-tagfield-input {
  width: 100%;
  margin-right: -10px;
}
.x-btn-inner-default-small {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
.x-btn-alert {
  background-color: #fdf3d3 !important;
  border-color: #f6c321;
}
.x-btn-alert .x-btn-inner {
  color: #000;
}
.x-btn {
  background-image: none;
  color: #444;
}
.x-btn .x-btn-button-default-small {
  height: 18px;
}
.x-btn.x-segmented-button.x-btn-menu-active,
.x-btn.x-segmented-button.x-btn-active,
.x-btn.x-segmented-button.x-btn-pressed {
  background-color: #e4b009;
  border-color: #e4b009;
}
.x-btn.x-btn-default-small,
.x-btn.x-btn-default-medium {
  background-color: #ebebeb;
  background-image: none;
  border-color: #cfcfcf;
}
.x-btn.x-btn-default-small.x-btn-disabled,
.x-btn.x-btn-default-medium.x-btn-disabled {
  background-color: #ebebeb;
  background-image: none;
  border-color: #bfc5cd;
}
.x-btn.x-btn-default-small .x-btn-inner,
.x-btn.x-btn-default-medium .x-btn-inner {
  color: #4d5259;
}
.x-btn.x-btn-default-small.x-btn-over,
.x-btn.x-btn-default-medium.x-btn-over,
.x-btn.x-btn-default-small.x-btn-focus,
.x-btn.x-btn-default-medium.x-btn-focus {
  background-color: #fdf3d3;
  background-image: none;
  border-color: #e4b009;
}
.x-btn.x-btn-default-small.x-btn-over .x-btn-inner,
.x-btn.x-btn-default-medium.x-btn-over .x-btn-inner,
.x-btn.x-btn-default-small.x-btn-focus .x-btn-inner,
.x-btn.x-btn-default-medium.x-btn-focus .x-btn-inner,
.x-btn.x-btn-default-small.x-btn-over x-btn-icon-el:before,
.x-btn.x-btn-default-medium.x-btn-over x-btn-icon-el:before,
.x-btn.x-btn-default-small.x-btn-focus x-btn-icon-el:before,
.x-btn.x-btn-default-medium.x-btn-focus x-btn-icon-el:before {
  color: #000;
}
.x-btn.x-btn-default-small.x-btn-menu-active,
.x-btn.x-btn-default-medium.x-btn-menu-active,
.x-btn.x-btn-default-small.x-btn-pressed,
.x-btn.x-btn-default-medium.x-btn-pressed {
  background-color: #fcedbd;
  background-image: none;
  border-color: #d9a709;
}
.x-btn.x-btn-default-small .x-btn-arrow-right:after,
.x-btn.x-btn-default-medium .x-btn-arrow-right:after {
  top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #444 transparent transparent transparent;
  padding-right: inherit;
  position: relative;
}
.x-btn.x-btn-plain-small.x-btn-over .x-btn-inner,
.x-btn.x-btn-plain-small.x-btn-focus .x-btn-inner,
.x-btn.x-btn-plain-small.x-btn-over .x-btn-icon-el:before,
.x-btn.x-btn-plain-small.x-btn-focus .x-btn-icon-el:before {
  color: #e4b009;
}
.x-btn.x-btn-plain-small .x-btn-icon-left {
  padding-right: 5px;
}
.x-btn.x-btn-plain-small .x-btn-icon-el-plain-small {
  width: 16px;
}
.x-btn.x-btn-plain-small .x-btn-wrap-plain-small.x-btn-arrow-right:after {
  width: 16px;
  padding-right: 16px;
  background-image: url("/img/buttons/btn-arrow.png");
}
.x-btn.button-red,
.x-btn.button-green,
.x-btn.button-orange {
  border: solid;
  border-width: 1px;
}
.x-btn.button-red .x-btn-inner,
.x-btn.button-green .x-btn-inner,
.x-btn.button-orange .x-btn-inner {
  color: #fff;
}
.x-btn.button-red .x-btn-icon-el:before,
.x-btn.button-green .x-btn-icon-el:before,
.x-btn.button-orange .x-btn-icon-el:before {
  color: #fff;
}
.x-btn.button-red.x-btn-over,
.x-btn.button-green.x-btn-over,
.x-btn.button-orange.x-btn-over,
.x-btn.button-red.x-btn-focus,
.x-btn.button-green.x-btn-focus,
.x-btn.button-orange.x-btn-focus {
  border-style: solid;
  border-width: 1px;
  background-color: #fff;
}
.x-btn.button-red.x-btn-disabled,
.x-btn.button-green.x-btn-disabled,
.x-btn.button-orange.x-btn-disabled {
  background-color: #b5b7b5;
  opacity: 1;
  background-image: none;
  border-color: #b5b7b5;
}
.x-btn.button-red {
  background-color: #ed1c24;
  border-color: #ed1c24;
}
.x-btn.button-red.x-btn-over,
.x-btn.button-red.x-btn-focus {
  border-color: #ed1c24;
}
.x-btn.button-red.x-btn-over .x-btn-inner,
.x-btn.button-red.x-btn-focus .x-btn-inner {
  color: #ed1c24;
}
.x-btn.button-red.x-btn-over .x-btn-icon-el:before,
.x-btn.button-red.x-btn-focus .x-btn-icon-el:before {
  color: #ed1c24;
}
.x-btn.button-green {
  background-color: #00ceb4;
  border-color: #fff transparent transparent transparent;
}
.x-btn.button-green.x-btn-over,
.x-btn.button-green.x-btn-focus {
  border-color: #00ceb4;
}
.x-btn.button-green.x-btn-over .x-btn-inner,
.x-btn.button-green.x-btn-focus .x-btn-inner {
  color: #00ceb4;
}
.x-btn.button-green.x-btn-over .x-btn-icon-el:before,
.x-btn.button-green.x-btn-focus .x-btn-icon-el:before {
  color: #00ceb4;
}
.x-btn.button-green.x-btn-over .x-btn-arrow-right:after,
.x-btn.button-green.x-btn-focus .x-btn-arrow-right:after {
  border-color: #00ceb4 transparent transparent transparent;
}
.x-btn.button-green.x-btn-over .x-btn-split-right:after,
.x-btn.button-green.x-btn-focus .x-btn-split-right:after {
  filter: invert(19%) sepia(28%) saturate(590%) hue-rotate(125deg) brightness(89%) contrast(84%);
}
.x-btn.button-orange {
  background-color: #f7931e;
  border-color: #f7931e;
}
.x-btn.button-orange.x-btn-over,
.x-btn.button-orange.x-btn-focus {
  border-color: #f7931e;
}
.x-btn.button-orange.x-btn-over .x-btn-inner,
.x-btn.button-orange.x-btn-focus .x-btn-inner {
  color: #f7931e;
}
.x-btn.button-orange.x-btn-over .x-btn-icon-el:before,
.x-btn.button-orange.x-btn-focus .x-btn-icon-el:before {
  color: #f7931e;
}
.x-btn.x-btn-menu-active,
.x-btn.x-btn-active,
.x-btn.x-btn-pressed,
.x-btn.x-btn-over {
  background-image: none;
  box-shadow: none;
}
.x-btn.primary {
  border: 1px solid #f6c321;
  padding: 3px;
  background: #f6c321;
  color: #000;
  border-radius: 3px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.x-btn.primary .x-btn-inner {
  color: #000;
  font-weight: normal;
}
.x-btn.primary:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.x-btn.primary:focus:not(:active)::after {
  animation: ripple 0.5s ease-out;
}
.x-btn.primary.x-btn-over,
.x-btn.primary.x-btn-focus {
  border-color: #e4b009;
  background: #e4b009;
  box-shadow: none;
}
.x-btn.primary.x-btn-over .x-btn-inner,
.x-btn.primary.x-btn-focus .x-btn-inner {
  color: #000;
}
.x-btn.primary:hover,
.x-btn.primary:active,
.x-btn.primary:focus {
  border-color: #e4b009;
  background: #e4b009;
  color: #000;
}
.x-btn.primary.x-btn-disabled,
.x-btn.primary.disabled {
  opacity: 1;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}
.x-btn.primary.x-btn-disabled .x-btn-inner,
.x-btn.primary.disabled .x-btn-inner,
.x-btn.primary.x-btn-disabled .x-btn-icon-el:before,
.x-btn.primary.disabled .x-btn-icon-el:before {
  color: #959595;
}
.x-btn.primary .x-btn-wrap.x-btn-arrow-right:after {
  background-image: none;
  width: 0;
  height: 0;
  padding-right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  display: block;
  margin-top: 5px;
}
.x-btn.primary.smaller {
  padding: 0;
  margin: 0 2px 2px 0;
}
.x-btn.primary.smaller .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
  font-size: 11px;
  line-height: 16px;
  margin-left: 2px;
}
.x-btn.primary.smaller .x-btn-inner {
  font-size: 11px;
}
.x-btn:focus {
  background-color: #f1f1f1;
}
.x-btn.slick-plain {
  border: none;
  background: none;
}
.x-btn.slick-plain .x-btn-inner {
  text-decoration: underline;
}
.x-btn.slick-plain .x-btn-inner,
.x-btn.slick-plain x-btn-icon-el:before {
  color: #444;
  font-weight: 500;
}
.x-btn.slick-plain.x-btn-menu-active,
.x-btn.slick-plain.x-btn-pressed {
  background: none;
  border: none;
}
.x-btn.slick-plain.x-btn-menu-active .x-btn-inner,
.x-btn.slick-plain.x-btn-pressed .x-btn-inner,
.x-btn.slick-plain.x-btn-menu-active x-btn-icon-el:before,
.x-btn.slick-plain.x-btn-pressed x-btn-icon-el:before {
  color: #222;
}
.x-btn.slick-plain.x-btn-over,
.x-btn.slick-plain.x-btn-focus,
.x-btn.slick-plain.x-btn-over.x-btn-focus {
  background: none;
  border: none;
  box-shadow: none;
}
.x-btn.slick-plain.x-btn-over .x-btn-inner,
.x-btn.slick-plain.x-btn-focus .x-btn-inner,
.x-btn.slick-plain.x-btn-over.x-btn-focus .x-btn-inner,
.x-btn.slick-plain.x-btn-over x-btn-icon-el:before,
.x-btn.slick-plain.x-btn-focus x-btn-icon-el:before,
.x-btn.slick-plain.x-btn-over.x-btn-focus x-btn-icon-el:before {
  color: #222;
}
.x-btn.slick-plain-blue {
  background: none;
  border: none;
}
.x-btn.slick-plain-blue .x-btn-inner,
.x-btn.slick-plain-blue x-btn-icon-el:before {
  color: #40c9ec;
  font-weight: 500;
}
.x-btn.slick-plain-blue.x-btn-menu-active,
.x-btn.slick-plain-blue.x-btn-pressed {
  background: none;
  border: none;
}
.x-btn.slick-plain-blue.x-btn-menu-active .x-btn-inner,
.x-btn.slick-plain-blue.x-btn-pressed .x-btn-inner,
.x-btn.slick-plain-blue.x-btn-menu-active x-btn-icon-el:before,
.x-btn.slick-plain-blue.x-btn-pressed x-btn-icon-el:before {
  color: #40c9ec;
}
.x-btn.slick-plain-blue.x-btn-over,
.x-btn.slick-plain-blue.x-btn-focus,
.x-btn.slick-plain-blue.x-btn-over.x-btn-focus {
  background: none;
  border: none;
  box-shadow: none;
}
.x-btn.slick-plain-blue.x-btn-over .x-btn-inner,
.x-btn.slick-plain-blue.x-btn-focus .x-btn-inner,
.x-btn.slick-plain-blue.x-btn-over.x-btn-focus .x-btn-inner,
.x-btn.slick-plain-blue.x-btn-over x-btn-icon-el:before,
.x-btn.slick-plain-blue.x-btn-focus x-btn-icon-el:before,
.x-btn.slick-plain-blue.x-btn-over.x-btn-focus x-btn-icon-el:before {
  color: #40c9ec;
}
.x-btn.slick-reject,
.x-btn.slick-cancel {
  border: 1px solid #da291c;
  padding: 3px;
  background: #da291c;
  color: #fff;
  border-radius: 3px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.x-btn.slick-reject .x-btn-inner,
.x-btn.slick-cancel .x-btn-inner {
  color: #fff;
  font-weight: normal;
}
.x-btn.slick-reject:after,
.x-btn.slick-cancel:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.x-btn.slick-reject:focus:not(:active)::after,
.x-btn.slick-cancel:focus:not(:active)::after {
  animation: ripple 0.5s ease-out;
}
.x-btn.slick-reject.x-btn-over,
.x-btn.slick-cancel.x-btn-over,
.x-btn.slick-reject.x-btn-focus,
.x-btn.slick-cancel.x-btn-focus {
  border-color: #c42519;
  background: #c42519;
  box-shadow: none;
}
.x-btn.slick-reject.x-btn-over .x-btn-inner,
.x-btn.slick-cancel.x-btn-over .x-btn-inner,
.x-btn.slick-reject.x-btn-focus .x-btn-inner,
.x-btn.slick-cancel.x-btn-focus .x-btn-inner {
  color: #fff;
}
.x-btn.slick-reject:hover,
.x-btn.slick-cancel:hover,
.x-btn.slick-reject:active,
.x-btn.slick-cancel:active,
.x-btn.slick-reject:focus,
.x-btn.slick-cancel:focus {
  border-color: #c42519;
  background: #c42519;
  color: #fff;
}
.x-btn.slick-reject.x-btn-disabled,
.x-btn.slick-cancel.x-btn-disabled,
.x-btn.slick-reject.disabled,
.x-btn.slick-cancel.disabled {
  opacity: 1;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}
.x-btn.slick-reject.x-btn-disabled .x-btn-inner,
.x-btn.slick-cancel.x-btn-disabled .x-btn-inner,
.x-btn.slick-reject.disabled .x-btn-inner,
.x-btn.slick-cancel.disabled .x-btn-inner,
.x-btn.slick-reject.x-btn-disabled .x-btn-icon-el:before,
.x-btn.slick-cancel.x-btn-disabled .x-btn-icon-el:before,
.x-btn.slick-reject.disabled .x-btn-icon-el:before,
.x-btn.slick-cancel.disabled .x-btn-icon-el:before {
  color: #959595;
}
.x-btn.slick-reject .x-btn-wrap.x-btn-arrow-right:after,
.x-btn.slick-cancel .x-btn-wrap.x-btn-arrow-right:after {
  background-image: none;
  width: 0;
  height: 0;
  padding-right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  display: block;
  margin-top: 5px;
}
.x-btn.slick-primary {
  border: 1px solid #ffd82d;
  padding: 3px;
  background: #ffd82d;
  color: #252729;
  border-radius: 3px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.x-btn.slick-primary .x-btn-inner {
  color: #252729;
  font-weight: normal;
}
.x-btn.slick-primary:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.x-btn.slick-primary:focus:not(:active)::after {
  animation: ripple 0.5s ease-out;
}
.x-btn.slick-primary.x-btn-over,
.x-btn.slick-primary.x-btn-focus {
  border-color: #ffd000;
  background: #ffd000;
  box-shadow: none;
}
.x-btn.slick-primary.x-btn-over .x-btn-inner,
.x-btn.slick-primary.x-btn-focus .x-btn-inner {
  color: #252729;
}
.x-btn.slick-primary:hover,
.x-btn.slick-primary:active,
.x-btn.slick-primary:focus {
  border-color: #ffd000;
  background: #ffd000;
  color: #252729;
}
.x-btn.slick-primary.x-btn-disabled,
.x-btn.slick-primary.disabled {
  opacity: 1;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}
.x-btn.slick-primary.x-btn-disabled .x-btn-inner,
.x-btn.slick-primary.disabled .x-btn-inner,
.x-btn.slick-primary.x-btn-disabled .x-btn-icon-el:before,
.x-btn.slick-primary.disabled .x-btn-icon-el:before {
  color: #959595;
}
.x-btn.slick-primary .x-btn-wrap.x-btn-arrow-right:after {
  background-image: none;
  width: 0;
  height: 0;
  padding-right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #252729;
  display: block;
  margin-top: 5px;
}
.x-btn.slick-subtle {
  border: 1px solid #f7f7f7;
  padding: 3px;
  background: #f7f7f7;
  color: #545454;
  border-radius: 3px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.x-btn.slick-subtle .x-btn-inner {
  color: #545454;
  font-weight: normal;
}
.x-btn.slick-subtle:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.x-btn.slick-subtle:focus:not(:active)::after {
  animation: ripple 0.5s ease-out;
}
.x-btn.slick-subtle.x-btn-over,
.x-btn.slick-subtle.x-btn-focus {
  border-color: #d2d2d2;
  background: #f7f7f7;
  box-shadow: none;
}
.x-btn.slick-subtle.x-btn-over .x-btn-inner,
.x-btn.slick-subtle.x-btn-focus .x-btn-inner {
  color: #545454;
}
.x-btn.slick-subtle:hover,
.x-btn.slick-subtle:active,
.x-btn.slick-subtle:focus {
  border-color: #d2d2d2;
  background: #f7f7f7;
  color: #545454;
}
.x-btn.slick-subtle.x-btn-disabled,
.x-btn.slick-subtle.disabled {
  opacity: 1;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}
.x-btn.slick-subtle.x-btn-disabled .x-btn-inner,
.x-btn.slick-subtle.disabled .x-btn-inner,
.x-btn.slick-subtle.x-btn-disabled .x-btn-icon-el:before,
.x-btn.slick-subtle.disabled .x-btn-icon-el:before {
  color: #959595;
}
.x-btn.slick-subtle .x-btn-wrap.x-btn-arrow-right:after {
  background-image: none;
  width: 0;
  height: 0;
  padding-right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #545454;
  display: block;
  margin-top: 5px;
}
.x-btn.slick-icon-button {
  border: none;
  background: none;
  color: #f6c321;
}
.x-btn.slick-icon-button.default-fg {
  color: #444;
}
.x-btn.slick-icon-button.default-fg.x-btn-over .x-btn-inner,
.x-btn.slick-icon-button.default-fg.x-btn-focus .x-btn-inner,
.x-btn.slick-icon-button.default-fg.x-btn-menu-active .x-btn-inner,
.x-btn.slick-icon-button.default-fg.x-btn-pressed .x-btn-inner {
  color: #444;
}
.x-btn.slick-icon-button.x-btn-over,
.x-btn.slick-icon-button.x-btn-focus,
.x-btn.slick-icon-button.x-btn-menu-active,
.x-btn.slick-icon-button.x-btn-pressed {
  border-color: none;
  background: none;
}
.x-btn.slick-icon-button.x-btn-over .x-btn-inner,
.x-btn.slick-icon-button.x-btn-focus .x-btn-inner,
.x-btn.slick-icon-button.x-btn-menu-active .x-btn-inner,
.x-btn.slick-icon-button.x-btn-pressed .x-btn-inner {
  color: #f5bf14;
}
.x-btn.slick-icon-button.x-btn-disabled {
  opacity: 1;
}
.x-btn.slick-icon-button.x-btn-disabled .x-btn-inner,
.x-btn.slick-icon-button.x-btn-disabled .x-btn-icon-el:before {
  color: #959595;
}
.x-btn.slick-icon-button.x-btn-menu-active .x-btn-inner,
.x-btn.slick-icon-button.x-btn-pressed .x-btn-inner,
.x-btn.slick-icon-button.x-btn-menu-active .x-btn-icon-el:before,
.x-btn.slick-icon-button.x-btn-pressed .x-btn-icon-el:before {
  color: inherit;
}
.x-btn.no-menu-trigger .x-btn-wrap-default-small.x-btn-arrow-right:after {
  display: none;
}
.text-button-trigger {
  background: none;
  vertical-align: baseline;
  border-left: 1px solid #cecece;
  padding: 0 10px;
}
.x-btn-redlink-small .x-btn-inner {
  line-height: 16px;
  color: #ed1c24;
}
.x-btn-redlink-small .x-btn-inner:hover,
.x-btn-redlink-small .x-btn-inner:active,
.x-btn-redlink-small .x-btn-inner:focus {
  text-decoration: underline;
}
.x-btn-icon-el-default-toolbar-small {
  color: inherit;
}
.x-invalid .x-btn.x-btn-default-small {
  background-color: #e8a99e;
  border-color: #d86b57;
}
.x-btn-default-toolbar-small {
  background-color: none;
}
.x-btn.x-btn-focus.x-btn-default-toolbar-small-focus {
  background-color: #fdf3d3;
  background-image: none;
  box-shadow: none;
}
.slick-color-icon .x-btn-icon-el-default-small {
  color: #11ba90;
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
  background-image: none;
}
.force-align .x-btn-icon-left .x-btn-icon-el {
  left: 1px;
  position: absolute;
}
.force-align .x-btn-icon-right .x-btn-icon-el {
  right: 1px;
  position: absolute;
}
.slick-icon-component {
  text-align: center;
}
@-moz-keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(2, 2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(20, 20);
  }
}
@-webkit-keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(2, 2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(20, 20);
  }
}
@-o-keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(2, 2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(20, 20);
  }
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(2, 2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(20, 20);
  }
}
.container-white-background {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 10px #fff;
  -moz-box-shadow: 0px 0px 0px 10px #fff;
  box-shadow: 0px 0px 0px 10px #fff;
}
.x-form-readonly .x-tagfield-body .x-tagfield-input {
  display: none;
}
.x-form-readonly .x-tagfield-body .x-tagfield-item-close {
  display: none;
}
.x-form-readonly .x-tagfield-body .x-form-trigger-wrap {
  border: none;
}
.x-form-text-default .x-tagfield-item {
  border-radius: 1vh;
  padding: 0 17px 0 8px;
  color: #424242;
}
.x-tagfield.x-form-text-default {
  background-color: transparent;
  min-height: 20px;
}
.x-tagfield-body {
  line-height: 0;
  min-height: 22px;
}
.textfield-compact .x-tagfield-input-field {
  padding: 1px 4px;
}
.x-form-empty-field-default + .x-placeholder-label-default {
  line-height: 16px;
}
.slick-progressbar.x-progress {
  background-color: transparent;
  height: auto;
}
.slick-progressbar.x-progress .x-progress-text {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #a5aab3;
  text-align: left;
}
.slick-progressbar.x-progress .x-progress-bar-outer {
  border-radius: 3px;
  height: 5px;
  position: relative;
  background-color: #f5f5f5;
}
.slick-progressbar.x-progress .x-progress-bar {
  background-color: #ffd82e;
  border-radius: 3px 0 0 3px;
}
.slick-progressbar.x-progress.finished .x-progress-text {
  color: #2cb944;
}
.slick-progressbar.x-progress.failed .x-progress-text {
  color: #da291c;
}
.slick-togglefield .x-slider-horz,
.slick-togglefield .x-slider-horz .x-slider-end,
.slick-togglefield .x-slider-horz .x-slider-inner {
  background-image: none;
}
.slick-togglefield .x-slider.x-form-field {
  height: 10px;
  background-color: #dbdbdb;
  border-radius: 5px;
  border: 1px solid #545353;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.slick-togglefield .x-slider-horz .x-slider-thumb {
  background-image: none;
  background-color: #b8b7b6;
  border-radius: 8px;
  margin-top: -3px;
  border: 1px solid #545353;
  margin-left: -8px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.slick-togglefield .x-slider-horz .x-slider-end {
  padding-right: 5px;
}
.slick-togglefield.on .x-slider.x-form-field {
  background-color: #fbe190;
  border: 1px solid #c99b08;
}
.slick-togglefield.on .x-slider-horz .x-slider-thumb {
  background-color: #f6c321;
  border: 1px solid #bc9108;
}
.slick-togglefield.x-form-readonly {
  pointer-events: none;
}
.slick-togglefield.x-form-readonly .x-slider.x-form-field {
  background-color: #ebebeb;
  border: 1px solid #cfcfcf;
}
.slick-togglefield.x-form-readonly .x-slider-horz .x-slider-thumb {
  pointer-events: none;
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}
.slick-togglefield.x-form-readonly.on .x-slider.x-form-field {
  background-color: #cfcfcf;
}
.slick-message-bar-component {
  background-color: #fff;
}
.slick-message-bar-component .message-bar {
  display: flex;
  align-items: center;
  border: 1px solid #bdbdbd;
  border-left-width: 5px;
  border-radius: 5px;
  padding: 10px 0;
  width: 100%;
}
.slick-message-bar-component .message-bar svg {
  flex-shrink: 0;
  margin-left: 20px;
}
.slick-message-bar-component .message-bar span {
  margin: 0 15px;
  padding: 8px 0;
}
.slick-message-bar-component .message-bar.message-info {
  border-left-color: #2196f3;
}
.slick-message-bar-component .message-bar.slick-messagebar-small span {
  font-size: 12px;
  padding: 0;
}
.x-panel-header-default:not(.poppy-header):not(.primary) .x-tool-img {
  background-image: url("/img/icons/tool/x-tool-img.svg");
}
.x-panel-header-default .x-tool-tool-el {
  color: inherit;
  background-color: inherit;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button {
  border: solid;
  border-width: 1px;
  background-image: none;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button .x-btn-inner {
  color: #fff;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button .x-btn-icon-el:before {
  color: #fff;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.x-btn-after-title.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.x-btn-pressed {
  border-style: solid;
  border-width: 1px;
  background-image: none;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.x-btn-focus {
  box-shadow: none;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue {
  border-color: #12baf3;
  background-color: #12baf3;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-after-title.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-pressed {
  border-color: #12baf3;
  background-color: #fff;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-after-title.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-pressed .x-btn-inner {
  color: #12baf3;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-after-title.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.blue.x-btn-pressed .x-btn-icon-el:before {
  color: #12baf3;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green {
  background-color: #00ceb4;
  border-color: #00ceb4;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-after-title.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-pressed {
  border-color: #00ceb4;
  background-color: #fff;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-after-title.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-pressed .x-btn-inner {
  color: #00ceb4;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-after-title.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.green.x-btn-pressed .x-btn-icon-el:before {
  color: #00ceb4;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange {
  background-color: #f7931e;
  border-color: #f7931e;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-after-title.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-over,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-pressed {
  border-color: #f7931e;
  background-color: #fff;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-after-title.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-over .x-btn-inner,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-pressed .x-btn-inner {
  color: #f7931e;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-after-title.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-over .x-btn-icon-el:before,
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.order-nav-button.orange.x-btn-pressed .x-btn-icon-el:before {
  color: #f7931e;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.ficon-16.ficon-fg-normal-right.icon-circle-right {
  float: right;
}
.paging-toolbar .x-tbar-page-first,
.paging-toolbar .x-tbar-page-prev,
.paging-toolbar .x-tbar-page-next,
.paging-toolbar .x-tbar-page-last,
.paging-toolbar .x-tbar-loading {
  background: none;
}
.chat-group {
  display: inline-block;
  margin-top: 3px;
}
.chat-status {
  display: inline-block;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
}
.chat-status.x-menu-item-icon {
  margin: 9px 3px;
}
.chat-status-available {
  background: #2cb944;
}
.chat-status-offline {
  background: rgba(56,183,216,0.15);
}
.x-tree-node-text .chat-status-available,
.x-tree-node-text .chat-status-offline {
  margin-top: 3px;
}
body.x-body .x-tab-bar-strip-chat {
  display: block;
  background-color: #cfcfcf;
  border: none;
  height: 1px;
}
.x-tab-bar-chat {
  background-color: #f7f8f9;
  padding-left: 7px;
}
.x-tab-bar-chat .x-tab-chat-top {
  padding: 7px 6px 6px 6px;
  background-color: #f7f8f9;
  border-color: #cfcfcf;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  margin: 5px 2px 0 2px;
}
.x-tab-bar-chat .x-tab-icon-el-chat {
  color: #4d5259;
}
.x-tab-bar-chat .x-tab-inner-chat {
  max-width: 95px;
  color: #4d5259;
  font-size: 12px;
  line-height: 12px;
  margin-left: 4px;
}
.x-tab-bar-chat .x-tab-active {
  background-color: #fff;
}
.x-tab-bar-chat .x-btn.slick-plain {
  text-decoration: none;
}
.x-tab-bar-chat .x-box-scroller-left,
.x-tab-bar-chat .x-box-scroller-right {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: #f6c321;
  opacity: 0.25;
}
.x-tab-bar-chat.x-tab-bar-chat-scroller .x-box-scroller-body-horizontal {
  margin-left: 16px;
}
.x-tab-bar-chat .x-box-scroller-left {
  background-image: url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/tab-bar/default-scroll-left.png");
}
.x-tab-bar-chat .x-box-scroller-right {
  background-image: url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/tab-bar/default-scroll-right.png");
}
.chat-textarea-ct {
  background-color: #f5f5f5;
}
.chat-textarea-compact textarea {
  font-size: 13px;
  line-height: 15px !important;
}
.slick-img-avatar {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.slick-chat-user {
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 12px;
}
.chat-avatar {
  margin: 1px 0 0 0 !important;
  border-radius: 50%;
}
i.chat-avatar {
  vertical-align: middle;
  margin: -4px 3px 0 2px;
}
.mail-offline-users-tip {
  opacity: 0.5;
  color: #4d5259;
  margin-top: 3px;
}
.chat-history-item {
  padding: 18px 10px;
  position: relative;
  border-bottom: 1px solid #cfcfcf;
}
.chat-history-item.unread {
  background: rgba(254,215,67,0.2);
}
.chat-history-item.last {
  border-bottom: none;
}
.chat-history-item .image {
  float: left;
  margin: 0 8px;
}
.chat-history-item .image .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.chat-history-item .names {
  display: inline-block;
  color: #7e8289;
  font-size: 11px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 170px);
}
.chat-history-item .last-message-timestamp {
  display: inline-block;
  margin-left: 10px;
  color: #7e8289;
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
}
.chat-history-item .title {
  color: #3d4249;
  font-size: 14px;
  font-weight: bold;
}
.chat-history-item .last-message {
  margin-left: 40px;
  line-height: 18px;
  font-size: 12px;
  color: #7e8289;
}
.chat-history-item .btn-pinned {
  position: absolute;
  top: 33px;
  right: 18px;
  color: #4d5259;
}
.x-keyboard-mode .chat-history-item.x-view-item-focused {
  outline: none !important;
}
.consolidation-win > .x-panel-header .x-title-text,
.consolidation-settings-form > .x-panel-header .x-title-text {
  font-size: 14px;
}
.consolidation-win .x-panel-header,
.consolidation-settings-form .x-panel-header {
  box-shadow: inset 0 -1px 0 0 #e5e5e5;
  padding: 5px;
}
.consolidation-win .x-panel-header .x-title-text,
.consolidation-settings-form .x-panel-header .x-title-text {
  padding-left: 12px;
}
.consolidation-win .x-title-text,
.consolidation-settings-form .x-title-text,
.consolidation-win .x-form-item-label,
.consolidation-settings-form .x-form-item-label {
  font-weight: 500;
  font-family: "Roboto Medium";
  color: #444;
}
.consolidation-win .x-form-display-field-default,
.consolidation-settings-form .x-form-display-field-default {
  color: #444;
}
.consolidation-win .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner,
.consolidation-settings-form .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
  padding-bottom: 0;
}
.consolidation-win .msg .logo {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 22px;
  margin: 20px 0;
}
.consolidation-win .msg .text {
  margin: 0 10px 10px 10px;
  text-align: center;
}
.consolidation-settings-form .x-panel-header .x-form-type-checkbox {
  padding-top: 5px;
  margin-right: 14px;
}
.consolidation-settings-form .x-title-text {
  line-height: 29px;
}
.consolidation-settings-form .matching-settings {
  border: solid #e5e5e5;
  border-width: 0 1px 0 0;
}
.consolidation-settings-form .name-description,
.consolidation-settings-form .matching-description {
  color: #545454;
  font-size: 12px;
}
.consolidation-settings-form .name-description {
  opacity: 0.5;
}
.mergeview .visualizer-label {
  color: #545454;
  opacity: 0.5;
  font-size: 9px;
}
.mergeview .location-box {
  box-shadow: 0 2px 1px 0 rgba(200,200,200,0.18);
  background-color: #fff;
  border: solid 1px #c3c3c3;
  font-size: 11px;
  line-height: 24px;
  text-align: left;
  color: #545454;
  padding-left: 5px;
  font-weight: bold;
}
.mergeview .location-box.leg {
  background-color: #defff7;
  font-weight: normal;
}
.mergeview .location-box.leg.invalid {
  background-color: #f1c9c2;
  border-color: #cf4c35;
}
.mergeview .location-box.leg.invalid .x-btn.slick-icon-button {
  color: #cf4c35;
}
.mergeview .location-box.leg .label {
  font-weight: bold;
}
.cancellationsurcharge-settings-form .editLabel {
  font-size: 10px;
  color: #666;
  display: none;
}
.cancellationsurcharge-settings-form .editing .editLabel {
  display: block;
}
.cancellationsurcharge-settings-form .overview-grid.grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.cancellationsurcharge-settings-form .overview-grid.grid .x-tree-view .x-grid-item.x-grid-item-selected {
  border-color: #f6c321;
  background-color: #f6c321;
  color: #000;
}
.cancellationsurcharge-settings-form .overview-grid.grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-action-col-icon,
.cancellationsurcharge-settings-form .overview-grid.grid .x-tree-view .x-grid-item.x-grid-item-selected .x-action-col-icon {
  color: #000;
}
.cancellationsurcharge-settings-form .settings-fieldset {
  border: none;
  background: none;
}
.cancellationsurcharge-settings-form .settings-fieldset legend {
  padding: 0;
  margin-bottom: 7px;
}
.carrierallocation-settings-form .x-fieldset {
  border: none;
  background: none;
  padding-left: 0;
}
.carrierallocation-settings-form .x-fieldset legend {
  border: none;
  background: none;
  padding-inline-start: 0;
  font-weight: bold;
}
.carrierallocation-settings-form .x-fieldset .carrier-block {
  border: 1px solid #cfcfcf;
}
.carrierallocation-settings-form .x-fieldset .carrier-block .x-panel-header-default {
  border-width: 0 0 1px 0;
}
.carrierallocation-settings-form .x-fieldset .carrier-block .x-panel-body-default {
  background-color: #fafbfb;
}
.carrierallocation-settings-form .x-fieldset .carrier-block .badge {
  border-radius: 18px;
  min-height: 18px;
  min-width: 18px;
  text-align: center;
  padding: 2px;
  font-size: 12px;
  color: #000;
  background-color: #f6c321;
  line-height: 14px;
}
.upload-manager .x-panel-header-default .x-tool-img.x-tool-expand-top,
.upload-manager .x-panel-header-default .x-tool-img.x-tool-expand-bottom,
.upload-manager .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.upload-manager .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-position: 0;
  margin-top: -4px;
  width: 25px;
  height: 25px;
  opacity: 1;
}
.upload-manager .x-panel-header-default .x-tool-img.x-tool-expand-top,
.upload-manager .x-panel-header-default .x-tool-img.x-tool-expand-bottom {
  background-image: url("../../../img/expand-tool.svg");
}
.upload-manager .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.upload-manager .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-image: url("../../../img/collapse-tool.svg");
}
.upload-manager .x-accordion-item .x-accordion-hd {
  background: #fff;
  border-bottom: 1px solid #cfcfcf;
}
.upload-manager .x-accordion-item .x-accordion-hd-over .x-tool-tool-el {
  background-color: transparent;
}
.upload-manager-grid.x-grid .x-panel-header-title-default {
  color: #4d5259;
}
.upload-manager-grid.x-grid .x-column-header {
  background-color: #f7f8f9;
  border-right: 0;
  line-height: 30px;
  color: #444;
}
.upload-manager-grid.x-grid .x-grid-header-ct {
  background-color: #f7f8f9;
}
.upload-manager-grid.x-grid .x-grid-item {
  color: #444;
  background-color: #f7f8f9;
}
.upload-manager-grid.x-grid .x-grid-view .x-grid-cell-inner {
  line-height: 37px;
}
.upload-manager-grid.x-grid .x-grid-header-ct {
  border-bottom: 1px solid #cfcfcf;
}
.upload-manager-grid.x-grid .x-grid-td {
  border-bottom: 1px solid #cfcfcf;
  background-color: #f7f8f9;
  height: 42px;
}
.milestone-widget .arrive-milestone,
.milestone-widget .depart-milestone,
.milestone-widget .activity-milestone {
  transform: scale(1);
  transition: all 0.2s;
  cursor: pointer;
}
.milestone-widget .arrive-milestone:hover,
.milestone-widget .depart-milestone:hover,
.milestone-widget .activity-milestone:hover {
  transform: scale(1.8);
}
.milestone-widget .arrive-milestone[data-isRouting=true],
.milestone-widget .depart-milestone[data-isRouting=true],
.milestone-widget .activity-milestone[data-isRouting=true] {
  cursor: default;
}
.milestone-widget .activity-milestone:hover {
  transform: scale(1.2);
}
.milestone-details .x-panel-header-default .x-tool-img.x-tool-expand-top,
.milestone-details .x-panel-header-default .x-tool-img.x-tool-expand-bottom,
.milestone-details .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.milestone-details .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-position: 0;
  margin: 0;
  width: 15px;
  height: 15px;
  opacity: 1;
  background-size: 15px 15px;
}
.milestone-details .x-panel-header-default .x-tool-img.x-tool-expand-top,
.milestone-details .x-panel-header-default .x-tool-img.x-tool-expand-bottom {
  background-image: url("../../../img/expand-tool.svg");
}
.milestone-details .x-panel-header-default .x-tool-img.x-tool-collapse-top,
.milestone-details .x-panel-header-default .x-tool-img.x-tool-collapse-bottom {
  background-image: url("../../../img/collapse-tool.svg");
}
.milestone-details .x-accordion-item .x-accordion-hd {
  background: #fff;
  border-bottom: 1px solid #cfcfcf;
}
.milestone-details .x-accordion-item .x-accordion-hd .x-panel-header-title.x-title-focus {
  outline: none;
}
.milestone-details .x-accordion-item .x-accordion-hd-over .x-tool-tool-el {
  background-color: transparent;
}
.milestone-details .timing-panel-header {
  border: 1px solid #e3e5ea;
  border-width: 0 1px;
}
.milestone-details .x-panel-header-title-default {
  font-weight: normal;
}
.milestone-details-form .ontime-indicator {
  font-weight: 12px;
}
.milestone-details-form .early .ontime-indicator {
  color: #8080ff;
}
.milestone-details-form .early [name=timefield] {
  color: #8080ff;
}
.milestone-details-form .late .ontime-indicator {
  color: #ed1c24;
}
.milestone-details-form .late [name=timefield] {
  color: #ed1c24;
}
.milestone-grid-widget-td {
  padding: 0 0 0 0;
}
.milestone-grid-widget-td .x-grid-cell-inner {
  height: 25px;
  overflow: hidden;
  text-overflow: clip;
  padding: 0 0 0 0;
}
.milestone-expander-arrow {
  display: inline-block;
  cursor: pointer;
  padding: 8px 5px;
}
.milestone-expander-arrow .inner-arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-top: 4px solid #7e8289;
}
.x-grid-row-collapsed .milestone-expander-arrow .inner-arrow {
  border-bottom: 4px solid #bfc5cd;
  border-top: 0;
}
.x-grid-row-collapsed .milestone-expander-arrow:hover .inner-arrow {
  border-bottom: 4px solid #7e8289;
}
.milestone-grid-widget-ct {
  height: 24px;
  margin-top: 1px;
  text-align: center;
  display: inline-block;
}
.milestone-details-grid.x-grid .activity-pill {
  border: 1px solid #e7e7e7;
  border-radius: 9px;
  padding: 0 5px;
  font-size: 11px;
  color: #545454;
}
.milestone-details-grid.x-grid .activity-pill .status {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-image: url("/img/check-grey.svg");
}
.milestone-details-grid.x-grid .activity-pill .status.done {
  background-image: url("/img/check-green.svg");
}
.milestone-details-grid.x-grid .x-panel-header-title-default {
  color: #3d4249;
}
.milestone-details-grid.x-grid .x-panel-header-title-default .x-title-item .address {
  font-weight: normal;
}
.milestone-details-grid.x-grid .single-row-group {
  display: none;
}
.milestone-details-grid.x-grid .x-grid-group-title {
  font-size: 11px;
  line-height: 13px;
  color: #3d4249;
}
.milestone-details-grid.x-grid .x-column-header {
  background-color: #f7f8f9;
  border-right: 0;
  line-height: 18px;
  color: #98a1ae;
}
.milestone-details-grid.x-grid .x-grid-header-ct {
  background-color: #f7f8f9;
}
.milestone-details-grid.x-grid .x-grid-item {
  color: #444;
  background-color: #f7f8f9;
}
.milestone-details-grid.x-grid .x-grid-item .grid-row-noedit .x-grid-td.x-action-col-cell .x-action-col-icon {
  display: none;
}
.milestone-details-grid.x-grid .x-grid-item:hover .x-grid-td.x-action-col-cell .x-action-col-icon {
  opacity: 1;
}
.milestone-details-grid.x-grid .x-grid-view .x-grid-cell-inner {
  line-height: 37px;
}
.milestone-details-grid.x-grid .x-grid-header-ct {
  border-bottom: 1px solid #e3e5ea;
}
.milestone-details-grid.x-grid .x-grid-td {
  border-bottom: 1px solid #e3e5ea;
  background-color: #fff;
  height: 42px;
}
.milestone-details-grid.x-grid .x-grid-td .mileType {
  font-weight: bold;
  margin-left: 8px;
}
.milestone-details-grid.x-grid .x-grid-td .date {
  color: #252729;
  font-size: 11px;
  display: block;
  line-height: 11px;
}
.milestone-details-grid.x-grid .x-grid-td .time {
  color: #aaa;
  font-size: 11px;
  display: block;
  line-height: 11px;
}
.milestone-details-grid.x-grid .x-grid-td .time .timezone {
  font-size: 9px;
}
.milestone-details-grid.x-grid .x-grid-td.x-action-col-cell .x-action-col-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.md-questionnaire .missingTrx {
  color: #da291c;
  cursor: pointer;
}
.unnumber-translationcrud .x-grid-item-selected {
  font-weight: bold;
}
.unnumber-translationcrud .x-grid-item .hover-show {
  opacity: 0;
}
.unnumber-translationcrud .x-grid-item.x-grid-item-over .hover-show {
  opacity: 1;
}
.unnumber-translationcrud .x-grid-item.x-grid-item-over .hover-show.x-item-disabled {
  opacity: 0;
}
.tracking-window-crud .x-grid-item-selected {
  font-weight: bold;
}
.tracking-window-crud .x-grid-item .hover-show {
  opacity: 0;
}
.tracking-window-crud .x-grid-item.x-grid-item-over .hover-show {
  opacity: 1;
}
.tracking-window-crud .x-grid-item.x-grid-item-over .hover-show.x-item-disabled {
  opacity: 0;
}
.multi-update-window > .x-panel-header .x-title-text {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
.multi-update-window .x-panel-header {
  box-shadow: inset 0 -1px 0 0 #e5e5e5;
}
.multi-update-window .x-title-text,
.multi-update-window .x-form-item-label {
  font-weight: 500;
  font-family: "Roboto Medium";
}
.multi-update-window .x-form-item-label {
  color: #808080;
}
.multi-update-window .x-form-display-field-default {
  color: #444;
}
.multi-update-window .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
  padding-bottom: 0;
}
.multi-update-window .x-form-readonly input,
.multi-update-window .x-form-readonly textarea {
  background: #fff;
}
.multi-update-window .x-form-readonly .x-form-trigger-wrap-default {
  border: none;
}
.x-colorpicker-field-swatch {
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.x-colorpicker-field-swatch .x-colorpicker-field-swatch-inner {
  border-radius: 50%;
}
.x-menu .x-panel-body-default {
  border: 1px solid #f6c321;
}
.x-menu-item-icon-default.x-menu-item-icon,
.x-menu-item-icon-default.x-menu-item-icon-right,
.x-menu-item-icon-default.x-menu-item-arrow {
  font-size: 16px;
  line-height: 23px;
}
.slick-spacer-20 {
  display: inline-block;
  width: 20px;
}
.x-menu-item-default {
  font-size: 12px;
  line-height: 19px;
  padding: 5px 0;
}
.x-menu-item-default .x-menu-item-text-default {
  color: #545454;
}
.x-menu-item-default .x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-left: 26px;
}
.x-menu-item-default .x-menu-item-text-default.x-menu-item-indent-right-arrow {
  margin-right: 50px;
}
.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
  background-color: #ddebf8;
}
.x-menu-item-default .x-menu-item-arrow-default,
.x-menu-item-default .x-menu-item-focus .x-menu-item-arrow-default,
.x-menu-item-default .x-menu-item-active .x-menu-item-arrow-default {
  top: 14px;
}
.x-menu-plain .x-menu-item-text-default {
  margin-left: 12px;
}
.xls-export-menu-button-ct {
  background-color: #f5f5f5;
}
.x-tree-view .x-grid-cell-inner {
  font-size: 12px;
}
.x-tree-view .x-grid-item {
  color: #545454;
}
.show-grid-lines .x-tree-view .x-grid-item {
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
.no-cell-selection .x-tree-view .x-grid-item-focused .x-grid-cell-inner:before {
  border: none;
}
.slick-node-hidden.x-grid-row {
  display: none !important;
}
.ux-iconcombo .ux-iconcombo-icon {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 6px 2px 1px 4px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.ux-iconcombo .ux-iconcombo-icon >div,
.ux-iconcombo .ux-iconcombo-icon >img {
  width: 16px;
  height: 11px;
}
.ux-iconcombo input {
  padding-left: 4px;
}
.ux-iconcombo.has-icon input {
  padding-left: 24px;
}
.filterpicker {
  background-color: #fff;
  overflow-y: auto;
}
.filterpicker .header {
  padding: 13px 5px 9px 15px;
  border-bottom: 1px solid #ebedf1;
  display: flex;
  margin-right: 8px;
}
.filterpicker .header .text {
  color: #4d5259;
  margin-left: 8px;
  cursor: pointer;
}
.filterpicker .header.group-all-checked .checkbox {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.filterpicker .header.group-has-checked .checkbox {
  background-image: url("/img/checkboxfield/checkMin.svg");
}
.filterpicker .header.x-view-item-focused {
  outline: none !important;
}
.filterpicker .header.x-view-item-focused .checkbox {
  box-shadow: 0 0 1px 0 #38b7d8;
}
.filterpicker .items {
  padding: 0 10px 0 15px;
}
.filterpicker .items .item {
  margin: 8px 0;
  display: flex;
}
.filterpicker .items .item.space {
  margin-bottom: 25px;
}
.filterpicker .items .item .text {
  margin-left: 8px;
  margin-right: 28px;
  cursor: pointer;
  color: #4d5259;
}
.filterpicker .items .item.x-boundlist-selected {
  background: none;
}
.filterpicker .items .item.x-boundlist-selected .checkbox {
  background-image: url("/img/checkboxfield/checkChecked.svg");
}
.filterpicker .items .item.x-boundlist-item-over {
  background: none;
  outline: none !important;
}
.filterpicker .items .item.x-boundlist-item-over .checkbox {
  box-shadow: 0 0 1px 0 #38b7d8;
}
.filterpicker .items .icon {
  margin: 2px 2px 2px auto;
}
.filterpicker .items .icon.milestone-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.filterpicker .checkbox {
  display: inline-block;
  background-image: url("/img/checkboxfield/checkUnchecked.svg");
  width: 14px;
  height: 14px;
}
.statusfilterpicker {
  background-color: #fff;
  overflow-y: auto;
}
.statusfilterpicker .x-list-plain {
  display: flex;
}
.statusfilterpicker .group {
  display: inline-block;
  font-size: 12px;
}
.statusfilterpicker .group.green .item .text {
  color: #2cb944;
}
.statusfilterpicker .group.orange .item .text {
  color: #ff9600;
}
.statusfilterpicker .group.red .item .text {
  color: #da291c;
}
.statusfilterpicker .group.grey .item .text {
  color: #a5aab3;
}
.x-mask-msg {
  background-color: #fff;
  padding: 5px 10px 5px 5px;
}
.x-mask-msg .x-mask-msg-text {
  padding: 6px 0 5px 42px;
  background-image: url("../../../../387e9681e6eb0ac105fd80de676416f1793d1c8c/client_modules/node_modules/@slickss/assets/img/branding/transporeon/loadinganimation/loading-animation-small.gif");
  background-size: 40px;
  background-position: left center;
}
.x-mask-msg.no-msg {
  display: none;
}
body > .preload-element {
  background: url("../../../../387e9681e6eb0ac105fd80de676416f1793d1c8c/client_modules/node_modules/@slickss/assets/img/branding/transporeon/loadinganimation/loading-animation.gif") no-repeat -9999px -9999px;
}
.detailsRouteMap {
  border-top: 1px solid #cfcfcf;
}
.details-panel .x-tab-bar-vertical .x-tab {
  min-width: 160px;
}
.details-panel .viewAllToggle {
  background: #fff;
}
.details-panel .details-subpanel .x-panel-header {
  background: none;
  border-color: #e2e2e2;
  border-width: 0 0 1px 0;
  padding-left: 0;
}
.details-panel .details-subpanel .x-panel-header .x-title {
  font-weight: bold;
  font-size: 14px;
}
.details-panel .details-subpanel .x-form-item-label {
  font-weight: bold;
  font-size: 12px;
  color: #444;
}
.details-panel .details-subpanel.x-grid .x-grid-cell-special {
  border: none;
}
.details-panel .details-subpanel.x-grid .x-column-header {
  background-color: #fff;
  border-right: 0;
  line-height: 30px;
  color: #444;
}
.details-panel .details-subpanel.x-grid .x-grid-header-ct {
  background-color: #fff;
  border-color: #e0e0e0;
}
.details-panel .details-subpanel.x-grid .x-grid-row-summary .x-grid-cell,
.details-panel .details-subpanel.x-grid .x-grid-row-summary .x-grid-rowwrap,
.details-panel .details-subpanel.x-grid .x-grid-row-summary .x-grid-cell-rowbody {
  background-color: #fff !important;
}
.details-panel .details-subpanel.x-grid .x-docked-summary-bottom {
  border-top: 1px solid #e2e2e2 !important;
}
.details-panel .details-subpanel.x-grid .x-grid-item {
  color: #444;
}
.details-panel .details-subpanel .trace-logs pre {
  margin-bottom: 10px;
}
.details-panel .details-subpanel .expandCollapseBtn {
  margin-left: 5px;
}
.details-panel .details-subtabs {
  margin: 0;
}
.details-panel .x-form-display-field,
.details-panel .x-form-field {
  color: #545454;
}
.details-panel .x-form-readonly .x-form-trigger-wrap-default {
  border: none;
}
.details-panel .x-form-readonly input,
.details-panel .x-form-readonly textarea {
  background: none;
}
.details-collection-delivery-info {
  table-layout: fixed;
  width: 100%;
  color: #545454;
/* read more feature */
}
.details-collection-delivery-info td {
  width: 50%;
  vertical-align: top;
  padding: 6px 40px 6px 0;
}
.details-collection-delivery-info td.label {
  width: 170px;
  font-weight: bold;
  font-size: 12px;
  color: #444;
}
.details-collection-delivery-info td .email,
.details-collection-delivery-info td .phone {
  color: #8a8a8a;
}
.details-collection-delivery-info .blockIcon {
  float: left;
  margin: 0 -20px;
  position: relative;
}
.details-collection-delivery-info .contact-icon {
  float: left;
  margin-left: -18px;
}
.details-collection-delivery-info .read-more-state {
  display: none;
}
.details-collection-delivery-info .read-more-state:checked ~ .read-more-wrap {
  max-height: 9999px;
}
.details-collection-delivery-info .read-more-state:checked ~ .read-more-wrap:after {
  background: transparent;
}
.details-collection-delivery-info .read-more-state:checked ~ .read-more-trigger .more {
  display: none;
}
.details-collection-delivery-info .read-more-state:checked ~ .read-more-trigger .less {
  display: inline;
}
.details-collection-delivery-info .read-more-wrap {
  position: relative;
  max-height: 50px;
  overflow: hidden;
  margin: 0;
}
.details-collection-delivery-info .read-more-wrap:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255,255,255,0), #fff 50%);
}
.details-collection-delivery-info .read-more-trigger {
  float: right;
  position: relative;
  bottom: 16px;
  text-decoration: underline;
  cursor: pointer;
}
.details-collection-delivery-info .read-more-trigger .more {
  display: inline;
}
.details-collection-delivery-info .read-more-trigger .less {
  display: none;
}
.autotpl-body {
  margin-top: 10px;
}
.autotpl-body table.autotpl th.autotpl-group {
  border-bottom: 1px solid #ebebeb;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}
.autotpl-body table.autotpl th.autotpl-field {
  background: #f7f7f7;
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #444;
}
.autotpl-body table.autotpl td.autotpl-value {
  border-bottom: 1px solid #ebebeb;
  color: #444;
  font-size: 12px;
  padding: 4px;
}
.autotpl-body table.autotpl td.autotpl-value-multiline a {
  color: #444;
  float: right;
}
.autotpl-body table.autotpl.autotpl-columns {
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column; /* IE 11 */
  display: table;
/* Actually FF 20+ */
  vertical-align: top;
  margin: 0 5px 5px 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.autotpl-body table.autotpl.autotpl-columns thead {
  display: table;
  width: 100%;
  margin-bottom: 6px;
}
.autotpl-body table.autotpl.autotpl-columns tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.autotpl-body table.autotpl.autotpl-columns tbody td,
.autotpl-body table.autotpl.autotpl-columns tbody th {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.autotpl-body table.autotpl.autotpl-vertical tr {
  text-align: left;
}
.autotpl-body table.autotpl.autotpl-vertical tr th {
  width: 170px;
}
.autotpl-body table.autotpl.autotpl-vertical tr td {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.x-boundlist .x-boundlist-item {
  padding: 8px 12px;
}
.x-boundlist .x-boundlist-item .spacer-icon {
  width: 13px;
  display: inline-block;
  margin-right: 4px;
}
.x-boundlist .x-boundlist-item .ficon-normal {
  margin-right: 4px;
}
.x-boundlist .x-boundlist-selected {
  background-color: #fdf3d3;
/* make the icon visible on the darker select state */
}
.x-boundlist .x-boundlist-selected .ficon-normal {
  color: #d7a509;
}
.x-boundlist .x-boundlist-item-over {
  background-color: #fcedbd;
/* make the icon visible on the darker hover state */
}
.x-boundlist .x-boundlist-item-over .ficon-normal {
  color: #f1ba0a;
}
.carrier-license-expired-icon {
  line-height: 22px;
  float: right;
  margin-top: 8px;
  margin-right: 10px;
}
.carrier-boundlist-item.x-boundlist-item.x-item-disabled {
  z-index: -1;
  color: #6b6b6b;
  opacity: 1;
}
.lookup-field-warning .x-form-trigger-wrap {
  background-color: rgba(255,165,0,0.322);
  border-color: #ffa600;
}
.lookup-field-warning .x-form-trigger-wrap input {
  background-color: transparent;
  width: calc(100% - 20px);
  display: inline-block;
}
.lookup-field-warning .x-form-trigger-wrap .x-form-text-wrap:before {
  content: "\e83f";
  display: inline-block;
  font-family: 'SupplyStackFontIcons';
  font-size: 12px;
  line-height: 12px;
  padding: 4px;
  color: #ffa600;
}
.upload-image .title h1 {
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  font-color: #212121;
}
.upload-image .title h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  font-color: #000;
  opacity: 0.5;
}
.upload-image .image-container {
  background: url("/img/upload-image/checkerImage.svg");
  border: 1px solid rgba(164,164,164,0.2);
  border-radius: 3px;
  min-height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.upload-image .image-container div,
.upload-image .image-container img {
  pointer-events: none;
}
.upload-image .image-container .drag-tip {
  text-align: center;
  background: #fff;
  opacity: 0.8;
  padding: 10px;
}
.upload-image .image-container .drag-tip .drag-icon {
  font-size: 32px;
  clear: both;
  display: block;
  line-height: 50px;
}
.upload-image .image-container .image-preview {
  max-height: 150px;
  display: inline-block;
}
.upload-image .image-container .valid-drag,
.upload-image .image-container .invalid-drag {
  font-size: 50px;
  color: #fff;
  padding: 25px;
  border-radius: 50%;
  display: none;
}
.upload-image .image-container .valid-drag {
  background: #69bb70;
}
.upload-image .image-container .invalid-drag {
  background: #d4060f;
}
.upload-image .image-container.active .image-preview {
  display: none;
}
.upload-image .image-container.active .valid-drag {
  display: inline-block;
}
.upload-image .image-container.fail .image-preview {
  display: none;
}
.upload-image .image-container.fail .invalid-drag {
  display: inline-block;
}
.upload-image .bottom-line {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}
.upload-image .bottom-line .extra-info {
  font-color: #000;
  opacity: 0.5;
}
.upload-image .warnings {
  padding-inline-start: 20px;
}
.upload-image .warnings li {
  list-style-type: none;
  color: #f7931e;
}
.upload-image .warnings li .icon {
  margin-right: 4px;
}
.x-indicator {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: center;
  height: 26px;
}
.x-indicator span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 3px;
  border-radius: 50%;
  background-color: #ccc;
  background-image: none;
  cursor: pointer;
}
.x-indicator span.x-indicator-active {
  width: 16px;
  height: 16px;
  background-color: #f6c321;
  background-image: none;
}
.section-counter {
  border: 1px solid #d3d3d3;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
  color: #808080;
  font-weight: normal;
  font-size: 12px;
}
.mo-tooltip-table {
  text-align: left;
}
.mo-tooltip-table .horizontal-line {
  width: 100%;
  border-top: 1px solid #000;
  height: 3px;
}
.mo-tooltip-table .full-length {
  width: 100%;
}
.mo-tooltip-table .section-column {
  width: 16%;
  vertical-align: top;
  color: #444;
  font-size: 14px;
  font-weight: bold;
}
.mo-tooltip-table .data-column {
  width: 42%;
  vertical-align: top;
  color: #444;
  font-size: 14px;
}
.mo-tooltip-table .title-column {
  width: 42%;
  vertical-align: top;
  color: #444;
  font-size: 18px;
  font-weight: bold;
  heigth: 1cm;
}
.mo-tooltip-table .section-column-with-padding {
  width: 16%;
  vertical-align: top;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 0.7cm;
}
.mo-tooltip-table .data-column-with-padding {
  width: 42%;
  vertical-align: top;
  color: #444;
  font-size: 14px;
  padding-bottom: 0.7cm;
}
.location-tooltip-body .title {
  font-size: 14px;
}
.location-tooltip-body .opening-hours-cell table.opening-hours {
  margin: 0;
}
.location-tooltip-body .opening-hours-cell table.opening-hours th,
.location-tooltip-body .opening-hours-cell table.opening-hours td {
  padding: 2px;
  border: none;
  opacity: 0.5;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding-right: 4px;
}
.location-tooltip-body table.location-table {
  margin: 7px 18px 7px 18px;
  border-collapse: collapse;
}
.location-tooltip-body table.location-table tr:last-child th,
.location-tooltip-body table.location-table tr:last-child td {
  border: none;
}
.location-tooltip-body table.location-table th,
.location-tooltip-body table.location-table td {
  border: solid rgba(0,0,0,0.06);
  border-width: 0 0 1px 0;
  padding: 4px 10px 4px 0;
}
.location-tooltip-body table.location-table th {
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  padding-right: 10px;
}
.milestone-tooltip {
  border: none;
  padding: 0;
}
.milestone-tooltip .x-tip-body {
  padding: 0;
}
.milestone-tooltip-body.stop .title {
  font-weight: bold;
  padding: 7px 18px 7px 18px;
  line-height: 16px;
}
.milestone-tooltip-body.stop .activityTitle {
  border-bottom: 1px solid #efefef;
  padding: 7px 18px 7px 18px;
  font-size: 12px;
  line-height: 18px;
}
.milestone-tooltip-body .title {
  font-size: 14px;
}
.milestone-tooltip-body .mileTypeIcon {
  vertical-align: middle;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
  display: inline-block;
}
.milestone-tooltip-body .mileTypeIcon.noIcon {
  display: none;
}
.milestone-tooltip-body .mileTypeIcon.iconStopColl {
  background-image: url("/assets/img/icons/map-stop-coll.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconRoundTrip {
  background-image: url("/assets/img/icons/map-roundtrip.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopDeli {
  background-image: url("/assets/img/icons/map-stop-deli.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconCustoms {
  background-image: url("/assets/img/icons/map-customs.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconRouting {
  background-image: url("/assets/img/icons/map-routing.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopOceanPortOrig {
  background-image: url("/assets/img/icons/map-stop-ocean-port-orig.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopOceanPortDest {
  background-image: url("/assets/img/icons/map-stop-ocean-port-dest.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopAirPortOrig {
  background-image: url("/assets/img/icons/map-stop-airport-orig.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopAirPortDest {
  background-image: url("/assets/img/icons/map-stop-airport-dest.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconInboundAirArrive {
  background-image: url("/assets/img/icons/map-inbound-air-arrive.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconInboundAirDepart {
  background-image: url("/assets/img/icons/map-inbound-air-depart.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconOutboundAirArrive {
  background-image: url("/assets/img/icons/map-outbound-air-arrive.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconOutboundAirDepart {
  background-image: url("/assets/img/icons/map-outbound-air-depart.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopRailPortOrig {
  background-image: url("/assets/img/icons/map-stop-rail-station-orig.svg");
}
.milestone-tooltip-body .mileTypeIcon.iconStopRailPortDest {
  background-image: url("/assets/img/icons/map-stop-rail-station-dest.svg");
}
.milestone-tooltip-body .address {
  padding: 10px 18px 10px 18px;
}
.milestone-tooltip-body .address .row {
  display: table-row;
}
.milestone-tooltip-body .label {
  font-weight: bold;
  display: table-cell;
  padding: 4px 10px 4px 0;
}
.milestone-tooltip-body .content {
  display: table-cell;
}
.milestone-tooltip-body .opening-hours-cell table.opening-hours {
  margin: 0;
}
.milestone-tooltip-body .opening-hours-cell table.opening-hours th,
.milestone-tooltip-body .opening-hours-cell table.opening-hours td {
  padding: 2px;
  border: none;
  opacity: 0.5;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding-right: 4px;
}
.milestone-tooltip-body table.milestonesTable {
  margin: 7px 18px 7px 18px;
  border-collapse: collapse;
}
.milestone-tooltip-body table.milestonesTable tr:last-child th,
.milestone-tooltip-body table.milestonesTable tr:last-child td {
  border: none;
}
.milestone-tooltip-body table.milestonesTable th,
.milestone-tooltip-body table.milestonesTable td {
  border: solid rgba(0,0,0,0.06);
  border-width: 0 0 1px 0;
  padding: 4px 10px 4px 0;
}
.milestone-tooltip-body table.milestonesTable th {
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  padding-right: 10px;
}
.milestone-tooltip-body table.milestonesTable td.activity {
  font-weight: bold;
}
.milestone-tooltip-body table.milestonesTable td .date {
  display: block;
}
.milestone-tooltip-body table.milestonesTable td .time {
  opacity: 0.5;
}
.milestone-tooltip-body table.milestonesTable td .timezone {
  opacity: 0.5;
  font-size: 10px;
}
.milestone-tooltip-body table.milestonesTable td.status span {
  vertical-align: middle;
  margin-right: 5px;
}
.carrier-contact-tooltip {
  padding: 0;
}
.carrier-contact-tooltip .x-tip-body {
  padding: 0;
}
.carrier-contact-tooltip .carriers {
  display: table;
}
.carrier-contact-tooltip .carriers .carrier-contacts {
  display: table-cell;
}
.carrier-contact-tooltip .header {
  display: table;
  padding: 5px 20px 10px 10px;
}
.carrier-contact-tooltip .header .icon {
  display: table-cell;
  padding: 10px;
  font-size: 20px;
  color: #4d5259;
}
.carrier-contact-tooltip .header .carrier-name {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #212121;
}
.carrier-contact-tooltip .header .carrier-code {
  font-size: 13px;
  line-height: 18px;
  color: #9e9e9e;
}
.carrier-contact-tooltip .body {
  border-top: 1px solid #e0e0e0;
  padding: 10px 20px 10px 10px;
}
.carrier-contact-tooltip .body .contact {
  display: table;
  margin: 7px 0;
}
.carrier-contact-tooltip .body .contact .icon {
  display: table-cell;
  padding: 10px;
  font-size: 20px;
  color: #4d5259;
  vertical-align: middle;
}
.carrier-contact-tooltip .body .contact .carrier-contact-name {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #212121;
}
.carrier-contact-tooltip .body .contact .carrier-contact-email,
.carrier-contact-tooltip .body .contact .carrier-contact-phone {
  font-size: 13px;
  line-height: 18px;
  color: #9e9e9e;
}
.carrier-allocation-history .x-tab-bar-body {
  background: #fff;
}
.carrier-allocation-history .carrier-info {
  margin-bottom: 5px;
}
.carrier-allocation-history .carrier-info.last {
  margin-bottom: 0;
}
.carrier-allocation-history .carrier-info .panel-header {
  border: 1px solid #ebedf1;
  background-color: #fafbfb;
  padding: 5px;
  cursor: pointer;
}
.carrier-allocation-history .carrier-info .panel-header .badge {
  display: inline-block;
  border-radius: 18px;
  min-height: 18px;
  min-width: 18px;
  text-align: center;
  padding: 2px;
  font-size: 12px;
  color: #000;
  background-color: #f6c321;
  line-height: 14px;
}
.carrier-allocation-history .carrier-info .panel-header .title {
  font-weight: 500;
  font-size: 12px;
  color: #3d4249;
  margin: 3px;
}
.carrier-allocation-history .carrier-info .panel-header .status {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-header .status.pending {
  color: #ff9600;
}
.carrier-allocation-history .carrier-info .panel-header .status.accepted {
  color: #2cb944;
}
.carrier-allocation-history .carrier-info .panel-header .status.expired {
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-header .status.rejected {
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-body {
  border: 1px solid #ebedf1;
  border-top: none;
  display: none;
}
.carrier-allocation-history .carrier-info .panel-body.expanded {
  display: block;
}
.carrier-allocation-history .carrier-info .panel-body .fields {
  width: 100%;
  padding: 5px;
  display: table;
}
.carrier-allocation-history .carrier-info .panel-body .fields .field {
  display: table-row;
}
.carrier-allocation-history .carrier-info .panel-body .fields .field .label,
.carrier-allocation-history .carrier-info .panel-body .fields .field .value {
  display: table-cell;
  padding: 5px;
}
.carrier-allocation-history .carrier-info .panel-body .fields .field .label {
  font-weight: bold;
  color: #000;
}
.carrier-allocation-history .carrier-info .panel-body .fields .field .value {
  width: 177px;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime {
  margin: 5px 10px;
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime.pending {
  color: #ff9600;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime.accepted {
  color: #2cb944;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime.expired {
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime.rejected {
  color: #da291c;
}
.carrier-allocation-history .carrier-info .panel-body .responseTime .label {
  margin-left: 6px;
}
.carrier-allocation-history .message {
  color: #7e8289;
}
.carrier-allocation-history .message.error {
  color: #da291c;
}
.courier-assign-window .x-title-text,
.carrier-assign-window .x-title-text,
.courier-assign-window .x-toolbar-text,
.carrier-assign-window .x-toolbar-text {
  padding-left: 10px;
  font-size: 13px;
}
.column-selector {
  opacity: 0.7;
}
.column-selector.editable {
  background: #fff;
  opacity: 1;
}
.column-selector .x-btn-wrap:after {
  width: 16px;
  background-image: url("/img/default-toolbar-small-arrow.png");
  padding-right: revert;
  background-position: right center;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  content: '';
  text-align: center;
}
.columnselector-boundlist .x-tab-bar {
  padding: 4px 10px;
}
.columnselector-boundlist .x-tab-bar .x-tab-inner {
  font-weight: bold;
  font-size: 10.5px;
  padding: 0 20px;
  letter-spacing: 0.25px;
  color: #757575;
}
.columnselector-boundlist .x-tab-bar .x-tab.x-tab-default-top {
  border-color: #e0e0e0;
  border-width: 0 0 2px 0;
}
.columnselector-boundlist .x-tab-bar .x-tab.x-tab-default-top.x-tab-active .x-tab-inner {
  color: #212121;
}
.columnselector-boundlist .search-icon.x-field .x-form-text-field-body,
.columnselector-boundlist .search-icon.x-field input {
  border-radius: 3px;
}
.columnselector-boundlist .x-tree-panel .x-toolbar.x-docked-top {
  border-bottom: none;
}
.columnselector-boundlist .x-tree-panel .x-tree-icon {
  display: none;
}
.columnselector-boundlist .x-tree-panel .x-tree-elbow,
.columnselector-boundlist .x-tree-panel .x-tree-elbow-end {
  margin-left: -17px;
}
.columnselector-boundlist .x-tree-panel .x-grid-cell {
  height: 32px;
}
.columnselector-boundlist .x-tree-panel .x-grid-row {
  font-weight: bold;
}
.columnselector-boundlist .x-tree-panel .x-grid-tree-node-leaf {
  font-weight: normal;
}
.columnselector-boundlist .x-tree-panel .x-tree-view .x-grid-item.x-grid-item-selected {
  background: #fff;
}
.columnselector-boundlist .x-tree-panel .x-grid-item-focused {
  color: inherit;
}
.columnselector-boundlist .x-tree-panel .x-grid-item-focused .x-grid-cell-inner:before {
  border: none;
}
.etawizardwindow .x-panel-header {
  background: #fff;
}
.etawizardwindow .x-tool-tool-el.icon-close {
  background-color: #444;
  background-image: none;
  mask: url("../../../img/icons/general/close.svg") no-repeat 50% 50%;
  -webkit-mask: url("../../../img/icons/general/close.svg") no-repeat 50% 50%;
}
.etawizardwindow .x-toolbar-docked-bottom {
  background: #ebebeb;
  border-top: none;
}
.etawizardwindow .x-toolbar-docked-bottom .x-btn.slick-plain .x-btn-inner {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.temperature-widget {
  border: 1px solid rgba(207,207,207,0.5);
  border-radius: 26px;
  text-align: center;
  min-width: 122px;
  height: 20px;
  font-size: 10px;
  color: #7e8289;
}
.temperature-widget .reqTemp {
  font-size: 12px;
  color: #4d5259;
  margin: 0 10px;
}
.temperature-widget .tempWarning {
  font-size: 12px;
  margin: 0 10px;
  vertical-align: middle;
}
.temperature-widget .maxTemp .icon-thermometer {
  font-size: 12px;
  vertical-align: middle;
  color: #da291c;
}
.temperature-widget .minTemp .icon-thermometer {
  font-size: 12px;
  vertical-align: middle;
  color: #38b7d8;
}
.temp-total-warning {
  margin-top: 8px;
  margin-left: 7px;
}
.temperature-widget-tooltip .partList {
  width: max-content;
}
.temperature-widget-tooltip .partList li {
  margin-bottom: 4px;
}
.temperature-widget-tooltip .partList li .mo-code {
  line-height: 20px;
  font-weight: bold;
  margin: 0 10px 0 0;
}
.temperature-widget-tooltip .partList li .name {
  line-height: 20px;
}
.temperature-widget-tooltip .partList li .temp-bubble {
  float: right;
  margin: 0 10px;
}
.temperature-widget-tooltip .partList li .temp-bubble .error {
  color: #ed1c24;
  font-weight: bold;
}
.temperature-widget-tooltip .temp-bubble {
  border: 1px solid rgba(207,207,207,0.5);
  border-radius: 26px;
  font-size: 12px;
  color: #4d5259;
  margin: 0 5px;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
}
.temperature-widget-tooltip .temp-bubble .icon-thermometer.normal {
  color: #4d5259;
}
.temperature-widget-tooltip .temp-bubble .icon-thermometer.low {
  color: #38b7d8;
}
.temperature-widget-tooltip .temp-bubble .icon-thermometer.high {
  color: #da291c;
}
.sb-status {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
  padding: 1px 10px 1px 15px;
  display: inline-block;
  color: #424242;
  cursor: pointer;
}
.sb-status:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0 5px 1px -5px;
  background: #da291c;
}
.sb-status.sb-status-booked:before,
.sb-status.sb-status-booked-out-of-sync:before {
  background: #4caf50;
}
.sb-status.sb-status-book-a-slot:before,
.sb-status.sb-status-wait-for-slot:before,
.sb-status.sb-status-requested:before {
  background: #ff9800;
}
.sb-status.sb-status-no-slots-available:before,
.sb-status.sb-status-rejected:before,
.sb-status.sb-status-unknown:before,
.sb-status.sb-status-error:before {
  background: #da291c;
}
.sb-status.sb-status-processing:before {
  background: #38b7d8;
}
.sb-status.sb-status-finished:before,
.sb-status.sb-status-completed:before,
.sb-status.sb-status-no-booking-required:before {
  background: #bdbdbd;
}
.sb-status.sb-status-cancelled:before {
  background: #f2f3f4;
  border: 1px solid #da5454;
}
.sb-status .icon-unlink {
  margin-left: 5px;
  color: #ed1c24;
}
.sb-status.sb-status-book-a-slot,
.sb-status.sb-status-booked,
.sb-status.sb-status-booked-out-of-sync,
.sb-status.sb-status-cancelled,
.sb-status.sb-status-completed,
.sb-status.sb-status-finished,
.sb-status.sb-status-rejected,
.sb-status.sb-status-requested {
  cursor: pointer;
}
.sb-status-legend {
  margin-left: 12px;
  width: 790px;
}
.sb-status-legend td {
  vertical-align: top;
}
.sb-status-legend td.status {
  padding: 2px 10px 2px 0;
}
.sb-status-legend td.status .sb-status {
  border: none;
}
.sb-status-legend-title {
  margin-left: 12px;
  margin-bottom: 12px;
}
.filterpicker.bookingFrontendStatus .sb-status {
  border: none;
  padding: 0 5px;
}
.filterpicker.bookingFrontendStatus .sb-status:before {
  width: 9px;
  height: 9px;
}
.ocean-booking-status {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
  padding: 1px 10px 1px 15px;
  display: inline-block;
  font-weight: normal;
  color: #424242;
  cursor: pointer;
}
.ocean-booking-status:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0 5px 1px -5px;
  background: #da291c;
}
.ocean-booking-status.ocean-booking-status-draft:before {
  background: #fba31e;
}
.ocean-booking-status.ocean-booking-status-activated:before,
.ocean-booking-status.ocean-booking-status-departed:before,
.ocean-booking-status.ocean-booking-status-arrived:before {
  background: #4caf50;
}
.ocean-booking-status.ocean-booking-status-completed:before {
  background: #a6a8ab;
}
.ocean-booking-status-legend {
  margin-left: 12px;
  width: 790px;
}
.ocean-booking-status-legend td {
  vertical-align: top;
}
.ocean-booking-status-legend td.status {
  padding: 2px 10px 2px 0;
}
.ocean-booking-status-legend td.status .ocean-booking-status {
  border: none;
}
.ocean-booking-status-legend-title {
  margin-left: 12px;
  margin-bottom: 12px;
}
.filterpicker.ctOceanBookingStatus .ocean-booking-status {
  border: none;
  padding: 0 5px;
}
.filterpicker.ctOceanBookingStatus .ocean-booking-status:before {
  width: 9px;
  height: 9px;
}
.spot-status {
  padding: 1px 10px 1px 5px;
  display: inline-block;
  color: #424242;
  cursor: pointer;
}
.spot-status:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
}
.spot-status.spot-status-ongoing {
  color: #ffd82d;
}
.spot-status.spot-status-finished {
  color: #4caf50;
}
.spot-status.spot-status-choose-carrier {
  color: #ff9800;
}
.spot-status.spot-status-cancelled,
.spot-status.spot-status-no-bids,
.spot-status.spot-status-missing-to-info,
.spot-status.spot-status-template-not-found,
.spot-status.spot-status-unknown,
.spot-status.spot-status-finished-no-bids,
.spot-status.spot-status-finished-error {
  color: #da291c;
}
.spot-status.spot-status-processing {
  color: #38b7d8;
}
.spot-status.spot-status-no-spot-bid {
  color: #cbd0d8;
}
.item > .spot-status,
.status > .spot-status {
  border-radius: 10px;
}
.item > .spot-status:before,
.status > .spot-status:before {
  border-radius: 50%;
  margin: 0 5px 1px -5px;
}
.status > .spot-status-no-spot-bid,
.item > .spot-status-no-spot-bid {
  color: #000;
}
.status > .spot-status-no-spot-bid:before,
.item > .spot-status-no-spot-bid:before {
  background: #cbd0d8;
}
.status > .spot-status-processing,
.item > .spot-status-processing {
  color: #000;
}
.status > .spot-status-processing:before,
.item > .spot-status-processing:before {
  background: #38b7d8;
}
.status > .spot-status-ongoing,
.item > .spot-status-ongoing {
  color: #000;
}
.status > .spot-status-ongoing:before,
.item > .spot-status-ongoing:before {
  background: #ffd82d;
}
.status > .spot-status-finished,
.item > .spot-status-finished {
  color: #000;
}
.status > .spot-status-finished:before,
.item > .spot-status-finished:before {
  background: #4caf50;
}
.status > .spot-status-choose-carrier,
.item > .spot-status-choose-carrier {
  color: #000;
}
.status > .spot-status-choose-carrier:before,
.item > .spot-status-choose-carrier:before {
  background: #ff9800;
}
.status > .spot-status-cancelled,
.status > .spot-status-no-bids,
.status > .spot-status-missing-to-info,
.status > .spot-status-template-not-found,
.status > .spot-status-unknown,
.status > .spot-status-error,
.status > .spot-status-finished-no-bids,
.item > .spot-status-cancelled,
.item > .spot-status-no-bids,
.item > .spot-status-missing-to-info,
.item > .spot-status-template-not-found,
.item > .spot-status-unknown,
.item > .spot-status-error,
.item > .spot-status-finished-no-bids {
  color: #000;
}
.status > .spot-status-cancelled:before,
.status > .spot-status-no-bids:before,
.status > .spot-status-missing-to-info:before,
.status > .spot-status-template-not-found:before,
.status > .spot-status-unknown:before,
.status > .spot-status-error:before,
.status > .spot-status-finished-no-bids:before,
.item > .spot-status-cancelled:before,
.item > .spot-status-no-bids:before,
.item > .spot-status-missing-to-info:before,
.item > .spot-status-template-not-found:before,
.item > .spot-status-unknown:before,
.item > .spot-status-error:before,
.item > .spot-status-finished-no-bids:before {
  background: #da291c;
}
.spot-status-legend {
  margin-left: 24px;
}
.spot-status-legend td.status {
  padding: 2px 35px 2px 0;
}
td > .spot-status:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
}
.spot-status-legend-title {
  margin-left: 12px;
  margin-bottom: 12px;
}
.customs-status {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
  padding: 1px 10px 1px 15px;
  display: inline-block;
  font-weight: normal;
  color: #424242;
  cursor: pointer;
}
.customs-status:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0 5px 1px -5px;
}
.customs-status.customs-status-orange:before {
  border: 1px solid #ff9600;
  background: #ffecd0;
}
.customs-status.customs-status-grey:before {
  border: 1px solid #a5aab3;
  background: #f4f4f4;
}
.customs-status.customs-status-green:before {
  border: 1px solid #2cb944;
  background: #f1ffee;
}
.customs-status.customs-status-white:before {
  border: 1px solid #a5aab3;
}
.filterpicker.ctCustomsStatuses .customs-status {
  border: none;
  padding: 0 5px;
}
.filterpicker.ctCustomsStatuses .customs-status:before {
  width: 9px;
  height: 9px;
}
.carrier-status {
  font-weight: bold;
}
.carrier-status.booked {
  color: #2cb944 !important;
}
.carrier-status.cancelled {
  color: !important;
}
.carrier-status.error {
  color: #da291c !important;
}
.move-matline-splitter {
  font-size: 12px;
  font-style: italic;
  color: #5d5d5d;
  border: 0;
  padding: 5px;
}
.move-matline-splitter .msg {
  text-align: center;
  display: inline-block;
  margin-left: 500px;
}
.waste-info-panel {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cfcfcf;
}
.link-cmr.x-grid .x-grid-cell-special {
  border: none;
}
.link-cmr.x-grid .x-column-header {
  background-color: #fff;
  border-right: 0;
  line-height: 30px;
  color: #444;
}
.link-cmr.x-grid .x-grid-header-ct {
  background-color: #fff;
  border-color: #e0e0e0;
}
.link-cmr.x-grid .x-grid-row-summary .x-grid-cell,
.link-cmr.x-grid .x-grid-row-summary .x-grid-rowwrap,
.link-cmr.x-grid .x-grid-row-summary .x-grid-cell-rowbody {
  background-color: #fff !important;
}
.link-cmr.x-grid .x-docked-summary-bottom {
  border-top: 1px solid #e2e2e2 !important;
}
.link-cmr.x-grid .x-grid-item {
  color: #444;
}
.link-cmr .x-grid-cell {
  padding: 10px;
}
.link-cmr .more-tip-handle {
  cursor: pointer;
}
#ext-quicktips-tip-innerCt .more-tip {
  padding-right: 15px;
  padding-inline-start: 30px;
}
.icon-sea-container {
  background-image: url("/img/sea-container/iconSeaContainer.svg");
  width: 21px !important;
}
.drayage-to-panel {
  display: 'flex';
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.drayage-to-panel .x-panel-header {
  background-color: transparent;
}
.drayage-to-panel .x-panel-header .x-panel-header-title {
  padding: 10px;
  font-size: 12px;
}
.drayage-to-panel .x-panel-header .x-title-text {
  padding-left: 5px;
  font-weight: bold;
  color: #666;
}
.drayage-to-panel .x-panel-body-default > .x-box-inner {
  border-top: 1px solid #cfcfcf;
}
.drayage-to-panel .x-panel-body-default > .x-box-inner .x-fieldset-header-text {
  color: #666;
}
.sea-container-panel {
  display: 'flex';
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.sea-container-panel .x-panel-header {
  background-color: transparent;
}
.sea-container-panel .x-panel-header .x-panel-header-title {
  padding: 10px;
  font-size: 15px;
}
.sea-container-panel .x-panel-header .x-title-text {
  padding-left: 5px;
  font-weight: bold;
  color: #000;
}
.sea-container-panel .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
  color: #808080;
}
.sea-container-panel .x-panel-default-outer-border-trbl {
  border-radius: 3px;
}
.sea-container-panel .x-panel-body-default {
  padding-bottom: 10px;
}
.sea-container-panel .x-panel-body-default > .x-box-inner {
  border-top: 1px solid #cfcfcf;
}
.orderform-grid .x-column-header,
.ocean-grid .x-column-header {
  border-left: none;
  border-right: none;
}
.orderform-grid .x-column-header.color-red .x-column-header-inner,
.ocean-grid .x-column-header.color-red .x-column-header-inner {
  color: #ed1c24;
}
.orderform-grid .x-column-header-inner,
.ocean-grid .x-column-header-inner {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  padding: 10px 17px 10px 3px;
  background: #fff;
}
.orderform-grid .x-column-header-first .x-column-header-inner,
.ocean-grid .x-column-header-first .x-column-header-inner {
  padding-left: 17px;
}
.orderform-grid .x-column-header-sort-DESC .x-column-header-text,
.ocean-grid .x-column-header-sort-DESC .x-column-header-text,
.orderform-grid .x-column-header-sort-ASC .x-column-header-text,
.ocean-grid .x-column-header-sort-ASC .x-column-header-text {
  overflow: hidden;
}
.orderform-grid .x-column-header-trigger,
.ocean-grid .x-column-header-trigger {
  border-right: 1px solid #c2c2c2;
}
.orderform-grid .x-grid-view .x-grid-cell,
.ocean-grid .x-grid-view .x-grid-cell {
  vertical-align: top;
}
.orderform-grid .x-grid-view .x-grid-cell.color-red.x-grid-item-focused,
.ocean-grid .x-grid-view .x-grid-cell.color-red.x-grid-item-focused {
  color: #ed1c24;
}
.orderform-grid .x-grid-view .x-grid-cell.vertical-middle,
.ocean-grid .x-grid-view .x-grid-cell.vertical-middle {
  vertical-align: middle;
}
.orderform-grid .x-grid-view .x-textfield-default-cell .x-grid-cell-inner.x-grid-widgetcolumn-cell-inner,
.ocean-grid .x-grid-view .x-textfield-default-cell .x-grid-cell-inner.x-grid-widgetcolumn-cell-inner {
  padding-right: 20px;
}
.orderform-grid .x-grid-item-alt,
.ocean-grid .x-grid-item-alt {
  background: #fff;
}
.orderform-grid .x-grid-cell-inner,
.ocean-grid .x-grid-cell-inner {
  line-height: 22px;
}
.orderform-grid.comfortable .x-grid-view .x-grid-cell-first .x-grid-cell-inner,
.ocean-grid.comfortable .x-grid-view .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 17px;
}
.orderform-grid.comfortable .x-grid-view .x-grid-cell-inner,
.ocean-grid.comfortable .x-grid-view .x-grid-cell-inner {
  line-height: 18px;
  padding: 13px 2px;
  font-size: 12px;
}
.customs-grid .x-column-header {
  border-left: none;
  border-right: none;
}
.customs-grid .x-column-header.color-red .x-column-header-inner {
  color: #ed1c24;
}
.customs-grid .x-column-header-inner {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  padding: 10px 17px 10px 3px;
  background: #fff;
}
.customs-grid .x-column-header-first .x-column-header-inner {
  padding-left: 10px;
}
.customs-grid .x-column-header-sort-DESC .x-column-header-text,
.customs-grid .x-column-header-sort-ASC .x-column-header-text {
  overflow: hidden;
}
.customs-grid .x-column-header-trigger {
  border-right: 1px solid #c2c2c2;
}
.customs-grid .x-grid-view .x-grid-cell {
  vertical-align: top;
}
.customs-grid .x-grid-view .x-grid-cell.color-red.x-grid-item-focused {
  color: #ed1c24;
}
.customs-grid .x-grid-view .x-grid-cell.vertical-middle {
  vertical-align: middle;
}
.customs-grid .x-grid-view .x-textfield-default-cell .x-grid-cell-inner.x-grid-widgetcolumn-cell-inner {
  padding-right: 20px;
}
.customs-grid .x-grid-item-alt {
  background: #fff;
}
.customs-grid .x-grid-cell-inner {
  line-height: 22px;
  padding-left: 10px;
}
.customs-grid.comfortable .x-grid-view .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 17px;
}
.customs-grid.comfortable .x-grid-view .x-grid-cell-inner {
  line-height: 18px;
  padding: 13px 2px;
  font-size: 12px;
}
.subcarrier-grid.x-grid .x-grid-cell-special {
  border: none;
}
.subcarrier-grid.x-grid .x-column-header {
  background-color: #fff;
  border-right: 0;
  line-height: 30px;
  color: #444;
}
.subcarrier-grid.x-grid .x-grid-header-ct {
  background-color: #fff;
  border-color: #e0e0e0;
}
.subcarrier-grid.x-grid .x-grid-row-summary .x-grid-cell,
.subcarrier-grid.x-grid .x-grid-row-summary .x-grid-rowwrap,
.subcarrier-grid.x-grid .x-grid-row-summary .x-grid-cell-rowbody {
  background-color: #fff !important;
}
.subcarrier-grid.x-grid .x-docked-summary-bottom {
  border-top: 1px solid #e2e2e2 !important;
}
.subcarrier-grid.x-grid .x-grid-item {
  color: #444;
}
table.panel,
table.grid {
  margin: 0 10px 10px 0;
}
table.panel th,
table.grid th {
  padding: 4px 8px 3px 6px;
}
table.panel thead tr,
table.grid thead tr {
  background-color: #f5f5f5;
}
table.panel thead tr th,
table.grid thead tr th {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 1px;
  padding: 4px 8px 3px 3px;
  font-size: 12px;
  color: #404040;
  text-align: left;
}
table.panel tr.header,
table.grid tr.header {
  background-color: #706f6e;
}
table.panel tr.header th,
table.grid tr.header th {
  border: none;
  padding: 4px 8px 3px 6px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
table.panel tbody tr,
table.grid tbody tr {
  border-bottom: 1px dotted #d0d0d0;
}
table.panel tbody tr:first-child,
table.grid tbody tr:first-child {
  border-top: 1px solid #d0d0d0;
}
table.panel .row-body table,
table.grid .row-body table {
  margin: 5px 0;
}
table.panel td,
table.grid td {
  padding: 2px 8px 2px 2px;
  font-size: 12px;
  vertical-align: top;
}
table.panel td.label,
table.grid td.label {
  font-size: 12px;
  font-weight: bold;
}
table.panel td.right,
table.grid td.right {
  text-align: right;
}
table.panel td.center,
table.grid td.center {
  text-align: center;
}
table.panel td {
  min-width: 50px;
  max-width: 300px;
}
table.panel .label-unit {
  color: #606060;
  font-size: 10px;
}
.testing-menu-button.x-btn {
  opacity: 0;
}
.testing-menu-button.x-btn:hover {
  opacity: 1;
}
.invisible {
  visibility: hidden;
}
.mocha-window #mocha {
  position: relative;
  margin: 0;
  height: 100%;
  font-size: 14px;
}
.mocha-window #mocha .mocha-controls {
  height: 47px;
  background: #ebebeb;
  padding: 0 10px;
}
.mocha-window #mocha .mocha-controls button {
  margin: 5px 0 5px 5px;
  height: 37px;
  min-width: 100px;
}
.mocha-window #mocha-stats {
  position: absolute;
  background-color: #fff;
  border: 1px solid #808080;
  top: 0;
  right: 0;
}
.mocha-window #mocha-report {
  padding: 3px 5px 20px 5px;
  position: absolute;
  overflow: auto;
  height: calc(100% - 47px);
  width: 100%;
}
.mocha-window #mocha-report li.suite.fail > h1 {
  color: #c00;
}
.mocha-window #mocha-report li.suite > ul {
  display: none;
}
.mocha-window #mocha-report li.suite:before {
  content: '▸';
  font-size: 12px;
  display: block;
  float: left;
  margin-right: 5px;
  color: #5a5a5a;
  cursor: pointer;
}
.mocha-window #mocha-report li.suite.expanded:before {
  content: '▾';
}
.mocha-window #mocha-report li.suite.expanded > ul {
  display: grid;
}
.mocha-window #mocha-report li.suite > h1 {
  cursor: pointer;
}
.mocha-window #mocha-report li.suite > h1 > a {
  pointer-events: none;
}
H {
  display: inline-block;
  background-color: #f00;
  margin: 2px;
  color: #fff;
  padding: 2px;
}
H:after {
  content: 'esc() missing';
}
H:before {
  content: 'esc() missing';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px;
  background: #f00;
}
.ajar-alerts {
  position: absolute;
  height: 80px;
  right: 4px;
  top: 36px;
  z-index: 1000;
  overflow: hidden;
}
.ajar-alerts .ajar-alert {
  display: inline-block;
  float: right;
  width: 340px;
  margin: 0 0 0 5px;
}
.ajar-alerts .ajar-alert .object {
  max-width: 195px;
}
.ajar-alerts .ajar-alert .event {
  max-width: 230px;
}
.ajar-alert,
.ajar-alert-simple {
  position: relative;
  display: block;
  margin: 3px 0 8px 0;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
  -moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
  box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
}
.ajar-alert > div,
.ajar-alert-simple > div {
  padding: 4px;
}
.ajar-alert:hover,
.ajar-alert-simple:hover {
  border: 1px solid #f6c321;
}
.ajar-alert.noborder,
.ajar-alert-simple.noborder {
  border-width: 0;
}
.ajar-alert.x-view-item-focused,
.ajar-alert-simple.x-view-item-focused {
  outline: 0 !important;
}
.ajar-alert .ajar-event,
.ajar-alert-simple .ajar-event,
.ajar-alert .ajar-message,
.ajar-alert-simple .ajar-message {
  margin: 4px 5px 0 4px;
  vertical-align: top;
}
.ajar-alert .main,
.ajar-alert-simple .main {
  display: inline-block;
}
.ajar-alert .object,
.ajar-alert-simple .object {
  display: block;
  vertical-align: top;
  margin-top: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  max-width: 265px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajar-alert .object:hover,
.ajar-alert-simple .object:hover {
  color: #e4b009;
}
.ajar-alert .chat-participants,
.ajar-alert-simple .chat-participants {
  font-weight: normal;
  font-style: italic;
}
.ajar-alert .event,
.ajar-alert-simple .event {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #606060;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajar-alert .text,
.ajar-alert-simple .text {
  display: block;
  margin-bottom: 2px;
  font-style: italic;
  font-size: 11px;
  line-height: 11px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajar-alert .remark,
.ajar-alert-simple .remark {
  display: block;
  margin-bottom: 2px;
  font-style: italic;
  font-size: 11px;
  line-height: 11px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajar-alert .date,
.ajar-alert-simple .date {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 10px;
}
.ajar-alert .read,
.ajar-alert-simple .read {
  display: none;
  position: absolute;
  right: 2px;
  bottom: 2px;
  padding: 1px 3px;
  color: #fff;
  font-size: 9px;
  cursor: pointer;
  background-color: #f6c321;
}
.ajar-alert .read:hover,
.ajar-alert-simple .read:hover {
  background-color: #e4b009;
}
.ajar-alert .self,
.ajar-alert-simple .self {
  color: #66b;
}
.ajar-alert .other,
.ajar-alert-simple .other {
  color: #b66;
}
.ajar-alert.alert-unread,
.ajar-alert-simple.alert-unread {
  border-color: #e4b009;
}
.ajar-alert.alert-unread .read,
.ajar-alert-simple.alert-unread .read {
  display: inline-block;
}
.ajar-alert.alert-unread .ajar-event,
.ajar-alert-simple.alert-unread .ajar-event,
.ajar-alert.alert-unread .ajar-message,
.ajar-alert-simple.alert-unread .ajar-message {
  color: #e4b009;
}
.ajar-alert .btn-pinned,
.ajar-alert-simple .btn-pinned {
  display: inline-block;
  cursor: pointer;
}
.ajar-alert .background-grey,
.ajar-alert-simple .background-grey {
  background-color: #f1f1f2;
}
.ajar-alert .background-green,
.ajar-alert-simple .background-green {
  background-color: #dcffdc;
}
.ajar-alert .background-blue,
.ajar-alert-simple .background-blue {
  background-color: #bde4ff;
}
.ajar-alert .background-purple,
.ajar-alert-simple .background-purple {
  background-color: #f4dcff;
}
.ajar-alert .background-yellow,
.ajar-alert-simple .background-yellow {
  background-color: #fff2bb;
}
.ajar-alert .background-orange,
.ajar-alert-simple .background-orange {
  background-color: #ffe9cc;
}
.ajar-alert .background-red,
.ajar-alert-simple .background-red {
  background-color: #ffd4d2;
}
.ui-alert {
  padding: 10px;
  display: flex;
}
.ui-alert .icon {
  font-size: 16px;
  line-height: 16px;
  margin-top: -3px;
}
.ui-alert .content {
  margin: -2px 12px 0px 12px;
  flex-grow: 1;
}
.ui-alert .close {
  font-size: 10px;
  line-height: 16px;
  cursor: pointer;
}
.ui-alert.ui-alert-info {
  background-color: #e2f3fe;
}
.ui-alert.ui-alert-info .icon {
  color: #2196f3;
}
.ui-alert.ui-alert-warning {
  background-color: #fef2e5;
  border-bottom: 1px solid #ffcc80;
}
.ui-alert.ui-alert-warning .icon {
  color: #ff9800;
}
.ui-alert.ui-alert-error {
  background-color: #fde8e8;
  border-bottom: 1px solid #faa19b;
}
.ui-alert.ui-alert-error .icon {
  color: #f44336;
}
.ui-alert.ui-alert-success {
  background-color: #4caf50;
  border-bottom: 1px solid #90cbf9;
}
.ui-alert.ui-alert-success .icon {
  color: #2196f3;
}
.inline-alert {
  padding: 10px;
  display: flex;
}
.inline-alert .icon {
  font-size: 16px;
  line-height: 16px;
  margin-top: -3px;
  width: 230px;
}
.inline-alert .content {
  margin: -2px 12px 0px 12px;
  flex-grow: 1;
}
.inline-alert .close {
  font-size: 10px;
  line-height: 16px;
  cursor: pointer;
}
.inline-alert.info {
  background-color: #e2f3fe;
}
.inline-alert.info .icon {
  color: #2196f3;
}
.inline-alert.warning {
  color: #ff9600;
  background-color: #fff7d9;
  border: 1px solid #ff9600;
}
.inline-alert.error {
  color: #f44336;
  background-color: #feeceb;
  border: 1px solid #f44336;
}
.inline-alert.success {
  color: #4caf50;
  background-color: #edf7ed;
  border: 1px solid #4caf50;
}
.slick-notification.x-window-default {
  border-width: 0 0 0 5px;
  border-radius: 0;
}
.slick-notification.x-window-default .x-window-header.x-window-header-top {
  padding: 8px;
  border: none;
  background: none;
}
.slick-notification.x-window-default .x-window-header.x-window-header-top .x-tool .x-tool-tool-el {
  color: #000;
}
.slick-notification.x-window-default .x-window-header-title-default {
  font-size: 14px;
  padding-left: 12px;
  padding-bottom: 10px;
}
.slick-notification.x-window-default .x-window-header-title-default .x-title-icon {
  font-size: 16px;
}
.slick-notification.x-window-default .x-autocontainer-innerCt {
  font-size: 14px;
  padding-left: 15px;
}
.chat-message-ct {
  padding: 5px;
}
.chat-message-ct .item {
  padding: 5px;
  clear: both;
  position: relative;
}
.chat-message-ct .item.other .image {
  background: #11ba90;
}
.chat-message-ct .item .image {
  width: 36px;
  height: 36px;
  border-radius: 30px;
  background: #38b7d8;
  float: left;
  margin-right: 15px;
}
.chat-message-ct .item .image img {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 50%;
}
.chat-message-ct .item .image .ficon {
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  text-align: center;
}
.chat-message-ct .item .msg {
  display: inline-block;
}
.chat-message-ct .item .msg .username {
  color: #252729;
  font-weight: bold;
}
.chat-message-ct .item .msg .username .slick-icon {
  color: #a8aaae;
}
.chat-message-ct .item .msg .content {
  margin: 2px 0;
  color: #4d5259;
}
.chat-message-ct .item .msg .time {
  position: absolute;
  top: 7px;
  right: 5px;
  color: #626262;
  font-size: 70%;
}
.icon-pinned {
  transform: rotate(-45deg);
}
.argus-relfav {
  position: relative;
  padding: 4px;
  position: relative;
  display: block;
  margin: 3px 0 8px 0;
  padding: 4px;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
  -moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
  box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
}
.argus-relfav:hover {
  border: 1px solid #f6c321;
}
.argus-relfav.x-view-item-focused {
  outline: 0 !important;
}
.argus-relfav div.content {
  padding-left: 30px;
}
.argus-relfav span {
  display: block;
}
.argus-relfav .name {
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.argus-relfav .name:hover {
  color: #e4b009;
}
.argus-relfav .date {
  position: absolute;
  right: 4px;
  top: 6px;
  font-size: 11px;
  color: #706f6e;
}
.argus-relfav .star {
  position: absolute;
  left: 4px;
  top: 4px;
  cursor: pointer;
}
.argus-relfav .user {
  font-style: italic;
  font-size: 11px;
  line-height: 11px;
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.argus-relfav .note {
  font-style: italic;
  font-size: 11px;
  line-height: 11px;
  color: #808080;
  height: 12px;
  margin-top: 2px;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-relfile {
  position: relative;
  padding: 4px;
  margin-bottom: 4px;
  border: 2px solid #f6c321;
  border-radius: 5px;
}
.portal-relfile span {
  display: inline-block;
  font-size: 11px;
}
.portal-relfile .label {
  padding-right: 4px;
  color: #706f6e;
}
.portal-relfile .date {
  position: absolute;
  right: 4px;
  top: 4px;
}
.portal-relfile .downloadLink {
  float: right;
}
.portal-relfile .details {
  margin-top: 5px;
  border-top: 1px solid #f5f5f5;
}
.portal-relfile:hover {
  cursor: pointer;
  border-color: #e4b009;
}
.argus-relnote {
  position: relative;
  padding: 4px;
  margin-bottom: 4px;
  border: 2px dotted #f6c321;
  border-radius: 3px;
}
.argus-relnote span,
.argus-relnote i {
  display: inline-block;
}
.argus-relnote .name {
  padding-left: 4px;
  font-size: 11px;
  color: #706f6e;
}
.argus-relnote .date {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 11px;
  color: #706f6e;
}
.argus-relnote .text {
  margin-top: 4px;
  border-top: 1px dotted #f5f5f5;
  padding-top: 4px;
  max-height: 150px;
  overflow-y: scroll;
}
.argus-relnote:hover {
  cursor: pointer;
  border-color: #e4b009;
}
div.sch-event-selected.x-grid-locked-split .x-grid-inner-normal,
div.sch-event-hover.sch-event-selected.x-grid-locked-split .x-grid-inner-normal,
.sch-timelinepanel.x-grid-locked-split .x-grid-inner-normal {
  border: none;
}
div.sch-event-selected .sch-event,
div.sch-event-hover.sch-event-selected .sch-event,
.sch-timelinepanel .sch-event {
  background-image: none;
  border: none;
}
div.sch-event-selected .sch-event-trip,
div.sch-event-hover.sch-event-selected .sch-event-trip,
.sch-timelinepanel .sch-event-trip {
  margin-top: 4.5px;
  height: 13px !important;
}
div.sch-event-selected .sch-event.sch-pre-assigned-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-pre-assigned-event,
.sch-timelinepanel .sch-event.sch-pre-assigned-event,
div.sch-event-selected .sch-event-selected.sch-pre-assigned-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-pre-assigned-event,
.sch-timelinepanel .sch-event-selected.sch-pre-assigned-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-pre-assigned-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-pre-assigned-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-pre-assigned-event {
  background-color: #ffb4ee;
}
div.sch-event-selected .sch-event.sch-dispatched-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-dispatched-event,
.sch-timelinepanel .sch-event.sch-dispatched-event,
div.sch-event-selected .sch-event-selected.sch-dispatched-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-dispatched-event,
.sch-timelinepanel .sch-event-selected.sch-dispatched-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-dispatched-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-dispatched-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-dispatched-event {
  background-color: #fff;
  box-shadow: inset #acacac 0 0 1px 1px;
}
div.sch-event-selected .sch-event.sch-special-status-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-special-status-event,
.sch-timelinepanel .sch-event.sch-special-status-event,
div.sch-event-selected .sch-event-selected.sch-special-status-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-special-status-event,
.sch-timelinepanel .sch-event-selected.sch-special-status-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-special-status-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-special-status-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-special-status-event {
  background-color: #ffeeaf;
}
div.sch-event-selected .sch-event.sch-accepted-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-accepted-event,
.sch-timelinepanel .sch-event.sch-accepted-event,
div.sch-event-selected .sch-event-selected.sch-accepted-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-accepted-event,
.sch-timelinepanel .sch-event-selected.sch-accepted-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-accepted-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-accepted-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-accepted-event {
  background-color: #e5fce2;
}
div.sch-event-selected .sch-event.sch-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-eta-ontime-event,
.sch-timelinepanel .sch-event.sch-eta-ontime-event,
div.sch-event-selected .sch-event-selected.sch-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-eta-ontime-event,
.sch-timelinepanel .sch-event-selected.sch-eta-ontime-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-ontime-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-eta-ontime-event {
  background-color: #ccff8f;
}
div.sch-event-selected .sch-event.sch-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-eta-early-event,
.sch-timelinepanel .sch-event.sch-eta-early-event,
div.sch-event-selected .sch-event-selected.sch-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-eta-early-event,
.sch-timelinepanel .sch-event-selected.sch-eta-early-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-early-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-eta-early-event {
  background-color: #a9e3fe;
}
div.sch-event-selected .sch-event.sch-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-eta-late-event,
.sch-timelinepanel .sch-event.sch-eta-late-event,
div.sch-event-selected .sch-event-selected.sch-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-eta-late-event,
.sch-timelinepanel .sch-event-selected.sch-eta-late-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-late-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-eta-late-event {
  background-color: #ffa8a4;
}
div.sch-event-selected .sch-event.sch-eta-warning-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-eta-warning-event,
.sch-timelinepanel .sch-event.sch-eta-warning-event,
div.sch-event-selected .sch-event-selected.sch-eta-warning-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-eta-warning-event,
.sch-timelinepanel .sch-event-selected.sch-eta-warning-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-warning-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-warning-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-eta-warning-event {
  background-color: #fbca82;
}
div.sch-event-selected .sch-event.sch-eta-not-available-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-eta-not-available-event,
.sch-timelinepanel .sch-event.sch-eta-not-available-event,
div.sch-event-selected .sch-event-selected.sch-eta-not-available-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-eta-not-available-event,
.sch-timelinepanel .sch-event-selected.sch-eta-not-available-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-not-available-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-eta-not-available-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-eta-not-available-event {
  background-color: #bfc5cd;
}
div.sch-event-selected .sch-event.sch-completed-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-completed-event,
.sch-timelinepanel .sch-event.sch-completed-event,
div.sch-event-selected .sch-event-selected.sch-completed-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-completed-event,
.sch-timelinepanel .sch-event-selected.sch-completed-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-completed-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-completed-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-completed-event {
  background-color: #7e8289;
}
div.sch-event-selected .sch-event.sch-stop-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-ontime-event,
.sch-timelinepanel .sch-event.sch-stop-ontime-event,
div.sch-event-selected .sch-event-selected.sch-stop-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-ontime-event,
.sch-timelinepanel .sch-event-selected.sch-stop-ontime-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-ontime-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-ontime-event {
  background-color: #c3f884;
  border-color: #529800;
}
div.sch-event-selected .sch-event.sch-stop-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-ontime-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-ontime-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-ontime-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-ontime-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-ontime-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-ontime-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23C3F884' stroke='%23529800' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-overtime-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-overtime-event,
.sch-timelinepanel .sch-event.sch-stop-overtime-event,
div.sch-event-selected .sch-event-selected.sch-stop-overtime-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-overtime-event,
.sch-timelinepanel .sch-event-selected.sch-stop-overtime-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-overtime-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-overtime-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-overtime-event {
  background-color: #fff;
  border-color: #d14e47;
}
div.sch-event-selected .sch-event.sch-stop-overtime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-overtime-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-overtime-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-overtime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-overtime-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-overtime-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-overtime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-overtime-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-overtime-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23FFFFFF' stroke='%23D14E47' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-arrive-actual-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-arrive-actual-event,
.sch-timelinepanel .sch-event.sch-stop-arrive-actual-event,
div.sch-event-selected .sch-event-selected.sch-stop-arrive-actual-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-arrive-actual-event,
.sch-timelinepanel .sch-event-selected.sch-stop-arrive-actual-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event {
  background-color: #f5fbbd;
  border-color: #b3b700;
}
div.sch-event-selected .sch-event.sch-stop-arrive-actual-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-arrive-actual-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-arrive-actual-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-arrive-actual-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-arrive-actual-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-arrive-actual-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-arrive-actual-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23F5FBBD' stroke='%23B3B700' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-early-late-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-early-late-event,
.sch-timelinepanel .sch-event.sch-stop-early-late-event,
div.sch-event-selected .sch-event-selected.sch-stop-early-late-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-early-late-event,
.sch-timelinepanel .sch-event-selected.sch-stop-early-late-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-early-late-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-early-late-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-early-late-event {
  background-color: #f79591;
  border-color: #c2130a;
}
div.sch-event-selected .sch-event.sch-stop-early-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-early-late-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-early-late-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-early-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-early-late-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-early-late-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-early-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-early-late-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-early-late-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23F79591' stroke='%23C2130A' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-ontime-event,
.sch-timelinepanel .sch-event.sch-stop-eta-ontime-event,
div.sch-event-selected .sch-event-selected.sch-stop-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-ontime-event,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-ontime-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event {
  background-color: #fff;
  border-color: #7e8289;
}
div.sch-event-selected .sch-event.sch-stop-eta-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-ontime-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-eta-ontime-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-eta-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-ontime-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-ontime-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-ontime-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23FFFFFF' stroke='%237E8289' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-late-event,
.sch-timelinepanel .sch-event.sch-stop-eta-late-event,
div.sch-event-selected .sch-event-selected.sch-stop-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-late-event,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-late-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-late-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-late-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-late-event {
  background-color: #fff;
  border-color: #d14e47;
}
div.sch-event-selected .sch-event.sch-stop-eta-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-late-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-eta-late-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-eta-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-late-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-late-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-late-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-late-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-late-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23FFFFFF' stroke='%23D14E47' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-stop-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-early-event,
.sch-timelinepanel .sch-event.sch-stop-eta-early-event,
div.sch-event-selected .sch-event-selected.sch-stop-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-early-event,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-early-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-early-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-early-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-early-event {
  background-color: #fff;
  border-color: #15b6ff;
}
div.sch-event-selected .sch-event.sch-stop-eta-early-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event.sch-stop-eta-early-event.specialStop,
.sch-timelinepanel .sch-event.sch-stop-eta-early-event.specialStop,
div.sch-event-selected .sch-event-selected.sch-stop-eta-early-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-stop-eta-early-event.specialStop,
.sch-timelinepanel .sch-event-selected.sch-stop-eta-early-event.specialStop,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-early-event.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-stop-eta-early-event.specialStop,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-stop-eta-early-event.specialStop {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-1 -1 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M 6 0 L 12 12 L 0 12 L 6 0 L 12 12' stroke-width='1' fill='%23FFFFFF' stroke='%2315B6FF' %3E%3C/path%3E%3C/svg%3E");
}
div.sch-event-selected .sch-event.sch-holiday-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-holiday-event,
.sch-timelinepanel .sch-event.sch-holiday-event,
div.sch-event-selected .sch-event-selected.sch-holiday-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-holiday-event,
.sch-timelinepanel .sch-event-selected.sch-holiday-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-holiday-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-holiday-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-holiday-event {
  background-color: #3d4249;
  color: #fff;
}
div.sch-event-selected .sch-event.sch-temp-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-temp-event,
.sch-timelinepanel .sch-event.sch-temp-event,
div.sch-event-selected .sch-event-selected.sch-temp-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-temp-event,
.sch-timelinepanel .sch-event-selected.sch-temp-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-temp-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-temp-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-temp-event {
  background-color: transparent;
  position: absolute;
  border: dotted 1px #000;
}
div.sch-event-selected .sch-event.sch-temp-invalid-event,
div.sch-event-hover.sch-event-selected .sch-event.sch-temp-invalid-event,
.sch-timelinepanel .sch-event.sch-temp-invalid-event,
div.sch-event-selected .sch-event-selected.sch-temp-invalid-event,
div.sch-event-hover.sch-event-selected .sch-event-selected.sch-temp-invalid-event,
.sch-timelinepanel .sch-event-selected.sch-temp-invalid-event,
div.sch-event-selected .sch-event-hover.sch-event-selected.sch-temp-invalid-event,
div.sch-event-hover.sch-event-selected .sch-event-hover.sch-event-selected.sch-temp-invalid-event,
.sch-timelinepanel .sch-event-hover.sch-event-selected.sch-temp-invalid-event {
  background-color: #f00;
  border: dotted 1px #000;
}
div.sch-event-selected .sch-event-stop,
div.sch-event-hover.sch-event-selected .sch-event-stop,
.sch-timelinepanel .sch-event-stop {
  border: 1px solid;
}
div.sch-event-selected .sch-event-stop.collectStop,
div.sch-event-hover.sch-event-selected .sch-event-stop.collectStop,
.sch-timelinepanel .sch-event-stop.collectStop {
  dummy: true;
}
div.sch-event-selected .sch-event-stop.deliverStop,
div.sch-event-hover.sch-event-selected .sch-event-stop.deliverStop,
.sch-timelinepanel .sch-event-stop.deliverStop {
  height: 7px !important;
  min-width: 7px !important;
  border-radius: 100%;
  margin-top: 6.5px;
}
div.sch-event-selected .sch-event-stop.specialStop,
div.sch-event-hover.sch-event-selected .sch-event-stop.specialStop,
.sch-timelinepanel .sch-event-stop.specialStop {
  background-color: transparent;
  border: none;
  background-size: 100% 10px;
  background-repeat: no-repeat;
  margin-top: 7px;
}
div.sch-event-selected .sch-event-stop.mixedStop,
div.sch-event-hover.sch-event-selected .sch-event-stop.mixedStop,
.sch-timelinepanel .sch-event-stop.mixedStop {
  min-width: 4px !important;
  border-radius: 12px;
}
div.sch-event-selected .now_timeline,
div.sch-event-hover.sch-event-selected .now_timeline,
.sch-timelinepanel .now_timeline {
  border-left: 2px solid #14d6a1;
}
div.sch-event-selected .sch-schedulerpanel .x-column-header-inner,
div.sch-event-hover.sch-event-selected .sch-schedulerpanel .x-column-header-inner,
.sch-timelinepanel .sch-schedulerpanel .x-column-header-inner {
  padding: 0 !important;
}
div.sch-event-selected .sch-zone-style,
div.sch-event-hover.sch-event-selected .sch-zone-style,
.sch-timelinepanel .sch-zone-style {
  background: rgba(106,106,106,0.16) !important;
}
div.sch-event-selected .sch-zone-style,
div.sch-event-hover.sch-event-selected .sch-zone-style,
.sch-timelinepanel .sch-zone-style {
  border-color: rgba(83,13,134,0.7);
}
div.sch-event-selected .cour-icon,
div.sch-event-hover.sch-event-selected .cour-icon,
.sch-timelinepanel .cour-icon {
  padding-right: 4px;
}
div.sch-event-selected .cour-icon-openincidents,
div.sch-event-hover.sch-event-selected .cour-icon-openincidents,
.sch-timelinepanel .cour-icon-openincidents {
  display: inline-block;
  border: 2px solid #f00;
  color: #f00;
  width: 16px;
  height: 16px;
  margin: -6px 4px 0 0;
  border-radius: 6px 6px 6px 6px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
}
div.sch-event-selected .cour-icon-openincidents > span,
div.sch-event-hover.sch-event-selected .cour-icon-openincidents > span,
.sch-timelinepanel .cour-icon-openincidents > span {
  display: inline-block;
  width: 12px;
  text-align: center;
  font-size: 10px;
}
div.sch-event-selected .cour-icon-inactiveorders,
div.sch-event-hover.sch-event-selected .cour-icon-inactiveorders,
.sch-timelinepanel .cour-icon-inactiveorders {
  color: #12baf3;
}
div.sch-event-selected .sch-event-pending,
div.sch-event-hover.sch-event-selected .sch-event-pending,
.sch-timelinepanel .sch-event-pending {
  background-color: #c6880a;
}
div.sch-event-selected .sch-event-approved,
div.sch-event-hover.sch-event-selected .sch-event-approved,
.sch-timelinepanel .sch-event-approved {
  background-color: #4a9e4a;
}
div.sch-event-selected .sch-event-declined,
div.sch-event-hover.sch-event-selected .sch-event-declined,
.sch-timelinepanel .sch-event-declined {
  background-color: #ee363b;
}
div.sch-event-selected .holiday-requests,
div.sch-event-hover.sch-event-selected .holiday-requests,
.sch-timelinepanel .holiday-requests {
  cursor: pointer;
}
div.sch-event-selected .holiday-requests .x-grid-cell-inner,
div.sch-event-hover.sch-event-selected .holiday-requests .x-grid-cell-inner,
.sch-timelinepanel .holiday-requests .x-grid-cell-inner {
  text-decoration: underline;
}
div.sch-event-selected .sch-column-header,
div.sch-event-hover.sch-event-selected .sch-column-header,
.sch-timelinepanel .sch-column-header {
  padding: 2px 10px;
}
.sch-event {
  color: inherit;
}
.sch-horizontal .fm-courier .sch-event-startsoutside {
  border-left: 0;
}
.sch-horizontal .fm-courier .sch-event-startsoutside:before {
  font-family: 'SupplyStackFontIcons';
  position: absolute;
  content: '\e837';
  line-height: 13px;
  left: 2px;
}
.sch-horizontal .fm-courier .sch-event-endsoutside {
  border-right: 0;
}
.sch-horizontal .fm-courier .sch-event-endsoutside:before {
  font-family: 'SupplyStackFontIcons';
  position: absolute;
  content: '\e838';
  line-height: 13px;
  right: 2px;
}
.scheduler-tooltip span {
  font-weight: bold;
}
.planboard-tooltip .x-tab-bar {
  margin-left: 35px;
}
.signature {
  display: block;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.signature .content {
  display: block;
  z-index: 1000002;
}
.signature .content .header {
  font-size: 150%;
  text-align: center;
}
.signature .content .sign {
  height: 100%;
}
.signature .content .sign canvas {
  border: 1px solid #c0c0c0 !important;
}
.signature .content .undo {
  font-size: 90%;
  text-align: right;
  color: #808080;
  cursor: pointer;
}
.signature .content .myButtonCont {
  width: 48%;
}
.x-form-trigger-wrap.x-form-trigger-wrap-invalid .jSignature {
  background-color: #f1c9c2 !important;
}
.myButtons {
  display: table;
  table-layout: fixed;
  position: relative;
  margin-top: 3px;
  width: 100%;
  margin-bottom: 1em;
}
.myButtonCont {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  width: 35%;
}
.myButton {
  display: block;
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 0px 1px #f0f0f0;
  -moz-box-shadow: inset 0px 0px 0px 1px #f0f0f0;
  box-shadow: inset 0px 0px 0px 1px #f0f0f0;
  border-bottom: 3px solid #12baf3;
  color: $c-fg-optionBlock;
}
.myButton:active {
  background-color: #ffe0fd;
}
.myButton.disabled {
  border-bottom: 3px solid #4d4d4d !important;
  color: #4d4d4d !important;
}
.myButton.disabled:active {
  color: $c-fg-disabled !important;
  background-color: #4d4d4d !important;
  border: 1px solid #4d4d4d !important;
}
.myButton.selected,
.myButton.highlight {
  border-bottom: 3px solid $c-fg-optionBlock;
  color: $c-fg-optionBlock;
  background-color: #12baf3;
}
.myButton.sPos {
  border-bottom: 3px solid #008000;
  color: #008000;
}
.myButton.sPos:active {
  background-color: #008000;
  color: #fff;
  border: 1px solid #008000;
}
.myButton.sNeg {
  border-bottom: 3px solid #f00;
  color: #f00;
}
.myButton.sNeg:active {
  background-color: #f00;
  color: #fff;
  border: 1px solid #f00;
}
.myButtonTxt {
  display: table;
  position: relative;
  height: 5.2em;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-box-shadow: inset 0px 0px 0px 1px #f0f0f0;
  -moz-box-shadow: inset 0px 0px 0px 1px #f0f0f0;
  box-shadow: inset 0px 0px 0px 1px #f0f0f0;
}
.myButtonTxt .ficon- {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 200%;
  padding-bottom: 14px;
}
.myButtonLabel {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  margin: auto;
  bottom: 3px;
  left: 0px;
  z-index: 1;
}
.stop-legend td {
  vertical-align: top;
}
.stop-legend td.icon {
  padding-right: 8px;
  padding-top: 3px;
}
.mile-legend {
  width: 790px;
}
.mile-legend td {
  vertical-align: top;
}
.mile-legend td.diagram {
  vertical-align: middle;
  text-align: center;
  min-width: 225px;
}
.mile-legend td.icon {
  padding: 3px 8px 3px 27px;
  width: 16px;
  border-left: 1px solid #efefef;
}
.mile-legend td.status {
  padding: 2px 10px 2px 0;
}
.mile-legend td.status span.label {
  font-weigt: bold;
}
.acr-locations .locationItem {
  color: #444;
  margin-bottom: 10px;
}
.acr-locations .locationItem .location-name {
  font-weight: bold;
}
.dummy {
  color: #fff;
}
.order-form-fieldset {
  background-color: #fff;
}
.order-form-fieldset .x-fieldset-header-text {
  font-size: 14px;
  font-weight: bold;
  margin: 6px 0;
}
.order-form-fieldset legend {
  overflow: visible;
  height: 30px;
}
.order-form-fieldset legend .x-form-cb-wrap-inner {
  margin: 6px 0;
}
.credit-stop-warning,
.canceled-order-warning {
  background: #ed1c24;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 4px;
  font-size: 130%;
}
.order-form-toolbar.x-toolbar-default {
  padding: 0 0 5px 8px;
}
.x-boundlist-item[data-qtip] {
  text-decoration: underline;
}
.newCustomsStopMsg {
  text-align: center;
  color: #7e8289;
}
.newCustomsStopMsg .icon {
  display: block;
  margin: 10px 0;
}
.simpleTableTpl {
  display: table;
}
.simpleTableTpl .field {
  display: table-row;
}
.simpleTableTpl .field .label {
  display: table-cell;
  color: #808080;
  width: 120px;
  font-weight: 500;
  font-family: "Roboto Medium";
}
.simpleTableTpl .field .value {
  display: table-cell;
}
.stopTimingTpl {
  display: flex;
  width: 100%;
}
.stopTimingTpl .label {
  color: #808080;
  flex: 0 0 100px;
  font-weight: 500;
  font-family: "Roboto Medium";
}
.stopTimingTpl .value {
  flex-grow: 1;
  margin-right: 5px;
}
.questionnaireExpander {
  padding: 15px 30px;
  background: #fff;
}
.questionnaireExpander h1 {
  margin: 10px 5px 20px 0;
  font-size: 140%;
  color: #444;
}
.questionnaireExpander .question {
  margin: 2px 2px 2px 5px;
  color: #444;
}
.questionnaireExpander .answer {
  margin: 2px 2px 10px 15px;
  color: #3045a5;
}
.questionnaireExpander .required {
  color: #ed1c24;
}
.opening-hours-field {
  cursor: pointer;
  line-height: 30px;
}
.opening-hours-tooltip .x-tip-header-default .x-title-text {
  padding: 10px;
  font-size: 15px;
}
.opening-hours-tooltip .x-tip-body {
  padding: 10px;
}
.opening-hours-tooltip .x-tip-body table {
  border-collapse: collapse;
}
.opening-hours-tooltip .x-tip-body td {
  color: #444;
}
.opening-hours-tooltip .x-tip-body th,
.opening-hours-tooltip .x-tip-body td {
  border-bottom: 1px solid #cfcfcf;
  padding: 3px 10px;
  text-align: left;
}
.opening-hours-tooltip .x-tip-body tr:last-child th,
.opening-hours-tooltip .x-tip-body tr:last-child td {
  border-bottom: none;
}
.cup-orderLogic-orderTypes {
  padding: 0 10px 0 10px;
}
.cup-orderLogic-orderTypes ul {
  margin-top: 5px;
}
.documentalerttimeline {
  color: #4d5259;
}
.documentalerttimeline .line {
  width: 1px;
  display: block;
  height: 35px;
  border-left: 1px solid #a5aab3;
}
.documentalerttimeline .milestone {
  border: 1px solid #a5aab3;
  border-radius: 15px;
  padding: 5px 15px;
  text-align: center;
}
.documentalerttimeline .type {
  font-weight: bold;
  margin-left: 13px;
}
.documentalerttimeline .time {
  margin-left: 13px;
}
.document-alert-tip {
  opacity: 0.5;
  color: #4d5259;
  margin-top: 3px;
}
.aor-settings .alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: block;
}
.aor-settings .alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.x-form-text-wrap-search,
.x-form-text-wrap-filter {
  background: #fff;
  padding: 0 4px;
  border: 1px solid;
  border-radius: 2px;
  border-color: #cbd0d8;
  display: flex;
}
.x-form-text-wrap-search:before,
.x-form-text-wrap-filter:before {
  line-height: 20px;
  font-family: 'SupplyStackFontIcons';
}
.x-form-text-wrap-search input,
.x-form-text-wrap-filter input {
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
}
.x-form-item-filter.x-form-readonly input,
.x-form-item-search.x-form-readonly input {
  background: inherit;
}
.x-form-text-wrap-search:before {
  content: '\e82b';
}
.x-form-text-wrap-filter:before {
  content: '\e901';
}
.role-header {
  border-bottom: 1px solid #e0e0e0;
}
.role-button .role-icon {
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  background-size: 20px;
  border-radius: 100%;
  width: 40px;
  align-self: center;
  margin-bottom: 5px;
  background-color: #eee;
  opacity: 0.49;
}
.role-button .total-accounts {
  margin-top: -11px;
  line-height: 11px;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #808080;
}
.role-button .total-accounts .icon-user4 {
  margin-left: 4px;
}
.role-button.slick-plain .x-btn-inner {
  text-decoration: none;
}
.role-button.edit-mode .role-icon {
  background-color: #fed642;
  -webkit-box-shadow: 1px 1px 5px 0 #dedede;
  -moz-box-shadow: 1px 1px 5px 0 #dedede;
  box-shadow: 1px 1px 5px 0 #dedede;
  opacity: 1;
}
.role-button .x-btn-inner-roles-large {
  font-size: 12px;
  line-height: 21px;
}
.role-button .x-btn-wrap-roles-large.x-btn-arrow-right:after {
  display: none;
}
.role-button .x-btn-wrap-roles-large.x-btn-arrow-right .x-btn-inner-roles-large .button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 20px);
  font-weight: bold;
}
.role-button .x-btn-wrap-roles-large.x-btn-arrow-right .x-btn-inner-roles-large .menu-arrow {
  display: inline-block;
  width: 16px;
  height: 21px;
  background-image: url("/img/default-toolbar-small-arrow.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.role-settings .x-grid-cell-treecolumn span.icon {
  margin: 0 0 0 3px;
}
.role-settings .x-tree-icon {
  display: none;
}
.role-settings .x-panel-header-default .x-tool-img {
  background-image: url("../../../../library_js/ext-7.6.0/build/classic/theme-neptune/resources/tree/arrows.png") !important;
  background-position: 19px -2px;
}
.role-settings .x-panel-header-default .x-tool-img.x-tool-expand-bottom {
  background-position: 0;
}
.role-settings .x-grid-header-ct {
  background: #fff;
  border-bottom-color: #e0e0e0;
}
.role-settings .x-grid-header-ct .x-column-header {
  background: inherit;
}
.role-settings .x-grid-header-ct .x-column-header .x-column-header-over {
  background: inherit;
}
.role-settings .x-grid-header-ct.x-column-header-focus .x-column-header-inner:after {
  border: none !important;
}
.role-settings .x-grid-row.x-grid-tree-node-leaf {
  font-weight: normal;
}
.role-settings .x-grid-row.role-title {
  font-weight: bold;
  -webkit-box-shadow: inset 0px -1px 0px 0px #e0e0e0;
  -moz-box-shadow: inset 0px -1px 0px 0px #e0e0e0;
  box-shadow: inset 0px -1px 0px 0px #e0e0e0;
}
.role-settings .x-grid-row.role-checkbox .summary-row .x-grid-checkcolumn {
  display: inline;
}
.role-settings .x-grid-row.role-checkbox .summary-row .hover-summary {
  display: none;
}
.role-settings .x-grid-item-over .x-grid-row.role-checkbox .summary-row:hover .hover-summary {
  display: none;
}
.role-settings .x-grid-item-over .x-grid-row.role-checkbox .summary-row:hover .x-grid-checkcolumn {
  display: inline;
}
.role-settings .x-grid-item-over .x-grid-row.role-checkbox .summary-row .hover-summary {
  display: block;
  color: #545454;
}
.role-settings .x-grid-item-over .x-grid-row.role-checkbox .summary-row .x-grid-checkcolumn {
  display: none;
}
.role-settings .x-item-disabled .x-grid-checkcolumn {
  opacity: 0.6;
}
.role-settings .x-grid-item {
  height: 46px;
  vertical-align: middle;
}
.role-settings .x-grid-item .x-grid-td {
  vertical-align: middle;
}
.role-settings .x-tree-view .x-grid-cell-inner {
  font-size: 13px;
}
.role-settings .x-grid-item-focused .x-grid-cell-inner:before {
  border: none;
}
.role-settings .x-grid-scrollbar-locked {
  display: none;
}
.role-settings .x-grid-scrollbar-clipper-locked,
.role-settings .x-grid-inner-locked,
.role-settings .x-column-header {
  border: none;
}
.rolecolumn .x-column-header-inner {
  padding: 10px 0 0 0 !important;
}
.rolecolumn .x-column-header-text-inner {
  display: none;
}
.role-tree-column {
  height: 90px;
}
.role-tree-column .x-column-header-text-wrapper {
  vertical-align: bottom;
}
.role-tree-column .x-form-text-wrap-search,
.role-tree-column .x-form-text-wrap-filter {
  border: none;
}
.column-pager {
  text-align: center;
  cursor: pointer;
}
.column-pager .icon {
  display: block;
  font-size: 30px;
  line-height: 50px;
  height: auto;
  width: auto;
}
.aor-settings .aor-block:not(.aor-block-last) .x-panel-header-collapsed-top {
  border-bottom: none;
}
.md-order-templates .slick-toolbar .x-toolbar-text.toolbarTitle {
  color: #616161;
  font-size: 12px;
}
.md-order-templates .slick-toolbar .x-container-after-title .x-box-inner {
  overflow: visible;
}
.md-order-templates .x-btn.primary {
  padding: 4px 8px;
}
.rate-explorer .criteria-block .x-panel-header {
  background: #fff;
}
.rate-explorer .criteria-block .x-panel-header .x-panel-header-title-default {
  font-size: 14px;
}
.rate-explorer .criteria-block .x-panel-header .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
  font-size: 18px;
  color: inherit;
}
.result-panel .rate-sorting {
  border: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.result-panel .x-collapsed .rate-sorting {
  display: none;
}
.rate-explorer-no-results {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}
.rate-explorer-no-results .title {
  font-weight: bold;
  margin: 24px 0 7px 0;
}
.flo-info-msg.rate-explorer-multiple-billing-leg .flo-info {
  width: 190px;
  height: 233px;
}
.flo-info-msg.rate-explorer-multiple-billing-leg .info-msg {
  color: #616161;
}
.big-cards .rate-result {
  height: 225px;
}
.rate-result {
  display: inline-block;
  width: 365px;
  margin: 15px;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
  padding: 4px;
  color: #4d5259;
}
.rate-result.x-view-item-focused {
  outline: none !important;
}
.rate-result header {
  margin: 9px 12px 7px 17px;
}
.rate-result header .slick-btn-badge {
  position: static;
  vertical-align: middle;
}
.rate-result header .title {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  max-width: 260px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rate-result header .modality {
  display: inline-block;
  float: right;
  font-size: 22px;
  vertical-align: middle;
}
.rate-result .properties {
  margin: 7px 12px 0 17px;
}
.rate-result .properties .property {
  font-size: 12px;
  margin-bottom: 7px;
}
.rate-result .properties .property .label {
  margin-right: 3px;
}
.rate-result .rates {
  width: 100%;
  margin-bottom: 7px;
  border-top: 1px solid #e0e0e0;
  padding: 20px 6px 20px 17px;
  color: #000;
}
.rate-result .rates td.value {
  text-align: right;
  width: 35%;
}
.rate-result .rates td.label a {
  text-decoration: underline;
  cursor: pointer;
}
.rate-result .rates tfoot td {
  font-weight: bold;
  padding-top: 10px;
}
.rate-result .rates tfoot td.value {
  border-top: 1px solid #e0e0e0;
}
.rate-result .rates tbody tr:last-child td {
  padding-bottom: 10px;
}
.rate-result .rates tbody td {
  padding-bottom: 2px;
}
.rate-result .rates tbody td.label {
  color: #4d5259;
}
.rate-result .select-rate-button-container {
  float: left;
  background: linear-gradient(0deg, rgba(255,216,45,0.25) 0%, rgba(255,216,45,0.25) 60%, rgba(255,216,45,0) 100%);
  pointer-events: none;
  width: 100%;
  text-align: center;
  display: none;
  bottom: -100%;
  position: relative;
  margin-top: -60px;
}
.rate-result .select-rate-button {
  pointer-events: auto;
  margin: 18px auto 10px auto;
  padding: 0 15px;
  display: inline-block;
  background: #f6c321;
  border: 1px solid #f6c321;
  color: #000;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  border-radius: 3px;
  font-weight: normal;
  cursor: pointer;
  line-height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rate-result .select-rate-button:hover {
  border-color: #e4b009;
  background: #e4b009;
  color: #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rate-result .select-rate-button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.rate-result .select-rate-button:active::after {
  animation: ripple 0.5s ease-out;
}
.rate-result:hover .select-rate-button-container {
  display: inline-block;
}
.accordion-ct .accordion-item {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #cfcfcf;
  border-bottom: none;
}
.accordion-ct .accordion-item .x-panel-header-default {
  background: inherit;
  border-top: none;
}
.accordion-ct .accordion-item .x-panel-header-default .x-panel-header-title-default {
  font-size: 14px;
  color: #212121;
}
.accordion-ct .accordion-item > .x-panel-header .x-title-text {
  padding-left: 8px;
  line-height: 20px;
}
.accordion-ct .accordion-item > .x-panel-header .x-title-icon-wrap-default > .x-title-icon-default {
  color: #4d5259;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding-right: 12px;
}
.accordion-ct .accordion-item.accordion-item-first {
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.accordion-ct .accordion-item.accordion-item-first.accordion-item-last {
  border-radius: 5px;
}
.accordion-ct .accordion-item.accordion-item-last {
  border-bottom: 1px solid #cfcfcf;
  border-radius: 0 0 5px 5px;
}
.accordion-ct .accordion-item.accordion-item-last .x-tool {
  margin-right: 20px;
}
.ocean-form .x-panel-header-default.x-docked-top.x-panel-header-default-horizontal.x-header-noborder {
  padding: 0 0 7px 0;
}
.ocean-form .booking-type-svg {
  text-align: center;
}
.ocean-form .linked-orders {
  font-size: 12px;
  color: #757575;
  font-weight: normal;
}
.ocean-form .linked-orders .text {
  text-decoration: underline;
  cursor: pointer;
}
.ocean-form .select-booking-warning {
  color: #da291c;
}
.booking-grid {
  border-top: 1px solid #cfcfcf;
}
.ocean-form-noheader .x-panel-header-default {
  display: none;
}
.multimodal-wizard .drayage-booking-type-svg,
.carriage-wizard .drayage-booking-type-svg {
  background: transparent;
  border-top: none;
}
.multimodal-wizard .booking-type-svg,
.carriage-wizard .booking-type-svg {
  background: #f7f8f9;
  border-top: 1px solid #cfcfcf;
}
.multimodal-wizard > .poppy-header .x-title-text,
.carriage-wizard > .poppy-header .x-title-text {
  padding-left: 0;
}
.multimodal-wizard .x-title-text,
.carriage-wizard .x-title-text {
  padding-left: 30px;
}
.multimodal-wizard .badge.x-title-icon-default,
.carriage-wizard .badge.x-title-icon-default {
  background-color: #ffeb96;
  border: 1px solid #fed743;
  border-radius: 50%;
  line-height: 17.5px;
  color: #000;
  font-size: 13px;
  width: 20px;
  height: 20px;
  margin-left: 15px;
}
.multimodal-wizard .badge.x-title-icon-default.number-1:before,
.carriage-wizard .badge.x-title-icon-default.number-1:before {
  content: "1";
}
.multimodal-wizard .badge.x-title-icon-default.number-2:before,
.carriage-wizard .badge.x-title-icon-default.number-2:before {
  content: "2";
}
.multimodal-wizard .badge.x-title-icon-default.number-3:before,
.carriage-wizard .badge.x-title-icon-default.number-3:before {
  content: "3";
}
.carriage-to-code.not-required {
  color: #808080;
  font-style: italic;
}
.carriage-to-code.missing .x-grid-cell-inner {
  cursor: pointer;
}
.carriage-to-code.missing .x-grid-cell-inner .text {
  vertical-align: top;
  margin-right: 8px;
}
.carriage-to-code.missing .x-grid-cell-inner .icon-circle-plus {
  color: #2cb944;
  cursor: pointer;
}