main.container {
    padding-top: 14pt;
    padding-bottom: 14pt;
}

.headings h1, .headings h3, .headings p {
    text-align: center;
    margin-bottom: 5px;
}
.headings h1 {
    color: #000942;
}


.logo {
    text-align: center;
    margin-bottom: 1rem;
}

.logo img {
    width: 7rem;
    height: auto;
}

.green {
    color: var(--form-element-valid-border-color);
}

.red {
    color: var(--form-element-invalid-border-color);
}

span[aria-label="required"] {
    font-weight: bold;
    color: var(--form-element-invalid-border-color);
}

.small {
    font-size: 0.875em;
}

.discount {
    border-radius: 2pt;
    font-size: 0.85em;
}

input[type="text"], select {
    background-position: center right .75rem;
    background-size: 1rem auto;
    background-repeat: no-repeat
}

input[type="text"]:required:not(:placeholder-shown):invalid { 
    border-color: var(--form-element-invalid-border-color);
    background-image: var(--icon-invalid);
}

input[type="text"]:required:not(:placeholder-shown):valid { 
    border-color: var(--form-element-valid-border-color);
    background-image: var(--icon-valid);
}

select:valid {
    border-color: var(--form-element-valid-border-color);
    background-image: var(--icon-valid);
}

.form-error-list {
    padding: 10pt 30pt;
    border: 1pt solid var(--form-element-invalid-border-color);
    border-radius: 5pt;
    background-color: #FAEEEB;
}

.form-error-list small {
    color: var(--form-element-invalid-border-color);
}

.form-error {
    display: block;
    color: var(--form-element-invalid-border-color);
    background-size: contain;
    background-image: var(--icon-invalid);
    padding-left: 25pt;
    margin-bottom: 3pt;
}

.faq details p {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.85rem;
}

.faq details blockquote {
    padding-top: 0;
    padding-bottom: 0;
}

.send-file {
    padding-top: 6px;
    padding-bottom: 6px;
}

.send-file.comprovante-lotacao {
    display: none;
}

#info_endereco {
    border-left: 3pt 
}
#info_endereco .info blockquote {
    margin-top: 0;
    padding-top: 1pt;
    padding-bottom: 1pt;
}
#info_endereco .loading {
    margin-bottom: 16px;
}
#info_endereco > div {
    display: none;
}

#info_endereco.loading .loading {
    display: block;
}

#info_endereco.info .info {
    display: block;
}

#info_endereco.erro .erro {
    display: block;
}
#info_endereco.erro .info {
    display: block;
}
#info_endereco.erro .info .details {
    display: none;
}

#info_pagamento blockquote {
    padding-top: 1pt;
    padding-bottom: 1pt;
}