:root {
            font-size: 12px;
            font-weight: normal;
            margin: 1px;
            border: 0px;
            padding: 1px;
                   --width-card: 230px;
        }
        button {
            font-size: 12px;
            font-weight: normal;
            margin: 1px;
            border: 0px;
            padding: 5px;
        }

        /* Basic styling for autocomplete dropdown */
        .autocomplete-suggestions {
            border: 1px solid #ccc;
            max-height: 150px;
            overflow-y: auto;
            position: absolute;
            background-color: white;
            z-index: 1000;
        }
        .autocomplete-suggestion {
            padding: 10px;
            cursor: pointer;
        }
        .autocomplete-suggestion:hover {
            background-color: #e9e9e9;
        }
        label {
            font-size: 12px;
            font-weight: normal;
            display: block;
        }
        table {
            font-size: 10px;
            font-weight: normal;
            border-width: 0px;
            width: 100%;
            padding: 2px;
        }
       table td {
            font-size: 10px;
            font-weight: normal;
            width: 100%;
            padding: 1px;
            margin: 1px;
        }
        .container {
            display: flex;
        }
        .form-container {
            flex: 1;
            margin-right: 10px;
        }
        .table-container {
            flex: 9;
        }
        input {
            width: 200px
        }
        #orderno
        {
            width: 200px;
        }
    /*    radiobutton*/
        input[type="radio"] {
            display: none;
        }
        input[type="radio"] + label {
            font-size: 10px;
            font-weight: normal;
            display: inline-block;
            padding: 5px 10px;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        input[type="radio"]:checked + label {
            background-color: #118bee;
            color: white;
        }
        tr,th,td {
            font-size: 10px;
            font-weight: normal;
            border-width: 0;
            padding: 3px;
        }
        .remove-button-style {
            background-color: indianred;
            color: white;
            padding: 0;
            margin: 0;
            border-radius: 50%;
            width: 18px;
            height: 18px;
        }