.crud-dialog .mud-input-control {
    margin-top: 6px !important;
}

.crud-dialog .mud-input-label {
    background-color: #1f232a !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    z-index: 2 !important;
}

.crud-dialog .mud-input-slot {
    min-height: 44px !important;
}

.crud-dialog .mud-input > input,
.crud-dialog .mud-input > textarea,
.crud-dialog .mud-select-input {
    padding-top: 0px !important;
}

.crud-dialog-header {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.crud-dialog-body {
    display: flex;
    flex-direction: column;
}

.crud-dialog slot.mud-input-root {
    padding: 0px 8px 0px 8px !important;
}

.crud-dialog .mud-input.mud-select-input .mud-select-input {
    display: flex !important;
    align-items: center;
}

.crud-dialog .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.crud-dialog .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    color: rgba(var(--primary-rgb), 0.8) !important;
    top: 0px !important;
}

.crud-dialog .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    top: -7px !important;
}

.crud-dialog .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 13px;
}

.crud-dialog .mud-input > input.mud-input-root,
.crud-dialog div.mud-input-slot.mud-input-root {
    padding: 0px 8px 0px 8px !important;
}

.crud-dialog .mud-input-outlined-border {
    border-color: rgba(255,255,255,0.12) !important;
}

.dialog-title-icon {
    color: #a78bfa;
}

.dialog-tab-icon {
    opacity: .95;
}

.dialog-tab-icon-primary {
    color: #c084fc;
}

.dialog-tab-icon-info {
    color: #67e8f9;
}

.dialog-tab-icon-success {
    color: #86efac;
}

.dialog-tab-icon-warning {
    color: #fcd34d;
}

.mud-dialog .mud-dialog-title {
    display: none;
}

.mud-dialog.solucion-envio-dialog .mud-dialog-title {
    display: flex;
}

.mud-dialog.producto-imagen-ampliada-dialog .mud-dialog-title {
    display: flex;
}

.crud-dialog .mud-input-label {
    background-color: transparent !important;
}

.crud-dialog .mud-grid-spacing-xs-6 > .mud-grid-item {
    padding: 3px !important;
}

/* Keep wide detail tables usable with a mouse on desktop dialogs. */
.crud-dialog .mud-table {
    max-width: 100%;
    min-width: 0;
}

.crud-dialog .mud-table .mud-table-container,
.crud-dialog [class$="-detalle-scroll"] {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-color: rgba(90, 90, 90, .65) rgba(0, 0, 0, .08) !important;
    scrollbar-gutter: stable;
    scrollbar-width: thin !important;
    -webkit-overflow-scrolling: touch;
}

.crud-dialog .mud-table .mud-table-container {
    overflow-x: auto !important;
}

.crud-dialog .mud-table .mud-table-container::-webkit-scrollbar,
.crud-dialog [class$="-detalle-scroll"]::-webkit-scrollbar {
    background: rgba(0, 0, 0, .08) !important;
    height: 10px;
    width: 10px;
}

.crud-dialog .mud-table .mud-table-container::-webkit-scrollbar-thumb,
.crud-dialog [class$="-detalle-scroll"]::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90, .65) !important;
    border-radius: 6px;
}

.crud-dialog .mud-table .mud-table-container:hover::-webkit-scrollbar-thumb,
.crud-dialog [class$="-detalle-scroll"]:hover::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90, .8) !important;
}

.crud-dialog .mud-table .mud-table-container::-webkit-scrollbar-track,
.crud-dialog [class$="-detalle-scroll"]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .08) !important;
}

@media (hover: hover) and (pointer: fine) {
    .crud-dialog .mud-table .mud-table-container {
        overflow-x: scroll !important;
        padding-bottom: 8px;
    }

    .crud-dialog [class$="-detalle-scroll"] {
        padding-bottom: 8px;
    }
}

/* DevExpress viewers inside MudDialog: toolbar menus/modals must render above the dialog overlay. */
.mud-dialog:has(.cr-dx-report-dialog-content),
.mud-dialog:has(.cr-dx-pdf-dialog-content),
.mud-dialog:has(.cr-dx-report-dialog-content) .mud-dialog-content,
.mud-dialog:has(.cr-dx-pdf-dialog-content) .mud-dialog-content {
    overflow: visible !important;
}

dxbl-popup-root,
dxbl-modal,
dxbl-popup,
dxbl-dropdown,
.dxbl-modal,
.dxbl-modal-root,
.dxbl-popup,
.dxbl-dropdown,
.dxbl-dropdown-dialog,
.dxbl-dropdown-window,
.dxbl-dropdown-container,
.dxbl-toolbar-dropdown,
.dxbl-toolbar-dropdown-item-list,
.dxbl-list-box,
.dxbs-popup,
.dxbs-dropdown,
.dropdown-menu,
.modal,
.modal-backdrop,
.dx-overlay-wrapper,
.dx-overlay-content,
.dx-dropdowneditor-overlay,
.dx-context-menu,
.dx-menu-base,
.dxbrv-error-toast {
    z-index: 40000 !important;
}

dxbl-popup-root {
    position: relative !important;
    z-index: 40000 !important;
}

dxbl-popup-root dxbl-modal,
dxbl-popup-root .modal,
dxbl-popup-root .dropdown-menu,
dxbl-popup-root .dxbl-popup,
dxbl-popup-root .dxbs-popup {
    z-index: 40001 !important;
}