﻿.fix-listados {
    display: inline-grid;
    width: 100%;
}

.fix-listados-sin-footer .mud-table-container {
    display: inline-grid !important;
    width: 100% !important;
    height: 100% !important;
}


.fix-listados-buscador {
    height: 430px;
}

.fix-listados-buscador .mud-table-container {
    height: 375px;
}


.fix-listados-buscador .mud-table-container:has(.mud-checkbox-input) {
    height: 385px;
}

.fix-listados-buscador-5 {
    height: 265px;
}

.fix-listados-buscador-5 .mud-table-container {
    height: 210px;
}

.fix-listados-buscador-5 .mud-table-container:has(.mud-checkbox-input) {
    height: 220px;
}


.fix-listados-buscador-15 {
    height: 585px;
}


.fix-listados-buscador-15 .mud-table-container {
    height: 530px;
}

.fix-listados-buscador-15 .mud-table-container:has(.mud-checkbox-input) {
    height: 540px;
}


.fix-listados-buscador-20 {
    height: 745px;
}

.fix-listados-buscador-20 .mud-table-container {
    height: 690px;
}

.fix-listados-buscador-20 .mud-table-container:has(.mud-checkbox-input) {
    height: 700px;
}

.fix-listados-buscador-25 {
    height: 905px;
}

.fix-listados-buscador-25 .mud-table-container {
    height: 850px;
}

.fix-listados-buscador-25 .mud-table-container:has(.mud-checkbox-input) {
    height: 860px;
}

.fix-listados-buscador-50 {
    height: 1705px;
}

.fix-listados-buscador-50 .mud-table-container {
    height: 1650px;
}

.fix-listados-buscador-50 .mud-table-container:has(.mud-checkbox-input) {
    height: 1660px;
}

.fix-listados-buscador .mud-table-pagination {
    overflow-y: hidden;
}

.listado-tenant-import {
    height: 420px;
}

.listado-tenant-import .mud-drop-container{
    height: 405px;
}

.mud-table-foot .mud-table-row {
    position: sticky;
    bottom: 0;
    background-color: var(--mud-palette-surface);
    font-weight: bold;
}

.mud-dialog-content:has(.fix-listados-buscador) {
    padding: 0px 0px;
    margin: 0px 0px;
}

.auto-selected-yes > td,
.auto-selected-yes {
    font-weight: bold;
}

.auto-selected-yes,
.selected {
    background-color: var(--mud-palette-primary) !important;
}

.auto-selected-yes > td,
.selected > td {
    color: white !important;
    background-color: var(--mud-palette-primary) !important;
}

.selected > td .mud-input {
    color: white !important;
}


.selected > td.col-chechbox-multi-seleccion .mud-icon-root.mud-svg-icon {
    fill: #FFFFFF !important;
}


.selected > td.col-chechbox-multi-seleccion.documento-incluido .mud-icon-root.mud-svg-icon {
    fill: #FFFFFF30 !important;
}

td.col-chechbox-multi-seleccion.documento-incluido .mud-icon-root.mud-svg-icon {
    fill: #00000030 !important;
}




.auto-selected {
    background-color: var(--mud-palette-info-hover) !important;
    font-weight: bold;
}

.auto-selected > td {
    /*color: white !important;*/
    background-color: var(--mud-palette-info-hover) !important;
    font-weight: bold;
}

.auto-selected > td .mud-input {
    color: white !important;
    font-weight: bold;
}


.auto-selected > td.col-chechbox-multi-seleccion .mud-icon-root.mud-svg-icon {
    fill: #FFFFFF !important;
}


.auto-selected > td.col-chechbox-multi-seleccion.documento-incluido .mud-icon-root.mud-svg-icon {
    fill: #FFFFFF30 !important;
}






@media (min-width: 600px) {
    .mud-container--gutters.contenedorFormulario {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.col-icono {
    width: 32px;
    max-width: 32px;
}

.col-icono svg {
    margin-left: -7px !important;
}


.col-last-min {
    width: 10px;
}

.col-last {
    width: 700px;
}

.col-last-2 {
    width: 350px;
}

.col-last-2 {
    width: 230px;
}



.col-tenant-ver {
    width: 52px;
    max-width: 52px;
}

.col-tenant-ver button {
    margin-left: -7px !important;
}

.col-tenant-estado {
    width: 120px;
    max-width: 120px;
}

.col-tenant-modo {
    width: 168px;
    max-width: 118px;
}

.col-tenant-nombre {
    min-width: max-content;
}

.col-tenant-email {
    width: 258px;
    max-width: 250px;
}

.col-tenant-apikey-group {
    width: 138px;
    max-width: 130px;
}

.col-tenant-nif {
    width: 148px;
    max-width: 140px;
}

.col-tenant-nombre-razon-social {
    min-width: max-content;
}

.col-tenant-descripcion {
    min-width: max-content;
}


.col-tenant-database {
    width: 168px;
}

.col-tenant-next-job-time {
    width: 150px;
}

.col-tenant-nivel {
    width: 80px;
}

.col-tenant-total-registros {
    width: 120px;
}

.col-tenant-peso {
    max-width: 90px;
}


.list-tenant-invalido {
    background-color: #ff000010;
}

.list-tenant-row-desactivado {
    background-color: #ff000007;
}

.list-tenant-row-pausado {
    background-color: #ffff0007;
}
.list-tenant-row-pausando {
    background-color: #cccc0007;
}

.list-tenant-row-mantenimiento {
    background-color: #0000ff07;
}

.col-db-ver {
    width: 52px;
    max-width: 52px;
}

.col-db-ver button {
    margin-left: -7px !important;
}

.col-db-nombre {
    width: 120px;
    max-width: 112px;
    min-width: 112px;
}

.col-db-cadena-conexion {
    width: 420px;
    max-width: 412px;
    min-width: 412px;
}

.col-db-tipo {
    width: 118px;
    max-width: 110px;
    min-width: 110px;
}

.col-db-status {
    width: 40px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.col-db-total-registros {
    width: 50px;
}

.col-db-peso {
    width: 50px;
}

.col-db-total-tenants {
    width: 50px;
}

.col-db-total-tenants-inactivos {
    width: 50px;
}

.col-db-cpu {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
}

.col-db-last-update {
    width: 150px;
}

.list-db-row-en-mantenimiento {
    background-color: #0000ff07;
}

.list-db-row-saturada {
    background-color: #ff000007;
}

.col-apikey-ver {
    width: 52px;
    max-width: 52px;
}

.col-apikey-ver button {
    margin-left: -7px !important;
}

.col-apikey-value,
.col-apikey-tenant {
    width: 300px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.col-apikey-fecha {
    width: 155px;
    max-width: 155px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.col-apikey-active {
    width: 50px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.list-apykey-row-no-activa {
    background-color: #ff000007;
}

.col-tenantsguid-ver {
    width: 52px;
    max-width: 52px;
}

.col-tenantsguid-ver button {
    margin-left: -7px !important;
}

.col-tenantsguid-tenant,
.col-tenantsguid-value {
    width: 285px;
}


.col-tenantsguid-fecha {
    width: 160px;
    max-width: 170px;
}



.list-vm-row-en-mantenimiento {
    background-color: #0000ff07;
}

.list-vm-row-no-activa {
    background-color: #ff000007;
}


.col-vm-ver {
    width: 52px;
    max-width: 52px;
}

.col-vm-ver button {
    margin-left: -7px !important;
}

.col-vm-id {
    width: 50px;
}

.col-vm-descripcion {
    width: max-content;
}

.col-vm-fecha {
    width: 155px;
    max-width: 155px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.col-vm-active {
    width: 50px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}





.col-factura-ver {
    width: 52px;
    max-width: 52px;
}

.col-factura-ver button {
    margin-left: -7px !important;
}

.col-factura-estado {
    width: 220px;
    max-width: 245px;
}

.col-factura-estado-validacion {
    min-width: 200px;
    max-width: 445px;
}

.col-factura-guid {
    width: 290px;
}

.col-factura-fecha-expedicion {
    width: 155px;
    max-width: 155px;
}

.col-factura-fecha {
    width: 140px;
}

.col-factura-fecha-validacion {
    min-width: 270px
}


.col-factura-nif {
    width: 155px;
    max-width: 155px;
}

.col-factura-importe-total {
    width: 225px;
    max-width: 230px;
}

.col-factura-descripcion-operacion {
    width: 348px;
    max-width: 340px;
}


.col-factura-subsanacion {
    width: 148px;
    max-width: 140px;
}

.col-factura-subsanacion {
    width: 148px;
    max-width: 140px;
}

.col-factura-huella {
    width: 568px;
    max-width: 558px;
}


div.col-factura-huella {
    display: block;
    white-space: nowrap;
}

.col-factura-usuario {
    width: 168px;
    max-width: 160px;
}

.col-factura-tipo {
    width: 128px;
    max-width: 120px;
}

.col-factura-tipo-evento {
    min-width: 128px;
}


.list-registro-facturacion-row-alta {
    background-color: rgba(0, 255, 0, 0.02);
}

.list-registro-facturacion-row-subsanacion {
    background-color : rgba(0, 0, 255, 0.02);
}

.list-registro-facturacion-row-anulacion {
    background-color: rgba(255, 0, 0, 0.02);
}


.col-factura-fecha-validacion.mud-table-cell,
.col-factura-estado-validacion .mud-alert,
.col-factura-fecha-validacion .mud-alert,
.col-factura-estado .mud-alert {
    padding: 0px;
}

td.col-factura-estado.list-registro-facturacion-row-alta.mud-table-cell,
td.col-factura-estado-validacion.mud-table-cell,
td.col-factura-fecha-validacion.mud-table-cell {
    padding: 0px !important;
}

td.col-factura-estado.list-registro-facturacion-row-alta.mud-table-cell .mud-alert-position,
td.col-factura-estado-validacion.mud-table-cell .mud-alert-position,
td.col-factura-fecha-validacion.mud-table-cell .mud-alert-position {
    padding-left: 10px;
}

.listado-registros-facturacion * .mud-table-row .mud-table-cell {
    padding: 1px 24px 1px 16px !Important;
}


.col-visor-factura-cantidad {
    max-width: 68px;
    width: 60px;
}

.col-visor-factura-descripcion {
}

.col-visor-factura-precio-unitario,
.col-visor-factura-precio {
    max-width: 150px;
    width: 150px;
}

.footer-cell.col-visor-factura-precio-unitario {
    text-align: right;
}

.footer-cell.col-visor-factura-precio-unitario,
.footer-cell.col-visor-factura-precio {
    font-size: large;
}


.col-evento-fecha {
    width: 140px;
    max-width: 140px;
}

.col-evento-tipo {
    width: 45px;
    max-width: 50px;
}


th.alinear-derecha .column-options {
    order: -1 !important; /* Forces icons to the left */
    /*border: 1px solid red;*/
}

th.alinear-derecha .sortable-column-header.cursor-pointer {
    order: 1 !important; /* Aligns text to the right */
    text-align: right !important;
    flex-grow: 1 !important;
    /*border: 1px solid green;*/
}

td.alinear-derecha {
    order: 1; /* Aligns text to the right */
    text-align: right !important;
    flex-grow: 1 !important;
}


td.alinear-derecha div.alinear-derecha {
    width: 100% !important;
    float: right;
    display: block;
}


@media (max-width: 960px) {
    .col-evento-fecha,
    .col-evento-tipo,
    .col-tenantsguid-ver, .col-tenantsguid-value, .col-tenantsguid-tenant, .col-tenantsguid-fecha {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .col-apikey-ver, .col-apikey-ver button, .col-apikey-value, .col-apikey-tenant, .col-apikey-fecha, .col-apikey-active {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .col-db-ver, .col-db-nombre, .col-db-cadena-conexion, .col-db-tipo, .col-db-status, .col-db-total-registros, .col-db-peso, .col-db-total-tenants, .col-db-total-tenants-inactivos {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .col-tenant-total-registros, .col-tenant-peso, .col-tenant-estado, .col-tenant-modo-contrato, .col-tenant-nombre, .col-tenant-email, .col-tenant-apikey-group, .col-tenant-nif, .col-tenant-nombre-razon-social, .col-tenant-database, .col-tenant-next-job-time, .col-tenant-nivel {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .col-vm-ver,
    .col-vm-ver button,
    .col-vm-id,
    .col-vm-descripcion,
    .col-vm-fecha,
    .col-vm-active {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }


    .col-factura-estado-validacion,
    .col-factura-fecha-expedicion,
    .col-factura-huella,
    .col-factura-ver,
    .col-factura-ver button,
    .col-factura-estado,
    .col-factura-guid,
    .col-factura-fecha,
    .col-factura-nif,
    .col-factura-importe-total,
    .col-factura-descripcion-operacion,
    .col-factura-subsanacion,
    .col-factura-subsanacion,
    .col-factura-usuario,
    .col-factura-tipo {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .col-factura-estado .mud-alert,
    .col-factura-estado-validacion .mud-alert {
        padding: 0px;
        padding-right : 10px;
    }

    .col-factura-estado .justify-sm-start,
    .col-factura-estado-validacion .justify-sm-start {
        justify-content: flex-end !important;
    }

    div.col-factura-huella {
        max-width: 900px;
        overflow: scroll;
    }


    .col-visor-factura-cantidad, .col-visor-factura-descripcion, .col-visor-factura-precio, .col-visor-factura-precio-unitario {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    .mud-table-foot {
        display: block !important;
    }

    .footer-cell.col-visor-factura-cantidad {
        display: none;
    }

    .footer-cell.col-visor-factura-descripcion {
        display: none;
    }

    .footer-cell.col-visor-factura-precio-unitario {
        display: revert;
        text-align: right !important;
    }

    .footer-cell.col-visor-factura-precio {
        display: table-cell;
    }
}

@media (max-width: 850px) {
    div.col-factura-huella {
        max-width: 480px;
    }
}



@media (max-width: 792px) {
    div.col-factura-huella {
        max-width: 420px;
    }

}

@media (max-width: 732px) {
    div.col-factura-huella {
        max-width: 410px;
    }
}

@media (max-width: 711px) {
    div.col-factura-huella {
        max-width: 360px;
    }
}

@media (max-width: 672px) {
    div.col-factura-huella {
        max-width: 340px;
    }
}



@media (max-width: 652px) {
    div.col-factura-huella {
        max-width: 320px;
    }
}


@media (max-width: 600px) {
    div.col-factura-huella {
        max-width: 290px;
    }
}

@media (max-width: 570px) {
    div.col-factura-huella {
        max-width: 260px;
    }
}
