.loading-icon[data-v-0b20bb9e]{display:inline-block;position:relative;width:24px;height:24px;top:0;left:0;overflow:hidden}.loading-icon>i[data-v-0b20bb9e]{position:absolute;height:16px;width:16px;top:4px;left:4px;animation:keyframe-loading-icon-1-data-v-0b20bb9e 2s linear infinite}@keyframes keyframe-loading-icon-1-data-v-0b20bb9e{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-icon>i>i[data-v-0b20bb9e]{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:16px;width:16px;clip:rect(0, 16px, 16px, 8px);animation:keyframe-loading-icon-2-data-v-0b20bb9e 1.4s linear infinite}@keyframes keyframe-loading-icon-2-data-v-0b20bb9e{0%{transform:rotate(0deg)}100%{transform:rotate(200deg)}}.loading-icon>i>i[data-v-0b20bb9e]::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:16px;width:16px;clip:rect(0, 16px, 16px, 8px);border-width:2px;border-style:solid;border-color:#1574E8;border-radius:50%;animation:keyframe-loading-icon-3-data-v-0b20bb9e 1.4s ease-in infinite;box-sizing:border-box}@keyframes keyframe-loading-icon-3-data-v-0b20bb9e{0%{transform:rotate(-160deg)}40%{transform:rotate(-90deg)}100%{transform:rotate(160deg)}}

.login-page-common-layout .title{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:700}.syno-reset-admin-app .reset-admin-note .syno-ux-note{color:#00A6A6}@media screen and (max-width: 520px){body .login-page-common-layout{box-sizing:border-box;padding:0 20px;min-width:initial;min-height:100%}body .login-page-common-layout .area-top{margin-top:15vh;height:initial}body .login-page-common-layout .area-top .header .desc{height:initial;min-height:44px}body .login-page-common-layout .area-center-left{display:none}body .login-page-common-layout .area-center-right{flex:1}body .login-page-common-layout .area-center-right .common-simple-form .msg{min-height:initial}body .login-page-common-layout .area-center-right .common-simple-form .msg.loading{display:none}body .login-page-common-layout .area-center-right .common-simple-form .msg .text{max-width:initial}body .login-page-common-layout .area-center-right .common-simple-form .login-textfield{width:100%}}.login-page-common-layout-container{height:100%;width:100%}.login-page-common-layout-container .v-ps{padding-right:0}.login-page-common-layout{display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box;min-width:1000px;min-height:680px}.login-page-common-layout .area-top{height:30vh;width:100%;display:flex;align-items:flex-end;justify-content:center}.login-page-common-layout .area-center{min-height:70vh;width:100%}.login-page-common-layout .area-center-left{min-height:70vh;width:50%}.login-page-common-layout .area-center-right{min-height:70vh;width:50%;box-sizing:border-box;padding-left:calc((50% - 340px) * 0.2);padding-right:calc((50% - 340px) * 0.4);padding-top:48px;padding-bottom:12px}.login-page-common-layout .title,.login-page-common-layout .desc{max-width:880px;text-align:center;margin-left:auto;margin-right:auto}.login-page-common-layout .title{margin-bottom:8px;font-size:18px;line-height:26px}.login-page-common-layout .desc{height:66px;font-size:16px;line-height:22px;overflow:hidden}.login-page-common-layout .area-center-right .common-simple-form .login-textfield{width:340px;margin:0;border-top:solid 10px transparent;border-bottom:solid 10px transparent}.login-page-common-layout .area-center-right .common-simple-form .login-textfield input::-webkit-input-placeholder{color:rgba(0,0,0,0.4);font-size:15px;line-height:24px}.login-page-common-layout .area-center-right .common-simple-form button{margin-top:30px}.login-page-common-layout .area-center-right .common-simple-form .msg{min-height:24px;margin:12px 0 18px 0}.login-page-common-layout .area-center-right .common-simple-form .msg .text{max-width:340px;float:left;font-size:13px;color:#057FEB;line-height:24px}.login-page-common-layout .area-center-right .common-simple-form .msg .text ul{list-style:inside}.login-page-common-layout .area-center-right .common-simple-form .msg .loading-icon{margin-right:6px;float:left;display:none}.login-page-common-layout .area-center-right .common-simple-form .msg.error .text{color:#E64040}.login-page-common-layout .area-center-right .common-simple-form .msg.loading .loading-icon{display:initial}.login-page-common-layout .login-password-strength{display:flex;align-items:center;line-height:18px}.login-page-common-layout .login-password-strength .strength-block{display:inline-block;background-color:rgba(198,212,224,0.4);width:26px;height:4px;margin-right:2px}.login-page-common-layout .login-password-strength .strength-block:last-of-type{margin-right:6px}.login-page-common-layout .login-password-strength.weak{color:#E64040}.login-page-common-layout .login-password-strength.weak .strength-block.block-1{background-color:#E64040}.login-page-common-layout .login-password-strength.medium{color:#F58414}.login-page-common-layout .login-password-strength.medium .strength-block.block-1,.login-page-common-layout .login-password-strength.medium .strength-block.block-2{background-color:#F58414}.login-page-common-layout .login-password-strength.strong{color:#009E05}.login-page-common-layout .login-password-strength.strong .strength-block.block-1,.login-page-common-layout .login-password-strength.strong .strength-block.block-2,.login-page-common-layout .login-password-strength.strong .strength-block.block-3{background-color:#009E05}.login-page-common-layout .title{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:700}.syno-reset-admin-app .reset-admin-note .syno-ux-note{color:#00A6A6}.syno-reset-admin-app .v-window-header-wrapper{display:none}.syno-reset-admin-app .img-new-password{float:right;width:420px;height:340px;background-image:url(images/assets/92f71346b3e6327913a90ef12569dcfa.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .syno-reset-admin-app .img-new-password{background-image:url(images/assets/4983040773701385258db3d5efc75862.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .syno-reset-admin-app .img-new-password{background-image:url(images/assets/4983040773701385258db3d5efc75862.png);background-size:420px 340px;outline:1px green dashed}}.syno-reset-admin-app .reset-admin-username-field{display:table}.syno-reset-admin-app .reset-admin-username-field .reset-admin-combobox{border:0;padding:0}.syno-reset-admin-app .reset-admin-username-field .reset-admin-combobox .v-select-input{height:24px}.syno-reset-admin-app .reset-admin-username-field .reset-admin-combobox .v-select-dropdown-icon{top:12px}.syno-reset-admin-app .reset-admin-username-field .v-whitetip-wrapper{display:table-cell;vertical-align:middle;padding-left:8px}.syno-reset-admin-app .confirm-pass-error{color:#E64040;line-height:20px}.syno-reset-admin-app .reset-admin-note{margin-top:10px;padding:6px 0px;line-height:20px;width:340px}.syno-reset-admin-app .img-new-password-success{width:306px;height:256px;margin-left:auto;margin-right:auto;background-image:url(images/assets/699f4b2410b273112357b7f45ddfccff.png);background-size:306px 256px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .syno-reset-admin-app .img-new-password-success{background-image:url(images/assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .syno-reset-admin-app .img-new-password-success{background-image:url(images/assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px;outline:1px green dashed}}.syno-reset-admin-app .btn-login-now{display:block;margin:30px auto 0px auto}