/* CSS Global da página de vendas */

/* Global */
.pointer {
    cursor: pointer !important;
}

.fit-content {
    width: fit-content !important;
}

.mw-fit-content {
    min-width: 150px !important;
    max-width: fit-content;
    width: 50vw;
}

.payment-fit-content {
    flex: 1 1 auto;
    min-width: 150px !important;
    max-width: 24.5%;
    width: auto;
}

.cursorLock {
    cursor: not-allowed;
}

.table {
    --bs-table-striped-bg: rgba(0,0,0,0.05) !important;
}

@media (max-width: 576px) {
    .form-control {
        padding: 0.5rem 0.3rem !important;
    }
}

h6.label {
    margin-bottom: 0.25rem !important;
}

/* Accordion */
.accordionWTK .dxbl-group-header.dxbl-accordion-group-header, .accordionWTK .dxbl-group {
    padding: 0;
    border: 0;
}

    .accordionWTK .dxbl-group > .dxbl-group-header::before, .accordionWTK .dxbl-accordion .dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(.dxbl-accordion-filter) > .dxbl-accordion-group-header:hover::before {
        background-color: transparent;
    }

    .accordionWTK .dxbl-group .dxbl-group-header {
        opacity: 0.75;
    }

.accordionWTK .dxbl-accordion .dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(.dxbl-accordion-filter) > .dxbl-accordion-group-header:hover {
    background-color: transparent !important;
    opacity: 0.5;
}

.accordionWTK .dxbl-accordion-item-text {
    background-color: var(--bs-body-bg);
    position: relative;
    z-index: 1;
    padding-right: 0.5rem;
    margin-bottom: 0.2rem;
    font-size: 12px;
}

.accordionWTK .dxbl-accordion-item-text-container {
    display: flex;
    align-items: center;
    position: relative;
}

    .accordionWTK .dxbl-accordion-item-text-container::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: rgba(0,0,0,0.3);
    }

.accordionWTK .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-group-header > .dxbl-accordion-item-content:not(:last-child) {
    margin-right: 0;
}


/* Tabs */
.tabsWTK.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item > :not(.dxbl-image) {
    padding: 0;
}

.tabsWTK.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) > .dxbl-image:not(:last-child) {
    margin-top: 0;
    margin-bottom: 0;
}

.tabsWTK.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist {
    border-bottom: 0;
}

    .tabsWTK.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
        border-radius: 0px;
    }

.tabsWTK.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: var(--bs-primary);
    color: white;
}

.tabsWTK .dxbl-tabs-item {
    padding-top: 0.3rem;
    border: 1px solid rgba(0,0,0,0.2) !important
}

/* Grid */
.gridWTK {
    padding-top: 0.5rem;
}

    .gridWTK .dxbl-grid .dxbl-grid-table {
        border: 1px solid rgba(0,0,0,0.2) !important;
    }

    .gridWTK .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
        background-color: var(--bs-primary);
    }


    .gridWTK .dxbl-grid > .dxbl-scroll-viewer {
        border-radius: 0.5rem 0.5rem 0 0;
    }

/* DX Flyout - Dados flutuantes */
.flyoutWTK {
    border-radius: 0.5rem !important
}

    .flyoutWTK .dxbl-flyout-header {
        background-color: var(--grayRecash) !important;
        color: white !important;
        border-radius: 0.5rem 0.5rem 0 0;
    }

.dxbl-flyout .dxbl-popover-bottom > .dxbl-arrow::after {
    border-bottom-color: var(--grayRecash) !important;
}

.iconFlyout {
    font-size: 1.3rem;
    cursor: pointer;
}

    .iconFlyout:hover {
        opacity: 0.5;
    }

.text-truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}