@font-face {
    font-family: "Adato Playfair";
    src: url("https://cdn.prod.website-files.com/64dd097c65df2fbc41fdcee6/692759ede3e48308b6be71a8_PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    color: #333 !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
}

form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html,
body,
form,
form > table,
form > table > tbody,
form > table > tbody > tr:first-child,
form > table > tbody > tr:first-child > td {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

form > table {
    margin-top: 0 !important;
}

td.Question,
#trInputNote {
    display: none !important;
}

form table {
    border-spacing: 0 !important;
}

form td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#aihe,
#nimi,
#puhelinnumero,
#sahkoposti,
#kaupunki,
#viesti {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #333 !important;
    box-shadow: none !important;
    font-family: "Adato Playfair", "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
}

#aihe {
    height: 38px !important;
    min-height: 38px !important;
    margin-bottom: 10px !important;
    padding: 8px 12px !important;
    background: #f3f3f3 !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

#nimi,
#puhelinnumero,
#sahkoposti,
#kaupunki {
    height: 38px !important;
    min-height: 38px !important;
    margin-bottom: 1.5em !important;
    padding: 8px 12px !important;
    background: #fff !important;
    border: 1px solid #797979 !important;
    border-radius: 5px !important;
}

#viesti {
    height: 70px !important;
    min-height: 0 !important;
    margin-bottom: 1.5em !important;
    padding: 8px 12px !important;
    background: #fff !important;
    border: 1px solid #797979 !important;
    border-radius: 5px !important;
    resize: vertical !important;
}

#nimi::placeholder,
#puhelinnumero::placeholder,
#sahkoposti::placeholder,
#kaupunki::placeholder,
#viesti::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

#tdA50393051 .item-container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 1.5em !important;
    padding: 0 !important;
}

#tietojen_kasittelyopt1-label > i {
    display: none !important;
}

#tietojen_kasittelyopt1-label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    font-family: "Adato Playfair", "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

#tietojen_kasittelyopt1.themed {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    top: 0 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #292929 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

#tietojen_kasittelyopt1.themed::before,
#tietojen_kasittelyopt1.themed::after {
    content: none !important;
    display: none !important;
}

#tietojen_kasittelyopt1.themed:checked {
    background: radial-gradient(circle at center, #292929 0, #292929 4px, #fff 4.5px, #fff 100%) !important;
}

#trButtons,
#trButtons > td,
#trButtons .tblButtons,
#trButtons .tblButtons > tbody,
#trButtons .tblButtons > tbody > tr,
#trButtons .tblButtons > tbody > tr > td {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#trButtons .tblButtons {
    margin: 0 !important;
}

#btnSubmit {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 15px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #162fa3 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    box-shadow: none !important;
}

#tdA50396217 {
    width: 100% !important;
    padding: 0 !important;
}

#tdA50396217 a {
    display: flex !important;
    width: 100% !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 15px !important;
    background: #ffea00 !important;
    color: #333 !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    text-decoration: none !important;
}

#adato-error-summary {
    margin: 0 0 14px !important;
    padding: 12px 15px !important;
    border-left: 4px solid #c62828 !important;
    background: #fff4f4 !important;
    color: #9f1f1f !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

#aihe.adato-invalid,
#nimi.adato-invalid,
#puhelinnumero.adato-invalid,
#sahkoposti.adato-invalid,
#kaupunki.adato-invalid {
    border-color: #c62828 !important;
    color: #c62828 !important;
}

input.adato-invalid::placeholder,
textarea.adato-invalid::placeholder,
select.adato-invalid {
    color: #c62828 !important;
}

.adato-invalid-wrap {
    position: relative !important;
}

.adato-invalid-wrap::after {
    content: "!";
    position: absolute;
    right: 18px;
    top: 19px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #c62828;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    pointer-events: none;
    z-index: 2;
}

#tdQA50393051.adato-invalid-wrap::after {
    display: none !important;
}

#tietojen_kasittely.adato-invalid label span {
    color: #c62828 !important;
}

.adato-email-error {
    margin-top: 6px;
    color: #c62828;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

#tdA50405405 {
    padding-top: 14px !important;
    padding-bottom: 0 !important;
    color: #333 !important;
    font-family: "Adato Playfair", "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    text-align: left !important;
}

#tdA50405405 a {
    color: inherit !important;
    font: inherit !important;
    text-decoration: underline !important;
}

td.Banner {
    padding-top: 22px !important;
    padding-bottom: 0 !important;
    color: #999 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-spacing: 0 !important;
}

td.Banner a.Banner {
    margin-left: 0 !important;
    padding-left: 0 !important;
    color: #999 !important;
    font: inherit !important;
    word-spacing: 0 !important;
    text-decoration: underline !important;
}
html:has(#set-viewport),
body:has(#set-viewport) {
    background: #fff !important;
}