diff --git a/less/qfq-bs.css.less b/less/qfq-bs.css.less
index 1a4b2021acb739327d6f74ace6e0ca1c47582906..fd685d260c0b1c7e92c936a0aef3b32f710f87d4 100644
--- a/less/qfq-bs.css.less
+++ b/less/qfq-bs.css.less
@@ -193,4 +193,47 @@ i.@{spinner_class} {
 //
 //.text-note {
 //  padding-top: 7px;
-//}
\ No newline at end of file
+//}
+
+/* classes for toggleable note mockup, bb */
+.qfq-icon-inside {
+  position: relative;
+  top: -22px;
+  left: calc(100% - 26px);
+}
+
+.qfq-margin-top {
+  margin-top: 10px;
+}
+
+/* spinning icons */
+
+.text-large-with-margin {
+  font-size: 8em;
+  margin: 0.4em;
+}
+
+.glyphicon-spin {
+  -webkit-animation: spin 2000ms infinite linear;
+  animation: spin 2000ms infinite linear;
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
\ No newline at end of file