.btnLimpar {
    border: 1px solid #09235B;
    border-radius: 42px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0.84px;
    color: #152F65;
    text-transform: uppercase;
    opacity: 1;
}

.btnValidar {
    background: #5EB608 0% 0% no-repeat padding-box;
    border-radius: 42px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}


.tituloPagina {
    text-align: center;
    font: normal normal bold 35px/36px 'panton bold';
    letter-spacing: 0px;
    color: #09235B;
    opacity: 1
}


.frame-4,
.frame-4 * {
    box-sizing: border-box;
}

.frame-4 {
    border-radius: 4px;
    border-style: solid;
    border-color: var(--border, #e7e7e7);
    border-width: 2px;
    padding: 0px 12px 0px 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-top: 20px;
}

.frame-2 {
    border-style: solid;
    border-color: var(--border, #e7e7e7);
    border-width: 0px 1px 0px 0px;
    padding: 16px 0px 8px 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.hash-da-consulta {
    color: var(--text, #000000);
    text-align: left;
    font: 700 12px "Trebuchet MS", sans-serif;
    position: relative;
}

.frame22 {
    color: var(--text, #000000);
    text-align: left;
    font: var(--smalltext, 400 12px "Trebuchet MS", sans-serif);
    position: relative;
    align-self: stretch;
}

.frame-3 {

    border-color: var(--border, #e7e7e7);
    border-width: 0px 1px 0px 0px;
    padding: 8px 0px 8px 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.data {
    color: var(--text, #000000);
    text-align: left;
    font: 700 12px "Trebuchet MS", sans-serif;
    position: relative;
}

.odataHash {
    color: var(--text, #000000);
    text-align: left;
    font: var(--smalltext, 400 12px "Trebuchet MS", sans-serif);
    position: relative;
    align-self: stretch;
}