@media (max-width: 320px) {
    .order-btn-wrapper .btn.btn-primary {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 767.96px) {
    .product-inventory {
        border: 1px solid #e9ecef;
        padding: 10px 0;
        background-color: #e9ecef;
        position: relative;
    }

    .custom-product-inventory {
        border: 1px solid #e9ecef;
        padding: 35px 0 10px;
        background-color: #e9ecef;
        position: relative;
    }

    .order-detail-container:has(.product-inventory + .product-inventory) .product-inventory{
        padding: 35px 0 10px;
    }
    .form-group:has(.custom-product-inventory) .product-inventory {
        padding: 35px 0 10px;
    }

    .order-detail-container,
    .custom-order-detail-container {
        margin-left: 12px;
        margin-right: 12px;
    }

    .product-inventory .desktop-view,
    .custom-product-inventory .desktop-view {
        display: none;
    }

    .product-inventory .mobile-view,
    .custom-product-inventory .mobile-view  {
        text-align: end;
        padding: 0;
    }

    .delete-product-inventory,
    .custom-delete-product-inventory {
        color: #ff0000;
        font-size: 25px;
        position:absolute;
        right: 0;
        top: 0;
    }
}

@media (min-width: 767.96px){
    .product-inventory .mobile-view,
    .custom-product-inventory .mobile-view {
        display: none;
    }

    .delete-product-inventory,
    .custom-delete-product-inventory {
        color: #ff0000;
        font-size: 30px;
    }
}

.product-inventory {
   align-items: center;
}

.product-inventory .select2-container .select2-selection--single{
    height: 36px;
}

.product-inventory .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 3px 12px;
}

.custom-product-inventory textarea.form-control {
    min-height: 38px;
}

.dataTables_wrapper {
    overflow: auto;
    position: relative;
    max-height: calc(100vh - 223px);
}

.dataTables_scrollHead,
.dataTables_scrollBody {
    overflow: visible !important;
}

.table-footer {
    position: sticky;
    left: 0;
    bottom: 0;
    background-color: #ebedef;
}

#crudTable_wrapper #crudTable tr th:first-child, #crudTable_wrapper #crudTable tr td:first-child, #crudTable_wrapper table.dataTable tr th:first-child, #crudTable_wrapper table.dataTable tr td:first-child