.ds-upload-form{width:100%}.container-digital-signing{max-width:1500px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.content-step,.control-step,.list-step{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:1rem 1rem 3rem}.list-step{position:sticky;top:-10px;z-index:10;background-color:#fff}.content-step{width:100%}.control-step{justify-content:end}.step-box{display:flex;align-items:center}.step-box-item{width:100%}.step-item{position:relative;flex-direction:column}.step-item,.step-number{display:flex;align-items:center}.step-number{justify-content:center;height:4rem;width:4rem;border-radius:9999px!important;transition:all .5 ease-in-out!important;border:2px solid #d4d2d2;color:#d4d2d2;font-size:14px;font-weight:700}.step-number-selected{color:#04b737;font-weight:700;border:1px solid #04b737}.step-number-completed{background-color:#04b737!important;color:#fff!important;font-weight:700;font-size:1.25rem;line-height:1.75rem}.step-desc{position:absolute;top:0;margin-top:4rem;width:8rem;text-transform:uppercase;font-weight:600;font-size:16px;color:#d4d2d2;text-align:center}.step-desc-selected{color:#323232}.line-step{display:none}.step-box-item .line-step{display:flex;flex:1 1 auto;transition:all .5 ease-in-out!important;border:1px solid #d4d2d2}.step-box-item .line-step-completed{display:flex;border:1px solid #04b737}.canvas-container{margin:0 auto 1rem}.fields_section{width:100%;display:flex;flex-direction:column;border:1px solid #ccc;padding-bottom:2rem}.fields_section .toolbar-sign{margin-top:1rem;padding:2rem;display:flex;justify-content:space-between}.fields_section .toolbar-sign .email-sign{width:15%}.fields_section .toolbar-sign .toolbar{margin:0 auto;display:flex}.fields_section .box-sign{width:100%;display:flex;justify-content:space-between}.fields_section .fields-sign,.fields_section .property-sign{width:20%;padding:2rem}.preview-page .box-sign .fields-sign{width:25%}.fields_section .box-sign .main-digital-sign{width:60%;height:600px;overflow-x:auto;background-color:#ccc;border:1px solid #ccc;margin-top:1rem;box-shadow:0 5px 10px -5px #666}.fields_section .box-sign .prepare-file-box .prepare-file-control{margin-bottom:20px}.fields_section .box-sign .property-sign{padding:0 2rem;height:calc(100vh - 370px);overflow-y:auto}.sample-canvas{border:1px solid #000;height:auto}.fields-sign .list-control{display:flex;flex-direction:column;flex-wrap:wrap}.fields-sign .list-control button{margin-bottom:1rem;width:80%}.title-left-sidebar,.title-property-sign{font-weight:700;font-size:20px}.list-field-sign{display:flex;flex-direction:column}.field-sign-item{display:inline;background:transparent;background-color:hsla(0,0%,100%,0);margin-bottom:1rem}.field-sign-item span{margin-right:1rem}.field-sign-item:hover{cursor:move}.summary-sign{overflow:auto;max-height:420px}.summary-sign .field-sign-item{margin-top:1rem}.summary-sign ul.no-bullets{list-style-type:none;padding-left:10px;margin:5px 10px;display:grid;gap:5px;word-break:break-word}.list-tab-signature ul{display:flex;padding-left:0;padding-bottom:20p;margin-bottom:-1px}.list-tab-signature ul li.tab-signature-item{list-style:none;padding:5px 20px;cursor:pointer}.list-tab-signature ul li.tab-signature-item.active{z-index:100;border:1px solid #ccc;border-bottom:2px solid #fff}.signature-content{border-top:1px solid #ccc}.signature-content .signature-draw{display:flex;justify-content:center}.signature-draw-title,.signature-upload-title{display:flex;justify-content:space-between;padding-top:20px;width:50%;margin:0 auto}.signature-text-title{padding-top:20px}.signature-draw-title small,.signature-upload-title small{cursor:pointer}.signature-text .text{width:100%;font-size:60px;padding:10px 0 10px 10px;border:1px solid #ccc}.signature-upload-img{cursor:pointer;display:flex;justify-content:center;padding:1rem;border:1px solid #ccc;width:50%;margin:0 auto}.signature-upload-img img{width:100px;height:200px;object-fit:contain}.signature-content-singpass{padding-top:1rem}.p-0{padding:0}.pe-auto{cursor:pointer}.content-step embed{overflow:hidden!important}.content-step fieldset{margin:10px 2px;border:3px solid hsla(0,6.5%,79%,.25)}.content-step fieldset:focus-within{border:3px solid #3bb6d2}.content-step legend{width:auto;margin-bottom:8px;font-size:large;border-bottom:unset!important}.content-step legend:focus-within{background-color:rgba(87,184,205,.36);border-radius:10%}.content-step .nf-required-field legend:after{color:#e32;content:"*";display:inline}.content-step datalist{display:none}.content-step input:focus{outline:none}.content-step textarea{border:none;width:100%;font-size:15pt}.content-step textarea:focus{outline:none}.content-step .ds-embed-file{display:block;width:100%;height:370px}.content-step .ds-embed-thumb{display:inline-flex;border-radius:2;border:3px solid #989595;margin-bottom:8;margin-right:15;width:auto;height:400;padding:4;box-sizing:border-box}.content-step .ds-embed-thumbinner{display:flex;min-width:0;overflow:hidden}.content-step .ds-dropzone{height:370px;display:flex;justify-content:center;align-items:center;font-size:20px;background-color:#eee}.property{padding:10px;display:flex;justify-content:space-between}.property span.required{color:rgba(150,35,35,.81)}.property label{margin-right:1rem}.property-position{display:flex;justify-content:space-between}.property-position input{border:1px solid grey;width:50%}.property-delete{padding:20px;background-color:rgba(150,35,35,.81);color:#fff;transition:all .2s ease}.property-delete:hover{transform:scale(1.06);cursor:pointer}.digital-signing-box hr{margin-top:10px!important;margin-bottom:10px!important}.signature-change-font{margin-top:2rem}.signature-change-font .select-custom{margin-left:1rem;padding:5px;border-color:#d9d9d9 #ccc #b3b3b3;border-style:solid;border-width:1px;width:30%}.property .input-custom,.property .select-custom{width:100%;padding:10px;border-color:#d9d9d9 #ccc #b3b3b3;border-style:solid;border-width:1px}.property.property-font-size .select-font{margin-bottom:1rem}.property>div{width:100%}.toggler-wrapper{display:block;width:45px;height:25px;cursor:pointer;position:relative}.toggler-wrapper input[type=checkbox]{display:none}.toggler-wrapper input[type=checkbox]:checked+.toggler-slider{background-color:#4c6}.toggler-wrapper .toggler-slider{background-color:#ccc;border-radius:100px!important;top:0;left:0;width:100%;height:100%}.toggler-wrapper .toggler-knob,.toggler-wrapper .toggler-slider{position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease}.toggler-wrapper.style-1 input[type=checkbox]:checked+.toggler-slider .toggler-knob{left:calc(100% - 22px)}.toggler-wrapper.style-1 .toggler-knob{width:19px;height:19px;border-radius:50%!important;left:3px;top:3px;background-color:#fff}.ds-button-field{padding:0 30px!important}.preview-page .box-sign{display:initial}.preview-page .box-sign .main-digital-sign{margin:0 auto;width:85%}.signing-page .box-sign .main-digital-sign{width:100%}@media (min-width:1200px){.content-step .container{width:1400px}}@media screen and (max-width:768px){.fields_section .toolbar-sign .toolbar{margin:unset}.box-sign{display:flex;flex-direction:column}.box-sign .fields_section{width:unset}}