.icon-brocha {
    background-image: url("/jakarta.faces.resource/images/home3/brocha.png.xhtml?ln=ieeh&1792586881608");
    background-size: cover;
    width: 1em;
    height: 1em;
}

.icon-lupa {
    background-image: url("/jakarta.faces.resource/images/home3/lupa.png.xhtml?ln=ieeh&1792586881608");
    background-size: cover;
    width: 1em;
    height: 1em;
}

body .ui-button.ui-button-lupa {
    background: #66609d;
    color: #ffffff;
    border: 1px solid #66609d;
}

body .ui-button.ui-button-brocha {
    background: #7dafa0;
    color: #ffffff;
    border: 1px solid #7dafa0;
}

.text-area-output {
    white-space: pre-line;
    word-break: break-word;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: #7B95A3 !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #ffffff !important;
}

.data-header {
    border-radius: 5px 5px 0 0;
}

.data-output {
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid !important;
    border-left: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: #7B95A3 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    var(--primary-color) !important;
}

/* Usar para colocar comentarios de ayuda bajo objetos de entrada de datos y resaltarlos.*/
.small-text-info {
    font-size: 0.9em !important;
    font-style: italic !important;
    color: #376ead;
    font-weight: bold;
}

/* Ancho de columna para botones redondos en filas de tablas  styleClass="column-button-?" */
.column-button-1 {
    width: 3rem;
}

.column-button-2 {
    width: 6rem;
}

.column-button-3 {
    width: 9rem;
}

.column-button-4 {
    width: 12rem;
}

.column-button-5 {
    width: 15rem;
}

.column-row-toggler {
    width: 2rem;
}

.column-row-seq {
    width: 3.5rem;
}

.testar {
    background-color: rgba(0, 0, 0, 1);
    color: black;
    height: 80px;
}