.barcodeScanTotalCount {
    font-size: 40px !important; /* Reduced font size to half */
    background: linear-gradient(to right, #f6d365 0%, #fda085 100%);
    color: #fff;
    padding: 20px; /* Adjusted padding for proportionality */
    margin: 15px 0;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}
.barcodeScanTotalQty {
    font-size: 40px !important; /* Reduced font size to half */
    background: linear-gradient(to right, #84fab0 0%, #8fd3f4 100%);
    color: #333;
    padding: 20px; /* Adjusted padding for proportionality */
    margin: 15px 0;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}
.TextboxHieghtANdWidht {
    font-size: 20px !important;
    height:20px;
    width:50px;
}


.desktop-icon-button {
    width: 100px; /* Adjusted size of the button */
    height: 100px;
    display: flex; /* Centering the content inside the button */
    align-items: center;
    justify-content: center;
    flex-direction: column; /* Stack the image and text vertically */
    border: none; /* Removing default button styles */
    background-color: transparent;
    outline: none;
    cursor: pointer;
    padding: 10px; /* Padding around the content */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for hover effects */
    text-align: center; /* Center align the text */
}

    .desktop-icon-button:hover {
        transform: scale(1.1); /* Slight increase in size on hover */
        box-shadow: 0 0 15px rgba(0,0,0,0.2); /* Shadow effect on hover */
    }

    .desktop-icon-button img {
        max-width: 50px !important; /* Adjust the size of the image */
        max-height: 50px !important;
        width: 50px !important; /* Adjust the size of the image */
        height: 50px !important; /* Maintain aspect ratio */
        margin-bottom: 5px !important; /* Space between the image and text */
    }

    .desktop-icon-button span {
        display: block; /* Ensures the span takes up its own line */
        color: #333; /* Text color, can be adjusted */
        font-size: 14px; /* Adjust as needed */
    }

    /*.desktop-icon-button span {
        display: block;*/ /* Ensures the span takes up its own line */
        /*color: #555;*/ /* Adjusted text color */
        /*font-size: 16px;*/ /* Larger font size for better visibility */
        /*font-weight: bold;*/ /* Making the text bold */
        /*text-transform: uppercase;*/ /* Transforming text to uppercase */
        /*margin-top: 5px;*/ /* Adding space between the image and text */
        /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);*/ /* Adding subtle text shadow */
    /*}*/

    .desktop-icon-button span {
        color: #555;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin-top: 5px;
        white-space: normal; /* Allows text wrapping */
        overflow: visible; /* Text is allowed to show outside the button */
        text-overflow: clip; /* Text is not clipped */
    }