ROS colored +/- radio fills

public/css/style.css

@@ -2516,4 +2516,40 @@ table.table-xs tr td {
 }
 .read [if-read-mode] {
     display: block;
-}
+}
+.rspace input[type="radio"]:checked {
+    position: relative;
+}
+.rspace input[type="radio"]:checked:before,
+.rspace input[type="radio"]:checked:after {
+    content: '';
+    position: absolute;
+    border-radius: 100%;
+    background:#fff;
+}
+
+/* colored radios */
+.rspace input[type="radio"]:checked:before {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.rspace input[type="radio"]:checked:after {
+    top: 3px;
+    left: 3px;
+    width: calc(100% - 6px);
+    height: calc(100% - 6px);
+}
+.rspace input[type="radio"][value="-"]:checked:before {
+    border: 1px solid #e7848f;
+}
+.rspace input[type="radio"][value="+"]:checked:before {
+    border: 1px solid #2d9f2d91;
+}
+.rspace input[type="radio"][value="-"]:checked:after {
+    background-color: #e7848f;
+}
+.rspace input[type="radio"][value="+"]:checked:after {
+    background-color: #2d9f2d91;
+}