@CHARSET "UTF-8";

/** Variables globales: */
:root {
    --color-tipo-iva-tarifa-cero: #ffff94;
    --color-tipo-iva-aplica-iva: #ffa6a6;
    --color-tipo-iva-no-objeto: #f7e8d9;
    --color-tipo-iva-exento: #d9f7d9;
}

body {
    background-color: #E8E9EB;
}

/* @AppdevCandidate */
.ui-widget {
    font-size: 11px;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* @AppdevCandidate */
.ui-widget .ui-widget {
    font-size: 11px;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* @AppdevCandidate */
.ui-datatable tbody td {
    font-size: 11px;
}

.ui-growl-title {
    font-size: 15px;
    font-weight: normal !important;
}

/* @AppdevCandidate */
.ui-widget-header {
    font-size: 11px;
}

/* @AppdevCandidate */
.ui-datatable thead th {
    font-size: 11px;
}

/* @AppdevCandidate */
.ui-datatable tfoot td {
    font-size: 11px;
}

/* @AppdevCandidate */
.ui-selectonemenu-panel {
    font-size: 11px;
}

/* @AppdevCandidate */
.ui-selectonemenu-list-item {
    font-size: 11px;
}

.icon-applogo {
    background-image: url("/contador/javax.faces.resource/img/applogo.png.xhtml?ln=sofia") !important;
}

/* @AppdevCandidate */
.ui-panelgrid .ui-panelgrid-cell {
    padding: 0;
}

/* @AppdevCandidate */
.ui-tabs .ui-tabs-panel {
    padding: 0.5em;
}

.dialog-button {
    width: 150px;
}

@media only screen and (max-width: 500px) {
    .dialog-button {
        width: 90vw;
    }
}

.login-row-separated {
    padding-top: 7px;
}

.login-widget-container {
    padding: 3px;
}

.dialogo-anadir-telf {
    width: 450px;
}

@media only screen and (max-width: 640px) {
    .dialogo-anadir-telf {
        width: 90vw;
    }
}

.boton-panel-interno-edicion {
    width: 150px;
}

@media only screen and (max-width: 640px) {
    .boton-panel-interno-edicion {
        width: 90%;
    }
}

.shadow-highlight {
    box-shadow: 0 0 20px #2f0c08;
}

@media only screen and (max-width: 640px) {
    .contacto-emergencia-body-container {
        width: 90vw;
    }
}

.login-button {
    width: 150px;
}

.boton-manejo-archivo-subido {
    width: 150px;
}

.sofia2-dialog-body-large {
    width: 90vw;
    max-height: 80vh;
    overflow: auto;
}

.sofia2-dialog-body {
    width: 70vw;
    max-height: 70vh;
    overflow: auto;
}

/**
 *
 * Íconos para botones Primefaces.
 *
 */
.icon-clientes {
    background-image: url("/contador/javax.faces.resource/img/clientes-16x16.png.xhtml?ln=sofia") !important;
}

.icon-contribuyentes {
    background-image: url("/contador/javax.faces.resource/img/contribuyentes-16x16.png.xhtml?ln=sofia") !important;
}

.icon-items {
    background-image: url("/contador/javax.faces.resource/img/items-16x16.png.xhtml?ln=sofia") !important;
}

.icon-directorio {
    background-image: url("/contador/javax.faces.resource/img/directorio-16x16.png.xhtml?ln=sofia") !important;
}

.icon-admin {
    background-image: url("/contador/javax.faces.resource/img/admin-16x16.png.xhtml?ln=sofia") !important;
}

.icon-config {
    background-image: url("/contador/javax.faces.resource/img/config.png.xhtml?ln=sofia") !important;
}

.icon-usuarios {
    background-image: url("/contador/javax.faces.resource/img/usuarios-16x16.png.xhtml?ln=sofia") !important;
}

.icon-buscar {
    background-image: url("/contador/javax.faces.resource/img/buscar.png.xhtml?ln=sofia") !important;
}

.icon-estabs {
    background-image: url("/contador/javax.faces.resource/img/estabs-16x16.png.xhtml?ln=sofia") !important;
}

.icon-docs {
    background-image: url("/contador/javax.faces.resource/img/docs-16x16.png.xhtml?ln=sofia") !important;
}

.icon-facturas {
    background-image: url("/contador/javax.faces.resource/img/facturas-16x16.png.xhtml?ln=sofia") !important;
}

.icon-factura {
    background-image: url("/contador/javax.faces.resource/img/factura-16.png.xhtml?ln=sofia") !important;
}

.icon-send-facs {
    background-image: url("/contador/javax.faces.resource/img/send-facs-16x16.png.xhtml?ln=sofia") !important;
}

.icon-factel {
    background-image: url("/contador/javax.faces.resource/img/factel.png.xhtml?ln=sofia") !important;
}

.icon-anular {
    background-image: url("/contador/javax.faces.resource/img/anular.png.xhtml?ln=sofia") !important;
}

/* @AppdevCandidate */
.icon-pdf {
    background-image: url("/contador/javax.faces.resource/img/16x16/pdf.png.xhtml?ln=appdev") !important;
}

.icon-notas-credito {
    background-image: url("/contador/javax.faces.resource/img/notas-credito-16x16.png.xhtml?ln=sofia") !important;
}

.icon-nota-credito {
    background-image: url("/contador/javax.faces.resource/img/nota-credito-16.png.xhtml?ln=sofia") !important;
}

.icon-send-notas-credito {
    background-image: url("/contador/javax.faces.resource/img/send-notscred-16x16.png.xhtml?ln=sofia") !important;
}

.icon-eraser {
    background-image: url("/contador/javax.faces.resource/img/eraser.png.xhtml?ln=sofia") !important;
}

.icon-riux {
    background-image: url("/contador/javax.faces.resource/img/riux.png.xhtml?ln=sofia") !important;
}

.icon-sofman {
    background-image: url("/contador/javax.faces.resource/img/sofman.png.xhtml?ln=sofia") !important;
}

.icon-sofia {
    background-image: url("/contador/javax.faces.resource/img/sofia.png.xhtml?ln=sofia") !important;
}

.padding-tabla-plantillas {
    padding-left: 5px;
}

.icon-template {
    background-image: url("/contador/javax.faces.resource/img/template.png.xhtml?ln=sofia") !important;
}

body .ui-message {
    min-height: 10px;
}

.icon-reversar {
    background-image: url("/contador/javax.faces.resource/img/reversar.png.xhtml?ln=sofia") !important;
}

.icon-up {
    background-image: url("/contador/javax.faces.resource/img/20x20/up.png.xhtml?ln=sofia") !important;
}

.icon-cambiar {
    background-image: url("/contador/javax.faces.resource/img/20x20/cambiar.png.xhtml?ln=sofia") !important;
}

.icon-info {
    background-image: url("/contador/javax.faces.resource/img/20x20/info.png.xhtml?ln=sofia") !important;
}

.icon-refresh {
    background-image: url("/contador/javax.faces.resource/img/20x20/refresh.png.xhtml?ln=sofia") !important;
}

.celda-factura {
    background-color: #ffffb3;
}

.celda-nota-credito {
    background-color: #ffb3b3;
}

.celda-neto {
    background-color: #b3ffb3;
}

.celda-entradas {
    background-color: #92DDFE;
}

.celda-salidas {
    background-color: #ffffb3;
}

.celda-existencias {
    background-color: #b3ffb3;
}

.celda-cantidad {
    background-color: #22B14C;
}

.celda-costo-promedio {
    background-color: #FFE324;
}

.celda-total {
    background-color: #00A2E8;
}

.sofia2-icon-takedown {
    background-image: url("/contador/javax.faces.resource/img/arrow-down.png.xhtml?ln=sofia") !important;
}

.label-total {
    font-size: 18px !important;
}

.sofia2-orden-req-dialog-body {
    width: 75vw;
    height: 65vh;
    overflow: auto;
}

@media only screen and (max-width: 640px) {
    .sofia2-orden-req-dialog-body {
        width: 90vw;
        max-height: 80vh;
        overflow: auto;
    }
}

.sofia2-icon-ok-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/ok.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-factory-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/factory.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-add-to-detail-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/go.png.xhtml?ln=sofia") !important;
}

.sofia2-dialog-error-item-ordproddctj {
    width: 500px;
}

.sofia2-icon-asiento-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/asiento.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-calc-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/calc.png.xhtml?ln=sofia") !important;
}

@media only screen and (max-width: 640px) {
    .sofia2-dialog-error-item-ordproddctj {
        width: 90vw;
    }
}

.sofia2-container-dlg-pedido-ordprod {
    width: 70vw;
    max-height: 70vh;
    overflow: auto;
}

@media only screen and (max-width: 640px) {
    .sofia2-container-dlg-pedido-ordprod {
        width: 90vw;
        max-height: 70vh;
        overflow: auto;
    }
}

.sofia2-fase-actual-icon-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/fase-actual.png.xhtml?ln=sofia") !important;
}

.sofia2-cerrar-fase-icon-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/cerrar-fase.png.xhtml?ln=sofia") !important;
}

.sofia2-dialogo-ver-orden-produccion {
    width: 70vw;
    max-height: 70vh;
    overflow: auto;
}

@media only screen and (max-width: 640px) {
    .sofia2-dialogo-ver-orden-produccion {
        width: 90vw;
        max-height: 70vh;
        overflow: auto;
    }
}

.sofia2-simple-button-size {
    width: 60px;
}

.sofia2-icon-closed-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/closed.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-open-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/open.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-entrega-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/entrega.png.xhtml?ln=sofia") !important;
}

.sofia2-dialog-body-medium {
    width: 60vw;
    max-height: 70vh;
    overflow: auto;
}

@media only screen and (max-width: 640px) {
    .sofia2-dialog-body-medium {
        width: 90vw;
        max-height: 80vh;
        overflow: auto;
    }
}

.sofia2-icon-invoice-20x20 {
    background-image: url("/contador/javax.faces.resource/img/20x20/factura.png.xhtml?ln=sofia") !important;
}

.sofia2-alert-message {
    background-color: #FFB2B2;
    padding: 3px;

}

.sofia2-forma-pago-section {
    max-height: 25vh;
    min-height: 25vh;
    overflow: auto;
}

/** sofia2-dialogo-opcion-campo-pers */

@media only screen and (max-width: 640px) {
    .sofia2-dialogo-opcion-campo-pers {
        width: 90vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-dialogo-opcion-campo-pers {
        width: 60vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-dialogo-opcion-campo-pers {
        width: 50vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-dialogo-opcion-campo-pers {
        width: 40vw;
        max-height: 85vh;
        overflow: auto;
    }
}

/*sofia2-dialogo-opcion-campo-pers*/

/** sofia2-container-dialogo-ver-camp-pers */

@media only screen and (max-width: 640px) {
    .sofia2-container-dialogo-ver-camp-pers {
        width: 90vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-container-dialogo-ver-camp-pers {
        width: 70vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-container-dialogo-ver-camp-pers {
        width: 60vw;
        max-height: 85vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-container-dialogo-ver-camp-pers {
        width: 50vw;
        max-height: 85vh;
        overflow: auto;
    }
}

/*sofia2-container-dialogo-ver-camp-pers */

/** sofia2-registro-series-dialog-panel  */

@media only screen and (max-width: 640px) {
    .sofia2-registro-series-dialog-panel {
        width: 90vw;
        height: 75vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-registro-series-dialog-panel {
        width: 80vw;
        height: 75vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-registro-series-dialog-panel {
        width: 85vw;
        height: 75vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-registro-series-dialog-panel {
        width: 90vw;
        height: 75vh;
        overflow: auto;
    }
}

/*sofia2-registro-series-dialog-panel */

/**sofia2-registro-series-dialog-buttons */

@media only screen and (max-width: 640px) {
    .sofia2-registro-series-dialog-buttons {
        width: 90vw;
        height: 10vh;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-registro-series-dialog-buttons {
        width: 80vw;
        height: 5vh;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-registro-series-dialog-buttons {
        width: 75vw;
        height: 5vh;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-registro-series-dialog-buttons {
        width: 70vw;
        height: 5vh;
    }
}

/*sofia2-registro-series-dialog-buttons */

/** sofia2-dialogo-series-confirm-transfer */

@media only screen and (max-width: 640px) {
    /* ui-sm-x */
    .sofia2-dialogo-series-confirm-transfer {
        width: 90vw;
        max-height: 80vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 641px) {
    /* ui-md-x */
    .sofia2-dialogo-series-confirm-transfer {
        width: 80vw;
        max-height: 80vh;
        overflow: auto;

    }
}

@media only screen and (min-width: 1025px) {
    /* ui-lg-x */
    .sofia2-dialogo-series-confirm-transfer {
        width: 75vw;
        max-height: 80vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1441px) {
    /* ui-xl-x */
    .sofia2-dialogo-series-confirm-transfer {
        width: 70vw;
        max-height: 80vh;
        overflow: auto;

    }
}

/* sofia2-dialogo-series-confirm-transfer */

.sofia2-button-margin {
    margin: 10px;
}

.tb-with-fixed-col.ui-datatable table {
    width: auto;
}

.celda-cuenta-contable {
    background-color: #92DDFE;
}

.icon-campo {
    background-image: url("") !important;
}

.sofia2-icon-ot-visita-tecnica {
    background-image: url("/contador/javax.faces.resource/img/20x20/otvt.png.xhtml?ln=sofia") !important;
}

.sofia2-display-none {
    display: none;
}

.sofia2-icon-excel {
    background-image: url("/contador/javax.faces.resource/img/20x20/excel.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-blue-edit {
    background-image: url("/contador/javax.faces.resource/img/20x20/blue-edit.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-green-edit {
    background-image: url("/contador/javax.faces.resource/img/20x20/green-edit.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-orange-edit {
    background-image: url("/contador/javax.faces.resource/img/20x20/orange-edit.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-reversar-forma-pago {
    background-image: url("/contador/javax.faces.resource/img/20x20/asignar.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-titulo-propiedad {
    background-image: url("/contador/javax.faces.resource/img/20x20/title-deed.png.xhtml?ln=sofia") !important;
}

@media only screen and (max-width: 640px) {
    /* ui-sm-x */
    .sofia2-forma-pago-compra-dialog-body {
        width: 90vw;
        min-height: 90vh;
        max-height: 90vh;
        overflow: auto;
    }

}

@media only screen and (min-width: 641px) {
    /* ui-md-x */
    .sofia2-forma-pago-compra-dialog-body {
        width: 90vw;
        min-height: 80vh;
        max-height: 90vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1025px) {
    /* ui-lg-x */
    .sofia2-forma-pago-compra-dialog-body {
        width: 80vw;
        min-height: 60vh;
        max-height: 90vh;
        overflow: auto;
    }
}

@media only screen and (min-width: 1441px) {
    /* ui-xl-x */
    .sofia2-forma-pago-compra-dialog-body {
        width: 70vw;
        min-height: 60vh;
        max-height: 90vh;
        overflow: auto;
    }

}

.sofia2-edicion-rapida-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/edit-go.png.xhtml?ln=sofia") !important;
}

/** sofia2-edicion-rapida-compra-dialog */

@media only screen and (max-width: 640px) {
    .sofia2-edicion-rapida-compra-dialog {
        width: 80vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-edicion-rapida-compra-dialog {
        width: 80vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-edicion-rapida-compra-dialog {
        width: 85vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-edicion-rapida-compra-dialog {
        width: 85vw;
        max-height: 85vh;
        overflow-y: auto;
    }
}

/** sofia2-dialog-body-small */

@media only screen and (max-width: 640px) {
    .sofia2-dialog-body-small {
        width: 80vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-dialog-body-small {
        width: 70vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1025px) {
    .sofia2-dialog-body-small {
        width: 45vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1441px) {
    .sofia2-dialog-body-small {
        width: 30vw;
        max-height: 85vh;
        overflow-y: auto;
    }
}

.sofia2-centro-costos-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/centro_costo_icon.png.xhtml?ln=sofia") !important;
}

/** Para aplicar estilo a elementos asociados con tipo de IVA código TARIFA_CERO. */
.sofia2-tipo-iva-tarifa-cero { background-color: var(--color-tipo-iva-tarifa-cero); }
body .ui-datatable tbody tr.sofia2-tipo-iva-tarifa-cero { background-color: var(--color-tipo-iva-tarifa-cero); }

/** Para aplicar estilo a elementos asociados con tipo de IVA código APLICA_IVA. */
.sofia2-tipo-iva-aplica-iva { background-color: var(--color-tipo-iva-aplica-iva); }
body .ui-datatable tbody tr.sofia2-tipo-iva-aplica-iva { background-color: var(--color-tipo-iva-aplica-iva); }

/** Para aplicar estilo a elementos asociados con tipo de IVA código NO_OBJETO. */
.sofia2-tipo-iva-no-objeto { background-color: var(--color-tipo-iva-no-objeto); }
body .ui-datatable tbody tr.sofia2-tipo-iva-no-objeto { background-color: var(--color-tipo-iva-no-objeto); }

/** Para aplicar estilo a elementos asociados con tipo de IVA código EXENTO. */
.sofia2-tipo-iva-exento { background-color: var(--color-tipo-iva-exento); }
body .ui-datatable tbody tr.sofia2-tipo-iva-exento { background-color: var(--color-tipo-iva-exento); }

.sofia2-revertir-anulacion-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/revinv.png.xhtml?ln=sofia") !important;
}

.sofia2-edit-detail-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/edit-detail.png.xhtml?ln=sofia") !important;
}

.sofia2-ingresar-retencion {
    background-image: url("/contador/javax.faces.resource/img/20x20/insert_ret.png.xhtml?ln=sofia") !important;
}

@media only screen and (min-width: 1441px) { .sofia2-invisible-xl { display: none; } }
@media only screen and (min-width: 1025px) { .sofia2-invisible-lg { display: none; } }

/** sofia2-fch-em-retvta-pad: Padding para mejorar la disposición de elementos en la vista de definir retención para venta. */
@media only screen and (max-width: 640px) { .sofia2-fch-em-retvta-pad { } } /* ui-sm-x */
@media only screen and (min-width: 641px) { .sofia2-fch-em-retvta-pad { } } /* ui-md-x */
@media only screen and (min-width: 1441px) { .sofia2-fch-em-retvta-pad { display: none; } } /* ui-lg-x */
@media only screen and (min-width: 1025px) { .sofia2-fch-em-retvta-pad { display: none; } } /* ui-xl-x */

.sofia2-eliminar-retencion-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/delret.png.xhtml?ln=sofia") !important;
}

.sofia2-send-mail-icon {
    background-image: url("/contador/javax.faces.resource/img/20x20/send-mail.png.xhtml?ln=sofia") !important;
}

@media only screen and (max-width: 640px) {
    .sofia2-forma-pago-venta-dialog-body {
        width: 85vw;
        max-height: 85vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 641px) {
    .sofia2-forma-pago-venta-dialog-body {
        width: 80vw;
        max-height: 80vh;
        overflow-y: auto;
    }
}

.sofia2-actpvps-precio-original {
    background-color: #91ceff;
}

.sofia2-actpvps-precio-nuevo {
    background-color: #aeffba;
}

.sofia2-change {
    background-image: url("/contador/javax.faces.resource/img/20x20/change.png.xhtml?ln=sofia") !important;
}

.sofia2-scpsrvtec-en-espera {
    background-color: #81D4FA;
}

body .ui-datatable tbody tr.sofia2-scpsrvtec-en-espera {
    background-color: #81D4FA;
}

.sofia2-scpsrvtec-con-problemas-procesamiento {
    background-color: #ffb9b7;
}

body .ui-datatable tbody tr.sofia2-scpsrvtec-con-problemas-procesamiento {
    background-color: #ffb9b7;
}

.sofia2-scpsrvtec-procesada {
    background-color: #c3ffb0;
}

body .ui-datatable tbody tr.sofia2-scpsrvtec-procesada {
    background-color: #c3ffb0;
}

.sofia2-icon-activate {
    background-image: url("/contador/javax.faces.resource/img/arrow-up.png.xhtml?ln=sofia") !important;
}

.sofia2-dialog-pdf {
    width: 90vw;
    min-height: 70vh;
    height: 70vh;
    max-height: 80vh;
    overflow: auto;
}

.sofia2-pdf-visor {
    height: 70vh;
    overflow: auto;
}

.ui-lightbox-content {
    max-height: 80vh;
    overflow: auto;
    background-color: #f7f7f7;
}

body .ui-datatable tbody tr.sofia-cupon-pgmens-ctosrvtec-anulado { background-color: lightgrey; }
.sofia-cupon-pgmens-ctosrvtec-anulado { background-color: lightgrey; }

body .ui-datatable tbody tr.sofia-cupon-pgmens-ctosrvtec-no-valido { background-color: lightpink; }
.sofia-cupon-pgmens-ctosrvtec-no-valido { background-color: lightpink; }


.sofia-tarea-agendada-pendiente { background-color: lightskyblue; }
body .ui-datatable tbody tr.sofia-tarea-agendada-pendiente { background-color: lightskyblue; }

.sofia-tarea-agendada-pendiente-vencida { background-color: lightpink; }
body .ui-datatable tbody tr.sofia-tarea-agendada-pendiente-vencida { background-color: lightpink; }

.sofia2-icon-disabled-or-elderly-on {
    background-image: url("/contador/javax.faces.resource/img/16x16/disabled-or-elderly-on.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-disabled-or-elderly-off {
    background-image: url("/contador/javax.faces.resource/img/16x16/disabled-or-elderly-off.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-discount-on {
    background-image: url("/contador/javax.faces.resource/img/16x16/discount-on.png.xhtml?ln=sofia") !important;
}

.sofia2-icon-discount-off {
    background-image: url("/contador/javax.faces.resource/img/16x16/discount-off.png.xhtml?ln=sofia") !important;
}

.resaltado {
    background-color: lightgreen !important;
}

.sofia-tarea-agendada-vencida { background-color: lightgrey; }
body .ui-datatable tbody tr.sofia-tarea-agendada-vencida { background-color: lightgrey; }

.sofia-tarea-agendada-del-dia { background-color: lightsteelblue; }
body .ui-datatable tbody tr.sofia-tarea-agendada-del-dia { background-color: lightsteelblue; }

.sofia-tarea-agendada-futura { background-color: palegreen; }
body .ui-datatable tbody tr.sofia-tarea-agendada-futura { background-color: palegreen; }

/** @see https://github.com/primefaces/primeng/issues/2626 */
.ui-growl {
    z-index: 2147483647 !important;
}

.bg-input-like {
    background-color: paleturquoise !important;
}

.corte-institucional-con-cuentas-vigentes { background-color: #faff5f; }
body .ui-datatable tbody tr.corte-institucional-con-cuentas-vigentes { background-color: #faff5f; }

.corte-institucional-sin-cuentas-vigentes { background-color: #c3ffb0; }
body .ui-datatable tbody tr.corte-institucional-sin-cuentas-vigentes { background-color: #c3ffb0; }

.sofia-precio-itmcompra-dif-ultimo-costo { background-color: orange; }
body .ui-widget-content input.sofia-precio-itmcompra-dif-ultimo-costo { background-color: orange; }


/** sofia-incid-btn-container: Para alinear el botón de reporte de incidencia cuando se presenta en una nueva línea en pantallas ui-sm. */
@media only screen and (max-width: 640px) { .sofia-incid-btn-container { text-align: right; } } /* ui-sm-x */
@media only screen and (min-width: 641px) { .sofia-incid-btn-container { text-align: right; } } /* ui-md-x */
@media only screen and (min-width: 1441px) { .sofia-incid-btn-container { text-align: left } } /* ui-lg-x */
@media only screen and (min-width: 1025px) { .sofia-incid-btn-container { text-align: left } } /* ui-xl-x */

/** sofia-small-tooltip-body: Estilo para el container de un p:tooltip pequeño.  */
@media only screen and (max-width: 640px) { .sofia-small-tooltip-body { width: 90vw; max-height: 85vh; overflow: auto; } } /* ui-sm */
@media only screen and (min-width: 641px) { .sofia-small-tooltip-body { width: 40vw; max-height: 85vh; overflow: auto; } } /* ui-md */
@media only screen and (min-width: 1025px) { .sofia-small-tooltip-body { width: 30vw; max-height: 85vh; overflow: auto; } } /* ui-lg */
@media only screen and (min-width: 1441px) { .sofia-small-tooltip-body { width: 20vw; max-height: 85vh; overflow: auto; } } /* ui-xl */

/** sofia-medium-tooltip-body: Estilo para el container de un p:tooltip pequeño.  */
@media only screen and (max-width: 640px) { .sofia-medium-tooltip-body { width: 90vw; max-height: 85vh; overflow: auto; } } /* ui-sm */
@media only screen and (min-width: 641px) { .sofia-medium-tooltip-body { width: 60vw; max-height: 85vh; overflow: auto; } } /* ui-md */
@media only screen and (min-width: 1025px) { .sofia-medium-tooltip-body { width: 50vw; max-height: 85vh; overflow: auto; } } /* ui-lg */
@media only screen and (min-width: 1441px) { .sofia-medium-tooltip-body { width: 40vw; max-height: 85vh; overflow: auto; } } /* ui-xl */

/** sofia-large-tooltip-body: Estilo para el container de un p:tooltip pequeño.  */
@media only screen and (max-width: 640px) { .sofia-large-tooltip-body { width: 90vw; max-height: 85vh; overflow: auto; } } /* ui-sm */
@media only screen and (min-width: 641px) { .sofia-large-tooltip-body { width: 75vw; max-height: 85vh; overflow: auto; } } /* ui-md */
@media only screen and (min-width: 1025px) { .sofia-large-tooltip-body { width: 65vw; max-height: 85vh; overflow: auto; } } /* ui-lg */
@media only screen and (min-width: 1441px) { .sofia-large-tooltip-body { width: 55vw; max-height: 85vh; overflow: auto; } } /* ui-xl */

.costo-promedio-item-compra {
    padding: 4px;
    background-color: darkblue;
}

.costo-alto-item-compra {
    padding: 4px;
    background-color: orangered;
}

.costo-ultimo-item-compra {
    padding: 4px;
    background-color: green;
}

.costo-bajo-item-compra {
    padding: 4px;
    background-color: mediumpurple;
}

.costo-actual-compra {
    padding: 4px;
    background-color: #9E9D24;
}

/*noinspection CssInvalidPropertyValue*/
.proveedor-costos-items-compra {
    text-wrap: nowrap;
    overflow: hidden;
}

.sofia-gen-archv-pago-provs-cmbp-excl { background-color: lightgoldenrodyellow; }
body .ui-datatable tbody tr.sofia-gen-archv-pago-provs-cmbp-excl { background-color: lightgoldenrodyellow; }

body .ui-datagrid-column a.sofia-enlace-texto-enlace-view { font-size: 12px; }

/** Tooltip de meses pendientes de pago en cortes por mora. */
/** ui-sm-x */
@media only screen and (max-width: 640px) { .sofia-tooltip-meses-corte-mora { width: 30vw; } }
/** ui-md-x */
@media only screen and (min-width: 641px) { .sofia-tooltip-meses-corte-mora { width: 20vw; } }
/** ui-lg-x */
@media only screen and (min-width: 1025px) { .sofia-tooltip-meses-corte-mora { width: 15vw; } }
/** ui-xl-x */
@media only screen and (min-width: 1441px) { .sofia-tooltip-meses-corte-mora { width: 10vw; } }


/** sofia-large-popupmenu */

/* ui-sm */ @media only screen and (max-width: 640px) { .sofia-large-popupmenu { width: 90vw; } }
/* ui-md */ @media only screen and (min-width: 641px) { .sofia-large-popupmenu { width: 50vw; } }
/* ui-lg */ @media only screen and (min-width: 1025px) { .sofia-large-popupmenu { width: 25vw; } }
/* ui-xl */ @media only screen and (min-width: 1441px) { .sofia-large-popupmenu { width: 20vw; } }

/** sofia-body-dialogo-tareas-pendientes-inicio-sesion - @since 2.202.0 */
/* ui-sm */
@media only screen and (max-width: 640px) { .sofia-body-dialogo-tareas-pendientes-inicio-sesion { width: 90vw; max-height: 80vh; overflow: auto; } }
/* ui-md */
@media only screen and (min-width: 641px) { .sofia-body-dialogo-tareas-pendientes-inicio-sesion { width: 90vw; max-height: 80vh; overflow: auto; } }
/* ui-lg */
@media only screen and (min-width: 1025px) { .sofia-body-dialogo-tareas-pendientes-inicio-sesion { width: 90vw; max-height: 80vh; overflow: auto; } }
/* ui-xl */
@media only screen and (min-width: 1441px) { .sofia-body-dialogo-tareas-pendientes-inicio-sesion { width: 90vw; max-height: 80vh; overflow: auto; } }