.app-content .qrcode{align-items:center;background:#096252;color:#fff;flex:1 1 auto;font-size:18px;line-height:26px;padding:40px;text-align:center}.app-content .qrcode form{align-items:center;display:flex;flex-flow:column nowrap}.app-content .qrcode h1{font-size:30px;font-weight:400;line-height:36px}.app-content .qrcode p{margin:0;max-width:800px;padding:50px 0 0}.app-content .qrcode p b,.app-content .qrcode p.comment{font-weight:500}.app-content .qrcode p.note{font-weight:300}.app-content .qrcode .validation-summary{display:none;padding:30px 0 0}.app-content .qrcode .validation-summary-errors{display:block}.app-content .qrcode ol.steps{list-style:decimal;margin-bottom:0;margin-top:0;padding-left:20px;padding-top:30px;text-align:left}.app-content .qrcode ol.steps b{font-weight:500}.app-content .qrcode ol.steps li{margin-bottom:5px}.app-content .qrcode ol.steps li:last-child{margin-bottom:0}.app-content .qrcode .actions{padding:50px 0 0}.app-content .qrcode .actions .app-button{background:#0d907c}.app-content .qrcode .actions .app-button:focus,.app-content .qrcode .actions .app-button:hover{background:#0c8774}.app-content .qrcode .actions .app-button:active{background:#0b7968}.app-content .qrcode .status{align-items:center;display:flex;flex-flow:column nowrap;padding:30px 0 0;row-gap:20px}.app-content .qrcode .status .code{border:2px solid #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .code svg{border-radius:10px;fill:#000;height:286px;width:286px}.app-content .qrcode .status .proggress{border:2px solid #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .proggress i{align-items:center;background:#fff;border-radius:10px;display:block;display:flex;height:276px;justify-content:center;position:relative;width:276px}.app-content .qrcode .status .proggress i:after{animation:spin .5s steps(100) infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#096252;content:"";display:block;height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%;width:30px}.app-content .qrcode .status .complated{border:2px solid #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .complated i{align-items:center;background:#fff;border-radius:10px;display:block;display:flex;height:286px;justify-content:center;width:286px}.app-content .qrcode .status .complated svg{fill:#096252;height:60px;width:60px}@media (max-width:1030px){.app-content .qrcode h1{font-size:26px;line-height:32px}}@media (max-width:370px){.app-content .qrcode{padding:15px}.app-content .qrcode h1{font-size:24px;line-height:30px}}@media (max-width:1030px) and (orientation:landscape){.app-content .qrcode{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;padding:15px 25px;text-align:left}.app-content .qrcode form{align-items:flex-start}.app-content .qrcode p{padding:30px 0 0}.app-content .qrcode ol.steps{padding-left:0;padding-top:15px}.app-content .qrcode .status{padding:0 0 0 30px}}