.container {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0.3);
    border: 1px solid rgb(223, 223, 223);
    width: 900px;
    max-width: 100%;
    overflow: hidden;
    margin: 10px 0;
}
#formulario {
    max-width: 100%;
    padding: 20px;
}
.header-form {
    border-bottom: 1px solid rgb(223, 223, 223);;
    background-color: rgb(247, 247, 247);
    color: rgb(138, 138, 138);
    padding: 15px;
    cursor: pointer;
}

.form {
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 20px;
}

.form-control {
    margin: 0 0;
    position: relative;
    flex: 1; /* Faz com que os elementos ocupem o mesmo espaço */
}

.row {
    display: flex;
    gap: 20px; /* Espaço entre os campos na mesma linha */
}

#fc-bairro {
    flex: 0.4;

}

#fc-numero {
    flex: 0.2;
}

#fc-numero-ac {
    flex: 0.81;
}

#endereco-bairro input {
    padding: 10px;
}

.form-control input,
.form-control select {
    background-color: #ffffff;
    border: 1px solid rgb(196, 196, 196);
    display: block;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    padding: 10px;
}

.form-control select{
    color: rgb(117, 116, 116)
}


input:focus, select:focus {
    border: 1.7px solid #3498db !important; /* Azul ao focar */
    outline: none;
}

.form-control small {
    position: relative;
    bottom: 0;
    left: 0;
}

form button {
    background-color: rgb(29, 122, 195);
    border: 2px solid rgb(29, 122, 195);
    color: #fff;
    font-size: 14px;
    width: 100px;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}


.btn#btnEnviar {
    display: flex;
    justify-content: flex-end;
}

#limparAssinatura {
    padding: 6px 12px;
    background-color: #E74C3C;
    border-color: #E74C3C;
    align-content: center;
}

.form-control#campoAssinatura {
    display: flex;
    flex-direction: column; /* Mantém os elementos empilhados */
    align-items: flex-end;  /* Alinha os elementos à direita */
}

#signaturePad {
    max-width: 100%; 
    width: 400px; 
    height: 200px; /* Define uma altura fixa */
    border: 1px solid #000;
}

@media(max-width: 590px) {
    .row {
        flex-direction: column;
    }
}