.tenant-main-contenedor {
    display: flex;
}

.tenant-main-contenedor-panel {
    height: 100%;
    width: 100%;
}


.tenant-card-principal {
    /* max-width: 420px; */
    /* margin: auto; */
    margin: -20px;
    margin-top: -20px;
    margin-left: -40px;
    margin-right: -40px;
}

.tenant-add-contenedor {
    max-width : 400px;
}

.info-database-item {
    display: flex;
    gap: 10px;
}

.info-database-item span {
    display: flow;
    align-items: center;
    gap: 5px;
}

::marker {
    display: none !important;
}

.info-database-item .info-database-nombre {
    flex-basis: 180px;
}

.info-database-item .info-database-records {
    flex-basis: 100px;
    color: darkcyan;
}

.info-database-item .info-database-cpu {
    flex-basis: 70px;
    color: darkblue;
}


.tenant-solapa {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height : 80vh;
}

.panel-notificaciones-item,
.panel-notificaciones {
    color: var(--mud-palette-info-darken);
    background-color: var(--mud-palette-info-hover);
}

.panel-notificaciones .label {
    width: 90px;
    font-weight: bold;
    text-align: right;
    display: inline-block;
}

.contenedor-panel-full-size .fondo-icono,
.panel-notificaciones .fondo-icono {
    font-size: 5rem !important;
    right: 0;
    position: absolute;
    bottom: 0px;
    fill: var(--mud-palette-info-hover);
}

.panel-notificaciones .icono-estado-wait,
.panel-notificaciones .icono-estado-run {
    font-size: 2rem !important;
    left: 5px;
    position: absolute;
    top: 7px;
}

.panel-notificaciones .icono-estado-run {
    fill: var(--mud-palette-success);
}

.panel-notificaciones .icono-estado-wait {
    fill: var(--mud-palette-warning);
}

.panel-notificaciones-item {
    max-width: 98%;
}

.tenant-main-contenedor-panel.factura-panel div {
    display: flex;
}

.factura-panel-key-3,
.factura-panel-key-2,
.factura-panel-key {
    width: 60px;
    text-align: left;
    font-weight: bold;
}

.factura-panel-key-2 {
    width: 120px;
}

.factura-panel-key-3 {
    width: 150px;
}


.factura-panel-value-2,
.factura-panel-value {
    margin-left: 8px;
    font-size: 1em;
    padding-top: 2px;
}

.factura-panel-value-2 {
    width: 77px;
    text-align: right;
}

.factura-panel-value-estado-registro,
.factura-panel-value-tipo-registro {
    display: inline-block;
}

.factura-panel-value-estado-registro {

}

.factura-panel-mensaje {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
    font-size: 80px;
    z-index: 0;
    white-space: nowrap;
    pointer-events: none;
}

.factura-panel-anulada {
    color: rgba(200, 0, 0, 0.3);
}

.factura-panel-huella {
    font-size: medium;
}

.factura-panel-lista-errores {
    list-style-type: none;
}

.factura-panel-validaciones .fondo-icono {
    font-size: 5rem !important;
    right: 0;
    position: absolute;
    bottom: 0px;
    opacity: 0.05
    /*fill: var(--mud-palette-error-hover);*/
}

.factura-validacion-ok {
    background-color: var(--mud-palette-success-hover) !important;
    color: var(--mud-palette-success-darken) !important;
}

.factura-validacion-ok .mud-switch .mud-disabled,
.factura-validacion-ok .mud-alert {
    background-color: unset;
    color: var(--mud-palette-success-darken) !important;
}

.factura-validacion-error {
    background-color: var(--mud-palette-error-hover) !important;
    color: var(--mud-palette-error-darken) !important;
}

.factura-validacion-error .mud-switch .mud-disabled,
.factura-validacion-error .mud-alert {
    background-color: unset;
    color: var(--mud-palette-error-darken) !important;
}

.factura-panel-mensaje.factura-validacion-ok {
    background-color: unset !important;
    font-size: 60px;
    opacity: 5%
}

.factura-panel-mensaje.factura-validacion-error {
    background-color: unset !important;
    font-size: 60px;
    opacity: 5%
}


.grid-factura-panel-validaciones .mud-grid-item .mud-paper {
        min-height: 85px;
    }


.resultado-validacion {
    height : 110px;
}


.visor-evento.factura-panel-huella {
    font-size: small !important;
}

.evento-validar-todo {
    top: -4px !important;
    right: 19px !important;
}

@media (min-width: 960px) and (max-width: 1250px) {
    .factura-panel-anulada {
        font-size: 62px;
    }
}

@media (max-width: 960px) {
    .factura-panel-huella,
    .visor-evento.factura-panel-huella {
        overflow: scroll !important;
        width: 100%;
        display: block;
    }
}