html { width: 100vw; height: 100vh; }
body { width: 100vw; height: 100vh; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; margin: 0; background-color: #1c2546; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.wt-content { display: flex; flex-direction: column; margin: 0 auto; padding: 2em 3em 2em 3em; width: 100%; max-width: 440px; background-color: #fff; position: relative; box-sizing: border-box; border-radius: 1em; box-shadow: 0 0 1em rgba(0,0,0,0.5); }
.wt-logo { display: block; width: 10em; height: 5.93em; margin: 0 auto 2em auto; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22shape-rendering%3AgeometricPrecision%3B%20text-rendering%3AgeometricPrecision%3B%20image-rendering%3AoptimizeQuality%3B%20fill-rule%3Aevenodd%3B%20clip-rule%3Aevenodd%22%20viewBox%3D%220%200%202024%201300%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%3Cdefs%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%3C!%5BCDATA%5B%0A%20%20%20%20.fil2%20%7Bfill%3Ablack%7D%0A%20%20%20%20.fil1%20%7Bfill%3A%234D0100%7D%0A%20%20%20%20.fil3%20%7Bfill%3A%23969999%7D%0A%20%20%20%20.fil0%20%7Bfill%3A%23C20300%7D%0A%20%20%20%20.fil4%20%7Bfill%3Ablack%3Bfill-rule%3Anonzero%7D%0A%20%20%20%5D%5D%3E%0A%20%20%3C%2Fstyle%3E%0A%20%3C%2Fdefs%3E%0A%20%3Cg%3E%0A%20%20%3Crect%20class%3D%22fil0%22%20x%3D%22672%22%20y%3D%22453%22%20width%3D%22453%22%20height%3D%22227%22%2F%3E%0A%20%20%3Crect%20class%3D%22fil1%22%20x%3D%22672%22%20y%3D%22227%22%20width%3D%22227%22%20height%3D%22227%22%2F%3E%0A%20%20%3Crect%20class%3D%22fil0%22%20x%3D%22672%22%20width%3D%22453%22%20height%3D%22227%22%2F%3E%0A%20%20%3Crect%20class%3D%22fil2%22%20x%3D%221126%22%20y%3D%22453%22%20width%3D%22227%22%20height%3D%22227%22%2F%3E%0A%20%20%3Crect%20class%3D%22fil3%22%20x%3D%221126%22%20y%3D%22227%22%20width%3D%22227%22%20height%3D%22227%22%2F%3E%0A%20%20%3Cpolygon%20class%3D%22fil4%22%20points%3D%22413%2C866%20323%2C1191%20258%2C1191%20206%2C971%20154%2C1191%2088%2C1191%200%2C866%2075%2C866%20126%2C1088%20178%2C866%20235%2C866%20286%2C1089%20337%2C866%20%22%2F%3E%0A%20%20%3Cpolygon%20class%3D%22fil4%22%20points%3D%22658%2C1130%20636%2C1191%20450%2C1191%20450%2C867%20628%2C867%20641%2C928%20517%2C928%20517%2C994%20616%2C994%20616%2C1053%20517%2C1053%20517%2C1130%20%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil4%22%20d%3D%22M917%201102c0%2C25%20-9%2C46%20-27%2C62%20-21%2C18%20-50%2C27%20-89%2C27l-106%200%200%20-324%2082%20-2c46%2C0%2080%2C10%20101%2C30%2015%2C14%2023%2C34%2023%2C59%200%2C15%20-3%2C29%20-10%2C40%20-7%2C12%20-17%2C21%20-31%2C28%2017%2C6%2030%2C15%2040%2C28%2011%2C14%2017%2C31%2017%2C52zm-82%20-140c0%2C-10%20-3%2C-18%20-10%2C-24%20-8%2C-8%20-19%2C-12%20-33%2C-12l-30%200%200%2073%2031%200c13%2C0%2023%2C-4%2031%2C-11%207%2C-8%2011%2C-16%2011%2C-26zm14%20128c0%2C-10%20-4%2C-19%20-11%2C-26%20-10%2C-8%20-22%2C-12%20-39%2C-12l-37%200%200%2078%2037%200c15%2C0%2027%2C-3%2035%2C-9%2010%2C-8%2015%2C-18%2015%2C-31z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil4%22%20d%3D%22M1171%201097c0%2C27%20-9%2C50%20-28%2C69%20-20%2C22%20-48%2C33%20-84%2C33%20-16%2C0%20-31%2C-3%20-45%2C-7%20-25%2C-8%20-45%2C-23%20-61%2C-45l44%20-47c14%2C25%2035%2C37%2063%2C37%2013%2C0%2024%2C-3%2032%2C-9%208%2C-6%2012%2C-15%2012%2C-27%200%2C-13%20-5%2C-24%20-15%2C-30%20-6%2C-4%20-20%2C-10%20-44%2C-18%20-23%2C-8%20-41%2C-17%20-53%2C-28%20-20%2C-17%20-31%2C-39%20-31%2C-67%200%2C-28%2011%2C-51%2031%2C-70%2020%2C-19%2046%2C-28%2078%2C-28%2022%2C0%2043%2C5%2062%2C16%2013%2C8%2026%2C18%2037%2C31l-43%2044c-7%2C-8%20-14%2C-15%20-23%2C-20%20-10%2C-7%20-21%2C-10%20-32%2C-10%20-14%2C0%20-24%2C3%20-32%2C10%20-8%2C6%20-11%2C13%20-11%2C22%200%2C13%205%2C22%2016%2C29%203%2C1%2016%2C6%2041%2C16%2025%2C9%2043%2C19%2056%2C30%2020%2C18%2030%2C41%2030%2C69z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil4%22%20d%3D%22M1550%201029c0%2C47%20-17%2C87%20-51%2C120%20-34%2C33%20-75%2C50%20-123%2C50%20-49%2C0%20-90%2C-17%20-124%2C-50%20-33%2C-32%20-50%2C-72%20-50%2C-120%200%2C-47%2017%2C-87%2051%2C-120%2034%2C-33%2075%2C-49%20123%2C-49%2048%2C0%2090%2C16%20124%2C49%2033%2C33%2050%2C73%2050%2C120zm-67%200c0%2C-29%20-10%2C-54%20-31%2C-75%20-21%2C-20%20-46%2C-30%20-76%2C-30%20-30%2C0%20-55%2C10%20-76%2C30%20-21%2C21%20-31%2C46%20-31%2C75%200%2C29%2010%2C54%2031%2C75%2021%2C20%2046%2C31%2076%2C31%2030%2C0%2055%2C-11%2076%2C-31%2021%2C-21%2031%2C-46%2031%2C-75z%22%2F%3E%0A%20%20%3Cpolygon%20class%3D%22fil4%22%20points%3D%221784%2C928%201662%2C928%201662%2C1003%201752%2C1003%201752%2C1061%201662%2C1061%201662%2C1188%201595%2C1194%201595%2C867%201769%2C867%20%22%2F%3E%0A%20%20%3Cpolygon%20class%3D%22fil4%22%20points%3D%222024%2C928%201945%2C928%201945%2C1188%201878%2C1194%201878%2C928%201789%2C928%201806%2C867%202024%2C867%20%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); }
.wt-text { text-align: center; padding-bottom: 1em; }
.wt-input-container { display: flex; flex-direction: column; width: 100%; margin: 0 0 1em 0; }
.wt-input-container .form-control { width: 100%; box-sizing: border-box; background-color: #ffffff; outline: none; border: 1px solid #c9ccd4; border-radius: 0.5em; padding: 0.75em 0.5em; font-size: 1em; }
.wt-input-container .field-validation-valid { font-size: 0.75em; color: #999; }
.wt-btns-container { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.wt-btn-container { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-grow: 0.5; }
.wt-link-container { display: block; text-align: center; padding: 1em 0 0 0 ; }
.wt-link-container a { font-size: 0.8em; }
.wt-divider { color: #c9ccd4; margin: 1em 0; }
.btn { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 1em 1.5em 1em 1.5em; outline: none; cursor: pointer; border: solid 1px #c9ccd4; border-radius: 0.5em; }
.btn-default { background-color: #4176ea; border-color: #4176ea; color: #fff; margin: 1em 0 0 0; min-width: 12em; }
.btn-default:not([disabled]):hover { background-color: #355bbb; border-color: #355bbb; }
.btn-default[disabled] { background-color:#c2c3c4; border-color: #c2c3c4; cursor: default; }
.btn-with-icon { background-size: 1.25em; background-repeat: no-repeat; background-position: 1.25em center; padding-left: 3em; }
.btn-with-icon:hover { background-color: #f2f3f4; border-color: #b9bbc4; }
#twofactorsend,
#twofactorverify { display: none; margin: 1em 0 0 0; }
.wt-error-msg { display: none; width: 100%; box-sizing: border-box; background-color: #ffffcc; border-radius: 0.5em; padding: 0.75em 0.5em; font-size: 1em; color: #c00; text-align: center; }