body, html {
    padding: 5;
    height: 100%;
    /* font-family: Arial, sans-serif; */
}

.pac-icon{
        display: none;
}
.pac-item{
        font-size: x-large;
        padding: 30px;
}
.pac-item-query{
        font-size: x-large;
}
.pac-logo::after{
        display: none;
}

button {
    align-items: center;
    font-size: 16px;
    padding: 10px 20px;
    background-color: #4CAF50; /* Green background */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button i {
    margin-right: 8px; /* Adds spacing between the icon and text */
}

button:hover {
    background-color: #45a049; /* Darker green on hover */
}



#container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 5em - 50px);
}

.field {
    display: flex;
    align-items: center;
    padding: 0 15px; 
    box-sizing: border-box;
    flex-grow: 1;
    margin: 0 5%;
}

/* Style for the <p> tags to make them equally wide */
.field p {
    font-size: xx-large;
    font-weight: 1000;
    width: 120px;
    margin: 0;
}

/* Make input take up the full available width minus the space for the <p> tag *//* body, html {
    padding: 5;
    height: 100%;
    font-family: Arial, sans-serif;
} */
.field input,
.field select,
#submit{
    border-radius: 10px;
    margin-left: 5%;
    border: 2px solid black;
    flex-grow: 1;
    padding: 10px;
    font-size: xx-large; /* Larger font size for better readability */
    height: 120px;
    box-sizing: border-box;
}

/* #submit{
  width: 100%;

} */

/* 
.field select{
  background-color: white;
} */

/* Style for the QR field specifically */
#openCamera {
    width: 120px;
    margin-left: 10px; /* Space between the input and the camera button */
    background-color: #000000;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    font-size: 18px; /* Larger icon size */
    height: 120px; /* Match the height of the input field */
    display: flex;
    justify-content: center;
    align-items: center;
}

#openCamera i {
    font-size: 30px; /* Font size for the camera icon */
}

/* To make the QR input a little smaller to accommodate the camera button */
.field:nth-child(2) input {
    flex-grow: 1;
    max-width: calc(100% - 70px); /* Leave space for the button */
}

/* Ensure all buttons and inputs are easy to tap on mobile */
/* button, input {
    height: 120px; 
} */