:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

header#header_legacy {
    display: flex;
    
    
    /* justify-content: space-between; */
    
    
}

header#header_legacy #logo {
    
    align-self: center;
    cursor: pointer;
    
}

header#header_legacy #logo:focus, header#header_legacy #logo:active, header#header_legacy #logo:hover {
    text-decoration: underline;
}

header#header_legacy #search-box {
    padding: 10px;
    padding-top: 2px;
    
    flex-grow: 1;
    align-self: center;
}

header#header_legacy #login-info {
    margin-left: auto;
    align-self: center;
    
}

header#header_legacy #search-input {
    
    width: 100%;
    height: 30px; 
    padding: 8px;
    font-size: 1.2rem;
}

.form {
    display: grid;
    align-content: center;
    padding: 10px;
    font-size: 0.7rem;
    margin: 0 auto;
    /*justify-content: center; */
    border: 0px solid black;
    margin-top: 10px;
    /*grid-template-columns: 40rem;*/
    grid-gap: 10px;
}

.form_required {
    color: red;
    font-weight: bold;
}

.form label {
    font-size: 0.8rem;
    font-weight: bold;
}

.form button[type='submit'] {
    margin: auto;
    margin-top: 10px;
    padding: 9px;
    
    border: 0px;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 15rem;


}


.form input:not(.error):focus,select:not(.error):focus {
    outline: none;    
    background-color: #d8f3df;
    border-color: #2ddf5c;
}

.form .error {
    outline: none;    
    background-color: #ff8d8d;
    border-color: red;
}

input, select, textarea {
    padding: 7px;
}

#form_cadastro input[type="text"],input[type="tel"] {
    width: 100%;
}