.form-row {
            margin-bottom: 15px;
        }
        .form-row input {
            
            padding: 10px;
            margin-top: 5px;
            align-items: center;
        }
        .form-row-2-col {
            display: flex;
            justify-content: space-between;
            
        }
        .form-row-2-col input.item {
            width: 55% !important;
        }
        .form-row-2-col input.qty {
            width: 26% !important;
        }
        .form-row-2-col input.uom {
            width: 15% !important;
        }
        
                    *{
             padding:0;
             margin: 0;
             font-family: 'Outfit', sans-serif;
             box-sizing: border-box;
             text-decoration: none;
            }
            
            a{
             color: #31285C;
            }
            
            
            body{
             width: 100%;
             min-height: 100vh;
             display: flex;
             justify-content: center;
             align-items: center;
             flex-direction: column;
             background-color: #F0F0F0;
             padding-top: 20px;
             text-align:center;
            }
            
            .container{
             width: 320px;
             min-height:100px;
             background-color: #FFFFFF;
             border-radius: 5px;
             box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
             padding: 30px;
            }
            
            .input-field{
             width: 100%;
             height: 45px;
             border: none;
             padding: 10px;
             background-color: #eeeeee;
             color: gray;
             outline: none;
             font-size: 15px;
             margin-bottom: 20px;
             transition: .5s;
             border-radius: 5px;
            }
            
            input:hover{
            }
            
            
            .heading{
             color: #3B3663;
             margin-bottom: 20px;
            }
            
            .heading p{ 
             color: #AAA8BB;
            }
            
            .heading i{
             font-size: 30px;
             color: #4D61FC;
            } 
            
            label{
             color: #AAA8BB;
             font-weight: 400;
            }
            
            button{
             width: 100%;
             height: 45px;
             border: none;
             color: #FFFFFF;
             background-color: #f36b24;
             border-radius: 5px;
             font-size: 17px;
             font-weight: 500;
             transition: 0.3s;
            }
            
            button:hover{
             background-color: #31283B;
            }
            
            .suggestions {
            border: 1px solid #ddd;
            max-height: 150px;
            overflow-y: auto;
            background-color: #fff;
            position: absolute;
            z-index: 1000;
        }
        .suggestion-item {
            padding: 8px;
            cursor: pointer;
        }
        .suggestion-item:hover {
            background-color: #f0f0f0;
        }
        .suggestions::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
    .suggestions::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .suggestions::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }
    
    .suggestions::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /* Custom scroll bar styles for Firefox */
    .suggestions {
        scrollbar-width: thin; /* "auto" or "thin" */
        scrollbar-color: #888 #f1f1f1; /* Scrollbar thumb and track color */
    }