#root{margin:0;padding:2rem;text-align:center}.App{display:flex;overflow-x:auto}.rowForm{overflow:hidden}.addRowButton{float:right;clear:both}.buttonDiv{display:flex-root}.rowDiv{display:block}.leftSideBar{height:625px;background-color:#242568;display:grid;min-width:150px;border-radius:8px}.rightSideBar{height:310px;background-color:#242568;display:grid;min-width:150px;border-radius:8px;width:150px}.pageContainer{flex:5;margin:0 15px;padding:15px;width:auto;border:white solid}.properyPair{display:inline-flex}.propertyLabel{width:30%;height:12px;margin:2px 5px 5px;text-align:left;font-size:.7em}.propertyValue{width:125px;margin:5px;text-align:right;font-size:.7em}.draggableContainer{-webkit-user-drag:element}.formModule{padding:1px}.selected{border:2.5px solid #3b82f6;border-radius:16px;box-shadow:0 2px 10px #3b82f614;padding:1px;transition:border .2s,box-shadow .2s}.buttonDiv{display:flex;padding:0 20px}.rowDiv{display:flex;width:auto;padding:5px 20px;justify-content:space-between}.headerRowDiv{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:auto;padding:20px}.addRowButton,.removeRow{width:60px}.grid-item{display:flex;flex-direction:column}.label{font-weight:700}.moduletitle{font-size:larger;width:100%}.input{margin-top:5px;padding:5px;border:1px solid #ccc;border-radius:3px}#id{background-color:#f2f2f2;color:#888;cursor:not-allowed}.freeinput{width:100%;resize:none;overflow-y:scroll;height:75px;max-height:75px}.fileinput{width:100%;resize:none;overflow-y:scroll;max-height:75px}.headerModule,.freetextModule,.signatureModule,.boxesModule,.DropdownModule,.appendixModule,.imageModule,.barcodeModule{width:100%}.tn-input-list{width:95%;float:left;border-top-right-radius:0;border-bottom-right-radius:0}.tn-button-list{transform:translate(-100%);background-color:transparent;border:none}.tn-button-list i{margin-top:-5px}.combobox{text-align:left;width:225px}.tn-group-list{max-height:411px;overflow:auto;float:left;width:75%;border-bottom:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;list-style-type:none}.tn-item-list{cursor:pointer}.tn-item-list:hover{background:#151515}.tn-item-list:first-child{border-top-left-radius:0;border-top-right-radius:0}.dropdownid{width:30px;margin-right:10px}.properties{width:100%}.propertyPair{display:grid;width:90%}.propertyLabel{width:100%;height:12px;margin:2px 5px 5px;text-align:left;font-size:.7em}.propertyValue{width:95%;margin:5px;text-align:right;font-size:.7em}.text-with-info{display:flex;align-items:center;gap:8px}.info-icon-container{position:relative;display:inline-block;cursor:pointer}.info-icon{font-size:1rem}.tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:110%;left:50%;transform:translate(-100%);white-space:nowrap;opacity:0;transition:opacity .3s;font-size:.8em}.info-icon-container:hover .tooltip{visibility:visible;opacity:1}.item-list-box{background-color:#292929;border:1px solid #333;border-radius:5px;width:90%;padding:5px 0 5px 5px;display:table-caption}.propertylistInput{width:80%;margin-right:5px;border:1px solid #333;background-color:#333;color:#fff;border-radius:3px}.add-button,.remove-button,.deactivate-button{background-color:#007acc;color:#fff;border:none;border-radius:3px;cursor:pointer;height:15px;line-height:.7em}.add-button:hover,.remove-button:hover,.deactivate-button:hover{background-color:#005b96}.item-list-box.active{border-color:#007acc;box-shadow:0 0 5px #007acc80}.item{display:flex;justify-content:space-between;align-items:center;background-color:#333;border:1px solid #444;border-radius:3px;cursor:pointer}.item.selected{background-color:#007acc}.propertylistButton{font-size:1rem;border:none;background:transparent;padding:0;margin:0;cursor:pointer}.add-button:before,.remove-button:before,.deactivate-button:before{font-size:1rem;margin-right:5px}.newform-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1rem;z-index:1000}.newform-modal{position:relative;background:#333;color:#fff;padding:1.5rem;width:80%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:0 4px 12px #0006}.close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;color:#aaa;cursor:pointer}.close-btn:hover{color:#fff}.modal-header{margin-top:0;margin-bottom:1rem;font-size:1.5rem}.templates-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.template-item{text-align:center}.template-item img{width:120px;height:auto;border-radius:4px;cursor:pointer;transition:transform .15s ease,border .15s ease}.template-item img:hover{transform:scale(1.05)}.template-item img.selected{border:3px solid #0af}.disclaimer{font-style:italic;font-size:.85rem;margin-top:.5rem}.submit-btn{background:#0af;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.submit-btn:hover{background:#08c}@media (max-width: 480px){.newform-modal{width:95%;padding:1rem}.template-item img{width:80px}.modal-header{font-size:1.25rem}.submit-btn{width:100%;font-size:.9rem}}:root{font-family:Liberation Sans,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.2em .6em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:2px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff!important}a:hover{color:#747bff}button{background-color:#f9f9f9!important}}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#242424!important}a:hover{color:#747bff}button{background-color:#1a1a1a!important}}