Applying theme to radio and checkbox when they are correctly formatted

WIP #2

basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css

@@ -204,8 +204,7 @@ main a {
 
 .form-group textarea,
 .form-group input,
-.form-group select,
-.form-group .form-check-label{
+.form-group select{
     color: #2d96fa !important;
     border-radius: 0px;
     /*border: 0px;
@@ -217,6 +216,43 @@ main a {
     border-bottom: 1px solid #2d96fa;
 }
 
+:not(label)>input[type="radio"] {
+    display:none;
+}
+input[type="radio"] + label:before,
+input[type="radio"] + label span:before
+{
+font-family: "FontAwesome";
+content: "\f1db";
+color: #989287;
+margin-left: -1.25rem;
+}
+input[type="radio"]:checked + label:before,
+input[type="radio"]:checked + label span:before
+{
+content: "\f05d";
+color: #0275e3;
+}
+
+:not(label)>input[type="checkbox"] {
+    display:none;
+}
+input[type="checkbox"] + label:before,
+input[type="checkbox"] + label span:before
+{
+font-family: "FontAwesome";
+content: "\f096";
+color: #989287;
+margin-left: -1.25rem;
+position: absolute;
+}
+input[type="checkbox"]:checked + label:before,
+input[type="checkbox"]:checked + label span:before
+{
+content: "\f046";
+color: #0275e3;
+}
+
 .card {
     border-radius: 0px;
 }