html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header {
    height: 50px !important;
}

.dxbl-grid-table th span {
    text-transform: uppercase;
    font-size: 0.85em !important;
}

.dxbl-grid-table tbody td {
    border-left: none !important;
    border-right: none !important;
}

.AsigMasivaChk input {
    min-width: 1400% !important;
    height: 200% !important;
    top: -50% !important;
    left: -5px !important;
}

.dxbl-fl-item-horizontal .dxbl-text {
    width: fit-content !important;
}


.dxbl-fl-item-horizontal .dxbl-fl-ctrl {
    width: 100% !important;
}

.dxbl-fl-item-horizontal .dxbl-text-edit {
    width: -webkit-fill-available !important;
}

.AlineamientoH .dxbl-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

a, p, h1, h2, h3, h4, h5, h6, span, strong, td, th, div, input, nav, li, ul, button {
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.dxbl-modal > .dxbl-modal-root {
    justify-content: center;
}

.header-logo {
    width: 180px;
    height: 45px;
    background-image: url('../images/Logo.svg');
    background-size: 100% 45px;
}

.loading-image {
    width: 60px;
    height: 60px;
}


#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
    position: absolute !important;
    inset: 0;
    width: auto;
    height: auto;
    z-index: 1;
    border-radius: 0;
    justify-content: flex-start;
}

.dxbl-grid-group-row {
    position: relative;
}

.dxbl-grid-group-row td:nth-child(2)[data-formatted] {
    position: relative; 
    color: transparent; 
    padding: 8px 0px !important;
}

.dxbl-grid-group-row td:nth-child(2)[data-formatted]::after {
    content: attr(data-formatted);
    white-space: pre-wrap;
    display: block; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--bs-body-bg); 
    background: none; 
    padding: 3px 0px;
}


.xaf-loading-content span::before {
    content: 'Cargando..';
    visibility: visible;
}

.xaf-loading-content span {
    visibility: hidden;
    margin-right: -30px;
}

.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tbody > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > tfoot > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tfoot > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > thead > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header) {
    white-space: nowrap;
}

.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-group-footer-row > td > div[dxbl-grid-summary-item], .dxbl-grid .dxbl-grid-table > tbody > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > td > div[dxbl-grid-summary-item], .dxbl-grid .dxbl-grid-table > thead > tr > th, .dxbl-grid .dxbl-grid-table > thead > tr > th > .dxbl-grid-header-content > span {
    text-wrap: nowrap;
}

.GroupNoGap dxbl-form-layout-item {
    margin: 0px !important;
    padding: 0px !important;
}

.GroupNoGap .dxbl-group-body-content {
    padding-bottom: 0px !important;
}

.GroupNoGap .dxbl-grid-bottom-panel {
    display: none !important;
}

.GroupNoGap dxbl-grid {
    min-height: 200px;
}

.GroupNoGap dxbl-form-layout-group {
    margin-top: 0px !important;
}

.py-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: solid 1px var(--bs-border-color-translucent);
    margin-bottom: 0.5rem !important;
}




.InputNegrita .dxbl-text-edit > .dxbl-text-edit-input {
    font-size: 15px;
    font-weight: 800;
}




@media (max-width:899px) {

    .DialogInput dxbl-memo-editor {
        height: 80vh !important;
    }

    .ImageContainer {
        display: none;
    }

    .HideField {
        display: none !important;
    }

    .CardGrp {
        width: 49%;
    }

    .dxbl-grid .dxbl-grid-table > tbody > tr:not(tr[data-virtual-item-index="-1"]) td {
        padding: 8px 2px !important;
        font-size: 13px;
    }

    .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-group-row td {
        padding: 12px 2px !important;
    }

    .FilterRow {
        margin-bottom: 0;
        margin-top: 0;
    }

    .AlineamientoH .dxbl-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.peponcio-line {
    text-wrap-mode: wrap;
}

.DocsCobrar tr.dxbl-grid-group-row, .dxbl-expandable-container tr.dxbl-grid-group-row {
    background-color: var(--bs-primary) !important;
    color: var(--bs-body-bg);
}

.DocsCobrar tr:not(.dxbl-grid-group-row) .dxbl-grid-indent-cell, .dxbl-expandable-container tr:not(.dxbl-grid-group-row) .dxbl-grid-indent-cell {
    background-color: var(--bs-primary) !important;
}

.nested-frame[data-frame-name="Servicio Detalles"] .dxbl-scroll-viewer-content {
    min-height: 200px !important;
}

div[data-action-name="Change State"] button:nth-child(2)::before, div[data-action-name="Change State"] button:nth-child(2):hover::before {
    content: 'Cambiar Estado' !important;
    font-size: inherit;
    padding: 0px 5px !important;
    position: relative !important;
    background-color: inherit !important;
}

.dxbl-toolbar-btn[data-action-name="Cobrar Documentos"] span {
    display: block !important;
}


@media (max-width: 400px) {
    .dxbl-toolbar-btn[data-action-name="Cobrar Documentos"] span {
        display: none !important;
    }

}


/* Solo iOS / Safari */
@supports (-webkit-touch-callout: none) {
    .dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
        position: static !important;
        width: auto !important;
        height: auto !important;
        z-index: auto !important;
    }
}