.login{position:relative;width:100%;min-height:560px;background-image:url("/general/img/img-login-bg.jpg");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}@media screen and (max-width:767px){.login{min-height:unset}}.login.login--register{min-height:100vh;background-image:url("/general/img/img-register-bg.jpg")}@media screen and (max-width:1023px){.login.login--register .login__wrapper{padding-top:10px}}.login.login--register .login__box{max-width:620px;padding:15px 60px 15px}@media screen and (max-width:767px){.login.login--register .login__box{padding:15px 30px}}@media screen and (max-width:767px){.login.login--register .login__box-title{font-size:17px}}.login.login--register .login__box .form-control{border:1px solid #C7C7C7;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px 0 transparent;box-shadow:0 0 3px 0 transparent;-webkit-transition:border-color .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;-o-transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out,-webkit-box-shadow .4s ease-in-out}.login.login--register .login__box .form-control:focus{border-color:#65339B;-webkit-box-shadow:0 0 3px 0 #65339B;box-shadow:0 0 3px 0 #65339B;-webkit-transition:border-color .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;-o-transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out;transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out,-webkit-box-shadow .4s ease-in-out}.login.login--register-2{background-image:url("/general/img/img-register-bg-1.jpg")}.login.login--register-2 .login__box{max-width:520px}.login.login--register-2 .login__box-title{font-family:'Roboto',sans-serif;font-weight:300}@media screen and (max-width:767px){.login.login--register-2 .login__step-btn--prev{display:none}}.login.login--register-3{background-image:url("/general/img/img-register-bg-2.jpg");font-family:Roboto,Helvetica,Verdana,Arial,sans-serif,Zawgyi-One}.login.login--register-3 .login__box{max-width:620px}@media screen and (max-width:767px){.login.login--register-3 .login__step-btn--prev{margin-top:0}.login.login--register-3 .login__step-btn--prev:first-of-type{display:none}}@media screen and (max-width:767px){.login.login--register-3 .login__step-btn--current{margin-top:-5px}}.login.login--register-3 .c-btn span{font-family:Roboto,Helvetica,Verdana,Arial,sans-serif,Zawgyi-One}.login:before{content:'';z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(102,51,153,.2)}.login__wrapper{z-index:2;position:relative;padding:25px}@media screen and (max-width:767px){.login__wrapper{padding-left:0;padding-right:0}}.login__logo{z-index:2;position:relative;max-width:70vw;width:100%;margin:0 auto;padding-top:35px;padding-bottom:15px}@media screen and (max-width:1535px){.login__logo{max-width:95vw;padding-top:15px;padding-bottom:0}}@media screen and (max-width:1023px){.login__logo{max-width:98%;padding-left:15px;padding-right:15px}}.login__logo .logo__btn{max-width:197px}.login__step{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:15px;padding-bottom:12px}@media screen and (max-width:1023px){.login__step{padding-top:0}}@media screen and (max-width:767px){.login__step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:15px;padding-right:15px}}.login__step-btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:11px 40px;border:3px solid #fff;-webkit-border-radius:30px;border-radius:30px;text-transform:uppercase;color:#fff;font-size:12px;font-family:'Roboto','Quicksand',sans-serif;font-weight:600}@media screen and (max-width:767px){.login__step-btn{padding:8px 40px;text-align:center;font-size:13px}}.login__step-btn--prev{z-index:0;margin-right:-35px;background-color:rgba(204,138,226,.7)}@media screen and (max-width:767px){.login__step-btn--prev{margin-right:0}}.login__step-btn--current{z-index:5;background-image:-webkit-gradient(linear,left top,right top,from(#AB01FD),to(#AF00FF));background-image:-webkit-linear-gradient(left,#AB01FD,#AF00FF);background-image:-o-linear-gradient(left,#AB01FD,#AF00FF);background-image:linear-gradient(to right,#AB01FD,#AF00FF)}.login__step-btn--next{z-index:0;opacity:.5;margin-left:-35px;background:rgba(0,0,0,.3)}@media screen and (max-width:767px){.login__step-btn--next{margin-left:0;margin-top:-5px}}.login__partners{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:15px}.login__partners>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:calc((100% / 6) - 10px);height:73px;box-shadow:0 0 4px rgb(0 0 0 / 10%),0 4px 8px rgb(0 0 0 / 14%)}@media screen and (max-width:767px){.login__partners>div{padding-left:5px;padding-right:5px;width:calc(100% / 6);height:60px}.login__partners>div:last-of-type{display:none}}.login__partners>div img{display:block;max-width:100%;height:auto;max-height:100%}.login__box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:560px;margin-left:auto;margin-right:auto;padding:20px 40px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.5);box-shadow:0 0 6px 0 rgba(0,0,0,.5);background-color:#ffffff}@media screen and (max-width:767px){.login__box{width:calc(100% - 20px);padding:20px}}.login__box-title{padding-bottom:15px;color:#663399;text-align:left;font-size:24px}@media screen and (max-width:767px){.login__box-title{font-size:18px;text-align:center}}.login__box-subtitle{padding-bottom:15px;color:#333;text-align:center;font-size:16px}@media screen and (max-width:767px){.login__box-subtitle{font-size:14px}}.login__box-info{text-align:center;color:#222222;font-size:13px}@media screen and (max-width:767px){.login__box-info{font-size:12px}}.login__box-info.login__box-info--tdn a{text-decoration:none}.login__box-info a{text-decoration:underline;color:#115DB5}.login__box-info a:hover{color:#115DB5}.login__box-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:13px;font-weight:500;color:#115DB5}.login__box-link:hover{color:#115DB5}.login__box-separate{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:12px}.login__box-separate:after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:1px;background-color:#c8c8c8}.login__box-separate span{z-index:2;position:relative;display:block;padding-left:5px;padding-right:5px;font-size:12px;line-height:1;text-transform:uppercase;background-color:#ffffff}.login__box .c-btn{width:100%;height:36px;-webkit-border-radius:2px;border-radius:2px}.login__box .c-btn span{font-size:13px}.login__box .c-btn__wrapper{width:100%}.login__box .row{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;margin-bottom:15px}@media screen and (max-width:767px){.login__box .row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.login__box .row .col{width:100%;max-width:-webkit-calc((100% - 15px) / 2);max-width:calc((100% - 15px) / 2);padding-left:0;padding-right:0}@media screen and (max-width:767px){.login__box .row .col{-webkit-box-flex:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;max-width:100%}.login__box .row .col:first-of-type{margin-bottom:15px}}.login__box .form-group{width:100%;margin-bottom:15px}.login__box .form-group--pb0{margin-bottom:0}.login__box .form-group--social{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.login__box .form-group--social{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.login__box .form-group--social .c-btn{white-space:nowrap;padding-left:8px;padding-right:8px;border:1px solid #C7C7C7;-webkit-border-radius:0;border-radius:0;background-color:#f5f8ff}@media screen and (max-width:766px){.login__box .form-group--social .c-btn{padding-left:40px;padding-right:0}}.login__box .form-group--social .c-btn__wrapper{width:100%;max-width:-webkit-calc((100% - 15px) / 2);max-width:calc((100% - 15px) / 2)}@media screen and (max-width:767px){.login__box .form-group--social .c-btn__wrapper{max-width:100%}.login__box .form-group--social .c-btn__wrapper:first-of-type{margin-bottom:10px}}.login__box .form-group--social .c-btn:hover{-webkit-box-shadow:none;box-shadow:none}.login__box .form-group--social .c-btn>div:nth-of-type(1){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:36px}.login__box .form-group--social .c-btn>div:nth-of-type(2){min-width:1px;max-width:100%;padding-left:15px}@media screen and (max-width:767px){.login__box .form-group--social .c-btn>div:nth-of-type(2){text-align:center;padding-right:51px}}.login__box .form-group--social .c-btn img{z-index:2;position:relative;max-width:100%;height:18px}.login__box .form-group--social .c-btn span{color:#444;text-transform:none}.login__box .form-group--flexEnd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.login__box .form-group--flexEnd.is-add .icon-font{opacity:1;visibility:visible;-webkit-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;-o-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.login__box .form-group--flexEnd .icon-font{opacity:0;visibility:hidden;z-index:10;position:absolute;top:0;-webkit-transform:translateY(-110%);-ms-transform:translateY(-110%);transform:translateY(-110%);right:0;font-size:30px;color:#663399;-webkit-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;-o-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.login__box .form-group--flexEnd .c-btn{width:auto;padding-left:30px;padding-right:30px}.login__box .form-group--flexEnd .c-btn__wrapper{width:auto}.login__box .form-group label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;font-size:12px;line-height:2}.login__box .form-group .custom-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.login__box .form-group .custom-control-input:focus ~ .custom-control-label::before,.login__box .form-group .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,.login__box .form-group .custom-control-input.focus:not(:checked) ~ .custom-control-label::before,.login__box .form-group .custom-control-input:not(:disabled):active ~ .custom-control-label::before{-webkit-box-shadow:none;box-shadow:none;border:none}.login__box .form-group .custom-control-input:checked ~ .custom-control-label::after{-webkit-transform:translateX(1.05rem);-ms-transform:translateX(1.05rem);transform:translateX(1.05rem)}.login__box .form-group .custom-control-input:checked ~ .custom-control-label:before{border-color:#00AA86;background-color:#00aa86}.login__box .form-group .custom-control-label{padding-bottom:0;color:#616161;font-weight:500;margin-left:50px}.login__box .form-group .custom-control-label:before{left:-45px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:23px;-webkit-border-radius:34px;border-radius:34px;border-color:#ccc;background-color:#ccc}.login__box .form-group .custom-control-label:after{top:-3px;left:-42px;width:18px;height:18px;-webkit-border-radius:50%;border-radius:50%;background-color:#ffffff}.login__box .form-control{outline:none;height:34px;border:1px solid #ccc;border-left:0;-webkit-border-radius:4px;border-radius:4px;background-image:none;background-color:#fff;color:#000;font-size:12px;padding-right:0}.login__box .form-control:focus{-webkit-box-shadow:none;box-shadow:none}.login__box .input-group--date{position:relative}.login__box .input-group--date .icon-font{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;font-size:16px;color:#3e63ab}.login__box .input-group-prepend{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:34px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.login__box .input-group-prepend .icon-font{color:#808080;font-size:16px}.login__scroll{overflow-y:auto;max-height:315px}@media screen and (max-width:767px){.login__scroll{max-height:353px}}.login__more-close{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:5px}.login__more-close:before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:1px;background-color:#c8c8c8}.login__more-close a{z-index:2;position:relative;left:-10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:20px;background-color:#ffffff}.login__more-close a .icon-font{color:#000000;font-size:11px}.login__upload{position:relative}.login__upload-title{padding-bottom:20px;text-align:center;text-transform:capitalize;font-size:16px;font-weight:400}.login__upload-box{padding:20px 0 15px;margin-bottom:20px;border:1px dashed #DFDFDF;-webkit-border-radius:3px;border-radius:3px;text-align:center}.login__upload-box-title{padding-top:12px;padding-bottom:12px;font-size:12px;color:#000}.login__upload-box-info{padding-top:20px;color:#929292;font-size:14px;line-height:20px}.login__upload-box-info strong{font-weight:bolder}.login__upload-box .c-btn{width:180px;height:40px;margin-left:auto;margin-right:auto;border-width:2px}.login__upload-box .c-btn span{font-size:14px;font-weight:600}.login__upload-box .c-btn__wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.login__upload-box svg{display:block;width:75px;height:53px;fill:#e88b0b;margin:0 auto;-webkit-transition:fill .3s,stroke .3s;-o-transition:fill .3s,stroke .3s;transition:fill .3s,stroke .3s}.login__upload input[type='file']{opacity:0;cursor:pointer;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%}.login .nav-pills{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:15px;font-family:Roboto,Helvetica,Verdana,Arial,sans-serif,Zawgyi-One}.login .nav-pills li{width:50%}.login .nav-pills li a{cursor:pointer;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;padding:10px 20px;border-bottom:2px solid #DFDFDF}@media screen and (max-width:767px){.login .nav-pills li a{padding:0 0 5px}}.login .nav-pills li a.active:after{opacity:1;visibility:visible;-webkit-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;-o-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.login .nav-pills li a.active p{background-color:#663399;color:#fff;-webkit-transition:background-color .4s ease-in-out,color .4s ease-in-out;-o-transition:background-color .4s ease-in-out,color .4s ease-in-out;transition:background-color .4s ease-in-out,color .4s ease-in-out}.login .nav-pills li a:after{content:'';opacity:0;visibility:hidden;position:absolute;top:-webkit-calc(100% - 2px);top:calc(100% - 2px);left:0;width:100%;height:4px;background-color:#f69322;-webkit-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;-o-transition:opacity .4s ease-in-out,visibility .4s ease-in-out;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.login .nav-pills li a p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;margin-right:10px;border:1px solid #663399;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;color:#663399;font-size:12px;font-weight:600;-webkit-transition:background-color .4s ease-in-out,color .4s ease-in-out;-o-transition:background-color .4s ease-in-out,color .4s ease-in-out;transition:background-color .4s ease-in-out,color .4s ease-in-out}.login .nav-pills li a span{text-transform:uppercase;color:#663399;font-size:12px;font-weight:600}@media screen and (max-width:767px){.login .nav-pills li a span{font-size:11px}}.bclogin{position:relative;width:100%;min-height:560px;background-image:url("/img/hero-pass.jpg");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}.bclogin .login__box-title{padding-bottom:15px;color:#000;text-align:center;font-size:24px;font-weight:500}.bclogin__box-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:13px;font-weight:500;color:#4385F5}.bclogin .login__box .form-control{border-left:1px solid #ccc}.bclogin__box-link:hover{color:#4385F5}.new_user{display:flex;justify-content:center}.c-btn-register{font-weight:500;font-size:13px;line-height:18px}.bclogin__box-info{text-align:center;color:#828282;font-weight:500;font-size:13px;padding-right:5px;line-height:18px}.bclogin__box-info.bclogin__box-info--tdn a{text-decoration:none}.bclogin__box-info a{text-decoration:underline;color:#115DB5}.bclogin__box-info a:hover{color:#115DB5}.bc-fb-social a.c-btn.c-btn--white{background-color:#475993}.bc-fb-social .c-btn--white:before,.bc-fb-social .c-btn--white:after{background-color:#475993}.login__box .form-group--social .bc-fb-social .c-btn span{color:#FFF;text-transform:none}.bclogin .login__box .form-group--social .c-btn{border-radius:4px}.form-group-help-forgot-psw *:nth-child(2){color:gray;padding:0 10px}.form-group-help-forgot-psw{display:flex;justify-content:center;font-size:13px;font-weight:500;color:#4385F5}.form-group-help-forgot-psw .help{cursor:pointer}.psw-hint-popup{position:fixed;height:100%;top:0;width:100%;background-color:rgba(52,73,94,.7);z-index:99999;display:none}.psw-hint-popup>div{width:320px;margin-left:auto;margin-right:auto;background:white;margin-top:5vh;display:flex;justify-content:center;text-align:center;position:relative;border-radius:3px}.psw-hint-popup>div>div{padding:30px 25px;font-weight:500;display:flex;flex-direction:column;align-items:center;width:100%;line-height:1.5;justify-content:center}.psw-hint-popup>div>div>img{width:120px}.psw-hint-popup>div>div>img + div{margin-top:20px;margin-bottom:10px}#btn-ok{background:#00AC48;padding:7px 30px;color:white;border-radius:3px;cursor:pointer;margin-top:20px;width:150px}#psw-hint-close{position:absolute;right:-15px;background:white;border-radius:50%;width:30px;height:30px;top:-15px;line-height:30px;color:black;font-weight:bold;padding:0;cursor:pointer}.psw-hint{color:gray}input::-webkit-input-placeholder{color:#88847E!important;font-weight:100!important}input:-moz-placeholder{color:#88847E!important;font-weight:100!important}input::-moz-placeholder{color:#88847E!important;font-weight:100!important}input:-ms-input-placeholder{color:#88847E!important;font-weight:100!important}@media screen and (max-width:767px){.bclogin__box-info{font-size:12px}.form-group-help-forgot-psw div{padding-right:3px}.bclogin{min-height:unset}.bclogin .login__box-title{font-size:20px}}