/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.tox {
  box-shadow: none;
  box-sizing: content-box;
  color: #222f3e;
  cursor: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  vertical-align: initial;
  white-space: normal;
}
.tox *:not(svg):not(rect) {
  box-sizing: inherit;
  color: inherit;
  cursor: inherit;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
  text-transform: inherit;
  vertical-align: inherit;
  white-space: inherit;
}
.tox *:not(svg):not(rect) {
  /* stylelint-disable-line no-duplicate-selectors */
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  max-width: none;
  outline: 0;
  padding: 0;
  position: static;
  width: auto;
}
.tox:not([dir=rtl]) {
  direction: ltr;
  text-align: left;
}
.tox[dir=rtl] {
  direction: rtl;
  text-align: right;
}
.tox-tinymce {
  border: 2px solid #eeeeee;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow: hidden;
  position: relative;
  visibility: inherit !important;
}
.tox.tox-tinymce-inline {
  border: none;
  box-shadow: none;
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-container {
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-header {
  background-color: #fff;
  border: 2px solid #eeeeee;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
}
.tox-tinymce-aux {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  z-index: 1300;
}
.tox-tinymce *:focus,
.tox-tinymce-aux *:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
.tox[dir=rtl] .tox-icon--flip svg {
  transform: rotateY(180deg);
}
.tox .accessibility-issue__header {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.tox .accessibility-issue__description {
  align-items: stretch;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
}
.tox .accessibility-issue__description > div {
  padding-bottom: 4px;
}
.tox .accessibility-issue__description > div > div {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.tox .accessibility-issue__description > div > div .tox-icon svg {
  display: block;
}
.tox .accessibility-issue__repair {
  margin-top: 16px;
}
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  background-color: rgba(0, 101, 216, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  color: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
  fill: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
  background-color: #006ce7;
  color: #fff;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
  background-color: #0060ce;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
  background-color: #0054b4;
}
.tox .tox-dialog__body-content .accessibility-issue--warn {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  background-color: rgba(255, 165, 0, 0.08);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  color: #8f5d00;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
  fill: #8f5d00;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
  background-color: #FFE89D;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
  background-color: #F2D574;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
  background-color: #E8C657;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  background-color: rgba(204, 0, 0, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  color: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
  fill: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
  background-color: #F2BFBF;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
  background-color: #E9A4A4;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
  background-color: #EE9494;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  background-color: rgba(120, 171, 70, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
  display: none;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  color: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
  fill: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  font-size: 14px;
  margin-top: 0;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-left: auto;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 4px 4px 8px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-right: auto;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 8px 4px 4px;
}
.tox .tox-advtemplate .tox-form__grid {
  flex: 1;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  overflow: auto;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
    width: 100%;
  }
}
.tox .tox-advtemplate iframe {
  border-color: #eeeeee;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin: 0 10px;
}
.tox .tox-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bottom-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-button {
  background-color: #006ce7;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #006ce7;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 24px;
  margin: 0;
  outline: none;
  padding: 4px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.tox .tox-button::before {
  border-radius: 6px;
  bottom: -1px;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
  content: '';
  left: -1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
}
.tox .tox-button[disabled] {
  background-color: #006ce7;
  background-image: none;
  border-color: #006ce7;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.tox .tox-button:focus:not(:disabled) {
  background-color: #0060ce;
  background-image: none;
  border-color: #0060ce;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button:focus-visible:not(:disabled)::before {
  opacity: 1;
}
.tox .tox-button:hover:not(:disabled) {
  background-color: #0060ce;
  background-image: none;
  border-color: #0060ce;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button:active:not(:disabled) {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled[disabled] {
  background-color: #0054b4;
  background-image: none;
  border-color: #0054b4;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
  background-color: #00489b;
  background-image: none;
  border-color: #00489b;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
  background-color: #00489b;
  background-image: none;
  border-color: #00489b;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
  background-color: #003c81;
  background-image: none;
  border-color: #003c81;
  box-shadow: none;
  color: #fff;
}
.tox .tox-button--icon-and-text,
.tox .tox-button.tox-button--icon-and-text,
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
  display: flex;
  padding: 5px 4px;
}
.tox .tox-button--icon-and-text .tox-icon svg,
.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
  display: block;
  fill: currentColor;
}
.tox .tox-button--secondary {
  background-color: #f0f0f0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #f0f0f0;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  outline: none;
  padding: 4px 16px;
  text-decoration: none;
  text-transform: none;
}
.tox .tox-button--secondary[disabled] {
  background-color: #f0f0f0;
  background-image: none;
  border-color: #f0f0f0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--secondary:focus:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary:hover:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary:active:not(:disabled) {
  background-color: #d6d6d6;
  background-image: none;
  border-color: #d6d6d6;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled {
  background-color: #a8c8ed;
  background-image: none;
  border-color: #a8c8ed;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled[disabled] {
  background-color: #a8c8ed;
  background-image: none;
  border-color: #a8c8ed;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
  background-color: #93bbe9;
  background-image: none;
  border-color: #93bbe9;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
  background-color: #93bbe9;
  background-image: none;
  border-color: #93bbe9;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
  background-color: #7daee4;
  background-image: none;
  border-color: #7daee4;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-button--icon,
.tox .tox-button.tox-button--icon,
.tox .tox-button.tox-button--secondary.tox-button--icon {
  padding: 4px;
}
.tox .tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  display: block;
  fill: currentColor;
}
.tox .tox-button-link {
  background: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.tox .tox-button-link--sm {
  font-size: 14px;
}
.tox .tox-button--naked {
  background-color: transparent;
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked[disabled] {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: rgba(34, 47, 62, 0.5);
}
.tox .tox-button--naked:hover:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked:focus:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.12);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked:active:not(:disabled) {
  background-color: rgba(34, 47, 62, 0.18);
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}
.tox .tox-button--naked .tox-icon svg {
  fill: currentColor;
}
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  color: #222f3e;
}
.tox .tox-checkbox {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 36px;
  min-width: 36px;
}
.tox .tox-checkbox__input {
  /* Hide from view but visible to screen readers */
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.tox .tox-checkbox__icons {
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 0 0 2px transparent;
  box-sizing: content-box;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: calc(4px - 1px);
  width: 24px;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: block;
  fill: rgba(34, 47, 62, 0.3);
}
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: none;
  fill: #006ce7;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: none;
  fill: #006ce7;
}
.tox .tox-checkbox--disabled {
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: block;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: block;
}
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #006ce7;
  padding: calc(4px - 1px);
}
.tox:not([dir=rtl]) .tox-checkbox__label {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-checkbox__input {
  left: -10000px;
}
.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-checkbox__label {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-checkbox__input {
  right: -10000px;
}
.tox[dir=rtl] .tox-bar .tox-checkbox {
  margin-right: 4px;
}
.tox {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox .tox-collection--toolbar .tox-collection__group {
  display: flex;
  padding: 0;
}
.tox .tox-collection--grid .tox-collection__group {
  display: flex;
  flex-wrap: wrap;
  max-height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.tox .tox-collection--list .tox-collection__group {
  border-bottom-width: 0;
  border-color: #e3e3e3;
  border-left-width: 0;
  border-right-width: 0;
  border-style: solid;
  border-top-width: 1px;
  padding: 4px 0;
}
.tox .tox-collection--list .tox-collection__group:first-child {
  border-top-width: 0;
}
.tox .tox-collection__group-heading {
  background-color: #fcfcfc;
  color: rgba(34, 47, 62, 0.7);
  cursor: default;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: -4px;
  padding: 4px 8px;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tox .tox-collection__item {
  align-items: center;
  border-radius: 3px;
  color: #222f3e;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tox .tox-collection--list .tox-collection__item {
  padding: 4px 8px;
}
.tox .tox-collection--toolbar .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--grid .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: #fff;
  color: #222f3e;
}
.tox .tox-collection--list .tox-collection__item--active {
  background-color: #cce2fa;
}
.tox .tox-collection--toolbar .tox-collection__item--enabled {
  background-color: #a6ccf7;
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active {
  background-color: #cce2fa;
}
.tox .tox-collection--grid .tox-collection__item--enabled {
  background-color: #a6ccf7;
  color: #222f3e;
}
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #cce2fa;
  color: #222f3e;
}
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}
.tox .tox-collection__item-icon,
.tox .tox-collection__item-checkmark {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.tox .tox-collection__item-icon svg,
.tox .tox-collection__item-checkmark svg {
  fill: currentColor;
}
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  height: 48px;
  width: 48px;
}
.tox .tox-collection__item-label {
  color: currentColor;
  display: inline-block;
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  max-width: 100%;
  text-transform: none;
  word-break: break-all;
}
.tox .tox-collection__item-accessory {
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-transform: none;
}
.tox .tox-collection__item-caret {
  align-items: center;
  display: flex;
  min-height: 24px;
}
.tox .tox-collection__item-caret::after {
  content: '';
  font-size: 0;
  min-height: inherit;
}
.tox .tox-collection__item-caret svg {
  fill: #222f3e;
}
.tox .tox-collection__item--state-disabled {
  background-color: transparent;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  display: none;
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
  display: none;
}
.tox .tox-collection--horizontal {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 0;
  overflow-x: auto;
  padding: 0;
}
.tox .tox-collection--horizontal .tox-collection__group {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item {
  height: 28px;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item-label {
  white-space: nowrap;
}
.tox .tox-collection--horizontal .tox-collection__item-caret {
  margin-left: 4px;
}
.tox .tox-collection__item-container {
  display: flex;
}
.tox .tox-collection__item-container--row {
  align-items: center;
  flex: 1 1 auto;
  flex-direction: row;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  margin-right: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  justify-content: flex-end;
  margin-left: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  align-items: flex-start;
  margin-bottom: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  align-items: center;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  align-items: flex-end;
  margin-top: auto;
}
.tox .tox-collection__item-container--column {
  align-self: center;
  flex: 1 1 auto;
  flex-direction: column;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  align-items: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  align-items: flex-end;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  align-self: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  align-self: center;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  align-self: flex-end;
}
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-right: 1px solid transparent;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-left: 8px;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-collection__item-accessory {
  margin-left: 16px;
  text-align: right;
}
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  margin-left: 16px;
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-left: 1px solid transparent;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-right: 8px;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-collection__item-accessory {
  margin-right: 16px;
  text-align: left;
}
.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  margin-right: 16px;
  transform: rotateY(180deg);
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  margin-right: 4px;
}
.tox .tox-color-picker-container {
  display: flex;
  flex-direction: row;
  height: 225px;
  margin: 0;
}
.tox .tox-sv-palette {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.tox .tox-sv-palette-spectrum {
  height: 100%;
}
.tox .tox-sv-palette,
.tox .tox-sv-palette-spectrum {
  width: 225px;
}
.tox .tox-sv-palette-thumb {
  background: none;
  border: 1px solid black;
  border-radius: 50%;
  box-sizing: content-box;
  height: 12px;
  position: absolute;
  width: 12px;
}
.tox .tox-sv-palette-inner-thumb {
  border: 1px solid white;
  border-radius: 50%;
  height: 10px;
  position: absolute;
  width: 10px;
}
.tox .tox-hue-slider {
  box-sizing: border-box;
  height: 100%;
  width: 25px;
}
.tox .tox-hue-slider-spectrum {
  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
  height: 100%;
  width: 100%;
}
.tox .tox-hue-slider,
.tox .tox-hue-slider-spectrum {
  width: 20px;
}
.tox .tox-hue-slider-spectrum:focus,
.tox .tox-sv-palette-spectrum:focus {
  outline: #08f solid;
}
.tox .tox-hue-slider-thumb {
  background: white;
  border: 1px solid black;
  box-sizing: content-box;
  height: 4px;
  width: 100%;
}
.tox .tox-rgb-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tox .tox-rgb-form div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  width: inherit;
}
.tox .tox-rgb-form input {
  width: 6em;
}
.tox .tox-rgb-form input.tox-invalid {
  /* Need !important to override Chrome's focus styling unfortunately */
  border: 1px solid red !important;
}
.tox .tox-rgb-form .tox-rgba-preview {
  border: 1px solid black;
  flex-grow: 2;
  margin-bottom: 0;
}
.tox:not([dir=rtl]) .tox-sv-palette {
  margin-right: 15px;
}
.tox:not([dir=rtl]) .tox-hue-slider {
  margin-right: 15px;
}
.tox:not([dir=rtl]) .tox-hue-slider-thumb {
  margin-left: -1px;
}
.tox:not([dir=rtl]) .tox-rgb-form label {
  margin-right: 0.5em;
}
.tox[dir=rtl] .tox-sv-palette {
  margin-left: 15px;
}
.tox[dir=rtl] .tox-hue-slider {
  margin-left: 15px;
}
.tox[dir=rtl] .tox-hue-slider-thumb {
  margin-right: -1px;
}
.tox[dir=rtl] .tox-rgb-form label {
  margin-left: 0.5em;
}
.tox .tox-toolbar .tox-swatches,
.tox .tox-toolbar__primary .tox-swatches,
.tox .tox-toolbar__overflow .tox-swatches {
  margin: 5px 0 6px 11px;
}
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  border: 0;
  margin: -4px -4px;
}
.tox .tox-swatches__row {
  display: flex;
}
.tox .tox-swatch {
  height: 30px;
  transition: transform 0.15s, box-shadow 0.15s;
  width: 30px;
}
.tox .tox-swatch:hover,
.tox .tox-swatch:focus {
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  transform: scale(0.8);
}
.tox .tox-swatch--remove {
  align-items: center;
  display: flex;
  justify-content: center;
}
.tox .tox-swatch--remove svg path {
  stroke: #e74c3c;
}
.tox .tox-swatches__picker-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 30px;
}
.tox .tox-swatches__picker-btn svg {
  fill: #222f3e;
  height: 24px;
  width: 24px;
}
.tox .tox-swatches__picker-btn:hover {
  background: #cce2fa;
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg {
  display: none;
  fill: #222f3e;
  height: 24px;
  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
  width: 24px;
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
  fill: #fff;
  paint-order: stroke;
  stroke: #222f3e;
  stroke-width: 2px;
}
.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
  display: block;
}
.tox:not([dir=rtl]) .tox-swatches__picker-btn {
  margin-left: auto;
}
.tox[dir=rtl] .tox-swatches__picker-btn {
  margin-right: auto;
}
.tox .tox-comment-thread {
  background: #fff;
  position: relative;
}
.tox .tox-comment-thread > *:not(:first-child) {
  margin-top: 8px;
}
.tox .tox-comment {
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  padding: 8px 8px 16px 8px;
  position: relative;
}
.tox .tox-comment__header {
  align-items: center;
  color: #222f3e;
  display: flex;
  justify-content: space-between;
}
.tox .tox-comment__date {
  color: #222f3e;
  font-size: 12px;
  line-height: 18px;
}
.tox .tox-comment__body {
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 8px;
  position: relative;
  text-transform: initial;
}
.tox .tox-comment__body textarea {
  resize: none;
  white-space: normal;
  width: 100%;
}
.tox .tox-comment__expander {
  padding-top: 8px;
}
.tox .tox-comment__expander p {
  color: rgba(34, 47, 62, 0.7);
  font-size: 14px;
  font-style: normal;
}
.tox .tox-comment__body p {
  margin: 0;
}
.tox .tox-comment__buttonspacing {
  padding-top: 16px;
  text-align: center;
}
.tox .tox-comment-thread__overlay::after {
  background: #fff;
  bottom: 0;
  content: "";
  display: flex;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.tox .tox-comment__reply {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 8px;
}
.tox .tox-comment__reply > *:first-child {
  margin-bottom: 8px;
  width: 100%;
}
.tox .tox-comment__edit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 16px;
}
.tox .tox-comment__gradient::after {
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  content: "";
  display: block;
  height: 5em;
  margin-top: -40px;
  position: absolute;
  width: 100%;
}
.tox .tox-comment__overlay {
  background: #fff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 5;
}
.tox .tox-comment__loading-text {
  align-items: center;
  color: #222f3e;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tox .tox-comment__loading-text > div {
  padding-bottom: 16px;
}
.tox .tox-comment__overlaytext {
  bottom: 0;
  flex-direction: column;
  font-size: 14px;
  left: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.tox .tox-comment__overlaytext p {
  background-color: #fff;
  box-shadow: 0 0 8px 8px #fff;
  color: #222f3e;
  text-align: center;
}
.tox .tox-comment__overlaytext div:nth-of-type(2) {
  font-size: 0.8em;
}
.tox .tox-comment__busy-spinner {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}
.tox .tox-comment__scroll {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  overflow: auto;
}
.tox .tox-conversations {
  margin: 8px;
}
.tox:not([dir=rtl]) .tox-comment__edit {
  margin-left: 8px;
}
.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-comment__edit {
  margin-right: 8px;
}
.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
.tox[dir=rtl] .tox-comment__edit > *:last-child,
.tox[dir=rtl] .tox-comment__reply > *:last-child {
  margin-right: 8px;
}
.tox .tox-user {
  align-items: center;
  display: flex;
}
.tox .tox-user__avatar svg {
  fill: rgba(34, 47, 62, 0.7);
}
.tox .tox-user__avatar img {
  border-radius: 50%;
  height: 36px;
  object-fit: cover;
  vertical-align: middle;
  width: 36px;
}
.tox .tox-user__name {
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 18px;
  text-transform: none;
}
.tox:not([dir=rtl]) .tox-user__avatar svg,
.tox:not([dir=rtl]) .tox-user__avatar img {
  margin-right: 8px;
}
.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-user__avatar svg,
.tox[dir=rtl] .tox-user__avatar img {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  margin-right: 8px;
}
.tox .tox-dialog-wrap {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1100;
}
.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.tox .tox-dialog-wrap__backdrop--opaque {
  background-color: #fff;
}
.tox .tox-dialog {
  background-color: #fff;
  border-color: #eeeeee;
  border-radius: 10px;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 480px;
  overflow: hidden;
  position: relative;
  width: 95vw;
  z-index: 2;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox .tox-dialog {
    align-self: flex-start;
    margin: 8px auto;
    max-height: calc(100vh - 8px * 2);
    width: calc(100vw - 16px);
  }
}
.tox .tox-dialog-inline {
  z-index: 1100;
}
.tox .tox-dialog__header {
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  color: #222f3e;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 16px 0 16px;
  position: relative;
}
.tox .tox-dialog__header .tox-button {
  z-index: 1;
}
.tox .tox-dialog__draghandle {
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tox .tox-dialog__draghandle:active {
  cursor: grabbing;
}
.tox .tox-dialog__dismiss {
  margin-left: auto;
}
.tox .tox-dialog__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  margin: 0;
  text-transform: none;
}
.tox .tox-dialog__body {
  color: #222f3e;
  display: flex;
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  min-width: 0;
  text-align: left;
  text-transform: none;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
    flex-direction: column;
  }
}
.tox .tox-dialog__body-nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 16px 16px;
}
@media only screen and (min-width: 768px ) {
  .tox .tox-dialog__body-nav {
    max-width: 11em;
  }
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding-bottom: 0;
  }
}
.tox .tox-dialog__body-nav-item {
  border-bottom: 2px solid transparent;
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 8px;
  max-width: 13em;
  text-decoration: none;
}
.tox .tox-dialog__body-nav-item:focus {
  background-color: rgba(0, 108, 231, 0.1);
}
.tox .tox-dialog__body-nav-item--active {
  border-bottom: 2px solid #006ce7;
  color: #006ce7;
}
.tox .tox-dialog__body-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: min(650px, calc(100vh - 110px));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px;
}
.tox .tox-dialog__body-content > * {
  margin-bottom: 0;
  margin-top: 16px;
}
.tox .tox-dialog__body-content > *:first-child {
  margin-top: 0;
}
.tox .tox-dialog__body-content > *:last-child {
  margin-bottom: 0;
}
.tox .tox-dialog__body-content > *:only-child {
  margin-bottom: 0;
  margin-top: 0;
}
.tox .tox-dialog__body-content a {
  color: #006ce7;
  cursor: pointer;
  text-decoration: underline;
}
.tox .tox-dialog__body-content a:hover,
.tox .tox-dialog__body-content a:focus {
  color: #003c81;
  text-decoration: underline;
}
.tox .tox-dialog__body-content a:focus-visible {
  border-radius: 1px;
  outline: 2px solid #006ce7;
  outline-offset: 2px;
}
.tox .tox-dialog__body-content a:active {
  color: #00244e;
  text-decoration: underline;
}
.tox .tox-dialog__body-content svg {
  fill: #222f3e;
}
.tox .tox-dialog__body-content strong {
  font-weight: bold;
}
.tox .tox-dialog__body-content ul {
  list-style-type: disc;
}
.tox .tox-dialog__body-content ul,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content dd {
  padding-inline-start: 2.5rem;
}
.tox .tox-dialog__body-content ul,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content dl {
  margin-bottom: 16px;
}
.tox .tox-dialog__body-content ul,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content dl,
.tox .tox-dialog__body-content dd,
.tox .tox-dialog__body-content dt {
  display: block;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1 {
  color: #222f3e;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group h2 {
  color: #222f3e;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group p {
  margin-bottom: 16px;
}
.tox .tox-dialog__body-content .tox-form__group h1:first-child,
.tox .tox-dialog__body-content .tox-form__group h2:first-child,
.tox .tox-dialog__body-content .tox-form__group p:first-child {
  margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:last-child,
.tox .tox-dialog__body-content .tox-form__group h2:last-child,
.tox .tox-dialog__body-content .tox-form__group p:last-child {
  margin-bottom: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:only-child,
.tox .tox-dialog__body-content .tox-form__group h2:only-child,
.tox .tox-dialog__body-content .tox-form__group p:only-child {
  margin-bottom: 0;
  margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
  text-align: center;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
  text-align: end;
}
.tox .tox-dialog--width-lg {
  height: 650px;
  max-width: 1200px;
}
.tox .tox-dialog--fullscreen {
  height: 100%;
  max-width: 100%;
}
.tox .tox-dialog--fullscreen .tox-dialog__body-content {
  max-height: 100%;
}
.tox .tox-dialog--width-md {
  max-width: 800px;
}
.tox .tox-dialog--width-md .tox-dialog__body-content {
  overflow: auto;
}
.tox .tox-dialog__body-content--centered {
  text-align: center;
}
.tox .tox-dialog__footer {
  align-items: center;
  background-color: #fff;
  border-top: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.tox .tox-dialog__footer-start,
.tox .tox-dialog__footer-end {
  display: flex;
}
.tox .tox-dialog__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.tox .tox-dialog__table {
  border-collapse: collapse;
  width: 100%;
}
.tox .tox-dialog__table thead th {
  font-weight: bold;
  padding-bottom: 8px;
}
.tox .tox-dialog__table thead th:first-child {
  padding-right: 8px;
}
.tox .tox-dialog__table tbody tr {
  border-bottom: 1px solid #626262;
}
.tox .tox-dialog__table tbody tr:last-child {
  border-bottom: none;
}
.tox .tox-dialog__table td {
  padding-bottom: 8px;
  padding-top: 8px;
}
.tox .tox-dialog__table td:first-child {
  padding-right: 8px;
}
.tox .tox-dialog__iframe {
  min-height: 200px;
}
.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
  background: #fff;
}
.tox .tox-navobj-bordered {
  position: relative;
}
.tox .tox-navobj-bordered::before {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  content: '';
  inset: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: none;
}
.tox .tox-dialog__popups {
  position: absolute;
  width: 100%;
  z-index: 1100;
}
.tox .tox-dialog__body-iframe {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-dialog__body-iframe .tox-navobj {
  display: flex;
  flex: 1;
}
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  flex: 1;
  height: 100%;
}
.tox .tox-dialog-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}
.tox .tox-dialog-dock-fadein {
  opacity: 1;
  visibility: visible;
}
.tox .tox-dialog-dock-transition {
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
  transition-delay: 0s;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
    margin-left: 8px;
  }
}
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-dialog__body {
  text-align: right;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
    margin-right: 8px;
  }
}
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
  margin-right: 8px;
}
body.tox-dialog__disable-scroll {
  overflow: hidden;
}
.tox .tox-dropzone-container {
  display: flex;
  flex: 1;
}
.tox .tox-dropzone {
  align-items: center;
  background: #fff;
  border: 2px dashed #eeeeee;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 100px;
  padding: 10px;
}
.tox .tox-dropzone p {
  color: rgba(34, 47, 62, 0.7);
  margin: 0 0 16px 0;
}
.tox .tox-edit-area {
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.tox .tox-edit-area::before {
  border: 2px solid #2D6ADF;
  border-radius: 4px;
  content: '';
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.15s;
  z-index: 1;
}
.tox .tox-edit-area__iframe {
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  flex: 1;
  height: 100%;
  position: absolute;
  width: 100%;
}
.tox.tox-edit-focus .tox-edit-area::before {
  opacity: 1;
}
.tox.tox-inline-edit-area {
  border: 1px dotted #eeeeee;
}
.tox .tox-editor-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.tox .tox-editor-header {
  display: grid;
  grid-template-columns: 1fr min-content;
  z-index: 2;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  background-color: #fff;
  border-bottom: none;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
  padding: 4px 0;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
  transition: box-shadow 0.5s;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
  border-top: 1px solid #e3e3e3;
  box-shadow: none;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
  background-color: #fff;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
  padding: 4px 0;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
.tox-editor-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}
.tox-editor-dock-fadein {
  opacity: 1;
  visibility: visible;
}
.tox-editor-dock-transition {
  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
}
.tox-editor-dock-transition.tox-editor-dock-fadein {
  transition-delay: 0s;
}
.tox .tox-control-wrap {
  flex: 1;
  position: relative;
}
.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  display: none;
}
.tox .tox-control-wrap svg {
  display: block;
}
.tox .tox-control-wrap__status-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-control-wrap__status-icon-invalid svg {
  fill: #c00;
}
.tox .tox-control-wrap__status-icon-unknown svg {
  fill: orange;
}
.tox .tox-control-wrap__status-icon-valid svg {
  fill: green;
}
.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  padding-right: 32px;
}
.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  right: 4px;
}
.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  padding-left: 32px;
}
.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  left: 4px;
}
.tox .tox-autocompleter {
  max-width: 25em;
}
.tox .tox-autocompleter .tox-menu {
  box-sizing: border-box;
  max-width: 25em;
}
.tox .tox-autocompleter .tox-autocompleter-highlight {
  font-weight: bold;
}
.tox .tox-color-input {
  display: flex;
  position: relative;
  z-index: 1;
}
.tox .tox-color-input .tox-textfield {
  z-index: -1;
}
.tox .tox-color-input span {
  border-color: rgba(34, 47, 62, 0.2);
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  height: 24px;
  position: absolute;
  top: 6px;
  width: 24px;
}
.tox .tox-color-input span:hover:not([aria-disabled=true]),
.tox .tox-color-input span:focus:not([aria-disabled=true]) {
  border-color: #006ce7;
  cursor: pointer;
}
.tox .tox-color-input span::before {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  background-size: 12px 12px;
  border: 1px solid #fff;
  border-radius: 6px;
  box-sizing: border-box;
  content: '';
  height: 24px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 24px;
  z-index: -1;
}
.tox .tox-color-input span[aria-disabled=true] {
  cursor: not-allowed;
}
.tox:not([dir=rtl]) .tox-color-input {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
  padding-left: 36px;
}
.tox:not([dir=rtl]) .tox-color-input span {
  left: 6px;
}
.tox[dir="rtl"] .tox-color-input {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox[dir="rtl"] .tox-color-input .tox-textfield {
  padding-right: 36px;
}
.tox[dir="rtl"] .tox-color-input span {
  right: 6px;
}
.tox .tox-label,
.tox .tox-toolbar-label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  padding: 0 8px 0 0;
  text-transform: none;
  white-space: nowrap;
}
.tox .tox-toolbar-label {
  padding: 0 8px;
}
.tox[dir=rtl] .tox-label {
  padding: 0 0 0 8px;
}
.tox .tox-form {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-form__group {
  box-sizing: border-box;
  margin-bottom: 4px;
}
.tox .tox-form-group--maximize {
  flex: 1;
}
.tox .tox-form__group--error {
  color: #c00;
}
.tox .tox-form__group--collection {
  display: flex;
}
.tox .tox-form__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tox .tox-form__grid--2col > .tox-form__group {
  width: calc(50% - (8px / 2));
}
.tox .tox-form__grid--3col > .tox-form__group {
  width: calc(100% / 3 - (8px / 2));
}
.tox .tox-form__grid--4col > .tox-form__group {
  width: calc(25% - (8px / 2));
}
.tox .tox-form__controls-h-stack {
  align-items: center;
  display: flex;
}
.tox .tox-form__group--inline {
  align-items: center;
  display: flex;
}
.tox .tox-form__group--stretched {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-form__group--stretched .tox-textarea {
  flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj {
  display: flex;
  flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  flex: 1;
  height: 100%;
}
.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
  margin-right: 4px;
}
.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  display: none;
}
.tox .tox-textfield,
.tox .tox-toolbar-textfield,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textarea-wrap .tox-textarea:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #eeeeee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: none;
  padding: 5px 5.5px;
  resize: none;
  width: 100%;
}
.tox .tox-textfield[disabled],
.tox .tox-textarea[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-textfield:focus,
.tox .tox-listboxfield .tox-listbox--select:focus,
.tox .tox-textarea-wrap:focus-within,
.tox .tox-textarea:focus,
.tox .tox-custom-editor:focus-within {
  background-color: #fff;
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: none;
}
.tox .tox-toolbar-textfield {
  border-width: 0;
  margin-bottom: 3px;
  margin-top: 2px;
  max-width: 250px;
}
.tox .tox-naked-btn {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  box-shadow: unset;
  color: #006ce7;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}
.tox .tox-naked-btn svg {
  display: block;
  fill: #222f3e;
}
.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-toolbar-textfield + * {
  margin-right: 4px;
}
.tox .tox-listboxfield {
  cursor: pointer;
  position: relative;
}
.tox .tox-listboxfield .tox-listbox--select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-listbox__select-label {
  cursor: default;
  flex: 1;
  margin: 0 4px;
}
.tox .tox-listbox__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}
.tox .tox-listbox__select-chevron svg {
  fill: #222f3e;
}
.tox .tox-listboxfield .tox-listbox--select {
  align-items: center;
  display: flex;
}
.tox:not([dir=rtl]) .tox-listboxfield svg {
  right: 8px;
}
.tox[dir=rtl] .tox-listboxfield svg {
  left: 8px;
}
.tox .tox-selectfield {
  cursor: pointer;
  position: relative;
}
.tox .tox-selectfield select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #eeeeee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: none;
  padding: 5px 5.5px;
  resize: none;
  width: 100%;
}
.tox .tox-selectfield select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}
.tox .tox-selectfield select::-ms-expand {
  display: none;
}
.tox .tox-selectfield select:focus {
  background-color: #fff;
  border-color: #006ce7;
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
  outline: none;
}
.tox .tox-selectfield svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
  padding-right: 24px;
}
.tox:not([dir=rtl]) .tox-selectfield svg {
  right: 8px;
}
.tox[dir=rtl] .tox-selectfield select[size="0"],
.tox[dir=rtl] .tox-selectfield select[size="1"] {
  padding-left: 24px;
}
.tox[dir=rtl] .tox-selectfield svg {
  left: 8px;
}
.tox .tox-textarea-wrap {
  border-color: #eeeeee;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.tox .tox-textarea {
  -webkit-appearance: textarea;
     -moz-appearance: textarea;
          appearance: textarea;
  white-space: pre-wrap;
}
.tox .tox-textarea-wrap .tox-textarea {
  border: none;
}
.tox .tox-textarea-wrap .tox-textarea:focus {
  border: none;
}
.tox-fullscreen {
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  padding: 0;
  touch-action: pinch-zoom;
  width: 100%;
}
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  display: none;
}
.tox.tox-tinymce.tox-fullscreen,
.tox-shadowhost.tox-fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1200;
}
.tox.tox-tinymce.tox-fullscreen {
  background-color: transparent;
}
.tox-fullscreen .tox.tox-tinymce-aux,
.tox-fullscreen ~ .tox.tox-tinymce-aux {
  z-index: 1201;
}
.tox .tox-help__more-link {
  list-style: none;
  margin-top: 1em;
}
.tox .tox-imagepreview {
  background-color: #666;
  height: 380px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tox .tox-imagepreview.tox-imagepreview__loaded {
  overflow: auto;
}
.tox .tox-imagepreview__container {
  display: flex;
  left: 100vw;
  position: absolute;
  top: 100vw;
}
.tox .tox-imagepreview__image {
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
}
.tox .tox-image-tools .tox-spacer {
  flex: 1;
}
.tox .tox-image-tools .tox-bar {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
}
.tox .tox-image-tools .tox-imagepreview,
.tox .tox-image-tools .tox-imagepreview + .tox-bar {
  margin-top: 8px;
}
.tox .tox-image-tools .tox-croprect-block {
  background: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  zoom: 1;
}
.tox .tox-image-tools .tox-croprect-handle {
  border: 2px solid white;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.tox .tox-image-tools .tox-croprect-handle-move {
  border: 0;
  cursor: move;
  position: absolute;
}
.tox .tox-image-tools .tox-croprect-handle-nw {
  border-width: 2px 0 0 2px;
  cursor: nw-resize;
  left: 100px;
  margin: -2px 0 0 -2px;
  top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-ne {
  border-width: 2px 2px 0 0;
  cursor: ne-resize;
  left: 200px;
  margin: -2px 0 0 -20px;
  top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-sw {
  border-width: 0 0 2px 2px;
  cursor: sw-resize;
  left: 100px;
  margin: -20px 2px 0 -2px;
  top: 200px;
}
.tox .tox-image-tools .tox-croprect-handle-se {
  border-width: 0 2px 2px 0;
  cursor: se-resize;
  left: 200px;
  margin: -20px 0 0 -20px;
  top: 200px;
}
.tox .tox-insert-table-picker {
  display: flex;
  flex-wrap: wrap;
  width: 170px;
}
.tox .tox-insert-table-picker > div {
  border-color: #eeeeee;
  border-style: solid;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  height: 17px;
  width: 17px;
}
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  margin: -4px -4px;
}
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  background-color: rgba(0, 108, 231, 0.5);
  border-color: rgba(0, 108, 231, 0.5);
}
.tox .tox-insert-table-picker__label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  padding: 4px;
  text-align: center;
  width: 100%;
}
.tox:not([dir=rtl]) {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  border-right: 0;
}
.tox[dir=rtl] {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  border-right: 0;
}
.tox {
  /* stylelint-disable */
  /* stylelint-enable */
}
.tox .tox-menu {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  z-index: 1150;
}
.tox .tox-menu.tox-collection.tox-collection--list {
  padding: 0 4px;
}
.tox .tox-menu.tox-collection.tox-collection--toolbar {
  padding: 8px;
}
.tox .tox-menu.tox-collection.tox-collection--grid {
  padding: 8px;
}
@media only screen and (min-width: 768px ) {
  .tox .tox-menu .tox-collection__item-label {
    overflow-wrap: break-word;
    word-break: normal;
  }
  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
    word-break: break-all;
  }
}
.tox .tox-menu__label h1,
.tox .tox-menu__label h2,
.tox .tox-menu__label h3,
.tox .tox-menu__label h4,
.tox .tox-menu__label h5,
.tox .tox-menu__label h6,
.tox .tox-menu__label p,
.tox .tox-menu__label blockquote,
.tox .tox-menu__label code {
  margin: 0;
}
.tox .tox-menubar {
  background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  grid-row: 1;
  padding: 0 11px 0 12px;
}
.tox .tox-promotion + .tox-menubar {
  grid-column: 1;
}
.tox .tox-promotion {
  background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
  background-color: #fff;
  grid-column: 2;
  grid-row: 1;
  padding-inline-end: 8px;
  padding-inline-start: 4px;
  padding-top: 5px;
}
.tox .tox-promotion-link {
  align-items: unsafe center;
  background-color: #E8F1F8;
  border-radius: 5px;
  color: #086BE6;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 26.6px;
  padding: 4px 8px;
  white-space: nowrap;
}
.tox .tox-promotion-link:hover {
  background-color: #B4D7FF;
}
.tox .tox-promotion-link:focus {
  background-color: #D9EDF7;
}
/* Deprecated. Remove in next major release */
.tox .tox-mbtn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 28px;
  justify-content: center;
  margin: 5px 1px 6px 0;
  outline: none;
  overflow: hidden;
  padding: 0 4px;
  text-transform: none;
  width: auto;
}
.tox .tox-mbtn[disabled] {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-mbtn:focus:not(:disabled) {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn--active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-mbtn__select-label {
  cursor: default;
  font-weight: normal;
  margin: 0 4px;
}
.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  cursor: not-allowed;
}
.tox .tox-mbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
  display: none;
}
.tox .tox-notification {
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  display: grid;
  font-size: 14px;
  font-weight: normal;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  margin-top: 4px;
  opacity: 0;
  padding: 4px;
  transition: transform 100ms ease-in, opacity 150ms ease-in;
}
.tox .tox-notification p {
  font-size: 14px;
  font-weight: normal;
}
.tox .tox-notification a {
  cursor: pointer;
  text-decoration: underline;
}
.tox .tox-notification--in {
  opacity: 1;
}
.tox .tox-notification--success {
  background-color: #e4eeda;
  border-color: #d7e6c8;
  color: #222f3e;
}
.tox .tox-notification--success p {
  color: #222f3e;
}
.tox .tox-notification--success a {
  color: #517342;
}
.tox .tox-notification--success svg {
  fill: #222f3e;
}
.tox .tox-notification--error {
  background-color: #f5cccc;
  border-color: #f0b3b3;
  color: #222f3e;
}
.tox .tox-notification--error p {
  color: #222f3e;
}
.tox .tox-notification--error a {
  color: #77181f;
}
.tox .tox-notification--error svg {
  fill: #222f3e;
}
.tox .tox-notification--warn,
.tox .tox-notification--warning {
  background-color: #fff5cc;
  border-color: #fff0b3;
  color: #222f3e;
}
.tox .tox-notification--warn p,
.tox .tox-notification--warning p {
  color: #222f3e;
}
.tox .tox-notification--warn a,
.tox .tox-notification--warning a {
  color: #7a6e25;
}
.tox .tox-notification--warn svg,
.tox .tox-notification--warning svg {
  fill: #222f3e;
}
.tox .tox-notification--info {
  background-color: #d6e7fb;
  border-color: #c1dbf9;
  color: #222f3e;
}
.tox .tox-notification--info p {
  color: #222f3e;
}
.tox .tox-notification--info a {
  color: #2a64a6;
}
.tox .tox-notification--info svg {
  fill: #222f3e;
}
.tox .tox-notification__body {
  align-self: center;
  color: #222f3e;
  font-size: 14px;
  grid-column-end: 3;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-row-start: 1;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
}
.tox .tox-notification__body > * {
  margin: 0;
}
.tox .tox-notification__body > * + * {
  margin-top: 1rem;
}
.tox .tox-notification__icon {
  align-self: center;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}
.tox .tox-notification__icon svg {
  display: block;
}
.tox .tox-notification__dismiss {
  align-self: start;
  grid-column-end: 4;
  grid-column-start: 3;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}
.tox .tox-notification .tox-progress-bar {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 2;
  justify-self: center;
}
.tox .tox-pop {
  display: inline-block;
  position: relative;
}
.tox .tox-pop--resizing {
  transition: width 0.1s ease;
}
.tox .tox-pop--resizing .tox-toolbar,
.tox .tox-pop--resizing .tox-toolbar__group {
  flex-wrap: nowrap;
}
.tox .tox-pop--transition {
  transition: 0.15s ease;
  transition-property: left, right, top, bottom;
}
.tox .tox-pop--transition::before,
.tox .tox-pop--transition::after {
  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
}
.tox .tox-pop__dialog {
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  min-width: 0;
  overflow: hidden;
}
.tox .tox-pop__dialog > *:not(.tox-toolbar) {
  margin: 4px 4px 4px 8px;
}
.tox .tox-pop__dialog .tox-toolbar {
  background-color: transparent;
  margin-bottom: -1px;
}
.tox .tox-pop::before,
.tox .tox-pop::after {
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  opacity: 1;
  position: absolute;
  width: 0;
}
.tox .tox-pop.tox-pop--inset::before,
.tox .tox-pop.tox-pop--inset::after {
  opacity: 0;
  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
}
.tox .tox-pop.tox-pop--bottom::before,
.tox .tox-pop.tox-pop--bottom::after {
  left: 50%;
  top: 100%;
}
.tox .tox-pop.tox-pop--bottom::after {
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: -1px;
}
.tox .tox-pop.tox-pop--bottom::before {
  border-color: #eeeeee transparent transparent transparent;
  border-width: 9px;
  margin-left: -9px;
}
.tox .tox-pop.tox-pop--top::before,
.tox .tox-pop.tox-pop--top::after {
  left: 50%;
  top: 0;
  transform: translateY(-100%);
}
.tox .tox-pop.tox-pop--top::after {
  border-color: transparent transparent #fff transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: 1px;
}
.tox .tox-pop.tox-pop--top::before {
  border-color: transparent transparent #eeeeee transparent;
  border-width: 9px;
  margin-left: -9px;
}
.tox .tox-pop.tox-pop--left::before,
.tox .tox-pop.tox-pop--left::after {
  left: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--left::after {
  border-color: transparent #fff transparent transparent;
  border-width: 8px;
  margin-left: -15px;
}
.tox .tox-pop.tox-pop--left::before {
  border-color: transparent #eeeeee transparent transparent;
  border-width: 10px;
  margin-left: -19px;
}
.tox .tox-pop.tox-pop--right::before,
.tox .tox-pop.tox-pop--right::after {
  left: 100%;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--right::after {
  border-color: transparent transparent transparent #fff;
  border-width: 8px;
  margin-left: -1px;
}
.tox .tox-pop.tox-pop--right::before {
  border-color: transparent transparent transparent #eeeeee;
  border-width: 10px;
  margin-left: -1px;
}
.tox .tox-pop.tox-pop--align-left::before,
.tox .tox-pop.tox-pop--align-left::after {
  left: 20px;
}
.tox .tox-pop.tox-pop--align-right::before,
.tox .tox-pop.tox-pop--align-right::after {
  left: calc(100% - 20px);
}
.tox .tox-sidebar-wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-height: 0;
}
.tox .tox-sidebar {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.tox .tox-sidebar__slider {
  display: flex;
  overflow: hidden;
}
.tox .tox-sidebar__pane-container {
  display: flex;
}
.tox .tox-sidebar__pane {
  display: flex;
}
.tox .tox-sidebar--sliding-closed {
  opacity: 0;
}
.tox .tox-sidebar--sliding-open {
  opacity: 1;
}
.tox .tox-sidebar--sliding-growing,
.tox .tox-sidebar--sliding-shrinking {
  transition: width 0.5s ease, opacity 0.5s ease;
}
.tox .tox-selector {
  background-color: #4099ff;
  border-color: #4099ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: inline-block;
  height: 10px;
  position: absolute;
  width: 10px;
}
.tox.tox-platform-touch .tox-selector {
  height: 12px;
  width: 12px;
}
.tox .tox-slider {
  align-items: center;
  display: flex;
  flex: 1;
  height: 24px;
  justify-content: center;
  position: relative;
}
.tox .tox-slider__rail {
  background-color: transparent;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  height: 10px;
  min-width: 120px;
  width: 100%;
}
.tox .tox-slider__handle {
  background-color: #006ce7;
  border: 2px solid #0054b4;
  border-radius: 6px;
  box-shadow: none;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14px;
}
.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
  margin-inline-start: 8px;
}
.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
  margin-inline-start: 32px;
}
.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
  margin-inline-start: 32px;
}
.tox .tox-source-code {
  overflow: auto;
}
.tox .tox-spinner {
  display: flex;
}
.tox .tox-spinner > div {
  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  background-color: rgba(34, 47, 62, 0.7);
  border-radius: 100%;
  height: 8px;
  width: 8px;
}
.tox .tox-spinner > div:nth-child(1) {
  animation-delay: -0.32s;
}
.tox .tox-spinner > div:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes tam-bouncing-dots {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  margin-left: 4px;
}
.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  margin-right: 4px;
}
.tox .tox-statusbar {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  color: rgba(34, 47, 62, 0.7);
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: normal;
  height: 25px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-transform: none;
}
.tox .tox-statusbar__path {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-statusbar__right-container {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
.tox .tox-statusbar__help-text {
  text-align: center;
}
.tox .tox-statusbar__text-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (min-width: 768px ) {
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
    flex: 0 0 calc(100% / 3);
  }
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
  justify-content: flex-end;
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
  justify-content: flex-start;
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
  justify-content: space-around;
}
.tox .tox-statusbar__path > * {
  display: inline;
  white-space: nowrap;
}
.tox .tox-statusbar__wordcount {
  flex: 0 0 auto;
  margin-left: 1ch;
}
@media only screen and (max-width: 767px ) {
  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
    display: none;
  }
  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
    display: block;
  }
}
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: rgba(34, 47, 62, 0.7);
  text-decoration: none;
}
.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
  color: #222f3e;
  cursor: pointer;
}
.tox .tox-statusbar__branding svg {
  fill: rgba(34, 47, 62, 0.8);
  height: 1.14em;
  vertical-align: -0.28em;
  width: 3.6em;
}
.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
  fill: #222f3e;
}
.tox .tox-statusbar__resize-handle {
  align-items: flex-end;
  align-self: stretch;
  cursor: nwse-resize;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: -8px;
  padding-bottom: 3px;
  padding-left: 1ch;
  padding-right: 3px;
}
.tox .tox-statusbar__resize-handle svg {
  display: block;
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-statusbar__resize-handle:focus svg {
  background-color: #dee0e2;
  border-radius: 1px 1px 5px 1px;
  box-shadow: 0 0 0 2px #dee0e2;
}
.tox:not([dir=rtl]) .tox-statusbar__path > * {
  margin-right: 4px;
}
.tox:not([dir=rtl]) .tox-statusbar__branding {
  margin-left: 2ch;
}
.tox[dir=rtl] .tox-statusbar {
  flex-direction: row-reverse;
}
.tox[dir=rtl] .tox-statusbar__path > * {
  margin-left: 4px;
}
.tox .tox-throbber {
  z-index: 1299;
}
.tox .tox-throbber__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tox .tox-tbtn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 28px;
  justify-content: center;
  margin: 6px 1px 5px 0;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-transform: none;
  width: 34px;
}
.tox .tox-tbtn svg {
  display: block;
  fill: #222f3e;
}
.tox .tox-tbtn.tox-tbtn-more {
  padding-left: 5px;
  padding-right: 5px;
  width: inherit;
}
.tox .tox-tbtn:focus {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
}
.tox .tox-tbtn:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn:hover svg {
  fill: #222f3e;
}
.tox .tox-tbtn:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn:active svg {
  fill: #222f3e;
}
.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-tbtn--disabled svg,
.tox .tox-tbtn--disabled:hover svg,
.tox .tox-tbtn:disabled svg,
.tox .tox-tbtn:disabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tbtn--enabled > *,
.tox .tox-tbtn--enabled:hover > * {
  transform: none;
}
.tox .tox-tbtn--enabled svg,
.tox .tox-tbtn--enabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: #222f3e;
}
.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: #222f3e;
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  fill: #222f3e;
}
.tox .tox-tbtn:active > * {
  transform: none;
}
.tox .tox-tbtn--md {
  height: 42px;
  width: 51px;
}
.tox .tox-tbtn--lg {
  flex-direction: column;
  height: 56px;
  width: 68px;
}
.tox .tox-tbtn--return {
  align-self: stretch;
  height: unset;
  width: 16px;
}
.tox .tox-tbtn--labeled {
  padding: 0 4px;
  width: unset;
}
.tox .tox-tbtn__vlabel {
  display: block;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  white-space: nowrap;
}
.tox .tox-number-input {
  border-radius: 3px;
  display: flex;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
}
.tox .tox-number-input .tox-input-wrapper {
  background: #f7f7f7;
  display: flex;
  pointer-events: none;
  text-align: center;
}
.tox .tox-number-input .tox-input-wrapper:focus {
  background: #cce2fa;
}
.tox .tox-number-input input {
  border-radius: 3px;
  color: #222f3e;
  font-size: 14px;
  margin: 2px 0;
  pointer-events: all;
  width: 60px;
}
.tox .tox-number-input input:hover {
  background: #cce2fa;
  color: #222f3e;
}
.tox .tox-number-input input:focus {
  background: #fff;
  color: #222f3e;
}
.tox .tox-number-input input:disabled {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-number-input button {
  background: #f7f7f7;
  color: #222f3e;
  height: 28px;
  text-align: center;
  width: 24px;
}
.tox .tox-number-input button svg {
  display: block;
  fill: #222f3e;
  margin: 0 auto;
  transform: scale(0.67);
}
.tox .tox-number-input button:focus {
  background: #cce2fa;
}
.tox .tox-number-input button:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-number-input button:hover svg {
  fill: #222f3e;
}
.tox .tox-number-input button:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-number-input button:active svg {
  fill: #222f3e;
}
.tox .tox-number-input button:disabled {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-number-input button:disabled svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-number-input button.minus {
  border-radius: 3px 0 0 3px;
}
.tox .tox-number-input button.plus {
  border-radius: 0 3px 3px 0;
}
.tox .tox-number-input:focus:not(:active) > button,
.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
  background: #cce2fa;
}
.tox .tox-tbtn--select {
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
}
.tox .tox-tbtn__select-label {
  cursor: default;
  font-weight: normal;
  height: initial;
  margin: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-tbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}
.tox .tox-tbtn__select-chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tbtn--bespoke {
  background: #f7f7f7;
}
.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
  margin-inline-start: 4px;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 7em;
}
.tox .tox-tbtn--disabled .tox-tbtn__select-label,
.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
  cursor: not-allowed;
}
.tox .tox-split-button {
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  margin: 6px 1px 5px 0;
  overflow: hidden;
}
.tox .tox-split-button:hover {
  box-shadow: 0 0 0 1px #cce2fa inset;
}
.tox .tox-split-button:focus {
  background: #cce2fa;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-split-button > * {
  border-radius: 0;
}
.tox .tox-split-button__chevron {
  width: 16px;
}
.tox .tox-split-button__chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-split-button .tox-tbtn {
  margin: 0;
}
.tox .tox-split-button.tox-tbtn--disabled:hover,
.tox .tox-split-button.tox-tbtn--disabled:focus,
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
  background: transparent;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
  padding: 0 0px;
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
  width: 30px;
}
.tox.tox-platform-touch .tox-split-button__chevron {
  width: 20px;
}
.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
  opacity: 0.6;
}
.tox .tox-toolbar-overlord {
  background-color: #fff;
}
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
  background-attachment: local;
  background-color: #fff;
  background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
  background-position: center top 40px;
  background-repeat: no-repeat;
  background-size: calc(100% - 11px * 2) calc(100% - 41px);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 0px;
  transform: perspective(1px);
}
.tox .tox-toolbar-overlord > .tox-toolbar,
.tox .tox-toolbar-overlord > .tox-toolbar__primary,
.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
  background-position: center top 0px;
  background-size: calc(100% - 11px * 2) calc(100% - 0px);
}
.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  height: 0;
  opacity: 0;
  padding-bottom: 0;
  padding-top: 0;
  visibility: hidden;
}
.tox .tox-toolbar__overflow--growing {
  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
}
.tox .tox-toolbar__overflow--shrinking {
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
}
.tox .tox-toolbar-overlord,
.tox .tox-anchorbar {
  grid-column: 1 / -1;
}
.tox .tox-menubar + .tox-toolbar,
.tox .tox-menubar + .tox-toolbar-overlord {
  border-top: 1px solid transparent;
  margin-top: -1px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.tox .tox-toolbar--scrolling {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tox .tox-pop .tox-toolbar {
  border-width: 0;
}
.tox .tox-toolbar--no-divider {
  background-image: none;
}
.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
.tox .tox-toolbar-overlord .tox-toolbar__primary {
  background-position: center top 39px;
}
.tox .tox-editor-header > .tox-toolbar--scrolling,
.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
  background-image: none;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
  background-color: #fff;
  background-position: center top 43px;
  background-size: calc(100% - 8px * 2) calc(100% - 51px);
  border: none;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  overscroll-behavior: none;
  padding: 4px 0;
}
.tox-pop .tox-pop__dialog {
  /* stylelint-disable-next-line no-descending-specificity */
}
.tox-pop .tox-pop__dialog .tox-toolbar {
  background-position: center top 43px;
  background-size: calc(100% - 11px * 2) calc(100% - 51px);
  padding: 4px 0;
}
.tox .tox-toolbar__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
  padding: 0 11px 0 12px;
}
.tox .tox-toolbar__group--pull-right {
  margin-left: auto;
}
.tox .tox-toolbar--scrolling .tox-toolbar__group {
  flex-shrink: 0;
  flex-wrap: nowrap;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid transparent;
}
.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  border-left: 1px solid transparent;
}
.tox .tox-tooltip {
  display: inline-block;
  padding: 8px;
  position: relative;
}
.tox .tox-tooltip__body {
  background-color: #222f3e;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding: 4px 8px;
  text-transform: none;
}
.tox .tox-tooltip__arrow {
  position: absolute;
}
.tox .tox-tooltip--down .tox-tooltip__arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #222f3e;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.tox .tox-tooltip--up .tox-tooltip__arrow {
  border-bottom: 8px solid #222f3e;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.tox .tox-tooltip--right .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #222f3e;
  border-top: 8px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-tooltip--left .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #222f3e;
  border-top: 8px solid transparent;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tox .tox-tree {
  display: flex;
  flex-direction: column;
}
.tox .tox-tree .tox-trbtn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 28px;
  margin-bottom: 4px;
  margin-top: 4px;
  outline: none;
  overflow: hidden;
  padding: 0;
  padding-left: 8px;
  text-transform: none;
}
.tox .tox-tree .tox-trbtn .tox-tree__label {
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-tree .tox-trbtn svg {
  display: block;
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
}
.tox .tox-tree .tox-trbtn:hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:hover svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:active {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:active svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn--disabled,
.tox .tox-tree .tox-trbtn--disabled:hover,
.tox .tox-tree .tox-trbtn:disabled,
.tox .tox-tree .tox-trbtn:disabled:hover {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-tree .tox-trbtn--disabled svg,
.tox .tox-tree .tox-trbtn--disabled:hover svg,
.tox .tox-tree .tox-trbtn:disabled svg,
.tox .tox-tree .tox-trbtn:disabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-tree .tox-trbtn--enabled,
.tox .tox-tree .tox-trbtn--enabled:hover {
  background: #a6ccf7;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn--enabled > *,
.tox .tox-tree .tox-trbtn--enabled:hover > * {
  transform: none;
}
.tox .tox-tree .tox-trbtn--enabled svg,
.tox .tox-tree .tox-trbtn--enabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
  color: #222f3e;
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-trbtn:active > * {
  transform: none;
}
.tox .tox-tree .tox-trbtn--return {
  align-self: stretch;
  height: unset;
  width: 16px;
}
.tox .tox-tree .tox-trbtn--labeled {
  padding: 0 4px;
  width: unset;
}
.tox .tox-tree .tox-trbtn__vlabel {
  display: block;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  white-space: nowrap;
}
.tox .tox-tree .tox-tree--directory {
  display: flex;
  flex-direction: column;
  /* stylelint-disable no-descending-specificity */
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
  font-weight: bold;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
  margin-left: auto;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
  fill: transparent;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
  background-color: transparent;
  color: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
  margin-right: 6px;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
  transition: transform 0.5s ease-in-out;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
  transform: rotate(90deg);
}
.tox .tox-tree .tox-tree--leaf__label {
  font-weight: normal;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
  margin-left: auto;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
  fill: transparent;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
  background-color: transparent;
  color: #222f3e;
}
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
  fill: #222f3e;
}
.tox .tox-tree .tox-tree--directory__children {
  overflow: hidden;
  padding-left: 16px;
}
.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
  transition: height 0.5s ease-in-out;
}
.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
  display: flex;
  justify-content: space-between;
}
.tox .tox-view-wrap,
.tox .tox-view-wrap__slot-container {
  background-color: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tox .tox-view {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.tox .tox-view__header {
  align-items: center;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 8px 0 8px;
  position: relative;
}
.tox .tox-view--mobile.tox-view__header,
.tox .tox-view--mobile.tox-view__toolbar {
  padding: 8px;
}
.tox .tox-view--scrolling {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tox .tox-view__toolbar {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 8px 0 8px;
}
.tox .tox-view__toolbar__group {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.tox .tox-view__header-start,
.tox .tox-view__header-end {
  display: flex;
}
.tox .tox-view__pane {
  height: 100%;
  padding: 8px;
  width: 100%;
}
.tox .tox-view__pane_panel {
  border: 1px solid #eeeeee;
  border-radius: 6px;
}
.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
  margin-left: 8px;
}
.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
  margin-right: 8px;
}
.tox .tox-well {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
}
.tox .tox-well > *:first-child {
  margin-top: 0;
}
.tox .tox-well > *:last-child {
  margin-bottom: 0;
}
.tox .tox-well > *:only-child {
  margin: 0;
}
.tox .tox-custom-editor {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
}
/* stylelint-disable */
.tox {
  /* stylelint-enable */
}
.tox .tox-dialog-loading::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.tox .tox-tab {
  cursor: pointer;
}
.tox .tox-dialog__content-js {
  display: flex;
  flex: 1;
}
.tox .tox-dialog__body-content .tox-collection {
  display: flex;
  flex: 1;
}

body {
  margin: 0;
}
body.screen {
  overflow: hidden;
  position: fixed;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
}
body.screen > .ember-view:first-of-type {
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  height: 100%;
}
body.print {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: auto;
}
b {
  font-family: 'roboto_condensedregular';
  font-weight: inherit;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-middle {
  vertical-align: middle;
}
.scroll-vertical {
  overflow-y: auto;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.full-width-and-height {
  width: 100%;
  height: 100%;
}
.left-div-fixed-width {
  float: left;
  height: 100%;
}
.right-div-fixed-width {
  float: right;
  height: 100%;
}
.div-remaining-width-after-float {
  overflow: hidden;
  height: 100%;
}
.inherit-dimensions {
  width: inherit;
  height: inherit;
}
.front {
  z-index: 100000;
}
.clickable {
  cursor: pointer !important;
}
.unclickable {
  cursor: default !important;
}
.cursor-auto {
  cursor: auto !important;
}
.user-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.user-selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.blue-text {
  color: #007aff;
}
.yellow-text {
  color: yellow;
}
.magenta-text {
  color: magenta;
}
.pink-text {
  color: #FE1B84;
}
.disabled-text {
  color: #cccccc;
}
.red-text {
  color: #f82700;
}
.green-text {
  color: #05c31b;
}
.link,
.login-dialog .submit-link,
.main-details-footer-action,
.remarksFilterBar .group-by-button,
.panel-footer-action,
.headerBar .group-by-button,
.w-item-selection-panel .button,
.w-approval-overview .header-bar .group-by-button,
.login-dialog-simple .submit-link,
.wizard-footer-action,
.clearSelectionActionButton,
.create-new-job-footer-action {
  cursor: pointer !important;
  color: #007aff;
}
.input-no-border,
.login-dialog .submit-link,
.login-dialog-simple .submit-link {
  border: 0;
  background: transparent;
}
.input-no-border:focus {
  outline: 0 !important;
}
.big-line-height {
  line-height: 1.6;
}
.content-line-height,
.login-dialog .content-line,
.login-dialog .form .form-entry .form-label,
.login-dialog-simple .content-line,
.login-dialog-simple .form .form-entry .form-label {
  height: 44px;
  line-height: 44px;
}
.left-icon,
.role-csr,
.role-csr-edit,
.role-viewer,
.role-viewer-edit,
.role-uploader,
.role-uploader-edit,
.role-approver,
.role-approver-edit,
.role-final-approver,
.role-final-approver-edit,
.role-admin-pb,
.role-admin-pb-edit,
.role-admin-ipc,
.role-admin-ipc-edit,
.service-web-approval,
.service-drive,
.deadline-date-icon,
.revert-link {
  line-height: 44px;
  padding-left: 44px;
  height: 44px;
}
.padding-left-default-icon {
  padding-left: 44px;
}
.inline {
  display: inline-block;
}
.inline-icon,
.prev-icon,
.next-icon,
.previousRemarkIcon,
.nextRemarkIcon,
.eye-icon,
.hotTicketsViewButton,
.jobTilesViewButtonStart,
.jobTilesViewButtonEnd,
.jobTilesViewButtonInBetween,
.jobListViewButton,
.job-create-wizard .company-icon,
.job-create-edit .company-icon,
.job-create-wizard .printCenter-icon,
.job-create-edit .printCenter-icon,
.job-create-wizard .template-icon,
.job-create-edit .template-icon,
.documentsViewButton,
.resultsViewButton,
.flipBookViewButton,
.flipBookViewButtonInBetween,
.productFlipBookViewButtonInBetween,
.productFlipBookViewButton,
.pagesOverviewViewButton,
.productsOverviewViewButton,
.exitButton,
.inline-help-icon,
.book .leftButton,
.book .rightButton,
.book .upButton,
.book .downButton,
.pageGridViewButton,
.runlistViewButton,
.pressSheetViewButton,
.pressSheetPagesViewButton,
.w-stream-image .main-panel .results-view-header .stream-image-icon,
.w-stream-image .main-panel .results-view-header .flip-side-icon,
.w-stream-image .main-panel .results-view-header .previous-sheet-icon,
.w-stream-image .main-panel .results-view-header .next-sheet-icon,
.w-stream-image .main-panel .results-view-header .previous-side-icon,
.w-stream-image .main-panel .results-view-header .next-side-icon,
.w-stream-image .main-panel .results-view-header .flip-vertical-icon,
.w-stream-image .main-panel .results-view-header .flip-horizontal-icon,
.w-stream-image .main-panel .results-view-header .rotate-clockwise-icon,
.w-stream-image .main-panel .results-view-header .rotate-counter-clockwise-icon,
.w-stream-image .main-panel .results-view-header .zoom-icon,
.w-stream-image .main-panel .results-view-header .zoom-out-icon,
.w-stream-image .main-panel .results-view-header .pan-icon,
.w-stream-image .main-panel .results-view-header .marquee-icon,
.w-stream-image .main-panel .results-view-header .measure-icon,
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-pointer-icon,
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-measure-icon,
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-dimension-icon,
.notices-status-icon {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
}
.default-icon-size {
  width: 44px;
  height: 44px;
}
.icon-button,
.main-list-footer .add-button,
.main-list-footer .add-user-button,
.main-list-footer .add-company-button,
.main-list-footer .add-printcenter-button,
.main-wrapper .main-details-right .details .details-footer .delete-button,
.main-wrapper .main-details-right .company-details .details-footer .delete-button,
.main-wrapper .main-details-right .user-details .details-footer .delete-button,
.main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.main-details-footer .delete-button,
.jobsContent .add-job-button,
.list-tile-wrapper .buttonWrapper .collapsableButton,
.dashboard-footer .delete-button,
.date-picker-wrapper .icon-date-picker,
.job-list-tile .buttonWrapper .collapsableButton,
.documents .folder-wrapper .buttonWrapper .collapsableButton,
.documents .document-wrapper .buttonWrapper .collapsableButton,
.documents .document-page-wrapper .buttonWrapper .collapsableButton {
  width: 44px;
  height: 44px;
}
.small-icon-button {
  width: 22px;
  height: 22px;
}
.quick-link-bar {
  width: 100%;
  height: 44px;
  line-height: 44px;
}
.quick-link-left {
  background-image: url('resource/pngs/ql_blue_left-3066d82e84cd16b54804bc516f186e6a.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  line-height: 44px;
  color: #007aff;
  padding-left: 44px;
  padding-right: 1em;
  float: left;
}
.quick-link-right,
.quick-button-right {
  background-image: url('resource/pngs/ql_blue-04ab0aca82a1fb755bf105212e4f1498.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  line-height: 44px;
  color: #007aff;
  padding-left: 44px;
  padding-right: 1em;
  float: right;
}
.quick-button-right {
  background-position: right center;
  vertical-align: middle;
  border: 1px solid #b2b2b2;
  box-shadow: 0 0 1px #b2b2b2;
  border-radius: 3px;
  padding: 0 44px 0 22px;
  box-sizing: content-box;
  font-family: 'roboto_condensedbold';
  color: #8e8e8e;
}
.quick-button-right:hover {
  color: #007aff;
}
.quick-button-right:disabled {
  background-image: url('resource/pngs/ql-ee3028cd2543789ea250fd051af8fd1c.png');
  background-size: contain;
  background-repeat: no-repeat;
  color: #afafaf;
}
.quick-button-right:focus {
  outline: 0 !important;
}
.button-left {
  height: 44px;
  line-height: 44px;
  background-color: transparent;
  vertical-align: middle;
  border: 1px solid #b2b2b2;
  box-shadow: 0 0 1px #b2b2b2;
  border-radius: 3px;
  padding: 0 22px 0 22px;
  box-sizing: content-box;
  font-family: 'roboto_condensedbold';
  color: #8e8e8e;
}
.button-left:hover {
  color: #007aff;
}
.button-left:focus {
  outline: 0 !important;
}
a {
  cursor: pointer !important;
}
a:link,
a:active,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}
.a-disabled {
  pointer-events: none;
  cursor: default !important;
}
.single-line-ellipsis,
.breadCrumbText,
.breadCrumbSuffixShort,
.role-title {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.explanationText {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  color: #8e8e8e;
}
.caption-text {
  padding: 6px;
  font-family: 'roboto_condensedregular';
  font-size: 12px;
}
.caption-text .label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.disabled input {
  color: darkgrey;
}
input,
textarea {
  font: inherit;
  border: none;
  border-radius: 0;
  line-height: 3ex;
  resize: none;
  padding: 0 5px;
}
button,
.icon-button,
.small-icon-button,
.main-list-footer .add-button,
.main-list-footer .add-user-button,
.main-list-footer .add-company-button,
.main-list-footer .add-printcenter-button,
.main-wrapper .main-details-right .details .details-footer .delete-button,
.main-wrapper .main-details-right .company-details .details-footer .delete-button,
.main-wrapper .main-details-right .user-details .details-footer .delete-button,
.main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.main-details-footer .delete-button,
.jobsContent .add-job-button,
.list-tile-wrapper .buttonWrapper .collapsableButton,
.dashboard-footer .delete-button,
.date-picker-wrapper .icon-date-picker,
.job-list-tile .buttonWrapper .collapsableButton,
.documents .folder-wrapper .buttonWrapper .collapsableButton,
.documents .document-wrapper .buttonWrapper .collapsableButton,
.documents .document-page-wrapper .buttonWrapper .collapsableButton {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  font: inherit;
  line-height: inherit;
  cursor: pointer !important;
}
button[disabled],
.icon-button[disabled],
.small-icon-button[disabled],
.main-list-footer .add-button[disabled],
.main-list-footer .add-user-button[disabled],
.main-list-footer .add-company-button[disabled],
.main-list-footer .add-printcenter-button[disabled],
.main-wrapper .main-details-right .details .details-footer .delete-button[disabled],
.main-wrapper .main-details-right .company-details .details-footer .delete-button[disabled],
.main-wrapper .main-details-right .user-details .details-footer .delete-button[disabled],
.main-wrapper .main-details-right .preference-details .details-footer .delete-button[disabled],
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button[disabled],
.main-wrapper .main-details-right .custom-message .details-footer .delete-button[disabled],
.main-details-footer .delete-button[disabled],
.jobsContent .add-job-button[disabled],
.list-tile-wrapper .buttonWrapper .collapsableButton[disabled],
.dashboard-footer .delete-button[disabled],
.date-picker-wrapper .icon-date-picker[disabled],
.job-list-tile .buttonWrapper .collapsableButton[disabled],
.documents .folder-wrapper .buttonWrapper .collapsableButton[disabled],
.documents .document-wrapper .buttonWrapper .collapsableButton[disabled],
.documents .document-page-wrapper .buttonWrapper .collapsableButton[disabled] {
  cursor: default !important;
}
button:focus,
.icon-button:focus,
.small-icon-button:focus,
.main-list-footer .add-button:focus,
.main-list-footer .add-user-button:focus,
.main-list-footer .add-company-button:focus,
.main-list-footer .add-printcenter-button:focus,
.main-wrapper .main-details-right .details .details-footer .delete-button:focus,
.main-wrapper .main-details-right .company-details .details-footer .delete-button:focus,
.main-wrapper .main-details-right .user-details .details-footer .delete-button:focus,
.main-wrapper .main-details-right .preference-details .details-footer .delete-button:focus,
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button:focus,
.main-wrapper .main-details-right .custom-message .details-footer .delete-button:focus,
.main-details-footer .delete-button:focus,
.jobsContent .add-job-button:focus,
.list-tile-wrapper .buttonWrapper .collapsableButton:focus,
.dashboard-footer .delete-button:focus,
.date-picker-wrapper .icon-date-picker:focus,
.job-list-tile .buttonWrapper .collapsableButton:focus,
.documents .folder-wrapper .buttonWrapper .collapsableButton:focus,
.documents .document-wrapper .buttonWrapper .collapsableButton:focus,
.documents .document-page-wrapper .buttonWrapper .collapsableButton:focus {
  outline: 0 !important;
}
select {
  font: inherit;
  line-height: inherit;
}
.simple-list,
.comma-separated-list,
.list-with-separator,
.navigation,
.main-list,
.itemList,
.breadCrumbs,
.pageNavigation,
.header-popup.remarks-dialog .popup-container .popup-content ul,
.centered-popup.companies-selection .popup-container .companies-selection-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.simple-list a {
  cursor: pointer !important;
  color: #007aff;
}
.comma-separated-list li {
  display: inline;
}
.comma-separated-list li:after {
  content: ',  ';
}
.comma-separated-list li:last-of-type:after {
  content: '';
}
.list-with-separator li {
  text-align: left;
  border-bottom: 1px solid #b2b2b2;
  padding: 10px 20px;
}
.list-with-separator li.divider {
  border-top: 1px solid #b2b2b2;
}
.list-with-separator li:last-of-type {
  margin-bottom: 0;
}
.vertical-divider {
  height: 100%;
  width: 1px;
  border-right: 1px solid #b2b2b2;
}
.thin-border {
  border: 1px solid #b2b2b2;
}
.separator {
  border-top: 1px solid #b2b2b2;
}
.edit-blurred {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100010;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.edit-unblurred {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.edit-active {
  z-index: 100011;
}
.connection-disconnected {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100022;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.connection-connected {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.no-focus-border:focus {
  outline: none;
}
.vertically-centered-block,
.job-tile-text-block {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.horizontally-centered-block {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.centered-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.leftFiller {
  margin-left: auto;
}
.rightFiller {
  margin-right: auto;
}
.flex-container {
  display: flex;
}
.pos-relative {
  position: relative;
}
.inline-flex-container {
  display: inline-flex;
}
.flex-spacer {
  margin-left: auto;
}
.flex-break {
  flex-basis: 100%;
  height: 0;
}
.flex-fixed-size {
  flex: 0 0 auto;
}
.flex-auto {
  flex: auto;
}
.flex-content {
  flex: 1 1 auto;
  height: auto;
}
.centered-flex-container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.hor-centered-flex-container {
  display: flex;
  justify-content: center;
}
.vert-centered-flex-container {
  display: flex;
  align-items: center;
}
.vertically-centered {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
}
.horizontally-centered,
.warning-box {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 100%;
}
.full-size-absolute-pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.centered {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.line {
  position: absolute;
  left: 0;
  box-sizing: border-box;
}
.spine-line {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  left: auto;
  z-index: 2;
}
.spine-left {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  left: auto;
  z-index: 2;
  left: -1px;
  top: -10px;
  bottom: -10px;
  border-left: 2px solid black;
}
.spine-right {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  left: auto;
  z-index: 2;
  right: -1px;
  top: -10px;
  bottom: -10px;
  border-right: 2px solid black;
}
.spine-top {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  left: auto;
  z-index: 2;
  top: -1px;
  left: -10px;
  right: -10px;
  border-top: 2px solid black;
}
.spine-bottom {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  left: auto;
  z-index: 2;
  bottom: -1px;
  left: -10px;
  right: -10px;
  border-bottom: 2px solid black;
}
.linear-gradient-opacity-stop {
  background: -moz-linear-gradient(bottom, #d2d2d2 0%, rgba(150, 150, 150, 0.33) 6%, rgba(150, 150, 150, 0) 9%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(6%, rgba(150, 150, 150, 0.33)), color-stop(9%, rgba(150, 150, 150, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d2d2d2 0%, rgba(150, 150, 150, 0.33) 6%, rgba(150, 150, 150, 0) 9%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #d2d2d2 0%, rgba(150, 150, 150, 0.33) 6%, rgba(150, 150, 150, 0) 9%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(to bottom, #d2d2d2 0%, rgba(150, 150, 150, 0.33) 6%, rgba(150, 150, 150, 0) 9%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d2d2d2 0%, rgba(150, 150, 150, 0.33) 6%, rgba(150, 150, 150, 0) 9%);
  /* W3C */
}
.linear-gradient-background {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.thumbnail-active,
.jobtile:active,
.jobinfo-thumbnail-wrapper:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.popup,
.login-dialog,
.login-dialog-simple {
  position: relative;
  display: inline-block;
  margin: 45px 0 0 0;
  padding: 50px;
  background-color: #efeff4;
  border: 2px solid #383838;
}
.pageLabel {
  display: block;
  cursor: default;
  background-color: transparent;
  border: none;
  text-align: center;
  height: 26px;
  padding: 10px;
  overflow: hidden;
  color: #000000;
  font-size: 19px;
}
.pageLabel.disabled {
  color: #cccccc;
}
.radio-button-icon {
  background-position: center center;
  background-size: 20px 20px;
  padding: 0 20px 0 20px;
  vertical-align: top;
}
.indent-radio-button {
  padding-left: 40px;
}
.w-radio .labeledRadioButton:last-of-type {
  padding-bottom: 0;
}
.w-radio.button {
  display: flex;
}
.w-radio.button .labeledRadioButton {
  display: inline-flex;
  padding: 0;
}
.labeledRadioButton {
  display: block;
  padding-bottom: 10px;
  background-color: transparent;
  border: none;
  overflow: hidden;
  cursor: pointer !important;
}
.labeledRadioButton .label {
  color: #000000;
  font-size: 19px;
  display: inline-block;
}
.labeledRadioButton .icon {
  background-image: url('resource/pngs/radio_OFF-8852f3222325db43b22bb935508f1679.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  padding: 0 20px 0 20px;
  vertical-align: top;
}
.labeledRadioButton.selected .icon {
  background-image: url('resource/pngs/radio_ON-e34eb701eeb233116a43a993b2b3150f.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  padding: 0 20px 0 20px;
  vertical-align: top;
}
.labeledRadioButton.disabled {
  cursor: default !important;
}
.labeledRadioButton.disabled .icon {
  background-image: url('resource/pngs/radio_OFF_dis-880f7a3cc38195e37bf06bf1681fbfbb.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  padding: 0 20px 0 20px;
  vertical-align: top;
}
.labeledRadioButton.disabled.selected .icon {
  background-image: url('resource/pngs/radio_ON_dis-39f0d13cf0f0c571890184b4feb2316d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  padding: 0 20px 0 20px;
  vertical-align: top;
}
.labeledRadioButton.disabled .label {
  color: #cccccc;
}
.loading-error {
  width: inherit;
  height: inherit;
  background-image: url('resource/pngs/broken_thumbnail-19f3c7f96f664fb8a7d76b79bdf2573d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  background-color: #ffc8c8;
  position: absolute;
  top: 0;
}
.no-context-menu-on-mobile {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.clearFix:after {
  content: '';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.clear:after {
  content: ' ';
  display: table;
  clear: both;
}
.clear {
  zoom: 1;
}
.no-touch-action {
  touch-action: none;
}
.checkBox {
  position: relative;
  text-align: left;
  width: auto;
  color: #000000;
  font-size: 19px;
  display: inline-flex;
  flex-flow: wrap;
  background-color: #f8f8f8;
  border: 1px solid #dedede;
}
.checkBox .first-line {
  display: flex;
  align-items: center;
}
.checkBox .tickBox {
  cursor: pointer;
  width: 44px;
  flex: 0 0 auto;
  align-self: stretch;
  background-position: center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-image: url('resource/pngs/check_OFF-4dd6ee256545524af88b8dd6e3d222bf.png');
}
.checkBox .tickBox.checked {
  background-image: url('resource/pngs/check_ON-ceffdfe371e21b7cb1c118f3cdc5a812.png');
}
.checkBox .sub-text {
  display: flex;
}
.checkBox.no-indent .tickBox {
  width: 31px;
  background-position: center left 0;
}
.checkBox:hover {
  background-color: #ffffff;
  border: 1px solid #dedede;
}
.checkBox:hover:active {
  border: 1px solid #8e8e8e;
}
.checkBox.noBorder {
  background-color: inherit;
  border: none;
}
.checkBox.noBorder:hover {
  background-color: inherit;
  border: none;
}
.checkBox.noBorder:hover:active {
  border: none;
}
.checkBox[disabled],
.checkBox[disabled]:hover {
  cursor: default;
  background-color: inherit;
  border: none;
}
.checkBox[disabled] .tickBox,
.checkBox[disabled]:hover .tickBox {
  background-image: url('resource/pngs/check_OFF_editlock-246ce7d57164268a6196ae8a31065b8e.png');
}
.checkBox[disabled] .tickBox.checked,
.checkBox[disabled]:hover .tickBox.checked {
  background-image: url('resource/pngs/check_ON_editlock-b05875cc9e20eab38595ee8ba854267e.png');
}
.daterangepicker {
  padding: 0;
  background-color: #f8f8f8;
  border: 2px solid #cfcfcf;
  z-index: 100100;
  pointer-events: auto;
}
.daterangepicker .daterangepicker_input {
  display: none;
}
.daterangepicker .drp-calendar {
  margin: 0;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  background-color: #efeff4;
}
.daterangepicker .drp-calendar .calendar-time {
  background-image: url('resource/pngs/status_overdue_gr-f0f7f3a34e628d71b2d6ab42dd83f9a1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 16px center;
  margin: 4px 0;
}
.daterangepicker .drp-calendar .calendar-time .hourselect,
.daterangepicker .drp-calendar .calendar-time .minuteselect,
.daterangepicker .drp-calendar .calendar-time .ampmselect {
  font-size: initial;
}
.daterangepicker .drp-calendar .calendar-table {
  background-color: #f8f8f8;
  padding: 0 !important;
  border: none;
}
.daterangepicker .drp-calendar .calendar-table table {
  border-collapse: collapse;
}
.daterangepicker .drp-calendar .calendar-table table thead tr:nth-child(1) {
  background-color: #efeff4;
}
.daterangepicker .drp-calendar .calendar-table table thead tr:nth-child(2) {
  background-color: #b0b0b4;
  color: white;
}
.daterangepicker .drp-calendar .calendar-table table thead th {
  border-radius: 0;
}
.daterangepicker .drp-calendar .calendar-table table thead th.prev span,
.daterangepicker .drp-calendar .calendar-table table thead th.next span {
  display: none;
}
.daterangepicker .drp-calendar .calendar-table table thead th.prev {
  width: 36px;
  height: 36px;
  background-image: url('resource/pngs/previous-f15695cea8f6eecffacfb729a44fea36.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 4px;
}
.daterangepicker .drp-calendar .calendar-table table thead th.prev:hover {
  background-image: url('resource/pngs/previous_blue-887f579be477e1af0890a382fee6190c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.daterangepicker .drp-calendar .calendar-table table thead th.next {
  width: 36px;
  height: 36px;
  background-image: url('resource/pngs/next-3d1ef2161aacb9cd5ea2d275ccf8fd05.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 4px;
}
.daterangepicker .drp-calendar .calendar-table table thead th.next:hover {
  background-image: url('resource/pngs/next_blue-fef274e7af34bf9522e742cb3832cdda.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.daterangepicker .drp-calendar.left {
  padding: 0;
  clear: initial;
}
.daterangepicker .drp-calendar.right {
  padding: 0;
}
.daterangepicker .drp-calendar.right thead tr:nth-child(2) th:first-child {
  border-left: 1px solid black;
}
.daterangepicker .drp-calendar.right tbody tr td:first-child {
  border-left: 1px solid black;
}
.daterangepicker .drp-calendar thead tr:first-child th {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  height: 32px;
}
.daterangepicker .drp-calendar thead tr:nth-child(2) th {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.daterangepicker .drp-calendar th {
  border: none;
}
.daterangepicker .drp-calendar td {
  border: 1px solid #cfcfcf;
  height: 32px;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
}
.daterangepicker .drp-calendar td.off,
.daterangepicker .drp-calendar td.off.in-range,
.daterangepicker .drp-calendar td.off.start-date,
.daterangepicker .drp-calendar td.off.end-date {
  background-color: #fff;
  border: 1px solid #cfcfcf;
}
.daterangepicker .drp-calendar td.in-range {
  background-color: #93c7fa;
}
.daterangepicker .drp-calendar td.active {
  background-color: #007aff;
}
.daterangepicker .drp-calendar td.active:hover {
  color: #000;
}
.daterangepicker .drp-selected {
  display: none;
}
.daterangepicker .drp-buttons {
  padding: 0;
  text-align: initial;
}
.daterangepicker .drp-buttons .cancelBtn {
  height: 44px;
}
.daterangepicker .drp-buttons .applyBtn {
  float: right;
  height: 44px;
}
.spinner,
.spinner-slow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  background-color: transparent;
  border-radius: 50%;
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  border-right: 3px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  border-left: 3px solid rgba(0, 0, 0, 0.5);
  transform: translateZ(0);
  will-change: transform;
  animation-name: rotate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -o-animation-name: rotate;
  -o-animation-duration: 1s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -ms-animation-name: rotate;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
}
.spinner-slow {
  border-top: 3px solid rgba(0, 0, 0, 0.1);
  border-right: 3px solid rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  border-left: 3px solid rgba(0, 0, 0, 0.3);
  animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
}
.spinner-rd {
  animation-name: rotate-color;
  -o-animation-name: rotate-color;
  -ms-animation-name: rotate-color;
  -webkit-animation-name: rotate-color;
  -moz-animation-name: rotate-color;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate-color {
  0% {
    transform: rotate(0deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    transform: rotate(180deg);
    border-left-color: rgba(128, 128, 128, 0.5);
  }
  100% {
    transform: rotate(360deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes -o-rotate-color {
  0% {
    -o-transform: rotate(0deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -o-transform: rotate(180deg);
    border-left-color: rgba(128, 128, 128, 0.5);
  }
  100% {
    -o-transform: rotate(360deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes -ms-rotate-color {
  0% {
    -ms-transform: rotate(0deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -ms-transform: rotate(180deg);
    border-left-color: rgba(128, 128, 128, 0.5);
  }
  100% {
    -ms-transform: rotate(360deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes -webkit-rotate-color {
  0% {
    -webkit-transform: rotate(0deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -webkit-transform: rotate(180deg);
    border-left-color: rgba(128, 128, 128, 0.5);
  }
  100% {
    -webkit-transform: rotate(360deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes -moz-rotate-color {
  0% {
    -moz-transform: rotate(0deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -moz-transform: rotate(180deg);
    border-left-color: rgba(128, 128, 128, 0.5);
  }
  100% {
    -moz-transform: rotate(360deg);
    border-left-color: rgba(0, 0, 0, 0.5);
  }
}
.login-blurred {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100010;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.login-notblurred {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 100010;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.login-notblurred .login-dialog,
.login-notblurred .login-dialog-simple {
  box-shadow: 0 0 20px #b2b2b2;
}
.login-notblurred .login-dialog .dialog-header-title,
.login-notblurred .login-dialog-simple .dialog-header-title {
  width: 100%;
}
.left-content-line {
  height: 44px;
  line-height: 44px;
  float: left;
}
.right-content-line {
  height: 44px;
  line-height: 44px;
  float: right;
}
.warning-box {
  z-index: 100020;
  background-image: url('resource/pngs/error_small-8ec576568c48f3badc3f37b30832c2f7.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-size: 30px 30px;
  font-size: small;
  font-family: arial, sans-serif;
  width: auto;
  min-height: 40px;
  padding: 10px 200px 10px 60px;
  border: 2px solid #df9898;
  border-radius: 4px;
  background-color: #ffe7e7;
  bottom: 100px;
  left: 10px;
  right: 120px;
}
.warning-box .warning-title {
  font-weight: bold;
  display: block;
}
.login-dialog,
.login-dialog-simple {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  min-width: 400px;
  max-width: 500px;
  padding: 0px 25px 25px 25px;
  border: 1px solid #b2b2b2;
}
.login-dialog .content-line,
.login-dialog-simple .content-line {
  text-align: left;
  min-height: 44px;
  height: unset;
}
.login-dialog .content-line.small,
.login-dialog-simple .content-line.small {
  height: 34px;
  line-height: 34px;
}
.login-dialog .dialog-header-title,
.login-dialog-simple .dialog-header-title {
  text-align: center;
  margin-bottom: 30px;
}
.login-dialog .dialog-field-explanation,
.login-dialog-simple .dialog-field-explanation {
  color: #007aff;
  font-family: 'roboto_condensedregular';
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  padding: 10px;
  margin-bottom: 30px;
}
.login-dialog .checkBox,
.login-dialog-simple .checkBox {
  font-family: 'roboto_condensedregular';
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: #ababab;
  background-color: transparent;
  border: none;
}
.login-dialog .checkBox .tickBox,
.login-dialog-simple .checkBox .tickBox {
  width: 18px;
  background-position: left;
  background-size: 14px 14px;
}
.login-dialog .dialog-field-criteria,
.login-dialog-simple .dialog-field-criteria {
  font-family: 'roboto_condensedregular';
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: #ababab;
}
.login-dialog .dialog-field-criteria .explanation,
.login-dialog-simple .dialog-field-criteria .explanation {
  padding: 10px 0;
}
.login-dialog .dialog-field-criteria .noCheck,
.login-dialog-simple .dialog-field-criteria .noCheck {
  background-image: url('resource/pngs/validate-grey-3b90436822a75e6b66db95c7e85460bc.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.login-dialog .dialog-field-criteria .check,
.login-dialog-simple .dialog-field-criteria .check {
  background-image: url('resource/pngs/validate-green-c093429c67239c1b77fbba4f2e9abb6b.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #05c31b;
}
.login-dialog .dialog-field-criteria .noError,
.login-dialog-simple .dialog-field-criteria .noError {
  visibility: hidden;
}
.login-dialog .dialog-field-criteria .error,
.login-dialog-simple .dialog-field-criteria .error {
  background-image: url('resource/pngs/validate-red-52100958dd040e53f9ba08c10f9a8d41.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #f82700;
}
.login-dialog .form,
.login-dialog-simple .form {
  position: relative;
  padding: 0px 25px;
  margin: 0 auto 30px auto;
}
.login-dialog .form input,
.login-dialog-simple .form input {
  text-align: left;
  padding-left: 0.4em;
  width: 260px;
}
.login-dialog .form .form-entry .form-label,
.login-dialog-simple .form .form-entry .form-label {
  padding-left: 0em;
  text-align: right;
}
.login-dialog .form .form-entry .form-value,
.login-dialog-simple .form .form-entry .form-value {
  width: auto;
}
.login-dialog .form .form-entry .form-value input,
.login-dialog .form .form-entry .form-value textarea,
.login-dialog-simple .form .form-entry .form-value input,
.login-dialog-simple .form .form-entry .form-value textarea {
  margin-top: 0.5ex;
  margin-bottom: 0.5ex;
}
.login-dialog .form .form-entry .form-value input,
.login-dialog-simple .form .form-entry .form-value input {
  width: 220px;
}
.login-dialog .last-line,
.login-dialog-simple .last-line {
  margin-top: 45px;
}
.login-dialog .submit-link,
.login-dialog-simple .submit-link {
  float: left;
  height: 100%;
  padding-left: 0px;
  width: auto;
}
.login-dialog .submit-link:focus,
.login-dialog-simple .submit-link:focus {
  outline: 0 !important;
}
.login-dialog-simple {
  padding-left: 25px;
}
.login-dialog-simple input {
  display: block;
  margin: auto;
}
.slide-control {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  bottom: 0;
  width: auto;
  height: auto;
}
.control-dot-clickable-area {
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 8px;
}
.control-dot-clickable-area.isCurrent {
  cursor: default !important;
}
.control-dot {
  height: 8px;
  width: 8px;
  background-color: #8e8e8e;
  border-radius: 50%;
}
.isCurrent .control-dot {
  background-color: #007cff;
}
.cogMenuButton,
.cogMenuButtonGlow {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/cog-85230bd57c5c43ac90ebd36ff517c322.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.cogMenuButton:hover,
.cogMenuButtonGlow:hover {
  background-image: url('resource/pngs/cog_blue-b96c397da48e0156a98412979d0ebcfc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenuButtonGlow {
  background-image: url('resource/pngs/cog_glow-f3e9d9041bb49e16416acb900d1f29e8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenuButtonGlow:hover {
  background-image: url('resource/pngs/cog_blue_glow-557d91d6aff9c98fa9f6b82c9c42c0a8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenu {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.cogMenu .ember-power-select-selected-item {
  display: none;
}
.cogMenu.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/cog-85230bd57c5c43ac90ebd36ff517c322.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.cogMenu.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.cogMenu.ember-power-select-trigger:hover {
  background: transparent;
}
.cogMenu.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/cog-85230bd57c5c43ac90ebd36ff517c322.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenu.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/cog_blue-b96c397da48e0156a98412979d0ebcfc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenu.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.cogMenu.application {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.cogMenu.application.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/dropdown_grey-2c87efb1dc46ed3ce4685b162419c9a0.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.cogMenu.application.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.cogMenu.application.ember-power-select-trigger:hover {
  background: transparent;
}
.cogMenu.application.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/dropdown_grey-2c87efb1dc46ed3ce4685b162419c9a0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenu.application.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/dropdown_blue-c60de4f72ff054fead8dc9b2e85f3a5b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.cogMenu.application.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.ember-power-select-dropdown.top-menu {
  border-top: 1px solid #b2b2b2 !important;
}
.ember-power-select-dropdown.top-menu .ember-power-select-options[role="listbox"] {
  max-height: calc(95vh - 44px);
}
.ember-power-select-dropdown.round-borders {
  border-radius: 0.2em !important;
}
.context-menu-trigger-point {
  position: fixed;
  width: 1px;
  height: 1px;
}
.w-context-menu.ember-power-select-trigger {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  left: -20px;
  top: -20px;
  padding: 0;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger {
  border: none;
  background-image: url('');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger:hover {
  background: transparent;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger:focus {
  border: none;
  background-image: url('');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger:hover {
  border: none;
  background-image: url('');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-context-menu.ember-power-select-trigger.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.w-context-menu.ember-power-select-trigger .ember-power-select-selected-item {
  display: none;
}
.w-context-menu.ember-power-select-dropdown {
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  -o-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options[role="listbox"] {
  max-height: calc(95vh - 44px);
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options {
  color: #dfdfdf;
  background: #8c8c8c;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options.pressed {
  color: #ffffff;
  background-color: #545454 !important;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options .ember-power-select-option {
  white-space: nowrap;
  padding: 0;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options .ember-power-select-option[aria-current="true"] {
  color: #ffffff;
  background-color: #b2b2b2;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options .ember-power-select-option img {
  width: 44px;
  height: 44px;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options .ember-power-select-option .smaller-icon img {
  padding: 4px;
}
.w-context-menu.ember-power-select-dropdown .ember-power-select-options .ember-power-select-option .label {
  padding-left: 4px;
}
.w-context-menu .option-wrapper {
  display: inline-flex;
  padding: 2px 10px;
  width: 100%;
}
.w-context-menu .option-wrapper.divider {
  border-top: 2px solid #8e8e93;
}
/**
 * some needed styles to make liquid tether work correctly:
 * - the invisible overlay (to close the popups) must cover the whole area
 * - the wrappers around info and dialog must also cover the whole area (info and dialog will position themselves using
 *   percentual CSS) and pass through all events
 */
.popup-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: all;
}
.popup-overlay.no-modal {
  opacity: 0.5;
  background-color: gray;
}
.popup-container {
  position: relative;
  height: auto;
  max-height: 85vh;
  min-width: 300px;
  max-width: calc(100vw - 2 * 100px);
  box-sizing: border-box;
  border: 1px solid #8e8e8e;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  background-color: #efeff4;
  word-wrap: break-word;
  word-break: normal;
}
@media screen and (max-height : 979px) {
  .popup-container.with-comment {
    max-height: calc(65vh -  3 * 45px);
  }
}
@media screen and (max-height : 779px) {
  .popup-container.with-comment {
    max-height: calc(40vh -  3 * 45px);
  }
}
.popup-container .blue {
  color: #007aff !important;
}
.popup-container .red {
  color: #f82700 !important;
}
.popup-container .green {
  color: #05c31b !important;
}
.popup-container .purple {
  color: #b32bbd !important;
}
.popup-container .grey {
  color: #646464 !important;
}
.popup-container .warning {
  color: #f82700 !important;
}
.popup-container .horizontal-spacer {
  width: 100%;
  height: 10px;
}
.popup-container .popup-header {
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  background-color: #f8f8f8;
}
.popup-container .popup-content {
  width: 100%;
  box-sizing: border-box;
  flex: 1 1 auto;
  overflow: auto;
}
.popup-container .popup-content.with-spinner {
  position: relative;
  min-height: 44px;
}
.popup-container .popup-footer {
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  background-color: #f8f8f8;
  border-top: 1px solid #b2b2b2;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-container .popup-footer:not(.left-aligned) :only-child {
  margin-left: auto;
}
.popup-button,
.daterangepicker .drp-buttons .cancelBtn,
.daterangepicker .drp-buttons .applyBtn,
.popup-container .popup-footer button,
.popup-container .popup-footer .icon-button,
.popup-container .popup-footer .small-icon-button,
.popup-container .popup-footer .main-list-footer .add-button,
.popup-container .popup-footer .main-list-footer .add-user-button,
.popup-container .popup-footer .main-list-footer .add-company-button,
.popup-container .popup-footer .main-list-footer .add-printcenter-button,
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button,
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button,
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button,
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.popup-container .popup-footer .main-details-footer .delete-button,
.popup-container .popup-footer .jobsContent .add-job-button,
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton,
.popup-container .popup-footer .dashboard-footer .delete-button,
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker,
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton,
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton,
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton,
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton {
  font-family: 'roboto_condensedregular';
  color: #007aff;
  font-size: 19px;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
  height: 44px;
  border: none;
}
.popup-button .buttonLabel,
.daterangepicker .drp-buttons .cancelBtn .buttonLabel,
.daterangepicker .drp-buttons .applyBtn .buttonLabel,
.popup-container .popup-footer button .buttonLabel,
.popup-container .popup-footer .icon-button .buttonLabel,
.popup-container .popup-footer .small-icon-button .buttonLabel,
.popup-container .popup-footer .main-list-footer .add-button .buttonLabel,
.popup-container .popup-footer .main-list-footer .add-user-button .buttonLabel,
.popup-container .popup-footer .main-list-footer .add-company-button .buttonLabel,
.popup-container .popup-footer .main-list-footer .add-printcenter-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .main-details-footer .delete-button .buttonLabel,
.popup-container .popup-footer .jobsContent .add-job-button .buttonLabel,
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton .buttonLabel,
.popup-container .popup-footer .dashboard-footer .delete-button .buttonLabel,
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker .buttonLabel,
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton .buttonLabel,
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton .buttonLabel,
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton .buttonLabel,
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton .buttonLabel {
  line-height: 44px;
}
.popup-button a:focus,
.daterangepicker .drp-buttons .cancelBtn a:focus,
.daterangepicker .drp-buttons .applyBtn a:focus,
.popup-container .popup-footer button a:focus,
.popup-container .popup-footer .icon-button a:focus,
.popup-container .popup-footer .small-icon-button a:focus,
.popup-container .popup-footer .main-list-footer .add-button a:focus,
.popup-container .popup-footer .main-list-footer .add-user-button a:focus,
.popup-container .popup-footer .main-list-footer .add-company-button a:focus,
.popup-container .popup-footer .main-list-footer .add-printcenter-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button a:focus,
.popup-container .popup-footer .main-details-footer .delete-button a:focus,
.popup-container .popup-footer .jobsContent .add-job-button a:focus,
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton a:focus,
.popup-container .popup-footer .dashboard-footer .delete-button a:focus,
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker a:focus,
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton a:focus,
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton a:focus,
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton a:focus,
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton a:focus {
  outline: 0;
}
.popup-button img,
.daterangepicker .drp-buttons .cancelBtn img,
.daterangepicker .drp-buttons .applyBtn img,
.popup-container .popup-footer button img,
.popup-container .popup-footer .icon-button img,
.popup-container .popup-footer .small-icon-button img,
.popup-container .popup-footer .main-list-footer .add-button img,
.popup-container .popup-footer .main-list-footer .add-user-button img,
.popup-container .popup-footer .main-list-footer .add-company-button img,
.popup-container .popup-footer .main-list-footer .add-printcenter-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button img,
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button img,
.popup-container .popup-footer .main-details-footer .delete-button img,
.popup-container .popup-footer .jobsContent .add-job-button img,
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton img,
.popup-container .popup-footer .dashboard-footer .delete-button img,
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker img,
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton img,
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton img,
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton img,
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton img {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
.popup-button.email-invalid,
.daterangepicker .drp-buttons .cancelBtn.email-invalid,
.daterangepicker .drp-buttons .applyBtn.email-invalid,
.popup-container .popup-footer button.email-invalid,
.popup-container .popup-footer .icon-button.email-invalid,
.popup-container .popup-footer .small-icon-button.email-invalid,
.popup-container .popup-footer .main-list-footer .add-button.email-invalid,
.popup-container .popup-footer .main-list-footer .add-user-button.email-invalid,
.popup-container .popup-footer .main-list-footer .add-company-button.email-invalid,
.popup-container .popup-footer .main-list-footer .add-printcenter-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button.email-invalid,
.popup-container .popup-footer .main-details-footer .delete-button.email-invalid,
.popup-container .popup-footer .jobsContent .add-job-button.email-invalid,
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton.email-invalid,
.popup-container .popup-footer .dashboard-footer .delete-button.email-invalid,
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker.email-invalid,
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton.email-invalid,
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton.email-invalid,
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton.email-invalid,
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton.email-invalid {
  color: #007aff;
  opacity: 0.35;
}
.popup-button[disabled],
.daterangepicker .drp-buttons .cancelBtn[disabled],
.daterangepicker .drp-buttons .applyBtn[disabled],
.popup-container .popup-footer button[disabled],
.popup-container .popup-footer .icon-button[disabled],
.popup-container .popup-footer .small-icon-button[disabled],
.popup-container .popup-footer .main-list-footer .add-button[disabled],
.popup-container .popup-footer .main-list-footer .add-user-button[disabled],
.popup-container .popup-footer .main-list-footer .add-company-button[disabled],
.popup-container .popup-footer .main-list-footer .add-printcenter-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .details .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .company-details .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .user-details .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .preference-details .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-wrapper .main-details-right .custom-message .details-footer .delete-button[disabled],
.popup-container .popup-footer .main-details-footer .delete-button[disabled],
.popup-container .popup-footer .jobsContent .add-job-button[disabled],
.popup-container .popup-footer .list-tile-wrapper .buttonWrapper .collapsableButton[disabled],
.popup-container .popup-footer .dashboard-footer .delete-button[disabled],
.popup-container .popup-footer .date-picker-wrapper .icon-date-picker[disabled],
.popup-container .popup-footer .job-list-tile .buttonWrapper .collapsableButton[disabled],
.popup-container .popup-footer .documents .folder-wrapper .buttonWrapper .collapsableButton[disabled],
.popup-container .popup-footer .documents .document-wrapper .buttonWrapper .collapsableButton[disabled],
.popup-container .popup-footer .documents .document-page-wrapper .buttonWrapper .collapsableButton[disabled] {
  opacity: 0.35;
}
.centered-popup,
.header-popup {
  right: 0;
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
}
.centered-popup {
  height: 100%;
  align-items: center;
}
.header-popup {
  height: calc(100% - 45px);
  align-items: flex-start;
}
.popup-attached .popup-container .popup-header,
.centered-popup .popup-container .popup-header {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  line-height: 44px;
  vertical-align: top;
  background-color: #f8f8f8;
  padding-left: 1em;
  border-bottom: 1px solid #b2b2b2;
  cursor: default !important;
}
.popup-attached .popup-container .popup-header .popup-header-button,
.centered-popup .popup-container .popup-header .popup-header-button {
  margin-left: auto;
  background-image: url('resource/pngs/close_black-a0ceea6cd27b56628503df6eec61c20e.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
  height: 44px;
  width: 44px;
  background-position: center center;
}
.popup-attached .popup-container .popup-header .popup-header-button:hover,
.centered-popup .popup-container .popup-header .popup-header-button:hover {
  background-image: url('resource/pngs/close-639d02f85340a9de3b80cca3b4a231be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup.info .popup-container .popup-header {
  padding-left: 44px;
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup.info .popup-container .popup-content {
  background-color: #d7e2f4;
}
.header-popup .popup-container {
  width: 520px;
}
.header-popup .popup-container .popup-header {
  font-family: 'roboto_condensedregular';
  text-align: center;
  padding: 10px;
  background-color: #efeff4;
}
/* animations for header-popup */
.dialogdown.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 600ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 600ms;
  animation-name: fadeout;
  animation-duration: 600ms;
}
.dialogdown.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: dialoginfromtop;
  -webkit-animation-duration: 600ms;
  -moz-transform: translateY(0);
  -moz-animation-name: dialoginfromtop;
  -moz-animation-duration: 600ms;
  transform: translateY(0);
  animation-name: dialoginfromtop;
  animation-duration: 600ms;
}
.dialogdown.in.reverse {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 600ms;
  -moz-animation-name: fadein;
  -moz-animation-duration: 600ms;
  animation-name: fadein;
  animation-duration: 600ms;
}
.dialogdown.out.reverse {
  -webkit-transform: translateY(-100%);
  -webkit-animation-name: dialogouttotop;
  -webkit-animation-duration: 600ms;
  -moz-transform: translateY(-100%);
  -moz-animation-name: dialogouttotop;
  -moz-animation-duration: 600ms;
  transform: translateY(-100%);
  animation-name: dialogouttotop;
  animation-duration: 600ms;
}
@-webkit-keyframes dialoginfromtop {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes dialoginfromtop {
  from {
    -moz-transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes dialoginfromtop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes dialogouttotop {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes dialogouttotop {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(-100%);
  }
}
@keyframes dialogouttotop {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.popup-message {
  padding: 25px;
}
.dialog-message,
.dialog-message-timeout {
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  min-height: 180px;
}
.dialog-message .important,
.dialog-message-timeout .important {
  font-family: 'roboto_condensedregular';
}
.dialog-message .normal,
.dialog-message-timeout .normal {
  font-family: 'roboto_condensedlight';
}
.dialog-message .progress,
.dialog-message-timeout .progress {
  min-height: inherit;
}
.dialog-entry {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
.dialog-textarea {
  height: 60px;
  width: 100%;
  border: 1px solid #cccccc;
  resize: none;
  cursor: auto !important;
}
@font-face {
  font-family: 'robotoregular';
  src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot');
  src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'), url('fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/roboto_regular/Roboto-Regular-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight';
  src: url('fonts/roboto_lightcondensed/RobotoCondensed-Light-webfont.eot');
  src: url('fonts/roboto_lightcondensed/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_lightcondensed/RobotoCondensed-Light-webfont.woff') format('woff'), url('fonts/roboto_lightcondensed/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('fonts/roboto_lightcondensed/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight_italic';
  src: url('fonts/roboto_lightcondenseditalic/RobotoCondensed-LightItalic-webfont.eot');
  src: url('fonts/roboto_lightcondenseditalic/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_lightcondenseditalic/RobotoCondensed-LightItalic-webfont.woff') format('woff'), url('fonts/roboto_lightcondenseditalic/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'), url('fonts/roboto_lightcondenseditalic/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedregular';
  src: url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.eot');
  src: url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condenseditalic';
  src: url('fonts/roboto_condenseditalic/RobotoCondensed-Italic-webfont.eot');
  src: url('fonts/roboto_condenseditalic/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_condenseditalic/RobotoCondensed-Italic-webfont.woff') format('woff'), url('fonts/roboto_condenseditalic/RobotoCondensed-Italic-webfont.ttf') format('truetype'), url('fonts/roboto_condenseditalic/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedbold';
  src: url('fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.eot');
  src: url('fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.woff') format('woff'), url('fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotobold';
  src: url('fonts/roboto_bold/Roboto-Bold-webfont.eot');
  src: url('fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_bold/Roboto-Bold-webfont.woff') format('woff'), url('fonts/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/roboto_bold/Roboto-Bold-webfont.svg#robotobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.medium-font-size {
  font-size: 16px;
}
.heading {
  font-family: 'roboto_condensedbold';
}
.important-text,
.jobinfo-text .form .form-entry .form-value,
.jobinfo-counters .form .form-entry:first-child .form-label,
.jobinfo-counters .form .form-entry:first-child .form-value,
.jobinfo-counters .form .form-entry .form-value,
.thumbnailPageContentLabel,
.thumbnail-label {
  font-family: 'roboto_condensedregular';
}
.important-text-italic {
  font-family: 'roboto_condenseditalic';
}
.normal-text,
.foot-note-text {
  font-family: 'roboto_condensedlight';
}
.normal-text-italic {
  font-family: 'roboto_condensedlight_italic';
}
.italic {
  font-style: italic;
}
.placeholder-text {
  color: darkgrey;
}
.folio-text {
  color: yellow;
  vertical-align: text-top;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.foot-note-text {
  font-size: 14px;
}
.heading-title,
.jobtile-jobname {
  font-family: 'roboto_condensedbold';
  font-size: 19px;
  text-shadow: 1px 1.5px 0.5px #666666;
}
body {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
}
.section-title-font {
  font-family: 'roboto_condensedregular';
  font-size: 24px;
}
.section-font {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
}
.section-sub-font {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
}
.header-font {
  font-family: 'robotoregular';
  font-size: 12px;
}
.medium-font-regular {
  font-family: 'roboto_condensedregular';
  font-size: 16px;
}
.smaller-font {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.normal-font {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
}
.normal-font-regular {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
}
.email-preview-font {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
}
.form-value-top-bottom-margin {
  margin: 1ex 0;
}
.form {
  display: table;
  padding-left: 44px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.form .spacer {
  display: table-row;
  clear: both;
  height: 10px;
}
.form .power-select {
  width: 300px;
}
.form .power-select:not(.no-padding) .ember-power-select-selected-item,
.form .power-select:not(.no-padding) .ember-power-select-placeholder {
  margin-left: 44px;
}
.form .power-select.width-auto {
  min-width: 300px;
  width: auto;
}
.dialog-form {
  padding-left: 20px;
  padding-right: 35px;
  padding-top: 0.5em;
  margin-bottom: 0;
}
.dialog-form:last-of-type {
  margin-bottom: 60px;
}
.dialog-form .form-label {
  padding-left: 6em;
}
.form-section {
  display: table-row-group;
  clear: both;
}
.form-section-font {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
}
.form-section-sub-font {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  color: #8e8e8e;
}
.form-section-title {
  display: table-row;
  clear: both;
  width: 0;
  text-align: left;
  padding: 1ex;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  cursor: default !important;
}
.form-section-sub-title {
  display: table-row;
  clear: both;
  width: 0;
  text-align: right;
  padding: 1ex;
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  color: #8e8e8e;
  cursor: default !important;
}
.form-entry,
.jobinfo-counters-form-entry,
.jobinfo-counters .form .form-entry:first-child,
.jobinfo-counters .form .form-entry,
.jobinfo-counters .form .form-entry-disabled {
  display: table-row;
  clear: both;
}
.internal-property {
  font-style: italic;
}
.form-cell {
  display: table-cell;
  vertical-align: middle;
}
.form-section-label {
  display: table-cell;
  text-align: right;
  padding-left: 3em;
  padding-right: 0.3em;
  white-space: nowrap;
  cursor: default !important;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  text-align: left;
  padding-left: 0;
}
.form-section-label.bold {
  font-family: 'roboto_condensedregular';
}
.form-label,
.jobinfo-counters-form-label,
.jobinfo-counters .form .form-entry:first-child .form-label,
.jobinfo-counters .form .form-entry .form-label,
.jobinfo-counters .form .form-entry-disabled .form-label {
  display: table-cell;
  text-align: right;
  padding-left: 3em;
  padding-right: 0.3em;
  white-space: nowrap;
  cursor: default !important;
}
.form-label.bold {
  font-family: 'roboto_condensedregular';
}
.form-label-data {
  display: inline-block;
}
.form-label-info-icon,
.slide-panel-container .section .section-info-icon {
  background-image: url('resource/pngs/info-8be7164e3a702ab001d450bed0ab2b8f.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.form-label-info-icon:hover,
.slide-panel-container .section .section-info-icon:hover {
  cursor: pointer !important;
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.form-label-dissabled-info-icon {
  background-image: url('resource/pngs/info_disabled-fb8f25982c24ca50b3de175ce623f9be.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.form-label-no-icon {
  display: inline-block;
  line-height: 44px;
}
.form-value,
.jobinfo-counters-form-value,
.jobinfo-counters .form .form-entry:first-child .form-value,
.jobinfo-counters .form .form-entry .form-value,
.jobinfo-counters .form .form-entry-disabled .form-value {
  display: table-cell;
  text-align: left;
  white-space: nowrap;
  width: 28em;
  cursor: default !important;
}
.form-value input {
  box-sizing: border-box;
  margin: 1ex 0;
  width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.form-value.short input {
  width: 2em;
}
.form-value.four-digit input {
  width: 4em;
}
.form-value textarea {
  box-sizing: border-box;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: auto !important;
}
.form-value.readonly textarea {
  cursor: default !important;
  background-color: transparent;
  line-height: inherit;
  padding-left: 0;
  padding-right: 0;
  color: black;
  white-space: pre-wrap;
}
.form-value .empty-select {
  height: 46px;
}
.form-entry.margin-bottom .form-value {
  padding-bottom: 1ex;
}
.form-entry.medium-margin-bottom .form-value {
  padding-bottom: 1em;
}
.form-entry.medium-margin-top .form-value {
  padding-top: 1em;
}
.form-value .checkBox {
  width: 100%;
  padding-right: 10px;
  overflow-x: hidden;
  vertical-align: middle;
  box-sizing: border-box;
  height: 44px;
}
.form-value .checkBox:not([disabled]) {
  height: 48px;
}
.form-value .checkBox.no-label {
  min-width: initial;
  width: 44px;
  height: 44px;
  padding: 0;
}
.form-value.error,
.form-value .error {
  color: #f82700;
}
.form-value-container {
  margin-bottom: 1ex;
}
.w-form-check-box-with-lock .form-value-container {
  margin: 1ex 0;
  text-align: initial;
  direction: rtl;
}
.error .checkBox {
  color: #f82700;
}
.error .form-label {
  color: #f82700;
}
.error .form-value input,
.error .form-value textarea,
.error .form-value .checkBox {
  border: 1px solid #f82700;
  background-color: #f8e7dd;
}
.warning .form-value input,
.warning .form-value textarea {
  border: 1px solid #ffeaa8;
  background-color: #fbf8cb;
}
.check-list {
  display: grid;
  gap: 1px;
  width: 100%;
}
.check-list .check-list-item {
  outline: 1px solid #cfcfcf;
}
.check-list .check-list-box {
  outline: 1px solid #cfcfcf;
  min-width: 44px;
  height: 44px;
}
.check-list .check-list-box.empty {
  height: auto;
}
.check-list .check-list-box .checkBox {
  background-color: #f0f0f0;
  padding-right: 0;
  height: inherit;
  justify-content: center;
}
.check-list .check-list-box .checkBox:not([disabled]) {
  background-color: transparent;
  border: none;
  height: inherit;
}
.check-list .check-list-box .checkBox:not([disabled]):hover {
  border: none;
}
.check-list .check-list-box .checkBox:not([disabled]):hover:active {
  border: none;
}
.check-list .check-list-icon {
  outline: 1px solid #cfcfcf;
  min-width: 44px;
  height: 44px;
  background-color: #f8f8f8 !important;
  background-position: center;
}
.check-list .check-list-text {
  outline: 1px solid #cfcfcf;
  padding-left: 1ex;
  padding-right: 1ex;
  vertical-align: middle;
  line-height: 44px;
}
.check-list .check-list-text-header {
  outline: 1px solid #cfcfcf;
  padding-left: 1ex;
  padding-right: 1ex;
  vertical-align: middle;
  line-height: 44px;
  font-family: 'roboto_condensedregular';
  background-color: #dfdfdf;
  text-align: center;
}
.header {
  background-color: #f8f8f8;
  position: fixed;
  display: flex;
  top: 0;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid #b2b2b2;
}
.header .vertical-divider {
  margin-left: 2px;
  margin-right: 2px;
}
.header #view-mode-buttons {
  flex: 0 0 auto;
}
.header .title {
  color: #7f7f7f;
  font-family: 'roboto_condensedregular';
  height: 44px;
  line-height: 44px;
  padding-left: 0.8em;
}
.header .icon + .title {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.header .toInfoIcon,
.header .closeInfoIcon,
.header .expandInfoIcon,
.header .collapseInfoIcon {
  flex: 0 0 auto;
}
.header-text {
  color: #8e8e8e;
  height: 44px;
  line-height: 44px;
}
.header-buttons,
.job-view-mode-buttons,
.jobs-header-buttons,
.dashboard-preferences-button,
.dashboard-sort-buttons {
  height: 44px;
  display: inline-block;
  white-space: nowrap;
  margin-left: auto;
  font-size: 0;
}
.header-buttons .label {
  font-size: 19px;
  line-height: 44px;
  vertical-align: middle;
  padding-right: 10px;
}
.job-view-mode-buttons {
  margin-right: 3px;
}
@media screen and (max-width : 959px) {
  .job-view-mode-buttons.zoom {
    display: none;
    width: 0;
  }
}
.clear-filtered-button {
  color: #007aff;
  pointer-events: all;
  cursor: pointer;
}
.clear-filtered-button:hover .filter-clear {
  color: #000000;
}
.help-button {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/help-fad20f1576eac3a100b93555c7cf8cc1.png');
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer !important;
}
.help-button.hover {
  background-image: url('resource/pngs/help_blue-2d80354f8552f6a86e6e2d7815221f0e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.addIconWithLabelButton {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  background-image: url('resource/pngs/add_files-361879ce2b5033a518641eb5fed178ba.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  color: black;
  height: 44px;
  line-height: 44px;
  padding-left: 37px;
  vertical-align: middle;
  cursor: pointer !important;
}
.addIconWithLabelButton:hover,
.addIconWithLabelButton.active {
  background-image: url('resource/pngs/add_files_blue-fabcbf4224e16f49208dd12db30a2d4d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  color: #007aff;
}
.addIconWithLabelButton.a-disabled {
  background-image: url('resource/pngs/add_files_dis-886658da9fb4e409587c99386a8cd2de.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 35px;
  color: #cccccc;
}
.manageIconWithLabelButton {
  display: inline-block;
  margin-left: 10px;
  background-image: url('resource/pngs/manage-45cc9ad6cbd76365d7487a6c4568cd92.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: black;
  height: 44px;
  line-height: 44px;
  padding-left: 44px;
  vertical-align: middle;
  cursor: pointer !important;
}
.manageIconWithLabelButton:hover,
.manageIconWithLabelButton.active {
  background-image: url('resource/pngs/manage_blue-6f7a02bd09537e5dbef04ab0a03d85e3.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: #007aff;
}
.manageIconWithLabelButton.a-disabled {
  background-image: url('resource/pngs/manage_dis-3f9d50807d4c338313bb485164a725f5.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  color: #cccccc;
}
.archiveIconWithLabelButton {
  display: inline-block;
  margin-left: 10px;
  background-image: url('resource/pngs/archive-5318104d8cf557040b929347dd323fd5.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: black;
  height: 44px;
  line-height: 44px;
  padding-left: 44px;
  vertical-align: middle;
  cursor: pointer !important;
}
.archiveIconWithLabelButton:hover,
.archiveIconWithLabelButton.active {
  background-image: url('resource/pngs/archive_blue-54b38d7b1e515b52031b3f48118c517e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: #007aff;
}
.archiveIconWithLabelButton.a-disabled {
  background-image: url('resource/pngs/archive_dis-0c43a46b7dd05c0c59f2ad9938aa2f66.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  color: #cccccc;
}
.deleteIconWithLabelButton {
  display: inline-block;
  margin-left: 10px;
  background-image: url('resource/pngs/trash-9c1dd5f88d1e65847f75e4d7554fb5ae.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: black;
  height: 44px;
  line-height: 44px;
  padding-left: 44px;
  vertical-align: middle;
  cursor: pointer !important;
}
.deleteIconWithLabelButton:hover,
.deleteIconWithLabelButton.active {
  background-image: url('resource/pngs/trash_blue-c477a9fdbf178ea416ceb125c63fa1b7.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: #007aff;
}
.deleteIconWithLabelButton.a-disabled {
  background-image: url('resource/pngs/trash_dis-1f0bd26183f32bbef33597579335b4e6.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  color: #cccccc;
}
.placeIconWithLabelButton {
  margin-right: 10px;
  display: inline-block;
  margin-left: 10px;
  background-image: url('resource/pngs/place_file_idle-745e39ef91222bc711d1ffcc174eb685.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: black;
  height: 44px;
  line-height: 44px;
  padding-left: 42px;
  vertical-align: middle;
  cursor: pointer !important;
}
.placeIconWithLabelButton:hover,
.placeIconWithLabelButton.active {
  background-image: url('resource/pngs/place_file_blue-4a63e5bd2b20103068df8e93f07202d1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
  color: #007aff;
}
.placeIconWithLabelButton.a-disabled {
  background-image: url('resource/pngs/place_file_disabled-bcf04178fee66074288a2e1116d4f76f.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44px;
  color: #cccccc;
}
.toInfoIcon {
  cursor: pointer !important;
  background-image: url('resource/pngs/info-8be7164e3a702ab001d450bed0ab2b8f.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.toInfoIcon.right {
  float: right;
}
.toInfoIcon:hover {
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.toInfoIcon:hover.right {
  float: right;
}
.closeInfoIcon {
  cursor: pointer !important;
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.closeInfoIcon.right {
  float: right;
}
.closeInfoIcon:hover {
  background-image: url('resource/pngs/info-8be7164e3a702ab001d450bed0ab2b8f.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.closeInfoIcon:hover.right {
  float: right;
}
.expandInfoIcon {
  cursor: pointer !important;
  background-image: url('resource/pngs/expand-070f9dbb2ac14f35d1fc7094a3457452.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.expandInfoIcon.right {
  float: right;
}
.expandInfoIcon:hover {
  background-image: url('resource/pngs/expand_blue-abba31949b614f07da5f7cabb9d1f11d.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.expandInfoIcon:hover.right {
  float: right;
}
.collapseInfoIcon {
  cursor: pointer !important;
  background-image: url('resource/pngs/collapse-9396bfdb713cbcdbfb409460263991bc.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.collapseInfoIcon.right {
  float: right;
}
.collapseInfoIcon:hover {
  background-image: url('resource/pngs/collapse_blue-04894ea4c37fa0a7c0004e0c0117aadf.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.collapseInfoIcon:hover.right {
  float: right;
}
.navigation-li,
.navigation li {
  line-height: 1.5em;
  padding: 0 0 0 0.4em;
}
.navigation-li:hover {
  color: #888888;
}
.listSearch {
  position: absolute;
  display: inline-block;
  width: 210px;
  height: 36px;
  top: 50%;
  margin-top: -18px;
  box-sizing: border-box;
  padding: 0;
  cursor: default !important;
  border: 2px solid #cfcfcf;
  box-shadow: 0 0 4px #cfcfcf;
  border-radius: 8px;
  background-color: #e3e4e6;
}
.listSearch.right {
  right: 5px;
}
.listSearch:focus {
  outline: none;
}
.listSearch input {
  vertical-align: top;
  width: calc(100% -  36px);
}
.searchWrapper {
  height: 100%;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.searchWrapper.page-selection {
  width: 156px;
}
.navigation {
  height: 44px;
  line-height: 44px;
}
@media screen and (max-width : 699px) {
  .navigation {
    display: none;
    width: 0;
  }
}
@media not screen and (max-width : 699px) {
  .navigation {
    display: inline-block;
  }
}
.navigation .pageSelection {
  margin-left: 70px;
  float: right;
}
.navigation .pageSelection .pageSelection {
  margin-left: 0;
}
.pageSelection .pageNavigationButton {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  float: right;
}
@media screen and (max-width : 959px) {
  .pageSelection .pageNavigationButton {
    display: none;
    width: 0;
  }
}
.pageSelection .pageNavigationButton.left {
  vertical-align: top;
  background-image: url('resource/pngs/zoom-previous-page-e4e614aed2249eceaeaf6e6f796128a0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageSelection .pageNavigationButton.left.disabled {
  background-image: url('resource/pngs/zoom-previous-page-dis-a5d87362cc6b3194db4d360ab66e023d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageSelection .pageNavigationButton.left:hover {
  background-image: url('resource/pngs/zoom-previous-page-blue-e5a09e94f4d214a0a013103c9d2d3868.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageSelection .pageNavigationButton.right {
  vertical-align: top;
  background-image: url('resource/pngs/zoom-next-page-bda8e7eddd64e5af65bb99a9c7cd3e0a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageSelection .pageNavigationButton.right.disabled {
  background-image: url('resource/pngs/zoom-next-page-dis-12818b36c2ef1151f96f16236f5330ed.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageSelection .pageNavigationButton.right:hover {
  background-image: url('resource/pngs/zoom-next-page-blue-6f4d0dad37bef033b986f8efd3b34b35.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.content,
.uploadContainer {
  position: fixed;
  top: 45px;
  bottom: 0;
  width: 100%;
}
.main-list-canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  overflow: auto;
  width: 300px;
}
.media-single-pane .main-list-canvas {
  width: 100%;
}
.main-list-left {
  left: 0;
  border-right: 2px solid #8e8e93;
}
.main-list-right {
  right: 0;
  border-left: 2px solid #8e8e93;
}
.main-list-header {
  font-family: 'robotoregular';
  font-size: 12px;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
  height: 23px;
  line-height: 23px;
  background-color: #dedede;
  color: #8e8e8e;
  border-bottom: 1px solid #b2b2b2;
}
.main-list-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #8e8e8e;
  border-top: 1px solid #b2b2b2;
  background-color: #f8f8f8;
}
.main-list-footer .add-button {
  background-image: url('resource/pngs/add_blue-2aea3a2abba9765b6e03deb3f40aa27a.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-list-footer .add-button[disabled] {
  background-image: url('resource/pngs/add-1be445a9cdbf807e98f45d4e5a0f2ce8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-list-footer .add-user-button {
  background-image: url('resource/pngs/add_user_blue-e9fa8a558a381459d6ab2a0641ae469c.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-list-footer .add-user-button[disabled] {
  background-image: url('resource/pngs/add_user-78521935016ca185ea82ffa69b1741a7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-list-footer .add-company-button {
  background-image: url('resource/pngs/add_printbuyer_company_blue-067dc221148b35c50639a1b5d43091cf.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-list-footer .add-company-button[disabled] {
  background-image: url('resource/pngs/add_printbuyer_company-bbe902defb7671064c341dd306c9f90c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-list-footer .add-printcenter-button {
  background-image: url('resource/pngs/add_printcenter_blue-909329b923eed3e15d64dddae8128abd.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-list-footer .add-printcenter-button[disabled] {
  background-image: url('resource/pngs/add_printcenter-6c51de73d50428f9d7e0ba234be10277.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-list {
  position: absolute;
  top: 23px;
  bottom: 44px;
  width: 100%;
  overflow: auto;
  background-color: #efeff4;
  font-size: 0;
}
.main-list li {
  line-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  padding-left: 44px;
  width: 100%;
  box-sizing: border-box;
  font-size: 19px;
}
.list-sub-title {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.dark-list-sub-title {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
}
.item-current {
  color: #ffffff;
  background-color: #007aff;
}
.item-selectable {
  background-color: white;
}
.main-details-canvas-wrapper {
  height: 100%;
  font-size: 0;
}
.main-details-canvas {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: auto;
  font-size: 19px;
  background-color: #efeff4;
}
.main-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
}
.main-wrapper .main-list-left {
  height: 100%;
  flex: 0 0 auto;
  position: relative;
}
.main-wrapper .main-list-left .main-list-header {
  height: 44px;
  line-height: 44px;
  width: 100%;
}
.main-wrapper .main-list-left .main-list-body {
  width: 300px;
  height: 100%;
}
.main-wrapper .main-list-left.main-list-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right {
  height: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
.main-wrapper .main-details-right .details-wrapper {
  height: 100%;
}
.main-wrapper .main-details-right .details {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .details .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .details .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .details .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .details .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-wrapper .main-details-right .loading {
  position: relative;
  flex: 1 0;
}
.main-wrapper .main-details-right .company-details {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .company-details .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .company-details .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .company-details .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .company-details .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-wrapper .main-details-right .company-details .preference-link-right {
  background-image: url('resource/pngs/preferences-fa5180fa5ad80f9c60739feb9198a073.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 44px;
  height: 44px;
  right: 44px;
}
.main-wrapper .main-details-right .company-details .logoUrlThumbnail {
  display: block;
  margin-bottom: 0.5ex;
  border: 1px solid #8e8e8e;
  background-color: #f8f8f8;
  position: relative;
  max-width: 600px;
  max-height: 240px;
}
.main-wrapper .main-details-right .company-details .logoUrlThumbnail.maxSize {
  width: 600px;
  height: 240px;
}
.main-wrapper .main-details-right .company-details .altText {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-left: 0.5em;
  box-sizing: border-box;
}
.main-wrapper .main-details-right .company-details .addIconWithLabelButton {
  margin-left: -6px;
}
.main-wrapper .main-details-right .company-details .uploadDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3d3d3d;
  background-color: transparent;
}
.main-wrapper .main-details-right .company-details .uploadDropZone .uploadDropZoneOverlay {
  visibility: hidden;
  z-index: 0;
}
.main-wrapper .main-details-right .company-details .uploadDropZone.active .uploadDropZoneOverlay {
  visibility: visible;
  z-index: 1;
}
.main-wrapper .main-details-right .company-details .uploadDropZone .uploadMessage {
  z-index: 0;
}
.main-wrapper .main-details-right .company-details .uploadDropZone.active .uploadMessage {
  z-index: 1;
}
.main-wrapper .main-details-right .company-details .logoUrlFileLabel {
  display: block;
  font-size: inherit;
  white-space: nowrap;
  color: black;
}
.main-wrapper .main-details-right .company-details .logoUrlFileLabel.red {
  color: #f82700;
}
.main-wrapper .main-details-right .company-details .deleteLogoUrl {
  cursor: pointer !important;
  color: #007aff;
  font-size: 16px;
  font-family: 'roboto_condensedregular';
  float: right;
  margin-bottom: 1ex;
}
.main-wrapper .main-details-right .company-details .deleteLogoUrl[disabled] {
  color: #cccccc;
  cursor: default !important;
}
.main-wrapper .main-details-right .user-details {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .user-details .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .user-details .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .user-details .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .user-details .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-wrapper .main-details-right .preference-details {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .preference-details .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .preference-details .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .preference-details .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .preference-details .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-wrapper .main-details-right .job-edit-details {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .job-edit-details .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .job-edit-details .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .job-edit-details .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-wrapper .main-details-right .custom-message {
  height: 100%;
  position: relative;
  z-index: 100011;
  font-size: 19px;
  background-color: #efeff4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-wrapper .main-details-right .custom-message .details-content {
  flex: 1 0;
  overflow: auto;
  padding-top: 20px;
}
.main-wrapper .main-details-right .custom-message .details-footer {
  flex: 0 0 auto;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-wrapper .main-details-right .custom-message .details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-wrapper .main-details-right .custom-message .details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-details-invisible {
  display: none;
}
.main-details,
.jobinfo-tile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 45px;
  overflow: auto;
  background-color: #efeff4;
}
.mis-id {
  position: absolute;
  color: darkgrey;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  top: 4px;
  left: 44px;
}
.right.mis-id {
  left: auto;
  right: 2em;
}
.main-details-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.main-details-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.main-details-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.main-details-footer-action,
.wizard-footer-action,
.clearSelectionActionButton,
.create-new-job-footer-action {
  display: block;
  float: right;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 2em;
}
.main-details-footer-action.a-disabled,
.wizard-footer-action.a-disabled,
.clearSelectionActionButton.a-disabled,
.create-new-job-footer-action.a-disabled {
  cursor: default !important;
  color: #cccccc;
}
.main-details-footer-action.left,
.wizard-footer-action.left,
.clearSelectionActionButton.left,
.create-new-job-footer-action.left {
  float: left;
  margin-left: 0.8em;
  margin-right: 0;
}
.wizard-footer-action,
.create-new-job-footer-action {
  background-image: url('resource/pngs/wizard_next_blue-9f1d2d0a5070a57bbd105d573e885a53.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 44px;
  margin-right: 0;
}
.wizard-footer-action.a-disabled,
.create-new-job-footer-action.a-disabled {
  background-image: url('resource/pngs/wizard_next_disabled-672c05d166e9ae9bd44052fd47d0b0c6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.foot-note {
  font-size: 14px;
  color: #7e7e7e;
  margin-left: 1em;
  line-height: 120%;
}
.central-message {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.central-message span {
  color: #7f7f7f;
  text-align: center;
}
.column-full-width {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hor-filler {
  width: 100%;
  height: inherit;
}
.chartTooltip {
  position: absolute;
  display: none;
  opacity: 0;
  min-width: 80px;
  height: auto;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #6f257f;
  padding: 10px;
  text-align: center;
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  z-index: 100101;
}
.chartContainer {
  height: 100%;
  width: 100%;
  position: relative;
}
.chart {
  width: 100%;
  height: 100%;
  display: block;
}
.chart text {
  fill: black;
  font: 12px roboto_condensedregular;
}
.chart path.slice {
  stroke-width: 2px;
}
.chart polyline {
  opacity: 0.3;
  stroke: black;
  stroke-width: 2px;
  fill: none;
}
.chart .dot {
  stroke-width: 0;
}
.chart .dropline {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  stroke-dasharray: 4;
  shape-rendering: crispEdges;
}
.chart .grid .tick line {
  stroke: grey;
  opacity: 0.6;
}
.chart .grid path {
  stroke-width: 0;
}
.chart .innerLabels .label0 {
  fill: black;
  font-size: 1em;
}
.chart .innerLabels .label1 {
  fill: black;
  font-family: 'roboto_condensedregular';
  font-size: 1em;
}
.chart .innerLabels .label2 {
  fill: #007cff;
  font-size: 1.5em;
}
.chart .innerLabels .label3 {
  fill: black;
  font-size: 1em;
}
.multi-bar-chart.no-x-axis-line .x.axis path {
  stroke-width: 0;
}
.multi-bar-chart .x.axis path {
  stroke-width: 2px;
}
.x.emptyGrid path {
  stroke-width: 0;
}
.x.emptyGrid line {
  stroke-width: 10px;
  color: #8e8e8e;
}
.noservice-canvas {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: auto;
  font-size: 19px;
  background-color: #efeff4;
}
.noservice-message {
  display: block;
  position: absolute;
  top: 15%;
  left: 25%;
  width: 50%;
  height: 50%;
  color: red;
  vertical-align: middle;
  text-align: center;
}
.w-vertical-panels {
  display: flex;
}
.w-vertical-panels .w-main-panel {
  position: relative;
  height: 100%;
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
}
.w-vertical-panels .w-side-panel {
  position: relative;
  display: flex;
  height: 100%;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
}
.w-vertical-panels .w-side-panel > .panel {
  position: relative;
  height: 100%;
  width: auto;
}
.w-vertical-panels .w-side-panel > .collapseBar {
  position: relative;
  height: 100%;
  width: 10px;
  background-color: #8e8e8e;
  flex-shrink: 0;
  background-position: center;
  background-size: 44px 22px !important;
}
.w-vertical-panels .w-side-panel > .collapseBar:hover {
  background-color: #ababab;
}
.w-vertical-panels .w-side-panel.left.in > .collapseBar {
  background-image: url('resource/pngs/collapse_triangle_left_rollover-a3cb67775140a5cb515456369602b8b3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.left.in > .collapseBar:hover {
  background-image: url('resource/pngs/collapse_triangle_left_rollover-a3cb67775140a5cb515456369602b8b3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.left.out > .collapseBar {
  background-image: url('resource/pngs/collapse_triangle_right_rollover-2e9bff4f46657cc2aaa6a504055feafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.left.out > .collapseBar:hover {
  background-image: url('resource/pngs/collapse_triangle_right_rollover-2e9bff4f46657cc2aaa6a504055feafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.right.in > .collapseBar {
  background-image: url('resource/pngs/collapse_triangle_right_rollover-2e9bff4f46657cc2aaa6a504055feafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.right.in > .collapseBar:hover {
  background-image: url('resource/pngs/collapse_triangle_right_rollover-2e9bff4f46657cc2aaa6a504055feafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.right.out > .collapseBar {
  background-image: url('resource/pngs/collapse_triangle_left_rollover-a3cb67775140a5cb515456369602b8b3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.right.out > .collapseBar:hover {
  background-image: url('resource/pngs/collapse_triangle_left_rollover-a3cb67775140a5cb515456369602b8b3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-vertical-panels .w-side-panel.animate {
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.w-slide-control-panel {
  overflow: hidden;
  height: 100%;
  position: relative;
  padding: 40px 20px 30px 40px;
  box-sizing: border-box;
  border-right: 1px solid #b2b2b2;
  cursor: default;
  color: black;
  font-size: 16px;
  font-family: 'roboto_condensedregular';
}
.w-slide-control-panel:hover .previous-slide-arrow,
.w-slide-control-panel:hover .next-slide-arrow {
  display: initial;
}
.w-slide-control-panel .previous-slide-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 44px;
  height: 44px;
  left: 0;
  background-image: url('resource/pngs/previous_page-c3fc87365a1f6163d0fa80c0a78301a7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-slide-control-panel .previous-slide-arrow:hover {
  background-image: url('resource/pngs/previous_page_blue-905c0d9e41f8e79f8dececf425007cae.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-slide-control-panel .next-slide-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 44px;
  height: 44px;
  right: 0;
  background-image: url('resource/pngs/next_page-3a65a92bf06586f628251c0a2252c8fc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-slide-control-panel .next-slide-arrow:hover {
  background-image: url('resource/pngs/next_page_blue-ba76209417c5e3d0f536e941f46971fa.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.slide-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 44px;
  height: 44px;
}
.slide-panel-mask {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slide-panel-container {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slide-panel-container .section {
  position: relative;
  flex: 1 0 auto;
  background: rgba(0, 0, 0, 0.1);
  margin-top: 24.7px;
  width: calc(25% -  20px);
  margin-right: 20px;
}
.slide-panel-container .section.thumbnail {
  height: 160px;
  background: none;
  margin: 0 20px 0 0;
}
@media screen and (max-width : 2559px) {
  .slide-panel-container .section {
    width: calc(33.333% -  20px);
  }
}
@media screen and (max-width : 1919px) {
  .slide-panel-container .section {
    width: calc(50% -  20px);
  }
}
@media screen and (max-width : 1023px) {
  .slide-panel-container .section {
    width: calc(100% -  20px);
  }
}
.slide-panel-container .section .section-title {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  width: 100%;
  position: absolute;
  top: -24.7px;
}
.slide-panel-container .section .section-info-icon {
  position: absolute;
  bottom: 0;
  right: 12px;
}
.slide-panel-container .section .comma-separated-list {
  white-space: normal;
}
.slide-panel-container .section .comma-separated-list .user-item {
  height: initial;
  line-height: initial;
  display: inline-flex !important;
}
.slide-panel-container .section .comma-separated-list .user-item .user-label {
  height: initial;
  font-family: 'roboto_condensedregular';
  font-size: 16px;
}
.remarksPane {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-right: 3px solid #8e8e8e;
}
.remarksPane .remarksPaneHeader {
  display: flex;
  justify-content: space-between;
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  line-height: 44px;
  background-color: #d2d2d2;
}
.remarksPane .remarksPaneHeader .back {
  cursor: pointer !important;
  color: #007aff;
  background-image: url('resource/pngs/wizard_previous_blue-c610ae434aab9b421f736bd17b93d3b0.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 44px;
}
.remarksPane .remarksPaneHeader .label {
  margin-right: 0.8em;
}
.remarksPane .remarks {
  flex: 1;
}
.remarksPanel {
  width: 400px;
}
.remarksPanel .panel {
  display: flex;
  flex-direction: column;
}
.remarksPanel .panel-content {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 16px;
}
.remarksPanel .panel-content.filtered {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.remarksPanel .panel-content .printButton {
  height: 25px;
  background-color: lightgrey;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 2px 2px 2px;
}
.remarksPanel .panel-footer {
  background-color: #f8f8f8;
  font-size: 16px;
}
.remarksPanel .panel-footer .previousRemarkIcon,
.remarksPanel .panel-footer .nextRemarkIcon {
  float: right;
}
.remarksPanel.shift-down {
  padding-top: 240px;
  height: calc(100% -  44px + 240px);
}
.remarksPanel .w-note-template {
  border-bottom: 1px solid #b2b2b2;
}
.createRemarkPanel {
  width: 400px;
  height: 240px;
}
.createRemarkPanel .panel {
  display: flex;
  flex-direction: column;
}
.createRemarkPanel .panel .panel-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 14px;
  background-color: #eedfa9;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}
.createRemarkPanel .panel .panel-content .createRemarkTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.createRemarkPanel .panel .panel-content .createRemarkBody {
  flex: 1;
  background-color: #f8f8f8;
  width: calc(100% -  20px);
}
.createRemarkPanel .panel .panel-content .createRemarkBody textarea {
  height: 100%;
  width: 100%;
  cursor: auto !important;
}
.createRemarkPanel .panel .panel-content .createRemarkFooter {
  white-space: nowrap;
  line-height: 35px;
  min-height: 35px;
  overflow: hidden;
}
.createRemarkPanel .panel .panel-content .createRemarkFooter .text {
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.createRemarkPanel .panel .panel-content .createRemarkFooter .checkBox {
  height: 35px;
  background-color: transparent;
  font-size: 14px;
  float: right;
}
.createRemarkPanel .panel .panel-content .createRemarkFooter .checkBox .text {
  width: 100% !important;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.createRemarkPanel .panel .panel-footer {
  background-color: #f8f8f8;
  font-size: 16px;
}
.createJobRemarkIcon {
  display: inline-block;
  vertical-align: middle;
  height: 44px;
  width: 44px;
  margin-top: -2px;
  background-image: url('resource/pngs/add_job_remark-c67ee6dca784c446cda3375458dec8ce.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.createJobRemarkIcon:hover,
.createJobRemarkIcon.blue {
  background-image: url('resource/pngs/add_job_remark_blue-76d1278e9e8216b83eecd1ffa138a4cc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.createPageRemarkIcon {
  display: inline-block;
  vertical-align: middle;
  height: 44px;
  width: 44px;
  margin-top: -2px;
  background-image: url('resource/pngs/add_page_remark-76bf30c94e5bcfbd673a7ed516b6ff65.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.createPageRemarkIcon:hover,
.createPageRemarkIcon.blue {
  background-image: url('resource/pngs/add_page_remark_blue-5777f06afd4965c2fdc81f119cd9718d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remark-title-header {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
}
body.print .remark-title-header {
  background-color: white;
  color: black;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.job-remarks-title {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
  width: 100%;
  box-sizing: border-box;
  padding-right: 6px;
}
body.print .job-remarks-title {
  background-color: white;
  color: black;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.remark-icon {
  display: inline-block;
  vertical-align: top;
}
.remark-icon img {
  width: 44px;
  height: 44px;
}
.page-remarks-info {
  width: 100%;
  background-color: #efeff4;
}
body.print .page-remarks-info {
  background-color: white;
}
.page-remarks-info .page-remarks-thumbnail {
  position: relative;
  display: inline-block;
  margin: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
}
.page-remarks-info .page-remarks-thumbnail img {
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
}
.page-remarks-info .page-remarks-title {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  padding-right: 6px;
}
body.print .page-remarks-info .page-remarks-title {
  background-color: white;
  color: black;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.page-remarks-info .page-remarks-title .version {
  float: right;
  position: relative;
  top: -1px;
}
.page-remarks-info .page-remarks-table {
  display: table;
  width: 100%;
}
.page-remarks-info .page-remarks-table .page-remarks-row {
  display: table-row;
}
.page-remarks-info .page-remarks-table .page-remarks-row .page-remarks-cell {
  display: table-cell;
  vertical-align: top;
}
body.print .page-remarks-info .page-remarks-table .page-remarks-row .page-remarks-cell.thumbnail {
  background-color: white;
}
.remark-body {
  white-space: normal;
  display: inline-block;
  overflow: hidden;
  font-family: 'roboto_condensedlight';
  text-align: left;
  color: black;
  font-size: 14px;
  width: calc(100% -  44px);
}
.remark-creator {
  display: block;
}
.remark-text {
  display: block;
}
.preflight-remark-info {
  overflow: hidden;
}
.preflight-remark-title {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  background-color: #d8e0ee;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
}
body.print .preflight-remark-title {
  background-color: white;
}
.prev-icon {
  height: 36px;
  width: 36px;
  margin-right: -10px;
  background-image: url('resource/pngs/previous-f15695cea8f6eecffacfb729a44fea36.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.prev-icon[disabled] {
  background-image: url('resource/pngs/previous_disabled-3d012fa296b85287d1b424998795edb1.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default !important;
}
.next-icon {
  height: 36px;
  width: 36px;
  background-image: url('resource/pngs/next-3d1ef2161aacb9cd5ea2d275ccf8fd05.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.next-icon[disabled] {
  background-image: url('resource/pngs/next_disabled-10814eb0e742ee32d97f20336bb4f46a.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default !important;
}
.previousRemarkIcon {
  height: 28px;
  width: 28px;
  opacity: 1;
  background-image: url('resource/pngs/up-dis-308dabba892a6ad9ad2eeb8c991796ea.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default !important;
}
.previousRemarkIcon:not([disabled]) {
  background-image: url('resource/pngs/upp-00e90743a9d3fc74149ae4a84213909e.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.previousRemarkIcon:not([disabled]):hover {
  background-image: url('resource/pngs/up-blue-8099078900aefd9a55b9cb531438060c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.nextRemarkIcon {
  width: 28px;
  height: 28px;
  background-image: url('resource/pngs/down-dis-6fd53f0c84b857ee56ced076029b4bf6.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default !important;
}
.nextRemarkIcon:not([disabled]) {
  background-image: url('resource/pngs/downn-bbba40b761e4560ac6f27735b7cff04e.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.nextRemarkIcon:not([disabled]):hover {
  background-image: url('resource/pngs/down-blue-60dae73ccf45dadcb4a2e1f907d4c30a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.eye-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url('resource/pngs/Show_PF_issue_small-5cdab47656b6856981bdeebc317e8791.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.eye-icon.blue {
  background-image: url('resource/pngs/Show_PF_issue_blue_small-fcd25aab4cab885607e3733de8428fd4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.w-annotation-line .w-note-back-icons {
  width: 30px;
}
.w-note-template.w-annotation-line .preflight-remark-icon {
  width: 30px;
  height: 30px;
  margin-top: 4px;
  display: inline-flex;
  cursor: default !important;
  background-image: url('resource/pngs/PF_remark-b2b873099b0a60a0fd07d45ab118fd52.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.w-annotation-line .preflight-remark-icon.annotated {
  background-image: url('resource/pngs/PF_remark_annotated-a0e858061fa4671793b882a313df28cc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.w-annotation-line .annotation-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
}
.w-note-template.w-annotation-line .annotation-icon.error {
  background-image: url('resource/pngs/PF_error_small-a42908b13532c52f0e59aba24c8f13db.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.w-annotation-line .annotation-icon.warning {
  background-image: url('resource/pngs/PF_warning_small-a20393e821c6d06cda2e4f8b240d3532.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.w-annotation-line .annotation-icon.fix {
  background-image: url('resource/pngs/PF_fix_small-47b8904f81aee5e7affcb5241cc9058c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.PrintCanvas {
  display: none;
}
.remarksFilterBar {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  border-bottom: 1px solid #b2b2b2;
  background-color: #d2d2d2;
  padding-left: 0.3em;
  position: relative;
  display: flex;
}
.remarksFilterBar .group-by-button {
  margin-left: 0.2em;
  margin-right: 0.2em;
  height: 44px;
}
.remarksFilterBar .group-by-button.active {
  cursor: default !important;
}
.remarksFilterBar .group-by-button.inactive {
  color: #8e8e8e;
}
.remarksFilterBar .addJobRemarkButton {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/add_job_remark-c67ee6dca784c446cda3375458dec8ce.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remarksFilterBar .addJobRemarkButton:hover {
  background-image: url('resource/pngs/add_job_remark_blue-76d1278e9e8216b83eecd1ffa138a4cc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remarksFilterBar .addPageRemarkButton {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/add_page_remark_disabled-9e5311d2bc78c72eec8a30b8c99984ae.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remarksFilterBar .addPageRemarkButton:not([disabled]) {
  background-image: url('resource/pngs/add_page_remark-76bf30c94e5bcfbd673a7ed516b6ff65.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remarksFilterBar .addPageRemarkButton:not([disabled]):hover {
  background-image: url('resource/pngs/add_page_remark_blue-5777f06afd4965c2fdc81f119cd9718d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.remarksFilterBar .cogMenu {
  float: none;
  margin-left: auto;
}
.remarksFilterBar .cogMenuButton,
.remarksFilterBar .cogMenuButtonGlow {
  height: 44px;
  width: 44px;
  background-position: 20% 50%;
  background-size: 35px;
}
.remarksFilterBar .cogMenuButton:hover,
.remarksFilterBar .cogMenuButtonGlow:hover {
  background-position: 20% 50%;
  background-size: 35px;
}
.modal-overlay {
  position: fixed;
  background-color: gray;
  opacity: 0.5;
  pointer-events: auto;
}
.modal-overlay.full {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-overlay.header {
  top: 0;
  left: 0;
  right: 0;
  bottom: calc(100% -  45px);
}
.modal-overlay.leftpanel {
  top: 45px;
  left: 0;
  right: calc(100vw -  410px);
  bottom: 0;
}
.modal-overlay.sidebar {
  top: 45px;
  left: calc(100vw -  44px);
  right: 0;
  bottom: 0;
}
.modal-overlay.footer {
  top: calc(100% -  45px);
  left: 0;
  right: 0;
  bottom: 0;
}
.panel {
  height: 100%;
  background-color: inherit;
  z-index: 0;
  cursor: default !important;
}
.panel-header {
  height: 35px;
  background-color: transparent;
  border-bottom: 1px solid #b2b2b2;
  width: 100%;
  position: relative;
}
.panel-header .panel-header-text {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  padding-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.panel-content {
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.panel-footer {
  height: 35px;
  line-height: 35px;
  background-color: transparent;
  border-top: 1px solid #b2b2b2;
  width: 100%;
  box-sizing: border-box;
}
.panel-footer-action {
  display: inline-block;
  margin-left: 1em;
  margin-right: 1em;
}
.panel-footer-action.left {
  float: left;
}
.panel-footer-action.right {
  float: right;
}
.panel-footer-action[disabled] {
  cursor: default !important;
  color: #cccccc;
}
.relative-flex-container {
  position: relative;
  height: 100%;
  width: auto;
  overflow: hidden;
  display: flex;
}
.relative-flex-child {
  position: relative;
  flex: 1;
}
.rulerDummy {
  width: 30px;
  height: 30px;
  background-color: lightgrey;
  position: sticky;
  position: -webkit-sticky;
  z-index: 3;
  left: 0px;
  top: 0px;
}
.ruler {
  position: sticky;
  position: -webkit-sticky;
  background-color: lightgrey;
  overflow: hidden;
  cursor: default;
}
.ruler.horizontal {
  height: 30px;
  top: 0px;
  z-index: 100002;
}
.ruler.vertical {
  width: 30px;
  left: 0px;
  z-index: 100001;
}
.rulerItem {
  position: absolute;
  display: inline-block;
}
.rulerItem .rulerItemLabel {
  position: absolute;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.rulerItem.horizontal {
  height: 100%;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
}
.rulerItem.horizontal .rulerItemLabel {
  top: 0px;
  left: 5px;
}
.rulerItem.horizontal .rulerItemDivision {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  width: 10%;
  height: 50%;
  border-left: 1px solid gray;
}
.rulerItem.vertical {
  width: 100%;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}
.rulerItem.vertical .rulerItemLabel {
  left: 0px;
  bottom: 5px;
}
.rulerItem.vertical .rulerItemDivision {
  position: absolute;
  display: block;
  right: 0px;
  height: 10%;
  width: 50%;
  border-bottom: 1px solid gray;
}
.hor-guides {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  display: table;
  z-index: 100003;
}
.hor-guides .hor-guide {
  position: absolute;
  z-index: inherit;
}
.hor-guides .hor-guide.standard {
  border-bottom: 1px solid #00abe9;
}
.hor-guides .hor-guide.standard .handle {
  background-image: url('resource/pngs/Yhandle-4ea7b66071550b7c0031cb8f352dbcbd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hor-guides .hor-guide.inverted {
  border-bottom: 1px solid #ff5416;
}
.hor-guides .hor-guide.inverted .handle {
  background-image: url('resource/pngs/Yhandle-inverted-56f4906232d7a553fb90f716e96f8c3c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hor-guides .hor-guide .label {
  position: absolute;
  background-color: #000000;
  padding-top: 5px;
  color: white;
  min-width: 100px;
  height: 25px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  display: none;
  left: 10px;
}
.hor-guides .hor-guide .label.up {
  display: block;
  top: -35px;
}
.hor-guides .hor-guide .label.down {
  display: block;
  top: 10px;
}
.hor-guides .hor-guide .handle {
  background-position: right;
  position: absolute;
  height: 10px;
  top: -5px;
  width: 30px;
  left: -30px;
  cursor: default;
  display: none;
}
.hor-guides .hor-guide .handle.showRulers {
  left: -30px;
  display: block;
}
.vert-guides {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 100003;
}
.vert-guides .vert-guide {
  position: absolute;
  z-index: inherit;
}
.vert-guides .vert-guide.standard {
  border-left: 1px solid #00abe9;
}
.vert-guides .vert-guide.standard .handle {
  background-image: url('resource/pngs/Xhandle-20f041fd9ef9f1cf7ff9b088af1f22c1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.vert-guides .vert-guide.inverted {
  border-left: 1px solid #ff5416;
}
.vert-guides .vert-guide.inverted .handle {
  background-image: url('resource/pngs/Xhandle-inverted-49113d63bd7259bfc933057656208f88.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.vert-guides .vert-guide .label {
  position: absolute;
  background-color: #000000;
  padding-top: 5px;
  color: white;
  min-width: 100px;
  height: 25px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  display: none;
  top: 10px;
}
.vert-guides .vert-guide .label.left {
  display: block;
  right: 10px;
}
.vert-guides .vert-guide .label.right {
  display: block;
  left: 10px;
}
.vert-guides .vert-guide .handle {
  background-position: bottom;
  position: absolute;
  height: 30px;
  top: -30px;
  width: 10px;
  left: -5px;
  cursor: default;
  display: none;
}
.vert-guides .vert-guide .handle.showRulers {
  top: -30px;
  display: block;
}
.rulerContextMenu .ember-power-select-options .ember-power-select-option {
  background: #8c8c8c;
}
.rulerContextMenu .ember-power-select-options .ember-power-select-option .standard {
  padding-left: 54px;
  background-image: url('resource/pngs/handle-patch-893253d4627063f5b3e66e4030ccde7e.png') !important;
  background-repeat: no-repeat !important;
  background-size: 44px !important;
  background-position: 2px center !important;
}
.rulerContextMenu .ember-power-select-options .ember-power-select-option .inverted {
  padding-left: 54px;
  background-image: url('resource/pngs/inverted-handle-patch-15b2f06a619bbe5e7fafd1ce2de6f0cb.png') !important;
  background-repeat: no-repeat !important;
  background-size: 44px !important;
  background-position: 2px center !important;
}
.uploadContainer {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: top 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}
.activity {
  position: relative;
  flex: 0 0 auto;
  padding-left: 20px;
  font-family: 'roboto_condensedlight';
  font-size: 18px;
}
.globalProgress {
  flex: 1 0 auto;
  margin-left: 10px;
  min-width: 100px;
  padding-right: 20px;
}
.uploadFooter {
  position: absolute;
  bottom: 0;
  height: 44px;
  border-top: 1px solid #b2b2b2;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
}
.uploadDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3d3d3d;
}
.uploadDropZone .uploadDropZoneOverlay {
  visibility: hidden;
  z-index: 0;
}
.uploadDropZone.active .uploadDropZoneOverlay {
  visibility: visible;
  z-index: 1;
}
.uploadDropZone .uploadMessage {
  z-index: 0;
}
.uploadDropZone.active .uploadMessage {
  z-index: 1;
}
.uploadContent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.uploadContent-shift-down {
  top: 360px;
}
.uploadDropZoneOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 20px rgba(0, 255, 0, 0.8);
  background: #8e8e8e;
  opacity: 0.8;
  pointer-events: none;
}
.uploadMessage {
  color: white;
  font-family: 'roboto_condensedlight';
  font-size: 18px;
  height: 30px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  width: 100%;
  text-align: center;
  pointer-events: none;
  cursor: default !important;
}
.uploadWrapper {
  position: absolute;
  top: 45px;
  bottom: 44px;
  left: 0;
  right: 0;
  overflow: auto;
}
.uploadFiles {
  width: 100%;
  height: 100%;
  position: relative;
}
.preflight-problem-report-icon {
  background-image: url('resource/pngs/PF_problem_report-1ffb490300e2684855593832c019b12a.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: center;
}
.preflight-pdf-report-icon {
  background-image: url('resource/pngs/PF_PDF_report-acc8acc1c3e1f5e6c30fddca36c68f5b.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: center;
}
.confirmationMessage {
  padding-left: 10px;
}
.confirmationMessage .confirmationHeader {
  font-family: 'roboto_condensedregular';
  padding: 10px 15px 10px 15px;
}
.confirmationMessage .confirmationLine {
  font-family: 'roboto_condensedlight';
  padding: 10px 15px 10px 15px;
}
.confirmationMessage .confirmationLine.red {
  color: #f82700;
}
.uploadFileText {
  padding-left: 20px;
  font-size: inherit;
  white-space: normal;
  word-wrap: break-word;
  word-break: normal;
  text-align: left;
}
.uploadFileText.red {
  color: #f82700;
}
.place-file .dialog-header-title {
  width: 680px;
  padding-right: 0;
  overflow-x: hidden;
  white-space: nowrap;
}
.place-file .dialog-content {
  width: 680px;
  padding-right: 0;
}
.place-file .uploadFileText {
  font-family: 'roboto_condensedlight';
}
.place-file .uploadFileAction {
  width: 60%;
  text-align: right;
  padding-right: 0;
}
.place-upload-file-container {
  max-height: calc(75vh -  3 * 45px + 25px);
}
.uploadFileInfo {
  width: 60%;
  min-width: 200px;
  font-size: inherit;
  cursor: default !important;
}
.uploadFileAction {
  font-family: 'roboto_condensedregular';
  padding-right: 16px;
  white-space: nowrap;
  width: 50px;
}
.uploadFileAction.red {
  color: #f82700;
}
.uploadFileAction.blue {
  color: #007aff;
}
.uploadFileActionButton {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-family: 'roboto_condensedregular';
  cursor: pointer !important;
  padding-right: 16px;
  white-space: nowrap;
}
.uploadFileActionButton.red {
  color: #f82700;
}
.uploadFileActionButton.blue {
  color: #007aff;
}
.uploadFileActionButton.disabled {
  cursor: default !important;
}
.uploadFileActionButton img {
  width: 44px;
  height: 44px;
}
.fileUpload {
  overflow: hidden;
  display: inline-block;
}
.fileUpload .fileUploadLabel {
  display: inline-block;
  cursor: pointer !important;
}
.fileUpload input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer !important;
}
.upload-sort-buttons {
  position: relative;
  flex: 0 0 auto;
  margin-right: 5px;
}
.preferencesFileThumbnail {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #8e8e8e;
  background-color: #f8f8f8;
  position: relative;
}
.preferencesFileThumbnail.portrait {
  vertical-align: top;
  width: 125px;
  height: 200px;
}
.preferencesFileThumbnail.portrait img {
  vertical-align: top;
  width: 125px;
  height: 200px;
}
.preferencesFileThumbnail.landscape {
  vertical-align: top;
  width: 200px;
  height: 125px;
}
.preferencesFileThumbnail.landscape img {
  vertical-align: top;
  width: 200px;
  height: 125px;
}
.preferencesFileThumbnail .altText {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-left: 0.5em;
  box-sizing: border-box;
}
.preferencesFileThumbnail .uploadDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3d3d3d;
  background-color: transparent;
}
.preferencesFileThumbnail .uploadDropZone .uploadDropZoneOverlay {
  visibility: hidden;
  z-index: 0;
}
.preferencesFileThumbnail .uploadDropZone.active .uploadDropZoneOverlay {
  visibility: visible;
  z-index: 1;
}
.preferencesFileThumbnail .uploadDropZone .uploadMessage {
  z-index: 0;
}
.preferencesFileThumbnail .uploadDropZone.active .uploadMessage {
  z-index: 1;
}
.preferencesFileLabel {
  display: block;
  font-size: inherit;
  white-space: nowrap;
  color: black;
}
.preferencesFileLabel.red {
  color: #f82700;
}
.preferencesFileButton {
  box-sizing: border-box;
  margin-top: 1ex;
  margin-bottom: 1ex;
  vertical-align: middle;
  padding-left: 20px;
  color: black;
  font-size: 19px;
  border: none;
  font-family: 'roboto_condensedlight';
}
.preferencesFileButton.right-div-fixed-width {
  padding-top: 2px;
}
.preferencesFileButton:hover {
  color: #007aff;
}
#preferences .form-value {
  width: 42em;
  max-width: 42em;
}
#preferences .form-value input {
  width: 100%;
}
#preferences .form-value.short input {
  width: 2em;
}
#preferences .form-value.thumbnailWrapper {
  vertical-align: middle;
}
#preferences .email-wrapper {
  padding-bottom: 3px;
  vertical-align: top;
  overflow-x: hidden;
}
#preferences .email {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  background-color: #f0f0f0;
  min-height: 45px;
}
#preferences .email.viewMode {
  border: 1px solid #cfcfcf;
  overflow-y: auto;
  max-height: 150px;
}
.serviceMessage {
  margin: -10px;
  padding: 10px;
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  line-height: 22px;
}
.mce-content-body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  overflow-y: auto;
  height: auto;
  padding: 4px;
}
.mce-menu {
  z-index: 100012 !important;
}
.mce-floatpanel {
  z-index: 100012 !important;
}
.company-list-item {
  width: 100%;
  height: 44px;
}
.company-item {
  height: 44px;
  display: flex;
  align-items: center;
}
.company-item .item-not-expandable {
  display: none;
}
.company-item .item-expanded {
  width: 20px;
  height: 30px;
  display: inline-block;
  background-image: url('resource/pngs/triangle_opened-aa846723b62576395e83b9227ee7037f.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 2px;
}
.company-item .item-expanded.disabled {
  background-image: url('resource/pngs/triangle_opened_disabled-2e757a92cf2e1dae63fe9054e69b3b04.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item .item-collapsed {
  width: 20px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('resource/pngs/triangle_closed-35c05e66cd76de37fcf47d400e7e5102.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 2px;
}
.company-item .item-company-staff {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-image: url('resource/pngs/staff-e9735366516976f84dd366df3596dd56.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item .item-company-ipc {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-image: url('resource/pngs/hq-fff9a408696642c1b0cb249dcc02a3e3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item .item-company-pc {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-image: url('resource/pngs/iwc-e5ca19582869cf5e6158e03081457a29.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item .item-company-pb {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item .company-label {
  width: calc(100% - 74px);
  display: inline-block;
  font-size: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.company-item.selected {
  background-color: #007aff;
}
.company-item.selected .item-expanded {
  background-image: url('resource/pngs/triangle_opened_white-f1e5540cf27b0470c84be4a98478a3d5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .item-collapsed {
  background-image: url('resource/pngs/triangle_closed_white-9383b02057217fb3b4c7c855a5f3601a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .item-company-staff {
  background-image: url('resource/pngs/staff_white-2d6c2a49abd5a706fe7f566081583bb3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .item-company-ipc {
  background-image: url('resource/pngs/hq_white-657c0486e171e160b137473629b069b3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .item-company-pc {
  background-image: url('resource/pngs/iwc_white-4918d5c5467dfd6048db8fc9b4fc5b36.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .item-company-pb {
  background-image: url('resource/pngs/company_white-f7980faa70244a3f572a3417f5e3420a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-item.selected .company-label {
  color: white;
}
.company-pb {
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-ipc {
  background-image: url('resource/pngs/hq-fff9a408696642c1b0cb249dcc02a3e3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.company-pc {
  background-image: url('resource/pngs/iwc-e5ca19582869cf5e6158e03081457a29.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.listHeader,
.companiesHeader {
  position: relative;
  top: 0;
  width: 300px;
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  box-sizing: border-box;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #b2b2b2;
  background-color: #d2d2d2;
  vertical-align: middle;
}
.companiesHeader {
  padding-left: 5px;
}
.itemListWrapper {
  position: absolute;
  top: 44px;
  bottom: 44px;
  width: 100%;
  background-color: #efeff4;
  font-size: 0;
  display: flex;
  flex-direction: column;
}
.itemListWrapper .item-list-title {
  vertical-align: top;
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  flex: 0 0 auto;
}
.itemListWrapper .item-list-title:first-of-type {
  border-top: none;
}
.itemList {
  flex: 1 1 auto;
  overflow: auto;
  background-color: #efeff4;
  font-size: 0;
}
.itemList ul {
  margin: 0px;
  padding: 0px;
}
.itemList li {
  line-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 44px;
  width: 100%;
  box-sizing: border-box;
  font-size: 19px;
  text-overflow: ellipsis;
}
.w-company-user .item-not-expandable {
  width: 20px;
  height: 30px;
  display: inline-block;
}
.w-company-user.hidden,
.w-company.hidden {
  display: none;
}
.w-company-user .printCenter,
.w-company .printCenter {
  padding-left: 0px;
}
.w-company-user .company,
.w-company .company {
  padding-left: 0px;
}
.w-company-user .company.right,
.w-company .company.right {
  padding-left: 16px;
}
.w-company-user .user,
.w-company .user {
  padding-left: 36px;
}
.w-company-user .user.right,
.w-company .user.right {
  padding-left: 52px;
}
.timeOutSelect {
  display: inline-flex;
}
.timeOutSelect .power-select {
  width: 180px;
}
.w-label-range-selector .labeledRadioButton .icon {
  line-height: 30px;
}
.w-label-range-selector .labeledRadioButton .label {
  line-height: 30px;
}
.w-label-range-selector .labeledRadioButton .label-search-wrapper .item-label {
  display: inline-block;
  vertical-align: top;
}
.pageSelection {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  position: relative;
}
.pageSelection .pageSelectionLabel {
  float: right;
  height: 30px;
  white-space: nowrap;
}
.pageSelectionInput {
  float: right;
  height: 30px;
  min-width: 35px;
  position: relative !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.pageSelectionInput .pageSelectionIcon {
  background-image: url('resource/pngs/search_pop-42194b1c562e10bd6e5cf7d0a9d0997a.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.pageSelectionInput .pageSelectionIcon:hover {
  background-image: url('resource/pngs/search_pop_blue-4347f1509fbc234858f466bbc50921a4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 80%;
}
.pageSelectionInput.open-to-right .pageSelectionIcon {
  left: 0;
  right: initial;
}
.pageSelectionInput.open-to-right input {
  padding-right: 8px;
  padding-left: 35px;
  left: 0;
  right: initial;
}
.pageSelectionInput:not(.open-to-right) .ember-power-select-trigger {
  right: 60px;
}
.pageSelectionInput input {
  background-color: #d2d2d2;
  text-align: left;
  padding-left: 8px;
  padding-right: 35px;
  position: absolute;
  right: 0;
  z-index: 0;
  width: 60px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pageSelectionInput .pageSelectionPlaceholder {
  color: #9e9e9e;
  white-space: nowrap;
  position: absolute;
  top: -7px;
  left: -58px;
  z-index: 1;
  height: 30px;
  pointer-events: none;
}
.pageSelectionInput .ember-power-select-trigger {
  min-height: 30px;
}
.icon-ipc-csr {
  background-image: url('resource/pngs/csr-d5b2ee50192f5943631a03acd69bc772.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-viewer {
  background-image: url('resource/pngs/viewer-fea8675d2add464c17c8ff017247f43d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-uploader {
  background-image: url('resource/pngs/submitter-9c34322f73bea78e1dfcb0cd71be87d2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-approver {
  background-image: url('resource/pngs/approval_right-afb084af60a6382f9cc4e2a845c00bc4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-final-approver {
  background-image: url('resource/pngs/final_approver-6dd98acfd55ed858af428d160fa748b6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-guest {
  background-image: url('resource/pngs/guest_user-d9a620c3d356a47c836ac27d7f8ecc51.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-print-buyer-user {
  background-image: url('resource/pngs/users-11f9a8d3bdc209a093afe9b6703cfe2b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-printer-user {
  background-image: url('resource/pngs/staff-e9735366516976f84dd366df3596dd56.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-notifications {
  background-image: url('resource/pngs/notifications-d7a276f47f15a34d0e3366a8cbaf2903.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.userLink {
  cursor: pointer !important;
  color: #007aff;
  font-size: 16px;
  font-family: 'roboto_condensedregular';
}
.userLink.indent {
  margin-left: 40px;
}
.user-details .main-details-footer-action.left,
.user-details .wizard-footer-action.left,
.user-details .clearSelectionActionButton.left,
.user-details .create-new-job-footer-action.left {
  margin-left: 2em;
}
.user-icon {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  vertical-align: middle;
}
.user-icon.admin {
  background-image: url('resource/pngs/admin_overlay_gray-759fcf479f1e0dcd95cf9f0709eff3c5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.user-icon.admin.selected {
  background-image: url('resource/pngs/admin_overlay_white-f0a3f7636f47a6703948610d6b2249c5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.user-icon.csr {
  background-image: url('resource/pngs/csr_overlay_gray.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.user-icon.csr.selected {
  background-image: url('resource/pngs/csr_overlay_white.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.user-icon .user-initials-icon {
  position: relative;
  top: 7px;
  left: 5px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  border: 1px solid transparent;
}
.selected .user-icon .user-initials-icon {
  border: 1px solid white;
}
.user-item {
  height: 44px;
  line-height: 44px;
  list-style-type: none;
  display: flex !important;
  align-items: center;
  cursor: default;
  background-color: inherit;
  font-family: 'roboto_condensedlight';
}
.user-item.hidden {
  display: none !important;
}
.user-item .clickable {
  cursor: pointer !important;
}
.user-item .important-text {
  font-family: 'roboto_condensedregular';
}
.user-item .blue-text {
  color: #007aff;
}
.user-item .inactive {
  font-family: 'roboto_condensedlight_italic';
  color: #8e8e8e;
}
.user-item .inactive.blue-text {
  color: #007aff;
}
.user-item .user-label {
  height: 44px;
  display: inline-block;
  font-size: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-left: 5px;
}
.user-item.selected {
  background-color: #007aff;
  font-family: 'roboto_condensedlight';
}
.user-item.selected .user-label {
  color: white;
}
.user-item.selected .inactive {
  color: white;
}
.email-valid {
  color: #007aff;
}
.email-valid a {
  outline: none;
}
.email-invalid {
  color: #000000;
}
.role-csr {
  background-image: url('resource/pngs/csr-d5b2ee50192f5943631a03acd69bc772.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-csr-edit {
  background-image: url('resource/pngs/csr_blue-fc9a19eb72a4d310da01104369d20216.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-viewer {
  background-image: url('resource/pngs/viewer-fea8675d2add464c17c8ff017247f43d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-viewer-edit {
  background-image: url('resource/pngs/viewer_blue-4b84a2d152c12498c65f2f4a0dce97dc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-uploader {
  background-image: url('resource/pngs/submitter-9c34322f73bea78e1dfcb0cd71be87d2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-uploader-edit {
  background-image: url('resource/pngs/submitter_blue-97f21c0f96cdb4ea5d75167ab1972fe2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-approver {
  background-image: url('resource/pngs/approval_right-afb084af60a6382f9cc4e2a845c00bc4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-approver-edit {
  background-image: url('resource/pngs/approval_right_blue-1419c013e0eef928962adf1f42ca93d8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-final-approver {
  background-image: url('resource/pngs/final_approver-6dd98acfd55ed858af428d160fa748b6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-final-approver-edit {
  background-image: url('resource/pngs/final_approver_blue-ca0582ca7d2c41e15102f55ad316f53b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-admin-pb {
  background-image: url('resource/pngs/pb_admin-9ebeead7bb3aa83b869b417cb7f1cafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-admin-pb-edit {
  background-image: url('resource/pngs/pb_admin_blue-a59c64bc8401c498a8da686c85362846.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-admin-ipc {
  background-image: url('resource/pngs/csr_admin-586fa6afb8c0621ffaa330c5737f16aa.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.role-admin-ipc-edit {
  background-image: url('resource/pngs/csr_admin_blue-38261131d1baf68a66322251773d22e1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-web-approval {
  background-image: url('resource/pngs/webApproval-16cb1148ed741752577f1cd68d8547af.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-web-approval.disabled {
  color: darkgrey;
  background-image: url('resource/pngs/webApproval-dis-9c9384fc601589b49b5634628a4d90f8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-web-flow {
  background-image: url('resource/pngs/webflow-41448d9fcdf30a0c6d85208b8bd55354.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-web-flow.disabled {
  color: darkgrey;
  background-image: url('resource/pngs/webflow-dis-99ca27251dc86759bbb6f2d37ee53724.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-drive {
  background-image: url('resource/pngs/printsphere_icon-344284817f1ca1c8958ed98a00a270ae.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-service-drive.disabled {
  color: darkgrey;
  background-image: url('resource/pngs/printsphere_icon_gr-9882fc7ced33c78eb777ada1dc33b48b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.service-web-approval {
  background-image: url('resource/pngs/webApproval-16cb1148ed741752577f1cd68d8547af.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.service-web-approval.disabled {
  color: darkgrey;
  background-image: url('resource/pngs/webApproval-dis-9c9384fc601589b49b5634628a4d90f8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.service-drive {
  background-image: url('resource/pngs/printsphere_icon-344284817f1ca1c8958ed98a00a270ae.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.service-drive.disabled {
  color: darkgrey;
  background-image: url('resource/pngs/printsphere_icon_gr-9882fc7ced33c78eb777ada1dc33b48b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.form-value.indentCheckBox {
  padding-left: 44px;
}
.form-value.indentCheckBox.indentAfterRadio {
  padding-left: 84px;
}
.form-value.indentAfterRadio,
.form-value.largeIndent {
  padding-left: 40px;
}
.form-value.indentAfterRadio.explanationText,
.form-value.largeIndent.explanationText {
  white-space: initial;
}
.form-value.indentAfterRadio .checkBox,
.form-value.largeIndent .checkBox {
  margin-bottom: 10px;
}
.form-value.largeIndent {
  padding-left: 84px;
}
.form-value .labeledRadioButton {
  line-height: 44px;
  padding-bottom: 0;
}
.centered-popup.users-info .popup-container .popup-content li {
  padding-left: 40px;
  padding-right: 40px;
}
.user-group-title {
  height: 25px;
  line-height: 25px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  border-top: 1px solid #b2b2b2;
  padding-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.user-group-title:first-of-type {
  border-top: none;
}
.asterix:before {
  font-size: 0.83em;
  vertical-align: super;
  color: #007aff;
  margin: 0 0.2em;
  content: '*';
}
.asterix-note {
  font-size: 14px;
  color: #007aff;
  text-align: right;
}
.asterix-note:before {
  font-size: 0.83em;
  vertical-align: super;
  color: #007aff;
  margin: 0 0.2em;
  content: '*';
}
.jobs-canvas {
  overflow: hidden;
  height: 100%;
  display: flex;
}
/* set font-size to 0 as a workaround for the spaces between inline-block elements
   @see http://css-tricks.com/fighting-the-space-between-inline-block-elements/
*/
.jobgrid-canvas {
  flex: 1 1 auto;
  height: auto;
  position: relative;
  top: 0;
  background-color: #3d3d3d;
  z-index: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.jobgrid-canvas:focus {
  outline: none;
}
.overlay,
.overlay-selected-for-info:after,
.overlay-selected:after,
.overlay-not-selected:after,
.centered-popup.roles .popup-container .popup-content-footer .disable-overlay,
.body-overlay,
.centered-popup.checkList .popup-container .popup-content-footer .disable-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: '';
}
.overlay-selected-for-info:after {
  border: 1px solid #007aff;
  box-shadow: inset 0 0 50px rgba(0, 110, 252, 0.65);
  box-sizing: border-box;
}
.overlay-selected:after {
  border: 2px solid #007aff;
  box-sizing: border-box;
  box-shadow: inset 0 0 12px 4px #007aff;
}
.overlay-not-selected:after {
  border: 1px solid black;
}
.jobs-canvas .jobtile-dark-bg {
  background-color: #393939;
}
.managedIcon {
  background-image: url('resource/pngs/manage_mode_box-b0bc3fe5966edf7188a1f8781cb2721b.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
  background-position: center center;
  height: 44px;
  width: 44px;
}
.managedIcon.selected {
  background-image: url('resource/pngs/manage_mode_box_selected-4d49b5b71425f64cc5a964346002b273.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-scrollable-tiles {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background-color: #3d3d3d;
  z-index: 0;
  width: 100%;
  font-size: 0;
}
.w-scrollable-tiles:focus {
  outline: none;
}
.jobtile {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0;
  vertical-align: top;
  box-sizing: border-box;
  background-color: white;
  z-index: 0;
  width: 100%;
  padding-bottom: 100%;
}
.jobtile .uploadDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3d3d3d;
  background-color: transparent;
  z-index: 3;
}
.jobtile .uploadDropZone .uploadDropZoneOverlay {
  visibility: hidden;
  z-index: 0;
}
.jobtile .uploadDropZone.active .uploadDropZoneOverlay {
  visibility: visible;
  z-index: 1;
}
.jobtile .uploadDropZone .uploadMessage {
  z-index: 0;
}
.jobtile .uploadDropZone.active .uploadMessage {
  z-index: 1;
}
.jobtile .progressBarContainer {
  border: none;
  border-radius: 0;
}
.jobtile .jobtile-info {
  cursor: pointer !important;
  background-image: url('resource/pngs/info_tile_white-f4f352568f50b3bd5d5eeddd388767db.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}
.jobtile .jobtile-info.selected {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile .jobtile-info:hover {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile .managedIcon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}
.jobtile .tile-button-icon {
  width: 44px;
  height: 44px;
  margin-right: -8px;
}
.jobtile.hot-ticket .hot-ticket-tile-info {
  width: calc(100% - 2 *  48px);
  height: calc(100% - 2 *  48px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  border: 6px dashed #009752;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: white;
}
.jobtile.hot-ticket .hot-ticket-tile-info.has-company {
  border-color: #416aa7;
}
.jobtile.hot-ticket .hot-ticket-tile-info .centered-tile-text {
  padding: 0 5px;
}
.jobtile.hot-ticket .tile-bottom-icons {
  position: absolute;
  bottom: 0;
  height: 44px;
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 4;
}
.jobtile.hot-ticket .tile-bottom-icons .hot-ticket-csrs-icon {
  width: 44px;
  height: 44px;
  margin-right: -8px;
  background-image: url('resource/pngs/csr_white-37ea5d66758c81ea80b0ce754b3c9e09.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile.hot-ticket .tile-bottom-icons .hot-ticket-users-icon {
  width: 44px;
  height: 44px;
  margin-right: -8px;
  background-image: url('resource/pngs/users_white-b4144333fcc81d5f4d276f3e5555b6f3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile.hot-ticket .tile-bottom-icons .hot-ticket-company-icon {
  width: 44px;
  height: 44px;
  margin-right: -8px;
  background-image: url('resource/pngs/company_white-f7980faa70244a3f572a3417f5e3420a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-img-block {
  position: absolute;
  width: 100%;
  height: 100%;
}
.jobtile-img {
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: -1000px;
  right: -1000px;
  min-width: 100%;
  z-index: -1;
}
.jobtile-type-stack {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
}
.jobtile-type-stack .stacked-item:not(:last-child) {
  margin: -8px 0;
}
.jobtile-jobname {
  position: absolute;
  z-index: 1;
  top: -14px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 1em 10px 1.2em;
  vertical-align: text-top;
}
.jobtile-jobname p {
  margin: 0 44px 0 0;
}
.jobtile-status-stack {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 6px 0 0;
  position: absolute;
  vertical-align: bottom;
  left: 0;
  bottom: 0;
  z-index: 4;
  height: auto;
  width: 44px;
  margin: 0;
  padding: 5px 0 0 0;
}
.jobtile-status-stack .statusThumbnail {
  width: 44px;
  height: 38px;
  max-width: 44px;
  background-position: left bottom;
  margin: 0;
  padding-left: 0;
  box-sizing: border-box;
  float: left;
}
.jobtile-status-overdue {
  background-image: url('resource/pngs/status_stack_overdue-0441f6adcc91454d9352086507a55a58.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-preflight {
  background-image: url('resource/pngs/status_stack_PF_warnings-020770bff5e7d35d0c2ea16ff8d82cb8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-rejected {
  background-image: url('resource/pngs/status_stack_rejected-ab94fbf4dd43d6bd99b7c50c3110bfb8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-approved {
  background-image: url('resource/pngs/status_stack_all_pages_approved-ec4f862d49d011a9d339af6d02a9d974.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-finished {
  background-image: url('resource/pngs/status_stack_job_finished-ed8358420520e107625abc96d1645a59.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-archiving {
  background-image: url('resource/pngs/status_stack_job_archived-2f0b2463c94c4774c82e7a8d499ca835.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobtile-status-archived {
  background-image: url('resource/pngs/status_stack_job_archived-2f0b2463c94c4774c82e7a8d499ca835.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.horizontally-centered-text {
  text-align: center;
}
.job-tile-text-block {
  color: white;
  font-size: 16px;
  width: 100%;
}
.deleted-job-info {
  padding-top: 20px;
  font-size: 19px;
}
.jobinfo-tile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  /* font-size to 0 to avoid space between inline-block elements */
  font-size: 0;
  background-color: rgba(215, 226, 244, 0.94);
  overflow: hidden;
  padding-bottom: 0;
  border-bottom: 1px solid #b2b2b2;
  z-index: 100001;
  max-height: 0;
  -webkit-transition: max-height 0.4s ease-in-out;
  -moz-transition: max-height 0.4s ease-in-out;
  -o-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}
.jobinfo-shift-down .jobinfo-tile {
  max-height: 360px;
}
.jobinfo-images {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  cursor: pointer !important;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  height: auto;
  width: auto;
  box-sizing: border-box;
}
.jobinfo-thumbnail-wrapper {
  position: relative;
}
.jobinfo-toolbar-wrapper {
  height: 100%;
  width: 0;
  float: right;
  overflow: visible;
}
.jobs-header-buttons {
  margin-left: 20px;
  margin-right: 4px;
}
.hotTicketsViewButton {
  background-image: url('resource/pngs/view_toggle_HT-1f500db11389d11b25eb7195e93b79fb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hotTicketsViewButton.active {
  background-image: url('resource/pngs/view_toggle_HT_selected-12e9f46279c059e76e3f56101d1c2ba1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonStart {
  background-image: url('resource/pngs/view_toggle_tiles-be3109789d06b3eb3f3bb610342ca672.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonStart.active {
  background-image: url('resource/pngs/view_toggle_tiles_selected-b9a54ca35a3b5c533e254f8fb61e00aa.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonEnd {
  background-image: url('resource/pngs/view_toggle_tiles_end-d1e8e291afa8d4f639c61ecb966f9444.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonEnd.active {
  background-image: url('resource/pngs/view_toggle_tiles_selected_end-ebf03ecb8dfa168c6e27943f14447704.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonInBetween {
  background-image: url('resource/pngs/view_toggle_tiles_inbetween-435b367434bdbf711309f789f5972424.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobTilesViewButtonInBetween.active {
  background-image: url('resource/pngs/view_toggle_tiles_inbetween_selected-47792bd78f4246576cdccf1e32f8c7ce.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobListViewButton {
  background-image: url('resource/pngs/view_toggle_list-0d9d9efe92c2b301e640871773b888fe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobListViewButton.active {
  background-image: url('resource/pngs/view_toggle_list_selected-2baca50485663a966a595be58d44689a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobinfo-button {
  float: right;
  background-position: center center;
  height: 44px;
  width: 44px;
}
.jobinfo-buttons {
  position: absolute;
  top: 0;
  right: 0;
  height: 44px;
  width: auto;
}
.jobinfo-buttons .cogMenu {
  float: right;
}
.jobinfo-buttons .jobinfo-close-button {
  float: right;
  background-position: center center;
  height: 44px;
  width: 44px;
  background-image: url('resource/pngs/close_black-a0ceea6cd27b56628503df6eec61c20e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobinfo-buttons .jobinfo-close-button:hover {
  background-image: url('resource/pngs/close_blue-82cb56a8ad5ab78efd0adae296a4c76e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobinfo-buttons .jobinfo-edit-button {
  float: right;
  background-position: center center;
  height: 44px;
  width: 44px;
  background-image: url('resource/pngs/edit-7c58d1b0d5e93bd9cdad34698e55beb0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobinfo-buttons .jobinfo-edit-button:hover {
  background-image: url('resource/pngs/edit_blue-663551a40c12156b91562ceeb9ba6843.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobinfo-text {
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 2px 40px 2px 8px;
}
.jobinfo-text .form {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.jobinfo-text .form .form-entry .form-label {
  white-space: nowrap;
}
.jobinfo-text .form .form-entry .form-value {
  padding-left: 0.4em;
  width: 100%;
  min-width: 150px;
  padding-right: 0.5em;
  white-space: normal;
}
.dateOverdue {
  color: red;
}
.jobinfo-counters-form-entry,
.jobinfo-counters .form .form-entry:first-child,
.jobinfo-counters .form .form-entry,
.jobinfo-counters .form .form-entry-disabled {
  vertical-align: middle;
  height: 50px;
  line-height: 50px;
}
.jobinfo-counters-form-label,
.jobinfo-counters .form .form-entry:first-child .form-label,
.jobinfo-counters .form .form-entry .form-label,
.jobinfo-counters .form .form-entry-disabled .form-label {
  padding-left: 1em;
  padding-right: 0;
}
@media screen and (max-width : 1023px) {
  .jobinfo-counters-form-label,
  .jobinfo-counters .form .form-entry:first-child .form-label,
  .jobinfo-counters .form .form-entry .form-label,
  .jobinfo-counters .form .form-entry-disabled .form-label {
    display: none;
  }
}
.jobinfo-counters-form-value,
.jobinfo-counters .form .form-entry:first-child .form-value,
.jobinfo-counters .form .form-entry .form-value,
.jobinfo-counters .form .form-entry-disabled .form-value {
  width: 1.5em;
  text-align: right;
  padding-right: 0.8em;
}
.jobinfo-counters {
  float: right;
  display: inline-block;
  background-color: #f1f1f1;
  height: 100%;
  width: auto;
  font-size: 19px;
}
.jobinfo-counters .form {
  height: auto;
  width: auto;
  border-collapse: collapse;
  padding-left: 0;
}
.jobinfo-counters .form .form-entry:first-child .form-value {
  cursor: pointer !important;
}
.jobinfo-counters .form .form-entry:first-child .spacer {
  display: table-cell;
  width: 0.8em;
}
.jobinfo-counters .form .form-entry .form-value {
  cursor: pointer !important;
}
.jobinfo-counters .form .form-entry .spacer {
  display: table-cell;
  width: 0.8em;
}
.jobinfo-counters .form .form-entry-disabled .form-label {
  color: #cccccc;
}
.jobinfo-counters .form .form-entry-disabled .form-value {
  color: #cccccc;
}
.jobinfo-counters .form .form-entry-disabled .spacer {
  display: table-cell;
  width: 0.8em;
}
.counter-pages-empty {
  background-image: url('resource/pngs/status_empty-fa768b541aea15c0f2003bafedaa77e0.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-empty-disabled {
  background-image: url('resource/pngs/status_empty_dis-a2321b9f98c4605000555618a7c15b18.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-inspect {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-inspect-by-me {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-inspect-disabled {
  background-image: url('resource/pngs/status_to_inspect_dis-204642d1fd5e17d2defbbddd172c3016.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-approved {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-approved-by-me {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-approved-disabled {
  background-image: url('resource/pngs/status_approved_dis-4c68e7bdbbe9aacf660ff008b4079f43.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-rejected {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-rejected-disabled {
  background-image: url('resource/pngs/status_rejected_dis-a0fe5a9523d1b446d28340a29a43740d.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.counter-pages-problems {
  background-image: url('resource/pngs/status_PF_warnings-77e969ee302e7c67c4f02d9486bef315.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: table-cell;
  cursor: pointer !important;
  vertical-align: middle;
  background-position: right center;
  height: 42px;
  width: 42px;
}
.jobsContent {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
.jobsContent.shift-down {
  top: 360px;
}
.jobsContent .jobsHeaderBar {
  background-color: #d2d2d2;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 44px;
  display: flex;
  padding-left: 4px;
  padding-right: 8px;
}
.jobsContent .jobsHeaderBar .jobsSortButtons {
  height: 44px;
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  margin-left: auto;
  padding-right: 8px;
}
.jobsContent .jobsHeaderBar .jobsSortButtons .label {
  font-size: 19px;
  line-height: 44px;
  vertical-align: middle;
  padding-right: 10px;
}
.jobsContent .noJobsMessage {
  color: white;
  font-family: 'roboto_condensedlight';
  font-size: 18px;
  height: 30px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  width: 100%;
  text-align: center;
}
.jobsContent .rightPanelFooter {
  padding-left: 1em;
  background-color: #d2d2d2;
  border-color: #007aff;
  border-width: 3px 0 0 0;
}
.jobsContent .rightPanelFooter > :first-child {
  margin-right: 2em;
}
.jobsContent .rightPanelFooter .a-disabled {
  color: #afafaf;
}
.jobsContent .rightPanelFooter .main-details-footer-action,
.jobsContent .rightPanelFooter .wizard-footer-action,
.jobsContent .rightPanelFooter .clearSelectionActionButton,
.jobsContent .rightPanelFooter .create-new-job-footer-action {
  margin: 0;
}
.jobsContent .rightPanelFooter .exitButton {
  background-color: #007aff;
  margin-left: 1em;
}
.jobsContent .jobsPanels {
  position: absolute;
  top: 44px;
  bottom: 0;
  width: 100%;
  display: flex;
}
.jobsContent .add-job-button {
  float: right;
  background-image: url('resource/pngs/add_blue-2aea3a2abba9765b6e03deb3f40aa27a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobsContent .add-job-button[disabled] {
  background-image: url('resource/pngs/add-1be445a9cdbf807e98f45d4e5a0f2ce8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobsSearch {
  display: inline-block;
  width: 210px;
}
.create-new-job-footer-action {
  background-image: url('resource/pngs/add_files_blue-fabcbf4224e16f49208dd12db30a2d4d.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  padding-right: 48px;
}
.create-new-job-footer-action.a-disabled {
  background-image: url('resource/pngs/add_files_dis-886658da9fb4e409587c99386a8cd2de.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.wizard-main-list-canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  overflow: auto;
  width: 300px;
  left: 0;
  border-right: 2px solid #8e8e93;
}
.job-create-wizard,
.job-create-edit {
  flex-grow: 1;
  line-height: 30px;
}
.job-create-wizard .form,
.job-create-edit .form {
  padding-left: 20px;
  padding-top: 0.5em;
}
.job-create-wizard .form .form-label,
.job-create-edit .form .form-label {
  padding-left: 1.2em;
}
.job-create-wizard .form .form-value .decimal-number,
.job-create-edit .form .form-value .decimal-number {
  width: 110px;
}
.job-create-wizard .form .form-value .paperWeight,
.job-create-edit .form .form-value .paperWeight {
  min-width: calc(3ch + 8px + 44px);
}
.job-create-wizard .company-icon,
.job-create-edit .company-icon {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
  position: relative;
}
.job-create-wizard .company-icon.enabled,
.job-create-edit .company-icon.enabled {
  cursor: pointer !important;
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-create-wizard .company-icon.enabled:hover,
.job-create-edit .company-icon.enabled:hover {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-create-wizard .printCenter-icon,
.job-create-edit .printCenter-icon {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
  position: relative;
}
.job-create-wizard .printCenter-icon.enabled,
.job-create-edit .printCenter-icon.enabled {
  cursor: pointer !important;
  background-image: url('resource/pngs/iwc-e5ca19582869cf5e6158e03081457a29.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-create-wizard .printCenter-icon.enabled:hover,
.job-create-edit .printCenter-icon.enabled:hover {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-create-wizard .divider,
.job-create-edit .divider {
  display: inline-block;
  vertical-align: top;
  position: relative;
  right: 8px;
  margin-right: -16px;
}
.job-create-wizard .template-icon,
.job-create-edit .template-icon {
  background-image: url('resource/pngs/template_blue-d794f182529d9535e3a74a1e57a8fba0.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  vertical-align: top;
}
.job-create-wizard .itemList .template-item,
.job-create-edit .itemList .template-item {
  background-image: url('resource/pngs/template-770d951ef59d4453e418cb15ce7e798d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-create-wizard .itemList .template-item.item-current,
.job-create-edit .itemList .template-item.item-current {
  background-image: url('resource/pngs/template_white-a9046a41a2a934deaa5d702a3dbb5763.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.deadline-date-icon {
  float: left;
  background-image: url('resource/pngs/date-75363acb11f2c685aff6b70f47d5bf49.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.deadline-date-icon:not([disabled]):hover {
  background-image: url('resource/pngs/date_blue-bd20464f093c3f8d7e98552c592469be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.revert-link {
  float: right;
  margin-right: 0.6em;
  background-image: url('resource/pngs/revert_template-bbb3d2d2a3b84cb9b8465c0100a2a06a.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
  color: #8e8e8e;
}
.revert-link:not([disabled]):hover {
  color: #007aff;
  background-image: url('resource/pngs/revert_template_blue-1c604ecbd0fe3c2851a0eafe71c8a218.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.revert-link[disabled] {
  color: #cccccc;
  background-image: url('resource/pngs/revert_template_disabled-660275112925263bf533ccf04d6897ed.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default !important;
}
.text-after-left-icon {
  float: left;
  line-height: 44px;
}
.job-create-edit .daterangepicker .daterangepicker_input,
.job-edit-deadlines .daterangepicker .daterangepicker_input {
  background-color: transparent;
  display: inherit;
}
.job-create-edit .daterangepicker .ranges .applyBtn,
.job-edit-deadlines .daterangepicker .ranges .applyBtn {
  display: initial !important;
}
.deadlines {
  display: flex;
  flex-wrap: wrap;
}
.deadlines .form-entry {
  display: block;
}
.deadlines .form-label {
  display: none;
}
.deadlines .form-value.indentCheckBox {
  padding: 1px 0 1px 44px;
}
.deadlines .form-value.indentCheckBox .checkBox {
  vertical-align: top;
  margin-bottom: 8px;
}
.deadlines .form-value.indentCheckBox input {
  height: 42px;
  width: 3em;
  margin: 0 0 0 2em;
}
.deadlines .quickDateSelector {
  margin-left: 4px;
}
.deadlines .power-select {
  display: inline-flex;
  width: auto;
}
.centered-popup.job-edit-deadlines .popup-container {
  width: 600px;
}
.centered-popup.job-edit-deadlines .popup-container .popup-content .form {
  margin-bottom: 90px;
}
.centered-popup.job-edit-deadlines .popup-container .popup-content .dialog-form {
  margin-bottom: 90px;
}
.centered-popup.job-edit-deadlines .popup-container .popup-content .form {
  padding-left: 20px;
  padding-right: 40px;
  padding-top: 2em;
}
.centered-popup.job-edit-deadlines .popup-container .popup-content .form .form-label {
  padding-left: 0;
}
.job-edit {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 100002;
}
.small-icon {
  position: relative;
  margin: 5px;
  height: 22px;
  width: 22px;
}
.job-list-tile-container {
  width: 100%;
  height: 50px;
}
.job-list-tile {
  position: relative;
  background-color: #efeff4;
  z-index: 0;
  font-size: 14px;
}
.job-list-tile.selected {
  background-color: #b9bdd1;
}
.job-list-tile .fileUpload {
  height: 0;
}
.job-list-tile .uploadDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3d3d3d;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 3;
}
.job-list-tile .uploadDropZone .uploadDropZoneOverlay {
  visibility: hidden;
  z-index: 0;
}
.job-list-tile .uploadDropZone.active .uploadDropZoneOverlay {
  visibility: visible;
  z-index: 1;
}
.job-list-tile .uploadDropZone .uploadMessage {
  z-index: 0;
}
.job-list-tile .uploadDropZone.active .uploadMessage {
  z-index: 1;
}
.job-list-tile .jobtile-info {
  cursor: pointer !important;
  background-image: url('resource/pngs/info_tile_white-f4f352568f50b3bd5d5eeddd388767db.png');
  background-position: center center;
  height: 44px;
  width: 44px;
  background-image: url('resource/pngs/info-8be7164e3a702ab001d450bed0ab2b8f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-tile .jobtile-info.selected {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-tile .jobtile-info:hover {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-tile .job-list-tile-printsphere {
  position: relative;
  margin: 5px;
  height: 22px;
  width: 22px;
  background-image: url('resource/pngs/printsphere-input-c32f3a247a96c846f0968c5b3558e5ea.png');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: auto;
  cursor: default;
  visibility: hidden;
}
.job-list-tile .job-list-tile-printsphere.visible {
  visibility: visible;
}
.job-list-tile .w-job-flows {
  display: flex;
  align-items: center;
  overflow-y: hidden;
  height: 100%;
  flex-shrink: 0;
}
.job-list-counters {
  display: flex;
  height: 100%;
  flex-shrink: 0;
  align-items: center;
  font-family: 'roboto_condensedregular';
  padding: 0 3px 0 3px;
}
.job-list-counters.compact-4 {
  width: 98px;
}
.job-list-counters.compact-3 {
  width: 73px;
}
.job-list-counters.compact-2 {
  width: 48px;
}
.job-list-counters.compact-1 {
  width: 23px;
}
.job-list-counters.normal-5-1 {
  width: 338px;
}
.job-list-counters.normal-4-3 {
  width: 325px;
}
.job-list-counters.normal-4-2 {
  width: 300px;
}
.job-list-counters.normal-4-1 {
  width: 275px;
}
.job-list-counters.normal-3-2 {
  width: 237px;
}
.job-list-counters.normal-3-0 {
  width: 187px;
}
.job-list-counters.normal-2-2 {
  width: 174px;
}
.job-list-counters.normal-2-1 {
  width: 149px;
}
.job-list-counters.normal-2-0 {
  width: 124px;
}
.job-list-counters.normal-1-1 {
  width: 86px;
}
.job-list-counters.normal-1-0 {
  width: 61px;
}
.job-list-counters span {
  margin-right: 3px;
}
.job-list-counters span:last-child {
  margin-right: 0;
}
.jobgrid-canvas .job-list-tile .uploadDropZone {
  min-width: 138px;
}
.jobgrid-canvas .job-list-tile .hor-filler {
  flex: 0 1 auto;
  max-width: 15px;
}
.jobgrid-canvas .job-list-tile .document-thumbnail-wrapper {
  width: 46px;
  height: 46px;
  min-width: 46px;
  margin: 2px;
}
.jobgrid-canvas .job-list-tile .document-thumbnail-wrapper .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.jobgrid-canvas .job-list-tile .document-thumbnail-wrapper .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.jobgrid-canvas .job-list-tile .document-thumbnail-wrapper .thumbnail {
  position: relative;
}
.job-list-counter,
.job-list-counter-overdue,
.job-list-counter-error,
.job-list-counter-rejected,
.job-list-counter-empty,
.job-list-counter-ready-to-inspect,
.job-list-counter-approved,
.job-list-counter-all-approved,
.job-list-counter-finished,
.job-list-counter-archived,
.press-score,
.job-list-counter-rejected-by-me,
.job-list-counter-ready-to-inspect-by-me,
.job-list-counter-approved-by-me {
  display: inline-block;
  float: left;
  width: 60px;
  height: 22px;
  line-height: 22px;
  padding-right: 4px;
  box-sizing: border-box;
  background-color: #d2d2d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: right;
  cursor: pointer;
  vertical-align: middle;
}
.dark-background .job-list-counter,
.dark-background .job-list-counter-overdue,
.dark-background .job-list-counter-error,
.dark-background .job-list-counter-rejected,
.dark-background .job-list-counter-empty,
.dark-background .job-list-counter-ready-to-inspect,
.dark-background .job-list-counter-approved,
.dark-background .job-list-counter-all-approved,
.dark-background .job-list-counter-finished,
.dark-background .job-list-counter-archived,
.dark-background .press-score,
.dark-background .job-list-counter-rejected-by-me,
.dark-background .job-list-counter-ready-to-inspect-by-me,
.dark-background .job-list-counter-approved-by-me {
  background-color: #8b8b8b;
}
.job-list-counter.disabled,
.job-list-counter-overdue.disabled,
.job-list-counter-error.disabled,
.job-list-counter-rejected.disabled,
.job-list-counter-empty.disabled,
.job-list-counter-ready-to-inspect.disabled,
.job-list-counter-approved.disabled,
.job-list-counter-all-approved.disabled,
.job-list-counter-finished.disabled,
.job-list-counter-archived.disabled,
.press-score.disabled,
.job-list-counter-rejected-by-me.disabled,
.job-list-counter-ready-to-inspect-by-me.disabled,
.job-list-counter-approved-by-me.disabled {
  cursor: default !important;
}
.job-list-counter.compact,
.job-list-counter-overdue.compact,
.job-list-counter-error.compact,
.job-list-counter-rejected.compact,
.job-list-counter-empty.compact,
.job-list-counter-ready-to-inspect.compact,
.job-list-counter-approved.compact,
.job-list-counter-all-approved.compact,
.job-list-counter-finished.compact,
.job-list-counter-archived.compact,
.press-score.compact,
.job-list-counter-rejected-by-me.compact,
.job-list-counter-ready-to-inspect-by-me.compact,
.job-list-counter-approved-by-me.compact {
  width: 22px;
}
.black-counter {
  font-family: 'roboto_condensedregular';
}
.white-counter {
  font-family: 'roboto_condensedlight';
  color: white;
}
.job-list-counter-overdue {
  width: 22px;
}
.job-list-counter-overdue.active {
  background-image: url('resource/pngs/JLcounter_overdue-8e9fa2fa142317adcd8888e29eac1f48.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #c800e6;
}
.job-list-counter-error.active {
  background-image: url('resource/pngs/JLcounter_PFproblems-dc7c823d96cc5bb6645cd3bdb3d6e73e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ff9100;
}
.job-list-counter-rejected.active,
.job-list-counter-rejected-by-me.active {
  background-image: url('resource/pngs/JLcounter_rejected-ba987c27213d7c121148382b17c00e63.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ff0000;
}
.job-list-counter-empty {
  font-family: 'roboto_condensedlight';
  color: white;
}
.job-list-counter-empty.active {
  background-image: url('resource/pngs/JLcounter_empty-f7f7757e723f414b6a90adfaeeeffee3.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #8e8e8e;
}
.job-list-counter-ready-to-inspect,
.job-list-counter-ready-to-inspect-by-me {
  font-family: 'roboto_condensedlight';
  color: white;
}
.job-list-counter-ready-to-inspect.active,
.job-list-counter-ready-to-inspect-by-me.active {
  background-image: url('resource/pngs/JLcounter_ready_to_inspect-22eb11c1db85007a89072e61059be092.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #0034ff;
}
.job-list-counter-ready-to-inspect-by-me.active {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-counter-approved.active,
.job-list-counter-approved-by-me.active {
  background-image: url('resource/pngs/JLcounter_approved-72cc79bb9f8386318b67d9a39b26e26a.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #00c800;
}
.job-list-counter-approved-by-me.active {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-counter-all-approved {
  width: 22px;
}
.job-list-counter-all-approved.active {
  background-image: url('resource/pngs/JLcounter_all_pages_approved-cbd69cd18afd4beda19a96e9fd499f40.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #00c800;
}
.job-list-counter-finished {
  width: 22px;
}
.job-list-counter-finished.active {
  background-image: url('resource/pngs/status_job_finished-1d175627a335e3aced7307560bd37efb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-list-counter-archived {
  width: 22px;
}
.job-list-counter-archived.active {
  background-image: url('resource/pngs/status_job_archived-8e7e10839f0c11bedeb2e00eb11c2ef0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.list-tile-wrapper,
.job-list-tile,
.documents .folder-wrapper,
.documents .document-wrapper,
.documents .document-page-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #b2b2b2;
  box-sizing: border-box;
}
.list-tile-wrapper.context,
.job-list-tile.context,
.documents .folder-wrapper.context,
.documents .document-wrapper.context,
.documents .document-page-wrapper.context {
  border: 2px solid #7a7a7a;
}
.list-tile-wrapper .border-left-if-first,
.job-list-tile .border-left-if-first,
.documents .folder-wrapper .border-left-if-first,
.documents .document-wrapper .border-left-if-first,
.documents .document-page-wrapper .border-left-if-first {
  border-left: 1px solid #b2b2b2;
}
.list-tile-wrapper .border-left-if-first ~ .border-left-if-first,
.job-list-tile .border-left-if-first ~ .border-left-if-first,
.documents .folder-wrapper .border-left-if-first ~ .border-left-if-first,
.documents .document-wrapper .border-left-if-first ~ .border-left-if-first,
.documents .document-page-wrapper .border-left-if-first ~ .border-left-if-first {
  border-left: none;
}
.list-tile-wrapper .border-left,
.job-list-tile .border-left,
.documents .folder-wrapper .border-left,
.documents .document-wrapper .border-left,
.documents .document-page-wrapper .border-left {
  border-left: 1px solid #b2b2b2;
}
.list-tile-wrapper .buttonWrapper,
.job-list-tile .buttonWrapper,
.documents .folder-wrapper .buttonWrapper,
.documents .document-wrapper .buttonWrapper,
.documents .document-page-wrapper .buttonWrapper {
  position: relative;
  width: 44px;
  min-width: 44px;
}
.list-tile-wrapper .buttonWrapper.small,
.job-list-tile .buttonWrapper.small,
.documents .folder-wrapper .buttonWrapper.small,
.documents .document-wrapper .buttonWrapper.small,
.documents .document-page-wrapper .buttonWrapper.small {
  width: 32px;
}
.list-tile-wrapper .buttonWrapper .collapsableButton,
.job-list-tile .buttonWrapper .collapsableButton,
.documents .folder-wrapper .buttonWrapper .collapsableButton,
.documents .document-wrapper .buttonWrapper .collapsableButton,
.documents .document-page-wrapper .buttonWrapper .collapsableButton {
  display: block;
}
.list-tile-wrapper .buttonWrapper .collapsableButton.open,
.job-list-tile .buttonWrapper .collapsableButton.open,
.documents .folder-wrapper .buttonWrapper .collapsableButton.open,
.documents .document-wrapper .buttonWrapper .collapsableButton.open,
.documents .document-page-wrapper .buttonWrapper .collapsableButton.open {
  background-image: url('resource/pngs/collapse_triangle_down-85d816451278cbde051f5fc62280e258.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.list-tile-wrapper .buttonWrapper .collapsableButton.open:hover,
.job-list-tile .buttonWrapper .collapsableButton.open:hover,
.documents .folder-wrapper .buttonWrapper .collapsableButton.open:hover,
.documents .document-wrapper .buttonWrapper .collapsableButton.open:hover,
.documents .document-page-wrapper .buttonWrapper .collapsableButton.open:hover {
  background-image: url('resource/pngs/collapse_triangle_down_rollover-42b3ef0398c756538927c63b96b391be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.list-tile-wrapper .buttonWrapper .collapsableButton.closed,
.job-list-tile .buttonWrapper .collapsableButton.closed,
.documents .folder-wrapper .buttonWrapper .collapsableButton.closed,
.documents .document-wrapper .buttonWrapper .collapsableButton.closed,
.documents .document-page-wrapper .buttonWrapper .collapsableButton.closed {
  background-image: url('resource/pngs/collapse_triangle_right-e5433cc78ba7ab7c4d81e496a339db6d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.list-tile-wrapper .buttonWrapper .collapsableButton.closed:hover,
.job-list-tile .buttonWrapper .collapsableButton.closed:hover,
.documents .folder-wrapper .buttonWrapper .collapsableButton.closed:hover,
.documents .document-wrapper .buttonWrapper .collapsableButton.closed:hover,
.documents .document-page-wrapper .buttonWrapper .collapsableButton.closed:hover {
  background-image: url('resource/pngs/collapse_triangle_right_rollover-2e9bff4f46657cc2aaa6a504055feafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.list-tile-wrapper .document-thumbnail-wrapper,
.job-list-tile .document-thumbnail-wrapper,
.documents .folder-wrapper .document-thumbnail-wrapper,
.documents .document-wrapper .document-thumbnail-wrapper,
.documents .document-page-wrapper .document-thumbnail-wrapper {
  width: 52px;
  height: 52px;
  min-width: 52px;
  margin: 6px;
}
.list-tile-wrapper .document-thumbnail-wrapper .empty,
.job-list-tile .document-thumbnail-wrapper .empty,
.documents .folder-wrapper .document-thumbnail-wrapper .empty,
.documents .document-wrapper .document-thumbnail-wrapper .empty,
.documents .document-page-wrapper .document-thumbnail-wrapper .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.list-tile-wrapper .document-thumbnail-wrapper .empty .overlayline,
.job-list-tile .document-thumbnail-wrapper .empty .overlayline,
.documents .folder-wrapper .document-thumbnail-wrapper .empty .overlayline,
.documents .document-wrapper .document-thumbnail-wrapper .empty .overlayline,
.documents .document-page-wrapper .document-thumbnail-wrapper .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.list-tile-wrapper .text-wrapper,
.job-list-tile .text-wrapper,
.documents .folder-wrapper .text-wrapper,
.documents .document-wrapper .text-wrapper,
.documents .document-page-wrapper .text-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.list-tile-wrapper .text-wrapper .label-wrapper,
.job-list-tile .text-wrapper .label-wrapper,
.documents .folder-wrapper .text-wrapper .label-wrapper,
.documents .document-wrapper .text-wrapper .label-wrapper,
.documents .document-page-wrapper .text-wrapper .label-wrapper {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.list-tile-wrapper .text-wrapper .label-wrapper .left,
.job-list-tile .text-wrapper .label-wrapper .left,
.documents .folder-wrapper .text-wrapper .label-wrapper .left,
.documents .document-wrapper .text-wrapper .label-wrapper .left,
.documents .document-page-wrapper .text-wrapper .label-wrapper .left {
  flex: 1 10 auto;
  min-width: 0;
}
.list-tile-wrapper .text-wrapper .label-wrapper .right,
.job-list-tile .text-wrapper .label-wrapper .right,
.documents .folder-wrapper .text-wrapper .label-wrapper .right,
.documents .document-wrapper .text-wrapper .label-wrapper .right,
.documents .document-page-wrapper .text-wrapper .label-wrapper .right {
  flex: 0 1 auto;
  text-align: right;
  min-width: 0;
}
.list-tile-wrapper .text-wrapper .text-label,
.job-list-tile .text-wrapper .text-label,
.documents .folder-wrapper .text-wrapper .text-label,
.documents .document-wrapper .text-wrapper .text-label,
.documents .document-page-wrapper .text-wrapper .text-label {
  margin-right: 0.5em;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.text-label {
  font-size: inherit;
}
.text-label.inline {
  display: inline-block;
}
.text-label.right {
  float: right;
}
.text-label.bold {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
}
.text-label.red {
  color: #f82700;
}
.text-label.blue {
  color: #007aff;
}
.text-label.green {
  color: #05c31b;
}
.tile-info-icon {
  cursor: pointer !important;
  background-image: url('resource/pngs/info_tile_white-f4f352568f50b3bd5d5eeddd388767db.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 44px;
  width: 44px;
}
.tile-info-icon.selected {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.tile-info-icon:hover {
  background-image: url('resource/pngs/info_tile_blue-7560e39c5abdbe82aa32709316434bfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.jobsFilterPanel {
  width: auto;
  min-width: 150px;
  max-width: 300px;
  height: 100%;
  font-size: 19px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.jobsFilterPanel .jobsFilterContent {
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.jobsFilterPanel .jobsFilterFooter {
  height: 35px;
  line-height: 35px;
  background-color: transparent;
  border-top: 1px solid #b2b2b2;
  width: 100%;
  box-sizing: border-box;
  background-color: #efeff4;
}
.jobsFilterPanel .jobsFilterList {
  background-color: #efeff4;
  color: #676767;
}
.jobsFilterPanel .jobsFilterList li {
  display: flex;
  align-items: center;
  height: 49px;
  line-height: 49px;
  padding: 0px;
  margin: 0px;
  cursor: pointer !important;
}
.jobsFilterPanel .jobsFilterList li:hover {
  background-color: rgba(255, 250, 195, 0.33);
}
.jobsFilterPanel .jobsFilterList li.selected {
  background-color: #fffac3;
}
.jobsFilterPanel .jobsFilterList li .filterIcon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobsFilterPanel .jobsFilterList li .filterIcon img {
  width: 35px;
  height: 35px;
}
.jobsFilterPanel .jobsFilterList li .filterIcon.large img {
  width: 44px;
  height: 44px;
}
.jobsFilterPanel .jobsFilterList li .filterLabel {
  width: auto;
  padding-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  box-sizing: border-box;
}
.jobsFilterPanel .jobsFilterList li .filterCounter {
  margin-right: 8px;
  min-width: 40px;
  text-align: right;
  margin-left: auto;
  font-family: 'roboto_condensedregular';
}
.jobsFilterPanel .jobsFilterList li .filterCounter.blue {
  color: #007cff;
}
.jobsFilterPanel .jobsFilterListSeparator {
  border-bottom: 2px solid black;
  position: relative;
}
.in-line,
.breadCrumbFixedText,
.breadCrumbSuffix {
  float: left;
}
.breadCrumbFixedText.inactive {
  font-family: 'roboto_condensedlight_italic';
  color: #8e8e8e;
}
.breadCrumbFixedText .loading {
  position: relative;
  width: 44px;
  height: 44px;
}
.breadCrumbFixedText .loading .spinner {
  width: 16px;
  height: 16px;
}
.breadCrumbText {
  display: block;
}
.no-shrink.breadCrumbText {
  flex: 0 0 auto;
}
.breadCrumbText.inactive {
  font-family: 'roboto_condensedlight_italic';
  color: #8e8e8e;
}
.breadCrumbSuffix {
  padding-left: 3px;
}
@media screen and (max-width : 959px) {
  .breadCrumbSuffix {
    display: none;
  }
}
.breadCrumbSuffixShort {
  padding-left: 3px;
}
@media not screen and (max-width : 959px) {
  .breadCrumbSuffixShort {
    display: none;
  }
}
.breadCrumbFilter {
  color: #007aff;
}
.breadCrumbFilter:hover .breadCrumbFilterClear {
  color: #000000;
}
.breadCrumbs {
  overflow: hidden;
  display: inline-flex;
  vertical-align: top;
  list-style: none;
  height: 44px;
  margin: 0;
  padding: 0;
}
.breadCrumbs .current-jobFlipBook:first-child,
.breadCrumbs .current-jobLoading:first-child,
.breadCrumbs .current-jobDocuments:first-child {
  margin-left: 15px;
}
.breadCrumbs .breadCrumbThumbnail {
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.breadCrumbs li {
  flex: 0 1 auto;
  display: flex;
  min-width: 0;
  line-height: 44px;
  height: 44px;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}
.breadCrumbs li a {
  display: block;
  flex: 0 1 auto;
}
.breadCrumbs li a:hover {
  color: #888888;
  text-decoration: none;
}
.breadCrumbs li button,
.breadCrumbs li .icon-button,
.breadCrumbs li .small-icon-button,
.breadCrumbs li .main-list-footer .add-button,
.breadCrumbs li .main-list-footer .add-user-button,
.breadCrumbs li .main-list-footer .add-company-button,
.breadCrumbs li .main-list-footer .add-printcenter-button,
.breadCrumbs li .main-wrapper .main-details-right .details .details-footer .delete-button,
.breadCrumbs li .main-wrapper .main-details-right .company-details .details-footer .delete-button,
.breadCrumbs li .main-wrapper .main-details-right .user-details .details-footer .delete-button,
.breadCrumbs li .main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.breadCrumbs li .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.breadCrumbs li .main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.breadCrumbs li .main-details-footer .delete-button,
.breadCrumbs li .jobsContent .add-job-button,
.breadCrumbs li .list-tile-wrapper .buttonWrapper .collapsableButton,
.breadCrumbs li .dashboard-footer .delete-button,
.breadCrumbs li .date-picker-wrapper .icon-date-picker,
.breadCrumbs li .job-list-tile .buttonWrapper .collapsableButton,
.breadCrumbs li .documents .folder-wrapper .buttonWrapper .collapsableButton,
.breadCrumbs li .documents .document-wrapper .buttonWrapper .collapsableButton,
.breadCrumbs li .documents .document-page-wrapper .buttonWrapper .collapsableButton {
  overflow: hidden;
}
.current-jobFlipBook .breadCrumbThumbnail,
.current-jobLoading .breadCrumbThumbnail,
.current-jobDocuments .breadCrumbThumbnail {
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px -4px 0px -4px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
  margin: 0;
  position: relative;
}
.current-jobFlipBook .breadCrumbThumbnail .breadCrumbThumbnailImage,
.current-jobLoading .breadCrumbThumbnail .breadCrumbThumbnailImage,
.current-jobDocuments .breadCrumbThumbnail .breadCrumbThumbnailImage {
  top: 0;
  bottom: 0;
  max-height: 100%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 100%;
  left: 2px;
  overflow: hidden;
  max-height: 38px;
  max-width: 38px;
  border: 1px solid darkgrey;
  box-sizing: border-box;
}
.current-jobFlipBook .breadCrumbThumbnail .breadCrumbThumbnailImage .loading .spinner,
.current-jobLoading .breadCrumbThumbnail .breadCrumbThumbnailImage .loading .spinner,
.current-jobDocuments .breadCrumbThumbnail .breadCrumbThumbnailImage .loading .spinner {
  width: 6px;
  height: 6px;
}
.current-jobFlipBook .toJobFlipBook,
.current-jobLoading .toJobFlipBook,
.current-jobDocuments .toJobFlipBook {
  background-image: url('resource/pngs/flipbook-ab06498a55f9edbafd644bd7c5c4df5d.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px 0 0px 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.current-jobFlipBook .toJobFlipBookDisabled,
.current-jobLoading .toJobFlipBookDisabled,
.current-jobDocuments .toJobFlipBookDisabled {
  background-image: url('resource/pngs/flipbook_blue-c10868ed399534d5b286be519f14a9fa.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px 0 0px 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.current-jobFlipBook .toJobDocuments,
.current-jobLoading .toJobDocuments,
.current-jobDocuments .toJobDocuments {
  background-image: url('resource/pngs/files-e2509df3f37ea584587311beb16cff85.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px 0 0px 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.current-jobFlipBook .toJobDocumentsDisabled,
.current-jobLoading .toJobDocumentsDisabled,
.current-jobDocuments .toJobDocumentsDisabled {
  background-image: url('resource/pngs/files_blue-06f835cd85c90203e1050a8dd505365a.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0px 0 0px 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
.current-preference div {
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-job {
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-job-create {
  background-image: url('resource/pngs/wizard-f4f72535acaa7f304c8a689211cce3cc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-job-create .breadCrumbThumbnail {
  margin-right: 4px;
}
.current-jobs div {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-jobs-list div {
  background-image: url('resource/pngs/joblist_blue-2f350ad1e7f7d25df011ace8d7fba9d7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-companies div {
  background-image: url('resource/pngs/companies_blue-ed88de55c9237ac4e40f9f41eefd6e5f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-company-pc div {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-company-pb div {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-users div {
  background-image: url('resource/pngs/users_blue-ac5506b0721cea7c76b1e9320efc0514.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-print-layouts button,
.parent-print-layouts button,
.current-print-layouts .icon-button,
.parent-print-layouts .icon-button,
.current-print-layouts .small-icon-button,
.parent-print-layouts .small-icon-button,
.current-print-layouts .main-list-footer .add-button,
.parent-print-layouts .main-list-footer .add-button,
.current-print-layouts .main-list-footer .add-user-button,
.parent-print-layouts .main-list-footer .add-user-button,
.current-print-layouts .main-list-footer .add-company-button,
.parent-print-layouts .main-list-footer .add-company-button,
.current-print-layouts .main-list-footer .add-printcenter-button,
.parent-print-layouts .main-list-footer .add-printcenter-button,
.current-print-layouts .main-wrapper .main-details-right .details .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .details .details-footer .delete-button,
.current-print-layouts .main-wrapper .main-details-right .company-details .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .company-details .details-footer .delete-button,
.current-print-layouts .main-wrapper .main-details-right .user-details .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .user-details .details-footer .delete-button,
.current-print-layouts .main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .preference-details .details-footer .delete-button,
.current-print-layouts .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .job-edit-details .details-footer .delete-button,
.current-print-layouts .main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.parent-print-layouts .main-wrapper .main-details-right .custom-message .details-footer .delete-button,
.current-print-layouts .main-details-footer .delete-button,
.parent-print-layouts .main-details-footer .delete-button,
.current-print-layouts .jobsContent .add-job-button,
.parent-print-layouts .jobsContent .add-job-button,
.current-print-layouts .list-tile-wrapper .buttonWrapper .collapsableButton,
.parent-print-layouts .list-tile-wrapper .buttonWrapper .collapsableButton,
.current-print-layouts .dashboard-footer .delete-button,
.parent-print-layouts .dashboard-footer .delete-button,
.current-print-layouts .date-picker-wrapper .icon-date-picker,
.parent-print-layouts .date-picker-wrapper .icon-date-picker,
.current-print-layouts .job-list-tile .buttonWrapper .collapsableButton,
.parent-print-layouts .job-list-tile .buttonWrapper .collapsableButton,
.current-print-layouts .documents .folder-wrapper .buttonWrapper .collapsableButton,
.parent-print-layouts .documents .folder-wrapper .buttonWrapper .collapsableButton,
.current-print-layouts .documents .document-wrapper .buttonWrapper .collapsableButton,
.parent-print-layouts .documents .document-wrapper .buttonWrapper .collapsableButton,
.current-print-layouts .documents .document-page-wrapper .buttonWrapper .collapsableButton,
.parent-print-layouts .documents .document-page-wrapper .buttonWrapper .collapsableButton {
  flex: 0 0 auto;
}
.current-print-layouts div,
.parent-print-layouts div {
  background-image: url('resource/pngs/jobs-19cf12e83a90b45a3698ffb12f50fcff.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-print-layouts:hover div,
.parent-print-layouts:hover div {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.current-print-layouts .breadCrumbFixedText,
.parent-print-layouts .breadCrumbFixedText {
  display: none;
}
.current-printers .breadCrumbThumbnail {
  display: none;
}
li.parent-print-layouts {
  flex: 0 0 auto;
}
.parent-print-layout .breadCrumbThumbnail {
  display: none;
}
.parent-print-layout .breadCrumbText:hover {
  color: #007aff;
}
li.current-pd-sheets,
li.current-pd-images {
  padding-left: 0.3em;
}
.current-pd-sheets .breadCrumbThumbnail,
.current-pd-images .breadCrumbThumbnail {
  display: none;
}
.current-pd-sheets .important-text,
.current-pd-images .important-text {
  font-family: 'roboto_condensedlight';
}
.current-pd-sheets .breadCrumbText,
.current-pd-images .breadCrumbText {
  color: #007aff;
}
.parent-company-iwp div {
  background-image: url('resource/pngs/iwc-e5ca19582869cf5e6158e03081457a29.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.parent-company-iwp:hover div {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.parent-company-pb div {
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.parent-company-pb:hover div {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
li.parent-jobs {
  flex: 0 0 auto;
}
.parent-jobs div {
  margin-left: 3px;
  background-image: url('resource/pngs/jobs-19cf12e83a90b45a3698ffb12f50fcff.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.parent-jobs:hover div {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
  background-size: contain;
  background-repeat: no-repeat;
}
li.parent-jobs-list {
  flex: 0 0 auto;
}
.parent-jobs-list div {
  margin-left: 3px;
  background-image: url('resource/pngs/joblist-6e6613cd59e5348aed83a3079fd679ca.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.parent-jobs-list:hover div {
  background-image: url('resource/pngs/joblist_blue-2f350ad1e7f7d25df011ace8d7fba9d7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs {
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  height: 44px;
  line-height: 44px;
}
.crumbs .crumb-separator {
  margin: 0 4px;
  vertical-align: top;
}
.crumbs .crumbTail {
  flex: 1 1 auto;
}
.crumbs .crumb,
.crumbs .w-print-center-crumb,
.crumbs .w-company-crumb,
.crumbs .w-user-crumb,
.crumbs .w-preference-crumb,
.crumbs .w-custom-messages-crumb,
.crumbs .w-jobs-crumb,
.crumbs .w-hot-tickets-crumb,
.crumbs .w-job-info-crumb,
.crumbs .w-hot-ticket-info-crumb,
.crumbs .w-job-crumb,
.crumbs .w-print-layouts-crumb,
.crumbs .w-print-layouts-crumb2,
.crumbs .w-print-layouts-index-crumb2,
.crumbs .w-pd-images-crumb2,
.crumbs .w-pd-sheets-crumb2,
.crumbs .w-print-layout-crumb2,
.crumbs .w-printers-crumb,
.crumbs .w-job-create-edit-crumb {
  position: relative;
  display: inline-block;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.crumbs .crumb .small,
.crumbs .w-print-center-crumb .small,
.crumbs .w-company-crumb .small,
.crumbs .w-user-crumb .small,
.crumbs .w-preference-crumb .small,
.crumbs .w-custom-messages-crumb .small,
.crumbs .w-jobs-crumb .small,
.crumbs .w-hot-tickets-crumb .small,
.crumbs .w-job-info-crumb .small,
.crumbs .w-hot-ticket-info-crumb .small,
.crumbs .w-job-crumb .small,
.crumbs .w-print-layouts-crumb .small,
.crumbs .w-print-layouts-crumb2 .small,
.crumbs .w-print-layouts-index-crumb2 .small,
.crumbs .w-pd-images-crumb2 .small,
.crumbs .w-pd-sheets-crumb2 .small,
.crumbs .w-print-layout-crumb2 .small,
.crumbs .w-printers-crumb .small,
.crumbs .w-job-create-edit-crumb .small {
  height: 33px;
  min-height: 33px;
}
.crumbs .crumb.not-last,
.crumbs .w-print-center-crumb.not-last,
.crumbs .w-company-crumb.not-last,
.crumbs .w-user-crumb.not-last,
.crumbs .w-preference-crumb.not-last,
.crumbs .w-custom-messages-crumb.not-last,
.crumbs .w-jobs-crumb.not-last,
.crumbs .w-hot-tickets-crumb.not-last,
.crumbs .w-job-info-crumb.not-last,
.crumbs .w-hot-ticket-info-crumb.not-last,
.crumbs .w-job-crumb.not-last,
.crumbs .w-print-layouts-crumb.not-last,
.crumbs .w-print-layouts-crumb2.not-last,
.crumbs .w-print-layouts-index-crumb2.not-last,
.crumbs .w-pd-images-crumb2.not-last,
.crumbs .w-pd-sheets-crumb2.not-last,
.crumbs .w-print-layout-crumb2.not-last,
.crumbs .w-printers-crumb.not-last,
.crumbs .w-job-create-edit-crumb.not-last {
  cursor: pointer;
}
.crumbs .crumb.not-last:hover,
.crumbs .w-print-center-crumb.not-last:hover,
.crumbs .w-company-crumb.not-last:hover,
.crumbs .w-user-crumb.not-last:hover,
.crumbs .w-preference-crumb.not-last:hover,
.crumbs .w-custom-messages-crumb.not-last:hover,
.crumbs .w-jobs-crumb.not-last:hover,
.crumbs .w-hot-tickets-crumb.not-last:hover,
.crumbs .w-job-info-crumb.not-last:hover,
.crumbs .w-hot-ticket-info-crumb.not-last:hover,
.crumbs .w-job-crumb.not-last:hover,
.crumbs .w-print-layouts-crumb.not-last:hover,
.crumbs .w-print-layouts-crumb2.not-last:hover,
.crumbs .w-print-layouts-index-crumb2.not-last:hover,
.crumbs .w-pd-images-crumb2.not-last:hover,
.crumbs .w-pd-sheets-crumb2.not-last:hover,
.crumbs .w-print-layout-crumb2.not-last:hover,
.crumbs .w-printers-crumb.not-last:hover,
.crumbs .w-job-create-edit-crumb.not-last:hover {
  color: #007aff;
}
.crumbs .crumb.last,
.crumbs .w-print-center-crumb.last,
.crumbs .w-company-crumb.last,
.crumbs .w-user-crumb.last,
.crumbs .w-preference-crumb.last,
.crumbs .w-custom-messages-crumb.last,
.crumbs .w-jobs-crumb.last,
.crumbs .w-hot-tickets-crumb.last,
.crumbs .w-job-info-crumb.last,
.crumbs .w-hot-ticket-info-crumb.last,
.crumbs .w-job-crumb.last,
.crumbs .w-print-layouts-crumb.last,
.crumbs .w-print-layouts-crumb2.last,
.crumbs .w-print-layouts-index-crumb2.last,
.crumbs .w-pd-images-crumb2.last,
.crumbs .w-pd-sheets-crumb2.last,
.crumbs .w-print-layout-crumb2.last,
.crumbs .w-printers-crumb.last,
.crumbs .w-job-create-edit-crumb.last {
  cursor: default;
}
.crumbs .crumb .label,
.crumbs .w-print-center-crumb .label,
.crumbs .w-company-crumb .label,
.crumbs .w-user-crumb .label,
.crumbs .w-preference-crumb .label,
.crumbs .w-custom-messages-crumb .label,
.crumbs .w-jobs-crumb .label,
.crumbs .w-hot-tickets-crumb .label,
.crumbs .w-job-info-crumb .label,
.crumbs .w-hot-ticket-info-crumb .label,
.crumbs .w-job-crumb .label,
.crumbs .w-print-layouts-crumb .label,
.crumbs .w-print-layouts-crumb2 .label,
.crumbs .w-print-layouts-index-crumb2 .label,
.crumbs .w-pd-images-crumb2 .label,
.crumbs .w-pd-sheets-crumb2 .label,
.crumbs .w-print-layout-crumb2 .label,
.crumbs .w-printers-crumb .label,
.crumbs .w-job-create-edit-crumb .label {
  display: inline-block;
  vertical-align: top;
}
.crumbs .crumb .loading,
.crumbs .w-print-center-crumb .loading,
.crumbs .w-company-crumb .loading,
.crumbs .w-user-crumb .loading,
.crumbs .w-preference-crumb .loading,
.crumbs .w-custom-messages-crumb .loading,
.crumbs .w-jobs-crumb .loading,
.crumbs .w-hot-tickets-crumb .loading,
.crumbs .w-job-info-crumb .loading,
.crumbs .w-hot-ticket-info-crumb .loading,
.crumbs .w-job-crumb .loading,
.crumbs .w-print-layouts-crumb .loading,
.crumbs .w-print-layouts-crumb2 .loading,
.crumbs .w-print-layouts-index-crumb2 .loading,
.crumbs .w-pd-images-crumb2 .loading,
.crumbs .w-pd-sheets-crumb2 .loading,
.crumbs .w-print-layout-crumb2 .loading,
.crumbs .w-printers-crumb .loading,
.crumbs .w-job-create-edit-crumb .loading {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
}
.crumbs .crumb .loading .spinner,
.crumbs .w-print-center-crumb .loading .spinner,
.crumbs .w-company-crumb .loading .spinner,
.crumbs .w-user-crumb .loading .spinner,
.crumbs .w-preference-crumb .loading .spinner,
.crumbs .w-custom-messages-crumb .loading .spinner,
.crumbs .w-jobs-crumb .loading .spinner,
.crumbs .w-hot-tickets-crumb .loading .spinner,
.crumbs .w-job-info-crumb .loading .spinner,
.crumbs .w-hot-ticket-info-crumb .loading .spinner,
.crumbs .w-job-crumb .loading .spinner,
.crumbs .w-print-layouts-crumb .loading .spinner,
.crumbs .w-print-layouts-crumb2 .loading .spinner,
.crumbs .w-print-layouts-index-crumb2 .loading .spinner,
.crumbs .w-pd-images-crumb2 .loading .spinner,
.crumbs .w-pd-sheets-crumb2 .loading .spinner,
.crumbs .w-print-layout-crumb2 .loading .spinner,
.crumbs .w-printers-crumb .loading .spinner,
.crumbs .w-job-create-edit-crumb .loading .spinner {
  width: 16px;
  height: 16px;
}
.crumbs .w-print-center-crumb.ipc .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/hq-fff9a408696642c1b0cb249dcc02a3e3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-print-center-crumb.ipc.last > .icon {
  background-image: url('resource/pngs/hq_blue-ed88de55c9237ac4e40f9f41eefd6e5f.png');
}
.crumbs .w-print-center-crumb.ipc.not-last:hover .icon {
  background-image: url('resource/pngs/hq_blue-ed88de55c9237ac4e40f9f41eefd6e5f.png');
}
.crumbs .w-print-center-crumb.pc .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/iwc-e5ca19582869cf5e6158e03081457a29.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-print-center-crumb.pc.last > .icon {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
}
.crumbs .w-print-center-crumb.pc.not-last:hover .icon {
  background-image: url('resource/pngs/iwc_blue-3ebf9c3c03a5972402f46d96b51207e4.png');
}
.crumbs .w-company-crumb.staff .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/staff-e9735366516976f84dd366df3596dd56.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-company-crumb.staff.last > .icon {
  background-image: url('resource/pngs/staff_blue-245495da6d750578520f443e6913f541.png');
}
.crumbs .w-company-crumb.staff.not-last:hover .icon {
  background-image: url('resource/pngs/staff_blue-245495da6d750578520f443e6913f541.png');
}
.crumbs .w-company-crumb.pb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-company-crumb.pb.last > .icon {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
}
.crumbs .w-company-crumb.pb.not-last:hover .icon {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
}
.crumbs .w-user-crumb.ipc-admin .icon,
.crumbs .w-user-crumb.pc-admin .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/csr_admin-586fa6afb8c0621ffaa330c5737f16aa.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-user-crumb.ipc-admin.last > .icon,
.crumbs .w-user-crumb.pc-admin.last > .icon {
  background-image: url('resource/pngs/csr_admin_blue-38261131d1baf68a66322251773d22e1.png');
}
.crumbs .w-user-crumb.ipc-admin.not-last:hover .icon,
.crumbs .w-user-crumb.pc-admin.not-last:hover .icon {
  background-image: url('resource/pngs/csr_admin_blue-38261131d1baf68a66322251773d22e1.png');
}
.crumbs .w-user-crumb.ipc-csr .icon,
.crumbs .w-user-crumb.pc-csr .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/csr-d5b2ee50192f5943631a03acd69bc772.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-user-crumb.ipc-csr.last > .icon,
.crumbs .w-user-crumb.pc-csr.last > .icon {
  background-image: url('resource/pngs/csr_blue-fc9a19eb72a4d310da01104369d20216.png');
}
.crumbs .w-user-crumb.ipc-csr.not-last:hover .icon,
.crumbs .w-user-crumb.pc-csr.not-last:hover .icon {
  background-image: url('resource/pngs/csr_blue-fc9a19eb72a4d310da01104369d20216.png');
}
.crumbs .w-user-crumb.ipc-user .icon,
.crumbs .w-user-crumb.pc-user .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/user-e9174f275a60693d33b1d213e3df8516.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-user-crumb.ipc-user.last > .icon,
.crumbs .w-user-crumb.pc-user.last > .icon {
  background-image: url('resource/pngs/user_blue-77c1dde67f5079ede3686dc27406686b.png');
}
.crumbs .w-user-crumb.ipc-user.not-last:hover .icon,
.crumbs .w-user-crumb.pc-user.not-last:hover .icon {
  background-image: url('resource/pngs/user_blue-77c1dde67f5079ede3686dc27406686b.png');
}
.crumbs .w-user-crumb.pb-admin .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/pb_admin-9ebeead7bb3aa83b869b417cb7f1cafe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-user-crumb.pb-admin.last > .icon {
  background-image: url('resource/pngs/pb_admin_blue-a59c64bc8401c498a8da686c85362846.png');
}
.crumbs .w-user-crumb.pb-admin.not-last:hover .icon {
  background-image: url('resource/pngs/pb_admin_blue-a59c64bc8401c498a8da686c85362846.png');
}
.crumbs .w-user-crumb.pb-user .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/pb_user-6094a50251d0f5fe05190f93edee193c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-user-crumb.pb-user.last > .icon {
  background-image: url('resource/pngs/pb_user_blue-bf1c500584c06dca2f4ad58012fa8386.png');
}
.crumbs .w-user-crumb.pb-user.not-last:hover .icon {
  background-image: url('resource/pngs/pb_user_blue-bf1c500584c06dca2f4ad58012fa8386.png');
}
.crumbs .w-preference-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/preferences-fa5180fa5ad80f9c60739feb9198a073.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-preference-crumb.last > .icon {
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
}
.crumbs .w-preference-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
}
.crumbs .w-custom-messages-crumb {
  display: flex;
  align-items: center;
}
.crumbs .w-custom-messages-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/messaging-9395c35248ac7e537f00eb98b8c7639b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-custom-messages-crumb.last > .icon {
  background-image: url('resource/pngs/messaging_blue-03eb4d3b07bc38fcf84721d8b42cfd2b.png');
}
.crumbs .w-custom-messages-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/messaging_blue-03eb4d3b07bc38fcf84721d8b42cfd2b.png');
}
.crumbs .w-custom-messages-crumb .icon {
  flex-shrink: 0;
}
.crumbs .w-custom-message-crumb {
  display: flex;
}
.crumbs .w-jobs-crumb.job-list .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/joblist-6e6613cd59e5348aed83a3079fd679ca.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-jobs-crumb.job-list.last > .icon {
  background-image: url('resource/pngs/joblist_blue-2f350ad1e7f7d25df011ace8d7fba9d7.png');
}
.crumbs .w-jobs-crumb.job-list.not-last:hover .icon {
  background-image: url('resource/pngs/joblist_blue-2f350ad1e7f7d25df011ace8d7fba9d7.png');
}
.crumbs .w-jobs-crumb.job-tiles .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/jobs-19cf12e83a90b45a3698ffb12f50fcff.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-jobs-crumb.job-tiles.last > .icon {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
}
.crumbs .w-jobs-crumb.job-tiles.not-last:hover .icon {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
}
.crumbs .w-jobs-crumb.not-last {
  flex: 0 0 auto;
}
.crumbs .w-hot-tickets-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/HT_blue-06361ddef722c6dfadeff352cda2520e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-hot-tickets-crumb.last > .icon {
  background-image: url('resource/pngs/HT_blue-06361ddef722c6dfadeff352cda2520e.png');
}
.crumbs .w-hot-tickets-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/HT_blue-06361ddef722c6dfadeff352cda2520e.png');
}
.crumbs .w-job-info-crumb .icon,
.crumbs .w-hot-ticket-info-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/info-8be7164e3a702ab001d450bed0ab2b8f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-job-info-crumb.last > .icon,
.crumbs .w-hot-ticket-info-crumb.last > .icon {
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
}
.crumbs .w-job-info-crumb.not-last:hover .icon,
.crumbs .w-hot-ticket-info-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/info_blue-3160bc51b67e2d295f40168da85b8196.png');
}
.crumbs .w-job-info-crumb .job-type-icon,
.crumbs .w-hot-ticket-info-crumb .job-type-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 -4px;
}
.crumbs .w-job-crumb {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.crumbs .w-job-crumb .power-select {
  margin: 0 5px 0 5px;
}
.crumbs .w-job-crumb .job-type-icon {
  margin: 0 -4px;
}
.crumbs .w-job-crumb .version-sub-crumb {
  min-width: 80px;
  flex: 0 100000 auto;
  display: inline-flex;
  align-items: center;
}
.crumbs .w-print-layouts-crumb {
  display: inline-flex;
}
.crumbs .w-print-layouts-crumb .icon {
  flex: 0 0 auto;
}
.crumbs .w-print-layouts-crumb.print-layouts .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/printlayouts_grey-c56e69e194d0e74f14dc7ca2a5795d79.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-print-layouts-crumb.print-layouts.last > .icon {
  background-image: url('resource/pngs/printlayouts_blue-d85cba56f64f45f8eb85d481125021ee.png');
}
.crumbs .w-print-layouts-crumb.print-layouts.not-last:hover .icon {
  background-image: url('resource/pngs/printlayouts_blue-d85cba56f64f45f8eb85d481125021ee.png');
}
.crumbs .w-print-layouts-crumb.printed-layouts .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/printed_grey-f45aaef51308b801d6360913c86b074c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-print-layouts-crumb.printed-layouts.last > .icon {
  background-image: url('resource/pngs/printed_blue-c78576c86b909884e8b58d8a2301a8cf.png');
}
.crumbs .w-print-layouts-crumb.printed-layouts.not-last:hover .icon {
  background-image: url('resource/pngs/printed_blue-c78576c86b909884e8b58d8a2301a8cf.png');
}
.crumbs .w-print-layouts-crumb2 {
  display: inline-flex;
  min-width: 36px;
}
.crumbs .w-print-layouts-crumb2 .icon {
  flex: 0 0 auto;
}
.crumbs .w-print-layouts-crumb2 .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/jobs-19cf12e83a90b45a3698ffb12f50fcff.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-print-layouts-crumb2.last > .icon {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
}
.crumbs .w-print-layouts-crumb2.not-last:hover .icon {
  background-image: url('resource/pngs/jobs_blue-3e5302ee3e877208ead016ac29c4e053.png');
}
.crumbs .w-print-layouts-index-crumb2 {
  display: inline-flex;
  min-width: 36px;
}
.crumbs .w-print-layouts-index-crumb2 .label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.crumbs .w-print-layouts-index-crumb2.last > .label {
  color: #007aff;
}
.crumbs .w-pd-images-crumb2,
.crumbs .w-pd-sheets-crumb2,
.crumbs .w-print-layout-crumb2 {
  display: inline-flex;
}
.crumbs .w-pd-images-crumb2 .label,
.crumbs .w-pd-sheets-crumb2 .label,
.crumbs .w-print-layout-crumb2 .label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.crumbs .w-pd-images-crumb2.last > .label,
.crumbs .w-pd-sheets-crumb2.last > .label,
.crumbs .w-print-layout-crumb2.last > .label {
  color: #007aff;
}
.crumbs .w-printers-crumb {
  display: inline-flex;
  min-width: 44px;
}
.crumbs .w-printers-crumb .icon {
  flex: 0 0 auto;
}
.crumbs .w-printers-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/filter_engine-d14c55fba4e280d9924e2a77dc14b86c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-printers-crumb.last > .icon {
  background-image: url('resource/pngs/filter_engine_blue-1968323dd5fecad9c9fe7a6d5e796960.png');
}
.crumbs .w-printers-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/filter_engine_blue-1968323dd5fecad9c9fe7a6d5e796960.png');
}
.crumbs .w-job-create-wizard-crumb,
.crumbs .w-job-create-edit-crumb {
  flex: 0 0 auto;
  display: inline-flex;
}
.crumbs .w-job-create-wizard-crumb .icon,
.crumbs .w-job-create-edit-crumb .icon {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 -4px;
  background-image: url('resource/pngs/wizard-f4f72535acaa7f304c8a689211cce3cc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.crumbs .w-job-create-wizard-crumb.last > .icon,
.crumbs .w-job-create-edit-crumb.last > .icon {
  background-image: url('resource/pngs/wizard-f4f72535acaa7f304c8a689211cce3cc.png');
}
.crumbs .w-job-create-wizard-crumb.not-last:hover .icon,
.crumbs .w-job-create-edit-crumb.not-last:hover .icon {
  background-image: url('resource/pngs/wizard-f4f72535acaa7f304c8a689211cce3cc.png');
}
.light-grey-border {
  border: 1px solid #cfcfcf;
}
.centered-popup.checkList .popup-container {
  max-height: initial;
  max-width: calc(100vw - 2 * 10px);
  min-width: 150px;
}
.centered-popup.checkList .popup-container .popup-header {
  display: flex;
  padding-left: 44px;
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup.checkList .popup-container .role-title {
  padding-left: 5px;
  font-family: 'roboto_condensedregular';
}
.centered-popup.checkList .popup-container .role-text {
  padding-left: 5px;
}
.centered-popup.checkList .popup-container .popup-content {
  max-height: calc(100vh -  3 * 45px - 2 * 20px);
  overflow-y: auto;
}
.centered-popup.checkList .popup-container .popup-content .t-body {
  max-height: initial !important;
}
.centered-popup.roles .popup-container .popup-header .job-type-icon,
.centered-popup.checkList .popup-container .popup-header .job-type-icon {
  margin-left: -1em;
}
.centered-popup.roles .popup-container .popup-content,
.centered-popup.checkList .popup-container .popup-content {
  width: 620px;
  max-width: 100%;
  min-height: 161px;
}
.centered-popup.roles .popup-container .popup-footer .power-select,
.centered-popup.checkList .popup-container .popup-footer .power-select {
  margin-left: 8px;
}
.centered-popup.roles .popup-container .popup-footer.no-border,
.centered-popup.checkList .popup-container .popup-footer.no-border {
  border: none;
}
.centered-popup.roles .popup-container .popup-content-footer,
.centered-popup.checkList .popup-container .popup-content-footer {
  position: relative;
}
.centered-popup.roles .popup-container .popup-content-footer .overlay,
.centered-popup.checkList .popup-container .popup-content-footer .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.centered-popup.roles .popup-container .popup-content-footer .disable-overlay,
.centered-popup.checkList .popup-container .popup-content-footer .disable-overlay {
  background-color: grey;
  opacity: 0.3;
}
.body-overlay {
  margin-top: 44px;
  margin-bottom: 44px;
}
.roles-container .t-header,
.centered-popup.roles .popup-container .popup-content .t-header,
.centered-popup.imposition-report .popup-container .popup-content .t-header,
.centered-popup.checkList .popup-container .popup-content .t-header {
  display: table;
  box-sizing: border-box;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  max-height: 161px;
  overflow-y: auto;
  overflow-x: hidden;
}
.roles-container .t-header .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell {
  border-bottom-color: #dfdfdf !important;
  border-top-color: #cfcfcf !important;
}
.roles-container .t-body,
.centered-popup.roles .popup-container .popup-content .t-body,
.centered-popup.imposition-report .popup-container .popup-content .t-body,
.centered-popup.checkList .popup-container .popup-content .t-body {
  display: table;
}
.roles-container .t-body .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell {
  border-bottom-color: #dfdfdf !important;
  border-top-color: #dfdfdf !important;
}
.roles-container .t-body .t-row .icon-cell .checkBox,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .icon-cell .checkBox,
.roles-container .t-body .t-row .roles-container .t-header .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .roles-container .t-body .t-row .empty-icon-cell .checkBox,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .icon-cell .checkBox,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox,
.roles-container .t-body .t-row .centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox {
  border: none;
  width: auto;
  height: 44px;
  min-width: inherit;
  padding-right: 0;
  background-color: #efeff4;
}
.roles-container .t-body .t-row .icon-cell .checkBox:active,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .icon-cell .checkBox:active,
.roles-container .t-body .t-row .roles-container .t-header .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .roles-container .t-body .t-row .empty-icon-cell .checkBox:active,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .icon-cell .checkBox:active,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell .checkBox:active,
.roles-container .t-body .t-row .centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell .checkBox:active {
  border: none;
}
.roles-container .t-body:last-of-type,
.centered-popup.roles .popup-container .popup-content .t-body:last-of-type,
.centered-popup.imposition-report .popup-container .popup-content .t-body:last-of-type,
.centered-popup.checkList .popup-container .popup-content .t-body:last-of-type {
  border-bottom: 1px solid #cfcfcf;
}
.roles-scroll-container {
  width: 100%;
  max-height: calc(40vh -  2.5 * 45px);
  overflow-y: auto;
  overflow-x: hidden;
}
.t-body {
  box-sizing: border-box;
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.role-title {
  width: auto;
  padding-left: 44px;
  padding-right: 20px;
  line-height: 44px;
  height: 44px;
  font-size: 19px;
  background-color: #dfdfdf;
}
.roles-company-selection {
  margin-left: 6px;
}
.role-text.inactive {
  font-family: 'roboto_condensedlight_italic';
  color: #8e8e8e;
}
.t-row {
  display: table-row;
  width: 100%;
}
.cell,
.icon-cell,
.text-cell,
.roles-container .t-header .t-row .empty-icon-cell,
.roles-container .t-body .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell {
  overflow: hidden;
  display: table-cell;
  border: 1px solid #cfcfcf;
}
.icon-cell,
.roles-container .t-header .t-row .empty-icon-cell,
.roles-container .t-body .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell {
  border-bottom-style: none;
  min-width: 44px;
  width: 44px;
  height: 44px;
  position: relative;
}
.icon-cell .user-icon,
.roles-container .t-header .t-row .empty-icon-cell .user-icon,
.roles-container .t-body .t-row .empty-icon-cell .user-icon,
.centered-popup.roles .popup-container .popup-content .t-header .t-row .empty-icon-cell .user-icon,
.centered-popup.roles .popup-container .popup-content .t-body .t-row .empty-icon-cell .user-icon,
.centered-popup.imposition-report .popup-container .popup-content .t-header .t-row .empty-icon-cell .user-icon,
.centered-popup.imposition-report .popup-container .popup-content .t-body .t-row .empty-icon-cell .user-icon,
.centered-popup.checkList .popup-container .popup-content .t-header .t-row .empty-icon-cell .user-icon,
.centered-popup.checkList .popup-container .popup-content .t-body .t-row .empty-icon-cell .user-icon {
  display: block;
}
.text-cell {
  border-bottom-style: none;
  vertical-align: middle;
  width: 100%;
  position: relative;
}
.relative-position-container,
.icon-cell-container {
  position: relative;
  height: 100%;
}
.absolute-position-container,
.w-job-role {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.icon-cell-container {
  width: 44px;
}
.role-placeholder,
.white-role-placeholder,
.empty-title-placeholder,
.grey-role-placeholder {
  height: 44px;
  width: 44px;
}
.white-role-placeholder {
  background-color: #f8f8f8;
}
.empty-title-placeholder {
  background-color: #dfdfdf;
}
.grey-role-placeholder {
  background-color: #efeff4;
}
.dashboard-preferences-button {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('resource/pngs/preferences-fa5180fa5ad80f9c60739feb9198a073.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-preferences-button.active {
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-preferences-button:hover {
  background-image: url('resource/pngs/preferences_blue-e37a8ce10cbc75143ec620b366b7c58d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-sort-buttons {
  margin-right: 10px;
}
.sort-icon {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
}
.icon-sort-button-TIME {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_last_last-0664fb14ae0c1b1f87e39be734ae22dd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-TIME.active {
  background-image: url('resource/pngs/sort_last_last_blue-ca8a8438fa00bd642f2d734b2ffec055.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-TIME-DESC {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_last_first-a65cd8c47a1622465b5ce9715dd6c06b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-TIME-DESC.active {
  background-image: url('resource/pngs/sort_last_first_blue-e1f77589608d606b3310cca045868334.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-PRINTING_TIME {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort-printed-last-last-92a567e6d2b18389ce27f083474057c5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-PRINTING_TIME.active {
  background-image: url('resource/pngs/sort-printed-last-last-blue-116161cbfba104c7278981ec399a9c99.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-PRINTING_TIME-DESC {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort-printed-last-first-3acfcc2e2be3d43109f51e71f39eda49.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-PRINTING_TIME-DESC.active {
  background-image: url('resource/pngs/sort-printed-last-first-blue-c9a74f2678432139251b5cfc7be86d6c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-ALPHABETICAL {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_AZ-f0aed8ebb39d9bda4a4da9ef6e72acb0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-ALPHABETICAL.active {
  background-image: url('resource/pngs/sort_AZ_blue-9d357ab5823d771bbd1c36ad704f1714.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-ALPHABETICAL-DESC {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_ZA-2a53b002f515fd1eadd6ce29c134322f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-ALPHABETICAL-DESC.active {
  background-image: url('resource/pngs/sort_ZA_blue-10a9d417253d5a92f0eca74a9a95f32c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-SEVERITY {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_severest_first-b23b428fc0a9c7ef85ad62f8b41045c5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-SEVERITY.active {
  background-image: url('resource/pngs/sort_severest_first_blue-e86fdd8594df88cb7ffa3f41ad13b299.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-SEVERITY-DESC {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_severest_last-68c486b25730e8e06ea05795760ba32e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-SEVERITY-DESC.active {
  background-image: url('resource/pngs/sort_severest_last_blue-1beb6791a3a36cd5fe5e7c9ad4ee3ba3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-RESULTS_SEVERITY {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_severest_result_first-f36bf0bf6ef7710dfdde380d9435ae19.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-RESULTS_SEVERITY.active {
  background-image: url('resource/pngs/sort_severest_result_first_blue-2e0ba6b1a4322bf3564b98845078943b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-RESULTS_SEVERITY-DESC {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer !important;
  background-image: url('resource/pngs/sort_severest_result_last-48b532cee1bc7e90ce59cee61379d8ba.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-sort-button-RESULTS_SEVERITY-DESC.active {
  background-image: url('resource/pngs/sort_severest_result_last_blue-c44b69e6607e7326720885732e840e10.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.date-range .form {
  position: relative;
}
.icon-dashboard-filter,
.icon-dashboard-filter-date,
.icon-dashboard-export,
.popup-export-icon,
.icon-dashboard-filter-group {
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
}
.icon-dashboard-filter-date {
  background-image: url('resource/pngs/date_blue-bd20464f093c3f8d7e98552c592469be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-export {
  float: right;
  background-image: url('resource/pngs/export-8d806f4866775e8476ccabaff2d06559.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-export:hover {
  background-image: url('resource/pngs/export_blue-72c4a85db06b7a332d287998ad72fddf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.popup-export-icon {
  background-image: url('resource/pngs/export_blue-72c4a85db06b7a332d287998ad72fddf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-job {
  background-image: url('resource/pngs/filter_job-447d7af26c7277b756c0108932c9575a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-job.icon-blue {
  background-image: url('resource/pngs/filter_job_blue-7672628aa057a9dafe4d7cdbea77a487.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-job.item-current {
  background-image: url('resource/pngs/filter_job_white-31c30bfde05a28676c1aef5cd44952e2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-order {
  background-image: url('resource/pngs/filter_order-be7b7fcd885d2468246af44ce0f206c1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-order.icon-blue {
  background-image: url('resource/pngs/filter_order_blue-99e404860a9638ab764d44081bcc3a70.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-order.item-current {
  background-image: url('resource/pngs/filter_order_white-37412385d0f4c90622accfabd1f835b9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-company {
  background-image: url('resource/pngs/company-70b834a21da64f8e6aecf2dacd264598.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-company.icon-blue {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-company.item-current {
  background-image: url('resource/pngs/company_white-f7980faa70244a3f572a3417f5e3420a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-media {
  background-image: url('resource/pngs/filter_media-dc682cf1f9384ca9ce064ddf731b2c59.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-media.icon-blue {
  background-image: url('resource/pngs/filter_media_blue-d4c0dfc58a52ebb25bb95ad9c4219fb0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-media.item-current {
  background-image: url('resource/pngs/filter_media_white-4062cf6c8a3c12326aa13490ff06499d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-engine {
  background-image: url('resource/pngs/filter_engine-d14c55fba4e280d9924e2a77dc14b86c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-engine.icon-blue {
  background-image: url('resource/pngs/filter_engine_blue-1968323dd5fecad9c9fe7a6d5e796960.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-dashboard-filter-group.group-engine.item-current {
  background-image: url('resource/pngs/filter_engine_white-36d37a8d38721a07ae042e40d08ce71d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 45px;
  overflow: auto;
  background-color: #efeff4;
  overflow: inherit;
}
.dashboard-content.half {
  bottom: 361px;
  -webkit-transition: bottom 0.4s ease-in-out;
  -moz-transition: bottom 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
}
.dashboard-footer,
.print-layout-info {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 44px;
  line-height: 44px;
  background-color: #f8f8f8;
  color: #8e8e8e;
  width: 100%;
  border-top: 1px solid #b2b2b2;
}
.dashboard-footer .delete-button {
  background-image: url('resource/pngs/delete_blue-5c20bf83d71d14c3e5f7012b29d8594d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.dashboard-footer .delete-button[disabled] {
  background-image: url('resource/pngs/delete-950933e364a09472becc5d6615622c1e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-filter-panel {
  position: relative;
  float: left;
  height: 100%;
  width: 300px;
  border-right: 2px solid #8e8e93;
  font-size: 0;
  display: flex;
  flex-direction: column;
}
.dashboard-filter-panel .dashboard-date-filter-panel {
  flex: none;
}
.dashboard-filter-panel .dashboard-group-filter {
  flex: 1 1 0;
}
.dashboard-grid-panel {
  overflow: hidden;
  height: 100%;
}
.date-filter-header {
  height: 44px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
}
.dashboard-date-filter-panel {
  width: 100%;
  background: #dfdfdf;
}
.dashboard-date-filter-panel .date-label {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  color: #8e8e8e;
  margin-top: 1ex;
  margin-bottom: 1ex;
}
.dashboard-date-filter-panel input {
  width: 105px;
  margin-right: 2em;
  border: 1px solid #8e8e8e;
}
.grey-search-background {
  border-top: 2px solid #cfcfcf;
  border-bottom: 2px solid #cfcfcf;
  background: #dfdfdf;
}
.date-picker-wrapper {
  position: relative;
  height: 44px;
  width: 100%;
  border-top: 2px solid #cfcfcf;
  border-bottom: 2px solid #cfcfcf;
  background: #dfdfdf;
  display: flex;
}
.date-picker-wrapper .power-select {
  top: -5px;
}
.date-picker-wrapper .form {
  margin-top: 3px;
  padding-left: 0;
  position: relative;
}
.date-picker-wrapper .form .form-label {
  padding-left: 1em;
}
.date-picker-wrapper .icon-date-picker {
  flex: 0 0 auto;
  background-image: url('resource/pngs/date-75363acb11f2c685aff6b70f47d5bf49.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.date-picker-wrapper .icon-date-picker:hover {
  background-image: url('resource/pngs/date_blue-bd20464f093c3f8d7e98552c592469be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-group-filter {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.dashboard-group-filter .dashboard-group-select-panel {
  display: flex;
  align-items: center;
  height: 44px;
}
.dashboard-group-filter .dashboard-search-panel {
  flex: none;
  height: 44px;
  border-top: 2px solid #cfcfcf;
  border-bottom: 2px solid #cfcfcf;
  background: #dfdfdf;
  padding-left: 44px;
  font-size: 19px;
}
.dashboard-group-filter .dashboard-search-panel .listSearch {
  display: block;
  position: relative;
  width: 98%;
}
.dashboard-filter-item-list {
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
  background-color: #efeff4;
}
.dashboard-group-filter-list {
  position: absolute;
  top: 23px;
  bottom: 44px;
  width: 100%;
  overflow: auto;
  background-color: #efeff4;
  font-size: 0;
  position: relative;
  padding: 0;
  top: 0;
  bottom: 0;
}
.dashboard-group-filter-list li {
  line-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  padding-left: 44px;
  width: 100%;
  box-sizing: border-box;
  font-size: 19px;
}
.dashboard-group-filter-list .item-selectable {
  background-color: transparent;
}
.dashboard-group-filter-list .item-selectable.item-current {
  color: #ffffff;
  background-color: #007aff;
}
.dashboard-content-filter-panel {
  flex: auto;
  width: 100%;
  min-height: 0;
}
.dashboardSelect,
.dashboardSelectGroup {
  width: 248px;
}
.dashboardSelect.ember-power-select-trigger.small,
.dashboardSelectGroup.ember-power-select-trigger.small {
  line-height: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0 4px 0 4px;
}
.dashboardSelect-dropdown {
  min-width: 248px;
}
.dashboardSelect,
.dashboardSelectGroup {
  width: 248px;
}
.dashboardSelect.ember-power-select-trigger.small,
.dashboardSelectGroup.ember-power-select-trigger.small {
  line-height: 34px;
  height: 36px;
  min-height: 36px;
  margin: 0 4px 0 4px;
}
.dashboardSelect-dropdown {
  min-width: 248px;
}
.dashboardSelectGroup-dropdown .ember-power-select-option {
  padding: 0 32px 0 8px;
  display: flex;
}
.dashboardSelectGroup-dropdown .ember-power-select-option .group-job {
  background-image: url('resource/pngs/filter_job_blue-7672628aa057a9dafe4d7cdbea77a487.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option .group-order {
  background-image: url('resource/pngs/filter_order_blue-99e404860a9638ab764d44081bcc3a70.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option .group-company {
  background-image: url('resource/pngs/company_blue-3475fa519ba2512018b229586c319f81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option .group-media {
  background-image: url('resource/pngs/filter_media_blue-d4c0dfc58a52ebb25bb95ad9c4219fb0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option .group-engine {
  background-image: url('resource/pngs/filter_engine_blue-1968323dd5fecad9c9fe7a6d5e796960.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] {
  background-color: #007aff;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] .group-job {
  background-image: url('resource/pngs/filter_job_white-31c30bfde05a28676c1aef5cd44952e2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] .group-order {
  background-image: url('resource/pngs/filter_order_white-37412385d0f4c90622accfabd1f835b9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] .group-company {
  background-image: url('resource/pngs/company_white-f7980faa70244a3f572a3417f5e3420a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] .group-media {
  background-image: url('resource/pngs/filter_media_white-4062cf6c8a3c12326aa13490ff06499d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .ember-power-select-option[aria-current="true"] .group-engine {
  background-image: url('resource/pngs/filter_engine_white-36d37a8d38721a07ae042e40d08ce71d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboardSelectGroup-dropdown .type-icon {
  width: 44px;
  height: 44px;
}
.exact-icon {
  width: 19px;
  height: 16px;
  background-image: url('resource/pngs/exact_blue-61f9eaa9835a9bbc12319171bb415962.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.more-detail-icon {
  width: 30px;
  height: 30px;
  background-image: url('resource/pngs/ql_select-b2393106b841300dbc47ba7c922830d8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.more-detail-icon:hover {
  background-image: url('resource/pngs/ql_select_blue-d1b52617a75b4a842e94322b022c1abf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 19px;
  height: 16px;
  z-index: 2;
  cursor: default !important;
}
.print-layout-tile-icon.print-layout-icon {
  background-image: url('resource/pngs/DQS_no-5f248a7ba7ffeb48ffbcfc494e61f774.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-icon.print-layout-sheet-icon {
  background-image: url('resource/pngs/DQS_sheet-50a60a1899ce2607ba51d9d775149289.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-icon.print-layout-image-icon {
  background-image: url('resource/pngs/DQS_image-b958af09fe45e46c3ccd24d98b263326.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-list-item {
  height: 130px;
}
.print-layout-tile {
  overflow: hidden;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  border-right: 1px solid #8e8e8e;
  border-bottom: 1px solid #8e8e8e;
  box-sizing: border-box;
}
.print-layout-tile.selected {
  background-color: #cdd8ea;
}
.print-layout-tile .printer-value-icon {
  width: 19px;
  height: 16px;
  background-image: url('resource/pngs/exact_blue-61f9eaa9835a9bbc12319171bb415962.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  right: 4px;
}
.print-layout-tile .circled-number {
  position: absolute;
  z-index: 2;
  right: 4px;
  top: 4px;
  min-width: 16px;
  text-align: center;
  color: white;
  background-color: #007aff;
  line-height: 16px;
  border-radius: 0.8em;
  font-size: 14px;
}
.print-layout-thumbnail-wrapper {
  max-width: 130px;
  max-height: 130px;
  height: 130px;
  position: relative;
}
.print-layout-thumbnail-wrapper .print-layout-img-thumbnail {
  box-sizing: border-box;
  position: relative;
  visibility: hidden;
}
.print-layout-thumbnail-wrapper .loading-error {
  width: inherit;
  height: inherit;
  background-image: url('resource/pngs/image-placeholder-962c765dbeb4828fc71fd1220c618f0c.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center center;
  background-color: transparent;
}
.print-layout-arrow-icon {
  width: 36px;
  height: 36px;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.print-layout-tile-thumbnail {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 0px;
  width: 130px;
  min-width: 130px;
  height: 130px;
  background: rgba(215, 215, 219, 0.5);
}
.print-layout-tile-thumbnail .click-through-icon {
  width: 36px;
  height: 36px;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  background-image: url('resource/pngs/DQS_clickthrough-560a983f07ba6a7d03439d85990cacc4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-thumbnail:hover .click-through-icon {
  background-image: url('resource/pngs/DQS_clickthrough_rollover-f2c9897fbe0d4acc98e3477998342363.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-thumbnail .click-back-icon {
  width: 36px;
  height: 36px;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  background-image: url('resource/pngs/DQS_clickback-48a2c4e66674d48344cd664683ea25f8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-thumbnail:hover .click-back-icon {
  background-image: url('resource/pngs/DQS_clickback_rollover-e70f1b774077e878bb2c226d3c02ca0b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-tile-text {
  display: table-cell;
  padding-top: 5px;
  padding-left: 5px;
  white-space: nowrap;
  width: 99%;
  height: 100%;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.print-layout-tile-text .form {
  table-layout: fixed;
}
.print-layout-tile-text .form .form-label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-left: 0;
}
.print-layout-title {
  font-family: 'roboto_condensedbold';
  display: table;
  width: 100%;
  table-layout: fixed;
}
.print-layout-title .truncate {
  display: table-cell;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.print-layout-column {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 50%;
  height: 100%;
}
.print-layout-column .form {
  width: 100%;
  padding-left: 0;
}
.print-layout-column .form .printer-value-icon {
  width: 19px;
  height: 16px;
  background-image: url('resource/pngs/exact_blue-61f9eaa9835a9bbc12319171bb415962.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.print-layout-column .form .multi-value-icon {
  display: inline-block;
  cursor: pointer !important;
  width: 30px;
  height: 30px;
  background-image: url('resource/pngs/ql_select-b2393106b841300dbc47ba7c922830d8.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
  /* Removes the extra white space below the baseline */
}
.print-layout-column .form .multi-value-icon:hover {
  background-image: url('resource/pngs/ql_select_blue-d1b52617a75b4a842e94322b022c1abf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.print-layout-column .form .form-label {
  text-align: left;
  position: relative;
}
.clearSelectionActionButton {
  margin-left: 1em;
  margin-right: 1em;
  color: #646464;
}
.print-layout-info {
  color: black;
}
.print-layout-info .header {
  position: relative;
}
.print-layout-info.half {
  height: 360px;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}
.print-layout-info .form-label {
  font-family: 'roboto_condensedregular';
  padding-right: 2em;
  padding-left: 22px;
}
.print-layout-info .form-label.normal-text {
  font-family: 'roboto_condensedlight';
}
.print-layout-info .form-value {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  max-width: 1px;
  width: 100%;
}
.print-layout-info-content {
  line-height: 30px;
  font-size: 16px;
  padding-top: 16px;
  height: 100%;
  white-space: nowrap;
  background-color: #cdd8ea;
}
.print-layout-info-content .print-layout-column {
  width: 33.33%;
  min-width: 250px;
}
.print-layout-info-content .print-layout-column:first-of-type {
  padding-left: 25px;
}
.centered-popup.ink-usages-info .popup-container {
  width: 70%;
  background-color: #cdd8ea;
}
.centered-popup.ink-usages-info .popup-container .popup-header.printerValueIcon {
  background-image: url('resource/pngs/exact_blue-61f9eaa9835a9bbc12319171bb415962.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 16px 16px;
  background-position: 8px;
}
.centered-popup.ink-usages-info .popup-container .popup-content {
  height: calc(85vh - 45px);
}
.print-layout-chart {
  font-family: 'roboto_condensedregular';
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.print-layout-column .print-layout-chart {
  font-size: 12px;
  width: 90%;
  height: 90%;
  max-width: 400px;
  max-height: 400px;
}
.print-layout-column .print-layout-chart .layout-title {
  height: 30px;
  font-size: 14px;
  text-align: center;
}
.print-layout-column .print-layout-chart .layout-title .printerValueIcon {
  width: 19px;
  height: 16px;
  background-image: url('resource/pngs/exact_blue-61f9eaa9835a9bbc12319171bb415962.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.print-layout-column .print-layout-chart .layout-title .label {
  display: inline-block;
}
.print-layout-column .print-layout-chart .layout-chart {
  display: flex;
  flex: 1;
}
.printers-section-font {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  font-size: 17px;
}
.w-printers-info {
  margin: 0 10px 20px 25px;
  font-size: 17px;
}
.w-printers-info .w-date-period {
  line-height: 44px;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  font-size: 17px;
}
.w-printers-info .w-legend .w-legend-item {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  font-size: 17px;
  vertical-align: middle;
}
.w-printers-info .w-legend .w-legend-item .checkBox {
  padding: 0;
  background-position: center;
  width: 22px;
  height: 22px;
  display: block;
}
.w-printers-info .w-legend .w-legend-item img {
  width: 22px;
  height: 22px;
  display: block;
}
.w-printers-info .w-legend .w-legend-item .color-patch {
  width: 1em;
  height: 1em;
  border-radius: initial;
}
.w-printers-info .w-legend .w-legend-item .color-patch.border {
  border: 1px solid #dcdcdc;
}
.w-printers-info .w-legend .w-legend-item.bold {
  font-family: 'roboto_condensedregular';
}
.w-printers-info .w-legend .w-legend-item.iconLabel {
  padding-left: 0.1em;
  padding-right: 0.5em;
}
.w-printers-info .w-legend .w-legend-item.shortLabel {
  padding-left: 0.4em;
  padding-right: 0.5em;
}
.w-printers-info .w-legend .w-legend-item.value {
  padding-left: 1.5em;
  text-align: right;
}
.w-printers-info .w-legend .w-legend-item.percentage {
  padding-left: 1em;
  text-align: right;
}
.w-printers-info .w-legend.quality .summary .w-legend-item {
  border-bottom: hidden;
}
.w-printers-info .w-legend.ink-consumption-over-time .summary .w-legend-item {
  border-top: 1px solid #dedede;
}
.w-printers-info .section-icon {
  width: 80px;
  height: 80px;
  background-position: -10px -10px;
}
.w-printers-info .link {
  margin-top: 8px;
  font-family: roboto_condensedregular;
  font-size: 15px;
}
.w-printers-info .topLabel {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
}
.w-printers-info-charts .link {
  width: 100%;
  text-align: right;
}
.w-printers-info-charts .chart .innerLabels .label0 {
  font-size: 12px;
}
.w-printers-info-charts .chart .innerLabels .label1 {
  font-size: 17px;
  font-family: 'roboto_condensedbold';
}
.w-printers-info-charts .tiles-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.w-printers-info-charts .tiles-wrapper .break {
  width: 100%;
  height: 0;
}
.w-printers-info-charts .tiles-wrapper .tile {
  width: 50%;
}
.w-printers-info-charts .tiles-wrapper .tile .aspect-ratio-wrapper {
  width: 100%;
  max-width: 300px;
}
.w-printers-info-charts .tiles-wrapper .tile.rectangle {
  width: 70%;
}
.w-printers-info-charts .tiles-wrapper .tile.rectangle.portrait,
.w-printers-info-charts .tiles-wrapper .tile.rectangle.mobile {
  width: 100%;
}
.w-printers-info-charts .tiles-wrapper .tile.rectangle .aspect-ratio-wrapper {
  max-width: 800px;
}
.w-printers-info-charts .tiles-wrapper .tile.rectangle .chart-tile {
  padding-top: 56%;
  /* 16:9 Aspect Ratio */
}
.w-printers-info-charts .tiles-wrapper .tile.rectangle .chart-content {
  margin-bottom: 15px;
}
.w-printers-info-charts .tiles-wrapper .tile.legend {
  width: auto;
  flex: 1 1 1px;
  padding: 50px 0 30px 15px;
}
.w-printers-info-charts .chart-tile {
  width: 100%;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
  position: relative;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-title {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  font-size: 17px;
  width: 100%;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content {
  position: relative;
  flex: 1;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon {
  position: absolute;
  top: 0;
  left: -5px;
  width: 50px;
  height: 50px;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.overall-ink-usage,
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.ink-distribution,
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.ink-consumption-over-time,
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.maintenance-ink-usage {
  background-image: url('resource/svg/medium-green-ink.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.ink-consumption-over-time {
  background-image: url('resource/svg/medium-green-ink-over-time.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.media-usage {
  background-image: url('resource/svg/medium-green-media.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.media-consumption-over-time {
  background-image: url('resource/svg/medium-green-media-over-time.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.quality {
  background-image: url('resource/svg/medium-green-quality.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-charts .chart-tile .w-printers-info-chart .chart-content .chart-icon.nr-passes {
  background-image: url('resource/svg/medium-green-passes.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-summary {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #cfcfcf;
}
.w-printers-info-summary .title {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
  font-size: 17px;
  line-height: 44px;
  width: 100%;
}
.w-printers-info-summary .section-icon {
  background-image: url('resource/svg/medium-green-printer.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-summary .left-container {
  padding-right: 50px;
}
.w-printers-info-summary .right-container {
  flex: 1 1 1px;
}
.w-printer-info-summaries {
  display: table;
}
.w-printer-info-summary {
  display: table-row;
}
.w-printer-info-summary .left-item {
  display: table-cell;
  font-family: 'roboto_condensedregular';
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
  line-height: 30px;
}
.w-printer-info-summary .right-item {
  display: table-cell;
  width: 100%;
}
.w-printer-info-summary .right-item .chart-container {
  width: 100%;
  height: 30px;
  display: block;
}
.w-printer-info-summary .right-item .chart-container.nmbItems-5 {
  height: 150px;
}
.w-printer-info-summary .right-item .chart-container.nmbItems-4 {
  height: 120px;
}
.w-printer-info-summary .right-item .chart-container.nmbItems-3 {
  height: 90px;
}
.w-printer-info-summary .right-item .chart-container.nmbItems-2 {
  height: 60px;
}
.w-printers-info-tiles {
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 900px;
}
.w-printers-info-tiles-container {
  width: 100%;
  padding-top: 66.66667%;
  /* 3:2 Aspect Ratio */
  position: relative;
}
.w-printers-info-tiles-container .w-printers-info-tile:nth-child(3n + 1) {
  clear: left;
}
.w-printers-info-tiles-container.rows-1 {
  padding-top: 33.33333%;
  /* 3:2 Aspect Ratio */
}
.w-printers-info-tiles-container.rows-1 .w-printers-info-tile {
  height: 100%;
}
.w-printers-info-tiles-container.rows-3 {
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
}
.w-printers-info-tiles-container.rows-3 .w-printers-info-tile {
  height: 33.33333%;
}
.printers-info-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.w-printers-info-tile {
  width: 33.333%;
  height: 50%;
  max-width: 300px;
  max-height: 300px;
  float: left;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-family: 'roboto_condensedregular';
  font-size: 22px;
}
.w-printers-info-tile .tile-icon {
  width: 35%;
  height: 35%;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width : 859px) {
  .w-printers-info-tile {
    font-size: 19px;
  }
}
.w-printers-info-tile .tile-value {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'roboto_condensedbold';
  font-size: 36px;
}
@media screen and (max-width : 859px) {
  .w-printers-info-tile .tile-value {
    font-size: 28px;
  }
}
.w-printers-info-tile .tile-sub-value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-family: 'roboto_condensedlight';
  width: 100%;
  display: flex;
  justify-content: center;
  color: white;
  font-size: 20px;
  margin-top: 36px;
}
@media screen and (max-width : 859px) {
  .w-printers-info-tile .tile-sub-value {
    font-size: 16px;
    margin-top: 28px;
  }
}
.w-printers-info-tile .tile-label {
  position: absolute;
  bottom: 0.3em;
  left: 0.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  max-width: calc(100% - 0.5em);
}
.w-printers-info-tile .tile-unit-label {
  position: absolute;
  top: 0.3em;
  padding-right: 0.5em;
  box-sizing: border-box;
  width: 100%;
  text-align: right;
}
.w-printers-info-tile.nr-printers {
  background-color: #88b7bb;
}
.w-printers-info-tile.nr-printers .tile-icon {
  background-image: url('resource/svg/large-white-printer.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.ink-usage,
.w-printers-info-tile.w-printers-info-tile.color-ink-usage {
  background-color: #5a858b;
}
.w-printers-info-tile.ink-usage .tile-icon,
.w-printers-info-tile.w-printers-info-tile.color-ink-usage .tile-icon {
  background-image: url('resource/svg/large-white-ink.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.white-ink-usage {
  background-color: #62a0a6;
}
.w-printers-info-tile.white-ink-usage .tile-icon {
  background-image: url('resource/svg/large-white-white-ink.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.printing-time {
  background-color: #6197a8;
}
.w-printers-info-tile.printing-time .tile-icon {
  background-image: url('resource/svg/large-white-time.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.printed-media {
  background-color: #6fa7ac;
}
.w-printers-info-tile.printed-media .tile-icon {
  background-image: url('resource/svg/large-white-media.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.printed-layouts {
  background-color: #a9d2ce;
}
.w-printers-info-tile.printed-layouts .tile-icon {
  background-image: url('resource/svg/large-white-printed-layouts.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-printers-info-tile.copies {
  background-color: #87c9d3;
}
.w-printers-info-tile.copies .tile-icon {
  background-image: url('resource/svg/large-white-copies.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.dialog-label {
  text-align: left;
}
.dialog-label.red {
  color: #f82700;
}
.w-action-dialog .popup-content {
  min-height: 200px;
}
.dialog-pages {
  font-size: 0;
  white-space: nowrap;
  position: relative;
  overflow-x: auto;
  text-align: center;
}
.dialog-page {
  text-align: center;
  margin: auto;
  vertical-align: top;
}
.dialog-page.left {
  display: inline-block;
  direction: rtl;
}
.dialog-page.right {
  display: inline-block;
}
.dialog-page.top {
  display: block;
}
.dialog-page.bottom {
  display: block;
}
.dialog-page .spacer {
  height: 10px;
}
.dialog-page-thumbnail {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px;
  opacity: 1;
  cursor: default !important;
}
.dialog-page-thumbnail.left {
  border-right: 1px solid #cccccc;
}
.dialog-page-thumbnail.right {
  border-left: 1px solid #cccccc;
}
.dialog-page-thumbnail.top {
  border-bottom: 1px solid #cccccc;
}
.dialog-page-thumbnail.bottom {
  border-top: 1px solid #cccccc;
}
.dialog-page-thumbnail.selectable {
  cursor: pointer !important;
  opacity: 0.5;
}
.dialog-page-thumbnail.selectable.selected {
  opacity: 1;
}
.dialog-page-thumbnail.disabled {
  opacity: 0.5;
  cursor: default !important;
}
.dialog-page-thumbnail .loading .spinner {
  width: 16px;
  height: 16px;
}
.dialog-page-thumbnail .processing .spinner-slow {
  width: 16px;
  height: 16px;
}
.dialog-page-label {
  display: inline-block;
  text-align: left;
  font-size: 19px;
  margin: inherit;
  direction: ltr;
}
.dialog-page-label .checkBox {
  padding-right: 10px;
  height: 46px;
}
.popup-container.approve .popup-header {
  color: #05c31b !important;
}
.popup-container.approve .popup-footer .action {
  color: #05c31b !important;
  background-image: url('resource/pngs/approve_selected-b4b0ecb4a797bd116c4c4bf2a657ec93.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 36px 36px;
  padding-left: 36px;
}
.popup-container.force-approve .popup-header {
  color: #b32bbd !important;
}
.popup-container.force-approve .popup-footer .action {
  color: #b32bbd !important;
  background-image: url('resource/pngs/force-approve-6de413dc80f4e883568e96dbe088e158.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 44px 44px;
  padding-left: 44px;
}
.popup-container.reject .popup-header {
  color: #f82700 !important;
}
.popup-container.reject .popup-footer .action {
  color: #f82700 !important;
  background-image: url('resource/pngs/reject_selected-249735eb75ffb1dc621cb4013487dad7.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 36px 36px;
  padding-left: 36px;
}
.popup-container.clear .popup-header {
  color: #f82700 !important;
}
.popup-container.clear .popup-footer .action {
  color: #f82700 !important;
}
.w-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
}
.pageContent {
  width: inherit;
  height: inherit;
  overflow: hidden;
  background-color: transparent;
}
.pageContent .processing {
  width: inherit;
  height: inherit;
  background-color: #ffeaa8;
  position: absolute;
  top: 0;
  z-index: 100000;
}
.pageContent .blank {
  width: inherit;
  height: inherit;
  background-color: white;
  position: absolute;
  top: 0;
  z-index: 100000;
}
.pageContent .ghost {
  width: inherit;
  height: inherit;
  background-color: grey;
  position: absolute;
  top: 0;
  z-index: 100000;
}
.pageContent .loading {
  width: inherit;
  height: inherit;
  background-color: #ffeaa8;
  position: absolute;
  top: 0;
  z-index: 100000;
}
.pageContent .loading-error {
  z-index: 100000;
}
.pageContent .rejected .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 3px;
  border-bottom-color: #f82700;
  border-bottom-style: solid;
  z-index: 100000;
}
.pageContent .fully-dependent-rejected .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 3px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.pageContent .partial-rejected .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 3px;
  border-bottom-color: #8e8e93;
  border-bottom-style: dashed;
  z-index: 100000;
}
.pageContent .empty {
  width: inherit;
  height: inherit;
  background-color: white;
}
.pageContent .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 3px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.imageContent {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.imageContent img {
  width: inherit;
  height: inherit;
  display: block;
}
.trimBox {
  background-image: linear-gradient(to right, #ff00ff 50%, transparent 50%), linear-gradient(to right, #ff00ff 50%, transparent 50%), linear-gradient(to bottom, #ff00ff 50%, transparent 50%), linear-gradient(to bottom, #ff00ff 50%, transparent 50%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 36px 1px, 36px 1px, 1px 36px, 1px 36px;
  z-index: 100000;
}
.contentBox {
  border: 1px solid #05c31b;
  z-index: 100000;
}
.pageAnnotationOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100000;
}
.flipBookBackground {
  background-color: #3d3d3d;
}
.pageInfo,
.popupPageInfo {
  background-color: rgba(61, 61, 61, 0.7);
  display: block;
  position: absolute;
  color: white;
  box-sizing: border-box;
  cursor: default !important;
  padding: 6px;
  font-family: 'roboto_condensedregular';
  font-size: 12px;
}
.pageInfo .label,
.popupPageInfo .label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.pageInfo.left,
.popupPageInfo.left {
  text-align: left;
}
.pageInfo.right,
.popupPageInfo.right {
  text-align: right;
}
.pageInfo.center,
.popupPageInfo.center {
  text-align: center;
}
.pageInfo.rotate,
.popupPageInfo.rotate {
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
}
.pageInfo .label,
.popupPageInfo .label {
  white-space: nowrap;
}
.pageInfo .label .w-hover,
.popupPageInfo .label .w-hover {
  display: inline-block;
}
.pageInfo .pageSize,
.popupPageInfo .pageSize {
  white-space: nowrap;
  display: inline-block;
}
.pageInfo .pageSize .expected,
.popupPageInfo .pageSize .expected {
  display: inline-block;
  color: white;
}
.pageInfo .pageSize .expected.showBleed,
.popupPageInfo .pageSize .expected.showBleed {
  color: #05c31b;
}
.pageInfo .pageSize .trim,
.popupPageInfo .pageSize .trim {
  display: inline-block;
  color: #ff00ff;
}
.popupPageInfo {
  background-color: #efeff4;
  color: black;
  position: relative;
  border-radius: 5px;
  opacity: 0.9;
  width: auto;
  max-width: 30vw;
}
.popupPageInfo .pageSize .expected {
  color: black;
}
.popupPageInfo .label {
  white-space: normal;
  word-wrap: break-word;
  word-break: normal;
}
.w-status-bar.disabled .flipBookStatusBar {
  pointer-events: none;
  cursor: default !important;
  opacity: 0.5;
}
.w-status-bar .flipBookStatusBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: absolute;
}
.w-status-bar .flipBookStatusBar.hidden {
  display: none !important;
}
.w-status-bar .flipBookStatusBar.left {
  height: 45px;
  top: -45px;
  left: 0px;
}
.w-status-bar .flipBookStatusBar.right {
  height: 45px;
  top: -45px;
  right: 0px;
}
.w-status-bar .flipBookStatusBar.top {
  width: 45px;
  right: -45px;
  top: 0px;
}
.w-status-bar .flipBookStatusBar.bottom {
  width: 45px;
  right: -45px;
  bottom: 0px;
}
.pageStateButton {
  display: inline-block;
  width: 45px;
  height: 45px;
  border: none;
  background-color: transparent;
}
.pageStateButton.readyToApprove {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.readyToApproveByMe {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.approved {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.approvedForMe {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.rejected {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.dependentReadyToApprove {
  background-image: url('resource/pngs/status_to_inspect_gr-e8062cd4134309b175aa687bafb4120d.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.dependentApproved {
  background-image: url('resource/pngs/status_approved_gr-dee244c900f398584d2c47f97edb9894.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.dependentApprovedForMe {
  background-image: url('resource/pngs/status_approved_MA_gr-52b550ff922bbc62c88ebf08494bbb21.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.dependentRejected {
  background-image: url('resource/pngs/status_rejected_gr-4334e685f849220c6487d47e84af2e8a.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.frozen {
  background-image: url('resource/pngs/frozen-flipbook-9327fa4eb1d95e2ed31264d47c170dc1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.pageHistory {
  background-image: url('resource/pngs/page_history_flipbook-f2b52cbe1eb98997459c4789cdee45be.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.varnish {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.finished {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/processing-2f8fb21d30e6f16a106647bb931a541c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.discarded {
  background-image: url('resource/pngs/revised-flow-state-icons/discarded-7eaa19dbd1c6ccbe8333ca999f5a8c8e.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.pageStateButton.hold {
  cursor: default;
}
.pageStateButton.hold.manual {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-manual-7eb709a3a4408e531ea36b71be9f2ff1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.hold.collect {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-collect-871331ee195988e6f548a72e4cfc2d68.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.hold.after-hours {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-after-hours-eece31a263454f5ea41d1b07b779dfa5.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.hold.for-plate-making {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-platemaker-215013d831d1a698dcf433f6ca575d88.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.hold.for-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-proof-b39e0b19db090715a44bf3ac03cb5cd4.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.hold.other {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-other-529e73fed06ee381ae4bb522408c0d4f.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.pageStateButton.remark {
  background-image: url('resource/pngs/preview_area_remark-7bb5d80a1435fa498f019f3173c36dae.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.pageStateButton.warningRemark {
  background-image: url('resource/pngs/preview_area_remark_warnings-19be511a902792a83c537b22a1d54898.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.placeFileButton {
  display: block;
  float: right;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/AB_place_idle-2fe10d5eb126e09d42ef7a04d83d7a20.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer !important;
}
.placeFileButton.left {
  float: left;
}
.placeFileButton:active,
.placeFileButton.active {
  background-image: url('resource/pngs/AB_place_pressed-f1303d907744ab9e5145371ecc125f7e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.placeFileButton[disabled] {
  background-image: url('resource/pngs/AB_place_disabled-f18da3fc40b47f9eceae447bca8b170e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.text-divider {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  color: #7e7e7e;
  float: right;
}
.place-file-warning {
  background-image: url('resource/pngs/PF_warning_log-63ff44343896fcec304cb4a0486307ed.png');
  background-size: contain;
  background-repeat: no-repeat;
  color: white;
  padding-left: 46px;
}
.placeFileActionButtons {
  display: block;
  float: right;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 2em;
  margin-left: 1em;
  margin-right: 1em;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
}
.placeFileActionButtons.a-disabled {
  cursor: default !important;
  color: #cccccc;
}
.placeFileActionButtons.left {
  float: left;
  margin-left: 0.8em;
  margin-right: 0;
}
.placeFileActionButtons.a-disabled {
  color: #7a7a7a;
}
.placeActionButton {
  display: block;
  float: right;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 2em;
  margin-left: 1em;
  margin-right: 1em;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #ffb800;
}
.placeActionButton.a-disabled {
  cursor: default !important;
  color: #cccccc;
}
.placeActionButton.left {
  float: left;
  margin-left: 0.8em;
  margin-right: 0;
}
.placeActionButton.a-disabled {
  color: #7a7a7a;
}
.undoActionButton {
  display: block;
  float: right;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 2em;
  margin-left: 1em;
  margin-right: 1em;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  margin-left: auto;
  color: #d3d3d3;
}
.undoActionButton.a-disabled {
  cursor: default !important;
  color: #cccccc;
}
.undoActionButton.left {
  float: left;
  margin-left: 0.8em;
  margin-right: 0;
}
.undoActionButton.a-disabled {
  color: #7a7a7a;
}
.measureMainLabel {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  display: inline-block;
  color: #ffb800;
  padding-left: 20px;
}
.measureLabel {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  display: inline-block;
  color: white;
  padding-left: 20px;
}
.measureValue {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  display: inline-block;
  color: white;
  min-width: 60px;
  text-align: right;
}
.measureText {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  display: inline-block;
  color: #ababab;
  padding-right: 20px;
  cursor: default;
}
.measureSelect {
  flex: 0 0 auto;
}
.measureSelect.ember-power-select-trigger {
  color: white;
  padding-left: 4px;
  padding-right: 30px;
}
.documentsViewButton {
  background-image: url('resource/pngs/view_toggle_upload-ac146e3ae02f34b525cbd3209c25daf1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.documentsViewButton.active {
  background-image: url('resource/pngs/view_toggle_upload_selected-51b27000753ad327acf51553fbefab5a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.resultsViewButton {
  background-image: url('resource/pngs/view_toggle_main-6fd2be7a81a69869ea9cc909f7d2d0ba.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.resultsViewButton.active {
  background-image: url('resource/pngs/view_toggle_main_selected-c03c658c51c38ef0b6afeec27f8b8f7b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.resultsViewButton[disabled] {
  background-image: url('resource/pngs/view_toggle_main_disabled-5ef27798c22990a30744461c855f3fb6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButton {
  background-image: url('resource/pngs/view_toggle_flipbook-5066aea95ceb61d3140ea371b42c3a76.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButton.active {
  background-image: url('resource/pngs/view_toggle_flipbook_selected-38831a940ea06060f465c9f6b068ed15.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButton[disabled] {
  background-image: url('resource/pngs/view_toggle_flipbook_disabled-aa0bb65df061d2c90ea33abe6a7e1285.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButtonInBetween {
  background-image: url('resource/pngs/view_toggle_flipbook_inbetween-b506215b4f7b96ee02f60e0f6f5ffcda.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButtonInBetween.active {
  background-image: url('resource/pngs/view_toggle_flipbook_inbetween_selected-807637a1f35fa1711382be7f70e2c238.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flipBookViewButtonInBetween[disabled] {
  background-image: url('resource/pngs/view_toggle_flipbook_inbetween_disabled-a7b0193b88b18c89f3708670c136263a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButtonInBetween {
  background-image: url('resource/pngs/view_toggle_packaging-c8d11058cee7566853e31bfcef73a67f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButtonInBetween.active {
  background-image: url('resource/pngs/view_toggle_packaging_blue-e0269d4e4cf57c60b04d2a3ea4b3068d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButtonInBetween[disabled] {
  background-image: url('resource/pngs/view_toggle_packaging_dis-9ac715cf4ca3c1e2f9ee63ab02b63377.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButton {
  background-image: url('resource/pngs/view_toggle_packaging_end-c3ba8f867c4cf7cd9fcbe8b25076610a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButton.active {
  background-image: url('resource/pngs/view_toggle_packaging_blue_end-f87ebb947046e969d25b5e869d28f6a2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productFlipBookViewButton[disabled] {
  background-image: url('resource/pngs/view_toggle_packaging_end_dis-3705db8a5bc972750c1ae2171c2d6b86.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pagesOverviewViewButton {
  background-image: url('resource/pngs/view_toggle_overview-3ce932358a733b90d1b6e070d83eedf5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pagesOverviewViewButton.active {
  background-image: url('resource/pngs/view_toggle_overview_selected-d6eb92d280b420c1f3d3057f91668d5d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pagesOverviewViewButton[disabled] {
  background-image: url('resource/pngs/view_toggle_overview_disabled-3252e540dff0c92c2ced64cfd02a13f1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productsOverviewViewButton {
  background-image: url('resource/pngs/view_toggle_product_list-27116fea7579c65d3fe4e2a8d0fb6331.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productsOverviewViewButton.active {
  background-image: url('resource/pngs/view_toggle_product_list_blue-854f4bd9974e799281c1ec9077c44f07.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.productsOverviewViewButton[disabled] {
  background-image: url('resource/pngs/view_toggle_product_list_dis-d92dd258f4db8a7fd4e0b610d01d46c2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.exitButton {
  background-image: url('resource/pngs/placebar_close_large-defbe6a61952bc47fce595d7a543c14e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffb800;
  float: right;
}
.exitButton:hover {
  background-image: url('resource/pngs/placebar_close_large_rollover-cd529d1b76f0172a62dc48042ce2faf8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.side-bar-button {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer !important;
}
.singleViewButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.singleViewButton.active {
  background-image: url('resource/pngs/single_page_blue-12eac9f85bdc6c1516d4cf24c4cb3cd1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.spreadViewButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/spread-a1480862aad2283820ba5f4a180917c6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.spreadViewButton.active {
  background-image: url('resource/pngs/spread_blue-f8078362461000a5ed7a358890e51557.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickApproveButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/AB_quick_app_idle-c4761efbed381dec49c43ffbadcf28ff.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickApproveButton:active {
  background-image: url('resource/pngs/AB_quick_app_pressed-602478f130b442e8cf6ff881d790da6b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickApproveButton[disabled] {
  background-image: url('resource/pngs/AB_quick_app_disabled-a4b8228eb8f24ecf1a0137f77e566623.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickNextButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/AB_quick_next_idle-4d0f7a2393f8fff48e27797317770eb9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickNextButton:active {
  background-image: url('resource/pngs/AB_quick_next_pressed-3cae199fa8301f86c19a902ca15d89c7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.quickNextButton[disabled] {
  background-image: url('resource/pngs/AB_quick_next_disabled-62acc8c15f6a5954297ca839adb6f108.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.approveButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/AB_approve_idle-0909093e54a90b430be28474595b2741.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.approveButton:active,
.approveButton.active {
  background-image: url('resource/pngs/AB_approve_pressed-034fa147022da8d64a8f8940dccf1796.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.approveButton[disabled] {
  background-image: url('resource/pngs/AB_approve_disabled-d08aacc3193b698d0ae65b75ef7a0c48.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.finalApproveButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/AB_final_approve_idle-3b226d15e5a10b09e8606ce4c7134c57.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.finalApproveButton:active,
.finalApproveButton.active {
  background-image: url('resource/pngs/AB_final_approve_pressed-89662ef6bc7021233924fa06f67ed25f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.finalApproveButton[disabled] {
  background-image: url('resource/pngs/AB_final_approve_disabled-9134b23393252816e2634d2b97c7c4f6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.rejectButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/AB_reject_idle-89a8ff209e1cbcf63929c7d3722d17f8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.rejectButton:active,
.rejectButton.active {
  background-image: url('resource/pngs/AB_reject_pressed-f2b2b335e700105f432c3dd0b26f8128.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.rejectButton[disabled] {
  background-image: url('resource/pngs/AB_reject_disabled-42f47b48f61f859106b55c31a9134165.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.fitToWindowButton {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: none;
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-color: transparent;
  cursor: pointer !important;
  background-image: url('resource/pngs/fit-dc233d9ddf3b70b18c189715363e8491.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.fitToWindowButton.active {
  background-image: url('resource/pngs/fit_blue-f9b42526f77d11b20ada1d0d557265c6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  position: relative;
}
.zoomSelect.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.zoomSelect.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.zoomSelect.ember-power-select-trigger:hover {
  background: transparent;
}
.zoomSelect.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.zoomSelect.active {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.zoomSelect.active.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_blue_menu-d7ff2bcaf4c92469a27af9d8ab9aa291.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.zoomSelect.active.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.zoomSelect.active.ember-power-select-trigger:hover {
  background: transparent;
}
.zoomSelect.active.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_blue_menu-d7ff2bcaf4c92469a27af9d8ab9aa291.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.active.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_blue_menu-d7ff2bcaf4c92469a27af9d8ab9aa291.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.active.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.zoomSelect.disabled {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.zoomSelect.disabled.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_disabled-e39e1278faa9939f0648d8a833cc0648.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.zoomSelect.disabled.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.zoomSelect.disabled.ember-power-select-trigger:hover {
  background: transparent;
}
.zoomSelect.disabled.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_disabled-e39e1278faa9939f0648d8a833cc0648.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.disabled.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/NEW_zoom_disabled-e39e1278faa9939f0648d8a833cc0648.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.zoomSelect.disabled.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.zoomSelect .ember-power-select-selected-item {
  position: absolute;
  top: 10px;
  left: 4px;
  color: white;
  font-size: 10px;
  line-height: initial;
}
.w-scale-bar {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.w-scale-bar.ember-power-select-trigger {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 solid #dedede;
  background-color: transparent;
  color: black;
}
.w-scale-bar.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.w-scale-bar.ember-power-select-trigger:hover {
  background: transparent;
}
.w-scale-bar.ember-power-select-trigger:focus {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-scale-bar.ember-power-select-trigger:hover {
  border: none;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-scale-bar.ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}
.leftPanelGroup {
  background-color: #545454;
  z-index: 2;
}
.mainPanelGroup {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  z-index: 1;
}
.mainPanelGroup.yellow-border {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.mainPanelGroup.blue-border {
  border: 3px solid #007aff;
  box-sizing: border-box;
}
.rightPanelFooter {
  display: flex;
  box-sizing: border-box;
  border: 2px solid #ffb800;
  background-color: #545454;
  line-height: 44px;
  justify-content: space-between;
  align-items: center;
}
.leftPanel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.leftPanel .left-panel-content {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
.rightSideBar {
  position: relative;
  z-index: 0;
  width: 44px;
  background-color: #545454;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rightSideBar *:only-child {
  margin: auto 0;
}
.dialog-entry .checkBox[disabled] {
  color: #cccccc;
}
.dialog-entry .versions-loading {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  position: relative;
  padding-left: 44px;
  padding-top: 8px;
}
.dialog-entry .versions-loading .loading-wrapper {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: top;
}
.dialog-entry .versions-loading .loading-wrapper .loading .spinner {
  width: 8px;
  height: 8px;
}
.w-paths {
  background-color: #3d3d3d;
}
.w-path-infos-panel .item {
  padding-right: 0 !important;
}
.w-path-infos-panel .color-patch {
  width: 28px;
  height: 6px;
  margin-right: 16px;
  flex-shrink: 0;
}
.w-path-infos-panel .path-function-icon {
  width: 44px;
  height: 44px;
  margin-left: auto;
  flex-shrink: 0;
}
.w-path-infos-panel .path-function-icon.Contour {
  background-image: url('resource/pngs/contour-eefe03357e55c74822a8bdeace27cd68.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-path-infos-panel .path-function-icon.InkFree {
  background-image: url('resource/pngs/inkfree-b11f6a254c5951ede0cf0158ee4ce141.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.scroll-gradient-top {
  background: -moz-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.7) 6%, rgba(54, 54, 54, 0) 9%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(6%, rgba(54, 54, 54, 0.7)), color-stop(9%, rgba(54, 54, 54, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.7) 6%, rgba(54, 54, 54, 0) 9%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.7) 6%, rgba(54, 54, 54, 0) 9%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.7) 6%, rgba(54, 54, 54, 0) 9%);
  /* IE10+ */
  background: linear-gradient(to bottom, #545454 0%, rgba(54, 54, 54, 0.7) 6%, rgba(54, 54, 54, 0) 9%);
  /* W3C */
}
.pageNavigation-fade-top-and-bottom {
  background: -moz-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(6%, rgba(54, 54, 54, 0.8)), color-stop(10%, rgba(54, 54, 54, 0)), color-stop(90%, rgba(54, 54, 54, 0)), color-stop(94%, rgba(54, 54, 54, 0.8)), color-stop(100%, #545454));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* W3C */
}
.pageNavigation-fade-bottom {
  background: -moz-linear-gradient(top, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(54, 54, 54, 0)), color-stop(94%, rgba(54, 54, 54, 0.8)), color-stop(100%, #545454));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 90%, rgba(54, 54, 54, 0.8) 94%, #545454 100%);
  /* W3C */
}
.pageNavigation-fade-top {
  background: -moz-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(6%, rgba(54, 54, 54, 0.8)), color-stop(10%, rgba(54, 54, 54, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%);
  /* IE10+ */
  background: linear-gradient(to bottom, #545454 0%, rgba(54, 54, 54, 0.8) 6%, rgba(54, 54, 54, 0) 10%);
  /* W3C */
}
.pageNavigationOverlay,
.pageNavigation-fade-top-and-bottom,
.pageNavigation-fade-bottom,
.pageNavigation-fade-top {
  content: ' ';
  position: fixed;
  display: block;
  width: 130px;
  height: 100%;
  left: 0;
  text-align: center;
  z-index: 100000;
}
.pageNavigation-column,
.pageNavigation {
  position: absolute;
  display: block;
  width: 150px;
  left: 0;
  background: #545454;
}
.pageNavigation {
  top: 0;
  bottom: 40px;
}
.pageNavigation.part {
  background: #b3c7df;
}
.thumbnailPageContent {
  position: absolute;
  font-size: 12px;
  background-color: white;
  cursor: default !important;
  border: 2px solid transparent;
  box-shadow: 0 0 8px transparent;
}
.thumbnailPageContent img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
}
.thumbnailPageContent.disabled {
  opacity: 0.5;
}
.thumbnailPageContent.selectable {
  cursor: pointer !important;
}
.thumbnailPageContent .loading .spinner {
  width: 12px;
  height: 12px;
}
.thumbnailPageContent .processing .spinner-slow {
  width: 12px;
  height: 12px;
}
.thumbnailPageContent.no-border-left {
  border-left: none;
}
.thumbnailPageContent.no-border-right {
  border-right: none;
}
.thumbnailPageContent.no-border-bottom {
  border-bottom: none;
}
.thumbnailPageContent.no-border-top {
  border-top: none;
}
.thumbnailPageContent.state-NONE {
  border: 2px solid #8e8e8e;
  box-shadow: 0 0 8px #8e8e8e;
}
.thumbnailPageContent.state-NONE.no-border-left {
  border-left: none;
}
.thumbnailPageContent.state-NONE.no-border-right {
  border-right: none;
}
.thumbnailPageContent.state-NONE.no-border-bottom {
  border-bottom: none;
}
.thumbnailPageContent.state-NONE.no-border-top {
  border-top: none;
}
.thumbnailPageContent.state-READY_TO_APPROVE {
  border: 2px solid #003df8;
  box-shadow: 0 0 8px #003df8;
}
.thumbnailPageContent.state-READY_TO_APPROVE.no-border-left {
  border-left: none;
}
.thumbnailPageContent.state-READY_TO_APPROVE.no-border-right {
  border-right: none;
}
.thumbnailPageContent.state-READY_TO_APPROVE.no-border-bottom {
  border-bottom: none;
}
.thumbnailPageContent.state-READY_TO_APPROVE.no-border-top {
  border-top: none;
}
.thumbnailPageContent.state-APPROVED {
  border: 2px solid #05c41b;
  box-shadow: 0 0 8px #05c41b;
}
.thumbnailPageContent.state-APPROVED.no-border-left {
  border-left: none;
}
.thumbnailPageContent.state-APPROVED.no-border-right {
  border-right: none;
}
.thumbnailPageContent.state-APPROVED.no-border-bottom {
  border-bottom: none;
}
.thumbnailPageContent.state-APPROVED.no-border-top {
  border-top: none;
}
.thumbnailPageContent.state-REJECTED {
  border: 2px solid #f82700;
  box-shadow: 0 0 8px #f82700;
}
.thumbnailPageContent.state-REJECTED.no-border-left {
  border-left: none;
}
.thumbnailPageContent.state-REJECTED.no-border-right {
  border-right: none;
}
.thumbnailPageContent.state-REJECTED.no-border-bottom {
  border-bottom: none;
}
.thumbnailPageContent.state-REJECTED.no-border-top {
  border-top: none;
}
.thumbnailPageContent .w-status-bar .w-flow-icon,
.press-sheet-side .w-status-bar .w-flow-icon {
  height: 26px;
  width: 26px;
}
.thumbnailPageContent .w-status-bar .w-flow-icon .flow-icon,
.press-sheet-side .w-status-bar .w-flow-icon .flow-icon {
  width: 22px;
  height: 22px;
  margin: 0;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar,
.press-sheet-side .w-status-bar .flipBookStatusBar {
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: absolute;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar.hidden,
.press-sheet-side .w-status-bar .flipBookStatusBar.hidden {
  display: none !important;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar.left,
.press-sheet-side .w-status-bar .flipBookStatusBar.left {
  height: 26px;
  top: -28px;
  left: -2px;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar.right,
.press-sheet-side .w-status-bar .flipBookStatusBar.right {
  height: 26px;
  top: -28px;
  right: -2px;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar.top,
.press-sheet-side .w-status-bar .flipBookStatusBar.top {
  width: 26px;
  right: -28px;
  top: -2px;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar.bottom,
.press-sheet-side .w-status-bar .flipBookStatusBar.bottom {
  width: 26px;
  right: -28px;
  bottom: -2px;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar .pageStateButton,
.press-sheet-side .w-status-bar .flipBookStatusBar .pageStateButton {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: none;
  background-color: transparent;
}
.thumbnailPageContent .w-status-bar .flipBookStatusBar .pageStateButton.pageHistory,
.press-sheet-side .w-status-bar .flipBookStatusBar .pageStateButton.pageHistory {
  background-image: url('resource/pngs/page_history_pages-acf3fc927aa721523dff4a844c7489ab.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .w-flow-icon,
.press-sheet-side .w-status-bar.small .w-flow-icon {
  height: 18px;
  width: 18px;
}
.thumbnailPageContent .w-status-bar.small .w-flow-icon .flow-icon,
.press-sheet-side .w-status-bar.small .w-flow-icon .flow-icon {
  width: 14px;
  height: 14px;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar,
.press-sheet-side .w-status-bar.small .flipBookStatusBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: absolute;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar.hidden,
.press-sheet-side .w-status-bar.small .flipBookStatusBar.hidden {
  display: none !important;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar.left,
.press-sheet-side .w-status-bar.small .flipBookStatusBar.left {
  height: 18px;
  top: -20px;
  left: -2px;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar.right,
.press-sheet-side .w-status-bar.small .flipBookStatusBar.right {
  height: 18px;
  top: -20px;
  right: -2px;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar.top,
.press-sheet-side .w-status-bar.small .flipBookStatusBar.top {
  width: 18px;
  right: -20px;
  top: -2px;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar.bottom,
.press-sheet-side .w-status-bar.small .flipBookStatusBar.bottom {
  width: 18px;
  right: -20px;
  bottom: -2px;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: none;
  background-color: transparent;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.readyToApprove,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.readyToApprove {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.readyToApproveByMe,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.readyToApproveByMe {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.approved,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.approved {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.approvedForMe,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.approvedForMe {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.rejected,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.rejected {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentReadyToApprove,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentReadyToApprove {
  background-image: url('resource/pngs/status_to_inspect_gr-e8062cd4134309b175aa687bafb4120d.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentApproved,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentApproved {
  background-image: url('resource/pngs/status_approved_gr-dee244c900f398584d2c47f97edb9894.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentApprovedForMe,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentApprovedForMe {
  background-image: url('resource/pngs/status_approved_MA_gr-52b550ff922bbc62c88ebf08494bbb21.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentRejected,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.dependentRejected {
  background-image: url('resource/pngs/status_rejected_gr-4334e685f849220c6487d47e84af2e8a.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.frozen,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.frozen {
  background-image: url('resource/pngs/frozen-flipbook-9327fa4eb1d95e2ed31264d47c170dc1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.pageHistory,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.pageHistory {
  background-image: url('resource/pngs/page_history_flipbook-f2b52cbe1eb98997459c4789cdee45be.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.varnish,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.varnish {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.finished,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.finished {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.processing,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/processing-2f8fb21d30e6f16a106647bb931a541c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.discarded,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.discarded {
  background-image: url('resource/pngs/revised-flow-state-icons/discarded-7eaa19dbd1c6ccbe8333ca999f5a8c8e.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold {
  cursor: default;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.manual,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.manual {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-manual-7eb709a3a4408e531ea36b71be9f2ff1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.collect,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.collect {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-collect-871331ee195988e6f548a72e4cfc2d68.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.after-hours,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.after-hours {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-after-hours-eece31a263454f5ea41d1b07b779dfa5.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.for-plate-making,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.for-plate-making {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-platemaker-215013d831d1a698dcf433f6ca575d88.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.for-proof,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.for-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-proof-b39e0b19db090715a44bf3ac03cb5cd4.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.other,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.hold.other {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-other-529e73fed06ee381ae4bb522408c0d4f.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.remark,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.remark {
  background-image: url('resource/pngs/preview_area_remark-7bb5d80a1435fa498f019f3173c36dae.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.thumbnailPageContent .w-status-bar.small .flipBookStatusBar .pageStateButton.warningRemark,
.press-sheet-side .w-status-bar.small .flipBookStatusBar .pageStateButton.warningRemark {
  background-image: url('resource/pngs/preview_area_remark_warnings-19be511a902792a83c537b22a1d54898.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.thumbnailPageContentImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
}
.thumbnailPageContentLabel {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  display: inline-block;
  color: white;
  cursor: default !important;
}
.thumbnailPageContentLabel.shift-label {
  bottom: -27px;
}
.thumbnailPageContentLabel.dark {
  color: black;
}
.thumbnailPageContentLabel.on-top {
  bottom: auto;
  top: -20px;
}
.thumbnailPageContentLabel.on-top.shift-label {
  top: -27px;
}
.thumbnailPageContentLabel.selectable {
  cursor: pointer !important;
}
.w-page-filter .optionWrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.w-page-filter .label {
  padding-left: 8px;
}
.w-page-filter.dark.ember-power-select-trigger {
  width: 100%;
  margin: 0;
  border: 2px solid #8e8e8e;
  background-color: #545454;
  color: white;
}
.w-page-filter.dark.ember-power-select-trigger:not(:first-of-type) {
  margin-top: 4px;
}
.w-page-filter.dark.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.w-page-filter.dark.ember-power-select-trigger:hover {
  background: #606060;
}
.w-page-filter.dark.ember-power-select-trigger.active {
  border: 2px solid #007aff;
  background-color: #545454;
  color: white;
}
.w-page-filter.dark.ember-power-select-trigger.active:focus {
  border-color: #007aff;
}
.w-page-filter.dark.ember-power-select-trigger.active:hover {
  background: #606060;
}
.w-page-filter.dark.ember-power-select-trigger img {
  width: 22px;
  height: 22px;
}
.w-page-filter .ember-power-select-options[role="listbox"] {
  max-height: 70vh;
}
.w-page-filter.selected-flag-right .ember-power-select-option {
  padding: 0;
}
.w-page-filter.selected-flag-right .ember-power-select-option .optionWrapper {
  padding: 0 44px 0 20px;
}
.w-page-filter.selected-flag-right .ember-power-select-option .optionWrapper.divider {
  border-top: 1px solid #b2b2b2;
}
.w-page-filter.selected-flag-right .ember-power-select-option img {
  width: 40px;
  height: 40px;
}
.w-page-filter.selected-flag-right .ember-power-select-option .showSpreadsIcon {
  background-image: url('resource/pngs/spread-a1480862aad2283820ba5f4a180917c6.png');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 0 center;
  padding-left: 48px;
}
.w-page-filter.selected-flag-right .ember-power-select-option .showPagesIcon {
  background-image: url('resource/pngs/single_page-fdb252fd8abb3857a754f4cfef906bbe.png');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 0 center;
  padding-left: 48px;
}
.color-patch {
  position: relative;
  overflow: hidden;
}
.color-patch.circle {
  border-radius: 50%;
}
.color-patch.triangle {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.color-patch .diagonal {
  position: absolute;
  top: 0;
  left: 0;
  width: 141.4%;
  height: 100%;
  border: 2px solid red;
  transform-origin: 1px 1px;
  transform: rotate(45deg);
  z-index: 1;
}
.color-patch .composite {
  background-image: linear-gradient(90deg, hsl(0, 100%, 80%) 33.33%, hsl(60, 100%, 50%) 33.33%, hsl(60, 100%, 50%) 66.66%, hsl(240, 100%, 85%) 66.66%);
}
.color-patch .composite.finished.dark {
  background-image: url('resource/pngs/selected_black-db5eb6dbdcdff063c3f9d4c19948b0ee.png'), linear-gradient(90deg, hsl(0, 100%, 80%) 33.33%, hsl(60, 100%, 50%) 33.33%, hsl(60, 100%, 50%) 66.66%, hsl(240, 100%, 85%) 66.66%);
}
.color-patch .finished.dark {
  background-image: url('resource/pngs/selected_white-74497b4494e1b57df54a7065efb4358f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.color-patch .finished.light {
  background-image: url('resource/pngs/selected_black-db5eb6dbdcdff063c3f9d4c19948b0ee.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.varnish-icon {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('resource/pngs/varnish-d9abc9f35f0ff04427a1a10b00c69433.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.varnish-white-icon {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.frozen-state-icon {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  background-image: url('resource/pngs/frozen-page-grid-b809996970f8d476894e7c40f8989b39.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.frozen-state-icon.left {
  left: 0;
  top: 0;
}
.frozen-state-icon.right {
  right: 0;
  top: 0;
}
.frozen-state-icon.small {
  width: 18px;
  height: 18px;
}
.page-history-icon {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  background-image: url('resource/pngs/page_history_pages-acf3fc927aa721523dff4a844c7489ab.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.page-history-icon.left {
  left: 0;
  bottom: 0;
}
.page-history-icon.right {
  right: 0;
  bottom: 0;
}
.page-history-icon.small {
  width: 18px;
  height: 18px;
}
.varnish-pages-icon {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  background-image: url('resource/pngs/varnish_pages-c3364a0a04b542018422c3c3b0bdbae6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.varnish-pages-icon.left {
  left: 0;
  top: 0;
}
.varnish-pages-icon.right {
  right: 0;
  top: 0;
}
.varnish-pages-icon.small {
  width: 18px;
  height: 18px;
}
.color-list {
  position: absolute;
}
.color-list .color-patch {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 3px 0;
}
.color-list.top {
  top: -14px;
  left: 0;
}
.color-list.bottom {
  bottom: -16px;
  left: 0;
}
.color-list.left {
  left: -14px;
  top: 0;
}
.color-list.left .color-patch {
  display: block;
}
.color-list.right {
  right: -14px;
  top: 0;
}
.color-list.right .color-patch {
  display: block;
}
.pageGridNavigationWrapper {
  background-color: #545454;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pageGridNavigationWrapper .contentPanelWrapper {
  flex: 1;
  position: relative;
  display: flex;
  min-height: 0;
}
.pageGridNavigationWrapper .w-page-grid {
  background-color: #545454;
}
.page-filters-wrapper {
  margin: 4px 4px 4px 6px;
  height: auto;
  display: flex;
  flex-direction: column;
  width: calc(100% - 10px);
  max-width: 150px;
}
.page-filters-canvas {
  position: absolute;
  left: 2px;
  bottom: 2px;
  margin: 4px 4px 4px 6px;
  height: auto;
  display: flex;
  flex-direction: column;
  width: calc(100% - 10px);
  max-width: 150px;
}
.w-page-grid {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  width: auto;
  overflow: hidden;
  display: flex;
  background-color: #3d3d3d;
}
.w-page-grid.paddingBottom-small .pageGrid {
  padding-bottom: 50px;
}
.w-page-grid.paddingBottom-large .pageGrid {
  padding-bottom: 90px;
}
.w-page-grid:focus {
  outline: 0;
}
.w-page-grid .pagegrid-left-part {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pageGrid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  flex: 1;
}
.pageGrid.column-layout {
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
}
.pageGrid.right-binding {
  flex-direction: row-reverse;
}
.pageGrid.filtered {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.pageGrid .item-header {
  position: absolute;
  background: none;
  font-family: 'robotoregular';
  font-size: 12px;
  color: #d2d2d2;
  border-top: 1px solid #d2d2d2;
  width: calc(100% + 12px);
  height: 30px;
  top: -30px;
  left: 0;
  text-align: center;
  line-height: 30px;
}
.pageGrid .spread {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  box-sizing: border-box;
  margin-bottom: 8px;
}
.pageGrid .spread .pageContent {
  position: absolute;
  overflow: visible;
}
.pageGrid .spread .pageContent .imageContent {
  z-index: 1;
}
.pageGrid .spread .document-thumbnail-wrapper {
  width: inherit;
  height: inherit;
}
.pageGrid .spread .document-thumbnail-wrapper .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.pageGrid .spread .document-thumbnail-wrapper .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.pageGrid .spread .document-thumbnail-wrapper .imageContent {
  z-index: 100001;
}
.thumbnailSelectionOverlay {
  position: absolute;
  background-color: transparent;
  z-index: -1;
}
.thumbnailSelectionOverlay.action {
  background-color: #7a7a7a;
}
.thumbnailSelectionOverlay.assign {
  background-color: #a8a476;
}
.thumbnailSelectionOverlay.hovered {
  background-color: #cec88c;
}
.thumbnailSelectionOverlay.context {
  border: 2px solid darkgray;
}
.thumbnailSelectionOverlay.disabled {
  z-index: 100001;
}
.slider {
  width: 12px;
  height: 100%;
  float: right;
  display: inline-block;
  background-size: contain;
  background: url('resource/pngs/jobs-19cf12e83a90b45a3698ffb12f50fcff.png') repeat-y;
  z-index: 5;
  cursor: pointer !important;
}
.w-log-entries {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.w-log-entries .headerBar,
.w-log-entries .footerBar {
  flex: 0 0 auto;
}
.w-log-entry {
  background-color: #f6f6f6;
}
body.print .w-log-entry {
  background-color: white;
}
.headerBar {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  border-bottom: 1px solid #b2b2b2;
  background-color: #d2d2d2;
  padding-left: 0.3em;
}
.headerBar .group-by-button {
  margin-left: 0.2em;
  margin-right: 0.2em;
  height: 44px;
}
.headerBar .group-by-button.active {
  cursor: default !important;
}
.headerBar .group-by-button.inactive {
  color: #8e8e8e;
}
.footerBar {
  height: 35px;
  line-height: 35px;
  background-color: transparent;
  border-top: 1px solid #b2b2b2;
  width: 100%;
  box-sizing: border-box;
  background-color: #efeff4;
}
.log-entries-content {
  position: relative;
  flex: 1 1 auto;
  background-color: #545454;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 16px;
}
body.print .w-note-template,
.log-entries-content .w-note-template {
  border-bottom: 1px solid #b2b2b2;
}
body.print .page-remarks-info .w-note-template,
.log-entries-content .page-remarks-info .w-note-template {
  border-left: 1px solid #b2b2b2;
}
.close-button {
  float: right;
  background-position: center center;
  height: 44px;
  width: 44px;
  background-image: url('resource/pngs/close-639d02f85340a9de3b80cca3b4a231be.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.close-button:hover {
  background-image: url('resource/pngs/close_blue-82cb56a8ad5ab78efd0adae296a4c76e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.log {
  display: flex;
  width: 100%;
}
.log .headerBar {
  color: #8e8e8e;
  height: 44px;
  line-height: 44px;
  font-family: 'roboto_condensedregular';
  padding-left: 20px;
}
.log .leftPanelGroup {
  background-color: #efeff4;
}
.log .leftPanelGroup .allVersions-checkBox {
  margin: 15px 0 25px 0;
}
.log .w-label-range-selector {
  margin-top: 15px;
}
.log .w-label-range-selector .labeledRadioButton {
  min-height: 36px;
}
.log .w-label-range-selector .label-search-wrapper {
  height: 30px;
  white-space: nowrap;
  padding-right: 5px;
}
.log .w-label-range-selector .spacer {
  height: 4px;
}
.log .pageSelection {
  height: 30px;
}
.log .pageSelection .pageSelectionInput input {
  width: 120px;
}
.log .pageSelection .pageSelectionInput input::placeholder {
  color: #9e9e9e;
}
.w-log-filter-panel {
  flex: auto;
  width: auto;
  min-width: 270px;
  max-width: 300px;
  height: 100%;
  font-size: 19px;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.log-entry-borders {
  border-bottom: 1px solid #b2b2b2;
}
.w-log-entry-icon {
  display: flex;
  width: 38px;
  flex-shrink: 0;
  justify-content: center;
}
.w-log-entry-icon img {
  width: 38px;
  height: 38px;
}
.small-text-tile {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  padding: 3px 4px 2px 0;
}
.w-log-filter {
  list-style-type: none;
  padding-left: 0;
}
.w-log-filter .checkBox {
  height: 32px;
}
.w-log-filter .checkBox .tickBox {
  width: 36px;
  background-position: center right 4px;
}
.w-log-filter .checkBox .filterItem {
  padding-left: 36px;
  height: 100%;
  line-height: 32px;
}
.w-log-filter .checkBox.job-created .filterItem {
  background-image: url('resource/pngs/filter_job-447d7af26c7277b756c0108932c9575a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.file-uploaded .filterItem {
  background-image: url('resource/pngs/upload-9e6b79eeea3f19936c4d19dbf916ae8b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.assignment .filterItem {
  background-image: url('resource/pngs/place_file_idle-745e39ef91222bc711d1ffcc174eb685.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.file-deleted .filterItem {
  background-image: url('resource/pngs/file_deleted-17a181e8f065ea3a7c5cb81ba8bb9198.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.make-blank .filterItem {
  background-image: url('resource/pngs/blank-881f34eb5a1a1b1fac3803662061dac7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.clear-assignment .filterItem {
  background-image: url('resource/pngs/cleared-b99e4014699b4cff58d1034aefc29534.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.reprocessed {
  margin-bottom: 28px;
}
.w-log-filter .checkBox.reprocessed .filterItem {
  background-image: url('resource/pngs/filter_reprocessed-fd2930accbf9587f660899681b549f00.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.approve .filterItem {
  background-image: url('resource/pngs/preview_area_status_approved-d5c443123e8cff731fae9b4218d02b7b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.reject {
  margin-bottom: 28px;
}
.w-log-filter .checkBox.reject .filterItem {
  background-image: url('resource/pngs/preview_area_status_rejected-138fb1d22becf640e9e646f20734dd79.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.job-remarks .filterItem {
  background-image: url('resource/pngs/job_remark-1a7712b729b5dfd56f703fc71e50d064.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.page-remarks .filterItem {
  background-image: url('resource/pngs/page_remark_annotated-29f9788c1ee43ce28b0aa0504bbe403e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.preflight-warnings .filterItem {
  background-image: url('resource/pngs/PF_warning_log-63ff44343896fcec304cb4a0486307ed.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-log-filter .checkBox.preflight-errors .filterItem {
  background-image: url('resource/pngs/PF_error_log-8a5a46220be6b8eab02b18fe3d88a9bd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup.PrintReportDialog .popup-container {
  width: 800px;
  height: 700px;
  max-height: calc(100vh - 2 * 40px);
}
.centered-popup.PrintReportDialog .popup-container .popup-header {
  font-family: 'roboto_condensedregular';
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #efeff4;
}
.centered-popup.PrintReportDialog .popup-container .popup-content {
  position: relative;
  overflow: initial;
  background-color: white;
  pointer-events: all;
  padding: 0px;
}
.centered-popup.PrintReportDialog .popup-container .popup-content .iframe-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.centered-popup.PrintReportDialog .popup-container .popup-content .normal {
  text-align: center;
  padding: 10px;
}
.centered-popup.PrintReportDialog .popup-container .popup-content .PrintFrame {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0px;
}
.centered-popup.PrintReportDialog .popup-container .popup-footer {
  background-color: #efeff4;
}
.preflight-severity-icon {
  padding-left: 1.8em;
  margin-top: 10px;
}
.remarks-info-remark-title {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: black !important;
  text-align: left;
  margin-bottom: 8px;
}
.remarks-info-remark-title.warnings {
  background-image: url('resource/pngs/PF_warning-ab614b86de4ba67b9a807c8b448ab956.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 1.8em;
  margin-top: 10px;
}
.remarks-info-remark-title.errors {
  background-image: url('resource/pngs/PF_error-3352ca926ce8e603ea5d33a4aac5d513.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 1.8em;
  margin-top: 10px;
}
.remarks-info-remark-title.fixes {
  background-image: url('resource/pngs/PF_fix-216b54104c07f9a6724b105a2ee8f7bd.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 1.8em;
  margin-top: 10px;
}
.remarks-info-separator {
  height: 2ex;
}
.header-popup.remarks-dialog .loading {
  min-height: 100px;
  position: relative;
}
.header-popup.remarks-dialog .popup-container .popup-header {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-left: 45px;
  padding-right: 45px;
  background-image: url('resource/pngs/PF_problem_report-1ffb490300e2684855593832c019b12a.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: top 4px left 4px;
  border-bottom: 1px solid #b2b2b2;
}
.header-popup.remarks-dialog .popup-container .popup-content {
  background-color: #fbf8cb;
}
.header-popup.remarks-dialog .popup-container .popup-content ul {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  height: inherit;
  box-sizing: border-box;
}
.header-popup.remarks-dialog .popup-container .popup-content ul li {
  padding: 15px 45px;
  margin: 0px;
  border-bottom: 1px solid #b2b2b2;
}
.header-popup.remarks-dialog .popup-container .popup-content ul li:last-of-type {
  border-bottom: none;
}
.header-popup.remarks-dialog .popup-container .popup-content ul a[href^='mailto:'] {
  cursor: pointer !important;
  color: #007aff;
}
.header-popup.remarks-dialog .popup-container .popup-footer {
  line-height: 44px;
}
.remark-line {
  margin-bottom: 0.33em;
}
.remark-item-break {
  margin-bottom: 0.5em;
}
.inline-help {
  padding-left: 20px;
  position: relative;
}
.inline-help-icon {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 16px;
  width: 16px;
  background-image: url('resource/pngs/help_link_icon-2620436a5f8eabb9ae3bdb4b6cbc6fe4.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.VersionTag {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 2px 0 2px;
  vertical-align: top;
}
.VersionTag.inActive {
  opacity: 0.4;
}
.VersionTag.sheet-version {
  background-color: #dfdfdf;
}
.VersionTag .VersionLabel {
  position: relative;
  color: #646464;
  z-index: 1;
}
.VersionTag .VersionLabel.hide {
  visibility: hidden;
}
.VersionTag .VersionImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.VersionTag .VersionImage img {
  position: absolute;
  width: 100%;
  height: 80%;
  top: 10%;
  left: 0;
}
.versionsPanel {
  width: 250px;
}
.versionsPanel.statusSmall {
  width: 375px;
}
.versionsPanel.statusMedium {
  width: 432px;
}
.versionsPanel.statusLarge {
  width: 600px;
}
.versionsPanel .panel-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 16px;
}
.selectable-edition {
  position: relative;
  overflow: hidden;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer !important;
  background-color: #f8f8f8;
  white-space: nowrap;
  padding: 0 0 0 2px;
  border-bottom: 1px solid #b2b2b2;
  width: 100%;
  display: flex;
}
.selectable-edition:hover {
  background-color: #ebeff6;
}
.selectable-edition.selected {
  background-color: #d8e0ee;
}
.selectable-edition .tag {
  flex: 1 0 auto;
  padding: 11px 0 11px 0;
  width: 70px;
  display: inline-block;
  text-align: right;
}
.selectable-edition .label {
  flex: 1 0 auto;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
  word-break: normal;
  padding: 11px 6px 11px 5px;
  box-sizing: border-box;
  width: calc(250px - 70px);
}
.selectable-edition .label.fullWidth {
  width: 250px;
}
.selectable-edition .status {
  flex: 1 1 auto;
  padding: 11px 0 11px 5px;
  border-left: 1px solid #b2b2b2;
}
.selectable-edition:last-of-type {
  border-bottom: none;
}
.info-name {
  line-height: 33px;
  font-family: 'roboto_condensedregular';
  margin-bottom: 10px;
  text-align: left;
  cursor: default !important;
}
.info-name.inactive {
  font-family: 'roboto_condensedlight_italic';
  color: #8e8e8e;
}
.info-icon {
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-email {
  background-image: url('resource/pngs/email-ec6ce961670c358b64ba5c783afe85e2.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-phone {
  background-image: url('resource/pngs/phone-56062f0fff5815b1aaddba7a4a02f8f3.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-mobile {
  background-image: url('resource/pngs/mobile-b2a11eb64bcd8089e9c0381d42bd491c.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-fax {
  background-image: url('resource/pngs/fax-3b6412baeac9d483810dfa5add7f1db2.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-address li {
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.info-address li:first-of-type {
  background-image: url('resource/pngs/address-7672f606e23cd77c07d93c3ada563896.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.info-comment {
  background-image: url('resource/pngs/comment-6112cfb5090b2e8f3ea99a575a66b36d.png');
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 33px;
  padding-left: 41px;
  margin-bottom: 10px;
  text-align: left;
  background-size: 33px 33px;
  cursor: default !important;
}
.w-item-selection-panel {
  width: 300px;
}
.w-item-selection-panel .item-list {
  display: block;
  text-align: left;
  width: 100%;
  height: auto;
  max-height: calc(100vh -  4 * 45px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
  background-color: #f8f8f8;
}
.w-item-selection-panel .item-list .item {
  padding-right: 0.5em;
  box-sizing: content-box;
  border-bottom: 2px solid #dedede;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.w-item-selection-panel .item-list .item .checkBox {
  flex: 0 0 auto;
  border: 0;
  width: 44px;
  height: 44px;
}
.w-item-selection-panel .item-list .item .checkBox.pressed {
  border: none;
}
.w-item-selection-panel .options {
  background-color: #f8f8f8;
  font-size: 16px;
  line-height: 28px;
}
.w-item-selection-panel .options .w-radio .labeledRadioButton:last-of-type {
  padding-bottom: 10px;
}
.w-item-selection-panel .button {
  width: 100%;
  text-align: left;
  font-size: 19px;
  color: white;
  font-family: 'roboto_condensedregular';
  margin: 1ex 0 2ex 1.3ex;
}
.w-item-selection-panel .button.disabled {
  color: gray;
  cursor: default !important !important;
}
.separationsPanel .item-list .item .version-tag {
  margin-right: 16px;
}
.separationsPanel .item-list .item .color-patch {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin-right: 16px;
}
.separationsPanel .item-list .item .color-name {
  flex: 1 1 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 0px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper .color-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper .color-progress-bar-name {
  position: relative;
  flex: 1;
  color: black;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper .color-progress-bar-name.dark {
  color: white;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper .varnish-icon {
  flex: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.separationsPanel .item-list .item .color-progress-bar-wrapper .varnish-icon.dark {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.separationsPanel .item-list .item .coverage {
  text-align: right;
  font-size: 16px;
  width: 3em;
  margin-right: 16px;
}
.separationsPanel .options .total {
  text-align: right;
}
.separationsPanel .options .total .total-coverage {
  width: 3em;
  margin-right: 16px;
}
.thumbnail-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% +  5px);
  padding-left: 4px;
  padding-right: 4px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.progressBarContainer {
  position: relative;
  border: 1px solid lightgrey;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 150px;
  height: 13px;
  background-color: white;
}
.progressBarContainer .progressBar {
  position: absolute;
  left: 0;
  height: 100%;
  background-color: #05c31b;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.progressBarContainer .progressBar .stripe-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: nowrap;
  -webkit-animation: WEBKIT-BP 0.5s linear infinite;
  -moz-animation: MOZ-BP 0.5s linear infinite;
  -ms-animation: MS-BP 0.5s linear infinite;
  -o-animation: O-BP 0.5s linear infinite;
  animation: BP 0.5s linear infinite;
}
.progressBarContainer .progressBar .stripe-wrapper hr {
  margin: 0;
  display: inline-block;
  margin-left: 8px;
  width: 2px;
  height: 20px;
  background: white;
  border: 1px solid #6e92a3;
  transform: skew(0deg);
  -o-transform: skew(0deg);
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
}
.globalProgressBarContainer {
  width: 100%;
  height: 25px;
}
.bottom-globalProgress {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  z-index: 5;
}
.bottom-globalProgressBarContainer {
  width: 100%;
  height: 4px;
  background-color: transparent;
  z-index: 5;
}
@-webkit-keyframes WEBKIT-BP {
  0% {
    -webkit-transform: translate3D(-12px, 0, 0);
  }
  100% {
    -webkit-transform: translate3D(0px, 0, 0);
  }
}
@-moz-keyframes MOZ-BP {
  0% {
    -moz-transform: translateX(-12px);
  }
  100% {
    -moz-transform: translateX(0px);
  }
}
@-ms-keyframes MS-BP {
  0% {
    -ms-transform: translateX(-12px);
  }
  100% {
    -ms-transform: translateX(0px);
  }
}
@-o-keyframes O-BP {
  0% {
    -o-transform: translateX(-12px);
  }
  100% {
    -o-transform: translateX(0px);
  }
}
@keyframes BP {
  0% {
    transform: translateX(-12px);
  }
  100% {
    transform: translateX(0px);
  }
}
.centered-cell-wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.w-job-progress-bar {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  background: #545454;
}
.progress-bar-row {
  display: table-row;
  position: relative;
  width: 100%;
  height: 27px;
  white-space: nowrap;
}
.progress-bar-row .stretcher {
  display: table-cell;
  width: 100%;
}
.progress-bar-row:nth-of-type(2) {
  border-top: 1px solid #cfcfcf;
}
.progress-bar-row .label {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.progress-bar-row .label.leftSpace {
  padding-left: 0.6em;
}
.progress-bar-row .label.rightSpace {
  padding-right: 0.6em;
}
.progress-bar-row .label.gray {
  color: darkgray;
}
.progress-bar-row .label.white {
  color: white;
}
.progress-bar-row .progressBarContainer {
  display: inline-block;
  vertical-align: middle;
  border: none;
  height: 5px;
  width: 120px;
  background-color: black;
}
.progress-bar-row .progressBarContainer .progressBar {
  border: none;
  background-color: #05c31b;
}
.progress-bar-row .progressBarContainer.white .progressBar {
  background-color: white;
}
.progress-bar-row .cell-container {
  display: table-cell;
  vertical-align: middle;
}
.progress-bar-row .emptyPages {
  background-image: url('resource/pngs/status_empty-fa768b541aea15c0f2003bafedaa77e0.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .waitingForApprovalPages {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .waitingForApprovalByMePages {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .approvedPages {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .approvedByMePages {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .rejectedPages {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .problemPages {
  background-image: url('resource/pngs/status_PF_problem-5fccab0f15220bee02df19f363fa545c.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
}
.progress-bar-row .clearIcon {
  background-image: url('resource/pngs/clear_yellow-e81b787e7bc849f3b0a3758d610d884e.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer !important;
  margin-right: 0;
  width: 24px;
  height: 24px;
}
.progress-bar-row .clearIcon.inactive {
  visibility: hidden;
}
.progress-bar-row .counterSeparator {
  margin: 3px;
  width: 1px;
  height: 15px;
  border-right: 1px solid darkgray;
}
.input-clear-button,
.input-clear .input-button-wrapper .searchButton,
.input-clear .input-button-wrapper .clearButton {
  background-color: transparent;
  vertical-align: middle;
  border: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.input-clear {
  border-radius: 8px;
  box-sizing: border-box;
}
.input-clear.filtered {
  background-color: #b3c7df;
  border: 2px solid #007aff;
  box-shadow: 0 0 4px #007aff;
  border-radius: 8px;
}
.input-clear input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  background-color: transparent;
  min-height: 0px;
  padding: 0;
  margin: 0 0 0 4px;
  height: 100%;
}
.input-clear input::-ms-clear {
  width: 0px;
  height: 0px;
}
.input-clear input:focus {
  outline: none;
}
.input-clear .input-button-wrapper {
  height: 100%;
  width: 26px;
  vertical-align: middle;
  display: inline-block;
}
.input-clear .input-button-wrapper .searchButton {
  background-image: url('resource/pngs/search_pop_blue-4347f1509fbc234858f466bbc50921a4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.input-clear .input-button-wrapper .clearButton {
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background-image: url('resource/pngs/search_pop_clear_blue-28dcc7393c87f15934ce31271b509d81.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.input-clear .input-button-wrapper .clearButton:hover {
  background-image: url('resource/pngs/search_pop_clear_blue-28dcc7393c87f15934ce31271b509d81.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.input-clear .input-button-wrapper .clearButton:focus {
  outline: none;
}
.input-clear .input-button-wrapper .clearButton.invisible {
  display: none;
}
.w-place-documents-wrapper {
  position: relative;
  width: 400px;
  height: 100%;
}
.w-place-documents {
  border-right: 3px solid #8e8e8e;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.w-place-documents .documentsHeader {
  position: relative;
  box-sizing: border-box;
}
.w-place-documents .documentsHeader.no-border {
  border-bottom: none;
}
.w-place-documents .documents {
  flex: 1 1 auto;
  overflow: auto;
}
.document-list-item {
  width: 100%;
  height: 65px;
}
.empty-doc-page {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.empty-doc-page .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.drag-ghost-image {
  position: absolute;
  z-index: 9999999;
  overflow: visible;
  font-size: 16px;
  cursor: default;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.drag-ghost-image .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.drag-ghost-image .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.drag-ghost-image .circled-number {
  position: absolute;
  z-index: 10000000;
  right: -0.8em;
  top: -1.8em;
  min-width: 1.6em;
  text-align: center;
  background-color: orange;
  line-height: 1.6em;
  border-radius: 0.8em;
  font-family: robotoregular;
}
.drag-ghost-image .hor-centered-label-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  margin-top: 6px;
  width: 200px;
  text-align: center;
}
.drag-ghost-image .hor-centered-label-container .drag-label {
  background-color: #fbf8e8;
}
.drag-ghost-image.stacked {
  box-shadow: none;
}
.drag-ghost-image.stacked .hor-centered-label-container {
  margin-top: 12px;
}
.drag-ghost-image.stacked .first-stack {
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  width: 100%;
  height: 100%;
  background-color: #848484;
  border: 1px solid white;
  box-sizing: border-box;
}
.drag-ghost-image.stacked .second-stack {
  position: absolute;
  z-index: -2;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  background-color: #848484;
  border: 1px solid white;
  box-sizing: border-box;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.documentsHeader {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid #b2b2b2;
  background-color: #d2d2d2;
}
.documentsHeader .folder-crumbs {
  flex: 1 1 auto;
  height: 100%;
  margin-right: 5px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.documentsHeader .folder-crumbs .back-icon {
  flex: 0 0 auto;
  background-image: url('resource/pngs/folder_back-83c04a9ba97de2540fbc7c65edb1c4e7.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
}
.documentsHeader .folder-crumbs .back-icon:hover {
  background-image: url('resource/pngs/folder_back_blue-8fa8ac5e1721953ee243f9941819b82e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.documentsHeader .folder-crumbs .back-icon-space {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
}
.documentsHeader .folder-crumbs .rtl-wrapper {
  overflow: hidden;
  direction: rtl;
  text-align: left;
  flex: 1 1 auto;
}
.documentsHeader .folder-crumbs .rtl-wrapper .ltr-wrapper {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.documentsHeader .folder-crumbs .crumb {
  display: inline-block;
  line-height: 44px;
  vertical-align: top;
  color: #8e8e8e;
}
.documentsHeader .folder-crumbs .crumb:hover {
  color: #007aff;
}
.documentsHeader .folder-crumbs .crumb:last-child {
  color: #007aff;
}
.documentsHeader .folder-crumbs .crumb:not(:last-child):after {
  content: '>';
  margin: 0 4px;
}
.documentsHeader .listSearch {
  position: relative;
  flex: 0 0 auto;
  margin-left: 5px;
  top: 0;
  margin-top: 0;
}
.documentsHeader .searchWrapper {
  width: 210px;
}
.documentsHeader .cogMenu {
  flex: 0 0 auto;
}
.documentsHeader .trashIcon {
  position: relative;
  flex: 0 0 auto;
}
.documents {
  position: relative;
  height: 100%;
}
.documents.filtered {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.documents .folder-wrapper {
  background-color: #f8f8f8;
  font-size: 14px;
}
.documents .folder-wrapper .folder-icon {
  background-image: url('resource/pngs/folder_large-b3a838b845634c2086030752d4978606.png');
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}
.documents .document-wrapper {
  background-color: #f8f8f8;
  font-size: 14px;
}
.documents .document-wrapper.selected {
  background-color: #ccd2e0;
}
.documents .document-page-wrapper {
  background-color: #e9e9e9;
  font-size: 14px;
}
.documents .document-page-wrapper .spacer {
  width: 108px;
}
.documents .document-page-wrapper.selected {
  background-color: #d8e0ee;
}
.documents .document-thumbnail-wrapper {
  pointer-events: none;
}
.documents .preflight-info-wrapper {
  width: 48px;
  flex-shrink: 0;
}
.documents .preflight-info-wrapper .document-preflight-info {
  width: 44px;
  height: 44px;
  pointer-events: none;
  cursor: default;
}
.documents .preflight-info-wrapper .document-preflight-info.enabled {
  pointer-events: auto;
  cursor: pointer;
  background-image: url('resource/pngs/PF_problem_report-1ffb490300e2684855593832c019b12a.png');
  background-size: 60px;
  background-image: url('resource/pngs/NEW_PF_problem_report-99cad50ba46acd0d09a4c1c4fc217642.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.documents .preflight-info-wrapper .document-preflight-pdf-report {
  width: 44px;
  height: 44px;
  pointer-events: none;
  cursor: default;
}
.documents .preflight-info-wrapper .document-preflight-pdf-report.enabled {
  pointer-events: auto;
  cursor: pointer;
  background-image: url('resource/pngs/PF_problem_report-1ffb490300e2684855593832c019b12a.png');
  background-size: 60px;
  background-image: url('resource/pngs/NEW_PF_problem_report-99cad50ba46acd0d09a4c1c4fc217642.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.documents .preflight-info-wrapper .document-preflight-pdf-report.enabled {
  background-image: url('resource/pngs/PF_PDF_report-acc8acc1c3e1f5e6c30fddca36c68f5b.png');
  background-size: 60px;
  background-image: url('resource/pngs/NEW_PF_PDF_report-39bff232cbd406b3fe2ac26ffb503184.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.documents .enlarge-icon {
  width: 44px;
  flex-shrink: 0;
}
.trashIcon {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  cursor: default !important;
  float: right;
  background-image: url('resource/pngs/trash_dis-1f0bd26183f32bbef33597579335b4e6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.trashIcon.enabled {
  background-image: url('resource/pngs/trash-9c1dd5f88d1e65847f75e4d7554fb5ae.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.trashIcon.enabled:hover {
  background-image: url('resource/pngs/trash_blue-c477a9fdbf178ea416ceb125c63fa1b7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.trashIcon.active {
  background-image: url('resource/pngs/trash_blue-c477a9fdbf178ea416ceb125c63fa1b7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.preflight-problem-report-icon {
  background-image: url('resource/pngs/NEW_PF_problem_report-99cad50ba46acd0d09a4c1c4fc217642.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.preflight-pdf-report-icon {
  background-image: url('resource/pngs/NEW_PF_PDF_report-39bff232cbd406b3fe2ac26ffb503184.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.deleted-job {
  width: 100%;
  height: 100%;
  background-color: #3d3d3d;
  color: #ffffff;
}
.book-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.book-panel .book-wrapper {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  background-color: #3d3d3d;
  display: flex;
  flex-direction: row;
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}
.book-panel .book-wrapper.filtered {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.book-panel .book-wrapper:focus {
  outline: none;
}
.book-panel .book-wrapper.measuring .book-viewport {
  cursor: url('resource/pngs/measure-cursor-216dc6f7063f988cf00a21d12f98a695.png') 11 11, cell;
}
.book-panel .book-wrapper.drawing .book-viewport {
  cursor: crosshair;
}
.book-panel .book-wrapper .book-viewport {
  position: relative;
  width: 100%;
  height: 100%;
}
.book-panel .book-wrapper .book-viewport .book-zoom {
  width: 100%;
  height: 100%;
  position: relative;
}
.book-panel .book-wrapper .book-viewport .book-zoom .book-margin {
  position: absolute;
}
.book-panel .book-wrapper .unbound-mask {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #3d3d3d;
}
.book {
  position: absolute;
  z-index: 0;
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}
.book .book-page {
  position: absolute;
  overflow: hidden;
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.book .book-page .wrapper {
  position: absolute;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.book .book-page .wrapper .gradient {
  position: absolute;
  z-index: 1;
}
.book .book-page .wrapper .pageContent {
  position: absolute;
}
.book .book-page .wrapper .pageContent .processing {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .blank {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .ghost {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .loading {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .loading-error {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .rejected .overlayline {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .fully-dependent-rejected .overlayline {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .partial-rejected .overlayline {
  z-index: inherit;
}
.book .book-page .wrapper .pageContent .empty .overlayline {
  z-index: inherit;
}
.book .book-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.book .book-page-overlay {
  position: absolute;
}
.book .book-page-overlay .turn-right-to-left {
  position: absolute;
  background-image: url('resource/pngs/turn-right-to-left-7418b059a39a5f23f1ef487a4db0e46c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-right-to-left:hover {
  background-image: url('resource/pngs/turn-right-to-left-mouse-over-334b8511fb4ceb82aab7fc76b4bf5743.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-right-to-left:disabled {
  background-image: url('resource/pngs/turn-right-to-left-7418b059a39a5f23f1ef487a4db0e46c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-left-to-right {
  position: absolute;
  background-image: url('resource/pngs/turn-left-to-right-6dc9cf142f0ab14c938caf8105d74de1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-left-to-right:hover {
  background-image: url('resource/pngs/turn-left-to-right-mouse-over-a7427da183f67c506f884ddd8838dd0f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-left-to-right:disabled {
  background-image: url('resource/pngs/turn-left-to-right-6dc9cf142f0ab14c938caf8105d74de1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-right-to-left {
  position: absolute;
  background-image: url('resource/pngs/flap-right-to-left-4118b1666aa04695ef2d1ebf8fa25cd8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-right-to-left:hover {
  background-image: url('resource/pngs/flap-right-to-left-mouse-over-7f6cfbc8ea5e2224d1a2dd47b2da2ab9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-right-to-left:disabled {
  background-image: url('resource/pngs/flap-right-to-left-4118b1666aa04695ef2d1ebf8fa25cd8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-left-to-right {
  position: absolute;
  background-image: url('resource/pngs/flap-left-to-right-c77f04de3d931d0fd3b027ba964ad6b8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-left-to-right:hover {
  background-image: url('resource/pngs/flap-left-to-right-mouse-over-eccab38c11963e6e31fc30f82d689581.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-left-to-right:disabled {
  background-image: url('resource/pngs/flap-left-to-right-c77f04de3d931d0fd3b027ba964ad6b8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-top-to-bottom {
  position: absolute;
  background-image: url('resource/pngs/turn-top-to-bottom-5b6e851a477e95832e60bd0c0329722a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-top-to-bottom:hover {
  background-image: url('resource/pngs/turn-top-to-bottom-mouse-over-d30133a11790c649c62879b288654a54.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-top-to-bottom:disabled {
  background-image: url('resource/pngs/turn-top-to-bottom-5b6e851a477e95832e60bd0c0329722a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-bottom-to-top {
  position: absolute;
  background-image: url('resource/pngs/turn-bottom-to-top-94e3c7ad0ada2d8ed82e1b949b46f4bd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-bottom-to-top:hover {
  background-image: url('resource/pngs/turn-bottom-to-top-mouse-over-3b3b86f3bfffee9bc2a0d17c3f3b9816.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .turn-bottom-to-top:disabled {
  background-image: url('resource/pngs/turn-bottom-to-top-94e3c7ad0ada2d8ed82e1b949b46f4bd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-top-to-bottom {
  position: absolute;
  background-image: url('resource/pngs/flap-top-to-bottom-e03945ee04694c1aba3541274b933301.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-top-to-bottom:hover {
  background-image: url('resource/pngs/flap-top-to-bottom-mouse-over-bc2218377d297a1277570234f017b5d7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-top-to-bottom:disabled {
  background-image: url('resource/pngs/flap-top-to-bottom-e03945ee04694c1aba3541274b933301.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-bottom-to-top {
  position: absolute;
  background-image: url('resource/pngs/flap-bottom-to-top-ba1cecdc4f1ea88daddfc589e4efb06f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-bottom-to-top:hover {
  background-image: url('resource/pngs/flap-bottom-to-top-mouse-over-3aa571265655358e88ea8f4fb93368f2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .flap-bottom-to-top:disabled {
  background-image: url('resource/pngs/flap-bottom-to-top-ba1cecdc4f1ea88daddfc589e4efb06f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .book-page-overlay .document-thumbnail-wrapper {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.book .book-page-overlay .document-thumbnail-wrapper .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.book .book-page-overlay .document-thumbnail-wrapper .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.book .book-page-overlay .document-thumbnail-wrapper .thumbnail-label {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  font-style: italic;
}
.book .leftButton {
  background-image: url('resource/pngs/previous_page-c3fc87365a1f6163d0fa80c0a78301a7.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% -  44px);
  left: calc(25% -  44px);
  width: 88px;
  height: 88px;
}
.book .leftButton.disabled {
  background-image: url('resource/pngs/previous_page_disabled-0cf99ef4b6080588e19a87216df8795d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .rightButton {
  background-image: url('resource/pngs/next_page-3a65a92bf06586f628251c0a2252c8fc.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% -  44px);
  right: calc(25% -  44px);
  width: 88px;
  height: 88px;
}
.book .rightButton.disabled {
  background-image: url('resource/pngs/next_page_disabled-e151c5812505b607f162fa8da4721a37.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .upButton {
  background-image: url('resource/pngs/up_page-0d3b846e72987875d572e5810cd6be5b.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(25% -  44px);
  left: calc(50% -  44px);
  width: 88px;
  height: 88px;
}
.book .upButton.disabled {
  background-image: url('resource/pngs/up_page_disabled-22e488b00d4159fbac42d3a60ec38789.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.book .downButton {
  background-image: url('resource/pngs/down_page-3071c3590392c39b027308aa767f97f3.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: calc(25% -  44px);
  left: calc(50% -  44px);
  width: 88px;
  height: 88px;
}
.book .downButton.disabled {
  background-image: url('resource/pngs/down_page_disabled-4a72df9d768c32d79343e0645050a482.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.bookPageSideOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff7a5;
  opacity: 0.75;
}
.popup-floating {
  position: relative;
}
.popup-floating:not(.no-border) {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.navigatorTitle {
  position: absolute;
  width: 100%;
  height: 30px;
  background-color: #dedede;
  color: #8e8e8e;
  border-bottom: 1px solid #b2b2b2;
  vertical-align: top;
  cursor: grab;
  cursor: -webkit-grab;
  display: flex;
  justify-content: space-around;
}
.navigatorTitle .titleBarLines {
  display: inline-block;
  flex: 0 1 25%;
  height: inherit;
  position: relative;
  margin: 0px 2px 0px 2px;
}
.navigatorTitle .titleBarLines .titleBarLine {
  position: absolute;
  border-bottom: 1px solid #c0c0c0;
  width: 100%;
  height: 1px;
}
.navigatorTitle .title {
  flex: 1 1 content;
  font-family: 'roboto_condensedregular';
  font-size: 16px;
  display: inline-block;
  height: inherit;
  text-align: center;
  margin: 3px 2px 0px 2px;
  white-space: nowrap;
}
.navigator {
  position: relative;
  background-color: white;
  width: 100%;
  height: calc(100% -  30px);
  top: 30px;
  left: 0px;
  overflow: hidden;
}
.navigator .navigatorBox {
  border: 2px solid red;
  cursor: move;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.navigator .book-page {
  position: absolute;
}
.navigator .pageContent {
  height: 100%;
  width: 100%;
}
.navigator .pageContent .rejected .overlayline {
  border: none;
}
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__light.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__light.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__light.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__light.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__light.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__light.noty_type__error {
  background-color: #ED7000;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__light.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__light.noty_type__info .noty_buttons,
  .noty_theme__light.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__light.noty_type__success {
  background-color: #57C880;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__light.noty_type__success .noty_buttons {
    border-color: #50C24E; }

/*# sourceMappingURL=noty.css.map*/
#header .noty_bar {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
#noty_layout__topCenter {
  top: 48px;
  left: 50%;
  width: 60%;
  transform: translate(-50%) translate(-0.5px) translateZ(0) scale(1, 1);
  -o-transform: translate(-50%) translate(-0.5px) translateZ(0) scale(1, 1);
  -ms-transform: translate(-50%) translate(-0.5px) translateZ(0) scale(1, 1);
  -webkit-transform: translate(-50%) translate(-0.5px) translateZ(0) scale(1, 1);
  -moz-transform: translate(-50%) translate(-0.5px) translateZ(0) scale(1, 1);
}
#noty_layout__topCenter .noty_bar {
  margin: 0 auto;
  text-align: center;
}
#noty_layout__bottomRight {
  width: auto;
  max-width: 280px;
  right: 48px;
  bottom: 48px;
}
.noty_theme__relax.noty_bar {
  font-size: 13px;
  line-height: 16px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.noty_effects_weaver_open {
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-animation: noty_weaver_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_weaver_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.noty_effects_weaver_close {
  -webkit-animation: noty_weaver_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_weaver_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes noty_weaver_in {
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes noty_weaver_out {
  100% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
  }
}
.centered-popup.companies-selection .popup-container .popup-content {
  width: 700px;
  padding: 25px;
}
.centered-popup.companies-selection .popup-container .companies-selection-list {
  width: 60%;
  margin: 30px auto;
  overflow: auto;
  font-size: 19px;
}
.centered-popup.companies-selection .popup-container .companies-selection-list ul {
  margin: 0px;
  padding: 0px;
}
.centered-popup.companies-selection .popup-container .companies-selection-list li {
  margin: 5px 0;
  line-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-left: 44px;
  width: 100%;
  box-sizing: border-box;
  text-overflow: ellipsis;
}
.enlarge-icon {
  width: 100%;
  height: 100%;
  cursor: default;
  background-position: center;
  background-image: url('resource/pngs/Enlarge_thumb-52849e70dbad635ab1e960d700066773.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.enlarge-icon:hover {
  background-image: url('resource/pngs/Enlarge_thumb_blue-494b03bc77c4e30f5b0f3c3193750188.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.enlarged-thumbnail-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.enlarged-thumbnail .imageContent {
  position: relative;
  overflow: hidden;
}
.w-runlist-view,
.w-product-overview {
  position: relative;
  height: 100%;
  width: auto;
  overflow: hidden;
  display: flex;
}
.w-runlist-view.paddingBottom-small .list,
.w-product-overview.paddingBottom-small .list {
  padding-bottom: 50px;
}
.w-runlist-view.paddingBottom-large .list,
.w-product-overview.paddingBottom-large .list {
  padding-bottom: 90px;
}
.w-runlist-view .list,
.w-product-overview .list {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}
.w-runlist-view .list .list-item,
.w-product-overview .list .list-item {
  width: 100%;
  overflow-y: hidden;
}
.w-runlist-view .list.filtered,
.w-product-overview .list.filtered {
  border: 4px solid #fcf38d;
  box-sizing: border-box;
}
.w-runlist-view:focus,
.w-product-overview:focus {
  outline: 0;
}
.w-product-overview .list-item {
  height: 110px;
}
.w-runlist-page,
.w-product-page {
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  color: white;
  border-bottom: 1px solid #b2b2b2;
  box-sizing: border-box;
  height: 100%;
}
.w-runlist-page.action,
.w-product-page.action {
  background-color: #7a7a7a;
}
.w-runlist-page.assign,
.w-product-page.assign {
  background-color: #a8a476;
}
.w-runlist-page.context,
.w-product-page.context {
  border: 2px solid darkgray;
}
.w-runlist-page {
  display: flex;
  align-items: center;
}
.w-runlist-page.assign {
  background-color: #a8a476;
}
.w-runlist-page.hovered {
  background-color: #cec88c;
}
.w-runlist-page .page-label {
  display: inline-block;
  width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  margin-left: 10px;
}
.w-runlist-page .w-status-bar {
  display: inline-block;
  width: 130px;
  height: 26px;
}
.w-runlist-page .w-status-bar .flipBookStatusBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: absolute;
  position: relative;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.hidden {
  display: none !important;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.left {
  height: 26px;
  top: -28px;
  left: -2px;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.right {
  height: 26px;
  top: -28px;
  right: -2px;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.top {
  width: 26px;
  right: -28px;
  top: -2px;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.bottom {
  width: 26px;
  right: -28px;
  bottom: -2px;
}
.w-runlist-page .w-status-bar .flipBookStatusBar.right {
  top: 0;
  right: 0;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: none;
  background-color: transparent;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.readyToApprove {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.readyToApproveByMe {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.approved {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.approvedForMe {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.rejected {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentReadyToApprove {
  background-image: url('resource/pngs/status_to_inspect_gr-e8062cd4134309b175aa687bafb4120d.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentApproved {
  background-image: url('resource/pngs/status_approved_gr-dee244c900f398584d2c47f97edb9894.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentApprovedForMe {
  background-image: url('resource/pngs/status_approved_MA_gr-52b550ff922bbc62c88ebf08494bbb21.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentRejected {
  background-image: url('resource/pngs/status_rejected_gr-4334e685f849220c6487d47e84af2e8a.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.frozen {
  background-image: url('resource/pngs/frozen-flipbook-9327fa4eb1d95e2ed31264d47c170dc1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.pageHistory {
  background-image: url('resource/pngs/page_history_flipbook-f2b52cbe1eb98997459c4789cdee45be.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.varnish {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.finished {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/processing-2f8fb21d30e6f16a106647bb931a541c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.discarded {
  background-image: url('resource/pngs/revised-flow-state-icons/discarded-7eaa19dbd1c6ccbe8333ca999f5a8c8e.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold {
  cursor: default;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.manual {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-manual-7eb709a3a4408e531ea36b71be9f2ff1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.collect {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-collect-871331ee195988e6f548a72e4cfc2d68.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.after-hours {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-after-hours-eece31a263454f5ea41d1b07b779dfa5.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.for-plate-making {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-platemaker-215013d831d1a698dcf433f6ca575d88.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.for-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-proof-b39e0b19db090715a44bf3ac03cb5cd4.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.other {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-other-529e73fed06ee381ae4bb522408c0d4f.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.remark {
  background-image: url('resource/pngs/preview_area_remark-7bb5d80a1435fa498f019f3173c36dae.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.w-runlist-page .w-status-bar .flipBookStatusBar .pageStateButton.warningRemark {
  background-image: url('resource/pngs/preview_area_remark_warnings-19be511a902792a83c537b22a1d54898.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.w-runlist-page .thumbnail-wrapper {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.w-runlist-page .thumbnail-wrapper .thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.w-runlist-page .thumbnail-wrapper .document-thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}
.w-runlist-page .thumbnail-wrapper .document-thumbnail .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.w-runlist-page .thumbnail-wrapper .document-thumbnail .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.w-runlist-page .files {
  display: inline-block;
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.w-runlist-page .files.italic {
  font-style: italic;
}
.w-runlist-page .sideContents {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  margin: 0 15px 0 10px;
}
.w-runlist-page .sideContents .color-list {
  display: inline-block;
  position: relative;
}
.w-product-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 20px;
}
.w-product-page.light:not(.action) {
  background-color: #484848;
}
.w-product-page .page-label {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-right: 5px;
  flex: 1 1 200px;
  margin-left: 10px;
}
.w-product-page .w-status-bar {
  position: relative;
  width: 26px;
  height: 100%;
  flex-shrink: 0;
}
.w-product-page .w-status-bar .flipBookStatusBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: absolute;
  position: relative;
}
.w-product-page .w-status-bar .flipBookStatusBar.hidden {
  display: none !important;
}
.w-product-page .w-status-bar .flipBookStatusBar.left {
  height: 26px;
  top: -28px;
  left: -2px;
}
.w-product-page .w-status-bar .flipBookStatusBar.right {
  height: 26px;
  top: -28px;
  right: -2px;
}
.w-product-page .w-status-bar .flipBookStatusBar.top {
  width: 26px;
  right: -28px;
  top: -2px;
}
.w-product-page .w-status-bar .flipBookStatusBar.bottom {
  width: 26px;
  right: -28px;
  bottom: -2px;
}
.w-product-page .w-status-bar .flipBookStatusBar.top {
  top: 0;
  right: 0;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: none;
  background-color: transparent;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.readyToApprove {
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.readyToApproveByMe {
  background-image: url('resource/pngs/status_to_inspect_MA-7b5cf327955a4ba7f13aa40879ad82f3.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.approved {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.approvedForMe {
  background-image: url('resource/pngs/status_approved_MA-aa530696198e81976c9f8b9dab3da937.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.rejected {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentReadyToApprove {
  background-image: url('resource/pngs/status_to_inspect_gr-e8062cd4134309b175aa687bafb4120d.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentApproved {
  background-image: url('resource/pngs/status_approved_gr-dee244c900f398584d2c47f97edb9894.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentApprovedForMe {
  background-image: url('resource/pngs/status_approved_MA_gr-52b550ff922bbc62c88ebf08494bbb21.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.dependentRejected {
  background-image: url('resource/pngs/status_rejected_gr-4334e685f849220c6487d47e84af2e8a.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.frozen {
  background-image: url('resource/pngs/frozen-flipbook-9327fa4eb1d95e2ed31264d47c170dc1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.pageHistory {
  background-image: url('resource/pngs/page_history_flipbook-f2b52cbe1eb98997459c4789cdee45be.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.varnish {
  background-image: url('resource/pngs/varnish_white-ca1c78505c177dd5d5debe8e4f415cb2.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.finished {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/processing-2f8fb21d30e6f16a106647bb931a541c.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.discarded {
  background-image: url('resource/pngs/revised-flow-state-icons/discarded-7eaa19dbd1c6ccbe8333ca999f5a8c8e.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold {
  cursor: default;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.manual {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-manual-7eb709a3a4408e531ea36b71be9f2ff1.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.collect {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-collect-871331ee195988e6f548a72e4cfc2d68.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.after-hours {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-after-hours-eece31a263454f5ea41d1b07b779dfa5.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.for-plate-making {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-platemaker-215013d831d1a698dcf433f6ca575d88.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.for-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-proof-b39e0b19db090715a44bf3ac03cb5cd4.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.hold.other {
  background-image: url('resource/pngs/revised-flow-state-icons/resource-hold-other-529e73fed06ee381ae4bb522408c0d4f.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.remark {
  background-image: url('resource/pngs/preview_area_remark-7bb5d80a1435fa498f019f3173c36dae.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.w-product-page .w-status-bar .flipBookStatusBar .pageStateButton.warningRemark {
  background-image: url('resource/pngs/preview_area_remark_warnings-19be511a902792a83c537b22a1d54898.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.w-product-page .thumbnail-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}
.w-product-page .thumbnail-wrapper .thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.w-product-page .thumbnail-wrapper .document-thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}
.w-product-page .thumbnail-wrapper .document-thumbnail .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.w-product-page .thumbnail-wrapper .document-thumbnail .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.w-product-page .files {
  margin: 0 auto;
  flex: 1 1 240px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-right: 1em;
}
.w-product-page .files.italic {
  font-style: italic;
}
.w-product-page .product-info {
  flex: 0 1 200px;
  overflow: hidden;
}
.centered-background-message {
  color: white;
  font-family: 'roboto_condensedlight';
  font-size: 18px;
  height: 30px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  width: 100%;
  text-align: center;
}
.no-results-message {
  text-align: center;
  line-height: 50px;
  font-family: 'roboto_condensedregular';
  color: white;
}
.w-page-results-view {
  position: relative;
  height: 100%;
  width: auto;
  overflow: hidden;
  display: flex;
}
.w-page-results-view .page-results {
  position: relative;
  flex: 1;
}
.w-page-results-view .color-patch .composite,
.w-press-sheet-pages-view .color-patch .composite {
  min-width: 12px;
  min-height: 12px;
  position: absolute;
  left: -4px;
  margin: 0;
}
.w-press-sheet-view .color-patch {
  width: 16px;
  height: 16px;
  margin: 3px 1px;
}
.w-colors-dialog .popup-container {
  min-width: 450px;
}
.w-colors-dialog .popup-container .popup-header {
  border-bottom: 2px solid #b2b2b2;
}
.w-colors-dialog ul {
  display: flex;
  flex-direction: column;
}
.w-colors-dialog ul li {
  display: flex;
  align-items: center;
  padding: 5px 20px 5px 0;
}
.w-colors-dialog ul li .color-patch {
  width: 40px;
  height: 40px;
  margin: 0 20px 0 20px;
  flex: 0 0 auto;
}
.w-press-sheet-view,
.w-press-sheet-pages-view {
  position: relative;
  height: 100%;
  width: auto;
  overflow: hidden;
  display: flex;
}
.w-press-sheet-view.paddingBottom-small > .ember-view > .ember-view > div,
.w-press-sheet-pages-view.paddingBottom-small > .ember-view > .ember-view > div {
  padding-bottom: 50px;
}
.w-press-sheet-view.paddingBottom-large > .ember-view > .ember-view > div,
.w-press-sheet-pages-view.paddingBottom-large > .ember-view > .ember-view > div {
  padding-bottom: 90px;
}
.w-press-sheet-view .press-sheet-pages,
.w-press-sheet-pages-view .press-sheet-pages {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1 auto;
}
.w-press-sheet-view .press-sheet-pages.right-binding,
.w-press-sheet-pages-view .press-sheet-pages.right-binding {
  flex-direction: row-reverse;
}
.w-press-sheet-view .press-sheet-pages .press-sheet-pages-item,
.w-press-sheet-pages-view .press-sheet-pages .press-sheet-pages-item {
  position: relative;
}
.w-press-sheet-view .press-sheets-container,
.w-press-sheet-pages-view .press-sheets-container {
  position: relative;
  flex: 1;
  z-index: 0;
}
.w-press-sheet-view .press-sheets-container .press-sheets,
.w-press-sheet-pages-view .press-sheets-container .press-sheets {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}
.w-press-sheet-view .press-sheets-container .press-sheets .press-sheet-item,
.w-press-sheet-pages-view .press-sheets-container .press-sheets .press-sheet-item {
  position: relative;
}
.w-press-sheet-view .thumbnail,
.w-press-sheet-pages-view .thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.w-press-sheet-view .press-sheet-side,
.w-press-sheet-pages-view .press-sheet-side {
  max-width: 100%;
  overflow-x: auto;
}
.w-press-sheet-view .press-sheet-side .thumbnail,
.w-press-sheet-pages-view .press-sheet-side .thumbnail {
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 20px;
  transform: none;
}
.w-press-sheet-view .press-sheet-side .thumbnailSelectionOverlay,
.w-press-sheet-pages-view .press-sheet-side .thumbnailSelectionOverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.w-press-sheet-view .press-sheet-side .status-bar,
.w-press-sheet-pages-view .press-sheet-side .status-bar {
  position: absolute;
  right: 0;
  top: -28px;
}
.w-press-sheet-view .press-sheet-side .bottom-label,
.w-press-sheet-pages-view .press-sheet-side .bottom-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  color: white;
  font-size: 13px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.w-press-sheet-view .press-sheet-side .caption-text,
.w-press-sheet-pages-view .press-sheet-side .caption-text {
  color: white;
}
.w-press-sheet-view .document-thumbnail,
.w-press-sheet-pages-view .document-thumbnail {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}
.w-press-sheet-view .document-thumbnail .empty,
.w-press-sheet-pages-view .document-thumbnail .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.w-press-sheet-view .document-thumbnail .empty .overlayline,
.w-press-sheet-pages-view .document-thumbnail .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.w-press-sheet-view .w-header,
.w-press-sheet-pages-view .w-header {
  width: 100%;
  box-sizing: border-box;
  background-color: #606060;
  color: white;
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  line-height: 20px;
  padding: 0 0.5em;
  height: 38px;
}
.w-press-sheet-view .w-side-content-header,
.w-press-sheet-pages-view .w-side-content-header {
  width: 100%;
  box-sizing: border-box;
  background-color: #606060;
  color: white;
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  line-height: 20px;
  padding: 0 0.5em;
  height: 38px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #545454;
}
.w-press-sheet-view .w-side-content-header.disabled,
.w-press-sheet-pages-view .w-side-content-header.disabled {
  background-color: rgba(96, 96, 96);
  color: #ffffff;
  opacity: 0.7;
}
.w-press-sheet-view .w-side-content-header .collapse-button-wrapper,
.w-press-sheet-pages-view .w-side-content-header .collapse-button-wrapper {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
}
.w-press-sheet-view .w-side-content-header .collapse-button-wrapper .collapse-button,
.w-press-sheet-pages-view .w-side-content-header .collapse-button-wrapper .collapse-button {
  width: inherit;
  height: inherit;
  background-image: url('resource/pngs/press-sheet-minimize-6e2d62415011af8a6939f4536010d031.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-press-sheet-view .w-side-content-header .collapse-button-wrapper .collapse-button.collapsed,
.w-press-sheet-pages-view .w-side-content-header .collapse-button-wrapper .collapse-button.collapsed {
  background-image: url('resource/pngs/press-sheet-maximize-9ace2b42dfca4829d7fd3003a427f36d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-press-sheet-view .w-side-content-header .header-button,
.w-press-sheet-pages-view .w-side-content-header .header-button {
  color: inherit;
  background-color: #505050;
  border-radius: 10px;
  padding: 0 10px;
}
.w-press-sheet-view .w-side-content-header .header-button:hover,
.w-press-sheet-pages-view .w-side-content-header .header-button:hover {
  background-color: black;
}
.w-press-sheet-view .w-side-content-header .header-button.disabled,
.w-press-sheet-pages-view .w-side-content-header .header-button.disabled {
  cursor: default !important;
  background-color: transparent;
}
.w-press-sheet-view .w-side-content-header .header-label,
.w-press-sheet-pages-view .w-side-content-header .header-label {
  background-color: transparent;
  margin: 0 4px 0 4px;
}
.w-press-sheet-view .w-side-content-header .header-label.blue-text,
.w-press-sheet-pages-view .w-side-content-header .header-label.blue-text {
  color: #88c0e9;
}
.w-press-sheet-view .w-side-content-header .press-sheet-labels,
.w-press-sheet-pages-view .w-side-content-header .press-sheet-labels {
  min-width: 88px;
}
.w-press-sheet-view .w-side-content-header .version-list,
.w-press-sheet-pages-view .w-side-content-header .version-list {
  display: inline-block;
  margin: 0 4px 0 4px;
  flex-basis: 50px;
}
.w-press-sheet-view .w-side-content-header .version-list .version,
.w-press-sheet-pages-view .w-side-content-header .version-list .version {
  display: inline-block;
  transform: scale(0.85);
  -o-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
}
.w-press-sheet-view .w-side-content-header .version-list .version.disabled,
.w-press-sheet-pages-view .w-side-content-header .version-list .version.disabled {
  opacity: 0.5;
}
.w-press-sheet-view .w-side-content-header .color-list,
.w-press-sheet-pages-view .w-side-content-header .color-list {
  margin: 0 4px 0 4px;
  display: inline-block;
  position: relative;
  line-height: 0;
}
.w-press-sheet-view .w-side-content-header .color-list .color-patch,
.w-press-sheet-pages-view .w-side-content-header .color-list .color-patch {
  margin: 1px;
}
.w-press-sheet-view .w-side-content-header .color-list.disabled,
.w-press-sheet-pages-view .w-side-content-header .color-list.disabled {
  opacity: 0.5;
}
.w-press-sheet-view .w-side-content-header .job-list-counters,
.w-press-sheet-pages-view .w-side-content-header .job-list-counters {
  display: flex;
  align-items: center;
}
.w-press-sheet-view .w-side-content-header .press-scores,
.w-press-sheet-pages-view .w-side-content-header .press-scores {
  padding-right: 10px;
  line-height: 0;
}
.w-press-sheet-view .w-side-content-header .press-scores .buttonWrapper,
.w-press-sheet-pages-view .w-side-content-header .press-scores .buttonWrapper {
  display: inline-block;
}
.w-press-sheet-view .w-side-content-header .press-scores .press-score,
.w-press-sheet-pages-view .w-side-content-header .press-scores .press-score {
  min-width: 34px;
  width: auto;
}
.w-press-sheet-view .w-side-content-header .counterClass,
.w-press-sheet-pages-view .w-side-content-header .counterClass {
  margin-left: 6px;
  min-width: 32px;
}
.w-press-sheet-view .w-side-content-header .border-right,
.w-press-sheet-pages-view .w-side-content-header .border-right {
  border-right: 1px solid #8b8b8b;
}
.w-press-sheet-view .w-edition-header,
.w-press-sheet-pages-view .w-edition-header {
  width: 100%;
  box-sizing: border-box;
  background-color: #606060;
  color: white;
  font-family: 'roboto_condensedregular';
  font-size: 14px;
  line-height: 20px;
  padding: 0 0.5em;
  height: 38px;
  background-color: transparent;
}
.w-press-sheet-view .w-edition-header .versionTag,
.w-press-sheet-pages-view .w-edition-header .versionTag {
  display: inline-block;
}
.w-press-sheet-view .w-edition-header.disabled,
.w-press-sheet-pages-view .w-edition-header.disabled {
  opacity: 0.5;
}
.w-press-sheet-view .loading.full-width,
.w-press-sheet-pages-view .loading.full-width {
  display: inline-block;
  position: relative;
  width: 100vw;
  height: 100%;
  vertical-align: bottom;
}
.w-press-sheet-view .loading.full-width .spinner,
.w-press-sheet-pages-view .loading.full-width .spinner {
  width: 16px;
  height: 16px;
}
.w-press-sheet-view:focus,
.w-press-sheet-pages-view:focus {
  outline: 0;
}
.allPagesApproved {
  background-image: url('resource/pngs/status_stack_all_pages_approved-ec4f862d49d011a9d339af6d02a9d974.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 44px;
  height: auto;
  line-height: 1.4;
  font-size: 16px;
}
.centered-popup.imposition-report .popup-container .popup-content {
  width: 500px;
  max-width: 100%;
}
.centered-popup.imposition-report .popup-container .popup-content .dialog-form {
  padding-top: 2em;
  margin-bottom: 40px;
}
.centered-popup.imposition-report .popup-container .popup-content .form-label {
  padding-left: 1em;
}
.centered-popup.imposition-report .popup-container .popup-content .form-value .power-select {
  min-width: 250px;
  width: 280px;
}
.centered-popup.imposition-report .popup-container .popup-content .form-value .checkBox {
  width: 250px;
}
.job-type-icon {
  width: 44px;
  height: 44px;
}
.job-type-icon.DA {
  background-image: url('resource/pngs/AFI_DA-12505e11b1a1ebdfe42947f118197059.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA.stacked {
  margin: -10px 0;
  background-image: url('resource/pngs/stack_AFI_DA-f42d5037212f5f5862313c0db94f972e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-byMe {
  background-image: url('resource/pngs/AFI_DA_blue-b61f5088bf7fe8248fa9801ae609728e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-byMe.stacked {
  margin: -10px 0;
  background-image: url('resource/pngs/stack_AFI_DA_blue-e842b36dd432074890968e114ff4512b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-FA {
  background-image: url('resource/pngs/AFI_DA+FA-3100ca273c6e3446f174d542418a3173.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-FA.stacked {
  background-image: url('resource/pngs/stack_AFI_DA+FA-b5a58fa8e8c88ab78bc341443d72bbd3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-FA-byMe {
  background-image: url('resource/pngs/AFI_DA+FA_blue-c6eda3a7a53f236e39ea20ade841968c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-FA-byMe.stacked {
  background-image: url('resource/pngs/stack_AFI_DA+FA_blue-e9bbc72fe727d468386f96e3ef2fd95d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-byMe-FA {
  background-image: url('resource/pngs/AFI_DA_blue+FA-7c196bb81e0b68eb8b382f28010b2251.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.DA-byMe-FA.stacked {
  background-image: url('resource/pngs/stack_AFI_DA_blue+FA-a35787eddc0d91e9ddbbaf3fabbd6a0c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA {
  background-image: url('resource/pngs/AFI_MA-5ad42f5c770f5b93257f67994ad2d848.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA.stacked {
  background-image: url('resource/pngs/stack_AFI_MA-329df682b013b32f7a8886a84a559eb3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-byMe {
  background-image: url('resource/pngs/AFI_MA_blue-a53be9a8d4afc8c543a380de1dbe8a4b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-byMe.stacked {
  background-image: url('resource/pngs/stack_AFI_MA_blue-cacb45174e5ab10d313a59a82ca80b18.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-FA {
  background-image: url('resource/pngs/AFI_MA+FA-0406b09baae5516f641a18e4cebcb783.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-FA.stacked {
  background-image: url('resource/pngs/stack_AFI_MA+FA-e6179618bfd9e504767f2a66545d08d1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-byMe-FA {
  background-image: url('resource/pngs/AFI_MA_blue+FA-323e4b34638430b7909266ff6517fe6e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-byMe-FA.stacked {
  background-image: url('resource/pngs/stack_AFI_MA_blue+FA-68f6e861a364a4ab781831e0953d32d1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-FA-byMe {
  background-image: url('resource/pngs/AFI_MA+FA_blue-364c88e70824ce84340ab8abac61ab46.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-type-icon.MA-FA-byMe.stacked {
  background-image: url('resource/pngs/stack_AFI_MA+FA_blue-5f38d378f74f6ff182b223124708d2b5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.job-upload-icon {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/stack_AFI_upload-de6453158bae8c37b6de7ba7951d05df.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon {
  width: 44px;
  height: 44px;
  background-image: url('resource/pngs/AFI_upload-6ebc6049c74087f91681f63fcf92257b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.stacked {
  background-image: url('resource/pngs/stack_AFI_upload-de6453158bae8c37b6de7ba7951d05df.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.byMe {
  background-image: url('resource/pngs/AFI_upload_blue-7e5ae8dc30ff61d32adabb1398b47204.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.byMe.stacked {
  background-image: url('resource/pngs/stack_AFI_upload_blue-f06c3403fd6f15349381d1801c5f411c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon:hover {
  background-image: url('resource/pngs/AFI_upload_rollover-d62b35fcef41931829755f5c71785666.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon:hover.stacked {
  background-image: url('resource/pngs/stack_AFI_upload_rollover-085807198c2f7bae979d10397667825c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.error {
  background-image: url('resource/pngs/AFI_upload_error-7e4415152fafdbbe9cbf5b2774be375c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.error.stacked {
  background-image: url('resource/pngs/stack_AFI_upload_error-058682eee30405e0543118b6e8e0ab20.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.error.byMe {
  background-image: url('resource/pngs/AFI_upload_blue_error-4a76c38f3c8e5d904d8ea7b4152dcd0c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-upload-icon.error.byMe.stacked {
  background-image: url('resource/pngs/stack_AFI_upload_blue_error-443f251733a485ea55cd6dc866206c23.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-job-flows {
  width: 456px;
  font-size: 0;
}
.w-job-flows.compact {
  width: 300px;
}
.w-flow-progress {
  display: inline-flex;
  position: relative;
  align-items: center;
  width: auto;
  min-width: 70px;
  font-size: 13px;
  padding: 0 3px 0 3px;
}
.compact .w-flow-progress {
  min-width: 24px;
}
.w-flow-progress .progress-counter-container {
  flex: 1 1 auto;
  display: inline-flex;
  position: relative;
  margin: 0 0 0 4px;
}
.w-flow-progress .progress-counter-container .countIcon {
  margin-left: -3px;
  display: inline-flex;
  width: 16px;
  height: 16px;
  background-image: url('resource/pngs/approver-3e30e3abbd4c63247e492a0452dbd97a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-flow-progress .progress-counter-container .countIcon.active {
  background-image: url('resource/pngs/approve_selected-b4b0ecb4a797bd116c4c4bf2a657ec93.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-flow-progress .bottom-globalProgressBarContainer {
  margin-top: 3px;
  background-color: #d2d2d2;
}
.w-flow-icon {
  display: inline-flex;
  align-items: center;
}
.flow-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.flow-icon.inactive {
  opacity: 60%;
}
.w-flow-button {
  display: inline-flex;
  align-items: center;
  height: 33px;
  padding: 0 3px 0 3px;
}
.w-flow-button .flow-button-name {
  font-size: 14px;
  padding: 0 7px 0 7px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid #808080;
  margin-left: 6px;
  color: #808080;
}
.w-flow-button .flow-button-name.active {
  color: white;
  background-color: #808080;
}
.flow-icon-main-output {
  background-image: url('resource/pngs/revised-flow-state-icons/main-none-2db28ea901ae5cdb756aeaebed652d67.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.error {
  background-image: url('resource/pngs/revised-flow-state-icons/main-error-075f7b7139264546adcfaceb0d48606d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.finished {
  background-image: url('resource/pngs/revised-flow-state-icons/main-ready-4177349ac01e89bcd39dde6fa6ff1d96.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.rejected {
  background-image: url('resource/pngs/revised-flow-state-icons/main-rejected-132ee8cf8a0fd61466df930418507ecc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.in-hold {
  background-image: url('resource/pngs/revised-flow-state-icons/main-onhold-e63cf1f9c91f37585eb8d43808cf3b72.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/main-processing-e059464e0771255e0838627397615218.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.impo-undefined {
  background-image: url('resource/pngs/revised-flow-state-icons/main-impo-undefined-573a0e678f9e15c7eadbcbe81bc1a2d7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-main-output.incomplete {
  background-image: url('resource/pngs/revised-flow-state-icons/main-insufficient-086b2f11033764018da9642bf1f38c61.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display {
  background-image: url('resource/pngs/revised-flow-state-icons/display-none-1722efc7314282d98e053b08774e8609.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.error {
  background-image: url('resource/pngs/revised-flow-state-icons/display-error-c378eef9a31831451904f732f9840128.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.finished {
  background-image: url('resource/pngs/revised-flow-state-icons/display-ready-a4e74f0d17b4d4ecc1d3abef45356dad.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.rejected {
  background-image: url('resource/pngs/revised-flow-state-icons/display-rejected-710d24d660e6de455bb822d39bc20c70.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.in-hold {
  background-image: url('resource/pngs/revised-flow-state-icons/display-hold-35264a330a8b9fd876dbc458f029102d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/display-processing-1b4730025b4f78b91f75a6b581d83cef.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-display.incomplete {
  background-image: url('resource/pngs/revised-flow-state-icons/display-insufficient-5e6c511011ac0136e6195ff665ecef90.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/page-none-a701ab84f2394ba1a13ee57344b222bd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.error {
  background-image: url('resource/pngs/revised-flow-state-icons/page-error-2df45ffcf15afacc989e89c37e72799f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.finished {
  background-image: url('resource/pngs/revised-flow-state-icons/page-ready-be8eb70f17c6a589b1498801721c2c52.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.rejected {
  background-image: url('resource/pngs/revised-flow-state-icons/page-rejected-d07e2e88bd58d331f97d3dce0d1961f9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.in-hold {
  background-image: url('resource/pngs/revised-flow-state-icons/page-onhold-1dc2b74f90983a56f2fbdd1818589dfd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/page-processing-f6737dd12f2bdaf0a9f24e1fd2aa85c2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-page-proof.incomplete {
  background-image: url('resource/pngs/revised-flow-state-icons/page-insufficient-7a83f0cf12dec3c3e8c8dc9f5a3db5b2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-none-143dd7914990a7ffb6803cfbbe565e6b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.error {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-error-2fece3eb766f4b307ee75c77be7086b2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.finished {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-ready-1e55adf2dab198127fd111b28d78db2a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.rejected {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-rejected-e9e29069c0330411a09558136e685c57.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.in-hold {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-onhold-005480e2414c47dd1e5ac54f31521a44.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-processing-615a43f94b37fafab80484bc1d5a28a8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.impo-undefined {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-undefined-aee48adf9d088d14e31e174d711922a2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-imposition-proof.incomplete {
  background-image: url('resource/pngs/revised-flow-state-icons/impo-insufficient-6be65d8c8e7d9c6ccf55b49c5f38f097.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export {
  background-image: url('resource/pngs/revised-flow-state-icons/export-none-06986a1a27e2c485846d78c25a8a1924.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.error {
  background-image: url('resource/pngs/revised-flow-state-icons/export-error-486136161f128a7d4b1a04c8fb5d00ad.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.finished {
  background-image: url('resource/pngs/revised-flow-state-icons/export-ready-ad7b32b360a4d7a525ec7daf71efdddc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.rejected {
  background-image: url('resource/pngs/revised-flow-state-icons/export-rejected-0bc86c3c40cbcb07acb540f64241d6ee.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.in-hold {
  background-image: url('resource/pngs/revised-flow-state-icons/export-onhold-a75ecc2c53c0e3e2ad47d4637c2874c9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.processing {
  background-image: url('resource/pngs/revised-flow-state-icons/export-processing-927e8d606bc5cf372b27d6461867009e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.impo-undefined {
  background-image: url('resource/pngs/revised-flow-state-icons/export-impo-undefined-bac8e0427e3983d083cc20c36d462e2d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.flow-icon-export.incomplete {
  background-image: url('resource/pngs/revised-flow-state-icons/export-insufficient-5d346103dbea68732b5fc3c650b90df1.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.press-score {
  width: 100%;
  height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
}
.press-score .aligned-text {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
}
.press-score.threshold1 {
  font-family: 'roboto_condensedlight';
  background-color: #e94325;
  border: 1px solid #c6381f;
  color: white;
}
.press-score.threshold1.extra-border {
  border: 2px solid #4f4f4f;
}
.press-score.threshold2 {
  background-color: #f7d046;
  border: 1px solid #dbb83d;
}
.press-score.threshold2.extra-border {
  border: 2px solid #4f4f4f;
}
.press-score.threshold3 {
  background-color: #d9faae;
  border: 1px solid #b2ce8e;
}
.press-score.threshold3.extra-border {
  border: 2px solid #4f4f4f;
}
.press-score.threshold4 {
  background-color: #5bc73d;
  border: 1px solid #4da834;
}
.press-score.threshold4.extra-border {
  border: 2px solid #4f4f4f;
}
.buttonWrapper .press-score {
  padding: 0 2px 0 2px;
  width: 34px;
  float: initial;
  margin: auto;
}
.centered-popup.press-score-dialog .popup-container .popup-header {
  padding-left: 44px;
  justify-content: flex-start;
  background-image: url('resource/pngs/PressTune-05e04b15d4c9cd096e32743f2f03d9ea.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup.press-score-dialog .popup-container .popup-content {
  background-color: #fbf8cb;
  font-size: 14px;
  font-family: 'roboto_condensedregular';
  padding: 0.4em;
}
.centered-popup.press-score-dialog .popup-container .popup-content .score-date {
  text-align: right;
  color: darkgrey;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-counter-container {
  padding: 15px 60px 20px 60px;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-counter-container li {
  display: flex;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-counter-container li .press-score {
  flex: 0 1 auto;
  margin: 2px 5px 2px 5px;
  padding: 0 6px;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-counter-container li .press-score:last-child {
  margin-right: 0;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-counter-container li .press-score:first-child {
  margin-left: 0;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend {
  padding: 10px 25px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .legend,
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color {
  flex: 0 1 auto;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold1 {
  font-family: 'roboto_condensedlight';
  background-color: #e94325;
  border: 1px solid #c6381f;
  color: white;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold1.extra-border {
  border: 2px solid #4f4f4f;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold2 {
  background-color: #f7d046;
  border: 1px solid #dbb83d;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold2.extra-border {
  border: 2px solid #4f4f4f;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold3 {
  background-color: #d9faae;
  border: 1px solid #b2ce8e;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold3.extra-border {
  border: 2px solid #4f4f4f;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold4 {
  background-color: #5bc73d;
  border: 1px solid #4da834;
}
.centered-popup.press-score-dialog .popup-container .popup-content .press-score-color-legend .color.threshold4.extra-border {
  border: 2px solid #4f4f4f;
}
.centered-popup.press-score-dialog .popup-container .popup-content .form {
  padding: 25px 25px 0 25px;
  margin: 0;
}
.centered-popup.press-score-dialog .popup-container .popup-content .form .form-label {
  vertical-align: middle;
  padding-left: 0;
}
.centered-popup.press-score-dialog .popup-container .popup-content .form .form-value {
  width: 3.5em;
  padding-bottom: 2px;
}
.press-sheet-side.disabled {
  opacity: 0.5;
}
.press-sheet-side .color-list.right {
  right: -22px;
}
.press-sheet-side .version-list {
  position: absolute;
  top: 1.5px;
  left: 20px;
  font-size: 0;
}
.press-sheet-side .version-list .version {
  display: block;
}
.press-sheet-side .version-list .version .VersionTag .VersionLabel {
  position: relative;
  color: black;
  z-index: 1;
  font-size: 11px;
  line-height: 19px;
  font-family: 'roboto_condensedregular';
  min-height: 19px;
}
.press-sheet-side .version-list .version .VersionTag .VersionImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.press-sheet-side .version-list .version .VersionTag .VersionImage img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.press-sheet-side .version-list .version.disabled {
  opacity: 0.5;
}
.w-legend {
  border-collapse: collapse;
}
.w-legend .row {
  border-bottom: 1px solid #dedede;
}
.w-legend .row .w-legend-item:first-child {
  padding-left: 10px;
}
.w-legend .row .w-legend-item:last-child {
  padding-right: 10px;
}
.w-legend .row.summary .w-legend-item {
  border-top: 2px solid #b2b2b2;
  border-bottom: 2px solid #b2b2b2;
}
.w-diff-wrapper {
  height: 100%;
  background-color: #3d3d3d;
  display: flex;
  flex-direction: column;
}
.w-diff-wrapper .container {
  height: 100%;
  display: flex;
}
.w-diff-wrapper .container .pages-wrapper {
  position: relative;
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.w-diff-wrapper .container .pages-wrapper .page-wrapper {
  position: relative;
  display: inline-block;
  height: 100%;
  flex-grow: 1;
}
.w-diff-wrapper .container .pages-wrapper .page-wrapper .page-viewport {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.w-diff-wrapper .container .pages-wrapper .spacer {
  height: 100%;
  width: 8px;
  background-color: #545454;
}
.w-diff-wrapper .rightPanelFooter .documentDeleted {
  color: #ffb800;
}
.w-diff-wrapper .diff-wrapper-select.edition {
  min-width: 180px;
}
.w-diff-wrapper .diff-wrapper-select.history {
  min-width: 150px;
}
.w-diff-wrapper .diff-wrapper-select.compare-mode {
  min-width: 150px;
}
.w-diff-wrapper .diff-wrapper-select.dark.ember-power-select-trigger {
  border: 2px solid #8e8e8e;
  background-color: #545454;
  color: white;
}
.w-diff-wrapper .diff-wrapper-select.dark.ember-power-select-trigger.leftFiller {
  margin-left: auto;
}
.w-diff-wrapper .diff-wrapper-select.dark.ember-power-select-trigger:focus {
  border-color: #393939;
}
.w-diff-wrapper .diff-wrapper-select.dark.ember-power-select-trigger:hover {
  background: #606060;
}
.w-diff-wrapper .diff-wrapper-select.dark .ember-power-select-option {
  background-color: #545454;
  color: #dfdfdf;
}
.w-diff-wrapper .diff-wrapper-select.dark .ember-power-select-option[aria-selected="true"] {
  background-color: #8c8c8c;
  color: white;
}
.w-diff-wrapper .diff-wrapper-select.dark .ember-power-select-option[aria-current="true"] {
  background-color: #b2b2b2;
  color: white;
}
.w-diff-wrapper .diff-wrapper-select .ember-power-select-option {
  padding: 0 16px 0 8px;
}
.w-diff-wrapper .document-info {
  flex: 1.5 1 0;
  color: white;
  font-size: 13px;
  line-height: 13px;
  margin-left: 10px;
  margin-right: 10px;
}
.w-diff-wrapper .document-info.right {
  text-align: end;
}
.w-page-diff {
  position: relative;
}
.w-page-diff .pageContent {
  position: absolute;
  top: 0;
  left: 0;
}
.w-page-diff .mask {
  background-color: white;
}
.w-scrolling-viewport {
  overflow: auto;
}
.w-scrolling-viewport.pan-enabled {
  cursor: url('resource/pngs/hand-cursor-67c7f24f623355ee3c1ba25a62a72cbf.png') 11 11, cell;
}
.centered-popup .help-container {
  color: white;
  background-color: #393939;
  max-height: calc(100vh - 2 * 60px);
  overflow: auto;
  padding: 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  cursor: default !important;
  font-size: 18px;
  line-height: 44px;
}
.centered-popup .help-container .popup-header {
  background-color: unset;
  white-space: nowrap;
  border: none;
}
.centered-popup .help-container .popup-header .popup-header-button {
  margin-left: 0;
  background-image: url('resource/pngs/close_white-320a4279d9eb1eeceabcfb12fe928c58.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.centered-popup .help-container .popup-header .header-content {
  margin: 0 auto;
}
.centered-popup .help-container .popup-content {
  font-family: 'robotoregular';
  font-size: 15px;
  line-height: 22px;
  color: white;
  padding: 0 20px;
}
.centered-popup .help-container .popup-content .help-header {
  max-width: 600px;
  font-family: 'robotobold';
  font-size: 18px;
  white-space: nowrap;
  line-height: 44px;
}
.centered-popup .help-container .popup-content .help-content {
  max-width: 600px;
  width: 600px;
  display: table;
  width: 100%;
  padding: 5px 20px 25px 10px;
  box-sizing: border-box;
}
.centered-popup .help-container .popup-content .help-content .help-item {
  display: table-row;
}
.centered-popup .help-container .popup-content .help-content .help-item .help-text {
  display: table-cell;
  padding-left: 10px;
  white-space: normal;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-item .help-text .help-label {
  font-family: 'robotobold';
}
.centered-popup .help-container .popup-content .help-content .help-extra {
  display: table-caption;
  caption-side: bottom;
  padding-left: 10px;
}
.centered-popup .help-container .popup-content .help-content .help-info-icon {
  display: table-cell;
  background-image: url('resource/pngs/info_white-fd045232254fb617ef8b266d78d2aaee.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-job-tiles-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_tiles-be3109789d06b3eb3f3bb610342ca672.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-job-list-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_list-0d9d9efe92c2b301e640871773b888fe.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-hot-tickets-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_HT-1f500db11389d11b25eb7195e93b79fb.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-pageActions-approve-icon {
  display: table-cell;
  background-image: url('resource/pngs/AB_approve_idle-0909093e54a90b430be28474595b2741.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-pageActions-reject-icon {
  display: table-cell;
  background-image: url('resource/pngs/AB_reject_idle-89a8ff209e1cbcf63929c7d3722d17f8.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-pageActions-quickApprove-icon {
  display: table-cell;
  background-image: url('resource/pngs/AB_quick_app_idle-c4761efbed381dec49c43ffbadcf28ff.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-pageActions-place-icon {
  display: table-cell;
  background-image: url('resource/pngs/AB_place_idle-2fe10d5eb126e09d42ef7a04d83d7a20.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-upload-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_upload-ac146e3ae02f34b525cbd3209c25daf1.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-pagesOverview-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_overview-3ce932358a733b90d1b6e070d83eedf5.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-productsOverview-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_product_list-27116fea7579c65d3fe4e2a8d0fb6331.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-flipbook-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_flipbook-5066aea95ceb61d3140ea371b42c3a76.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-productFlipbook-icon {
  display: table-cell;
  background-image: url('resource/pngs/view_toggle_packaging-c8d11058cee7566853e31bfcef73a67f.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-fit-icon {
  display: table-cell;
  background-image: url('resource/pngs/fit-dc233d9ddf3b70b18c189715363e8491.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-content .help-content .help-jobViews-zoom-icon {
  display: table-cell;
  background-image: url('resource/pngs/NEW_zoom-d680d01be6acd6b91a44cc0b4a2918fb.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-footer {
  display: flex;
  background-color: unset;
  white-space: nowrap;
  border: none;
  padding: 0 20px;
  font-family: 'roboto_condensedregular';
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.centered-popup .help-container .popup-footer .phone {
  background-image: url('resource/pngs/phone-56062f0fff5815b1aaddba7a4a02f8f3.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.centered-popup .help-container .popup-footer .help-link {
  color: inherit;
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: middle;
  white-space: nowrap;
  margin: 0;
}
.centered-popup .help-container .popup-footer .help-link:hover {
  color: #8e8e8e;
}
.centered-popup.legal-notice .popup-content {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  width: 600px;
  padding: 4px;
}
.dialog-message-timeout {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.dialog-message-timeout .counter {
  color: #007aff;
}
.popup-attached.export-ink-report .popup-container {
  max-width: 400px;
}
.popup-attached.export-ink-report .popup-container .popup-header {
  padding-left: 44px;
  background-image: url('resource/pngs/export_blue-72c4a85db06b7a332d287998ad72fddf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.popup-attached.export-ink-report .popup-container .popup-content .content-form {
  padding: 20px 100px 20px 20px;
  margin: 0;
}
.popup-attached.export-ink-report .popup-container .popup-content .content-form .form-label {
  padding-left: 0;
}
.pages-overview {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  background-color: #3d3d3d;
  position: relative;
}
.pages-overview-header,
.results-view-header {
  position: relative;
  height: 44px;
  background-color: #d2d2d2;
  padding-left: 5px;
  border-bottom: 1px solid #b2b2b2;
  display: flex;
}
.pages-overview-header .page-grid-mode {
  margin-left: auto;
  margin-right: 44px;
}
.pages-overview-header .layer-selection {
  overflow: hidden;
  display: flex;
  flex: 1 1;
  align-items: center;
}
.pages-overview-header .layer-selection .header-label {
  flex: 0 1 auto;
}
.pages-overview-header .layer-selection .trailing-text {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  flex: 0 10 auto;
}
.pages-overview-header .layer-selection .layer-select {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  flex: 0 1 auto;
}
.pageGridViewButton {
  background-image: url('resource/pngs/overview-view-ac00e88c86a2c19c7127168fdfc911de.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageGridViewButton.active {
  background-image: url('resource/pngs/overview-view-blue-9776465d73e48c41ee62d5c847504ff5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pageGridViewButton[disabled] {
  background-image: url('resource/pngs/overview-view-dis-4b653be65f896a6d86a95419d085bbbd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.runlistViewButton {
  background-image: url('resource/pngs/runlist-view-7b07ba2d263a428e4d59f5ee8725ee31.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.runlistViewButton.active {
  background-image: url('resource/pngs/runlist-view-blue-4de45508cd74934253a32245f744edd4.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.runlistViewButton[disabled] {
  background-image: url('resource/pngs/runlist-view-dis-cf36d41657d092888039f88772b3f063.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.results-view-header {
  display: flex;
}
.results-view-header .results-view-header-flows {
  flex: auto;
  display: inline-flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.results-view-header .results-view-header-flows .w-flow-button {
  margin-right: 8px;
  flex: none;
}
.results-view-header .results-view-header-buttons {
  flex: none;
  padding-right: 44px;
}
.pressSheetViewButton {
  background-image: url('resource/pngs/press-sheet-view-6f063fb335a6cafbc602034c17f33643.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pressSheetViewButton.active {
  background-image: url('resource/pngs/press-sheet-view-blue-faefbafc265ee0e6e8c24345800e387d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pressSheetViewButton[disabled] {
  background-image: url('resource/pngs/press-sheet-view-dis-6d6cf0e14f55d96cb2253aefdfc24f2f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pressSheetPagesViewButton {
  background-image: url('resource/pngs/press-sheet-pages-view-90d5a40d2bd582cfb30b71d3d07bd413.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pressSheetPagesViewButton.active {
  background-image: url('resource/pngs/press-sheet-pages-view-blue-3f9cfb99757ce460f424b1e779f4a75f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.pressSheetPagesViewButton[disabled] {
  background-image: url('resource/pngs/press-sheet-pages-view-dis-8f1c77bba70f36d82c9e1522fa9bb81a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.drawingCanvas {
  position: absolute;
}
.drawingCanvas .drawingLine {
  position: absolute;
  border: 1px solid gray;
  box-sizing: border-box;
  z-index: 100000;
}
.drawingCanvas .drawingLineStart,
.drawingCanvas .drawingLineEnd {
  position: absolute;
  background-image: url('resource/pngs/measure-cross-9bb30adb61900a8cf3eea22aafd37098.png');
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  z-index: 100000;
}
.drawingCanvas .drawingRect {
  position: absolute;
  border: 2px solid #00ff00;
  box-sizing: border-box;
  z-index: 100000;
}
.w-stream-image-overview {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background-color: #3d3d3d;
  position: relative;
}
.w-stream-image {
  width: 100%;
}
.w-stream-image .main-panel .results-view-header {
  line-height: 44px;
  align-items: center;
}
.w-stream-image .main-panel .results-view-header .stretcher {
  margin-left: auto;
  flex: 1;
}
.w-stream-image .main-panel .results-view-header .flow-icon {
  margin-right: 8px;
}
.w-stream-image .main-panel .results-view-header .flow-icon,
.w-stream-image .main-panel .results-view-header .close-button {
  flex: none;
}
.w-stream-image .main-panel .results-view-header .stream-image-icon {
  background-image: url('resource/pngs/raster_preview-ab11bfd93a42455306fa8410c1ac3be5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-side-icon {
  background-image: url('resource/pngs/turn-bb816f21e25464c5b1d1268a0e33f7d2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-side-icon:hover {
  background-image: url('resource/pngs/turn_blue-2b5ebf2b993b8c43279714e187655fbd.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-side-icon:disabled {
  background-image: url('resource/pngs/turn_disabled-1ec35b6f194834e87f69d1c8375d7381.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-sheet-icon {
  background-image: url('resource/pngs/previous_page-c3fc87365a1f6163d0fa80c0a78301a7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-sheet-icon:hover {
  background-image: url('resource/pngs/previous_page_blue-905c0d9e41f8e79f8dececf425007cae.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-sheet-icon:disabled {
  background-image: url('resource/pngs/previous_page_disabled-0cf99ef4b6080588e19a87216df8795d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-sheet-icon {
  background-image: url('resource/pngs/next_page-3a65a92bf06586f628251c0a2252c8fc.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-sheet-icon:hover {
  background-image: url('resource/pngs/next_page_blue-ba76209417c5e3d0f536e941f46971fa.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-sheet-icon:disabled {
  background-image: url('resource/pngs/next_page_disabled-e151c5812505b607f162fa8da4721a37.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-side-icon {
  background-image: url('resource/pngs/previous_side-4bb4ed054d9f5f8ebe17d630398ce9a5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-side-icon:hover {
  background-image: url('resource/pngs/previous_side_blue-f4aed98b3c9674bc1753cc0da3804ee9.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .previous-side-icon:disabled {
  background-image: url('resource/pngs/previous_side_dis-033d8981373138a20f816b38501c15e8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-side-icon {
  background-image: url('resource/pngs/next_side-3c35ffe0e7932d668c4307c9a1226bf5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-side-icon:hover {
  background-image: url('resource/pngs/next_side_blue-01a9546e26f19c8fbf9a2ac0b14e0488.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .next-side-icon:disabled {
  background-image: url('resource/pngs/next_side_dis-4776ed7cdb45ca95d66013b5ffcf907a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-vertical-icon {
  background-image: url('resource/pngs/flip_vertical-e9e663ff4e0f17f6ba282050575e1c06.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-vertical-icon:active {
  background-image: url('resource/pngs/flip_vertical_blue-329ec1c8b140a032ff6a345ac3c73708.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-horizontal-icon {
  background-image: url('resource/pngs/flip_horizontal-c588d086a283d69c38d17d1ae5b2c03c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .flip-horizontal-icon:active {
  background-image: url('resource/pngs/flip_horizontal_blue-19adad6b910fd3c2de93e2ebf14f8718.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .rotate-clockwise-icon {
  background-image: url('resource/pngs/rotate_90CW-04693a10d905789b62e429eb6ebb11b5.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .rotate-clockwise-icon:active {
  background-image: url('resource/pngs/rotate_90CW_blue-5c260ad7b7b6a46c0780bb56aae79a28.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .rotate-counter-clockwise-icon {
  background-image: url('resource/pngs/rotate_90CCW-8580d9cac4e45ec12290ae6caaad59ac.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .rotate-counter-clockwise-icon:active {
  background-image: url('resource/pngs/rotate_90CCW_blue-07a09bffacc15cc318a26bf4801cc33d.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .zoom-icon {
  background-image: url('resource/pngs/raster_toggle_zoom-e9ee919e7dde856aea5273bcaab3b79b.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 22px;
}
.w-stream-image .main-panel .results-view-header .zoom-icon.active {
  background-image: url('resource/pngs/raster_toggle_zoom_selected-e01f8c643377678fe245ced87e9a362e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .zoom-out-icon {
  background-image: url('resource/pngs/raster_toggle_zoom_out-07bf655032a1908bc4b5dd7e412a373c.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 22px;
}
.w-stream-image .main-panel .results-view-header .zoom-out-icon.active {
  background-image: url('resource/pngs/raster_toggle_zoom_out_selected-0cd116824d2a033993076a5c901779f0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .pan-icon {
  background-image: url('resource/pngs/raster_toggle_hand-ebcf9bdfa32061e46e73eaa98af8b50c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .pan-icon.active {
  background-image: url('resource/pngs/raster_toggle_hand_selected-b7560d7f7feaae57169b7501f4acd065.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .marquee-icon {
  background-image: url('resource/pngs/raster_toggle_marquee-647fb5dce5cea7c10851a542504d04a8.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .marquee-icon.active {
  background-image: url('resource/pngs/raster_toggle_marquee_selected-24b8885ebbad570ab8e2c4e48a8fd491.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .measure-icon {
  background-image: url('resource/pngs/raster_toggle_measure-6ef6266fba1da1869791314227894d6b.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .results-view-header .measure-icon.active {
  background-image: url('resource/pngs/raster_toggle_measure_selected-7dbf48c968b424a713867c5a25775f5f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .viewport {
  position: relative;
  flex: 1 1 auto;
}
.w-stream-image .main-panel .viewport.zoom-cursor {
  cursor: url('resource/pngs/cursor-zoom-f76a99ee2e8927d3ac397f6e93876acf.png') 11 11, zoom-in;
}
.w-stream-image .main-panel .viewport.zoom-out-cursor {
  cursor: url('resource/pngs/cursor-zoom-out-65846b76f8eb0f234ae5beb3805e8589.png') 11 11, zoom-out;
}
.w-stream-image .main-panel .viewport.marquee-cursor {
  cursor: crosshair;
}
.w-stream-image .main-panel .viewport.measure-cursor {
  cursor: url('resource/pngs/measure-cursor-216dc6f7063f988cf00a21d12f98a695.png') 11 11, cell;
}
.w-stream-image .main-panel .viewport .blank {
  position: absolute;
  background-color: white;
}
.w-stream-image .main-panel .viewport .image {
  position: absolute;
}
.w-stream-image .main-panel .viewport .image .loading,
.w-stream-image .main-panel .viewport .image .loading-error {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.w-stream-image .main-panel .viewport .drawingCanvas .drawingRect {
  border: none;
  background: linear-gradient(90deg, #404040 50%, lightgreen 50%), linear-gradient(90deg, #404040 50%, lightgreen 50%), linear-gradient(0deg, #404040 50%, lightgreen 50%), linear-gradient(0deg, #404040 50%, lightgreen 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 24px 3px, 24px 3px, 3px 24px, 3px 24px;
  background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
  border-radius: 2px;
  padding: 1px;
  animation: dash 8s linear infinite;
}
@keyframes dash {
  to {
    background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
  }
}
.w-stream-image .main-panel .viewport .drawingCanvas .drawingLine {
  border: none;
  background: linear-gradient(90deg, gray 50%, transparent 50%);
  background-repeat: repeat-x;
  background-size: 8px 1px;
  background-position: 0% 0%;
  padding: 1px 0 0 0;
  animation: dash-line 8s linear infinite;
}
@keyframes dash-line {
  to {
    background-position: 100% 0%;
  }
}
.w-stream-image .main-panel .footer {
  position: relative;
  display: flex;
  height: 44px;
  background-color: #f8f8f8;
  border-top: 1px solid #dedede;
  color: #646464;
  padding-left: 5px;
  flex: 0 0 auto;
  align-items: center;
}
.w-stream-image .main-panel .footer .readout {
  line-height: 44px;
  border-left: solid #dedede 1px;
  margin-left: 10px;
  padding-left: 5px;
}
.w-stream-image .main-panel .footer .readout .readout-table {
  display: inline-table;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
  border-spacing: 5px 0;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row {
  display: table-row;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell {
  display: table-cell;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-pointer-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-image: url('resource/pngs/readout_pointer_blue-f8c6b2a1b57a93590efb2f6d5206272c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-measure-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-image: url('resource/pngs/readout_measure_blue-0e5dec5240223c21b7759c20247d4e43.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .readout-dimension-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-image: url('resource/pngs/readout_dimension_blue-6fe397f003089e52a2dfe7e35fd1d6b6.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-stream-image .main-panel .footer .readout .readout-table .readout-row .readout-cell .unitSelect.ember-power-select-trigger {
  font-size: 14px;
  width: auto;
}
.w-stream-image .main-panel .power-select {
  width: 5em;
}
.w-stream-image .main-panel .loading {
  background-color: #ffeaa8;
}
.w-stream-image .main-panel .empty {
  width: inherit;
  height: inherit;
  background-color: white;
}
.w-stream-image .main-panel .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 3px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.w-stream-image .w-stream-image-session-descriptor {
  width: 300px;
  box-sizing: border-box;
  padding: 0 15px;
  background-color: #f1f1f1;
  overflow: auto;
}
.w-stream-image .w-stream-image-session-descriptor .section-title {
  font-family: 'roboto_condensedregular';
  margin-top: 15px;
  font-size: 11pt;
}
.w-stream-image .w-stream-image-session-descriptor .section {
  padding-left: 1em;
  font-size: 11pt;
  margin-bottom: 15px;
}
.w-stream-image .w-stream-image-session-descriptor ol {
  margin-left: 1em;
  padding-inline-start: 1em;
  margin-block-start: 0;
  margin-block-end: 0;
}
.w-stream-image .separationsPanel .version-list {
  margin-right: 16px;
}
.w-stream-image .separationsPanel .version-list .version-tag {
  margin-right: 0;
}
.ember-power-select-dropdown.stream-image-scale-dropdown .ember-power-select-options {
  max-height: calc(95vh - 3 * 45px);
}
.w-palette {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.w-palette .palette-content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.w-palette-select .ember-power-select-options[role="listbox"] {
  max-height: 70vh;
}
.w-palette-select.ember-power-select-trigger {
  border: 0 solid #dedede;
  background-color: #8e8e8e;
  color: black;
  border-radius: 0;
  padding-left: 20px;
}
.w-palette-select.ember-power-select-trigger,
.w-palette-select.ember-power-select-trigger:focus {
  border: none;
}
.w-palette-select.ember-power-select-trigger,
.w-palette-select.ember-power-select-trigger .ember-power-select-placeholder {
  color: black;
}
.w-palette-select.ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.w-palette-select.ember-power-select-trigger:hover {
  background: #9e9e9e;
}
.w-palette-select.ember-power-select-trigger .ember-power-select-status-icon {
  border-color: black transparent transparent transparent;
}
.w-palette-select.ember-power-select-trigger .itemShortcut {
  display: none;
}
.w-palette-select .ember-power-select-option {
  background-color: #efeff4;
  color: black;
}
.w-palette-select .ember-power-select-option[aria-selected="true"] {
  background-color: #8e8e8e;
  color: black;
}
.w-palette-select .ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: white;
}
.w-palette-select .ember-power-select-option .trigger {
  display: none;
}
.w-palette-select .ember-power-select-option .itemShortcut {
  display: inline-block;
}
.ember-basic-dropdown {
  position: relative;
}
.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}
.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #efeff4;
}
.ember-basic-dropdown-content--left {
  left: 0;
}
.ember-basic-dropdown-content--right {
  right: 0;
}
.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.ember-power-select-dropdown * {
  box-sizing: border-box;
}
.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-radius: 0.2em;
  background-color: #f8f8f8;
  line-height: 44px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 44px;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #8e8e8e;
  border-bottom: 1px solid #8e8e8e;
  border-right: 1px solid #8e8e8e;
  border-left: 1px solid #8e8e8e;
  box-shadow: none;
  outline: 0;
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #007aff transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
  transform: rotate(180deg);
}
.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}
.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 0.2em;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}
.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
.ember-power-select-search {
  padding: 4px;
}
.ember-power-select-search-input {
  border: 1px solid #dedede;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #8e8e8e;
  box-shadow: none;
  outline: 0;
}
.ember-power-select-dropdown {
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  line-height: 44px;
  border-radius: 0.2em;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #b2b2b2;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #b2b2b2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}
.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role="listbox"] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 308px;
}
.ember-power-select-option {
  cursor: pointer;
  padding: 0 44px;
}
.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed;
}
.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}
.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd;
}
.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff;
}
.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}
.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}
.ember-power-select-trigger {
  padding: 0 44px 0 0;
}
.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}
.ember-power-select-status-icon {
  right: 5px;
}
.ember-power-select-clear-btn {
  right: 25px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 132px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 220px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 132px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 44px;
}
.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 132px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 220px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 132px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 44px;
}
.ember-power-select-status-icon {
  right: 10px;
  border-width: 10px 10px 0 10px;
}
.ember-power-select-trigger,
.ember-power-select-dropdown {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  color: #646464;
}
.ember-power-select-option {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid #b2b2b2;
}
.ember-power-select-option:first-of-type,
.ember-power-select-option.divider {
  border-top: 1px solid #b2b2b2;
}
.ember-power-select-option .trigger-only {
  display: none;
}
.no-selected-flag .ember-power-select-option,
.selected-flag-right .ember-power-select-option {
  padding-left: 20px;
}
.ember-power-select-dropdown:not(.no-selected-flag).selected-flag-right .ember-power-select-option[aria-selected="true"] {
  background-color: #efeff4;
  background-image: url('resource/pngs/checkmark_blue-ef33dba1f770eb062c346f83106bcaad.png');
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: right center;
}
.ember-power-select-dropdown:not(.no-selected-flag).selected-flag-right .ember-power-select-option[aria-selected="true"][aria-current="true"] {
  background-color: #007aff;
  background-image: url('resource/pngs/checkmark_white-c8c7e62aa783b7e0562f9f04e3cf3263.png');
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: right center;
}
.ember-power-select-dropdown:not(.no-selected-flag):not(.selected-flag-right) .ember-power-select-option[aria-selected="true"] {
  background-color: #efeff4;
  background-image: url('resource/pngs/checkmark_blue-ef33dba1f770eb062c346f83106bcaad.png');
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
}
.ember-power-select-dropdown:not(.no-selected-flag):not(.selected-flag-right) .ember-power-select-option[aria-selected="true"][aria-current="true"] {
  background-color: #007aff;
  background-image: url('resource/pngs/checkmark_white-c8c7e62aa783b7e0562f9f04e3cf3263.png');
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: left center;
}
.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff;
}
.ember-power-select-trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.ember-power-select-trigger.invisible {
  width: 0px;
  height: 0px;
  padding: 0;
  border: 0;
  font-size: 0;
  overflow: hidden;
}
.ember-power-select-trigger .option-only {
  display: none;
}
.ember-power-select-trigger.inline {
  display: inline-flex;
}
.ember-power-select-trigger.inline .ember-power-select-selected-item {
  display: inline-flex;
  align-items: center;
  overflow: auto;
}
.ember-power-select-trigger:not([aria-disabled]) {
  cursor: pointer;
}
.ember-power-select-trigger.no-label .ember-power-select-selected-item {
  display: none;
}
.ember-power-select-trigger:hover {
  background-color: white;
}
.ember-power-select-trigger.small {
  line-height: initial;
  height: 33px;
  min-height: 33px;
  padding: 0 33px 0 0;
}
.ember-power-select-trigger.small .ember-power-select-status-icon {
  right: 8px;
  border-width: 8px 8px 0 8px;
}
.ember-power-select-trigger.tiny {
  line-height: initial;
  height: 22px;
  min-height: 22px;
  padding: 0 22px 0 0;
}
.ember-power-select-trigger.tiny .ember-power-select-status-icon {
  right: 12px;
  border-width: 6px 6px 0 6px;
}
.ember-power-select-trigger.grey-icon .ember-power-select-status-icon {
  border-color: #8e8e8e transparent transparent transparent;
}
.ember-power-select-trigger.with-button .ember-power-select-status-icon {
  display: none;
}
.ember-power-select-trigger.transparent {
  background: transparent;
  border: none;
}
.ember-power-select-trigger.transparent:hover {
  background: transparent;
}
.ember-power-select-trigger.transparent:focus {
  background: transparent;
  border: none;
}
.ember-power-select-trigger.dark {
  border: 2px solid #7f7f7f;
  background-color: #ababab;
  color: black;
  border-radius: 6px;
  margin: 6px;
}
.ember-power-select-trigger.dark:focus {
  border-color: #393939;
}
.ember-power-select-trigger.dark:hover {
  background: #cfcfcf;
}
.ember-power-select-dropdown.option-shortcuts .ember-power-select-option {
  padding-right: 5px;
}
.ember-power-select-dropdown.option-shortcuts .ember-power-select-option .itemShortcut {
  display: inline-flex;
  width: 55px;
  padding-left: 40px;
  margin-left: auto;
}
.ember-power-select-dropdown.option-shortcuts .ember-power-select-option .itemShortcut.modifier_shift {
  background-image: url('resource/pngs/shift-aad242a1f930280e8f1fdff3ea20d575.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44%;
  background-position: 50%;
}
.ember-power-select-dropdown.option-shortcuts .ember-power-select-option[aria-current="true"] .itemShortcut.modifier_shift {
  background-image: url('resource/pngs/shift_selected-78b4ff6f42650ced0d698ce3fb7f6d5e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 44%;
  background-position: 50%;
}
.w-thumbnail-with-label.thumbnail {
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  max-width: 44px;
  margin: 0 4px 0 -4px;
}
.w-thumbnail-with-label.thumbnail .image {
  top: 0;
  bottom: 0;
  max-height: 100%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 100%;
  left: 2px;
  overflow: hidden;
  max-height: 38px;
  max-width: 38px;
  border: 1px solid darkgrey;
  box-sizing: border-box;
}
.w-thumbnail-with-label.thumbnail .image .loading {
  width: inherit;
  height: inherit;
}
.w-thumbnail-with-label.thumbnail .image .loading .spinner {
  width: 6px;
  height: 6px;
}
.deleted-details {
  display: flex;
}
.deleted-details .deleted-details-message {
  font-family: 'roboto_condensedlight';
  font-size: 19px;
  margin: auto;
  padding: 44px;
  line-height: 44px;
}
.deleted-details .deleted-details-message .deleted-warning {
  display: inline-block;
  vertical-align: middle;
  background-image: url('resource/pngs/PF_warning_log-63ff44343896fcec304cb4a0486307ed.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
}
.w-approval-overview {
  width: 400px;
}
.w-approval-overview .header-bar {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  border-bottom: 1px solid #b2b2b2;
  background-color: #d2d2d2;
  padding-left: 0.3em;
  display: flex;
  align-items: center;
  padding-left: 13px;
  padding-right: 0.5em;
}
.w-approval-overview .header-bar .group-by-button {
  margin-left: 0.2em;
  margin-right: 0.2em;
  height: 44px;
}
.w-approval-overview .header-bar .group-by-button.active {
  cursor: default !important;
}
.w-approval-overview .header-bar .group-by-button.inactive {
  color: #8e8e8e;
}
.w-approval-overview .header-title {
  color: #8e8e8e;
  font-family: 'roboto_condensedregular';
  font-size: 16px;
}
.w-approval-overview .page-title {
  display: flex;
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: black;
  color: white;
}
.w-approval-overview .page-title .page-label,
.w-approval-overview .page-title .filename {
  font-family: 'roboto_condensedregular';
}
.w-approval-overview .page-title .filename {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  margin-left: auto;
  padding-left: 16px;
  padding-right: 0.5em;
}
.w-approval-overview .w-approval {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  padding: 3px 4px 2px 0;
  height: 56px;
  align-items: center;
  border-bottom: 1px solid #b2b2b2;
  background-color: #f0f0f0;
}
.w-approval-overview .w-approval .text-area {
  padding-right: 0.5em;
}
.w-approval-overview .w-approval .approval-state {
  margin-left: auto;
  margin-right: 12px;
  width: 28px;
  height: 28px;
  background-image: url('resource/pngs/status_approved_dis-4c68e7bdbbe9aacf660ff008b4079f43.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-approval-overview .w-approval .approval-state.is-final {
  background-image: url('resource/pngs/status_final_approved_dis-830f4ebd4bcb0195c80d2bf9a0c10bef.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-approval-overview .w-approval.approve,
.w-approval-overview .w-approval.force-approve {
  background-color: #e3fee3;
}
.w-approval-overview .w-approval.approve .approval-state,
.w-approval-overview .w-approval.force-approve .approval-state {
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-approval-overview .w-approval.approve .approval-state.is-final,
.w-approval-overview .w-approval.force-approve .approval-state.is-final {
  background-image: url('resource/pngs/status_final_approved-5ba035e29883894bc4d28b7f39b56d96.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-approval-overview .w-approval.reject {
  background-color: #ffb6ae;
}
.w-approval-overview .w-approval.reject .approval-state {
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-page-counters,
.w-approval-status .w-user-page-counters,
.w-approval-status .w-job-page-counters {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  padding: 3px 4px 2px 0;
  height: 56px;
  align-items: center;
  padding: 0;
  border-bottom: 1px solid #b2b2b2;
}
.w-page-counters .text-area,
.w-approval-status .w-user-page-counters .text-area,
.w-approval-status .w-job-page-counters .text-area {
  padding-right: 0.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.w-approval-status {
  width: 400px;
  display: flex;
  flex-direction: column;
}
.w-approval-status .counters {
  background-color: #f0f0f0;
  border-left: 1px solid #b2b2b2;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 4px;
  flex-shrink: 0;
}
.w-approval-status .counters .counter {
  flex: 0 auto;
  margin-right: 3px;
  cursor: default !important;
}
.w-approval-status .counters .counter :last-of-type {
  margin-right: 0;
}
.w-approval-status .w-user-page-counters {
  background-color: #f0f0f0;
  height: 44px;
}
.w-approval-status .w-job-page-counters {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: black;
  height: 44px;
  color: white;
}
.w-approval-status .w-job-page-counters .text-area {
  padding-left: 10px;
}
.w-approval-status .final-approval-title {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.w-approval-status .final-approval-title .final-approver-symbol {
  background-image: url('resource/pngs/final_approver_white-7c47f2f31004a42b6d2d9182cf1613e2.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
.list-container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}
.gdpr-log {
  display: flex;
  flex-direction: column;
}
.gdpr-log .headerBar {
  display: flex;
  align-items: center;
}
.gdpr-log .headerBar .listSearch {
  position: initial;
  margin: 0;
}
.gdpr-log .w-gdpr-log-entry {
  background-color: #a4a4a4;
  color: #303030;
}
.factory-default {
  color: white;
  background-color: #007aff;
  font-size: 13px;
  padding: 0 0.4em;
  border-radius: 0.4em;
  line-height: initial;
}
.compare-language {
  display: inline-flex;
  overflow: hidden;
}
.compare-language .ember-power-select-option[aria-current='true'][aria-selected='true'] .factory-default {
  background-color: #0059ff;
}
.custom-messages {
  display: flex;
  flex-direction: column;
}
.custom-messages .custom-message {
  display: flex;
  flex-direction: column;
}
.custom-messages .custom-message .continue-edit-button {
  background-image: url('resource/pngs/back_continue_editing_blue-b20923b02a3187a816ff23fc72e73bb3.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 44px;
}
.custom-messages .headerBar {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-left: 0.8em;
}
.custom-messages .headerBar .ember-power-select-trigger {
  border: 1px solid #8e8e8e;
  background-color: #cfcfcf;
  color: #646464;
}
.custom-messages .headerBar .ember-power-select-trigger:focus {
  border-color: #8e8e8e;
}
.custom-messages .headerBar .ember-power-select-trigger:hover {
  background: #e9e9e9;
}
.custom-messages .headerBar .ember-power-select-trigger.active {
  border: 1px solid #007aff;
  background-color: #cfcfcf;
  color: #646464;
}
.custom-messages .headerBar .ember-power-select-trigger.active:focus {
  border-color: #007aff;
}
.custom-messages .headerBar .ember-power-select-trigger.active:hover {
  background: #e9e9e9;
}
.custom-messages .leftPanel .main-list-body {
  flex: 1 1 auto;
  min-height: 0;
}
.custom-messages .leftPanel .main-list-footer {
  flex-shrink: 0;
  position: relative;
}
.custom-messages .main-details-right {
  display: flex;
  flex-direction: column;
}
.custom-messages .w-radio {
  align-self: end;
  margin-left: auto;
}
.custom-messages .w-radio .labeledRadioButton {
  padding: 0 10px;
  margin-left: 2px;
  white-space: nowrap;
  border-bottom: 4px solid #8e8e8e;
  box-sizing: border-box;
}
.custom-messages .w-radio .labeledRadioButton .icon {
  display: none;
}
.custom-messages .w-radio .labeledRadioButton.selected {
  border-bottom: 4px solid #007aff;
}
.w-custom-messages.itemListWrapper {
  width: 300px;
  position: relative;
  top: initial;
  bottom: initial;
  height: 100%;
}
.w-custom-messages.itemListWrapper .itemList li {
  padding-left: 0.4em;
  flex-shrink: 0;
  display: flex;
}
.w-custom-messages.itemListWrapper .itemList li span {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
}
.w-custom-messages.itemListWrapper .itemList li span:last-of-type {
  flex-shrink: 0;
}
.w-custom-messages.itemListWrapper .item-list-title {
  color: #8e8e8e;
}
.w-custom-messages.itemListWrapper .item-list-title:first-of-type {
  border-top: 1px solid #b2b2b2;
}
.w-custom-messages .custom-message-header-WA_ACCESS_MAIL,
.w-custom-messages .custom-message-header-WA_EVENT_MAIL {
  background-color: #bdcfda;
}
.w-custom-messages .custom-message-header-PRODUCTIONCENTER {
  background-color: #ddd0c1;
}
.w-custom-messages .customized,
.w-custom-message-crumb .customized {
  height: 44px;
  line-height: 44px;
  width: 44px;
  min-width: 44px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('resource/pngs/messaging_blue-03eb4d3b07bc38fcf84721d8b42cfd2b.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
}
.w-custom-messages .customized.selected,
.w-custom-message-crumb .customized.selected {
  background-image: url('resource/pngs/messaging_white-996c07df829053a9384bd6958febf376.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-custom-message {
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.w-custom-message .details-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.w-custom-message .details-content:not(.edit-layout) .w-custom-message-part:nth-of-type(2) {
  flex: 1 1 auto;
}
.w-custom-message .details-content:not(.edit-layout) .w-custom-message-part:nth-of-type(2) .message-part-content {
  flex: 1 1 auto;
}
.w-custom-message .details-content:not(.edit-layout) .w-custom-message-part:nth-of-type(2) .message-part-content .preview-container {
  height: 100%;
}
.w-custom-message .w-custom-message-part {
  margin: 0 10px 20px 10px;
  display: flex;
  flex-direction: column;
}
.w-custom-message .w-custom-message-part .readonly.text-edit {
  color: #8e8e8e;
}
.w-custom-message .w-custom-message-part .tox-tinymce {
  border-radius: 5px;
}
.w-custom-message .w-custom-message-part .message-part-title {
  width: 100%;
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
}
.w-custom-message .w-custom-message-part .error-message {
  color: #f82700;
}
.w-custom-message .w-custom-message-part .message-part-content {
  margin-left: 100px;
  margin-right: 50px;
}
.w-custom-message .w-custom-message-part .rounded-container {
  border-radius: 5px;
  margin-bottom: 10px;
}
.w-custom-message .w-custom-message-part .rounded-container.error {
  border: 1px solid #f82700;
}
.w-custom-message .w-custom-message-part .rounded-container textarea {
  width: 100%;
  padding: 0;
  border-radius: 5px;
}
.w-custom-message .w-custom-message-part .test-variables-container {
  background-color: #dfdfdf;
  min-height: 75px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.w-custom-message .w-custom-message-part .test-variables-container .test-variable-container {
  max-width: 400px;
  width: 300px;
  min-width: 1px;
  overflow: hidden;
  margin: 0 10px 10px 10px;
  font-family: 'Courier New', Courier, monospace;
}
.w-custom-message .w-custom-message-part .test-variables-container .test-variable-container input {
  width: 100%;
  padding: 0;
}
.w-custom-message .w-custom-message-part .test-variables-container .test-variable-container .variable-name {
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  color: #646464;
}
.w-custom-message .w-custom-message-part .preview-container {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 2px solid #eee;
  border: 1px solid #b2b2b2;
  font-size: 16px;
  height: 200px;
  background-color: transparent;
  overflow: auto;
}
.w-custom-message .w-custom-message-part .preview-container.single-line {
  height: 60px;
}
.w-custom-message .w-custom-message-part .preview-container .content-area {
  all: initial;
}
.w-custom-message .w-custom-message-part .preview-container .content-area a {
  all: revert;
}
.documentation {
  padding: 50px 150px;
  overflow: auto;
}
.documentation .title {
  font-family: 'roboto_condensedregular';
  font-size: 24px;
  color: #8e8e8e;
}
.documentation .sub-title {
  font-family: 'roboto_condensedregular';
  font-size: 19px;
  color: #8e8e8e;
}
.documentation .chapter {
  margin: 30px 0;
  font-size: 14px;
  color: #8e8e8e;
}
.documentation .chapter .code-block {
  margin: 6px 0;
  border: 1px solid #8e8e8e;
  background-color: white;
  font-family: monospace, monospace;
  font-size: 1em;
  padding: 4px;
}
.icon-color-patch {
  height: 30px;
  width: 60px;
  margin: 0.5ex 0;
}
.icon-color-patch-menu {
  border: 1px solid white;
  height: 30px;
  width: 200px;
}
.notices-status-icon {
  background-image: url('resource/pngs/notifications-d7a276f47f15a34d0e3366a8cbaf2903.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
.notices-status-icon:hover,
.notices-status-icon.active {
  background-image: url('resource/pngs/notifications_blue-d0740ef4addda37bc5f09f7784914c5c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.notices-status-icon .notices-status-counter {
  position: absolute;
  bottom: 5px;
  right: 2px;
  color: white;
  background-color: red;
  text-align: center;
  font-family: 'roboto_condensedregular';
  font-size: 12px;
  height: 16px;
  border-radius: 8px;
  line-height: 16px;
  padding: 0 5px;
}
.notices-status-icon .notices-status-counter.blinking {
  animation: is-blinking 2s steps(1) infinite;
}
@keyframes is-blinking {
  0% {
    border-radius: 8px;
  }
  50% {
    border-radius: 1px;
  }
  100% {
    border-radius: 8px;
  }
}
.w-notices {
  width: 100%;
  height: 100%;
  border: 2px solid #ff241b;
  border-radius: 8px;
  box-shadow: 0 0 1px #ff241b, inset 0 0 1px #ff241b;
  box-sizing: border-box;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.w-notices .buttons-right {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.w-notices .panel-header {
  border: none;
  display: flex;
  align-items: center;
}
.w-notices .panel-header .label {
  padding-left: 20px;
}
.w-notices .panel-content {
  height: 100%;
  background-color: #545454;
}
.w-notices .panel-footer {
  border: none;
  display: flex;
  align-items: center;
}
.w-notices .panel-footer .notices-hints {
  color: #8e8e8e;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  line-height: 15.4px;
  padding-left: 6px;
}
.w-notices .panel-footer .notices-hints div {
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  min-width: 0;
}
.w-notice {
  background-color: #fbf8e8;
}
.w-notice .notice-header {
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default !important;
  font-size: 14px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  background-color: #717171;
  color: white;
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: center;
}
.w-notice .notice-header .header-label {
  font-family: 'roboto_condensedregular';
  flex: 1 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */
  padding-right: 0.5em;
}
.w-notice .notice-header .header-date {
  flex-shrink: 0;
}
.w-notice .notice-header .read-status {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
  margin-left: 8px;
  margin-right: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #007aff;
  border: 1px solid white;
}
.w-notice .notice-content .thumbnail-wrapper {
  width: 46px;
  height: 46px;
  min-width: 46px;
  margin: 2px;
  position: relative;
}
.w-notice .notice-content .thumbnail-wrapper .empty {
  width: inherit;
  height: inherit;
  background-color: white;
  border: 2px solid #8e8e93;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.w-notice .notice-content .thumbnail-wrapper .empty .overlayline {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  height: 0;
  border-bottom-width: 2px;
  border-bottom-color: #8e8e93;
  border-bottom-style: solid;
  z-index: 100000;
}
.w-notice .notice-content .thumbnail-wrapper .rollOverIcon {
  background-image: url('resource/pngs/thumbnail_link-f7a71b5a76f6d0ac582a7e0b33a4402e.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
}
.w-notice .notice-content .thumbnail-wrapper:hover .rollOverIcon {
  display: block;
}
.w-notice.selected {
  background-color: #c1ccdc;
}
.w-notice.read .notice-header .read-status {
  background-color: #a8a8a8;
  border: none;
}
.w-notice:not(.selected).read {
  background-color: #dfdfdf;
}
.w-notice:not(.selected).read .notice-header {
  background-color: #8e8e8e;
  color: #d7d7d7;
}
.w-notice:not(.selected).read .notice-content .thumbnail-wrapper,
.w-notice:not(.selected).read .notice-content .w-note-front-icons,
.w-notice:not(.selected).read .notice-content .section-right {
  opacity: 60%;
}
.w-notice:not(.selected).read .notice-content .thumbnail-wrapper:hover {
  opacity: 100%;
  background-color: rgba(220, 220, 220, 0);
}
.w-note-template {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}
.w-note-template.selected {
  background-color: #d8e0ee;
}
.w-note-template .w-note-front-icons {
  width: 40px;
}
.w-note-template .w-note-back-icons {
  width: 40px;
  margin-left: auto;
  flex-shrink: 0;
}
.w-note-template .w-note-text {
  padding-right: 8px;
  padding-bottom: 2px;
}
.w-note-template .w-note-thumbnail {
  width: 50px;
  height: 50px;
}
.w-note-template .w-note-date {
  margin-left: auto;
  padding-right: 6px;
}
.w-note-template .section-right {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.w-note-template .section-right .first-line {
  display: flex;
  align-items: center;
}
.w-note-template .section-right .second-line {
  display: flex;
}
.w-icon-and-text .w-icon-and-text-icon-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 1px;
  height: 1px;
}
.w-icon-and-text .w-icon-and-text-icon-container .w-icon-and-text-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  overflow: visible;
}
.w-icon-and-text .w-icon-and-text-text {
  padding-left: 16px;
}
.w-icon-and-text.annotation-remark .w-icon-and-text-icon {
  background-image: url('resource/pngs/page_remark_annotated-29f9788c1ee43ce28b0aa0504bbe403e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.page-remark .w-icon-and-text-icon {
  background-image: url('resource/pngs/page_remark-3d4204a851700b7fddff2f981d5a3846.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.job-remark .w-icon-and-text-icon {
  background-image: url('resource/pngs/job_remark-1a7712b729b5dfd56f703fc71e50d064.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.new-job-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/filter_job-grayB-b9b2aacccf9fc6175186dcb1e75c2609.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.assign-content-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/place_file_idle-grayB-fa5569610f83a70a7b0f9355f8665969.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.new-document-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/upload-grayB-737bfbc561fd4ded0809ce74fbf16e0f.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.restart-job-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/filter_reprocessedB-802537196a4b34788f0df002422ae273.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.delete-document-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/file_deleted_grayB-15ac8110f529f77a7d055b3e88b5f8a7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.clear-assign-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/cleared-grayB-2a987fa6c90574afd4321de99a6acad0.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.restart-pages-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/filter_reprocessedB-802537196a4b34788f0df002422ae273.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.make-blank-event .w-icon-and-text-icon {
  background-image: url('resource/pngs/blank-881f34eb5a1a1b1fac3803662061dac7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.approve-remark,
.w-icon-and-text.approve-pages-event {
  color: #05c31b;
}
.w-icon-and-text.approve-remark .w-icon-and-text-icon,
.w-icon-and-text.approve-pages-event .w-icon-and-text-icon {
  width: 16px;
  height: 16px;
  top: -8px;
  background-image: url('resource/pngs/status_approved-04f0390c38da6a9324a8ddac25ccb5ee.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.reject-remark,
.w-icon-and-text.reject-pages-event {
  color: #f82700;
}
.w-icon-and-text.reject-remark .w-icon-and-text-icon,
.w-icon-and-text.reject-pages-event .w-icon-and-text-icon {
  width: 16px;
  height: 16px;
  top: -8px;
  background-image: url('resource/pngs/status_rejected-d1e33447b9202f5402732182f255eb5c.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.reapprove-remark .w-icon-and-text-icon,
.w-icon-and-text.reapprove-pages-event .w-icon-and-text-icon,
.w-icon-and-text.clear-reject-pages-event .w-icon-and-text-icon {
  width: 16px;
  height: 16px;
  top: -8px;
  background-image: url('resource/pngs/status_to_inspect-aafea81841ea84c4f5cc6e6275f29312.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-icon-and-text.deadline-notice .w-icon-and-text-icon {
  width: 16px;
  height: 16px;
  top: -8px;
  background-image: url('resource/pngs/status_overdue-545efafe09a4b47045acc640645a9bf2.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.w-note-template.disabled {
  color: #bebebe;
}
.w-note-template.disabled .user-icon {
  opacity: 25%;
}
.w-note-template.disabled .w-icon-and-text.reject-remark,
.w-note-template.disabled .w-icon-and-text.reject-pages-event {
  color: #bebebe;
}
.w-note-template.disabled .w-icon-and-text.reject-remark .w-icon-and-text-icon,
.w-note-template.disabled .w-icon-and-text.reject-pages-event .w-icon-and-text-icon {
  width: 16px;
  height: 16px;
  top: -8px;
  background-image: url('resource/pngs/status_rejected_gr-4334e685f849220c6487d47e84af2e8a.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.notification {
  position: absolute;
  bottom: 10px;
  left: 10px;
  min-width: 200px;
  max-width: 70%;
  border-radius: 5px;
  background-color: #ffeaa8;
  color: #826200;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  padding: 8px 10px 9px 8px;
  z-index: 100000;
}
.notification .confirmationHeader {
  font-family: 'roboto_condensedregular';
  padding: 10px;
}
.notification .spacer {
  padding-top: 10px;
}
.notification .confirmationLine {
  font-family: 'roboto_condensedlight';
  padding: 0 10px 0 10px;
}
.notification .confirmationLine.red {
  color: #f82700;
}
.debug-info {
  display: none;
}
html {
  line-height: 1.32;
  height: 100%;
}
html.print {
  overflow-x: hidden;
}
.w-application {
  height: 100%;
}