diff --git a/b2note.png b/b2note.png
new file mode 100644
index 0000000..e04c227
Binary files /dev/null and b/b2note.png differ
diff --git a/library.css b/library.css
index fbf3ab3..2a1058f 100644
--- a/library.css
+++ b/library.css
@@ -190,6 +190,7 @@ h2 .custom-external {
 .tooltip-custom-font-size {
     font-size: 120%;
 }
+
 /* theme */
 .uk-tooltip {
     background: #666;
@@ -854,6 +855,7 @@ dd:last-child {
     font-weight: normal !important;
     border-radius: 4px;
     background-color: #F0F0F0;
+    color: #666;
     padding: 5px 12px;
     font-size: 12px;
 }
@@ -901,7 +903,7 @@ dd:last-child {
     color: var(--portal-main-contrast);
 }
 
-.portal-button,.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
+.portal-button, .portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
 
     background-color: var(--portal-main-color);
     color: var(--portal-main-contrast);
@@ -910,7 +912,7 @@ dd:last-child {
 
 }
 
-.portal-button:hover, .portal-button:active, .portal-button:focus{
+.portal-button:hover, .portal-button:active, .portal-button:focus {
     background-color: var(--portal-dark-color);
     color: var(--portal-main-contrast);
     border: 1px solid var(--portal-dark-color);
@@ -1365,7 +1367,7 @@ textarea {
 
 /* theme */
 .uk-navbar {
-    z-index: 9999;
+    z-index: 10002;
 }
 
 /* theme */
@@ -1427,57 +1429,6 @@ input[name="code"] {
     border-radius: 1px;
 }
 
-ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus,  ul.portalTabs.uk-tab > * > a:hover {
-    color: var(--portal-main-color) !important;
-    border-color: var(--portal-main-color) !important;
-    /*font-family: Roboto, sans-serif !important;*/
-}
-ul.portalTabs.uk-tab  > .uk-active > a{
- font-weight: bold;
-}
-
-ul.portalTabs.uk-tab::before {
-    border-bottom: 1px solid var(--portal-main-color);
-}
-
-.quickSelectionsBox{
-    border: 1px solid #E6E6E6;
-    border-top:0px;
-    background-color: white;
-}
-
-.selectedFilterLabel {
-    background-color: #E5E5E5 !important;
-    border-color: #E5E5E5 !important;
-    border-radius: 2px !important;
-    color: inherit !important;
-    line-height: 15px !important;
-    padding: 3px 10px !important;
-}
-
-.searchFilterItem {
-    margin-bottom: 5px;
-}
-
-.range-button > button{
-    padding: 5px 10px !important;
-    text-transform: none !important;
-}
-
-.portal-box .mat-select-value, .portal-box .mat-select-arrow{
-    color: var(--portal-main-contrast) !important;
-
-}
-.entitiesSelection{
-    width: 150px;
-    padding:10px;
-    display: inline-block
-}
-.entitiesSelectionPanel, .matSelectionPanel{
-    margin-top: 30px !important;
-}
-
-
 .selectedFilterLabel {
     background-color: #E5E5E5;
     border-color: #E5E5E5;
@@ -1487,18 +1438,14 @@ ul.portalTabs.uk-tab::before {
     padding: 3px 10px;
 }
 
-.searchFilterItem {
-    margin-bottom: 5px;
-}
-
-.range-button > button{
+.range-button > button {
     padding: 5px 10px;
     text-transform: none;
 }
 
 /* Landing gradient title section*/
 .title-section {
-    background-image: linear-gradient(to right, #FFFFFF , #F0F0F0);
+    background-image: linear-gradient(to right, #FFFFFF, #F0F0F0);
     padding-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
@@ -1506,7 +1453,7 @@ ul.portalTabs.uk-tab::before {
     position: relative;
 }
 
-.title-section .under-curation{
+.title-section .under-curation {
     background-image: url("./under_curation.svg");
     height: 17px;
     width: 13px;
@@ -1514,7 +1461,7 @@ ul.portalTabs.uk-tab::before {
 }
 
 /* theme */
-.uk-modal .title-section h1, .feedback-page .title-section h1{
+.uk-modal .title-section h1, .feedback-page .title-section h1 {
     font-size: 18px;
     font-family: "Open Sans";
     font-weight: 400;
@@ -1612,7 +1559,7 @@ ul.portalTabs.uk-tab::before {
 }
 
 .landing #feedback-pos {
-    position:-webkit-sticky;
+    position: -webkit-sticky;
     position: sticky;
     bottom: 20px;
 }
@@ -1701,7 +1648,7 @@ svg #statistics-bars {
 
 /* Feedback page*/
 .feedback-page .title-section {
-    background-image: linear-gradient(to right, var(--portal-main-color) , #F37A53);
+    background-image: linear-gradient(to right, var(--portal-main-color), #F37A53);
 }
 
 .feedback-page .form {
@@ -1746,22 +1693,23 @@ svg #statistics-bars {
     z-index: 10000;
 }
 
-ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus,  ul.portalTabs.uk-tab > * > a:hover {
+ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover {
     color: var(--portal-main-color) !important;
     border-color: var(--portal-main-color) !important;
     /*font-family: Roboto, sans-serif !important;*/
 }
-ul.portalTabs.uk-tab  > .uk-active > a{
- font-weight: bold;
+
+ul.portalTabs.uk-tab > .uk-active > a {
+    font-weight: bold;
 }
 
 ul.portalTabs.uk-tab::before {
     border-bottom: 1px solid var(--portal-main-color);
 }
 
-.quickSelectionsBox{
+.quickSelectionsBox {
     border: 1px solid #E6E6E6;
-    border-top:0px;
+    border-top: 0px;
     background-color: white;
 }
 
@@ -1778,23 +1726,21 @@ ul.portalTabs.uk-tab::before {
     margin-bottom: 5px;
 }
 
-.range-button > button{
+.range-button > button {
     padding: 5px 10px !important;
     text-transform: none !important;
 }
 
-.portal-box .mat-select-value, .portal-box .mat-select-arrow{
+.portal-box .mat-select-value, .portal-box .mat-select-arrow {
     color: var(--portal-main-contrast) !important;
 
 }
-.entitiesSelection{
+
+.entitiesSelection {
     width: 150px;
-    padding:10px;
+    padding: 10px;
     display: inline-block
 }
-.entitiesSelectionPanel, .matSelectionPanel{
-    margin-top: 30px !important;
-}
 
 /* theme */
 .uk-input, .uk-select {
@@ -1802,7 +1748,7 @@ ul.portalTabs.uk-tab::before {
 }
 
 /* theme */
-.uk-textarea{
+.uk-textarea {
     border: 1px solid rgba(0, 0, 0, 0.42) !important;
 }
 
@@ -1814,4 +1760,48 @@ ul.portalTabs.uk-tab::before {
 /* theme */
 html {
     color: #1d1d1d !important;
-}
\ No newline at end of file
+}
+
+.b2note ul {
+    color: #1D3454;
+}
+
+.b2note button {
+    border-radius: 500px;
+    border: 1px solid #DEDEDE;
+    line-height: 17px;
+    background-color: #DEDEDE;
+    color: #515151;
+    padding: 5px 15px;
+    text-transform: uppercase;
+    font-size: 12px;
+}
+
+.b2note button:hover {
+    box-shadow: 0 1px 6px #00000033;
+}
+
+.b2note button:focus {
+    outline-color: transparent;
+}
+
+.b2note ul > li > .semantic {
+    background-color: #22356E;
+    border-radius: 4px;
+    color: white;
+    text-transform: uppercase;
+}
+
+.b2note ul > li > .keyword {
+    background-color: #596FB5;
+    border-radius: 4px;
+    color: white;
+    text-transform: uppercase;
+}
+
+.b2note ul > li > .comment {
+    background-color: #AFB3D4;
+    border-radius: 4px;
+    color: white;
+    text-transform: uppercase;
+}