@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:'Open Sans', sans-serif}.dn{display:none !important}input[type="text"]{background:#FFFFFF;border:1px solid #C9C9C9;border-radius:4px;height:40px;line-height:40px;width:100%;padding-left:10px;font-size:14px}input[readonly]{background:#F1F1F1}.radio{display:inline-block;position:relative;width:20px;height:20px}.radio-container{cursor:pointer}input.invalid{border-color:#e29a9a}.radio span{border-radius:100%;width:100%;height:100%;transition:all 0.2s;background:#D8D8D8;border:2px solid #D8D8D8;display:inline-block;position:absolute;left:0;top:0;box-sizing:border-box}.radio span:after{content:"";border-radius:100%;display:block;width:calc(100% - 4px);height:calc(100% - 4px);transition:all 0.2s;position:absolute;left:2px;top:2px;transform:scale(0);background:#33bb55}.adapter_indicator.radio span:after{transition:background-color .5s ease-out;background-color:#a8a5b0}.adapter_indicator.radio.up span:after{background-color:#33bb55}.adapter_indicator.radio.down span:after{background-color:#bb0814}.radio [type=radio]{visibility:hidden;position:absolute}.radio [type=radio]:checked+span{cursor:default}.radio [type=radio]:checked+span:after{transform:scale(1)}.button,.button.cancel{border-radius:96px;height:43px;line-height:43px;text-align:center;padding:0 10px;font-size:16px;font-weight:700;cursor:pointer}.button,.button.cancel:hover{background:#01B849;color:#fff}.button.cancel,.button:hover{border:1px solid #01B849;border-radius:96px;background:transparent;color:#000}.button[disabled],.button[disabled]:hover{color:#fff;border:1px solid #666666;background:#666666}.button.small{height:24px;line-height:24px;display:inline-block;font-size:12px;font-weight:normal}header{height:62px;background:#FFFFFF;box-shadow:8px 0 7px -3px rgba(0,0,0,0.5);padding:9px 11px}.logo-img{float:left;background:black;position:absolute;left:0px;top:0px;padding:10px 11px}.login-form{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:stretch;max-width:1260px;margin:0 auto;padding:60px}.left-panel{order:1;flex-basis:100%;border-right:1px dotted #C9C9C9}.left-panel .tip-list li .img-wrapper{width:44px;display:flex;justify-content:center;align-items:center}.qrcode-text{font-size:16px !important;font-weight:700}#android-qrcode,#ios-qrcode{display:none}input[value="android"]:checked ~ #android-qrcode,input[value="ios"]:checked ~ #ios-qrcode{display:block;float:right;margin-top:-50px;margin-right:-30px}.ostype{height:20px;width:20px;vertical-align:bottom;margin-right:5px}#ios-qrcode img,#android-qrcode img{width:25%;height:25%}.right-panel{order:1;flex-basis:100%}input.sec-code-input{text-align:center;font-size:18px;color:#4cb83f;background:#f0f0f0;font-weight:bold}@media screen and (min-width: 600px){.login-form{flex-wrap:nowrap}.left-panel{flex-basis:1;order:1}.right-panel{flex-basis:1;order:2}}h4{font-size:16px;color:#000;font-weight:700;padding-bottom:30px}.left-panel li{padding-bottom:30px;font-size:14px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:stretch}.left-panel li svg{flex-basis:50px}.left-panel li span{padding-left:20px}.right-panel{padding:0 0 0 60px;font-size:14px}.form-row{padding-bottom:15px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:stretch;min-height:50px}.form-row .form-col>label{padding:0 0 10px;display:block;font-weight:700}.form-row.two-col .form-col{flex-basis:49%}.form-row .form-col{flex-basis:100%}.form-row .radio{top:3px;margin-right:5px}.send-otp{text-align:right;padding:5px}.button-wrapper{padding-top:10px}.t-a-r{text-align:right}.disabled{opacity:0.14}.error-wrapper{position:relative;z-index:1}.error-message{position:absolute;padding:4px 7px;margin:1em 0 3em;color:#fff;top:0px;background:#a93434;border-radius:4px;min-width:100px;z-index:10;display:none;font-size:12px}.error-message:after{content:"";position:absolute;border-style:solid;display:block;width:0;top:-6px;left:50px;bottom:auto;left:auto;border-width:0 9px 9px;border-color:#a93434 transparent}.loading-inline{position:relative;min-height:150px}.loading-inline:before{content:'';position:absolute;width:100%;height:100%;display:block;z-index:9;background:rgba(255,255,255,0.8)}.loading-inline:after{content:'';display:block;background-image:url("/branch/images/loader.gif");width:76px;height:76px;background-repeat:no-repeat;background-position:center center;background-size:contain;transform:rotate(45deg);position:absolute;left:calc(50% - 38px);top:calc(50% - 38px);z-index:15}@media (max-width: 480px){.form-col{margin-bottom:20px}.form-row{flex-wrap:wrap !important;padding-bottom:0}.form-row .form-col{flex-basis:100% !important}.form-row.two-col.sec_code-otp{margin-top:-20px}.button-wrapper{flex-wrap:nowrap !important;padding-top:0}.button-wrapper .submit .button,.button-wrapper .cancel .button{height:36px;line-height:36px;font-size:14px}.button-wrapper .cancel{margin-right:5%}.button.small,.sec_code-otp{font-size:15px}.send-otp .button.small{font-size:13px}.otp-input{text-align:center}h4{text-align:center;font-size:22px;color:#249624;padding-bottom:13px}.logo-img{float:left;background:black;position:absolute;left:0px;top:0px;padding:1% 26%;width:100%;height:53px}.login header{box-shadow:none}.right-panel{order:1;padding:20px 37px 10px;box-shadow:6px 8px #81cc9f;height:auto;margin:10vh 5vh 11vh 5vh;font-size:15px;border:3px solid #19bf5c}.login-form{display:block;padding:0}.left-panel{display:none}}@media (max-width: 420px){.logo-img{padding:2% 28% !important}}@media (max-width: 370px){.logo-img{padding:2% 26% !important}}@media (max-width: 340px){.logo-img{padding:2% 21% !important}}@media (max-width: 480px) and (max-height: 916px){.right-panel{margin:16vh 5vh 11vh 5vh}.button-wrapper{padding-top:16px}}@media (max-width: 480px) and (max-height: 900px){.right-panel{margin:15vh 5vh 11vh 5vh}.button-wrapper{padding-top:10px}}@media (max-width: 480px) and (max-height: 740px){.right-panel{margin:14vh 5vh 11vh 5vh}}@media (max-width: 480px) and (max-height: 670px){.right-panel{margin:11vh 5vh 11vh 5vh}}