.sign{font-family:"Montserrat",sans-serif;position:relative;background-image:url(" https://oda-s3-sevice.s3-ap-southeast-1.amazonaws.com/home/bg-oda.jpg");background-repeat:no-repeat;min-height:100vh;background-attachment:fixed !important;background-position:top !important;background-size:cover !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f2f6eb;padding:3rem 0}.sign:after{position:absolute;content:"";width:100%;height:100%;opacity:.27;top:0;left:0;bottom:0;right:0;background-color:#fff}.sign.sign__supplier{background-image:url(" https://oda-s3-sevice.s3-ap-southeast-1.amazonaws.com/home/bg-buyer.jpg")}.sign.sign__buyer{background-image:url(" https://oda-s3-sevice.s3-ap-southeast-1.amazonaws.com/home/bg-buyer.jpg")}.sign.sign__buyer>div{width:100%}.sign.sign__buyer .modal .wrap{color:#f46a6a}.sign.sign__buyer .modal button{background-color:#f46a6a !important}.sign.sign__buyer form .input-wrap input{border-bottom:3.4px solid #d74a62 !important}.sign.sign__buyer form .input-wrap input::placeholder{color:#f46a6a !important}.sign.sign__buyer form .input-wrap i{color:#f46a6a !important}.sign.sign__buyer a.back:hover{color:#f46a6a}.sign.sign__buyer .custom-control-input:checked~.custom-control-label::before,.sign.sign__buyer .custom-control-input:active~.custom-control-label::before{border-color:#f46a6a;background-color:#f46a6a}.sign.sign__buyer button.submit{background-color:#f46a6a}.sign.sign__buyer a.signup{color:#f46a6a !important}.sign.signin{background-size:cover}.sign.signup .card{width:1100px}.sign .close{position:absolute;color:#3ebf62;font-size:4rem;top:1%;right:3%}.sign img.logo{margin:auto;display:block;width:200px}.sign .nav-pills{width:100%;font-size:4rem}.sign .nav-pills li{width:50%}.sign .nav-pills li a{color:#080808;background-color:rgba(0,0,0,0);height:10.8rem;display:flex;justify-content:center;align-items:center;width:100%}.sign .nav-pills li a.active{background-color:#9aeb59;color:#080808;border-bottom:14px solid rgba(243,183,35,.48)}.sign .sign__content{position:relative;z-index:1}.sign .sign__content form .sign__mail{color:#000;padding:0 4.5rem}.sign .sign__content form .input-wrap{position:relative;display:flex}.sign .sign__content form .input-wrap i{position:absolute;font-size:2.5rem;color:#3ebf62;top:19px}.sign .sign__content form .input-wrap i:last-child{right:1%;font-size:2rem;top:2.5rem;color:#3ebf62}.sign .sign__content form .sign__sub{padding:3.5rem 0 0 0;font-size:2rem;color:#9597a6}.sign .sign__content form .sign__sub .forget{color:#9597a6}.sign button.submit{width:100%;background-color:#3ebf62;color:#fbf0f0;border:none;height:40px;display:flex;align-items:center;justify-content:center;margin-top:0;border-radius:20px;color:#fff;font-size:12px;font-weight:bold;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;max-width:180px}.sign button.submit:hover{box-shadow:0 6px 12px 0 rgba(108,117,125,.15);transition:.3s;-webkit-transition:.3s}.sign a.back{color:#000;display:block;text-decoration:underline;margin-top:24px}.sign a.back:hover{color:#3ebf62}.sign .card{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;border:0;width:1000px;max-width:100%;min-height:580px;margin:auto}.sign .card .card-header{z-index:1000;position:relative;border:0;border-radius:0;background:rgba(0,0,0,0);padding:1.5rem}.sign .header_btn .btn{color:#fff;border:1px solid #fff}.sign .header_language .btn-language{color:#fff;border:1px solid #fff}.sign .card-header__logo .icon{width:99px;height:35px}.sign .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;height:100%}.sign .sign-buyer-container{left:0;width:50%;opacity:0;z-index:1}.sign .sign-buyer-container form button.submit{background-color:#f46a6a}.sign .sign-buyer-container h3.title{color:#f46a6a}.sign .sign-supplier-container{left:0;width:50%;z-index:2}.sign .sign-supplier-container form button.submit{background-color:#3ebf62}.sign .overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.sign .overlay-container .overlay{background:linear-gradient(90deg, #3ebf62 50%, #f46a6a 50%);color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.sign .overlay-container .overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out;background:url(" https://oda-s3-sevice.s3-ap-southeast-1.amazonaws.com/home/bg-overlay-panel.png");background-size:100% 100%;background-position:center center}.sign .overlay-container .overlay-panel p{margin-bottom:2rem;max-width:400px}.sign .overlay-container .overlay-panel button.ghost{width:100%;background-color:rgba(0,0,0,0);border-color:#fff;height:40px;display:flex;align-items:center;justify-content:center;margin-top:0;border-radius:20px;color:#fff;font-size:12px;font-weight:bold;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;max-width:180px}.sign .overlay-container .overlay-panel button.ghost:focus{outline:none}.sign .overlay-container .overlay-left{transform:translateX(-20%)}.sign .overlay-container .overlay-right{right:0;transform:translateX(0)}.sign .title{font-size:30px;font-weight:700;display:block;width:100%;text-align:center;margin-bottom:2rem}.sign form .form-group{width:100%;margin-bottom:1.5rem}.sign form .form-group label{display:block}.sign form .form-group .form-control{width:100%;min-height:45px;background:#e8f0fe !important}.sign form .form-group .form-control:focus{box-shadow:none}.sign form .form-group .text-danger{font-size:1rem}.sign form .form-group.error .form-control{border-color:#e46a76 !important;background:rgba(0,0,0,0) !important}.sign form .form-group.has-feedback label~.form-control-feedback{top:45px}.sign form.form-registration .form-group .form-control{background:#fff !important;border:1px solid #ced4da}.sign form.wizard>.content{background:rgba(0,0,0,0)}.sign.registration .overlay-container .overlay{background:#f46a6a}.sign.registration .card .card-header{width:50%;padding:1.5rem 1rem}.sign.registration .form-container{align-items:start;justify-content:start;padding:1.5rem}.sign.registration #container.right-panel-active .header_btn .btn{color:#fff !important;border-color:#fff}.sign.registration #container.right-panel-active .header_language .btn-language{color:#fff !important;border-color:#fff}.sign.registration #container.right-panel-active .header_language .dropdown-menu .dropdown-item:active{background:#f46a6a}.form-container>a.btn-moved{margin-top:1rem;font-size:13px;position:absolute;bottom:1rem}.no-gutters10{margin-left:-10px;margin-right:-10px}.no-gutters10>div[class*=col-]{padding-left:10px;padding-right:10px}input[type=checkbox]:focus{outline:none}.custom-control-input:focus~.custom-control-label::before{box-shadow:none}.wizard-register .steps{margin-bottom:1rem}.wizard-register .steps li{width:auto !important}.wizard-register .steps li a{position:relative;z-index:100;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #3ebf62;font-size:1rem;border-radius:50%;background-color:rgba(0,0,0,.1)}.wizard-register .steps li a .current-info{display:none}.wizard-register .steps li a .step{width:28px;height:28px;line-height:28px;display:block;position:absolute;background:#fff;text-align:center;top:0;color:#3ebf62;font-weight:500;border-radius:50%}.wizard-register .steps li a:hover,.wizard-register .steps li a.active{border-radius:50%;padding:0;display:flex;width:30px}.wizard-register .steps li:first-child{margin-right:10px}.wizard-register .steps li.current a{border-color:#3ebf62;background-color:#3ebf62}.wizard-register .steps li.current a .step{color:#fff;background:#3ebf62}.wizard-register .steps li.current a:hover,.wizard-register .steps li.current a.active{color:#fff;background:#3ebf62}.wizard-register .steps li.done a{border-color:#f46a6a;background-color:#f46a6a}.wizard-register .steps li.done a .step{color:#fff;background:#f46a6a}.wizard-register .steps li.done a:hover,.wizard-register .steps li.done a.active{color:#fff;background:#f46a6a}.wizard-register .content .title{position:absolute;left:-100%}.wizard-register .content .form-group{margin-bottom:1rem;margin-left:0;margin-right:0}.wizard-register .content .form-group label{font-size:12px;margin-bottom:0;line-height:24px;position:relative}#form-supplier.wizard>.content>.body label{position:relative;padding:0;margin-bottom:0 !important}#container.right-panel-active .header_btn .btn{color:#333 !important;border-color:#333}#container.right-panel-active .header_language .btn-language{color:#333 !important;border-color:#333}#container.right-panel-active .sign-buyer-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}#container.right-panel-active .sign-supplier-container{transform:translateX(100%)}#container.right-panel-active .overlay-container{transform:translateX(-100%)}#container.right-panel-active .overlay{transform:translateX(50%)}#container.right-panel-active .overlay-right{transform:translateX(20%)}#container.right-panel-active .overlay-left{transform:translateX(0)}.form-forget{font-size:15px;color:var(--gray);margin:.5rem 0 1.5rem 0}.form-forget a,.form-forget i{color:var(--gray)}.color-ranger{color:#f46a6a}.signup .card{min-height:1300px}.signup .sign__content.buyer .signup__title{color:#d74a62}.signup .sign__content.buyer form .input-wrap input{border-bottom:3.4px solid #d74a62}.signup .sign__content.buyer form .input-wrap input:focus{border-bottom:3.4px solid #2699fb}.signup .sign__content.buyer form .input-wrap i{color:#d74a62}.signup .sign__content.buyer form .input-wrap i:last-child{color:#d74a62}.signup .sign__content.buyer form .input-wrap input::placeholder{color:#d74a62}.signup .sign__content.buyer .select-wrap select{border-bottom:3.4px solid #d74a62;color:#d74a62}.signup .sign__content.buyer .select-wrap select+i{color:#f46a6a}.signup .sign__content.buyer .term .term__agree label{color:#f46a6a}.signup .sign__content.buyer .custom-control-input:active~.custom-control-label::before{background-color:#f46a6a}.signup .sign__content.buyer .custom-control-input:checked~.custom-control-label::before{border-color:#f46a6a;background-color:#f46a6a}.signup .sign__content.buyer button.submit{background-color:#d74a62}.signup .sign__content .signup__title{text-transform:capitalize;font-size:2.1rem;text-align:center;color:dimgray;margin:0 auto}.signup .sign__content button.submit{background-color:#3ebf62}.signup .sign__content form .input-wrap{color:#3ebf62;font-size:2rem}.signup .sign__content form .input-wrap input{border-bottom:3.4px solid #3ebf62}.signup .sign__content form .input-wrap input::placeholder{color:#3ebf62}.signup .sign__content form .input-wrap i:last-child{color:#3ebf62}.signup .sign__content form .select-wrap{position:relative}.signup .sign__content form .select-wrap select{border:none;background-color:rgba(0,0,0,0);border-bottom:3.4px solid #3ebf62;color:#3ebf62;font-size:2rem;padding:0 2.4rem 0 4.5rem;height:6rem}.signup .sign__content form .select-wrap select+i{color:#3ebf62;position:absolute;top:43%;font-size:1.5rem;right:10px}.signup .sign__content form .select-group{width:100%;justify-content:space-between;flex-wrap:wrap}.signup .sign__content form .select-group .select-wrap{width:49.5%}.signup .sign__content form button.submit{margin:auto}.term .term__box .term__box-item{padding-bottom:3rem}.term .term__box .term__box-item .term__box-type,.term .term__box .term__box-item .term__box-time{color:#ccc;font-size:13px;width:50%}.term .term__box .term__box-item .term__box-time{text-align:right}.term .term__box .term__box-item .term__box-type{font-size:1rem;font-weight:600}.term .term__box .term__box-item .term__box-title{font-size:1rem;font-weight:600;margin-bottom:5px;margin-top:.75rem}.term .term__box .term__box-item .term__box-content{font-size:12px;margin-top:1rem}.term .term__box .term__box-item .term__box-content ul{list-style:lower-latin;padding-left:20px}.term .term__box .term__box-item .term__box-content ol{list-style:lower-roman;padding-left:20px}.term__agree{font-size:13px;margin-bottom:1rem}.term__agree .custom-control-label{line-height:24px}.header{padding:0}.header_btn .btn{height:auto}.header_language .btn-language{height:auto}.wizard-content .wizard>.content .custom-control{position:relative;padding-left:20px}@media only screen and (min-width: 768px){.wizard-content .wizard-register.wizard>.content .custom-control.custom-checkbox{width:50%;float:left}.wizard-register .actions{padding:0}.wizard-register .term__agree .custom-control{width:100% !important}.wizard-register .term__agree .custom-control-label{padding-right:45px}.wizard-register.wizard-register .content .form-group label{margin-bottom:.5em}}.wizard-content .wizard>.content .custom-control-label::before,.wizard-content .wizard>.content .custom-control-label::after{left:-20px;width:16px;height:16px}.sign-buyer-container.wizard-content .wizard>.actions>ul>li>a[href*="#finish"]{background-color:#f46a6a}.sign-supplier-container.wizard-content .wizard>.actions>ul>li>a[href*="#finish"]{background-color:#3ebf62}.wizard-content .wizard-register.wizard>.actions{text-align:center}.wizard-content .wizard-register.wizard>.actions>ul{float:initial}.sign-supplier-container a{color:#3ebf62}.sign-supplier-container .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#3ebf62}.sign-supplier-container h3.title{color:#3ebf62}.sign-buyer-container a{color:#f46a6a}.sign-buyer-container .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#3ebf62}.sign-buyer-container h3.title{color:#3ebf62}.form-registration .title{font-size:1rem;font-weight:500;text-align:left;margin-bottom:1rem}.modal-policy--registration .modal-content{border:0;border-radius:0;padding:1rem}.modal-congratulation .title{color:var(--orange);font-size:1.5rem;margin-bottom:1rem;font-weight:500}.modal-congratulation .info{background:#eee;padding:.5rem 1rem;border-radius:.25rem}.modal-congratulation .info .form-group:not(:last-child){border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.modal-congratulation .form-group i{padding-right:.5rem;color:#fa5661}.error .form-control{border-color:#e46a76 !important}.has-success .form-control,.validate .form-control{border-color:#00c292 !important}.help-block ul{padding:0;margin:0}.help-block ul li{list-style:none;font-size:12px;line-height:22px}.error .help-block{color:#e46a76 !important}@media(min-width: 576px){.modal-policy--registration.modal-policy .modal-dialog{max-width:500px}}@media only screen and (min-width: 992px){.sign .btn-moved{display:none}}@media only screen and (max-width: 991.98px){.sign.signup .title{margin-top:2rem}.sign.signup .sign-buyer-container form{padding-bottom:2rem}.sign .header_btn .btn{color:#000 !important;border-color:#000}.sign .header_btn .mr-3{margin-right:1rem !important}.sign .header_language .btn-language{color:#000 !important;line-height:calc(40px - 1rem);border-color:#000}.sign .sign-supplier-container,.sign .sign-buyer-container{width:100%}.sign .overlay-container{display:none}.sign .sign__content .card .card-header .card-header__logo{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}.sign .sign__content .card .card-content{padding:0}.sign .btn-moved{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:1}.sign-buyer-container a{color:#f46a6a}#container.right-panel-active .sign-buyer-container{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}}/*# sourceMappingURL=regis_login.css.map */