.layout-wrapper {
    /*
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    */
}

.layout-content {
    /*background: rgba(255, 255, 255, .75);*/
}

.invisible {
    visibility: hidden !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-outputlabel {
    font-weight: 500;
}

.req-status-1 {
    /* Nueva */
    background: var(--yellow-400) !important;
    color: black !important;
}

.req-status-2 {
    /* Recibida */
    background: var(--blue-600) !important;
    color: white !important;
}

.req-status-3 {
    /* En Progreso */
    background: var(--orange-500) !important;
    color: white !important;
}

.req-status-4 {
    /* Finalizada */
    background: var(--green-500) !important;
    color: white !important;
}

.req-status-5 {
    /* Anulada */
    background: var(--bluegray-500) !important;
    color: white !important;
}

.req-status-6 {
    /* En Progreso - Asignada */
    background: var(--blue-200) !important;
    color: black !important;
}

.req-status-7 {
    /* En Progreso - En Ejecución */
    background: var(--cyan-300) !important;
    color: black !important;
}

.req-status-8 {
    /* En Progreso - Pendiente por Departamento */
    background: var(--red-400) !important;
    color: white !important;
}

.req-status-9 {
    /* En Progreso - Pendiente por Tercero */
    background: var(--indigo-400) !important;
    color: white !important;
}

.req-status-10 {
    /* En Progreso - Completada */
    background: var(--teal-400) !important;
    color: white !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.footer-summary-item:last-child {
    border-right: none;
}

.pre-block {
    font-family: inherit;
    white-space: pre-line;
    overflow: auto;
}

.h-90vh {
    height: 90vh !important;
}

.d-table {
    display: table;
}

.d-table-row {
    display: table-row;
}

.d-table-cell {
    display: table-cell;
}

.font-monospace {
    font-family: monospace;
}

.panel-custom-header > .ui-panel-titlebar {
    padding: .5rem 1rem !important;
}

.datatable-custom-header > .ui-datatable-header {
    padding: .5rem 1rem !important;
}

.panel-content-cpadding .ui-panel-content {
    padding: .5rem !important;
}

.bg-black {
    background-color: #000000 !important;
}