*{margin:0}body{font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#fff;color:#1d1d1f;font-style:normal}[v-cloak]{display:none}.d-n{display:none}form{display:block}a{color:#06c;letter-spacing:inherit}a:link{text-decoration:none}a:hover{color:#06c;text-decoration:none}ul{list-style:none;margin:0}ol{margin:0;list-style:none}.visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}#footerSection{width:100%;height:200px;border:1px solid red}#loginSection .tfaTitle{font-size:36px}#loginSection .flex-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px;text-align:center}@media only screen and (max-width:800px){#loginSection .flex-box{padding:25px}}#loginSection .passcode-area{margin-top:50px;text-align:center}#loginSection .passcode-area>input{background-color:#fff;border:2px solid #d6d6d6;border-radius:4px;padding:0;margin:25px 6px 0;width:65px;height:65px;text-align:center;font-size:32px;line-height:1.29;background-clip:padding-box}#loginSection .passcode-area>input:nth-child(3){margin-right:25px}@media only screen and (max-width:450px){#loginSection .passcode-area>input:nth-child(3){margin-right:6px}}#loginSection .passcode-area>input:focus{-webkit-appearance:none;border:2px solid #87ceeb;outline:0;box-shadow:0 0 3px rgba(131,192,253,.5)}#loginSection .passcodeBtn{width:200px}#contentSection{display:flex;width:100%;height:-moz-calc(100vh - 80px);height:-webkit-calc(100vh - 80px);height:calc(100vh - 80px);margin-top:80px}#contentSection .userContent{width:100%;box-sizing:border-box;padding-left:290px;overflow:auto;background-color:#f1f5f7}#verificationBanner{display:flex;justify-content:center;align-items:center;position:absolute;width:-moz-calc(100% - 290px);width:-webkit-calc(100% - 290px);width:calc(100% - 290px);height:40px;right:0;top:80px;background-color:#f1f5f7;transition:top .5s ease-in-out}@media screen and (max-width:1300px){#contentSection .userContent{padding-left:20%}#verificationBanner{position:absolute;width:-moz-calc(100% - 20%);width:-webkit-calc(100% - 20%);width:calc(100% - 20%);height:50px;right:0;background-color:#f1f5f7}}@media screen and (max-width:1000px){#contentSection .userContent{padding-left:80px}#verificationBanner{position:absolute;width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:calc(100% - 80px);height:50px;right:0;background-color:#f1f5f7}}@media screen and (max-width:500px){#contentSection .userContent{padding-left:0}#verificationBanner{position:absolute;width:100%;height:50px;right:0;background-color:#f1f5f7}}#sidebarSection{position:fixed;background-color:#1c3245;width:290px;height:-moz-calc(100% - 80px);height:-webkit-calc(100% - 80px);height:calc(100% - 80px);overflow:auto}#webSidebar .userInfo{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:40px;margin-bottom:10px}#webSidebar .avatar{width:100px;height:100px;border-radius:100%}#webSidebar .userName{margin-top:5px;font-size:20px;color:#fff}#webSidebar .localTime{margin-top:10px;color:#fff}#webSidebar .accountNum{font-size:16px;color:#fff}#webSidebar .sidebarHr{color:#fff;height:1px;width:80%;border:0;margin:10px 0}#webSidebar .itemSection{display:flex;align-items:center;box-sizing:border-box;padding-left:30px;height:50px;font-size:16px}#webSidebar a{width:100%;text-decoration:none}#webSidebar .itemSection:hover{background-color:#007bff}#webSidebar .icon{margin-right:20px;color:#fff}#webSidebar .item{display:flex;align-items:center;color:#fff;height:50px}#webSidebar .btnContainer{width:100%;display:flex;flex-direction:column;align-items:center}#webSidebar button{width:150px;height:35px;border-radius:100px;margin-bottom:20px;background-color:#fff;border:none}#tabletSidebar{display:none}#mobileSidebar{display:none}@media screen and (max-width:1300px){#sidebarSection{width:20%}}@media screen and (max-width:1000px){#sidebarSection{width:80px}#webSidebar{display:none}#tabletSidebar{display:block}#tabletSidebar .userInfo{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:50px;margin-bottom:20px}#tabletSidebar .avatar{width:40px;height:40px;margin-left:auto;margin-right:auto;border-radius:100%}#tabletSidebar .itemSection{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-left:0;height:60px;font-size:16px}#tabletSidebar .itemSection:hover{background-color:#007bff}#tabletSidebar .item{display:flex;align-items:center;color:#fff;height:60px;text-decoration:none}#tabletSidebar .icon{margin-right:0;color:#fff;font-size:24px;margin-left:auto;margin-right:auto}}@media screen and (max-width:500px){#sidebarSection{position:fixed;width:100%;height:62px;bottom:0;left:0;z-index:999;overflow:hidden}#webSidebar{display:none}#tabletSidebar{display:none}#mobileSidebar{display:flex}#mobileSidebar .itemSection{display:flex;flex-direction:column;justify-content:center;align-items:center;height:63px;width:20%;margin-top:2px}#mobileSidebar a{text-decoration:none}#mobileSidebar .itemSection:hover{background-color:#007bff}#mobileSidebar .icon{font-size:28px;color:#fff}#mobileSidebar .iconName{font-size:12px;color:#fff;margin-top:3px}}#userHeaderSection{position:fixed;display:flex;align-items:center;width:100%;height:80px;box-shadow:0 4px 10px rgba(0,0,0,.15);z-index:999;background-color:#fff}#userHeaderSection .logoContainer{display:flex;justify-content:center;align-items:center;height:80px;width:290px}#userHeaderSection #weblogo{height:70px}#userHeaderSection #mobilelogo{height:50px;display:none}#userHeaderSection #headerBtnGroup{margin-left:auto;margin-right:20px}#userHeaderSection .languages{height:25px;margin-right:20px}#userHeaderSection .notification{margin-top:10px;margin-right:20px}#userHeaderSection #logout{width:100px;height:40px;border-radius:100px;background-color:#fff;border:2px solid #0275d8;text-align:center}@media screen and (max-width:1300px){#userHeaderSection .logoContainer{width:20%}}@media screen and (max-width:1000px){#userHeaderSection .logoContainer{width:80px}#userHeaderSection #weblogo{display:none}#userHeaderSection #mobilelogo{display:block}}#recipientList .cardHeader{display:flex;align-items:center;height:60px;cursor:pointer}#recipientList .cardShadow{margin-top:20px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px}#recipientList .fakeCardShadow{opacity:.5;margin-top:20px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px}#recipientList .cardHeader .avatar{width:50px;height:50px;border-radius:100%}#recipientList .cardHeader .flag{position:absolute;width:20px;height:20px;border-radius:100%;bottom:0;right:0}#recipientList .name{font-size:20px;color:#37517e}#recipientList .recipientListSubTitle{font-size:14px;color:#5d7079}#recipientList .nextLine{display:none}#recipientList hr{width:98%;margin:0 auto;margin-top:15px;margin-bottom:15px;border:none;height:1px}#recipientList .btnGroup{height:70px;box-sizing:border-box;padding-top:5px;padding-bottom:20px;padding-left:20px;padding-right:20px}#recipientList .detailBtn{float:right}#recipientList .deleteBtn{float:right;margin-right:20px}#recipientList .btnContainer_3{display:flex;justify-content:right;align-items:center;padding-right:20px;padding-bottom:20px;width:100%}#recipientList .space{margin-right:10px}#recipientList .infoCardBody{display:flex;justify-content:space-between}#recipientList .infoBlock{position:relative;margin-bottom:10px}#recipientList .infoTitle{font-size:14px;color:#5d7079}@media screen and (max-width:700px){#recipientList .infoCardBody{display:flex;justify-content:space-around;flex-direction:column}#recipientList .infoSection{display:flex;justify-content:space-around}#recipientList .infoBlock{margin-top:10px;margin-bottom:10px;width:120px}}@media screen and (max-width:400px){#recipientList .btnGroup{display:flex;align-items:center;justify-content:space-between;height:70px;box-sizing:border-box;padding-top:5px;padding-bottom:20px;padding-left:20px;padding-right:20px}#recipientList .detailBtn{float:none}#recipientList .deleteBtn{float:none;margin-right:0}#recipientList .nextLine{display:block}}.check-container{width:6.25rem;height:7.5rem;display:flex;flex-flow:column;align-items:center;justify-content:space-between;margin:0 auto}.check-container .check-background{width:100%;height:calc(100% - 1.25rem);background:linear-gradient(to bottom right,#5de593,#41d67c);box-shadow:0 0 0 65px rgba(255,255,255,.25) inset,0 0 0 65px rgba(255,255,255,.25) inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .35s forwards 1.25s ease-out}.check-container .check-shadow{bottom:calc(-15% - 5px);left:0;border-radius:50%;background:radial-gradient(closest-side,#49da83,transparent);animation:animateShadow .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px rgba(255,255,255,.25) inset,0 0 0 65px rgba(255,255,255,.25) inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px rgba(255,255,255,.25) inset,0 0 0 65px rgba(255,255,255,.25) inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px rgba(255,255,255,.25) inset,0 0 0 65px rgba(255,255,255,.25) inset}62.5%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.25) inset,0 0 0 21.667px rgba(255,255,255,.25) inset}81.25%{box-shadow:0 0 0 0 rgba(255,255,255,.25) inset,0 0 0 0 rgba(255,255,255,.25) inset}100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.25) inset,0 0 0 0 rgba(255,255,255,.25) inset}}@keyframes animateCheck{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}100%{width:85%;height:15%;opacity:.25}}.sendBox{position:relative;height:100px;width:80px;animation:box 5s infinite linear}.sendborder{background:#007298;position:absolute}.sendborder.sendone{height:4px;top:0;left:0;animation:border-one 5s infinite linear}.sendborder.sendtwo{top:0;right:0;height:100%;width:4px;animation:border-two 5s infinite linear}.sendborder.sendthree{bottom:0;right:0;height:4px;width:100%;animation:border-three 5s infinite linear}.sendborder.sendfour{bottom:0;left:0;height:100%;width:4px;animation:border-four 5s infinite linear}.sendline{height:4px;background:#007298;position:absolute;width:0%;left:25%}.sendline.sendone{top:25%;width:0%;animation:line-one 5s infinite linear}.sendline.sendtwo{top:45%;animation:line-two 5s infinite linear}.sendline.sendthree{top:65%;animation:line-three 5s infinite linear}@keyframes border-one{0%{width:0}10%{width:100%}100%{width:100%}}@keyframes border-two{0%{height:0}10%{height:0%}20%{height:100%}100%{height:100%}}@keyframes border-three{0%{width:0}20%{width:0%}30%{width:100%}100%{width:100%}}@keyframes border-four{0%{height:0}30%{height:0%}40%{height:100%}100%{height:100%}}@keyframes line-one{0%{left:25%;width:0}40%{left:25%;width:0%}43%{left:25%;width:50%}52%{left:25%;width:50%}54%{left:25%;width:0%}55%{right:25%;left:auto}63%{width:10%;right:25%;left:auto}100%{width:10%;right:25%;left:auto}}@keyframes line-two{0%{width:0}42%{width:0%}45%{width:50%}53%{width:50%}54%{width:0%}60%{width:50%}100%{width:50%}}@keyframes line-three{0%{width:0}45%{width:0%}48%{width:50%}51%{width:50%}52%{width:0%}100%{width:0%}}@keyframes box{0%{opacity:1;margin-left:0;height:100px;width:80px}55%{margin-left:0;height:100px;width:80px}60%{margin-left:0;height:70px;width:100px}74%{msthin-left:0}80%{margin-left:-100px;opacity:1}90%{height:70px;width:100px;margin-left:100px;opacity:0}100%{opacity:0}}.dot-flashing{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::after,.dot-flashing::before{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#9880ff}100%,50%{background-color:#ebe6ff}}.dot-flashing-with-message{position:absolute;bottom:12px;right:-40px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing-with-message::after,.dot-flashing-with-message::before{content:'';display:inline-block;position:absolute;top:0}.dot-flashing-with-message::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing-with-message::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#9880ff}100%,50%{background-color:#ebe6ff}}#indexSection .homeWidgetGroup{max-width:1400px;display:flex;justify-content:space-between;box-sizing:border-box;padding:50px 20px;margin:0 auto}#indexSection .leftWidgetGroup{width:67%;max-width:900px}#indexSection .rightWidgetGroup{width:30%;max-width:500px}@media screen and (max-width:960px){#indexSection .homeWidgetGroup{max-width:1400px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:50px 20px;margin:0 auto}#indexSection .leftWidgetGroup{width:100%;max-width:100%;margin-bottom:30px}#indexSection .rightWidgetGroup{width:100%;max-width:100%}}