#tool-bg{background-color:#f5f5f5}.tool-container{height:500px;border:dotted 2px #f5f5f5;padding:2px}.tool-step .part-1{display:block;padding-top:100px}i.fa.fa-cloud-upload{font-size:60px;color:#2196f3;margin-bottom:20px}input#image-input{width:150px}#image-input::-webkit-file-upload-button{visibility:hidden}#image-input:before{content:"Upload SVG";display:inline-block;border-radius:3px;padding:10px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;font-weight:500;font-size:13pt;width:150px;text-align:center;background:#9b1fe8;color:#fff}.sec-title .text:before{background:#9b1fe8!important}div#manual_code button{display:inline-block;padding:11px 33px;background:#009688;font-size:15px;font-weight:500;height:unset;color:#fff;border-radius:3px}div#manual_code{text-align:center;margin-top:20px;z-index:999}div#modal-manual{top:0;left:0;width:100%;height:100vh;padding-top:7%;background:#00000080;z-index:999;position:fixed}div#modal-inner{max-width:600px;width:95%;margin:0 auto;background:#fff;padding:20px;border:0px solid;border-radius:6px;position:relative}div#modal-inner textarea{width:100%;height:350px;margin-bottom:15px;padding:10px;border:1px solid #ddd}span#close-modal{position:absolute;top:10px;right:10px;font-size:16px;font-weight:700;cursor:pointer}div#manula-svg-upload{width:100px;margin:0 auto}.step-wizard-list{color:#333;list-style-type:none;border-radius:10px;display:flex;padding:20px 10px;position:relative;z-index:10}.part{height:100%}svg{height:100%}.tool-step{height:100%}.tool-step .part-2{background:#f5f5f5}.tool-step .part-2 .edit-container{display:flex}.tool-step .part-2 .edit-container div#file-board{width:60%;padding-top:30px}.tool-step .part-2 .edit-container div#file-board svg{width:70%;display:inline-block}.tool-step .part-2 .edit-container .file-editor{width:40%;padding-top:30px}.tool-step .part-2 .edit-container .file-editor div#color-detected .color-main{display:flex;margin-bottom:8px}.tool-step .part-2 .edit-container .file-editor div#color-detected .color-main input{width:calc(100% - 30px)}.tool-step .part-2 .edit-container .file-editor div#color-detected .color-main span{width:30px;height:30px;display:inline-block}.tool-step .part-2 .edit-container .file-editor div#color-change .color-main{margin-bottom:8px}.tool-step .part-2 .edit-container .file-editor div#color-change .color-main input{height:30px}.download-container{margin-left:0;margin-right:0;padding-top:30px}.download-container div#download-preview svg{width:70%;display:inline-block}.download-container .survey .survey-btn{background-color:#9b1fe8;border:none;display:inline-block;padding:9px 18px;font-size:1rem;font-weight:500;height:unset;color:#fff;border-radius:3px}.step-wizard-item{padding:0 20px;flex-basis:0;flex-grow:1;max-width:100%;display:flex;flex-direction:column;text-align:center;min-width:170px;position:relative}.step-wizard-item+.step-wizard-item:after{content:"";position:absolute;left:0;top:19px;background:#9b1fe8;width:100%;height:2px;transform:translate(-50%);z-index:-10}.progress-count{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;margin:0 auto;position:relative;z-index:10;color:transparent}.progress-count:after{content:"";height:40px;width:40px;background:#9b1fe8;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-10}.progress-count:before{content:"";height:10px;width:20px;border-left:3px solid #fff;border-bottom:3px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%) rotate(-45deg);transform-origin:center center}.progress-label{font-size:14px;font-weight:600;margin-top:10px}.current-item .progress-count:before,.current-item~.step-wizard-item .progress-count:before,.end-item:before{display:none}.current-item~.step-wizard-item .progress-count:after{height:10px;width:10px}.current-item~.step-wizard-item .progress-label{opacity:.5}.current-item .progress-count:after{background:#fff;border:2px solid #9B1FE8}.current-item .progress-count{color:#9b1fe8}.tool-container{min-height:600px;border:solid 1px #f5f5f5}.svg-input{background:#f8f8f8;overflow-y:scroll;resize:none}.input-container{display:grid;height:100%;padding:10px;grid-template-rows:90% auto}.img-container{width:100%;max-width:1200px;height:550px;overflow:hidden;background-image:repeating-conic-gradient(#efefef 0% 25%,#cecece 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#cecece}#svg-image{width:100%;height:100%;border:none;outline:none}img[src=""],img:not([src]){opacity:0}img[src="*"]{opacity:1}.hide{display:none!important}.popup{top:0;left:0;background:#0000004d;position:fixed;height:100vh;width:100vw;z-index:244444;display:flex;align-items:center;justify-content:center}.popup .popup-image-container{padding:5px;background:#fff}.popup .popup-image-container image{min-width:500px;max-width:1200px;min-height:500px}