diff --git a/src/main/java/fabrik/simulator/pic16f84/Controller_Frontend.java b/src/main/java/fabrik/simulator/pic16f84/Controller_Frontend.java
index 0acc0dd..a51de2f 100644
--- a/src/main/java/fabrik/simulator/pic16f84/Controller_Frontend.java
+++ b/src/main/java/fabrik/simulator/pic16f84/Controller_Frontend.java
@@ -1,6 +1,7 @@
 package fabrik.simulator.pic16f84;
 
 import com.gluonhq.charm.glisten.control.ToggleButtonGroup;
+
 import javafx.event.ActionEvent;
 import javafx.fxml.FXML;
 
@@ -62,8 +63,8 @@ public class Controller_Frontend {
         DataRegister.increasePC();
         Table.refresh();
         Stage stage = (Stage) stepintoButton.getScene().getWindow();
+        IOPorts.refreshUI(getTRISbuttons(), getPORTbuttons());
         CreateWindow.refreshTable(stage);
-
     }
 
 
@@ -95,53 +96,105 @@ public class Controller_Frontend {
                 content.append(line).append("\n");
             }
             lstContentLabel.setText(content.toString());
-
-
-
-        } catch (IOException e) {
+        }
+        catch (IOException e) {
             e.printStackTrace();
         }
     }
 
     @FXML
-    private ToggleButtonGroup bgA0;
+    private ToggleButtonGroup bgTRISA0;
     @FXML
-    private ToggleButtonGroup bgA1;
+    private ToggleButtonGroup bgTRISA1;
     @FXML
-    private ToggleButtonGroup bgA2;
+    private ToggleButtonGroup bgTRISA2;
     @FXML
-    private ToggleButtonGroup bgA3;
+    private ToggleButtonGroup bgTRISA3;
     @FXML
-    private ToggleButtonGroup bgA4;
+    private ToggleButtonGroup bgTRISA4;
     @FXML
-    private ToggleButtonGroup bgA5;
+    private ToggleButtonGroup bgTRISA5;
     @FXML
-    private ToggleButtonGroup bgA6;
+    private ToggleButtonGroup bgTRISA6;
     @FXML
-    private ToggleButtonGroup bgA7;
+    private ToggleButtonGroup bgTRISA7;
     @FXML
-    private ToggleButtonGroup bgB0;
+    private ToggleButtonGroup bgTRISB0;
     @FXML
-    private ToggleButtonGroup bgB1;
+    private ToggleButtonGroup bgTRISB1;
     @FXML
-    private ToggleButtonGroup bgB2;
+    private ToggleButtonGroup bgTRISB2;
     @FXML
-    private ToggleButtonGroup bgB3;
+    private ToggleButtonGroup bgTRISB3;
     @FXML
-    private ToggleButtonGroup bgB4;
+    private ToggleButtonGroup bgTRISB4;
     @FXML
-    private ToggleButtonGroup bgB5;
+    private ToggleButtonGroup bgTRISB5;
     @FXML
-    private ToggleButtonGroup bgB6;
+    private ToggleButtonGroup bgTRISB6;
     @FXML
-    private ToggleButtonGroup bgB7;
+    private ToggleButtonGroup bgTRISB7;
+    @FXML
+    private ToggleButtonGroup bgPORTA0;
+    @FXML
+    private ToggleButtonGroup bgPORTA1;
+    @FXML
+    private ToggleButtonGroup bgPORTA2;
+    @FXML
+    private ToggleButtonGroup bgPORTA3;
+    @FXML
+    private ToggleButtonGroup bgPORTA4;
+    @FXML
+    private ToggleButtonGroup bgPORTA5;
+    @FXML
+    private ToggleButtonGroup bgPORTA6;
+    @FXML
+    private ToggleButtonGroup bgPORTA7;
+    @FXML
+    private ToggleButtonGroup bgPORTB0;
+    @FXML
+    private ToggleButtonGroup bgPORTB1;
+    @FXML
+    private ToggleButtonGroup bgPORTB2;
+    @FXML
+    private ToggleButtonGroup bgPORTB3;
+    @FXML
+    private ToggleButtonGroup bgPORTB4;
+    @FXML
+    private ToggleButtonGroup bgPORTB5;
+    @FXML
+    private ToggleButtonGroup bgPORTB6;
+    @FXML
+    private ToggleButtonGroup bgPORTB7;
 
+    private static ToggleButtonGroup[] allTRISbuttons;
+    private static ToggleButtonGroup[] allPORTbuttons;
 
     public void initialize() {
-        ToggleButtonGroup [] allButtons = {bgA0, bgA1, bgA2, bgA3, bgA4, bgA5, bgA6, bgA7, bgB0, bgB1, bgB2, bgB3, bgB4, bgB5, bgB6, bgB7};
+        ToggleButtonGroup [] allTRISButtons = {bgTRISA0, bgTRISA1, bgTRISA2, bgTRISA3, bgTRISA4, bgTRISA5, bgTRISA6, bgTRISA7, bgTRISB0, bgTRISB1, bgTRISB2, bgTRISB3, bgTRISB4, bgTRISB5, bgTRISB6, bgTRISB7};
+        ToggleButtonGroup [] allPORTButtons = {bgPORTA0, bgPORTA1, bgPORTA2, bgPORTA3, bgPORTA4, bgPORTA5, bgPORTA6, bgPORTA7, bgPORTB0, bgPORTB1, bgPORTB2, bgPORTB3, bgPORTB4, bgPORTB5, bgPORTB6, bgPORTB7};
         for (int i = 0; i<16; i++) {
-            ToggleButtonGroupExt.get().addAlwaysOneSelectedSupport(allButtons[i]);
+            ToggleButtonGroupExt.get().addAlwaysOneSelectedSupport(allTRISButtons[i]);
+            ToggleButtonGroupExt.get().addAlwaysOneSelectedSupport(allPORTButtons[i]);
         }
+        setTRISbuttons(allTRISButtons);
+        setPORTbuttons(allPORTButtons);
+    }
+
+    private static void setTRISbuttons(ToggleButtonGroup[] allButtons) {
+        allTRISbuttons = allButtons;
+    }
+
+    public static ToggleButtonGroup [] getTRISbuttons() {
+        return allTRISbuttons;
+    }
+
+    private static void setPORTbuttons(ToggleButtonGroup[] allButtons) {
+        allPORTbuttons = allButtons;
+    }
+
+    public static ToggleButtonGroup [] getPORTbuttons() {
+        return allPORTbuttons;
     }
 }
 
diff --git a/src/main/java/fabrik/simulator/pic16f84/CreateWindow.java b/src/main/java/fabrik/simulator/pic16f84/CreateWindow.java
index 353690e..f1c734f 100644
--- a/src/main/java/fabrik/simulator/pic16f84/CreateWindow.java
+++ b/src/main/java/fabrik/simulator/pic16f84/CreateWindow.java
@@ -22,7 +22,6 @@ public class CreateWindow extends Application {
     public void start(Stage primaryStage) throws IOException{
         DataRegister.initDataRegister();
         table = Table.refresh();
-
         FXMLLoader codewindow = new FXMLLoader(CreateWindow.class.getResource("frontend.fxml"));
         Parent code = codewindow.load();
 
diff --git a/src/main/java/fabrik/simulator/pic16f84/DataRegister.java b/src/main/java/fabrik/simulator/pic16f84/DataRegister.java
index 1ce8f13..017efc8 100644
--- a/src/main/java/fabrik/simulator/pic16f84/DataRegister.java
+++ b/src/main/java/fabrik/simulator/pic16f84/DataRegister.java
@@ -34,7 +34,7 @@ public class DataRegister {
         dataRegister[0x81] = 0b11111111;
         dataRegister[0x80 + PCL] = dataRegister[PCL];
         dataRegister[0x80 + STATUS] = dataRegister[STATUS];
-        dataRegister[TRISA] = 0b11111000;
+        dataRegister[TRISA] = 0b11111111;
         dataRegister[TRISB] = 0b11111111;
         dataRegister[0x80 + PCLATH] = dataRegister[PCLATH];
         dataRegister[0x80 + INTCON] = dataRegister[INTCON];
@@ -139,6 +139,14 @@ public class DataRegister {
         }
     }
 
+    public static void setDirectBit (int fileAddress, int bit, int value){
+        if (getDirectBit(fileAddress, bit) == 0 && value == 1){
+            dataRegister[fileAddress] += (int) Math.pow(2, bit);
+        } else if (getDirectBit(fileAddress, bit) == 1 && value == 0){
+            dataRegister[fileAddress] -= (int) Math.pow(2, bit);
+        }
+    }
+
     private static int programCounter = 0;
 
     private static void writeToPCL(){
diff --git a/src/main/java/fabrik/simulator/pic16f84/IOPorts.java b/src/main/java/fabrik/simulator/pic16f84/IOPorts.java
index 49a95ce..b005550 100644
--- a/src/main/java/fabrik/simulator/pic16f84/IOPorts.java
+++ b/src/main/java/fabrik/simulator/pic16f84/IOPorts.java
@@ -1,5 +1,12 @@
 package fabrik.simulator.pic16f84;
 
+import com.gluonhq.charm.glisten.control.ToggleButtonGroup;
+import javafx.collections.ObservableList;
+import javafx.scene.control.ToggleButton;
+import javafx.stage.Stage;
+
+import java.io.IOException;
+
 public class IOPorts {
     private static final int A = 0;
     private static final int B = 1;
@@ -8,7 +15,7 @@ public class IOPorts {
     private static final int TRISA = 0x85;
     private static final int TRISB = 0x86;
 
-    private static int [] trisLatch = new int[2];
+    private static int [] trisLatch = {0xFF, 0xFF};
     private static int [] dataLatch = new int[2];
 
     public static void setBit (int address, int bit){
@@ -46,7 +53,86 @@ public class IOPorts {
     }
 
     private static void refreshPorts() {
-        System.out.println("PORTA: " + DataRegister.getDirectRegister(PORTA) + "; DATALATCHA: " + dataLatch[A] + "; TRISA: " + trisLatch[A]);
-        System.out.println("PORTB: " + DataRegister.getDirectRegister(PORTB) + "; DATALATCHB: " + dataLatch[B] + "; TRISB: " + trisLatch[B]);
+        DataRegister.setDirectRegister(PORTA, ((~((~dataLatch[A])&0xFF | trisLatch[A])) | (trisLatch[A] & DataRegister.getDirectRegister(PORTA))) & 0x1F);
+        DataRegister.setDirectRegister(PORTB, ((~((~dataLatch[B])&0xFF | trisLatch[B])) | (trisLatch[B] & DataRegister.getDirectRegister(PORTB))) & 0xFF);
+        DataRegister.setDirectRegister(TRISA, trisLatch[A]);
+        DataRegister.setDirectRegister(TRISB, trisLatch[B]);
+        ToggleButtonGroup[] buttons = Controller_Frontend.getPORTbuttons();
+        for (int i = 0; i < buttons.length; i++){
+            int port = (i < 8) ? PORTA : PORTB;
+            int bit = i % 8;
+            boolean value = ((DataRegister.getDirectRegister(port) >> bit) & 1) == 1;
+            buttons[i].getToggles().get(0).setSelected(!value);
+            buttons[i].getToggles().get(1).setSelected(value);
+        }
+    }
+
+    public static void refreshUI(ToggleButtonGroup[] buttonsTRIS, ToggleButtonGroup[] buttonsPORT) {
+        for (int i = 0; i< buttonsTRIS.length; i++){
+            int tris = (i < 8) ? trisLatch[A] : trisLatch[B];
+            boolean val = isInput(tris, i%8);
+            buttonsPORT[i].setDisable(!val);
+            buttonsTRIS[i].getToggles().get(0).setSelected(val);
+            buttonsTRIS[i].getToggles().get(1).setSelected(!val);
+        }
+    }
+
+    private static boolean isInput(int i, int bit) {
+        return (i >> bit & 1) == 1;
+    }
+
+    public static void setTRISfromUI(ToggleButtonGroup parent) throws IOException {
+        int [] params = getToggleParams(parent);
+        int tris = params[0];
+        int bit = params[1];
+        int value = params[2];
+        ToggleButtonGroup [] buttonsPORT = Controller_Frontend.getPORTbuttons();
+        if (value == 1){
+            setBit(tris, bit);
+            buttonsPORT[(tris-TRISA)*8 + bit].setDisable(false);
+        }
+        else{
+            clearBit(tris, bit);
+            buttonsPORT[(tris-TRISA)*8 + bit].setDisable(true);
+        }
+        refreshPorts();
+        refreshTable(parent);
+    }
+
+    public static void setPORTfromUI(ToggleButtonGroup parent) throws IOException {
+        int [] params = getToggleParams(parent);
+        int port = params[0];
+        int bit = params[1];
+        int value = params [2];
+        value = (value == 1) ? 0 : 1;
+        DataRegister.setDirectBit(port, bit, value);
+        refreshPorts();
+        refreshTable(parent);
+    }
+
+    private static void refreshTable(ToggleButtonGroup parent) throws IOException {
+        Stage stage = (Stage) parent.getScene().getWindow();
+        Table.refresh();
+        CreateWindow.refreshTable(stage);
+    }
+
+    private static int[] getToggleParams(ToggleButtonGroup parent) {
+        String group = parent.getId();
+        ObservableList<ToggleButton> toggles = parent.getToggles();
+        int fileAddress;
+        if (group.contains("TRIS"))
+            if (group.contains("A"))
+                fileAddress = TRISA;
+            else
+                fileAddress = TRISB;
+        else
+            if (group.contains("A"))
+                fileAddress = PORTA;
+            else
+                fileAddress = PORTB;
+        char index =group.charAt(group.length()-1);
+        int bit = Integer.parseInt(String.valueOf(index));
+        int value = (toggles.get(0).isSelected()) ? 1 : 0;
+        return new int[]{fileAddress, bit, value};
     }
 }
diff --git a/src/main/java/fabrik/simulator/pic16f84/ToggleButtonGroupExt.java b/src/main/java/fabrik/simulator/pic16f84/ToggleButtonGroupExt.java
index 837048a..5fb2672 100644
--- a/src/main/java/fabrik/simulator/pic16f84/ToggleButtonGroupExt.java
+++ b/src/main/java/fabrik/simulator/pic16f84/ToggleButtonGroupExt.java
@@ -7,6 +7,8 @@ import javafx.scene.control.Toggle;
 import javafx.scene.control.ToggleButton;
 import javafx.scene.input.MouseEvent;
 
+import java.io.IOException;
+
 public class ToggleButtonGroupExt {
     private static ToggleButtonGroupExt me;
 
@@ -40,6 +42,21 @@ public class ToggleButtonGroupExt {
 
     public EventHandler<MouseEvent> consumeMouseEventfilter = (MouseEvent mouseEvent) -> {
         if (((Toggle) mouseEvent.getSource()).isSelected()) {
+            ToggleButtonGroup parent = (ToggleButtonGroup) ((ToggleButton) mouseEvent.getSource()).getParent();
+            if (parent.getId().contains("TRIS")) {
+                try {
+                    IOPorts.setTRISfromUI(parent);
+                } catch (IOException e) {
+                    throw new RuntimeException(e);
+                }
+            }
+            else {
+                try {
+                    IOPorts.setPORTfromUI(parent);
+                } catch (IOException e) {
+                    throw new RuntimeException(e);
+                }
+            }
             mouseEvent.consume();
         }
     };
diff --git a/src/main/resources/fabrik/simulator/pic16f84/frontend.fxml b/src/main/resources/fabrik/simulator/pic16f84/frontend.fxml
index 11b48a9..32f5622 100644
--- a/src/main/resources/fabrik/simulator/pic16f84/frontend.fxml
+++ b/src/main/resources/fabrik/simulator/pic16f84/frontend.fxml
@@ -42,6 +42,7 @@
                 <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                 <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                 <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                  <RowConstraints minHeight="10.0" prefHeight="10.0" vgrow="SOMETIMES" />
                   <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                   <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                   <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
@@ -88,7 +89,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="3" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA5">
+                        <ToggleButtonGroup fx:id="bgTRISA5" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                             <toggles>
                                 <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                                 <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -168,7 +169,7 @@
                   </VBox>
                   <VBox alignment="CENTER" layoutX="217.0" layoutY="56.0" GridPane.columnIndex="1" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA7">
+                        <ToggleButtonGroup fx:id="bgTRISA7" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -185,7 +186,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="2" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA6">
+                        <ToggleButtonGroup fx:id="bgTRISA6" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -202,7 +203,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="4" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA4">
+                        <ToggleButtonGroup fx:id="bgTRISA4" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -219,7 +220,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="5" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA3">
+                        <ToggleButtonGroup fx:id="bgTRISA3" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -236,7 +237,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="6" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA2">
+                        <ToggleButtonGroup fx:id="bgTRISA2" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -253,7 +254,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="7" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA1">
+                        <ToggleButtonGroup fx:id="bgTRISA1" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -270,7 +271,7 @@
                   </VBox>
                   <VBox alignment="CENTER" GridPane.columnIndex="8" GridPane.rowIndex="1">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgA0">
+                        <ToggleButtonGroup fx:id="bgTRISA0" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -285,7 +286,7 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="RB">
                            <font>
@@ -294,7 +295,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="3" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="3" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="5">
                            <font>
@@ -303,7 +304,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="1" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="1" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="7">
                            <font>
@@ -312,7 +313,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="2" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="2" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="6">
                            <font>
@@ -321,7 +322,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="4" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="4" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="4">
                            <font>
@@ -330,7 +331,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="5" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="5" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="3">
                            <font>
@@ -339,7 +340,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="6" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="6" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="2">
                            <font>
@@ -348,7 +349,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="7" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="7" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="1">
                            <font>
@@ -357,7 +358,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="8" GridPane.rowIndex="3">
+                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="8" GridPane.rowIndex="4">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0">
                            <font>
@@ -366,7 +367,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="56.0" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="56.0" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="5">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="TRIS">
                            <font>
@@ -375,7 +376,7 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.rowIndex="6">
                      <children>
                         <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="PORT">
                            <font>
@@ -384,9 +385,9 @@
                         </Text>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="217.0" layoutY="56.0" GridPane.columnIndex="1" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="217.0" layoutY="56.0" GridPane.columnIndex="1" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB7">
+                        <ToggleButtonGroup fx:id="bgTRISB7" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -401,9 +402,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="57.0" layoutY="56.0" GridPane.columnIndex="8" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="57.0" layoutY="56.0" GridPane.columnIndex="8" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB0">
+                        <ToggleButtonGroup fx:id="bgTRISB0" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -418,9 +419,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="137.0" layoutY="56.0" GridPane.columnIndex="7" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="137.0" layoutY="56.0" GridPane.columnIndex="7" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB1">
+                        <ToggleButtonGroup fx:id="bgTRISB1" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -435,9 +436,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="297.0" layoutY="56.0" GridPane.columnIndex="6" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="297.0" layoutY="56.0" GridPane.columnIndex="6" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB2">
+                        <ToggleButtonGroup fx:id="bgTRISB2" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -452,9 +453,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="377.0" layoutY="56.0" GridPane.columnIndex="5" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="377.0" layoutY="56.0" GridPane.columnIndex="5" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB3">
+                        <ToggleButtonGroup fx:id="bgTRISB3" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -469,9 +470,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="457.0" layoutY="56.0" GridPane.columnIndex="4" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="457.0" layoutY="56.0" GridPane.columnIndex="4" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB4">
+                        <ToggleButtonGroup fx:id="bgTRISB4" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -486,9 +487,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="537.0" layoutY="56.0" GridPane.columnIndex="3" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="537.0" layoutY="56.0" GridPane.columnIndex="3" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB5">
+                        <ToggleButtonGroup fx:id="bgTRISB5" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -503,9 +504,9 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="617.0" layoutY="56.0" GridPane.columnIndex="2" GridPane.rowIndex="4">
+                  <VBox alignment="CENTER" layoutX="617.0" layoutY="56.0" GridPane.columnIndex="2" GridPane.rowIndex="5">
                      <children>
-                        <ToggleButtonGroup prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE" fx:id="bgB6">
+                        <ToggleButtonGroup fx:id="bgTRISB6" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
                            <toggles>
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="I" />
                               <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="O">
@@ -520,148 +521,276 @@
                         </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="57.0" layoutY="10.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="1" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="57.0" layoutY="59.0" GridPane.columnIndex="1" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA7" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="57.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="8" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="57.0" layoutY="108.0" GridPane.columnIndex="8" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA0" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="4" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="7" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA1" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="3" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="6" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA2" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="2" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="5" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA3" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="617.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="6" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="4" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA4" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="5" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="3" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA5" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="457.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="7" GridPane.rowIndex="2">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="2" GridPane.rowIndex="2">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTA6" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="617.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="8" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="57.0" layoutY="108.0" GridPane.columnIndex="8" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB0" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="297.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="7" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="7" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB1" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="217.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="6" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="6" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB2" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="137.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="5" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="5" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB3" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="457.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="4" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="4" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB4" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="377.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="3" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="3" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB5" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" layoutX="537.0" layoutY="102.0" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="2" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="2" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB6" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
-                  <VBox alignment="CENTER" prefHeight="200.0" prefWidth="100.0" GridPane.columnIndex="1" GridPane.rowIndex="5">
+                  <VBox alignment="CENTER" layoutX="10.0" layoutY="10.0" GridPane.columnIndex="1" GridPane.rowIndex="6">
                      <children>
-                        <Text nodeOrientation="LEFT_TO_RIGHT" strokeType="OUTSIDE" strokeWidth="0.0" text="0" textAlignment="CENTER">
-                           <font>
-                              <Font name="System Bold" size="23.0" />
-                           </font>
-                        </Text>
+                        <ToggleButtonGroup fx:id="bgPORTB7" prefHeight="30.0" prefWidth="39.0" selectionType="SINGLE">
+                           <toggles>
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" selected="true" text="0" />
+                              <ToggleButton contentDisplay="CENTER" minWidth="30.0" prefHeight="30.0" prefWidth="30.0" text="1">
+                                 <padding>
+                                    <Insets left="5.0" />
+                                 </padding>
+                              </ToggleButton>
+                           </toggles>
+                           <padding>
+                              <Insets left="5.0" />
+                           </padding>
+                        </ToggleButtonGroup>
                      </children>
                   </VBox>
                </children>