:root{--wa-form-control-label-font-weight: 700;}html, body { height: 100%; min-height: 100%; }body{min-height: 100%;margin: 0px;background: #fff;font: 16px 'Roboto', sans-serif;line-height: 1.5em;color: #000;}img, input[type=image] { border: 0px; vertical-align: middle; }a:link, a:visited, a:active { color: var(--wa-color-green-50); text-decoration: none; }a:focus {outline: 0; }a:hover { opacity: 0.8; text-decoration: underline;}form { margin: 0px; padding: 0px; }.container.smalltext {max-width: 920px;}h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif; font-weight: 900; }h1 { font-size: 32px; margin: 0px 0px 10px; font-weight: 900; }.page { height: 100%; }.page.single-dialog { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-content: center; }.page .grid-wrap { height: 100%; display: grid; grid-template-columns: 1fr 1fr; position: relative; }.page .graphic { background-color: #ccc; background-size: cover; background-position: 80% 50%; background-repeat: no-repeat; }.page .graphic .graphic-overlay { height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 30px; background: linear-gradient(to bottom, rgba(0,0,0, 0.8), rgba(255, 255, 255, 0.0)); }.page .graphic .logo { text-align: center; padding-bottom: 30px; }.page .graphic .logo a { font-size: 32px; font-weight: 900; color: #fff; text-decoration: none; }.page .content { flex-basis: 40%; display: flex; align-items: center; justify-content: center; padding: 15px; overflow: auto;}.page .content .wrap { max-width: 500px; width: 100%; border-radius: 10px; padding: 30px; background-color: #f6f6f6; border: 1px solid #ddd;}.errorbx { background: #AA0000; color: #fff; margin: 0px auto 30px; padding: 15px; font-weight: normal; border-radius: 4px; }.errorbx a { color: #fff; text-decoration: underline; }.errorbx h6 { display: block; margin: 0px 0 15px; border:0; padding-bottom: 4px; text-transform: uppercase; font-size: 18px; font-weight: bold; }.errorbx ul { margin: 0px; list-style: none; padding-left: 15px;}.errorbx li { display:block; padding: 3px 0px; }.errorbx li:before { width: 1.25em; margin-right: 4px; display: inline-block; content: '\f057'; color: #fff; font-family: "Font Awesome 6 Free"; font-style: normal; line-height: 1.5em; text-align: center; }.updatebx { background: #fffada; color: #333; border-radius: 4px;animation-name: greentoyellow; animation-iteration-count: 1; animation-duration: 6s;padding: 15px; margin: 0px auto 30px; font-weight: bold; text-align: center; }.updatebx h3 { display: block; margin: 0px; padding-bottom: 4px; font-size: 18px; font-weight: bold; }.updatebx a { color: #333; text-decoration: underline; }.updatebx ul { list-style: none; margin: 0; padding: 0; }.updatebx ul li { display: block; padding: 0;}.migration-message { background: #fffada; color: #000; border-radius: 4px; padding: 15px; margin: 0px auto; font-weight: bold; text-align: center; font-size: 14px; line-height: 1.2em;}.migration-message a { color: #000; text-decoration: underline; }.migration-message ul { list-style: none; margin: 0; padding: 0; }.migration-message ul li { display: block; padding: 0;}@keyframes greentoyellow {0% { background: #b6e564; }100% { background: #fffada; }}.card-header-title::part(base) { padding: 0; color: var(--wa-color-green-50); font-size: 18px; font-weight: 900; width: 100%; height: auto; white-space: wrap; justify-content: flex-start; text-align: left; }.card-header-title::part(base):hover { background: transparent; opacity: 0.8; }@media all AND (max-width: 991px) {.page .wrap { width: 100% !important;}}@media all AND (max-width: 767px) {.hide-mobile { display: none !important;}.break-mobile { display: block; }.page .grid-wrap { grid-template-columns: 1fr; }.page .graphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }.page .graphic .graphic-overlay .logo { display: none; } .page .content .wrap { position: relative; z-index: 10; }#page-login .content .wrap { padding: 15px; text-align: center; }}