body {
            background-color: #f8f9fa;
        }

        .container {
            margin-top: 20px;
            max-width: 1800px;
        }

        .form-control {
            height: 1.75em;
            padding: 0.25rem;
        }

        .form-group {
            padding: 0.25rem;
            margin-bottom: 0.25rem;
        }

        .form {
            width: 700px;
            display: block !important;
        }

        .pdfview {
            width: 600px;
        }

        .invoice-item {
            display: flex;
            /* Enabling Flexbox */
            align-items: center;
            /* Align items vertically */
            margin-bottom: 1em;
            /* Add space between invoice items */
        }

        .mod_title {
            width: 100%;
        }

        .article-overview,
        .tickets-overview {
            flex: 1;
            /* Make the tickets overview take the remaining space */
            max-width: 900px;
            /* Maximum width for the tickets overview */
        }

        .th-id,
        .th-amount {
            width: 60px;
        }

        .th-date,
        .th-price {
            width: 120px;
        }

        .th-customer {
            width: 250px;
        }

        .th-phone {
            width: 150px;
        }

        .th-btn {
            width: 200px;
        }

/*        .d-flex {
            display: flex;
            /* Enable flexbox for the container */
            /* justify-content: center; */
            /* Space the child elements evenly */
        /* } */

        .article {
            width: 300px;
        }

        .amount {
            width: 80px;
        }

        .price {
            width: 120px;
        }

        @media (max-width: 768px) {
            .d-flex {
                flex-direction: column;
                /* Stack elements on small screens */
            }

            .form {
                width: 100%;
                /* Full width on smaller screens */
                margin-bottom: 20px;
                /* Add spacing below the form when stacked */
            }

            .tickets-overview {
                width: 100%;
                /* Full width on smaller screens */
            }
        }

        .suggestions {
            border: 1px solid #ccc;
            background-color: #fff;
            max-height: 150px;
            overflow-y: auto;
            position: absolute;
            z-index: 1000;
        }

        .suggestion-item {
            padding: 10px;
            cursor: pointer;
        }

        .suggestion-item:hover {
            background-color: #f0f0f0;
        }


#dekenswassen,
#dekjeswassen,
#impregneren {
    display: inline-block !important;
}