.st-toolbar{
    display:none
}
.table tbody tr td {
    vertical-align: middle !important
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #CED4DA;
}
.table, .table th{
    text-align: center !important
}
.ParentWarehouse, .hide-warehouses {
    display: none
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    font-size:.7rem
}
    .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
        width:.55rem;
        height:.55rem
    }
/* General option look */
.select2-results__option {
    display: flex;
    align-items: center;
    padding: 6px 10px;
}

.select2-all {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

    .select2-all:hover {
        background: #e9ecef;
    }



fieldset {
    border: 2px dashed var(--primary-500);
    padding: 1rem;
    min-width: unset;
    padding: unset;
    margin: unset;
}

legend {
    color: var(--theme-primary);
    font-weight: bold;
    padding: 0 .4rem;
    font-size: 1rem;
    float: unset;
    width: unset;
}

.hide-fieldset-border {
    border: none !important;
    padding: 0;
    margin: 0;
}

    .hide-fieldset-border legend {
        display: none !important;
    }



/* Match main grid headers with system primary color */
#tabItemsTable .dx-datagrid-headers {
    background-color: var(--bs-primary);
    color: white;
}

#tabItemsTable .dx-header-row > td {
    color: white !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--primary-200) !important;
    color: #fff;
}

#previewContainer {
    position: relative;
}
/* ensure positioning context */
.preview-close {
    position: absolute;
    top: 1rem;
    right: .5rem;
    z-index: 9999; /* sit above img/iframe */
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.filepond--credits{
    display:none
}



/* Dock container for minimized modals */
#modalsDock {
    position: fixed;
    bottom: 1rem;
    right: 1rem; /* flipped in JS for RTL */
    z-index: 1080; /* above app chrome; modal is 1050–1060 */
    display: flex;
    flex-direction: column-reverse;
    gap: .5rem;
}

/* The chip itself */
.mini-modal-chip {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    min-width: 240px;
    max-width: 360px;
    cursor: pointer;
    border-radius: .75rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

    .mini-modal-chip .mini-title {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .mini-modal-chip .btn-close {
        margin-left: .25rem;
    }


.mini-modal-chip {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    min-width: 240px;
    max-width: 360px;
    cursor: pointer;
    border-radius: .75rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

    .mini-modal-chip .mini-title {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.window-minimize:hover {
    color : var(--bs-btn-close-color) !important;
    text-decoration: none !important;
    opacity: var(--bs-btn-close-hover-opacity) !important;
}

.dx-datagrid-headers .dx-header-row {
    background-color: var(--primary-600) !important;
    color: #fff !important;
}

.dx-datagrid-headers .dx-header-row .dx-sort,
.dx-datagrid-headers .dx-header-row .dx-sort-indicator,
.dx-datagrid-headers .dx-header-row .dx-datagrid-text-content,
.dx-datagrid-headers .dx-header-row .dx-sort-indicator {
    color: #fff !important;
    fill: #fff !important;
}
.table tr th {
    background-color: var(--primary-600);
    color: #fff
}
.show-if-petty-cash{
    display:none
}