@import url("../fonts/avenir/avenir.css");@import url("../fonts/sanfrancisco/sanfrancisco.css");html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}*,*:before,*:after{box-sizing:inherit}html,body{height:100%}html{font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body{margin:0;padding:0;overflow-x:hidden;min-width:320px;background-color:#fff;background-image:linear-gradient(rgba(202,202,202,0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(202,202,202,0.1) 1px, transparent 1px),linear-gradient(rgba(202,202,202,0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(202,202,202,0.1) 1px, transparent 1px);background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;font-family:"Avenir",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.429rem;color:#374551;font-smoothing:antialiased}@media (max-width: 640px){body{font-size:0.9rem}}a{text-decoration:none}a:hover{text-decoration:none}p,span{font-family:"San Francisco",Helvetica,Arial,sans-serif}::-webkit-selection{background-color:#CCE2FF;color:#0072ff}::-moz-selection{background-color:#CCE2FF;color:#0072ff}::selection{background-color:#CCE2FF;color:#0072ff}.container{display:block;max-width:100% !important}@media only screen and (max-width: 767px){.container{width:auto !important;margin-left:1rem !important;margin-right:1rem !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.container{width:723px;margin-left:auto !important;margin-right:auto !important}}@media only screen and (min-width: 992px) and (max-width: 1199px){.container{width:933px;margin-left:auto !important;margin-right:auto !important}}@media only screen and (min-width: 1200px){.container{width:1127px;margin-left:auto !important;margin-right:auto !important}}.fluid.container{width:100%}.clearfix:before,.clearfix:after,.container:before,.container:after,.fluid.container:before,.fluid.container:after{display:table;content:" "}.clearfix:after,.container:after,.fluid.container:after{clear:both}.panel-wrapper{position:relative;width:100%;min-height:100%;margin:60px auto 35px;z-index:1}.panel-wrapper .logo-wrapper{position:relative;margin-bottom:32px;padding-left:30px;padding-right:30px;text-align:center}.panel-wrapper .logo-wrapper img{max-width:100%}.back{background:url("../images/arrows.png") no-repeat;width:24px;height:24px;cursor:pointer}.back a{color:#374551}.back span{margin-left:30px}.sign-panel-wrapper{position:relative;max-width:380px;margin:0 auto;padding:30px 35px;border-radius:3px;background:#f8f8f8;box-shadow:0 15px 45px rgba(195,195,195,0.5);overflow:hidden}.sign-panel-wrapper.resetPwdFrm{max-width:616px}.sign-panel-wrapper.profileFrm{max-width:764px;padding:50px}@media (max-width: 375px){.sign-panel-wrapper.profileFrm{padding:15px}}@media (max-width: 320px){.sign-panel-wrapper.profileFrm{padding:15px}}.sign-panel-wrapper.IntegrationFrm{max-width:814px}.sign-in-wrapper{position:relative}.sign-up-wrapper{position:relative}.sign-title{margin-bottom:25px;font-size:16px;font-weight:normal;text-align:center;color:#374551}.smallTitle{margin:0 0 10px -10px;font-size:17px;font-weight:normal;text-align:left;color:#374551}.sign-input-wrapper{position:relative;margin-bottom:10px;font-size:14px}.sign-input-wrapper .input-wrapper{position:relative;margin-bottom:15px}.sign-input-wrapper .input-wrapper.profileValid{max-width:420px}.sign-input-wrapper .input-wrapper label{display:block;position:relative;margin-bottom:5px}.sign-input-wrapper .input-wrapper label div.error{position:absolute;top:0;right:0;color:#e32727}.sign-input-wrapper .input-wrapper input[type=text],.sign-input-wrapper .input-wrapper input[type=email],.sign-input-wrapper .input-wrapper input[type=password]{display:block;position:relative;width:100%;max-width:95%;margin:0;padding:8px 10px;outline:none;border:1px solid #cecece;border-radius:3px;font-size:14px;font-weight:normal;color:#374551}.sign-input-wrapper .input-wrapper input[type=text]:focus,.sign-input-wrapper .input-wrapper input[type=email]:focus,.sign-input-wrapper .input-wrapper input[type=password]:focus{border-color:#0089FF}.sign-input-wrapper .input-wrapper input[type=text].error,.sign-input-wrapper .input-wrapper input[type=email].error,.sign-input-wrapper .input-wrapper input[type=password].error{border-color:#e32727;color:#e32727}.sign-input-wrapper .input-wrapper input[type=text].resetPwdInput,.sign-input-wrapper .input-wrapper input[type=email].resetPwdInput,.sign-input-wrapper .input-wrapper input[type=password].resetPwdInput{width:342px}.sign-input-wrapper .input-wrapper input[type=text].profileInput,.sign-input-wrapper .input-wrapper input[type=email].profileInput,.sign-input-wrapper .input-wrapper input[type=password].profileInput{width:397px}.sign-input-wrapper .input-wrapper input[type=radio]{display:inline-block;position:relative;margin-right:10px;font-size:14px;font-weight:normal;line-height:normal;color:#374551}.sign-input-wrapper .input-wrapper .select{display:inline-block;position:relative;padding:8px 20px;border:1px solid #cecece;border-radius:3px;background-color:#fff;font-family:"Avenir",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;text-align-last:center;color:#374551;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none}.sign-input-wrapper .input-wrapper .select+.select{margin-left:10px;margin-bottom:10px}.sign-input-wrapper .input-wrapper .select-wrapper:active{background-color:#eee}.sign-input-wrapper .input-wrapper .form-control{max-width:400px;width:100%;border-radius:3px;padding:8px;background-color:#fff;border:solid 1px #ececec;color:#000}.sign-input-wrapper .input-wrapper .radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.sign-input-wrapper .input-wrapper .radio-inline input[type=radio]{position:absolute;margin-top:4px;margin-left:-20px}.sign-input-wrapper .input-wrapper .radio-inline+.radio-inline{margin-top:0;margin-left:10px}.sign-forgot{display:block;position:relative;margin:20px auto;text-align:center}.sign-forgot a{font-size:13px;font-weight:normal;color:rgba(55,69,81,0.4)}.sign-forgot a:hover{color:rgba(55,69,81,0.8)}.sign-btn-wrapper{position:relative;margin:0 auto;width:185px}.sign-btn-wrapper.leftSide{margin:40px 0 0 0}.sign-btn-wrapper.rightFloat{float:right}@media (max-width: 640px){.sign-btn-wrapper.rightFloat{float:left}}@media (max-width: 375px){.sign-btn-wrapper.rightFloat{float:left}}.sign-account{position:relative;margin:30px auto 10px;font-size:13px;font-weight:normal;text-align:center;line-height:normal;color:#474747}.sign-account.inline{display:inline-block;margin:30px 0px 10px 10px}.sign-account a{display:inline-block;position:relative;color:#0072ff;cursor:pointer}.products-wrapper{position:relative;margin:35px auto;padding:0px 25px;text-align:center}.products-wrapper h5{margin:0 0 15px;font-weight:normal;line-height:1.2;color:#374551}.products-wrapper ul,.products-wrapper li{display:inline-block;position:relative;margin:0;padding:0;list-style:none}.products-wrapper ul .net-sprite,.products-wrapper li .net-sprite{display:block;position:relative;margin:0 10px;padding:0;background:url("../images/img-net-sprite.png") no-repeat;background-position:0 0}.products-wrapper ul .net-sprite.net-cj,.products-wrapper li .net-sprite.net-cj{width:69px;height:60px;background-position:0 0}.products-wrapper ul .net-sprite.net-media,.products-wrapper li .net-sprite.net-media{width:59px;height:60px;background-position:-74px 0}.products-wrapper ul .net-sprite.net-connect,.products-wrapper li .net-sprite.net-connect{width:59px;height:60px;background-position:-136px 0}.products-wrapper ul .net-sprite.net-jalan-jalan,.products-wrapper li .net-sprite.net-jalan-jalan{width:52px;height:60px;background-position:-198px 0}.products-wrapper ul .net-sprite.net-z,.products-wrapper li .net-sprite.net-z{width:78px;height:60px;background-position:-255px 0}.products-wrapper ul .net-sprite.net-zulu,.products-wrapper li .net-sprite.net-zulu{width:66px;height:60px;background-position:-335px 0}.resetPwd-title{margin-bottom:10px;font-size:22px;font-weight:normal;text-align:left;color:#474747}.alert-wrapper{position:relative;margin:0 auto 10px;background:#FFBFBF;border-radius:3px;text-align:center;color:#e32727}@media (max-width: 375px){.alert-wrapper{margin-top:35px;z-index:1}}.alert-wrapper.yellow{background:#F3EAA5;color:#374551;border:1px solid #B1AB7B}.notif{position:relative;margin:0 auto 10px;background:#F3EAA5;border-radius:3px;text-align:center;color:#374551;border:1px solid #B1AB7B;max-width:420px;padding:10px;text-align:center;font-size:15px}.notif.Error{background:#FFBFBF;color:#e32727}.notif a{color:#0089ff;text-decoration:underline}.notif a:hover{text-decoration:none}@media (max-width: 375px){.notif{margin-top:35px;z-index:1}}.attempt{display:none}.attempt span{color:#0089ff}.titleTxt{margin-bottom:10px;font-size:15px;font-weight:normal;text-align:left;color:#474747}.forgotPwd{float:right;margin-top:-10px;color:#374551}.forgotPwd:hover{color:red}.profileID-wrapper{position:relative;max-width:460px;margin:0 auto;padding:30px 35px}.profileContent{max-width:380px;margin:0 auto;text-align:center}.profileContent p{font-size:25px;line-height:2px}.profileContent span{font-size:18px}.photoArea{width:120px;height:125px;overflow:hidden;border-radius:100%;margin:0 auto}.photoArea img{max-width:120px}#fotoProfile{width:90px;height:90px;top:-30px;position:absolute;right:50px}@media (max-width: 768px){#fotoProfile{position:relative;left:160px;top:1px;margin-bottom:90px}}@media (max-width: 640px){#fotoProfile{position:relative;left:150px;margin-bottom:90px}}@media (max-width: 530px){#fotoProfile{position:relative;left:30%;margin-bottom:90px}}@media (max-width: 375px){#fotoProfile{position:relative;left:90px;margin-bottom:90px}}@media (max-width: 320px){#fotoProfile{position:relative;left:70px;margin-bottom:90px}}.viewProfile{width:100px;height:100px;top:-30px;position:absolute;right:50px}.view{left:82px;position:absolute;top:148px;width:115px;z-index:99999}@media (max-width: 768px){.view{top:135px}}.view a{color:#374551;font-size:12px}.view a:hover{text-decoration:underline}.preview{display:block;width:110px;height:110px;margin:17px 9px 10px 6px;border-radius:100%;overflow:hidden;background:url("../images/example-photo.png") no-repeat}.file-upload-wrapper{z-index:5;display:block;width:120px;height:120px;margin:-120px auto}.file-upload-wrapper:hover{margin:-129px auto;background:url("../images/upload-photo.png") no-repeat}.file-upload-native,.file-upload-text{position:absolute;top:9px;left:9px;display:block;width:100%;height:100%;cursor:pointer}input[type="file"]::-webkit-file-upload-button{cursor:pointer}.file-upload-native:focus,.file-upload-text:focus{outline:none}.file-upload-text{z-index:10;padding:5px 15px 8px;overflow:hidden;font-size:14px;line-height:1.4;cursor:pointer;text-align:center;letter-spacing:1px;text-overflow:ellipsis;color:#90a294;border:0;background-color:transparent}.file-upload-native{z-index:15;opacity:0}.integration-wrapper{position:relative}.ListContent{width:800px;margin-bottom:20px}@media (max-width: 640px){.ListContent{width:700px;text-align:centre}}@media (max-width: 992px){.ListContent{width:100%}}.iconIMG{padding:0;width:60px;height:30px;float:left}.iconIMG img{max-width:60px;max-height:60px}.lineTxt{font-size:14px;color:#374551;line-height:15px;float:left;width:300px;margin-left:25px}@media (max-width: 992px){.lineTxt{width:200px}}@media (max-width: 375px){.lineTxt{width:200px;margin-left:0}}.lineTxt span{font-size:12px;color:#8c8c8c}.lineTxtJln{font-size:14px;color:#374551;line-height:15px;float:left;width:300px;margin-left:25px}@media (max-width: 992px){.lineTxtJln{width:200px}}@media (max-width: 640px){.lineTxtJln{width:200px;margin-left:25px;margin-top:40px}}@media (max-width: 375px){.lineTxtJln{width:200px;margin-top:40px;margin-left:0}}.lineTxtJln span{font-size:12px;color:#8c8c8c}.codeArea{background-color:#374551;color:white;padding:7px;font-size:16px;border:none;cursor:pointer}.codePhone{position:absolute;display:inline-block}.codePhone-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}.codePhone-content a{color:black;width:32px;padding:5px;text-decoration:none;display:block}.codePhone-content a:hover{background-color:#f1f1f1}.codePhone:hover .codePhone-content{display:block}#areaAlert{background:#eee;border-radius:20px}.alert{background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:20px;margin-bottom:20px;padding:8px 35px 8px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.5);width:100%}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{line-height:20px;position:relative;right:-21px;top:-2px}.alert-success{background-color:#22b203;border-color:#22b203;color:white;padding:1px;text-align:center;font-size:12px;transition:0.5s}.alert-success h4{color:#468847}.alert-danger,.alert-error{background-color:red;border-color:red;color:white;padding:1px;text-align:center;font-size:12px;transition:0.5s}.alert-danger h4,.alert-error h4{color:white}.alert-info{background-color:orange;border-color:orange;color:white;width:60%;padding:1px;text-align:center;font-size:12px;transition:0.5s}.alert-info h4{color:white;font-size:14px}.alert-weak,.alert-weak{background-color:red;border-color:red;color:white;width:20%;padding:1px;text-align:center;font-size:12px;transition:0.5s}.alert-weak h4,.alert-weak h4{color:white}.alert-block{padding-bottom:14px;padding-top:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.mnubtn{background:url("../images/burger.png") no-repeat;color:white;padding:16px;font-size:16px;border:none;cursor:pointer}.mnudown{position:relative;display:none}@media (max-width: 992px){.mnudown{display:none}}@media (max-width: 768px){.mnudown{display:block}}.mnudown-content{display:none;right:0;background-color:#f9f9f9;min-width:160px;overflow:auto;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}.mnudown-content a{color:#aaa;padding:12px 16px;text-decoration:none;display:block}.mnudown-content a.active{color:#374551}.mnudown a:hover{background-color:#f1f1f1}.show{display:block}.ListCategory{width:860px;padding:0;margin:0 auto}@media (max-width: 992px){.ListCategory{width:700px;font-size:13px}}@media (max-width: 768px){.ListCategory{display:none}}@media (max-width: 375px){.ListCategory{display:none}}.ListCategory li{float:left;margin:0 20px 0 0}.ListCategory li.nodot{list-style:none}.ListCategory li a{display:block;font-size:19px;color:#bbb;padding:10px}.ListCategory li a:hover{text-decoration:none}.ListCategory li a.active{color:#374551;cursor:default}.errorPage-wrapper{position:relative;max-width:460px;margin:0 auto;padding:30px 35px}.errorContent{max-width:380px;margin:0 auto;text-align:center}.errorContent p{font-size:18px;font-weight:bold;margin-bottom:1px}.errorContent span{font-size:14px}.errorContent a{margin-top:40px;width:120px;font-size:15px}.box-info{font-size:15px;font-family:"Avenir",Helvetica,Arial,sans-serif;border-radius:5px;display:block;box-sizing:border-box;text-decoration:none;max-width:438px;padding:15px;margin-left:-10px;margin-bottom:10px;color:#fff;text-align:center;position:relative;right:0;top:10%;z-index:1;border:1px solid #006699;background:#0089ff}.box-info.Success{color:#0b3f1d;background:#65DE8E;border:1px solid #42885a}.box-info.Error{color:#e32727;background:#FFBABA;border:1px solid #e32727}.box-info.Standard{background:#F3EAA5;color:#374551;border:1px solid #B1AB7B}.box-info.resizeBox{padding:30px;position:fixed}#close{display:inline-block;padding:0 5px;color:#374551;position:absolute;right:0;top:0}#close:hover{cursor:pointer}.tnc-wrapper{position:relative;max-width:1200px;padding:10px 15px;margin:0 auto}.tnc-content{max-width:1200px;margin:0 auto;text-align:justify}.tnc-title{font-size:17px;font-weight:normal;text-align:left;color:#374551}.linkTnc{margin:-30px auto;width:280px}.linkTnc li{font-size:14px;float:left;margin-right:25px}.linkTnc .nodisc{list-style:none}.linkTnc li a{color:#374551}.freeze{max-width:300px;margin:0 auto;text-align:center}.freeze p{font-size:17px;margin-bottom:1px}.freeze span{font-size:17px}.freeze a{margin-top:40px;width:120px;font-size:15px}.clear{clear:both}.btn{cursor:pointer;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:baseline;background:#474747 none;color:#fff;font-family:"Avenir",Helvetica,Arial,sans-serif;margin:0 auto;padding:0.5rem 1.8rem 0.5rem;text-transform:none;text-shadow:none;font-weight:normal;line-height:1rem;font-style:normal;text-align:center;text-decoration:none;border-radius:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;will-change:'';-webkit-tap-highlight-color:transparent;font-size:13px}.btn:hover{background-color:#1d2129;color:#fff}.btn.block{display:block;width:100%;padding:0.5rem 0}.btn.primary{background-color:#0089FF;color:#fff}.btn.primary:hover{opacity:0.8}.btn.secondary{background-color:#006d85;color:#fff}.btn.secondary:hover{opacity:0.8}.sign-panel-wrapper.no-bg{background:none;box-shadow:none;color:#374551}.sign-panel-wrapper.no-bg h2{margin-bottom:35px;font-size:30px;font-weight:normal;letter-spacing:0.8px;line-height:normal}.sign-panel-wrapper.no-bg h3{margin-bottom:35px;font-size:20px;font-weight:normal;letter-spacing:0.8px;line-height:normal}.form-group{margin-bottom:25px}.form-group p{font-family:"Avenir",Helvetica,Arial,sans-serif}
/*# sourceMappingURL=main-style.css.map */