* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:focus {
    outline: transparent;
    box-shadow: 0 0 0 1px #407bff;
    border: 1px solid #ffffff;
}
body {
    font-family: 'Roboto', sans-serif;
    color: #51515c;
    -webkit-font-smoothing: antialiased;
}
p,
label {
    font-weight: 400;
    color: #323238;
}
h1,
h2,
h3 {
    font-size: 700;
}
input,
button {
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 1rem 1.5rem;
    border-radius: 4px;
    border: 1px solid #b2b2b3;
}
label {
    margin-top: 0.8rem;
}
button[type='submit'] {
    margin-top: 1rem;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 1.2rem;
    flex: 1;
}

header {
    height: 250px;
    width: 100vw;
}

.text-white {
    color: #ffffff;
}
.text-red {
    color: rgb(187, 35, 35);
}
.bg-blue {
    background: #407bff;
}
.bg-white {
    background: #ffffff;
}
.bg-red {
    background: rgb(241, 161, 161);
}

.tag{
    padding: 0.5rem;
}
.tag-red {
    background: #ec5b86;
    color: #FFFFFF;
 }
.tag-green {
    background: #c1ec5b;
    color: #FFFFFF;
}
.tag-yellow {
    background: #ecd95b;
    color: #FFFFFF;
}
.card {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%),
    0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}
.card-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:.75rem 1.25rem;
    background-color:#f8f9fc;
    border-top:1px solid #e3e6f0;
}
.logo-digitando {
    width: 35rem;
    margin-top: -4rem;
}
.br-4 {
    border-radius: 4px;
}
.fs-128 {
    font-size: 8rem;
}
.w-60 {
    width: 60%;
}
.wrapper {
    max-width: 70rem;
    display: flex;
    margin: -6rem auto 1rem;
    justify-content: space-around;
    align-items: flex-start;
    gap: 4rem;
}

.formulario {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 0.75rem;
}

.field {
    display: flex;
    flex-direction: column;
}
.error {
    padding: 1rem 0.3rem;
    margin: 1rem;
    border-radius: 4px;
    display: nome;
}

.cliente {
    max-width: 345px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
}
.lista-exames {
    flex: 1;
}
.bt-resultado {
    text-decoration: none;
    padding: 0.75rem;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    transition: color 0.1s;
}
.bt-resultado:hover {
    background: #5b89ec;
}
table {
    width: 100%;
    border-collapse: collapse;
    text-align: initial;
    border-spacing: 2px;
}
.ovf-x-auto {
    overflow-x: auto;
}
table th,
table tr {
    padding: 0.75rem;
}

th {
    text-align: inherit;
    display: table-cell;
}
tr {
    border-top: 5px;
    border-top-color: #726c6c;
    border-bottom-color: 1px solid #ebe9e9;
}
tr:hover {
    background: #f8f7f7;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

th,
td {
    padding: 1.25rem 0.5rem;
}
@media (max-width: 768px) {
    html {
        font-size: 87.5%;
    }
    .logo-digitando {
        display: none;
    }
    .wrapper {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: -16rem;
    }
    .cliente {
        flex: 1;
    }
}