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}main{position:relative;height:100vh;padding:60px 0 40px}.singlePage{display:flex}.pageContainer{display:flex;width:100%;height:100%}.navbar{position:fixed;top:0;left:0;width:100%;min-width:1280px;height:60px;background-color:#f8f9fa;border-bottom:1px solid #fc0;display:absolute;margin:0 auto;padding:0;flex-direction:row;justify-content:space-between;align-items:flex-end;z-index:11}.logo{margin:0 0 10px 70px}.logo-image{width:180px;height:40px}h2{margin:0 auto 10px 15px;color:#888}.mainMenu{display:flex;position:relative;margin:0 auto 0 3vw;flex-direction:row;justify-content:space-between;align-items:flex-end}.mainMenu .menuItem{margin:0 5px;padding:5px 10px;text-decoration:none;font-size:18px;font-weight:600;color:#555}.mainMenu .menuItem:hover{color:#106eea}.mainMenu .active{color:#106eea;margin:0 4px;border-top:1px solid #fc0;border-left:1px solid #fc0;border-right:1px solid #fc0}.mainMenu .disabledItem{margin:0 5px;padding:5px 10px;text-decoration:none;font-size:18px;font-weight:600;color:#aaa}.navbar #dropdown-logout .dropdown-toggle{display:block;margin:0 70px 5px auto;padding:10px 15px;text-decoration:none;font-size:18px;font-weight:600;color:#106eea;border:1px solid #fc0}.navbar #dropdown-logout .dropdown-toggle:hover{background-color:#fec}.navbar .dropdown-menu{border:1px solid #fc0}.navbar #dropdown-logout .dropdown-menu button{margin-left:0;padding:10px 40px;text-decoration:none;color:#fff;background-color:#fc0;border:1px solid #fc0}.navbar .helpLink a{color:#555;text-decoration:none}.mainMenu .helpLink a:hover{color:#106eea}.testMessage{font-size:36px;color:red}.operationPanelOuter{display:block;position:absolute;top:-10px;left:0;margin:0 auto;width:70px;box-shadow:none;height:60px!important;overflow:hidden;z-index:12}.operationPanel{height:60px;position:fixed;left:0;width:100%;min-width:1440px;margin-top:10px;padding-top:0;transform:translateY(-60px);transition:transform .25s ease-in-out;z-index:14;background:#106eea}.batchPage .operationPanel{background:#a510ea}.operationPanel-2{height:240px;position:fixed;left:0;width:100%;min-width:1280px;margin-top:10px;padding-top:0;transform:translateY(-240px);transition:transform .25s ease-in-out;z-index:13;opacity:.9;border-top:2px solid #fff;background:#106eea}.batchPage .operationPanel-2{background:#a510ea}.editPanelUpper{height:40px;position:fixed;display:flex;top:60px;right:0;width:60px;z-index:98;border-top:2px solid #fff;background:#f8f9fa}.editPanelContents{height:430px;position:fixed;display:flex;flex-direction:column;top:100px;right:0;width:60px;padding:1px;transition:transform .25s ease-in-out;z-index:15;border-top:2px solid #fff;background:#f8f9fa}.operationPanelInner{display:flex;flex-direction:row;align-items:flex-start;margin-left:70px;padding-top:10px}.operationPanelInner ul{display:flex;flex-direction:column;align-items:flex-start;margin-left:0;padding:0 10px}.operationPanelInner .border-left ul{border-left:1px solid #fc0}.operationPanelInner .border-right ul{border-right:1px solid #fc0}.outputBox{min-width:110px;min-height:45px}.outputBoxWide{min-width:300px;min-height:45px}.operationPanel-2 .outputBox{min-width:427px;height:226px}.outputBox li{display:flex;flex-direction:row;align-items:flex-start;margin-left:0;padding:0 10px;color:#106eea}.operationPanelInner li{list-style:none;color:#fff;font-size:15px;font-weight:500;margin:0;padding:0;cursor:default}.operationPanelInner input{width:18px;height:18px;margin-left:10px;border:none;font-size:14px;color:#000}.operationPanelInner .radioLabel{margin-left:22px}.operationPanelInner .numeric3Input{width:40px;text-align:right}.operationPanelInner .numeric2Input{width:20px;text-align:right}#inputPhoto{display:none}#filePath{display:block;width:158px;height:18px;margin-top:2px;padding-left:5px;overflow:hidden;line-height:17px;font-size:10pt;color:#333;background-color:#fff}#inputPhotoLabel{width:88px;text-align:center;margin-left:10px;padding:0 5px;border:1px solid #fc0;border-radius:2px}.batchPage #inputPhotoLabel{height:46px;padding:10px 5px;border-radius:4px}#inputPhotoLabel:hover{background-color:#fc0;color:#106eea;cursor:pointer}.batchPage #inputPhotoLabel:hover{color:#a510ea}#inputFileName{background-color:#fff;width:158px;height:18px;margin-top:3px}#inputThreshold{margin-left:25px}.operationPanelInner #photoName{width:158px;margin-left:0;text-align:left}#detectionButton{width:80px;height:46px;margin:0 10px;border:none;background-color:#106eea;border:1px solid #fc0;border-radius:4px;color:#fff}.batchPage #detectionButton{background-color:#a510ea}#detectionButton:hover{background-color:#fc0;color:#106eea}.batchPage #detectionButton:hover{color:#a510ea}#helpLinkOnPanel{margin-left:15px}#helpLinkOnPanel a{color:#fff;font-weight:500;text-decoration:none}#helpLinkOnPanel a:hover{color:#fc0}.editToolSpacer{height:10px}.editToolButton{display:none}.editToolButtonLabel{display:inline-block;height:50px;width:50px;margin:1px 5px;padding:5px;border:none;border:1px solid #fc0;border-radius:5px;font-size:24px;text-align:center;color:#000;-webkit-user-select:none;user-select:none}.editToolButtonLabel:hover{background-color:#106eea}.editToolNumericInput{border:none;text-align:right}input[name=drawing-mode]:checked+.editToolButtonLabel{background-color:#fc0}#saveJpgBtn,#undoBtn,#redoBtn{display:none}.downloadBtnLabel{min-width:30px;margin-left:5px;margin-right:10px}.operationPanelInner li a{color:#fff;font-weight:700;cursor:pointer;text-decoration:none}input[type=checkbox]:checked~.operationPanel{transform:translateY(0)}input[type=checkbox]{transition:all .3s;box-sizing:border-box}#openOperationPanel,#openOperationPanel-2,#openEditPanel{display:none}.operationIconToggle{transition:all .3s;box-sizing:border-box;cursor:pointer;position:fixed;z-index:99;height:100%;width:100%;top:25px;left:20px;height:22px;width:22px}.operationIconToggle-2{transition:all .3s;box-sizing:border-box;cursor:pointer;position:fixed;z-index:98;height:100%;width:100%;top:60px;left:11px;height:40px;width:40px;text-align:center;font-size:24px;color:#106eea;-webkit-text-stroke:1px #fc0;-webkit-user-select:none;user-select:none}.batchPage .operationIconToggle-2{color:#a510ea}.operationIconToggle-2:hover{color:#fc0}.editPanelIconToggle{box-sizing:border-box;cursor:pointer;height:100%;width:60%;text-align:center;font-size:24px;color:#000;-webkit-user-select:none;user-select:none}.InteractivePageMessage{box-sizing:border-box;position:fixed;top:70px;left:60px;max-width:1200px}.spinner{position:absolute;height:3px;width:100%;background-color:#fc0}.horizontal.part-1{position:relative;transition:all .3s;box-sizing:border-box;float:left;transform:scaleX(1)}.horizontal.part-2{transition:all .3s;box-sizing:border-box;position:relative;float:left;transform:scaleX(.6);margin-top:3px}.horizontal.part-3{transition:all .3s;box-sizing:border-box;position:relative;float:left;transform:scaleX(.2);margin-top:3px}input[type=checkbox]:checked~.operationIconToggle>.horizontal.part-1{transition:all .3s;box-sizing:border-box;transform:scaleX(.2)}input[type=checkbox]:checked~.operationIconToggle>.horizontal.part-2{transition:all .3s;box-sizing:border-box;transform:scaleX(.6);margin-top:3px}input[type=checkbox]:checked~.operationIconToggle>.horizontal.part-3{transition:all .3s;box-sizing:border-box;transform:scaleX(1);margin-top:3px}input[id=openOperationPanel-2]:checked~.operationPanel-2{transform:translateY(60px)}.checkboxInput,.radioInput{display:none}.checkboxParts{margin-left:8px;padding:0 8px;color:#fff}.outputRadioLabel{margin:0;padding-left:16px}.checkboxParts:hover,.outputRadioLabel:hover{color:#fc0;cursor:pointer}.outputBox label{position:relative}.outputBox .optionLabel{margin:0 3px 0 16px}.outputRadioLabel{margin-left:10px}.outputBox input{margin:2px 0 0 2px}.checkboxParts:before,.outputRadioLabel:before{content:"";display:block;position:absolute;top:6px;left:0;width:12px;height:12px;background-color:#fff;border-radius:50%}.checkboxInput:checked+.checkboxParts,.radioInput:checked+.outputRadioLabel{color:#fc0}.checkboxInput:checked+.checkboxParts:before,.radioInput:checked+.outputRadioLabel:before{content:"";display:block;position:absolute;top:6px;left:0;width:12px;height:12px;background-color:#fc0;border-radius:50%}.fixedTrueLabel{color:#fc0}.pageContainer article{padding:10px;width:100%}.pageContainer h2{margin:5px 10px}.pageContainer article section{margin:20px auto;padding:20px;width:90%;background-color:#f8f9fa;border:1px solid #fc0;border-radius:5px}.pageContainer article section h3{margin-bottom:40px;color:#aaa;font-weight:500}.pageContainer article section dl{display:flex;flex-wrap:wrap}.pageContainer article section dl dt{margin:10px 20px;width:30%;font-size:16px;font-weight:600;color:#888}.pageContainer article section dl dd{margin:10px 30px;width:50%}.pageContainer article section dl dd span{margin-left:30px;color:#888}.pageContainer article section .memberList li{margin-bottom:1rem}.pageContainer article section .memberList li span{margin-left:60px}.pageContainer article section .no-left-margin{margin-left:0}.pageContainer button{margin-left:30px;padding:5px 10px;text-decoration:none;color:#106eea;background-color:#fff;border:1px solid #fc0;border-radius:3px}.pageContainer article section dl dd a:hover{background-color:#fec}.pageContainer .dropdown-menu li{-webkit-user-select:none;user-select:none}.popupSinglePanel{position:fixed;width:100%;height:100%;inset:0;margin:auto;background-color:#00000080}.popupSingleInner{position:absolute;left:max(200px,10%);right:max(20px,10%);top:max(70px,5%);bottom:max(50px,5%);max-width:400px;max-height:430px;margin:auto;padding:10px 20px;background:#f8f9fa;border:1px solid #fc0;border-radius:5px;overflow-y:auto}.creditCardEditForm .popupSingleInner{max-width:800px;max-height:960px}.directDebitEditForm .popupSingleInner{max-width:720px;max-height:1170px}.invoiceEditForm .popupSingleInner{max-width:720px;max-height:1150px}.joinGroupForm .popupSingleInner{max-width:720px;max-height:800px}.navigationPopup .popupSingleInner{max-width:560px;max-height:300px}.progressPopup .popupSingleInner{max-width:400px;max-height:160px;z-index:90}.needReloadPopup .popupSingleInner{max-width:640px;max-height:360px}.emailUnverifiedPopup .popupSingleInner{max-width:600px;max-height:360px}.popupSingleInner .twoButtons{display:flex;justify-content:space-between}.popupSingleInner .resultBox{width:100%;height:30px}.popupSingleInner .twoButtons button{margin:0;min-width:100px}.popupSingleInner textarea{resize:none;height:90px}.pageContainer .popupSingleInner h3{margin-bottom:40px;color:#aaa;font-weight:500}.logo-visa{height:50px;width:100px;margin:5px}.logo-mastercard{height:70px;width:100px;margin:5px}.logo-jcb{height:75px;width:100px;margin:5px}.userInfoChangeForm{position:absolute;inset:25%;width:max-content;min-width:400px;height:max-content;min-height:160px;margin:auto;padding:10px 20px;background:#f8f9fa;border:1px solid #fc0;border-radius:5px}.userInfoChangeForm form{margin:20px}.userInfoChangeForm button{padding:10px 40px;text-decoration:none;color:#fff;background-color:#106eea;border:1px solid #106eea;border-radius:3px}.userInfoChangeFormMessage{box-sizing:border-box;position:fixed;margin-top:20px;margin-left:20px}.loginPage{position:absolute;inset:25%;width:max-content;min-width:400px;height:max-content;min-height:160px;margin:auto;padding:10px 20px;background:#f8f9fa;border:1px solid #fc0;border-radius:5px}.loginPage form{margin:20px}.loginPage button{padding:10px 40px;text-decoration:none;color:#fff;background-color:#106eea;border:1px solid #106eea;border-radius:3px}.LoginPageMessage{box-sizing:border-box;position:fixed;top:70px;left:20px}.LoginPageTitle{position:absolute;left:25%;right:25%;top:15%;text-align:center}.pageContainer .dashboard h2{margin:5px 10px;color:#106eea}.pageContainer .dashboard section{background-color:#fff9f9;border:1px solid #106eea}.pageContainer .dashboard h3{color:#333}.pageContainer .dashboard section dl dt{margin:0 0 0 20px;width:200px;font-size:18px;font-weight:600;color:#106eea}.pageContainer .dashboard section dl dd{margin:0;width:auto;font-size:18px;font-weight:400;color:#333}.dropFileListTitle{font-size:16px;margin:5px 32px 5px 64px;padding:10px 0;min-width:1440px;background:#106eea;border:solid 1px #aaa;font-weight:600;color:#fff}.dropFileListTitle .deleteAllButton{margin-left:20px}.dropFileListTitle .deleteSelectedButton{margin-left:350px}.dropFileList ul{margin:0}.dropFileList li{color:#000;position:relative;background:#f8f9fa;line-height:1.5;padding:5px 0;margin:5px 32px;border-top:solid 1px #eee;border-bottom:solid 1px #aaa;list-style-type:none!important}.sidebar{position:relative;display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:10px;width:200px;height:100%;background-color:#106eea;z-index:10}.sidebar h2{margin-bottom:20px;font-size:22px;color:#fff}.sidebar .profileItem{position:relative;margin:10px;padding:0;font-size:18px;color:#fff;text-decoration:none}.sidebar .profileItem:hover{cursor:pointer;color:#fc0}.sidebar .active{color:#fc0}.sidebar .disabledItem{position:relative;margin:10px;padding:0;font-size:18px;color:#aaa;text-decoration:none}.sidebar .active:before{content:"";display:block;position:absolute;top:8px;left:-17px;width:12px;height:12px;background-color:#fc0;border-radius:50%}.FooterApp a{text-decoration:underline}footer{position:fixed;bottom:0;left:0;width:100%;height:40px;padding:5px 20px;background-color:#f8f9fa;border-top:1px solid #fc0;z-index:10}footer .terms a{margin-left:20px}footer .copyright{margin-left:20vw}[role=tooltip]{display:none;position:absolute;background:#f8f9fa;color:#000;width:max-content;padding:20px;margin-left:5px;border:1px solid #fc0;border-radius:10px;z-index:99}.tooltip-icon:hover+[role=tooltip],.tooltip-icon:focus+[role=tooltip]{display:block}.dropzone{position:fixed;width:100%;height:100%}#batchPage .dropzone{position:relative}.dropzone p{text-align:center}.dropzone input[type=checkbox]{margin:0 10px}#background{will-change:scroll-position;will-change:transform}#svgCanvas{position:absolute;-webkit-user-select:none;user-select:none}#svgCanvas i{position:absolute}.dropzone canvas{position:absolute;z-index:0}.dropzone svg{position:absolute;z-index:10;stroke-linecap:round}.dropzone svg polyline,path{stroke-opacity:1;fill-opacity:1}.dropzone svg polyline:hover,path:hover{fill-rule:nonzero;stroke-opacity:.1;fill-opacity:.1}.selection-rect{fill:#007bff1a;stroke:#007bff;stroke-width:1px;stroke-dasharray:3,3;pointer-events:none;animation:selection-pulse 2s infinite}@keyframes selection-pulse{0%,to{stroke-opacity:.8}50%{stroke-opacity:.4}}.smart-delete-preview{stroke:#0f0!important;stroke-width:2px!important;stroke-dasharray:5,5;fill:none!important;opacity:.7;pointer-events:none;animation:preview-flow 1s linear infinite}@keyframes preview-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}.delete-target-highlight{stroke:#ff6b6b!important;stroke-width:3px!important;stroke-dasharray:3,3;fill:none!important;opacity:.5;pointer-events:none;animation:delete-warning .8s ease-in-out infinite alternate}@keyframes delete-warning{0%{stroke-opacity:.3}to{stroke-opacity:.7}}.smart-delete-preview path{fill:none!important;stroke:#0f0!important}.delete-target-highlight path{fill:none!important;stroke:#ff6b6b!important}.smart-delete-preview polyline{fill:none!important;stroke:#0f0!important}.delete-target-highlight polyline{fill:none!important;stroke:#ff6b6b!important}.delete-target-highlight rect{fill:#ff6b6b1a!important;stroke:#ff6b6b!important}.grabbing,.grabbing *{cursor:grabbing!important}#processing-status{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:400px;word-wrap:break-word}#svgCanvas{cursor:crosshair}input[name=drawing-mode][value=delete]:checked~#svgCanvas{cursor:crosshair}input[name=drawing-mode][value=line]:checked~#svgCanvas{cursor:crosshair}input[name=drawing-mode][value=curve]:checked~#svgCanvas{cursor:crosshair}.group-hover-highlight{filter:drop-shadow(0 0 3px rgba(0,123,255,.6))!important;transition:filter .2s ease!important}.group-hover-delete-highlight{stroke:#ff6b6b!important;stroke-width:3px!important;filter:drop-shadow(0 0 5px rgba(255,107,107,.8))!important;transition:all .2s ease!important}.group-hover-delete-highlight path,.group-hover-delete-highlight polyline{fill:none!important;stroke:#ff6b6b!important;stroke-width:3px!important}.drawing-element{vector-effect:non-scaling-stroke;transition:all .2s ease}path.drawing-element{fill:none}polyline.drawing-element{fill:none}.processing-complex{opacity:.6;animation:processing-pulse 1s ease-in-out infinite alternate}@keyframes processing-pulse{0%{opacity:.4}to{opacity:.8}}@media(max-width:768px){#processing-status{top:10px;right:10px;left:10px;transform:translateY(-100%);font-size:12px;padding:8px 12px;max-width:none}#processing-status.show{transform:translateY(0)}.smart-delete-preview{stroke-width:3px!important}.delete-target-highlight{stroke-width:4px!important}}