Add separate Web eID for mobile section

Author: aarmam

example/src/main/resources/static/css/bootstrap.min.css

@@ -67,3 +67,52 @@ body {
 .eu-logo-fixed img {
     height: 86px;
 }
+
+/* Remove blue focus outline from accordion buttons */
+.accordion-button:focus {
+    box-shadow: none !important;
+    border-color: rgba(0,0,0,.125);
+}
+
+/* Remove blue highlight from active/open accordion buttons */
+.accordion-button:not(.collapsed) {
+    box-shadow: none !important;
+    border-color: rgba(0,0,0,.125);
+}
+
+/* Remove any focus-visible styles */
+.accordion-button:focus-visible {
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+/* Remove outline from accordion items */
+.accordion-button {
+    outline: none !important;
+    font-weight: bold !important;
+}
+
+/* Remove background color from opened accordion sections */
+.accordion-button:not(.collapsed) {
+    background-color: transparent !important;
+    color: inherit !important;
+}
+
+/* Keep consistent background for all accordion states */
+.accordion-button,
+.accordion-button.collapsed,
+.accordion-button:hover,
+.accordion-button:active {
+    background-color: transparent !important;
+}
+
+/* Remove any highlighting from accordion body and items */
+.accordion-item {
+    background-color: transparent !important;
+    border: none !important;
+}
+
+.accordion-body {
+    background-color: transparent !important;
+}
+