html, body {
    height: 100%;
}

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

.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;
}

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;
}


.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;
}

.filter-badge {
    font-weight: 600;
    margin-right: 6px;
    color: #fff;
    background-color: var(--bs-primary);
    padding: 2px 7px;
    border-radius: 12px;
    font-size: 13px;
}

.main-content:has(#estado-counters-info) {
   display:flex;
   flex-direction:column;
}

.main-content:has(#estado-counters-info) #estado-counters-info {
    order: 0;
    overflow:hidden;
}

.main-content:has(#custom-filter-info) #custom-filter-info {
    order: 1;
    overflow: hidden;
}

.main-content:has(#custom-filter-info) .grid-content {
    order: 2;
}


.dxbl-btn[title="Reactivar Prospecto"], .dxbl-btn[title="Cambiar Supervisor"], .dxbl-btn[data-action-name="Reasignar Vendedores"], .dxbl-btn[data-action-name="Asignar Vendedores"] {
    background-color: var(--bs-blue) !important;
    color: #fff;
    font-weight: 600;
    padding: 2px 6px;
}

[data-action-name*="Filtro Fecha"] .parametrized-action-wrapper {
    max-width:130px;
}

[data-action-name*="Filtro Fecha Dsd"]::before {
    content: 'F.Desde: ';
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-weight: 600;
}

[data-action-name*="Filtro Fecha Hst"]::before {
    content: 'F.Hasta: ';
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-weight: 600;
}


@media (max-width:899px) {
    .app {
        z-index: unset !important;
    }
  
    .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;
    }

    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.xafPopup {
        max-width: 100vw !important;
        width: 100vw !important;
    }

    .dxbl-modal-footer {
        width: auto;
    }


    .dxbl-toolbar.dxbl-toolbar-adaptive {
        z-index: 1;
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}