/**** TOKENS UI ****/


/* fondo pagina por defecto */

.ui-background {
    background: var(--ui-background);
}


/* fondo contenedor principal */

.ui-01 {
    background: var(--ui-01);
}


/* fondo contenedor secundario | cabecera */

.ui-02 {
    background: var(--ui-02);
}


/* borde suave */

.ui-03 {
    border-color: var(--ui-03);
}


/* borde medio */

.ui-04 {
    border-color: var(--ui-04);
}


/* borde de alto contraste */

.ui-05 {
    border-color: var(--ui-05);
}


/* fondo intermedio */

.ui-06 {
    background: var(--ui-06);
}


/**** TOKENS TEXTO ****/


/* texto principal | titulos, texto sobre interactive-02 */

.text-01 {
    color: var(--text-01);
    font-family: var(--default-font-family);
}


/* texto secundario | inputs labels */

.text-02 {
    color: var(--text-02);
    font-family: var(--default-font-family);
}


/* placeholder | texto deshabilitado*/

.text-03 {
    color: var(--text-03);
    font-family: var(--default-font-family);
}


/* texto sobre interactive-01 | texto sobre cabecera */

.text-04 {
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/* texto sobre ui-06 */

.text-05 {
    color: var(--text-05);
    font-family: var(--default-font-family);
}


/**** TOKENS INTERACTIVOS ****/


/* color interactivo principal | boton principal */

.interactive-01 {
    background: var(--interactive-01);
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/* color interactivo secundario | boton secundario */

.interactive-02 {
    background: var(--interactive-02);
    color: var(--text-01);
    font-family: var(--default-font-family);
}


/* boton anular */

.interactive-03 {
    background: var(--interactive-03);
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/* elementos seleccionados | elementos acticos | iconos acentuados */

.interactive-04 {
    background: var(--interactive-04);
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/*  */

.interactive-05 {
    background: var(--interactive-05);
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/* elementos de segundo nivel */


/*  */

.interactive-06 {
    background: var(--interactive-06);
    color: var(--text-04);
    font-family: var(--default-font-family);
}


/**** TOKENS CAMPOS ****/


/* campos de entrada por defecto | campos sobre ui-background | desplegables */

.field-01 {
    background: var(--field-01);
}


/* campos secundarios | campos sobre ui-01 */

.field-02 {
    background: var(--field-02);
}


/* campos terciarios | campos con boton | campos no modificables */

.field-03 {
    background: var(--field-03);
}


/**** TOKENS SOPORTE ****/


/* error | eliminar */

.support-01 {
    background: var(--support-01);
}


/* alerta */

.support-02 {
    background: var(--support-02);
}


/* info */

.support-03 {
    background: var(--support-03);
}


/* exito */

.support-04 {
    background: var(--support-04);
}


/**** TOKENS OVERLAY ****/


/* fondo superpuesto */

.overlay-01 {
    background: var(--overlay-01);
}


/**** TOKENS FOCUS ****/


/* borde de foco */

.focus-01 {
    border-color: var(--focus-01);
}


/* texto elemento con foco */

.focus-text-01 {
    color: var(--focus-01);
    font-family: var(--default-font-family);
}


/**** TOKENS PULSADO ****/


/* interactive-01 pulsado */

.pressed-01 {
    background: var(--pressed-01);
    color: var(--text-05);
    font-family: var(--default-font-family);
}


/* interactive-02 pulsado */

.pressed-02 {
    background: var(--pressed-02);
    color: var(--text-05);
    font-family: var(--default-font-family);
}


/* interactive-03 pulsado */

.pressed-03 {
    background: var(--pressed-03);
    color: var(--text-05);
    font-family: var(--default-font-family);
}


/**** TOKENS DESHABILITADO ****/


/* campos deshabilitados | fondos deshabilitados | bordes deshabilitados principales */

.disabled-01 {
    background: var(--disabled-01);
    color: var(--disabled-02);
}


/* texto deshabilitado en disabled-01 | iconos deshabilitados | bordes deshabilitados secundario */

.disabled-02 {
    color: var(--disabled-02);
    border-color: var(--disabled-02);
}


/* texto e iconos deshabilitados sobre disabled-02 */

.disabled-03 {
    color: var(--disabled-03);
}

/* campos deshabilitados | fondos deshabilitados | bordes deshabilitados secundarios */

.disabled-04 {
    background: var(--disabled-04);
}

/* disabled-support-01 */

.disabled-support-01 {}


/* disabled-support-02 */

.disabled-support-02 {}


/* disabled-support-03 */

.disabled-support-03 {}


/**** ICONS ****/

.icon-menu {
    background-image: var(--icon-menu-path);
}

.icon-find {
    background-image: var(--icon-find-path);
}

.icon-delete {
    background-image: var(--icon-delete-path);
}

.icon-delete-white {
    background-image: var(--icon-delete-white-path);
}

.icon-unit {
    background-image: var(--icon-unit-path);
}

.icon-level1 {
    background-image: var(--icon-level1-path);
}

.icon-level2 {
    background-image: var(--icon-level2-path);
}

.icon-level3 {
    background-image: var(--icon-level3-path);
}

.icon-print {
    background-image: var(--icon-print-path);
}

.icon-print-black {
    background-image: var(--icon-print-black-path);
}

.icon-copies {
    background-image: var(--icon-copies-path);
}

.icon-advancepaper {
    background-image: var(--icon-advancepaper-path);
}

.icon-close {
    background-image: var(--icon-close-path);
}

.icon-close-white {
    background-image: var(--icon-close-white-path);
}

.icon-confirm {
    background-image: var(--icon-confirm-path);
}

.icon-confirm-black {
    background-image: var(--icon-confirm-black-path);
}

.icon-weight {
    background-image: var(--icon-weight-path);
}

.icon-weight-white {
    background-image: var(--icon-weight-white-path);
}

.icon-keyboard {
    background-image: var(--icon-keyboard-path);
}

.icon-deletelast {
    background-image: var(--icon-deletelast-path);
}

.icon-deleteall {
    background-image: var(--icon-deleteall-path);
}

.icon-maximize {
    background-image: var(--icon-maximize-path);
}

.icon-minimize {
    background-image: var(--icon-minimize-path);
}

.icon-changeplatform {
    background-image: var(--icon-changeplatform-path);
}

.icon-tab {
    background-image: var(--icon-tab-path);
}

.icon-arrowleft {
    background-image: var(--icon-arrowleft-path);
}

.icon-arrowleft-white {
    background-image: var(--icon-arrowleft-white-path);
}

.icon-arrowright {
    background-image: var(--icon-arrowright-path);
}

.icon-arrowup {
    background-image: var(--icon-arrowup-path);
}

.icon-arrowtopup {
    background-image: var(--icon-arrowtopup-path);
}

.icon-arrowdown {
    background-image: var(--icon-arrowdown-path);
}

.icon-exit {
    background-image: var(--icon-exit-path);
}

.icon-exit-white {
    background-image: var(--icon-exit-white-path);
}

.icon-arrows {
    background-image: var(--icon-arrows-path);
}

.icon-supr {
    background-image: var(--icon-supr-path);
}

.icon-shift {
    background-image: var(--icon-shift-path);
}

.icon-shifton {
    background-image: var(--icon-shifton-path);
}

.icon-enter {
    background-image: var(--icon-enter-path);
}

.icon-space {
    background-image: var(--icon-space-path);
}

.icon-refresh {
    background-image: var(--icon-refresh-path);
}

.icon-refresh-white {
    background-image: var(--icon-refreshwhite-path);
}

.icon-block {
    background-image: var(--icon-block-path);
}

.icon-clock {
    background-image: var(--icon-clock-path);
}

.icon-arrowup2 {
    background-image: var(--icon-arrowup2-path);
}

.icon-arrowdown2 {
    background-image: var(--icon-arrowdown2-path);
}

.icon-error {
    background-image: var(--icon-error-path);
}

.icon-warning {
    background-image: var(--icon-warning-path);
}

.icon-information {
    background-image: var(--icon-information-path);
}

.icon-success {
    background-image: var(--icon-success-path);
}

.icon-success-white {
    background-image: var(--icon-success-white-path);
}

.icon-desplegar {
    background-image: var(--icon-desplegar-path);
}

.icon-plegar {
    background-image: var(--icon-plegar-path);
}

.icon-desplegar-focus {
    background-image: var(--icon-desplegar-focus-path);
}

.icon-replace {
    background-image: var(--icon-replace-path);
}

.icon-plus {
    background-image: var(--icon-plus-path);
}

.icon-plus-white {
    background-image: var(--icon-plus-white-path);
}

.icon-minus {
    background-image: var(--icon-minus-path);
}

.icon-menu-options {
    background-image: var(--icon-menuoptions-path);
}

.icon-menu-options-blue {
    background-image: var(--icon-menuoptions-blue-path);
}

.icon-menu-options-grey {
    background-image: var(--icon-menuoptions-grey-path);
}

.icon-user {
    background-image: var(--icon-user-path);
}

.icon-user-white {
    background-image: var(--icon-userwhite-path);
}

.icon-managelevels {
    background-image: var(--icon-managelevels-path);
}

.icon-setzero {
    background-image: var(--icon-setzero-path);
}

.icon-setzero-white {
    background-image: var(--icon-setzerowhite-path);
}

.icon-add {
    background-image: var(--icon-add-path);
}

.icon-add-black {
    background-image: var(--icon-addblack-path);
}

.icon-calendar {
    background-image: var(--icon-calendar-path);
}

.icon-calendar-white {
    background-image: var(--icon-calendar-white-path);
}

.icon-edit-white {
    background-image: var(--icon-edit-white-path);
}

.icon-view-white {
    background-image: var(--icon-view-white-path);
}

.icon-reset-white {
    background-image: var(--icon-reset-white-path);
}

.icon-extract-white {
    background-image: var(--icon-extract-white-path);
}

.icon-export-white {
    background-image: var(--icon-export-white-path);
}

.icon-inport-white {
    background-image: var(--icon-inport-white-path);
}

.icon-print-white {
    background-image: var(--icon-print-white-path);
}

.icon-advancepaper-white {
    background-image: var(--icon-advancepaper-white-path);
}

.icon-filters-path {
    background-image: var(--icon-filters-path);
}

.icon-login-path {
    background-image: var(--icon-login-path2);
}

.icon-login-white-path2 {
    background-image: var(--icon-login-white-path2);
}

.icon-select {
    background-image: var(--icon-select-path);
}

.icon-upload-white {
    background-image: var(--icon-upload-white-path);
}

.icon-newLabel {
    background-image: var(--icon-newLabel-path);
}

.icon-templateLabel {
    background-image: var(--icon-templateLabel-path);
}

.icon-openLabel {
    background-image: var(--icon-openLabel-path);
}

.icon-licenseLabel {
    background-image: var(--icon-licenseLabel-path);
}

.icon-clean {
    background-image: var(--icon-clean-path);
}

.icon-select-all {
    background-image: var(--icon-select-all-path);
}

.icon-deselect-all {
    background-image: var(--icon-deselect-all-path);
}

.icon-duplicate {
    background-image: var(--icon-duplicate-path);
}

.icon-info {
    background-image: var(--icon-info-path);
}

.icon-info-white {
    background-image: var(--icon-info-white-path);
}

.icon-undo {
    background-image: var(--icon-undo-path);
}

.icon-redo {
    background-image: var(--icon-redo-path);
}

.icon-left-align {
    background-image: var(--icon-left-align-path);
}

.icon-right-align {
    background-image: var(--icon-right-align-path);
}

.icon-top-align {
    background-image: var(--icon-top-align-path);
}

.icon-bottom-align {
    background-image: var(--icon-bottom-align-path);
}

.icon-rotate {
    background-image: var(--icon-rotate-path);
}

.icon-rotate-label {
    background-image: var(--icon-rotate-label-path);
}

.icon-hrt-align {
    background-image: var(--icon-hrt-align-path);
}

.icon-hlt-align {
    background-image: var(--icon-hlt-align-path);
}

.icon-hct-align {
    background-image: var(--icon-hct-align-path);
}

.icon-justify {
    background-image: var(--icon-justify-path);
}

.icon-vtt-align {
    background-image: var(--icon-vtt-align-path);
}

.icon-vbt-align {
    background-image: var(--icon-vbt-align-path);
}

.icon-vct-align {
    background-image: var(--icon-vct-align-path);
}

.icon-no-v-space {
    background-image: var(--icon-no-v-space-path);
}

.icon-no-h-space {
    background-image: var(--icon-no-h-space-path);
}

.icon-height_uniform {
    background-image: var(--icon-height_uniform-path);
}

.icon-width_uniform {
    background-image: var(--icon-width_uniform-path);
}

.icon-width-uniform-white {
    background-image: var(--icon-width-uniform-white-path);
}

.icon-all_uniform {
    background-image: var(--icon-all_uniform-path);
}

.icon-to-front {
    background-image: var(--icon-to-front-path);
}

.icon-to-back {
    background-image: var(--icon-to-back-path);
}

.icon-print-label {
    background-image: var(--icon-print-label-path);
}

.icon-save {
    background-image: var(--icon-save-path);
}

.icon-conex {
    background-image: var(--icon-conex-path);
}

.icon-importXML {
    background-image: var(--icon-importXML-path);
}

.icon-double-click {
    background-image: var(--icon-double-click-path);
}

.icon-font-white {
    background-image: var(--icon-font-white-path);
}

.icon-shop {
    background-image: var(--icon-shop-path);
}

.icon-device {
    background-image: var(--icon-device-path);
}

.icon-device-work {
    background-image: var(--icon-device-work-path);
}

.icon-device-latent {
    background-image: var(--icon-device-latent-path);
}

.icon-device-on {
    background-image: var(--icon-device-on-path);
}

.icon-device-off {
    background-image: var(--icon-device-off-path);
}

.icon-server {
    background-image: var(--icon-server-path);
}

.icon-server-work {
    background-image: var(--icon-server-work-path);
}

.icon-server-latent {
    background-image: var(--icon-server-latent-path);
}

.icon-server-on {
    background-image: var(--icon-server-on-path);
}

.icon-server-off {
    background-image: var(--icon-server-off-path);
}

.icon-daemon-on {
    background-image: var(--icon-daemon-on-path);
}

.icon-daemon-off {
    background-image: var(--icon-daemon-off-path);
}

.icon-list-data {
    background-image: var(--icon-list-data-path);
}

.icon-list-transaction {
    background-image: var(--icon-list-transaction-path);
}

.icon-list-file {
    background-image: var(--icon-list-file-path);
}

.icon-list-all {
    background-image: var(--icon-list-all-path);
}

.icon-test {
    background-image: var(--icon-test-path);
}

.icon-edit {
    background-image: var(--icon-edit-path);
}

.icon-view2-white {
    background-image: var(--icon-view2-white-path);
}

.icon-date {
    background-image: var(--icon-date-path);
}

.icon-play {
    background-image: var(--icon-play-path);
}

.icon-play-white {
    background-image: var(--icon-play-white-path);
}

.icon-arrowleft2-white {
    background-image: var(--icon-arrowleft2-white-path);
}

.icon-arrowright-white {
    background-image: var(--icon-arrowright-white-path);
}

.icon-import {
    background-image: var(--icon-import-path);
}

.icon-export {
    background-image: var(--icon-export-path);
}

.icon-pause-white {
    background-image: var(--icon-pause-white-path);
}

.icon-service {
    background-image: var(--icon-service-path);
}

.icon-service-on {
    background-image: var(--icon-service-on-path);
}

.icon-service-off {
    background-image: var(--icon-service-off-path);
}

.icon-switch-on {
    background-image: var(--icon-switch-on-path);
}

.icon-switch-off {
    background-image: var(--icon-switch-off-path);
}

.icon-cutter-white {
    background-image: var(--icon-cutter-white-path);
}

.icon-import-trace {
    background-image: var(--icon-import-trace-path);
}

.icon-export-trace {
    background-image: var(--icon-export-trace-path);
}

.icon-duplicate-white {
    background-image: var(--icon-duplicate-white-path);
}

.icon-interline {
    background-image: var(--icon-interline-path);
}

.icon-service-menu {
    background-image: var(--icon-service-menu-path);
}

.icon-NE-logo {
    background-image: var(--icon-NElogo-path);
}

.icon-unlock {
    background-image: var(--icon-unlock-path);
}

.icon-unlock-white {
    background-image: var(--icon-unlock-white-path);
}

.icon-IP-white {
    background-image: var(--icon-IP-white-path);
}

.icon-tools {
    background-image: var(--icon-tools-path);
}

.icon-not-print {
    background-image: var(--icon-not-print-path);
}

.icon-not-print-white {
    background-image: var(--icon-not-print-white-path);
}

.icon-temp-data {
    background-image: var(--icon-temp-data-path);
}

.icon-temp-text {
    background-image: var(--icon-temp-text-path);
}

.icon-temp-image {
    background-image: var(--icon-temp-image-path);
}

.icon-counters {
    background-image: var(--icon-counters-path);
}

.icon-file-printer {
    background-image: var(--icon-file-printer-path);
}

.icon-exportXML {
    background-image: var(--icon-exportXML-path);
}

.icon-rotate-90 {
    background-image: var(--icon-rotate-90-path);
}

.icon-rotate-180 {
    background-image: var(--icon-rotate-180-path);
}

.icon-rotate-270 {
    background-image: var(--icon-rotate-270-path);
}

.icon-resize-left {
    background-image: var(--icon-resize-left-path);
}

.icon-resize-right {
    background-image: var(--icon-resize-right-path);
}

.icon-resize-center {
    background-image: var(--icon-resize-center-path);
}

.icon-order {
    background-image: var(--icon-order-path);
}

.icon-close-order {
    background-image: var(--icon-close-order-path);
}

.icon-close-order-white {
    background-image: var(--icon-close-order-white-path);
}

.icon-price {
    background-image: var(--icon-price-path);
}

.icon-config {
    background-image: var(--icon-config-path);
}

.icon-ftp {
    background-image: var(--icon-ftp-path);
}

.icon-dgi-logo {
    background-image: var(--icon-dgi-logo-path);
}

.icon-find-white {
    background-image: var(--icon-find-white-path2);
}

.icon-preselection {
    background-image: var(--icon-preselection-path);
}

.icon-edit-field {
    background-image: var(--icon-edit-field-path);
}

.icon-edit-field-white {
    background-image: var(--icon-edit-field-white-path);
}

.icon-ean {
    background-image: var(--icon-ean-path);
}

.icon-stop {
    background-image: var(--icon-stop-path);
}

.icon-stop-white {
    background-image: var(--icon-stop-white-path);
}

.icon-performance-white {
    background-image: var(--icon-performance-white-path);
}

.icon-weight-list {
    background-image: var(--icon-weight-list-path);
}

.icon-performance {
    background-image: var(--icon-performance-path);
}

.icon-weight-list-white {
    background-image: var(--icon-weight-list-white-path);
}

.icon-units-blue {
    background-image: var(--icon-units-blue-path);
}

.icon-units-red {
    background-image: var(--icon-units-red-path);
}

.icon-units-green {
    background-image: var(--icon-units-green-path);
}

.icon-discard {
    background-image: var(--icon-discard-path);
}

.icon-target {
    background-image: var(--icon-target-path);
}

.icon-hours-orange {
    background-image: var(--icon-hours-orange-path);
}

.icon-hours-green {
    background-image: var(--icon-hours-green-path);
}

.icon-metal-red {
    background-image: var(--icon-metal-red-path);
}

.icon-nok-down {
    background-image: var(--icon-nok-down-path);
}

.icon-nok-up {
    background-image: var(--icon-nok-up-path);
}

.icon-OEE {
    background-image: var(--icon-OEE-path);
}

.icon-ok-green {
    background-image: var(--icon-ok-green-path);
}

.icon-weights-blue {
    background-image: var(--icon-weights-blue-path);
}

.icon-weights-red {
    background-image: var(--icon-weights-red-path);
}

.icon-weights-green {
    background-image: var(--icon-weights-green-path);
}

.icon-pulse-blue {
    background-image: var(--icon-pulse-blue-path);
}

.icon-pulse-red {
    background-image: var(--icon-pulse-red-path);
}

.icon-pulse-green {
    background-image: var(--icon-pulse-green-path);
}

.icon-effectiveness {
    background-image: var(--icon-effectiveness-path);
}

.icon-performance-orange {
    background-image: var(--icon-performance-orange-path);
}

.icon-performance-green {
    background-image: var(--icon-performance-green-path);
}

.icon-totals-blue {
    background-image: var(--icon-totals-blue-path);
}

.icon-warning-orange {
    background-image: var(--icon-warning-orange-path);
}

.icon-add-subfield-white {
    background-image: var(--icon-add-subfield-white-path);
}

.icon-upload-file {
    background-image: var(--icon-upload-white-file);
}