.list-item-left {
  text-align: right
}
.label-button {
  padding: 10px
}
.label-button-head {
  font-size: 18px;
  padding: 10px 10px 15px
}
.label-button-head .icon {
  margin: 10px auto
}
.label-button-label {
  color: #fff;
  font-size: 18px;
  padding: 0 5px;
  text-align: left
}
.button-separator {
  display: inline-block;
  width: 0;
  height: 42px;
  border: 1px solid #fff;
  margin: 2px 2px
}
.header-active .button-separator {
  border-color: #fff
}
.button-wrapper {
  position: relative
}
.button-wrapper.clickable-button {
  cursor: pointer
}
.button-wrapper .icon {
  margin: 0 auto
}
.toggle-btn-wrapper {
  display: inline-block
}
.button-text {
  padding: 20px;
  border-radius: 10px;
  line-height: normal;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
.button-text.disabled,
.button-text:active {
  opacity: .5
}
.button-primary {
  background-color: #d0303d;
  color: #fff;
  border-color: #92212a
}
.button-secondary {
  background-color: #c6c6c6;
  color: #000;
  border-color: #a0a0a0
}
.dropdown-button,
.tab-button {
  display: inline-block;
  padding: 8px 8px 0;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border-bottom: 8px solid #fff
}
.dropdown-button.disabled .icon,
.dropdown-button:active .icon,
.tab-button.disabled .icon,
.tab-button:active .icon {
  opacity: .5
}
.dropdown-button.disabled .icon-half,
.dropdown-button:active .icon-half {
  opacity: .5
}
.dropdown-button-item {
  display: inline-block
}
.buttons-group {
  font-size: 18px
}
.group-button-wrapper {
  display: inline-block;
  padding: 15px 20px;
  padding: 20px;
  font-size: 18px;
  margin: 5px 0;
  line-height: normal;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-top: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6
}
.group-button-wrapper.disabled {
  opacity: .5
}
.group-button-selected {
  background-color: #e5e5e5
}
.group-button-unselected {
  background-color: #fff
}
.group-button-unselected:active {
  opacity: .5
}
.group-button-first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}
.group-button-last {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #c6c6c6
}
.group-button-title {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle
}
.group-button-right {
  float: right;
  margin-left: 6px
}
.button-changed-dot {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  background-color: #d0303d;
  position: absolute;
  right: 8px;
  bottom: 8px
}
.button-action {
  background-color: #d0303d;
  border-radius: 10px
}
.button-action.non-clickable-button,
.button-action:active {
  opacity: .5
}
.message-holder {
  position: absolute;
  top: 0;
  z-index: 902;
  width: 800px;
  padding-top: 39.6px;
  text-align: center
}
.message-background {
  width: 800px;
  height: 396px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 901;
  background-color: #000;
  opacity: .5
}
.message-dialog {
  display: inline-block;
  top: 39.6px;
  margin: 0 auto;
  max-width: 80%;
  max-height: 316.8px;
  background-color: #fff;
  color: #161616;
  font-size: 18px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  overflow: hidden;
  border-radius: 10px
}
.message-dialog-content-wrapper {
  padding: 20px 0 0 20px
}
.message-dialog-content {
  display: table;
  overflow: hidden;
  min-height: 48px;
  width: 100%
}
.message-icon {
  display: table-cell;
  vertical-align: middle
}
.message-text {
  padding-left: 20px;
  display: table-cell;
  max-height: 168.8px;
  text-align: initial;
  vertical-align: middle;
  overflow: hidden
}
.message-text p {
  margin-top: 0
}
.message-content {
  max-height: 188.8px;
  line-height: normal;
  position: relative
}
.message-content.scrollable {
  padding-bottom: 1px
}
.message-content .list-paginator-pages {
  height: 92.8px;
  line-height: 92.8px
}
.message-content-padding {
  padding-right: 20px
}
.message-dialog-buttons {
  overflow: hidden;
  text-align: center;
  padding: 20px 20px 20px 0
}
.message-dialog-buttons .button {
  display: inline-block;
  white-space: nowrap;
  margin: 0 10px;
  min-width: 145px;
  cursor: pointer;
  padding: 20px;
  border-radius: 10px;
  line-height: normal;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
.message-dialog-buttons .button:active {
  opacity: .5
}
.inline-button {
  display: inline-block
}
.wait-dialog-content {
  padding: 20px 20px 0
}
.progress-bar {
  background-color: #ccc;
  border-radius: 13px;
  height: 20px;
  width: 90%;
  margin-top: 18px;
  display: inline-block;
  padding: 3px;
  position: relative
}
.progress-bar-percentage {
  background-color: #7a7a7a;
  width: 0%;
  height: 19px;
  border-radius: 9px
}
.main-progress-bar {
  background-color: #d0303d
}
.wait-dialog-message {
  text-align: center;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.header {
  background-color: #000;
  vertical-align: middle
}
.header-content {
  position: relative;
  color: #fff;
  vertical-align: middle;
  height: 64px;
  padding: 0 8px
}
.header-content .button-wrapper {
  vertical-align: top;
  display: inline-block;
  padding: 8px 8px
}
.header-content .tab-wrapper {
  display: inline-block;
  padding: 0 8px;
  vertical-align: top
}
.header-action-margin {
  margin-right: 64px
}
.window .header {
  border-radius: 10px 10px 0 0;
  padding: 0;
  background-color: #c6c6c6
}
.window .header .button-wrapper {
  display: inline-block
}
.window .header .header-title {
  text-align: center;
  padding: 0;
  color: #000
}
.header input {
  margin: 0 auto;
  display: block
}
.header-left {
  float: left;
  white-space: nowrap;
  height: 64px
}
.header-right {
  float: right;
  white-space: nowrap;
  height: 64px
}
.header-title {
  font-size: 18px;
  height: 64px;
  line-height: 64px;
  padding-left: 8px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle
}
.header-title.left-trim-hack {
  overflow-x: auto;
  text-overflow: unset
}
.header-title.left-trim {
  text-align: left;
  direction: rtl
}
.header-title.left-trim > span {
  direction: ltr;
  unicode-bidi: isolate-override
}
.header-primary {
  height: 32px;
  line-height: 1.2;
  font-size: 16.2px;
  font-weight: 700
}
.header-primary-text {
  vertical-align: bottom;
  padding-top: 9.4px;
  overflow: hidden;
  text-overflow: ellipsis
}
.header-secondary {
  height: 32px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: 400;
  font-size: 16.2px
}
.header-secondary-color {
  color: #c9c9c9
}
.header-secondary-chunk {
  display: inline-block;
  height: 32px;
  vertical-align: middle
}
.header-secondary-chunk .chunk-text {
  display: inline-block;
  vertical-align: top
}
.header-secondary-chunk .chunk-icon {
  display: inline-block;
  vertical-align: top
}
.header .header-input-wrapper {
  height: 48px;
  line-height: 48px;
  vertical-align: top;
  display: inline-block
}
.header .input {
  display: inline-block;
  margin-bottom: 12px
}
.header input {
  font-size: 18px;
  border: none;
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #fff;
  outline: 0;
  vertical-align: text-bottom;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 5em
}
.header input:focus {
  outline: 0
}
.search-input {
  margin-right: 8px;
  position: relative
}
.search-input .custom-placeholder {
  top: -3%;
  left: 42px
}
.header-tile-button {
  border-radius: 10px;
  height: 48px;
  vertical-align: top;
  line-height: 48px
}
.header-tile-button.disabled,
.header-tile-button:active {
  opacity: .5
}
.header-quota-tile {
  white-space: initial
}
.header-resource-text {
  color: #c9c9c9;
  margin-right: 4px
}
.header-quota {
  border-radius: 10px;
  color: #fff;
  background-color: #444;
  padding: 0 16.2px;
  margin: 0 4px;
  height: 24px;
  vertical-align: top;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%
}
.header-quota .value {
  font-size: 19.4px;
  vertical-align: bottom
}
.header-quota-normal {
  background-image: url(../../../images/green.png)
}
.header-quota-warning {
  background-image: url(../../../images/orange.png)
}
.header-quota-error {
  background-color: #d0303d
}
.header-credit-title {
  font-size: 14.4px;
  vertical-align: bottom
}
.header-button-action {
  background-color: #d0303d;
  float: right;
  padding: 8px;
  border-radius: 10px
}
.image-frame {
  height: 396px;
  margin-right: 48px
}
.image-frame-image-wrapper {
  text-align: center;
  overflow-y: auto;
  height: 356.4px;
  padding: 19.8px;
  background-color: #fff;
  position: relative
}
.image-frame-image-wrapper .image {
  border: 1px solid #e6e6e6;
  box-shadow: 0 10px 15px rgba(0,0,0,.4)
}
.loading-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: #000;
  opacity: .5
}
.image-frame-loading-image {
  position: absolute;
  border: none;
  height: 90px;
  width: 90px;
  top: 153px;
  left: 331px;
  z-index: 100
}
.image-frame-loading-image.hidden {
  display: none
}
.image-frame-job-page {
  right: 90px;
  position: absolute;
  bottom: 10px;
  background-color: rgba(0,0,0,.6);
  color: #fff;
  padding: 0 6px
}
.image-frame-job-name {
  left: 10px;
  position: absolute;
  bottom: 10px;
  background-color: rgba(0,0,0,.6);
  color: #fff;
  padding: 0 6px
}
.image-frame.small-screen .image-frame-job-name {
  max-width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.image-frame.no-scroll-swipe .image-frame-job-name,
.image-frame.no-scroll-swipe .image-frame-job-page {
  bottom: 58px
}
.image-frame.no-scroll-swipe .button-wrapper-padding {
  padding: 16px
}
.list-content-spacer {
  height: 0;
  width: 100%;
  background-color: #fff;
  background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 1px,transparent 1px,transparent 47px)
}
.list-item-row {
  cursor: pointer;
  padding: 6.2px 0;
  height: 48px;
  vertical-align: top;
  position: relative;
  white-space: nowrap
}
.list-item-row.selected {
  background-color: #e5e5e5
}
.list-item-row.disabled {
  color: #a3a3a3
}
.list-item-row:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  border-bottom: 1px solid #c6c6c6
}
.list-item-row.skip-separator:after {
  display: none
}
.list-item-last::after {
  content: none;
  display: none
}
.list-item-spacer {
  padding: 0 16px
}
.list-item-icon-spacer {
  padding: 0 11.2px
}
.list-item-left-icon-spacer {
  padding: 0 16px 0 11.2px
}
.list-item-right-icon-spacer {
  padding: 0 11.2px 0 16px
}
.list-table {
  display: table;
  border: 0;
  margin-right: 20px
}
.list-table-row {
  display: table-row
}
.list-table-cell {
  display: table-cell;
  text-align: left;
  white-space: nowrap;
  padding-left: 20px
}
.two-columns .list-item-row {
  width: 50%;
  display: inline-block;
  padding-left: 0
}
.item-height-rest {
  height: 292px
}
.list-item-left {
  width: 34%;
  float: left
}
.list-item-right {
  width: 66%;
  display: inline-block
}
.list-item-left-text {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.clickable-item.activated > *,
.clickable-item:active > * {
  opacity: .5
}
.list-item-icons-left {
  float: left;
  height: 48px;
  vertical-align: middle;
  margin-right: 8px
}
.list-item-icons-right {
  height: 48px;
  vertical-align: middle;
  float: right
}
.list-item-text {
  vertical-align: middle;
  line-height: 48px;
  height: 48px;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.list-item-right .list-item-text {
  padding-left: 7.2px
}
.list-item-value {
  color: #d0303d
}
.list-item-value input {
  color: #d0303d
}
.list-item-value input::-webkit-input-placeholder {
  color: #a3a3a3
}
.list-item-value input::placeholder {
  color: #a3a3a3
}
.list-item-empty-value {
  color: #a3a3a3
}
.list-item-5 {
  width: 2.75em
}
.list-item-rest-row {
  margin: 0;
  padding: 1px 0 1px 0;
  white-space: nowrap
}
.empty-list-message {
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center
}
.item-row-center {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.list-item-text-half {
  line-height: 21.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}
.list-item-text-half.primary {
  margin-top: 2.7px;
  font-weight: 700
}
.list-item-text-half.primary.centered {
  margin-top: 12px
}
.list-item-text-half.secondary {
  color: #4d4d4d
}
.list-item-text-value .input-wrapper {
  margin-right: 48px;
  padding-left: 7.2px
}
.list-item-icons {
  float: right
}
.list-item-value .input {
  font-size: 18px;
  width: 100%;
  border: none;
  outline: 0;
  vertical-align: middle;
  padding: 0;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: 0 0
}
.list-item-value .input:focus {
  outline: 0
}
.list-item-row.list-item-radio {
  padding: 1px 16px 1px 16px
}
.highlighter-found-value {
  background-color: orange
}
.switch-primary {
  font-weight: 700
}
.switch-primary-accented {
  color: #d0303d
}
.switch-secondary {
  font-size: .8em;
  color: grey
}
.list-item-right .button-wrapper {
  display: inline-block
}
.price-table {
  width: 100%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: none
}
.price-table th {
  background-color: #dcdcdc;
  padding: 4px
}
.price-table td {
  background-color: #e9e9e9;
  padding: 4px
}
.counter-input2 {
  width: 36px
}
.counter-input3 {
  width: 45px
}
.counter-input4 {
  width: 54px
}
.counter-input5 {
  width: 63px
}
.counter-input6 {
  width: 72px
}
.counter-input input::-webkit-inner-spin-button,
.counter-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.counter-input input[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield
}
.list-item-value .custom-placeholder {
  color: #a3a3a3
}
.custom-placeholder {
  position: absolute;
  display: inline-block;
  font-size: 18px;
  top: 28%;
  color: #161616;
  left: 15px
}
.input-wrapper {
  position: relative
}
.list-item-counter-controls {
  float: left;
  vertical-align: middle;
  padding-left: 7.2px
}
.list-item-counter-controls .button-wrapper,
.list-item-counter-controls .input-wrapper {
  float: left
}
.no-height {
  height: auto;
  padding-bottom: 0
}
.item-not-compatible {
  color: gray;
  float: right
}
.bubble-margin {
  margin-top: 8px
}
.bubble {
  float: left;
  background-color: #c6c6c6;
  color: #000;
  border-radius: 10px;
  margin-bottom: 4px;
  margin-right: 4px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  vertical-align: middle;
  min-width: 36px;
  max-width: 100%
}
.bubble:active {
  opacity: .5
}
.bubble-delete {
  float: right;
  line-height: 1;
  margin: 4px
}
.bubble-delete:active {
  opacity: .5
}
.bubble-spacer-left {
  margin-left: 14.4px
}
.bubble-spacer {
  margin-left: 14.4px;
  margin-right: 14.4px
}
.bubble-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center
}
.item-padding {
  padding-right: 48px
}
#range-selection-content .list-item-icons-left {
  margin-right: 0
}
#range-selection-content .list-item-icons-left + div {
  padding-left: 0
}
.item-counter-button {
  margin-top: 4.8px;
  padding: 7.2px;
  border-radius: 10px
}
.item-counter-button:active {
  opacity: .5
}
.item-counter-button.non-clickable-button {
  opacity: .5
}
.myq-login {
  background: #000;
  color: #fff;
  height: 396px;
  font-size: 18px;
  -webkit-user-select: none;
  user-select: none
}
.edition-bar {
  height: 18px;
  font-size: 18px;
  padding-left: 16px
}
.compact {
  padding-top: 6px
}
.login-carousel {
  height: 272px;
  margin-top: 0;
  width: 100%;
  overflow: hidden
}
.compact .login-carousel {
  height: 330px;
  margin-top: 9px
}
.login-method-widget {
  float: left;
  width: 78%;
  height: 100%;
  position: relative
}
.login-method-widget-size1 {
  width: 78%
}
.login-method-widget-size1 .pin-qr-container-padding {
  padding: 0 25%
}
.login-method-widget-size2 {
  width: 39%
}
.login-method-widget-size3 {
  width: 26%
}
.password-login-wrapper {
  display: table-cell;
  vertical-align: middle
}
.compact .password-login-wrapper {
  height: 90%
}
.password-login-input-wrapper {
  height: 156px;
  display: table;
  width: 100%
}
.password-login-input-inner-wrapper {
  display: table-cell;
  vertical-align: bottom
}
.login-guest-container {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 212px
}
.login-guest-icon {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: 0 0;
  width: 144px;
  height: 144px;
  margin: 0 auto 12px
}
.login-card-container {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 168px
}
.login-card-text {
  text-align: center
}
.login-card-icon {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -144px 0;
  width: 144px;
  height: 144px;
  margin: auto
}
.login-input.input-wrapper {
  margin: 0 auto 5.4px;
  height: 56px;
  width: 75%;
  max-width: 420px
}
.login-input.input-wrapper > .input {
  border: 0;
  border-radius: 7px;
  box-sizing: border-box;
  padding: 3%;
  height: 56px;
  width: 100%
}
.pin-qr-login-method {
  display: table
}
.pin-keyboard {
  width: 100%;
  margin: 0 auto
}
.login-pin-display-pin {
  height: 26px;
  font-size: 27px;
  line-height: 27px;
  margin: 24px 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.login-pin-display-placeholder {
  height: 26px;
  line-height: 26px;
  margin: 24px 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #b3b3b3
}
.pin-qr-container {
  display: table-cell;
  position: relative;
  text-align: center;
  width: 50%;
  vertical-align: middle
}
.pin-qr-wrapper {
  margin: auto
}
.login-button {
  border-radius: 7px;
  margin: 0 auto;
  width: 75%;
  max-width: 420px;
  padding: 0
}
.login-button:active {
  opacity: .5
}
.login-button.login-form-button {
  height: 56px
}
.login-button-label {
  text-align: center;
  line-height: 56px;
  height: 56px;
  overflow: hidden
}
.clearfix::after {
  content: '';
  clear: both;
  display: table
}
.login-qr > img {
  height: 184px;
  width: 184px
}
.login-paginator {
  width: 11%;
  height: 100%;
  float: left;
  position: relative
}
.login-paginator:active {
  background-color: #444;
  border-radius: 7px
}
.login-paginator.button-wrapper {
  padding: 0
}
.login-paginator.non-clickable-button {
  opacity: .5
}
.myq-qr-wrapper {
  margin: auto
}
.myq-qr-wrapper.image-container {
  height: 204px
}
.myq-qr-wrapper.absolute-center {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0
}
.login-qr-image {
  width: 204px
}
.login-qr-image.standalone {
  display: block;
  margin: 0 auto
}
.login-btn {
  width: 33.3%;
  height: 45.3px;
  line-height: 45.3px;
  font-size: 22.65px;
  font-weight: 700;
  cursor: pointer;
  float: left;
  border-radius: 7px
}
.login-btn:active {
  background-color: #444
}
.login-btn div {
  margin: 0 auto
}
.login-btn .btn-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto
}
.login-btn.btn-icon-wrapper {
  position: relative
}
.btn-clear {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -240px -168px;
  width: 24px;
  height: 24px
}
.btn-enter {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -240px -144px;
  width: 24px;
  height: 24px
}
.btn-group {
  display: block;
  border-bottom: solid #828282 1px;
  overflow: hidden
}
.btn-group.last {
  border: none
}
.logo-wrapper {
  height: 48px;
  margin: 0 auto;
  text-align: center
}
.logo-left {
  text-align: left;
  padding-left: 6px
}
.logo-custom {
  height: 48px
}
.toolbar-compact {
  position: absolute;
  top: 6px;
  right: 0;
  width: 75%
}
.toolbar-wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: center
}
.compact .toolbar-wrapper {
  margin-right: 6px;
  float: right
}
.toolbar-button {
  max-width: 50%;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #444;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px
}
.toolbar-button.button-wrapper {
  padding: 8px
}
.toolbar-button.button-wrapper:active {
  opacity: .5
}
.compact .toolbar-button.button-wrapper {
  float: right
}
.toolbar-button + .toolbar-button {
  margin-left: 20px
}
.compact .toolbar-button + .toolbar-button {
  margin-left: 0;
  margin-right: 20px
}
.toolbar-button .selected {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -192px -144px;
  width: 24px;
  height: 24px
}
.toolbar-button .not-selected {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -216px -144px;
  width: 24px;
  height: 24px
}
.toolbar-button .login-warnings {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -264px -144px;
  width: 24px;
  height: 24px
}
.toolbar-button .login-languages {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -192px -168px;
  width: 24px;
  height: 24px
}
.toolbar-button .warnings-button {
  max-width: 600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.toolbar-button .icon {
  margin: auto 5px auto 0;
  float: left
}
.myq-login-message-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 16px;
  color: #b3b3b3
}
.myq-login-message-bar .inner {
  width: 78%;
  margin: 0 auto;
  text-align: center
}
.login-card-registration .logo-image {
  margin-top: 18px
}
.compact .login-card-registration .logo-image {
  margin-top: 0
}
.login-card-registration .login-method-widget {
  width: 100%
}
.login-card-registration {
  text-align: center
}
.status-content-header {
  margin-bottom: 0
}
.registration-message-header {
  height: 56.3px
}
.registration-message-header .registration-message-header-text {
  font-weight: 700;
  padding-top: 28.1px
}
.compact .registration-message-header {
  margin-bottom: 5px
}
.registration-message-body {
  height: 122.8px;
  display: table;
  margin: 0 auto;
  width: 50%
}
.registration-message-body .message {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.login-registration-center {
  position: relative
}
.login-registration-center .password-login-wrapper {
  height: 100%;
  position: inherit
}
.compact .login-registration-center .password-login-wrapper .login-input.input-wrapper {
  width: 50%
}
.login-registration-center .login-method-widget {
  float: none;
  margin: 0 auto
}
.compact .login-registration-bottom {
  padding: 0 10px
}
.login-registration-bottom .login-button {
  margin: 0 auto
}
.compact .login-registration-bottom .login-button {
  width: 48%
}
.login-registration-bottom .login-button-margin {
  margin-bottom: 5.4px
}
.sidebar {
  float: right;
  height: 396px;
  background-color: #000
}
.sidebar .toggle-btn-wrapper {
  display: block
}
.sidebar .button-wrapper-padding {
  padding: 8px
}
.sidebar-menu {
  position: relative;
  background-color: #000
}
.sidebar-menu .toggle-btn-wrapper {
  display: inline-block
}
.sidebar-menu-button-wrapper {
  background-color: #000;
  position: absolute;
  bottom: 0;
  right: 100%;
  min-width: 48px;
  white-space: nowrap;
  display: block;
  z-index: 1;
  height: 64px
}
.sidebar-menu-button-wrapper .button-wrapper {
  display: inline-block;
  height: 48px;
  width: 48px
}
.sidebar-menu-button-wrapper.collapsed {
  display: none
}
.tiles-full-content {
  height: 305px;
  display: inline-block;
  width: 100%
}
.tiles-full-content-inner {
  display: table;
  height: 305px;
  width: 100%
}
.tiles-topmenu-content .tiles-grid-v4 .tile-icon {
  margin-top: 4.1px
}
.tiles-topmenu-content .tiles-grid-v4 .tile {
  height: 76.3px
}
.tiles-topmenu-content .tiles-grid-v4 .tile-inner {
  height: 64.3px
}
.tiles-topmenu-content .tiles-grid-v3 .tile-icon {
  margin-top: 10.4px
}
.tiles-topmenu-content .tiles-grid-v3 .tile {
  height: 101.7px
}
.tiles-topmenu-content .tiles-grid-v3 .tile-inner {
  height: 89.7px
}
.tiles-topmenu-content .tiles-grid-v2 .tile-icon {
  margin-top: 23.1px
}
.tiles-topmenu-content .tiles-grid-v2 .tile {
  height: 152.5px
}
.tiles-topmenu-content .tiles-grid-v2 .tile-inner {
  height: 140.5px
}
.tiles-topmenu-content .tiles-grid-v1 .tile-icon {
  margin-top: 61.3px
}
.tiles-topmenu-content .tiles-grid-v1 .tile {
  height: 305px
}
.tiles-topmenu-content .tiles-grid-v1 .tile-inner {
  height: 293px
}
.tiles-content .tiles-grid-v4 .tile-icon {
  margin-top: 4.1px
}
.tiles-content .tiles-grid-v4 .tile-icon-middle {
  margin-top: 8.1px
}
.tiles-content .tiles-grid-v4 .tile-icon-low {
  margin-top: 13px
}
.tiles-content .tiles-grid-v4 .tile {
  height: 76.3px
}
.tiles-content .tiles-grid-v4 .tile-inner {
  height: 64.3px
}
.tiles-content .tiles-grid-v4 .tile-text-cropper {
  top: 34.5px;
  font-size: -6.6px
}
.tiles-content .tiles-grid-v4 .tile-text-cropper .semi-condensed {
  font-size: 1.8px
}
.tiles-content .tiles-grid-v4 .tile-text-cropper .semi-condensed.ultra-condensed {
  font-size: 1.4px
}
.tiles-content .tiles-grid-v3 .tile-icon {
  margin-top: 10.4px
}
.tiles-content .tiles-grid-v3 .tile-icon-middle {
  margin-top: 20.8px
}
.tiles-content .tiles-grid-v3 .tile-icon-low {
  margin-top: 33.3px
}
.tiles-content .tiles-grid-v3 .tile {
  height: 101.7px
}
.tiles-content .tiles-grid-v3 .tile-inner {
  height: 89.7px
}
.tiles-content .tiles-grid-v3 .tile-text-cropper {
  top: 34.5px;
  font-size: 10.9px
}
.tiles-content .tiles-grid-v3 .tile-text-cropper .semi-condensed {
  font-size: 8.2px
}
.tiles-content .tiles-grid-v3 .tile-text-cropper .semi-condensed.ultra-condensed {
  font-size: 6.5px
}
.tiles-content .tiles-grid-v2 .tile-icon {
  margin-top: 23.1px
}
.tiles-content .tiles-grid-v2 .tile-icon-middle {
  margin-top: 46.3px
}
.tiles-content .tiles-grid-v2 .tile-icon-low {
  margin-top: 74px
}
.tiles-content .tiles-grid-v2 .tile {
  height: 152.5px
}
.tiles-content .tiles-grid-v2 .tile-inner {
  height: 140.5px
}
.tiles-content .tiles-grid-v2 .tile-text-cropper {
  top: 34.5px;
  font-size: 27.8px
}
.tiles-content .tiles-grid-v2 .tile-text-cropper .semi-condensed {
  font-size: 20.9px
}
.tiles-content .tiles-grid-v2 .tile-text-cropper .semi-condensed.ultra-condensed {
  font-size: 16.7px
}
.tiles-content .tiles-grid-v1 .tile-icon {
  margin-top: 61.3px
}
.tiles-content .tiles-grid-v1 .tile-icon-middle {
  margin-top: 122.5px
}
.tiles-content .tiles-grid-v1 .tile-icon-low {
  margin-top: 196px
}
.tiles-content .tiles-grid-v1 .tile {
  height: 305px
}
.tiles-content .tiles-grid-v1 .tile-inner {
  height: 293px
}
.tiles-content .tiles-grid-v1 .tile-text-cropper {
  top: 34.5px;
  font-size: 69.7px
}
.tiles-content .tiles-grid-v1 .tile-text-cropper .semi-condensed {
  font-size: 59px
}
.tiles-content .tiles-grid-v1 .tile-text-cropper .semi-condensed.ultra-condensed {
  font-size: 47.2px
}
.tiles-content.tiles-grid-tabs .tiles-grid-v1 .tile-inner {
  height: 216.8px
}
.tiles-smaller-content .tiles-grid-v4 .tile-icon {
  margin-top: .9px
}
.tiles-smaller-content .tiles-grid-v4 .tile-icon-middle {
  margin-top: 1.9px
}
.tiles-smaller-content .tiles-grid-v4 .tile-icon-low {
  margin-top: 1.9px
}
.tiles-smaller-content .tiles-grid-v4 .tile {
  height: 63.8px
}
.tiles-smaller-content .tiles-grid-v4 .tile-inner {
  height: 51.8px
}
.tiles-smaller-content .tiles-grid-v3 .tile-icon {
  margin-top: 6.3px
}
.tiles-smaller-content .tiles-grid-v3 .tile-icon-middle {
  margin-top: 12.5px
}
.tiles-smaller-content .tiles-grid-v3 .tile-icon-low {
  margin-top: 12.5px
}
.tiles-smaller-content .tiles-grid-v3 .tile {
  height: 85px
}
.tiles-smaller-content .tiles-grid-v3 .tile-inner {
  height: 73px
}
.tiles-smaller-content .tiles-grid-v2 .tile-icon {
  margin-top: 16.9px
}
.tiles-smaller-content .tiles-grid-v2 .tile-icon-middle {
  margin-top: 33.8px
}
.tiles-smaller-content .tiles-grid-v2 .tile-icon-low {
  margin-top: 33.8px
}
.tiles-smaller-content .tiles-grid-v2 .tile {
  height: 127.5px
}
.tiles-smaller-content .tiles-grid-v2 .tile-inner {
  height: 115.5px
}
.tiles-smaller-content .tiles-grid-v1 .tile-icon {
  margin-top: 48.8px
}
.tiles-smaller-content .tiles-grid-v1 .tile-icon-middle {
  margin-top: 97.5px
}
.tiles-smaller-content .tiles-grid-v1 .tile-icon-low {
  margin-top: 97.5px
}
.tiles-smaller-content .tiles-grid-v1 .tile {
  height: 255px
}
.tiles-smaller-content .tiles-grid-v1 .tile-inner {
  height: 243px
}
.tiles-grid-h5 .tile {
  width: 20%
}
.tiles-grid-h5 .tile.double {
  width: 40%
}
.tiles-grid-h4 .tile {
  width: 25%
}
.tiles-grid-h4 .tile.double {
  width: 50%
}
.tiles-grid-h3 .tile {
  width: 33.3%
}
.tiles-grid-h3 .tile.double {
  width: 66.6%
}
.tiles-grid-h2 .tile {
  width: 50%
}
.tiles-grid-h2 .tile.double {
  width: 100%
}
.tile-paginator-vertical {
  margin: 6px 0;
  height: 293px
}
.tiles-topmenu-content .tile-paginator-vertical {
  height: 293px
}
.tiles-topmenu-content {
  padding: 6px 6px 0;
  height: 326px;
  overflow-y: hidden;
  overflow-x: hidden;
  color: #161616;
  background-color: #fff
}
.tiles-content {
  padding: 6px 6px 0;
  height: 326px;
  overflow-y: hidden;
  overflow-x: hidden;
  color: #161616;
  background-color: #fff
}
.tiles-smaller-content {
  padding: 6px 6px 0;
  height: 276px;
  overflow-y: hidden;
  overflow-x: hidden;
  color: #161616;
  background-color: #fff
}
.tiles-grid {
  width: 100%;
  display: inline-block;
  border-spacing: 0;
  border-collapse: collapse
}
.tiles-grid td {
  padding: 6px 6px
}
.tile {
  float: left
}
.tile-inner {
  margin: 6px 6px;
  border-radius: 10px;
  position: relative;
  text-align: center;
  overflow: hidden
}
.readonly .tile-inner {
  background-color: #e0e0e0
}
.tile-inner .tile-disabled {
  background-color: #e0e0e0
}
.tile-form {
  border: 1px solid #000
}
.tile-icon {
  text-align: center;
  display: inline-block;
  padding: 0 6px
}
.tile-number {
  position: absolute;
  left: 120%;
  top: 14.25px;
  font-size: 31.5px
}
.disabled .tile-number {
  opacity: .5
}
.tile-text-cropper {
  position: absolute;
  left: 24px;
  right: 24px;
  height: 3em;
  overflow: hidden
}
.tile-text-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0
}
.readonly .tile-text,
.readonly .tile-title {
  color: #5f5e5e
}
.tile-text.active {
  color: #d0303d
}
.readonly .tile-color {
  color: #5f5e5e
}
.tile-color.active {
  color: #d0303d
}
.tile-text {
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  display: table-cell
}
.tile-title-bottom {
  position: absolute;
  bottom: 3.75px;
  left: 15px;
  right: 15px
}
.tile-title-bottom.truncated {
  text-overflow: ellipsis;
  white-space: nowrap
}
.tile-title-top {
  position: absolute;
  left: 31.5px;
  right: 31.5px
}
.tile-title {
  height: 37.8px;
  overflow: hidden;
  line-height: 1.1;
  font-size: 18px
}
.disabled .tile-title {
  opacity: .5
}
.tile-title-table {
  display: table;
  height: 100%;
  width: 100%
}
.tile-title-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.tile-paginator {
  height: 24px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: inherit
}
.tile-paginator-icon {
  height: 24px;
  padding: 0 20px
}
.tile-tabs {
  text-align: center;
  background-color: #c6c6c6;
  height: 50px
}
.tile-tab {
  margin: 0 20px;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block
}
.tile-tab-selected {
  color: #d0303d;
  text-decoration: underline
}
.tile-tab-required {
  color: #fff;
  background-color: #d0303d;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3;
  margin-right: -1.3em;
  border-radius: 50%
}
.tile-side-wrapper-right {
  position: absolute;
  bottom: 7.5px;
  right: 0;
  top: 7.5px
}
.tile-side-wrapper {
  position: absolute;
  bottom: 7.5px;
  right: 7.5px;
  top: 7.5px
}
.tile-side-wrapper2 {
  display: table;
  height: 100%
}
.tile-side-wrapper3 {
  text-align: center;
  display: table-cell;
  vertical-align: middle
}
.tile-counter-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: gray;
  margin: 6px 0;
  opacity: .5
}
.tile-counter-dot.selected {
  background-color: #000;
  width: 9px;
  height: 9px
}
.tile-top-left {
  position: absolute;
  left: 7.5px;
  top: 7.5px
}
.tile-changed-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #d0303d
}
.tile-button {
  width: 56px;
  height: 48px
}
.tile-counter-button {
  padding: 15px;
  border-radius: 10px
}
.tile-counter-button:active {
  opacity: .5
}
.tile-counter-button.non-clickable-button {
  opacity: .5
}
.tile-counter-input {
  width: 54px
}
.tile-counter-input .input {
  font-size: 23.4px;
  width: 100%;
  border: none;
  outline: 0;
  vertical-align: middle;
  padding: 0;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #d0303d;
  text-align: center
}
.tile-counter-input .input:focus {
  outline: 0
}
.readonly .tile-counter-input .input {
  background-color: #e0e0e0;
  color: #5f5e5e
}
.tile-paginator-vertical {
  width: 11%;
  float: left
}
.tile-paginator-vertical:active {
  background-color: #c6c6c6;
  border-radius: 7px
}
.tile-paginator-vertical.button-wrapper {
  padding: 0
}
.tile-paginator-vertical.non-clickable-button {
  opacity: .5
}
.tiles-content-inner {
  width: 78%;
  float: left
}
.window-holder {
  position: absolute;
  z-index: 802;
  width: 800px;
  top: 39.6px;
  text-align: center
}
.window-background {
  width: 800px;
  height: 396px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 801;
  background-color: #000;
  opacity: .5
}
.window {
  display: inline-block;
  margin: 0 auto;
  min-width: 50%;
  max-width: 70%;
  max-height: 316.8px;
  background-color: #fff;
  color: #161616;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  overflow: hidden;
  border-radius: 10px
}
.window-full {
  width: 70%
}
.window-padding {
  padding: 20px
}
.window-bottom-padding {
  padding-bottom: 20px
}
.window-vertical-padding {
  padding: 20px 0
}
.window-content {
  max-height: 316.8px
}
.window-content .list-paginator-pages {
  height: 220.8px;
  line-height: 220.8px
}
.window-content-header {
  max-height: 252.8px
}
.window-content-header .list-paginator-pages {
  height: 156.8px;
  line-height: 156.8px
}
.window-content-header-padding {
  padding: 0 20px 20px 20px
}
.window-content-footer {
  max-height: 228.8px
}
.window-button {
  padding: 5px 10px
}
.window-buttons-multiline .window-button {
  min-width: 240px;
  display: inline-block
}
.window-buttons {
  text-align: center;
  padding: 5px 10px 0
}
.window-text {
  padding-top: 10px;
  font-size: 18px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis
}
.window-text-bold {
  font-weight: 700
}
.window-text-secondary {
  color: #525252
}
.window-input {
  min-height: 48px;
  vertical-align: middle;
  text-align: center;
  margin: 5px 20px;
  border-radius: 10px;
  border: 1px solid #c6c6c6;
  padding: 0 20px;
  overflow: hidden
}
.window-input input {
  margin-top: 5px;
  width: 100%;
  font-size: 18px;
  height: 38px;
  padding: 0;
  vertical-align: top;
  border: none
}
.window-input-text {
  font-size: 12px;
  text-align: left;
  line-height: normal
}
.full {
  width: 100%
}
.half {
  width: 50%
}
.third {
  width: 33.3%
}
.list-paginator {
  float: right;
  width: 48px
}
.list-paginator-pages {
  position: relative;
  height: 236px;
  line-height: 236px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle
}
.smaller-content .list-paginator-pages {
  height: 186px;
  line-height: 186px
}
.quota-content .list-paginator-pages {
  height: 76.6px;
  line-height: 76.6px
}
.vertical-paginator-button {
  display: table
}
.vertical-paginator-button .paginator-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.vertical-paginator-button .paginator-inner .paginator-icon {
  display: inline-block
}
.paginator-scrollbar {
  position: absolute;
  top: 0;
  right: 8px;
  left: 8px;
  box-shadow: inset 0 0 0 3.2px #a9a6a9;
  border-radius: 7px
}
.custom-scrollable::-webkit-scrollbar {
  display: none
}
.custom-scrollable {
  scrollbar-width: none;
  position: relative
}
.scrollable {
  overflow-y: auto;
  overflow-x: hidden
}
.scrollbar {
  width: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}
.message-dialog-content .scrollbar {
  height: 188.8px
}
.content .scrollbar {
  height: 332px
}
.quota-content .scrollbar {
  height: 172.6px
}
.window-content-header .scrollbar {
  height: 252.8px
}
.window-content .scrollbar {
  height: 316.8px
}
.scrollbar-thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  background-color: #a9a6a9;
  border-radius: 2.7px
}
.cont-scan-buttons {
  text-align: center;
  display: table;
  width: 100%
}
.cont-scan-buttons .label-button {
  width: 280px
}
.cont-scan-buttons .buttons {
  display: table-cell;
  vertical-align: middle
}
.cont-scan-buttons .message {
  padding-bottom: 8px
}
.button-scan {
  display: inline-block;
  margin: 19.8px;
  color: #000;
  border-radius: 10px;
  border: 1px solid gray
}
.button-scan .label-button-head {
  padding: 24px 9.6px 28.8px
}
.button-scan .label-button-label {
  color: #000
}
.button-scan.disabled,
.button-scan.non-clickable-button {
  background-color: #a3a3a3
}
.button-scan.clickable-button:active {
  background-color: #e5e5e5
}
.image-frame.no-scroll-swipe .job-preview-paginator {
  display: block
}
.image-frame .job-preview-paginator {
  display: none
}
.job-preview-paginator {
  text-align: center;
  position: relative;
  top: -64px
}
.job-preview-paginator .button-wrapper {
  display: inline-block
}
.list-item-printjob-text .left-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.list-item-printjob-text .right-item {
  float: right;
  white-space: nowrap
}
.list-item-printjob-text .job-release-option-holder {
  overflow: hidden
}
.list-item-printjob-text .job-release-options {
  height: 24px;
  line-height: 24px;
  float: left
}
.list-item-printjob-text .job-release-option-icons {
  height: 24px;
  float: left
}
.list-item-printjob-text .job-extra,
.list-item-printjob-text .job-spool-date {
  float: right;
  text-align: right
}
.list-item-printjob-text .job-spool-date {
  padding-left: 12px
}
.list-item-printjob-text .secondary {
  font-size: 80%
}
.list-item-printjob-text .incompatible .primary .job-error-text,
.list-item-printjob-text .incompatible .primary .job-name,
.list-item-printjob-text .incompatible .secondary {
  opacity: .5
}
.job-error-button {
  display: block
}
.job-error-button .icon-job-error,
.job-error-button .job-error-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px
}
.status-content-wrapper {
  background-color: #000;
  font-size: 18px;
  padding-top: 18px;
  height: 378px;
  color: #fff;
  display: table;
  width: 100%
}
.status-content-wrapper.compact {
  padding-top: 6px;
  height: 390px
}
.status-row {
  display: table-row
}
.status-content-header > .button-wrapper {
  position: absolute;
  left: 16px
}
.status-content-header {
  overflow: hidden;
  display: table-cell;
  height: 48px
}
.status-content-center {
  height: 230px;
  padding-left: 80px;
  padding-right: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.status-content-center.tiny {
  height: 305px
}
.compact .status-content-center {
  height: 245px
}
.status-content-center-inner {
  padding: 0 20px;
  text-align: center
}
.status-content-center-inner.status-horizontal-layout {
  padding-top: 4px;
  display: table;
  margin: 0 auto
}
.tiny .status-content-center-inner {
  padding: 0;
  max-height: 100%;
  overflow: hidden
}
.status-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto
}
.status-icon-200 {
  width: 96px;
  height: 96px;
  margin: 0 auto
}
.status-icon-300 {
  width: 144px;
  height: 144px;
  margin: 0 auto
}
.status-horizontal-layout {
  display: table-cell;
  vertical-align: middle;
  margin: 0
}
.status-info-first {
  padding-top: 12px
}
.status-info {
  font-size: 18px;
  padding-bottom: 4px;
  color: #fff;
  margin: 0 auto;
  line-height: normal
}
.status-info-secondary {
  color: #b3b3b3
}
.status-content-message {
  text-align: center;
  margin-top: 10px
}
.tiny .status-content-message {
  margin-top: 0
}
.status-content-message.status-horizontal-layout {
  padding-left: 10px
}
.status-content-bottom {
  padding-top: 15px;
  text-align: center;
  display: table-cell
}
.status-button-primary {
  display: inline-block;
  background-color: #444;
  color: #fff;
  border-color: #1e1e1e;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  min-width: 10em
}
.button-wrapper-status {
  display: inline-block
}
.session-expired-icon {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px 0;
  width: 96px;
  height: 96px
}
#toaster {
  position: absolute;
  top: 0;
  height: 383.5px
}
.toaster {
  position: absolute;
  white-space: nowrap;
  padding: 4px 16px;
  color: #fff;
  background-color: #d0303d;
  opacity: .9;
  left: 2px;
  border-radius: 10px;
  pointer-events: none;
  z-index: 1500
}
.topmenu-btn {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative
}
.topmenu-btn-icon {
  margin-top: 10%
}
.topmenu-btn-text {
  position: absolute;
  bottom: 7.5px;
  left: 15px;
  right: 15px;
  text-align: left
}
.topmenu-more {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 500
}
.topmenu-more:active {
  opacity: .5
}
.topmenu-menu {
  border-radius: 10px
}
.topmenu-top-left {
  position: absolute;
  left: 3px;
  top: 3px
}
.favorite-incompatible {
  float: right
}
.favorite-incompatible-description {
  float: left;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  opacity: .6;
  font-size: 14.4px
}
.favorite-incompatible-description .icon-half {
  vertical-align: middle;
  margin-top: -2px
}
.favorite-incompatible-text {
  opacity: .6
}
.quota-hint {
  font-size: 16.2px;
  padding: 0 20px 10px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.quota.secondary .list-item-text {
  font-size: 16.2px
}
.quota-content {
  max-height: 172.6px
}
.list-item-row.quota-group,
.list-item-row.quota-item {
  height: 32px
}
.list-item-row.quota-group .list-item-text,
.list-item-row.quota-item .list-item-text {
  height: 32px;
  line-height: 32px
}
.quota-item + .quota-group {
  padding-top: 24px
}
.quota-error {
  color: #c90c23
}
.quota-warning {
  color: #c65300
}
.focus-manager {
  overflow: hidden;
  background-color: #000
}
.focus-manager-right {
  position: absolute;
  left: 800px;
  top: 0;
  bottom: 0;
  padding-top: 78px;
  width: 64px;
  height: 318px
}
.focus-manager-right .focus-description {
  display: none
}
.focus-manager-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px
}
.focus-description {
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  overflow: hidden;
  display: inline-block;
  height: 64px;
  line-height: 64px
}
.focus-button {
  display: inline-block;
  background-color: #444;
  border: 2px solid #fff;
  border-radius: 7px;
  padding: 4.8px
}
.focus-manager-right .focus-button {
  margin: 5px 0 5px 2px
}
.focus-manager-bottom .focus-button {
  margin: 2px 5px 0
}
.focus {
  box-shadow: inset 0 0 10px 9px gold;
  border-radius: 7px
}
body,
html {
  color: #161616;
  height: 100%;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}
body {
  font-family: sans-serif;
  background-color: #fff;
  overflow-y: hidden;
  overflow-x: hidden;
  line-height: 1
}
.page {
  width: 800px;
  height: 396px;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}
.app {
  position: relative;
  width: 800px;
  height: 396px;
  background-color: #000;
  color: #161616
}
input:focus {
  outline: 0
}
#myq-loader {
  position: absolute;
  background: rgba(0,0,0,.7);
  z-index: 1000;
  top: 0;
  left: 0;
  height: 396px;
  width: 800px;
  display: none
}
.loader-spin {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.loader-spin .spinner {
  width: 90px;
  height: 90px
}
.content {
  height: 332px;
  color: #161616;
  background-color: #fff;
  border-radius: 8px 8px 0 0
}
.smaller-content {
  height: 282px;
  color: #161616;
  background-color: #fff
}
.content-dark {
  background-color: #000
}
.bold {
  font-weight: 700
}
.left {
  float: left
}
.right {
  float: right
}
.relative {
  position: relative
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-left {
  text-align: left
}
.inline-block {
  display: inline-block
}
.hidden {
  visibility: hidden
}
.not-displayed {
  display: none
}
.relative {
  position: relative
}
.secondary {
  color: #525252
}
.table {
  display: table
}
.row {
  display: table-row
}
.cell {
  display: table-cell
}
.no-padding {
  padding: 0
}
.overflow-hidden {
  overflow: hidden
}
.error {
  color: #ff0020
}
.warning {
  color: #fff400
}
.log {
  width: 33%;
  height: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #182872;
  z-index: 20000;
  background-color: rgba(255,255,255,.9);
  opacity: 1;
  color: #000
}
.list-item-left {
  text-align: right
}
.icon {
  height: 48px;
  width: 48px;
  border: none;
  outline: 0;
  margin: 0
}
.topmenu-icon {
  height: 60px;
  width: 60px;
  border: none;
  outline: 0;
  margin: 0
}
.disabled .topmenu-icon {
  opacity: .5
}
.icon-inline {
  display: inline-block;
  border: none;
  outline: 0;
  margin: 0
}
.icon-half {
  height: 48px;
  width: 24px;
  border: none;
  outline: 0;
  margin: 0
}
.icon-wide {
  padding-right: 12px
}
.dialog-icon {
  border: none;
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto
}
.icon-dialog-warning {
  background-image: url(../../../themes/black/sprites/48_48/popup.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-dialog-error {
  background-image: url(../../../themes/black/sprites/48_48/popup.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-dialog-info {
  background-image: url(../../../themes/black/sprites/48_48/popup.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-dialog-ok {
  background-image: url(../../../themes/black/sprites/48_48/popup.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-ok-button {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px;
  padding: 0
}
.icon-ok-button.disabled,
.icon-ok-button:active {
  opacity: .5
}
.icon-back-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -192px;
  width: 48px;
  height: 48px
}
.icon-back-button.disabled,
.icon-back-button:active {
  opacity: .5
}
.header-white .icon-back-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -192px;
  width: 48px;
  height: 48px
}
.header-white .icon-back-button.disabled,
.header-white .icon-back-button:active {
  opacity: .5
}
.icon-back-button-dark {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -192px;
  width: 48px;
  height: 48px
}
.icon-back-button-dark.disabled,
.icon-back-button-dark:active {
  opacity: .5
}
.icon-cancel-button {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-cancel-button.disabled,
.icon-cancel-button:active {
  opacity: .5
}
.icon-forward-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -192px;
  width: 48px;
  height: 48px
}
.icon-forward-button.disabled,
.icon-forward-button:active {
  opacity: .5
}
.icon-up-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px 0;
  width: 48px;
  height: 48px
}
.icon-up-button.disabled,
.icon-up-button:active {
  opacity: .5
}
.icon-down-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -144px;
  width: 48px;
  height: 48px
}
.icon-down-button.disabled,
.icon-down-button:active {
  opacity: .5
}
.icon-refresh-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -336px;
  width: 48px;
  height: 48px
}
.icon-refresh-button.disabled,
.icon-refresh-button:active {
  opacity: .5
}
.icon-delete-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -384px;
  width: 48px;
  height: 48px
}
.icon-delete-button:active {
  opacity: .5
}
.icon-set-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -384px;
  width: 48px;
  height: 48px
}
.icon-set-favorite.disabled,
.icon-set-favorite:active {
  opacity: .5
}
.icon-unset-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -384px;
  width: 48px;
  height: 48px
}
.icon-unset-favorite.disabled,
.icon-unset-favorite:active {
  opacity: .5
}
.icon-settings {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px 0;
  width: 48px;
  height: 48px
}
.icon-settings.disabled,
.icon-settings:active {
  opacity: .5
}
.icon-print {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -288px;
  width: 48px;
  height: 48px
}
.icon-print.disabled,
.icon-print:active {
  opacity: .5
}
.icon-settings-active {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px 0;
  width: 48px;
  height: 48px
}
.icon-settings-active.disabled,
.icon-settings-active:active {
  opacity: .5
}
.icon-print-active {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -288px;
  width: 48px;
  height: 48px
}
.icon-print-active.disabled,
.icon-print-active:active {
  opacity: .5
}
.icon-scan {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -336px;
  width: 48px;
  height: 48px
}
.icon-scan.disabled,
.icon-scan:active {
  opacity: .5
}
.icon-scan-action {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -336px;
  width: 48px;
  height: 48px
}
.icon-print-green {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -288px;
  width: 48px;
  height: 48px
}
.icon-print-green.disabled,
.icon-print-green:active {
  opacity: .5
}
.icon-zoom-in {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -240px;
  width: 48px;
  height: 48px
}
.icon-zoom-in.disabled,
.icon-zoom-in:active {
  opacity: .5
}
.icon-zoom-out {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -192px;
  width: 48px;
  height: 48px
}
.icon-zoom-out.disabled,
.icon-zoom-out:active {
  opacity: .5
}
.icon-previous {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -240px;
  width: 48px;
  height: 48px
}
.icon-previous.disabled,
.icon-previous:active {
  opacity: .5
}
.icon-next {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -288px;
  width: 48px;
  height: 48px
}
.icon-next.disabled,
.icon-next:active {
  opacity: .5
}
.icon-meatball-menu {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -288px;
  width: 48px;
  height: 48px
}
.icon-meatball-menu.disabled,
.icon-meatball-menu:active {
  opacity: .5
}
.icon-star-plus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -384px;
  width: 48px;
  height: 48px
}
.icon-star-plus.disabled,
.icon-star-plus:active {
  opacity: .5
}
.icon-star-minus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -384px;
  width: 48px;
  height: 48px
}
.icon-star-minus.disabled,
.icon-star-minus:active {
  opacity: .5
}
.icon-star {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -384px;
  width: 48px;
  height: 48px
}
.icon-star.disabled,
.icon-star:active {
  opacity: .5
}
.icon-bin {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -384px;
  width: 48px;
  height: 48px
}
.icon-bin.disabled,
.icon-bin:active {
  opacity: .5
}
.icon-sort-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -192px;
  width: 48px;
  height: 48px
}
.icon-sort-button.disabled,
.icon-sort-button:active {
  opacity: .5
}
.header-white .icon-sort-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -144px -192px;
  width: 48px;
  height: 48px
}
.header-white .icon-sort-button.disabled,
.header-white .icon-sort-button:active {
  opacity: .5
}
.icon-user {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: -96px -48px;
  width: 48px;
  height: 48px
}
.icon-user.disabled {
  opacity: .5
}
.header-white .icon-user {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.header-white .icon-user.disabled {
  opacity: .5
}
.icon-user-edit {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-user-edit.disabled {
  opacity: .5
}
.header-white .icon-user-edit {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.header-white .icon-user-edit.disabled {
  opacity: .5
}
.icon-logout {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-logout.disabled,
.icon-logout:active {
  opacity: .5
}
.header-white .icon-logout {
  background-image: url(../../../themes/black/sprites/48_48/topMenu.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.header-white .icon-logout.disabled,
.header-white .icon-logout:active {
  opacity: .5
}
.icon-add-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -96px;
  width: 48px;
  height: 48px
}
.icon-add-favorite.disabled,
.icon-add-favorite:active {
  opacity: .5
}
.header-white .icon-add-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -48px;
  width: 48px;
  height: 48px
}
.header-white .icon-add-favorite.disabled,
.header-white .icon-add-favorite:active {
  opacity: .5
}
.icon-plus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -144px;
  width: 48px;
  height: 48px
}
.icon-plus.disabled,
.icon-plus:active {
  opacity: .5
}
.header-white .icon-plus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -96px;
  width: 48px;
  height: 48px
}
.header-white .icon-plus.disabled,
.header-white .icon-plus:active {
  opacity: .5
}
.icon-star-full {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -336px;
  width: 48px;
  height: 48px
}
.icon-star-full.disabled,
.icon-star-full:active {
  opacity: .5
}
.icon-restore-defaults {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -144px -336px;
  width: 48px;
  height: 48px
}
.icon-restore-defaults.disabled,
.icon-restore-defaults:active {
  opacity: .5
}
.icon-cross {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-cross.disabled,
.icon-cross:active {
  opacity: .5
}
.icon-sort {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -144px;
  width: 48px;
  height: 48px
}
.icon-sort.disabled,
.icon-sort:active {
  opacity: .5
}
.icon-sort-ascending {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -96px;
  width: 48px;
  height: 48px
}
.icon-sort-ascending.disabled,
.icon-sort-ascending:active {
  opacity: .5
}
.icon-lock {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -144px -288px;
  width: 48px;
  height: 48px
}
.icon-list {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -288px;
  width: 48px;
  height: 48px
}
.icon-list:active {
  opacity: .5
}
.icon-destination {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-destination:active {
  opacity: .5
}
.icon-clear {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -144px;
  width: 48px;
  height: 48px
}
.icon-clear:active {
  opacity: .5
}
.icon-select {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -336px;
  width: 48px;
  height: 48px
}
.icon-select.disabled,
.icon-select:active {
  opacity: .5
}
.icon-unselect {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px 0;
  width: 48px;
  height: 48px
}
.icon-unselect.disabled,
.icon-unselect:active {
  opacity: .5
}
.icon-add {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -48px;
  width: 48px;
  height: 48px
}
.icon-checkbox-checked {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -144px;
  width: 48px;
  height: 48px
}
.icon-checkbox {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -240px;
  width: 48px;
  height: 48px
}
.icon-selected {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -288px;
  width: 24px;
  height: 48px
}
.icon-not-selected {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -456px -288px;
  width: 24px;
  height: 48px
}
.icon-favorite {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -288px;
  width: 48px;
  height: 48px
}
.icon-not-favorite {
  display: inline-block;
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -192px;
  width: 48px;
  height: 48px
}
.icon-folder {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -240px;
  width: 48px;
  height: 48px
}
.icon-folder-up {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -240px;
  width: 48px;
  height: 48px
}
.icon-unchecked {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -240px;
  width: 48px;
  height: 48px
}
.icon-unchecked.disabled {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -144px -240px;
  width: 48px;
  height: 48px
}
.icon-checked {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -144px;
  width: 48px;
  height: 48px
}
.icon-checked.disabled {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -192px;
  width: 48px;
  height: 48px
}
.icon-radio-button {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -336px;
  width: 48px;
  height: 48px
}
.icon-radio-button.disabled {
  opacity: .5
}
.icon-radio-button-unchecked {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -336px;
  width: 48px;
  height: 48px
}
.icon-radio-button-unchecked.disabled {
  opacity: .5
}
.icon-item-plus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -432px;
  width: 24px;
  height: 24px
}
.icon-item-minus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -432px;
  width: 24px;
  height: 24px
}
.icon-job-error {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -432px;
  width: 24px;
  height: 24px;
  display: inline-block
}
.icon-job-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -312px -432px;
  width: 24px;
  display: inline-block;
  height: 24px
}
.icon-job-color {
  background-image: url(../../../themes/black/sprites/48_48/job.png);
  background-position: 0 0;
  width: 24px;
  display: inline-block;
  height: 24px
}
.icon-job-mono {
  background-image: url(../../../themes/black/sprites/48_48/job.png);
  background-position: 0 -24px;
  width: 24px;
  display: inline-block;
  height: 24px
}
.icon-job-toner-saving {
  background-image: url(../../../themes/black/sprites/48_48/job.png);
  background-position: -24px 0;
  width: 24px;
  display: inline-block;
  height: 24px
}
.icon-job-empty {
  display: inline-block
}
.icon-job-property {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px 0;
  width: 48px;
  height: 48px
}
.icon-job-property.disabled,
.icon-job-property:active {
  opacity: .5
}
.icon-job-preview {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -192px;
  width: 48px;
  height: 48px
}
.icon-job-preview.disabled,
.icon-job-preview:active {
  opacity: .5
}
.icon-job-checkbox {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -240px;
  width: 48px;
  height: 48px
}
.icon-job-checkbox.selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -144px;
  width: 48px;
  height: 48px
}
.icon-edit {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-edit.disabled,
.icon-edit:active {
  opacity: .5
}
.icon-bubble-delete {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -120px -432px;
  width: 24px;
  height: 24px
}
.icon-bubble-delete.disabled,
.icon-bubble-delete:active {
  opacity: .5
}
.icon-bubble-close {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -144px -24px;
  width: 24px;
  height: 24px
}
.icon-bubble-close.activated,
.icon-bubble-close.disabled,
.icon-bubble-close:active {
  opacity: .5
}
.icon-login-error {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: 0 -144px;
  width: 96px;
  height: 96px
}
.icon-empty {
  display: inline-block
}
.icon-page-up {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-page-up.disabled,
.icon-page-up:active {
  opacity: .5
}
.icon-page-down {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-page-down.disabled,
.icon-page-down:active {
  opacity: .5
}
.icon-search {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: -96px -48px;
  width: 48px;
  height: 48px;
  display: inline-block
}
.icon-search-input {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: 0 -96px;
  width: 24px;
  height: 48px;
  display: inline-block
}
.image-preloader {
  content: url(../../../themes/black/images/preloader.gif)
}
.image-preloader-dark {
  content: url(../../../themes/black/images/preloaderDark.gif)
}
.myq-logo {
  background-image: url(../../../themes/black/sprites/48_48/logo-myq.png);
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  height: 48px
}
.myq-logo.logo-left {
  background-position-x: left
}
.icon-paginator-selected-panel {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -360px;
  width: 24px;
  height: 24px
}
.icon-paginator-panel {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -408px;
  width: 24px;
  height: 24px
}
.content-dark .icon-paginator-selected-panel {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -456px -360px;
  width: 24px;
  height: 24px
}
.content-dark .icon-paginator-panel {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -408px;
  width: 24px;
  height: 24px
}
.icon-paginator-selected-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -216px -432px;
  width: 24px;
  height: 24px
}
.icon-paginator-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -432px;
  width: 24px;
  height: 24px
}
.content-dark .icon-paginator-selected-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -432px;
  width: 24px;
  height: 24px
}
.content-dark .icon-paginator-favorite {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -432px;
  width: 24px;
  height: 24px
}
.icon-topmenu-more {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px 0;
  width: 48px;
  height: 48px
}
.content-dark .icon-topmenu-more {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -48px;
  width: 48px;
  height: 48px
}
.icon-tiny-lock {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -24px -432px;
  width: 24px;
  height: 24px
}
.icon-dropdown {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -456px -336px;
  width: 24px;
  height: 24px;
  margin-bottom: 12px
}
.icon-dropdown.activated,
.icon-dropdown:active {
  opacity: .5
}
.icon-warning-small {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -336px -432px;
  width: 24px;
  height: 24px;
  display: inline-block
}
.icon-star-yellow {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -96px;
  width: 96px;
  height: 96px;
  display: inline-block
}
.icon-setup {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -144px -144px;
  width: 48px;
  height: 48px
}
.icon-offline {
  background-image: url(../../../themes/black/sprites/48_48/login.png);
  background-position: -96px -144px;
  width: 48px;
  height: 48px
}
.icon-button-selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -336px;
  width: 24px;
  height: 24px
}
.scan-icon {
  width: 96px;
  height: 96px
}
.icon-scan-next {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px 0;
  width: 48px;
  height: 48px
}
.icon-scan-next.disabled,
.icon-scan-next:active {
  opacity: .5
}
.icon-scan-finish {
  background-image: url(../../../themes/black/sprites/48_48/form.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-scan-finish.disabled,
.icon-scan-finish:active {
  opacity: .5
}
.icon-scan-start {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -336px;
  width: 48px;
  height: 48px
}
.icon-scan-start.disabled,
.icon-scan-start:active {
  opacity: .5
}
.tab {
  height: 49px;
  border-radius: 2px 2px 0 0
}
.icon-destination-tab {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: -96px -48px;
  width: 48px;
  height: 48px
}
.icon-destination-tab:active {
  opacity: .5
}
.icon-destination-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-attachment-tab {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-attachment-tab:active {
  opacity: .5
}
.icon-attachment-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-settings-tab {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-settings-tab:active {
  opacity: .5
}
.icon-settings-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/scanTab.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-remote-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px -48px;
  width: 48px;
  height: 48px
}
.icon-remote-tab:active {
  opacity: .5
}
.icon-remote-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -432px 0;
  width: 48px;
  height: 48px
}
.icon-remote-tab.menu {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -384px;
  width: 48px;
  height: 48px
}
.icon-printed-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -288px;
  width: 48px;
  height: 48px
}
.icon-printed-tab:active {
  opacity: .5
}
.icon-printed-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -288px;
  width: 48px;
  height: 48px
}
.icon-printed-tab.menu {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -288px;
  width: 48px;
  height: 48px
}
.icon-favorite-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: 0 -384px;
  width: 48px;
  height: 48px
}
.icon-favorite-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -240px;
  width: 48px;
  height: 48px
}
.icon-favorite-tab:active {
  opacity: .5
}
.icon-favorite-tab.menu {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -384px -192px;
  width: 48px;
  height: 48px
}
.icon-ready-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -144px;
  width: 48px;
  height: 48px
}
.icon-ready-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -96px;
  width: 48px;
  height: 48px
}
.icon-ready-tab:active {
  opacity: .5
}
.icon-ready-tab.menu {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -48px;
  width: 48px;
  height: 48px
}
.icon-credit-price-tab {
  background-image: url(../../../themes/black/sprites/48_48/credit.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-credit-price-tab:active {
  opacity: .5
}
.icon-credit-price-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/credit.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-credit-voucher-tab {
  background-image: url(../../../themes/black/sprites/48_48/credit.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-credit-voucher-tab:active {
  opacity: .5
}
.icon-credit-voucher-tab.selected {
  background-image: url(../../../themes/black/sprites/48_48/credit.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-settings-tile-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -240px;
  width: 48px;
  height: 48px
}
.icon-summary-tile-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -192px -384px;
  width: 48px;
  height: 48px
}
.icon-attachment-tile-tab {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -240px -384px;
  width: 48px;
  height: 48px
}
.icon-tile-next {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -72px -432px;
  width: 24px;
  height: 24px
}
.icon-tile-plus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -432px;
  width: 24px;
  height: 24px
}
.icon-tile-minus {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -48px -432px;
  width: 24px;
  height: 24px
}
.icon-tile-color-color {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-tile-color-color.readonly {
  opacity: .5
}
.icon-tile-color-color.disabled,
.icon-tile-color-color:active {
  opacity: .5
}
.icon-tile-color-grayscale {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-tile-color-grayscale.readonly {
  opacity: .5
}
.icon-tile-color-grayscale.disabled,
.icon-tile-color-grayscale:active {
  opacity: .5
}
.icon-tile-color-mono {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-tile-color-mono.readonly {
  opacity: .5
}
.icon-tile-color-mono.disabled,
.icon-tile-color-mono:active {
  opacity: .5
}
.icon-tile-duplex-simplex {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -144px;
  width: 48px;
  height: 48px
}
.icon-tile-duplex-simplex.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px 0;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-duplex-simplex.disabled,
.icon-tile-duplex-simplex:active {
  opacity: .5
}
.icon-tile-duplex-binding-top {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -144px;
  width: 48px;
  height: 48px
}
.icon-tile-duplex-binding-top.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -144px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-duplex-binding-top.disabled,
.icon-tile-duplex-binding-top:active {
  opacity: .5
}
.icon-tile-duplex-binding-side {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -96px;
  width: 48px;
  height: 48px
}
.icon-tile-duplex-binding-side.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -144px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-duplex-binding-side.disabled,
.icon-tile-duplex-binding-side:active {
  opacity: .5
}
.icon-tile-jpg {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -144px;
  width: 48px;
  height: 48px
}
.icon-tile-jpg.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -192px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-jpg.disabled,
.icon-tile-jpg:active {
  opacity: .5
}
.icon-tile-pdf {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -192px;
  width: 48px;
  height: 48px
}
.icon-tile-pdf.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -192px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-pdf.disabled,
.icon-tile-pdf:active {
  opacity: .5
}
.icon-tile-hcpdf {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -48px;
  width: 48px;
  height: 48px
}
.icon-tile-hcpdf.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -96px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-hcpdf.disabled,
.icon-tile-hcpdf:active {
  opacity: .5
}
.icon-tile-tiff {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -192px;
  width: 48px;
  height: 48px
}
.icon-tile-tiff.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -192px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-tiff.disabled,
.icon-tile-tiff:active {
  opacity: .5
}
.icon-tile-xps {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px 0;
  width: 48px;
  height: 48px
}
.icon-tile-xps.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -48px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-xps.disabled,
.icon-tile-xps:active {
  opacity: .5
}
.icon-tile-image-image {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -96px;
  width: 48px;
  height: 48px
}
.icon-tile-image-image.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -144px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-image-image.disabled,
.icon-tile-image-image:active {
  opacity: .5
}
.icon-tile-image-text {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -192px;
  width: 48px;
  height: 48px
}
.icon-tile-image-text.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -240px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-image-text.disabled,
.icon-tile-image-text:active {
  opacity: .5
}
.icon-tile-image-text-image {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -240px;
  width: 48px;
  height: 48px
}
.icon-tile-image-text-image.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -240px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-image-text-image.disabled,
.icon-tile-image-text-image:active {
  opacity: .5
}
.icon-tile-orientation-top-on-left {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -240px;
  width: 48px;
  height: 48px
}
.icon-tile-orientation-top-on-left.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -240px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-orientation-top-on-left.disabled,
.icon-tile-orientation-top-on-left:active {
  opacity: .5
}
.icon-tile-orientation-top-on-top {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -240px;
  width: 48px;
  height: 48px
}
.icon-tile-orientation-top-on-top.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px 0;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-orientation-top-on-top.disabled,
.icon-tile-orientation-top-on-top:active {
  opacity: .5
}
.icon-tile-separation-page {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -288px;
  width: 48px;
  height: 48px
}
.icon-tile-separation-page.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -288px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-separation-page.disabled,
.icon-tile-separation-page:active {
  opacity: .5
}
.icon-tile-separation-together {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -288px;
  width: 48px;
  height: 48px
}
.icon-tile-separation-together.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -192px -288px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-separation-together.disabled,
.icon-tile-separation-together:active {
  opacity: .5
}
.icon-tile-copy-duplex-1-sided {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-tile-copy-duplex-1-sided.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-copy-duplex-1-sided.disabled,
.icon-tile-copy-duplex-1-sided:active {
  opacity: .5
}
.icon-tile-copy-duplex-2-sided {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -48px -96px;
  width: 48px;
  height: 48px
}
.icon-tile-copy-duplex-2-sided.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -96px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-copy-duplex-2-sided.disabled,
.icon-tile-copy-duplex-2-sided:active {
  opacity: .5
}
.icon-tile-copy-duplex-1-to-2-sided {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -96px -48px;
  width: 48px;
  height: 48px
}
.icon-tile-copy-duplex-1-to-2-sided.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -96px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-copy-duplex-1-to-2-sided.disabled,
.icon-tile-copy-duplex-1-to-2-sided:active {
  opacity: .5
}
.icon-tile-copy-duplex-2-to-1-sided {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px 0;
  width: 48px;
  height: 48px
}
.icon-tile-copy-duplex-2-to-1-sided.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -144px -48px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-copy-duplex-2-to-1-sided.disabled,
.icon-tile-copy-duplex-2-to-1-sided:active {
  opacity: .5
}
.icon-tile-stapling-top-left {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -240px -288px;
  width: 48px;
  height: 48px
}
.icon-tile-stapling-top-left.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -288px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-stapling-top-left.disabled,
.icon-tile-stapling-top-left:active {
  opacity: .5
}
.icon-tile-stapling-top-right {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px 0;
  width: 48px;
  height: 48px
}
.icon-tile-stapling-top-right.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -48px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-stapling-top-right.disabled,
.icon-tile-stapling-top-right:active {
  opacity: .5
}
.icon-tile-stapling-two-staples {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -96px;
  width: 48px;
  height: 48px
}
.icon-tile-stapling-two-staples.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -144px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-stapling-two-staples.disabled,
.icon-tile-stapling-two-staples:active {
  opacity: .5
}
.icon-tile-punching-two-holes {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -240px;
  width: 48px;
  height: 48px
}
.icon-tile-punching-two-holes.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -288px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-punching-two-holes.disabled,
.icon-tile-punching-two-holes:active {
  opacity: .5
}
.icon-tile-punching-three-holes {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -144px;
  width: 48px;
  height: 48px
}
.icon-tile-punching-three-holes.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -192px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-punching-three-holes.disabled,
.icon-tile-punching-three-holes:active {
  opacity: .5
}
.icon-tile-punching-four-holes {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -48px;
  width: 48px;
  height: 48px
}
.icon-tile-punching-four-holes.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -288px -96px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-punching-four-holes.disabled,
.icon-tile-punching-four-holes:active {
  opacity: .5
}
.icon-tile-switch-on {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -288px;
  width: 48px;
  height: 48px
}
.icon-tile-switch-on.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: 0 -336px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-switch-on.disabled,
.icon-tile-switch-on:active {
  opacity: .5
}
.icon-tile-switch-off {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -192px;
  width: 48px;
  height: 48px
}
.icon-tile-switch-off.readonly {
  background-image: url(../../../themes/black/sprites/48_48/tile.png);
  background-position: -336px -240px;
  width: 48px;
  height: 48px;
  opacity: .5
}
.icon-tile-switch-off.disabled,
.icon-tile-switch-off:active {
  opacity: .5
}
.paginator-icon.page-right {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -96px -96px;
  width: 48px;
  height: 96px
}
.paginator-icon.page-left {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -144px -96px;
  width: 48px;
  height: 96px
}
.icon-window-close {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -48px -96px;
  width: 48px;
  height: 48px
}
.icon-window-close.activated,
.icon-window-close.disabled,
.icon-window-close:active {
  opacity: .5
}
.icon-window-selected {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: 0 -48px;
  width: 48px;
  height: 48px
}
.icon-window-clone {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -48px -48px;
  width: 48px;
  height: 48px
}
.icon-window-edit {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -96px 0;
  width: 48px;
  height: 48px
}
.icon-window-rename {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -96px -48px;
  width: 48px;
  height: 48px
}
.icon-window-sort {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-window-delete {
  background-image: url(../../../themes/black/sprites/48_48/window.png);
  background-position: -96px -96px;
  width: 48px;
  height: 48px
}
.icon-admin-delete {
  background-image: url(../../../themes/black/sprites/48_48/admin.png);
  background-position: -48px 0;
  width: 48px;
  height: 48px
}
.icon-admin-delete:active {
  opacity: .5
}
.icon-admin-login {
  background-image: url(../../../themes/black/sprites/48_48/icons.png);
  background-position: -288px -288px;
  width: 48px;
  height: 48px
}
.icon-admin-login:active {
  opacity: .5
}
.icon-admin-save {
  background-image: url(../../../themes/black/sprites/48_48/admin.png);
  background-position: 0 0;
  width: 48px;
  height: 48px
}
.icon-admin-save:active {
  opacity: .5
}
.scanner-scene {
  position: relative;
  inset: 10px;
  width: 400px;
  height: 80%;
  isolation: isolate;
  margin: auto
}
.scanner-paper-wrap {
  position: absolute;
  inset: 0;
  aspect-ratio: 297/210;
  margin-top: 43.2px
}
.scanner-paper {
  position: absolute;
  inset: 0;
  background: #e6e4e4;
  box-shadow: 0 18px 50px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.08),inset 0 12px 18px rgba(0,0,0,.06);
  z-index: 10;
  aspect-ratio: 297/210;
  opacity: 1
}
.scanner-reveal {
  position: absolute;
  inset: 0;
  background-image: url(../../../../images/documentLandscape.svg);
  background-size: cover;
  background-position: center;
  z-index: 30;
  -webkit-animation: 4s reveal-forward 1s linear 1;
  animation: 4s reveal-forward 1s linear 1;
  opacity: 0
}
.scanner-head {
  position: absolute;
  top: -2%;
  left: 0;
  width: 1%;
  height: 104%;
  border-radius: 2px;
  opacity: 1;
  background-color: #fff;
  outline: 20px solid #4d4d4d;
  box-shadow: 0 0 -webkit-calc(var(--beam-thickness) * .35) rgba(255,253,110,.55),0 0 -webkit-calc(var(--beam-thickness) * .6) rgba(243,255,135,.35);
  box-shadow: 0 0 calc(var(--beam-thickness) * .35) rgba(255,253,110,.55),0 0 calc(var(--beam-thickness) * .6) rgba(243,255,135,.35);
  z-index: 3;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: 4s head-forward 1s linear 1,.5s head-off 5s linear 1,1s head-return 5.5s linear 1 forwards;
  animation: 4s head-forward 1s linear 1,.5s head-off 5s linear 1,1s head-return 5.5s linear 1 forwards
}
.scanner-beam {
  position: absolute;
  top: -2%;
  left: 0;
  width: 5px;
  height: 104%;
  border-radius: 2px;
  opacity: .5;
  background-color: #fff;
  pointer-events: none;
  z-index: 20;
  mix-blend-mode: screen;
  opacity: .9;
  background: radial-gradient(40px 40px at 0 102%,rgba(255,247,140,.55),rgba(255,253,140,.15) 40%,transparent 75%);
  background: #fff;
  box-shadow: 0 0 50px #fffea7;
  -webkit-filter: brightness(2);
  filter: brightness(2);
  -webkit-animation: 4s beam-forward 1s linear 1 forwards,.5s beam-off 5s linear 1 forwards;
  animation: 4s beam-forward 1s linear 1 forwards,.5s beam-off 5s linear 1 forwards
}
@-webkit-keyframes reveal-forward {
  0% {
    clip-path: inset(0 390px 0 0 round .5rem);
    opacity: 1
  }
  100% {
    clip-path: inset(0 0 0 400px round .5rem);
    opacity: 1
  }
}
@keyframes reveal-forward {
  0% {
    clip-path: inset(0 390px 0 0 round .5rem);
    opacity: 1
  }
  100% {
    clip-path: inset(0 0 0 400px round .5rem);
    opacity: 1
  }
}
@-webkit-keyframes reveal-off {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes reveal-off {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@-webkit-keyframes head-forward {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1);
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1);
    opacity: 1
  }
}
@keyframes head-forward {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1);
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1);
    opacity: 1
  }
}
@-webkit-keyframes head-off {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1)
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: none;
    filter: none
  }
}
@keyframes head-off {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: brightness(1.85) saturate(1.1);
    filter: brightness(1.85) saturate(1.1)
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: none;
    filter: none
  }
}
@-webkit-keyframes head-return {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: none;
    filter: none
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-filter: none;
    filter: none
  }
}
@keyframes head-return {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    -webkit-filter: none;
    filter: none
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-filter: none;
    filter: none
  }
}
@-webkit-keyframes beam-forward {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 1
  }
}
@keyframes beam-forward {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 1
  }
}
@-webkit-keyframes beam-off {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 0
  }
}
@keyframes beam-off {
  from {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 1
  }
  to {
    -webkit-transform: translateX(-webkit-calc(400px));
    transform: translateX(calc(400px));
    opacity: 0
  }
}
.scanner-paper::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(180deg,rgba(0,0,0,.02) 0 1px,transparent 1px 4px),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.08)),color-stop(28%,transparent));
  background: repeating-linear-gradient(180deg,rgba(0,0,0,.02) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(0,0,0,.08),transparent 28%);
  pointer-events: none;
  mix-blend-mode: multiply
}
.scanner-head1 {
  position: absolute;
  background-color: #0ff;
  margin: 20px;
  z-index: 10
}
.scanner-head-light1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(40px 40px at 50% 50%,rgba(255,247,140,.55),rgba(255,253,140,.15) 40%,transparent 75%);
  -webkit-filter: blur(8px);
  filter: blur(8px);
  opacity: .75;
  pointer-events: none;
  mix-blend-mode: screen
}
.print-scene {
  position: relative;
  display: grid;
  place-items: start center;
  -webkit-transform: rotateX(60deg) rotateZ(230deg);
  transform: rotateX(60deg) rotateZ(230deg)
}
.print-slot {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 400px;
  aspect-ratio: 2/1;
  -webkit-transform: translateX(-50%) translateZ(2px);
  transform: translateX(-50%) translateZ(2px);
  background-color: #000;
  box-shadow: 0 -10px 24px rgba(0,0,0,.65);
  pointer-events: none
}
.print-feeder {
  position: relative;
  margin-top: clamp(16px,3vmin,28px);
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  place-items: start center;
  isolation: isolate;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 20%;
  perspective-origin: 50% 20%
}
.print-feed {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px
}
.print-page {
  height: 400px;
  aspect-ratio: 210/297;
  -webkit-animation: feed-out 5s cubic-bezier(.25,.1,.25,1) forwards;
  animation: feed-out 5s cubic-bezier(.25,.1,.25,1) forwards;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-left: 80px;
  margin-top: 40px
}
.print-slice {
  position: relative;
  width: 100%;
  height: 80px;
  overflow: hidden
}
.print-slice {
  background-image: url(../../../../images/document.svg);
  background-repeat: no-repeat;
  background-size: 100% 500%;
  image-rendering: -webkit-optimize-contrast
}
.print-slice1 {
  background-position: 0 0
}
.print-slice2 {
  background-position: 0 25%
}
.print-slice3 {
  background-position: 0 50%
}
.print-slice4 {
  background-position: 0 75%
}
.print-slice5 {
  background-position: 0 100%
}
.print-slice1,
.print-slice2-wrapper,
.print-slice3-wrapper,
.print-slice4-wrapper,
.print-slice5-wrapper {
  width: 100%;
  position: relative;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center
}
.print-slice1 {
  margin-bottom: -1px
}
.print-slice2-wrapper {
  height: 160px;
  margin-bottom: -2px
}
.print-slice3-wrapper {
  height: 240px;
  margin-bottom: -3px
}
.print-slice4-wrapper {
  height: 320px;
  margin-bottom: -4px
}
.print-slice5-wrapper {
  height: 400px
}
@-webkit-keyframes bend1 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  40% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  60% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  80% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@keyframes bend1 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  40% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  60% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  80% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@-webkit-keyframes bend2 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  60% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  80% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@keyframes bend2 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  60% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  80% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@-webkit-keyframes bend3 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  60% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  80% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@keyframes bend3 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  60% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  80% {
    -webkit-transform: rotateX(-12deg);
    transform: rotateX(-12deg)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@-webkit-keyframes bend4 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  60% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  80% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
@keyframes bend4 {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  20% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  60% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  80% {
    -webkit-transform: rotateX(12deg);
    transform: rotateX(12deg)
  }
  90% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }
}
.print-slice1 {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 5s bend1 0s linear;
  animation: 5s bend1 0s linear
}
.print-slice2-wrapper {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 5s bend2 0s linear;
  animation: 5s bend2 0s linear
}
.print-slice3-wrapper {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 5s bend3 0s linear;
  animation: 5s bend3 0s linear
}
.print-slice4-wrapper {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 5s bend4 0s linear;
  animation: 5s bend4 0s linear
}
.print-slice5-wrapper {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 5s bend5 0s linear;
  animation: 5s bend5 0s linear
}
@-webkit-keyframes feed-out {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  20% {
    -webkit-transform: translateY(75%);
    transform: translateY(75%)
  }
  40% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
  60% {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
  }
  80% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0)
  }
  90% {
    -webkit-transform: translateZ(-20px) translateY(0);
    transform: translateZ(-20px) translateY(0)
  }
  100% {
    -webkit-transform: translateZ(-20px) translateY(0);
    transform: translateZ(-20px) translateY(0)
  }
}
@keyframes feed-out {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  20% {
    -webkit-transform: translateY(75%);
    transform: translateY(75%)
  }
  40% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
  60% {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
  }
  80% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0)
  }
  90% {
    -webkit-transform: translateZ(-20px) translateY(0);
    transform: translateZ(-20px) translateY(0)
  }
  100% {
    -webkit-transform: translateZ(-20px) translateY(0);
    transform: translateZ(-20px) translateY(0)
  }
}
.print-feed,
.print-page,
.print-scene,
.print-slice,
.print-slice2-wrapper,
.print-slice3-wrapper,
.print-slice4-wrapper,
.print-slice5-wrapper,
.print-slot {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.app {
  overflow: hidden
}
.presenter {
  position: absolute;
  top: 0;
  left: 100%;
  border: 2px solid #000;
  background-color: #f5f5f5;
  border-radius: 7px;
  font-weight: 700;
  padding: 10px;
  width: 200px;
  font-size: 18px
}
.presenter-text {
  font-size: 16px;
  padding: 5px;
  margin-top: 3px
}
.presenter-highlighter-container {
  position: absolute
}
.presenter-highlighter {
  position: absolute;
  border: 4px solid gold;
  border-radius: 7px;
  opacity: 0;
  z-index: 10000;
  pointer-events: none;
  -webkit-transition-property: left,top,width,height,opacity;
  transition-property: left,top,width,height,opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}
.action-hand {
  position: absolute;
  z-index: 10001;
  opacity: 0;
  -webkit-transition-property: left,top,width,height,opacity;
  transition-property: left,top,width,height,opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}
.presentation-click {
  opacity: 0
}
.action-hand.click #presentation-click {
  -webkit-animation: show .3s ease-in-out;
  animation: show .3s ease-in-out
}
.action-hand.click #presentation-finger {
  -webkit-animation: hide .3s ease-in-out;
  animation: hide .3s ease-in-out
}
@-webkit-keyframes show {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes show {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1
  }
  10% {
    opacity: 0
  }
  90% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes hide {
  0% {
    opacity: 1
  }
  10% {
    opacity: 0
  }
  90% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.app {
  width: 800px
}
.list-item-printjob-text .secondary {
  font-size: 90%
}
.page-holder {
  display: grid;
  place-items: center;
  height: 100%
}
.page {
  border-radius: 10px;
  position: relative;
  overflow: hidden
}
body {
  background-color: #1a191f;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: url(../../../images/terminal_device.jpg);
  background-position: center;
  background-repeat: no-repeat
}