body {font-family: Arial, sans-serif; margin:25px;background-color: #f3f3f3}
/*     Text Boxes        */
.textblock {margin-top:15px;padding:5px}
.textlabel {font-weight:bold;margin-bottom:6px;color:#555;font-size:1.2rem}
.textlabelblock {font-weight:bold;margin-bottom:6px;color:#555}
.textblockdesc {margin-bottom:10px;color:#555}
.textinput {padding:10px;border-radius:5px;border:1px solid #ddd}
input[type='text'],[type='email'] {border:none;font-size:18px}
input:focus {outline:none;border:none}
input:disabled, textarea:disabled {background-color:#fff}
.nameaddressblock {}
.nameaddresslabel {font-weight:bold;margin-bottom:5px;color:#666}
.nameaddresslabelblock {margin-top:20px;padding-bottom:2px}
.fieldblocktext {margin-top:30px;margin-bottom:30px}
.extratextinput {padding:10px;border-radius:5px;border:1px solid #ddd}
.extratextlabel {font-weight:bold;margin-bottom:margin-top:10px;6px;color:#555;font-size:1.2rem}
.extratextlabelblock {font-weight:bold;margin-top:10px;margin-bottom:7px;padding-left:6px;color:#555}
.extratextblock {padding-left:6px;padding-top:10px;color:#555}

/*      Radio Buttons     */
.radioblock {margin-top:15px;padding:5px}
.radiogroup {border-radius:5px;padding:8px;border:1px solid #ddd;width: fit-content}
.radioblocklabel {font-weight:bold;margin-bottom:6px;color:#555;font-size:1.2rem}
.radioitem {padding-bottom:8px}
.radiospace {padding-left:15px}
.optradiolabel {color:#555}
.radioblockdesc {margin-bottom:10px;color:#555}

/*    TextAreas          */
.textarealabel {font-weight:bold;margin-bottom:6px;color:#555;font-size:1.2rem}
.textarealabelblock {font-weight:bold;margin-bottom:6px;color:#555}
.textareablock {margin-top:15px;padding:5px}
.textareainput {padding:10px;border-radius:5px;border:1px solid #ddd;}
textarea {border:none;font-size:18px}
textarea:focus {outline:none;border:none}
.textareablockdesc {margin-bottom:10px;color:#555}
.TOF {background-color:#fff;padding:31px;padding-bottom:15px;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width:90%;margin-left:auto;margin-right:auto;margin-bottom:25px}

/*   Checkboxes           */.chkblock {margin-top:15px;padding:5px}
.chkgroup {border-radius:5px;padding:8px;border:1px solid #ddd;width: fit-content}
.chkblocklabel {font-weight:bold;margin-bottom:6px;color:#555;font-size:1.2rem}
.chkitem {padding-bottom:8px}
.chkspace {padding-left:15px}
.chkblockdesc {margin-bottom:10px;color:#555}
.optchklabel {color:#555}
.form-container {background-color:#fff;padding:20px;border-radius:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width:90%;margin-left:auto;margin-right:auto;padding-left:50px}
fieldset {border:none;padding:0}
.form-container button {padding:10px;border:none;border-radius: 5px; background-color: #4caf50;color:white;font-size:16px;cursor:pointer;font-weight:bold}
.form-container button:hover {background-color: #45a049}

/*   Spreadsheet   */
.spreadsheet {border:1px solid #ddd; border-radius:5px;background-color:#f5f5f5;padding:30px;margin-top:25px}
.tablehead {background-color:#dfdfdf;padding:15px;border-radius:3px;font-size:1.1em}
.rowlabel {background-color:#e1e1e1;border-radius:3px;color:#444;text-align:left;padding-left:15px;padding-right:15px}
td {border:1px solid black;border-radius:3px;background-color:white;padding:4px}
.ddblock {position:relative;display:inline-block;margin-top:15px;padding:5px}
.ddblock select {padding:10px; border:1px solid #ccc;border-radius: 4px; background-color: #f9f9f9; font-size:16px; color: #333; outline:none; appearance:none;  /* Remove default arrow */}
.ddblock_accept {position:relative;display:inline-block;margin-top:15px;padding:5px}
.ddblock_accept select {padding:10px; border:1px solid #ccc;border-radius: 4px; background-color: #f9f9f9; font-size:16px; color: #333; outline:none; appearance:none;  /* Remove default arrow */}
.ddblock::after {content:'';position:absolute;display:inline-block;width:0;height:0;top:50%;right:10px;transform: translateY(-50%);pointer-events:none;border-left: 5px solid transparent; border-right: 5px solid transparent;border-top:10px solid #333}
.fieldnumber {display:block;margin-left:-35px;width:35px;float:left;font-size:1.2rem}