
body{
    margin: 0px;
}
form#pedidoForm .error {
    color: red;
    font-size: 0.8em;
    min-height: 1rem;
}
form#pedidoForm input, form#pedidoForm select { 
    display: block; margin-bottom: 5px; 
}
form#pedidoForm label { 
    margin-top: 10px; display: block; 
}
form#pedidoForm #submitBtn:disabled { 
    background-color: #ccc; cursor: not-allowed; 
}
form#pedidoForm {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    position: relative;
    padding: 0;
    justify-content: space-between;
}
.gt-form-group {
    margin-bottom: 20px;
}
.gt-full {
    position: relative;
    width: 100%;
}
.gt-half {
    position: relative;
    width: 49%;    
    min-width: 257px;
}
.gt-form-group label{
    margin: 0;
    font-family: Assistant, sans-serif;
    margin-bottom: 7px;
    font-size: 17px;
}
.gt-form-group.gt-selector select {
    width: 100%;
    padding: 7px 1%;
    font-family: Assistant, sans-serif;
    background: #f5f5f5;
    border: #f5f5f5;
}
.gt-form-group.gt-input input {
    width: 98%;
    padding: 8px 1%;
    font-family: Assistant, sans-serif;
    background: #fafafa;
    border: #fafafa;
}
.gt-form-group.gt-file input {
    background: #fafafa;
    font-family: Assistant, sans-serif;
    padding: 0;
    width: 100%;
}

.gt-form-group.gt-file input::file-selector-button {
    font-family: Assistant, sans-serif;
    padding: 7px 1%;
    border-radius: 3px;
    color: #000000;
    background: #e7e4e4;
    border: #e7e4e4;
    cursor: pointer;
}
.gt-form-group.gt-file input::file-selector-button:hover {
    background: #d5d5d5;
}
.gt-form-group.gt-button button#submitBtn {
    background: #ffed00;
    border: #ffed00;
    padding: 7px 1%;
    text-align: center;
    min-width: 177px;
    font-weight: bold;
    font-family: Assistant, sans-serif;
    cursor: pointer;
}
button#submitBtn:hover {
    color: white;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media (max-width: 577px){
    .gt-half {
        width: 90%;
        margin: 0 auto;
    }
}