body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.header-employee-expense{margin-top:42px;padding-top:45px;background-image:url(/static/media/bgEmployeeExpense.00e812cc.svg);background-repeat:no-repeat;background-position:50%;height:145px;width:100%}.header-employee-expense h5{margin-top:0;margin-left:100px;font-family:Quicksand;font-style:normal;font-weight:700;font-size:24px;line-height:30px;color:#12344d}.background{background-color:#fcfcfc}.select-navbar{margin-left:20px;height:30px;width:228px;border-radius:4px;font-family:Quicksand;font-style:normal;font-weight:600;font-size:13px;line-height:16px;color:#012b6f}.select-navbar:active,.select-navbar:focus,.select-navbar:hover{box-shadow:none;outline:none}.navbar-vendor{font-family:Quicksand;font-style:normal;font-weight:700;font-size:18px;line-height:22px;color:#12344d}.info-account-vendor{width:max-content;height:32px;border:1px solid #000;box-sizing:border-box;border-radius:6px;font-weight:700;text-align:center;align-self:center;padding-top:5px;padding-left:5px;padding-right:5px;margin-right:20px}.info-account-vendor,.label-search-form-pp{font-family:Quicksand;font-style:normal;font-size:14px;line-height:18px;color:#12344d}.label-search-form-pp{font-weight:600;margin-right:40px;margin-top:10px}.select-search-form-pp-vendor{width:432px;height:38px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px;margin-right:70px}.input-date-search-form-pp,.select-search-form-pp-prioriy{width:197px;height:38px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px}.select-data-priority{width:88px;height:28px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.dialog-changePass{padding:40px 20px}.label-dialog{display:flex;flex-direction:column!important}.label-dialog label{margin-bottom:28px;font-family:"Quicksand";font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#000}.label-dialog input{padding-left:15px;width:100%;height:34px;margin-bottom:10px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px}.label-dialog input:active,.label-dialog input:focus,.label-dialog input:hover{box-shadow:none;outline:none}.submit-button{width:130px;height:40px;background-color:#33a1fd;border:1px solid #33a1fd;box-sizing:border-box;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.list-error{color:#cb605a;font-family:"Quicksand";font-style:normal;font-weight:600;font-size:14px;padding-left:15px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bg-auth-portal{background-image:url(/static/media/Bg_auth_left.cf88e378.png);background-repeat:no-repeat;background-position:50%;height:100vh}.bg-circle-top-left{top:0;width:150px;height:150px;border-bottom-right-radius:100%}.bg-circle-bottom-right,.bg-circle-top-left{position:absolute;background:hsla(0,0%,100%,.3)}.bg-circle-bottom-right{bottom:0;right:0;width:200px;height:300px;border-top-left-radius:100vw;border-bottom-left-radius:100vw}.side-auth{height:100vh;padding-left:60px;padding-right:60px;flex-direction:column;justify-content:center;align-items:center}.side-auth,.title-auth-right{display:flex}.title-auth-right img{margin-top:18px;margin-right:10px}.title-auth-right p{font-family:Gotham Rounded;font-style:normal;font-weight:400;font-size:18px;line-height:22px;letter-spacing:-.05em;color:#12344d}.side-auth-register{position:relative;padding:100px 60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.side-auth-register h4{font-weight:700;font-size:18px;line-height:22px;color:#12344d;margin-bottom:45px}.side-auth-register h4,.side-auth-register label{align-self:flex-start;font-family:Quicksand;font-style:normal}.side-auth-register label{font-weight:600;font-size:13px;line-height:16px;color:#828282;margin-bottom:10px}.side-auth p{font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:21px;color:#333}.input-auth{width:100%;padding-right:20px;margin-bottom:20px}.input-auth,.select-auth{height:42px;padding-left:20px;background:#f2f2f2;border-radius:8px;border:none;font-family:Roboto;font-style:normal;font-weight:500;font-size:12px;line-height:14px;color:#828282}.select-auth{width:110%!important;margin-bottom:25px}textarea{resize:none}.side-auth-register input:active,.side-auth-register input:focus,.side-auth-register input:hover,.side-auth-register select:active,.side-auth-register select:focus,.side-auth-register select:hover,.side-auth-register textarea:active,.side-auth-register textarea:focus,.side-auth-register textarea:hover,.side-auth input:active,.side-auth input:focus,.side-auth input:hover,.side-auth select:active,.side-auth select:focus,.side-auth select:hover,.side-auth textarea:active,.side-auth textarea:focus,.side-auth textarea:hover{box-shadow:none;outline:none}.label-as{display:flex;align-items:center;margin-top:30px}.label-as p{font-family:Poppins;font-weight:500;font-size:12px;line-height:18px;color:#000}.label-as-vendor,.label-as p{font-style:normal;text-align:center}.label-as-vendor{width:100px;height:36px;margin-left:20px;background:#ffcd08;border-radius:30px;font-family:Quicksand;font-weight:700;font-size:14px;line-height:17px;display:flex;align-items:center;justify-content:center;color:#12344d}.tab-link{display:flex;margin-top:20px}.tab-link .active{color:#000;border-bottom:1px solid #12344d}.tab-link .active,.tab-link .inactive{width:50%;font-family:Poppins;font-style:normal;font-weight:500;font-size:12px;line-height:18px;text-align:center;padding:5px;text-decoration:none}.tab-link .inactive{border-bottom:1px solid #e0e0e0;color:#bdbdbd}.tab-number{display:flex;margin-top:50px}label.filebutton{overflow:hidden;position:relative;width:360px;height:32px;padding-top:15px;padding-left:20px;padding-right:20px;margin-bottom:20px;background:#f2f2f2;border-radius:8px;border:none;font-family:Roboto;font-style:normal;font-weight:500;font-size:12px;line-height:14px;color:#828282}label span input{z-index:999;line-height:0;position:absolute;top:-2px;left:-700px;opacity:0;filter:alpha(opacity = 0);-ms-filter:"alpha(opacity=0)";cursor:pointer;_cursor:hand;margin:0;padding:0}label span img{position:absolute;right:20px}.file-name{position:absolute;right:30px;top:15px}.btn-loading,.dynamic-register{justify-content:center}.btn-loading{margin-top:20px;margin-right:20px;width:149px;height:50px;font-family:Quicksand;font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-align:center;align-items:center;display:flex;background:#12344d;color:#fff;border:1px solid #12344d;box-sizing:border-box;border-radius:25px;cursor:pointer}.loaderDownload{border-radius:50%;border:6px solid #f3f3f3;border-top-color:#ffcd08;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button_btn-auth__2e-2m{margin-left:15px;width:100%;height:60px;border-radius:30px;border:0;font-family:Quicksand;font-weight:700;font-size:18px;line-height:22px;margin-bottom:30px}.button_btn-auth__2e-2m,.button_btn-number__3IG7z{font-style:normal;text-align:center;cursor:pointer}.button_btn-number__3IG7z{width:21px;height:21px;border-radius:100%;border:0;font-family:Roboto;font-weight:500;font-size:10px;line-height:12px;margin-right:10px}.button_btn-back__eraFN,.button_btn-next-page__2r1xF,.button_btn-register__3jdEW{margin-right:20px;width:149px}.button_btn-back__eraFN,.button_btn-next-page__2r1xF,.button_btn-next__2EuWe,.button_btn-register__3jdEW{margin-top:20px;height:50px;font-family:Quicksand;font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-align:center;color:#12344d;background:#fff;border:1px solid #12344d;box-sizing:border-box;border-radius:25px;cursor:pointer}.button_btn-next__2EuWe{width:360px}.button_btn-back-auth__3Ct4S{position:absolute;top:10px;left:0;width:130px;height:40px;font-family:Rubik;font-style:normal;font-weight:500;font-size:14px;line-height:17px;text-align:center;color:#7c8388;background:#fff;border:1px solid #dadada;box-sizing:border-box;border-radius:4px;cursor:pointer}.button_btn-back-vendor__1gUWt{margin-right:20px;width:88px;color:#12344d}.button_btn-back-vendor__1gUWt,.button_btn-vendor__1OBfj{height:40px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;font-family:Quicksand;font-style:normal;font-weight:700;font-size:14px;line-height:18px;text-align:center;cursor:pointer}.button_btn-vendor__1OBfj{margin-left:20px;width:150px;color:#33a1fd}.button_btn-vendor-outlined__19MJ4{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px}.button_btn-vendor-fill__D75xE,.button_btn-vendor-outlined__19MJ4{margin-left:20px;width:150px;height:40px;font-family:"Quicksand";font-style:normal;font-weight:700;font-size:14px;line-height:18px;text-align:center;cursor:pointer}.button_btn-vendor-fill__D75xE{background:#33a1fd;border-radius:4px;border:0;color:#fff}.button_btn-decrease__19P8g,.button_btn-increase__25a5Z{height:42px;width:42px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px;position:absolute;margin-top:10px;cursor:pointer;font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#000}.button_btn-increase__25a5Z{right:0}.button_btn-vendor-export__1HmOi,.button_btn-vendor-upload__3h0v5{width:max-content;height:40px;background:#fff;border:none;box-sizing:border-box;border-radius:4px;font-family:"Quicksand";font-style:normal;font-weight:700;font-size:14px;line-height:18px;text-align:center;color:#1976d2;cursor:pointer}.button_btn-vendor-upload__3h0v5:before{font-family:fontAwesome;content:"\f093";color:#1976d2;margin-right:10px}.button_btn-vendor-export__1HmOi:before{font-family:fontAwesome;content:"\f019";color:#1976d2;margin-right:10px}.button_btn-decrease__19P8g:before{font-family:fontAwesome;content:"\f068"}.button_btn-increase__25a5Z:before{font-family:fontAwesome;content:"\f067"}.button_btn-back-auth__3Ct4S:before,.button_btn-back-vendor__1gUWt:before,.button_btn-back__eraFN:before{font-family:fontAwesome;content:"\f060";margin-right:10px}.button_btn-next-page__2r1xF:after,.button_btn-next__2EuWe:after{font-family:fontAwesome;content:"\f061";margin-left:10px}.button_btn-dialog-pass__3Hpet{width:130px;height:40px;background:#fff;border:1px solid #33a1fd;box-sizing:border-box;border-radius:4px;cursor:pointer}.button_btn-download-loader__3Ck1n{border-radius:50%;border:6px solid #f3f3f3;border-top-color:#ffcd08;width:30px;height:30px;animation:button_spin__3Ggbz 2s linear infinite}.button_navy__f0M8N{background:#12344d!important;color:#fff}.button_yellow__25uRx{background:#ffcd08;color:#12344d}.button_gray__32r-Z{color:#e0e0e0}.button_red__3FX9S{color:#cb605a}.button_blue-sky__3-bIL{color:#33a1fd}.button_blue-sky-bg__1ZROq{background-color:#33a1fd;color:#fff}.button_bg-red__Tdohf{background-color:#cb605a;color:#fff}@keyframes button_spin__3Ggbz{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container-vendor{padding-top:70px;width:100%}.header-vendor{padding:30px;height:max-content;background:#f8f8f8}.header-vendor-invoice{position:fixed;background:#f8f8f8;padding:30px;width:94vw;z-index:999}.header-vendor-invoice h6,.header-vendor h6{font-family:Quicksand;font-style:normal;font-weight:700;font-size:28px;line-height:35px;margin-top:0;color:#12344d}.header-vendor-invoice p,.header-vendor p{font-family:Quicksand;font-style:normal;font-weight:500;font-size:14px;line-height:18px;margin-top:-40px;color:#12344d}.header-vendor-invoice span,.header-vendor span{font-family:"Quicksand";font-style:normal;font-weight:500;font-size:12px;line-height:15px;text-align:right;color:#12344d}.header-vendor-invoice h2,.header-vendor h2{font-family:"Quicksand";font-style:normal;font-weight:700;font-size:28px;line-height:35px;text-align:right;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#12344d}.content-list-ipms{padding:0}.content-edit-profile,.content-list-po,.detail-po{padding:30px}.detail-po{display:flex;flex-direction:row;justify-content:space-between;background:#fff;border:1px solid #c4d2ea;box-sizing:border-box}.detail-po h5{margin:0;font-family:Quicksand;font-style:normal;font-weight:700;font-size:28px;line-height:35px;color:#12344d}.square-table{padding-top:5px;width:100%;height:max-content;border:1px solid rgba(196,210,234,.6);box-sizing:border-box;border-radius:8px}.detail-info label{font-family:Quicksand;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#12344d}.detail-info input{padding:10px;background:#f2f2f2;font-family:Quicksand;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#333}.detail-info input,.download-Quotation{margin-top:10px;margin-bottom:20px;width:100%;height:42px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px}.download-Quotation{background:#fff}.download-Quotation p{margin-left:10px!important;font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px!important;line-height:18px;color:#33a1fd!important;cursor:pointer;text-decoration:underline}.square{padding:30px;width:100%;height:max-content;border:1px solid rgba(196,210,234,.6);box-sizing:border-box;border-radius:8px}.square-table h2,.square p{font-family:"Quicksand";color:#7c8388;margin:6px 45px}.square-table h2,.square h3,.square p{font-style:normal;font-weight:700;font-size:20px;line-height:25px}.square h3{margin-top:0;font-family:Quicksand;color:#12344d}.square-table h5,.square h5{font-family:"Quicksand";font-style:normal;font-weight:700;font-size:20px;line-height:41px;margin:0;color:#12344d}.square .label-input{display:flex;flex-direction:column}.square .label-input label{font-family:Quicksand;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#12344d}.square .label-input input,.square .label-input select,.square .label-input textarea{padding:10px;width:432px;height:38px;margin-bottom:25px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px;font-family:Quicksand;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#7c8388}.square .label-input select{background:#fff}.detail-info input:active,.detail-info input:focus,.detail-info input:hover,.input-amountType:active,.input-amountType:focus,.input-amountType:hover,.input-BilledQty:active,.input-BilledQty:focus,.input-BilledQty:hover,.input-document-no:active,.input-document-no:focus,.input-document-no:hover,.input-instalment:active,.input-instalment:focus,.input-instalment:hover,.input-profile-bank:active,.input-profile-bank:focus,.input-profile-bank:hover,.select-create-invoice:active,.select-create-invoice:focus,.select-create-invoice:hover,.select-profile-bank:active,.select-profile-bank:focus,.select-profile-bank:hover,.square .label-input input:active,.square .label-input input:focus,.square .label-input input:hover,.square .label-input select:active,.square .label-input select:focus,.square .label-input select:hover,.square .label-input textarea:active,.square .label-input textarea:focus,.square .label-input textarea:hover,.text-area-reject-po:active,.text-area-reject-po:focus,.text-area-reject-po:hover{box-shadow:none;outline:none}.text-area-reject-po{height:200px;font-family:Quicksand;color:#333}.select-create-invoice,.text-area-reject-po{width:100%;padding:10px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:2px;font-style:normal;font-weight:500;font-size:14px;line-height:18px}.select-create-invoice{margin-top:10px;margin-bottom:20px;height:42px;background:#fff;font-family:"Quicksand";color:#12344d}.input-BilledQty{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-left:10px;font-style:normal;font-weight:500;font-size:14px;line-height:41px;color:#12344d}.input-BilledQty,.input-Other{width:100%;height:28px;box-sizing:border-box;font-family:"Quicksand";text-align:center}.input-Other{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px}.input-amountType{border:none;border-radius:4px}.input-amountType,.input-amountType-warning{width:100%;height:28px;background:#fff;box-sizing:border-box;font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px;line-height:41px;color:#12344d}.input-amountType-warning{border:1px solid #cb605a;border-radius:4px}.input-document-no,.input-instalment{padding:10px;width:180px;height:28px;text-align:center}.input-document-no,.input-instalment,.select-item-Type{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px;line-height:41px;color:#12344d}.text-upload-file{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important;color:#012b6f}.text-upload-file,.uploadFile-name{font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px;line-height:41px;cursor:pointer}.uploadFile-name{color:#33a1fd}.delete-upload-text,.uploadFile-name{-webkit-text-decoration-line:underline;text-decoration-line:underline}.delete-upload-text{margin-left:40px;font-family:"Quicksand";font-style:normal;font-weight:500;font-size:14px;line-height:41px;color:#cb605a;cursor:pointer}.input-profile-bank,.select-profile-bank{width:75%;height:28px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px}.input-profile-bank{padding-left:10px}.btn-for-vendor-outlined{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.btn-for-vendor-loading-submit,.btn-for-vendor-outlined{margin-left:20px;padding-top:5px;width:150px;height:40px;box-sizing:border-box;text-align:center;align-items:center}.btn-for-vendor-loading-submit{background:#33a1fd;border:1px solid #33a1fd;border-radius:4px}.mandatory-doc{position:relative}.mandatory-doc:after{font-family:fontAwesome;content:"\f005";font-size:8px;color:#cb605a;position:absolute;margin-left:5px}
/*# sourceMappingURL=main.7db42cfd.chunk.css.map */