html, body {
    height: 100%;
}

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

.main-toolbar dxbl-toolbar {
    height: 25px !important;
}

.xaf-masterdetail-detailview {
    border: solid 2px var(--bs-primary);
    padding: 5px;
    border-radius: 5px;
}

.direction-horizontal > .xaf-masterdetail-splitter {
    margin-left: 5px;
    margin-right: 5px;
}

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: left;
    color: #337ab7 !important;
    height: 35px;
    width: 200px;
}

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

.RichReadOnly .dxbs-ribbon{
    display:none;
}
.RichReadOnly .dxreClient {
    pointer-events: none;
}
.xaf-item-envivo, .xaf-item-emitido, .xaf-item-paraemitir {
    width: auto !important;
}

.HideFilters .dxbl-grid-filter-menu-funnel-btn, .HideFilters .dxbl-grid-sort-asc, .HideFilters .dxbl-grid-sort-desc {
    display: none !important;
}

.dxbl-grid-group-row td:nth-child(2) {
    pointer-events: none;
}


.HideFilters colgroup col:nth-child(1),
.HideFilters colgroup col:nth-child(2) {
    width: 0px !important;
}

.dxbl-grid-group-row td:not(.dxbl-grid-empty-cell) {
    background: var(--bs-primary);
    color: #fff;
}

th.dxbl-grid-header {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.dxbl-grid tbody tr:hover td:not(.dxbl-grid-empty-cell),
.dxbl-grid-selected-row td:not(.dxbl-grid-empty-cell) {
    border: solid 2px var(--bs-primary) !important;
    border-left: none !important;
    border-right: none !important;
}

button[data-action-name="Traspaso"] {
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: #fff;
    font-weight: 600;
    fill: #fff;
}

dxbl-toolbar-item[data-action-name="Cambio Vivo"] dxbl-combobox {
    max-width: 100px;
}


.GrillaTrp td {
    text-wrap: nowrap;
}

tr.dxbl-grid-header-row {
    pointer-events: none;
}
.HideFilters td {
    white-space: nowrap;
}

.px-2 {
    padding-right: .3rem !important;
    padding-left: .3rem !important;
}


@media(max-width:700px) {
    dxbl-toolbar-item[data-action-name="Cambio Vivo"] dxbl-combobox {
        max-width: 80px;
    }
    dxbl-toolbar-item[data-action-name="Programa"] dxbl-combobox {
        max-width: 90px;
    }
    .xaf-masterdetail-listview tfoot, .HidePhone,
    button[data-action-name="Traspaso"], .xaf-masterdetail-splitter {
        display: none!important;
    }
    .xaf-masterdetail-container.direction-horizontal{
        flex-flow:column!important;
    }
    .GrillaTrp .dxbl-grid {
        height: 400px;
    }
    .app .main-content > .grid-content, .xaf-masterdetail-listview > .grid-content, .xaf-masterdetail-view {
        min-height: 200px;
    }
    .xaf-masterdetail-detailview {
        padding: 0px;
    }
    .xaf-masterdetail-listview {
        max-height: 250px;
        padding-bottom:15px;
    }
    
    .dxbl-grid td {
        padding: 5px !important;
        font-size: 14px !important;
    }
    .dxbl-btn-toolbar {
        display: flex!important;
        flex-wrap: wrap!important;
    }
}