diff --git a/css/import.css b/css/import.css
index 8fc7727..11ff9dc 100644
--- a/css/import.css
+++ b/css/import.css
@@ -24,3 +24,4 @@
 
 @import "openaire.css";
 
+@import "structure/stepper.css";
diff --git a/css/structure/button.css b/css/structure/button.css
index 0818344..949e81c 100644
--- a/css/structure/button.css
+++ b/css/structure/button.css
@@ -1,4 +1,7 @@
 :root {
+  /* Default */
+  --button-default-color-hover: var(--primary-color);
+
     /* Primary */
   --button-primary-background: var(--primary-color);
   --button-primary-background-image: none;
@@ -19,7 +22,9 @@
   --button-secondary-color-hover: var(--light-color);
   --button-secondary-border-color-hover: transparent;
 }
-
+.uk-button-default:hover {
+  color: var(--button-default-color-hover);
+}
 .uk-button-primary {
   background-color: var(--button-primary-background);
   background-image: var(--button-primary-background-image);
diff --git a/css/structure/stepper.css b/css/structure/stepper.css
new file mode 100644
index 0000000..a40ed00
--- /dev/null
+++ b/css/structure/stepper.css
@@ -0,0 +1,78 @@
+:root {
+  --step-active-text: var(--secondary-color);
+  --step-active-background: var(--secondary-color);
+  --step-active-color: var(--light-color);
+
+  --step-done-text: var(--primary-color);
+  --step-done-background: var(--primary-color);
+  --step-done-color: var(--light-color);
+
+  --step-default-text: var(--primary-color);
+  --step-default-background: var(--light-color);
+  --step-default-color: var(--primary-color);
+  --step-default-background-hover: var(--primary-color);
+  --step-default-color-hover: var(--light-color);
+
+  /*--step-disabled-text: var(--uk-te);*/
+  /*--step-disabled-background --step-disabled-color*/
+}
+
+.stepper-line {
+  /*border-top-width: 3px;*/
+  /*border-top-style: solid;*/
+  /*flex: auto;*/
+  /*height: 0;*/
+  margin: 0 -16px;
+  margin-left: -16px;
+  min-width: 32px;
+  height: 16px;
+}
+.stepper button.active{
+  background-color:var(--step-active-background);
+  color:var(--step-active-color);
+}
+.stepper .stepper-text.active{
+  color:var(--step-active-text);
+}
+.stepper button.done{
+  background-color:var(--step-done-background);
+  color:var(--step-done-color);
+}
+.stepper .stepper-text.done{
+  color:var(--step-done-text);
+}
+.stepper button.default{
+  background-color:var(--step-default-background);
+  color:var(--step-default-color);
+}
+.stepper button.default:hover{
+  background-color:var(--step-default-background-hover);
+  color:var(--step-default-color-hover);
+}
+.stepper .stepper-text.default{
+  color:var(--step-default-text);
+}
+.stepper .stepper-line {
+  /*border-top-color: rgba(0, 0, 0, 0.12);*/
+
+  box-shadow: inset -3px -3px 6px rgba(100, 100, 100, 0.5);
+  border-radius: 6px;
+  opacity: 1;
+}
+.stepper .stepper-line  {
+  box-shadow:inset -3px -3px 6px #FFFFFFE6;
+}
+.stepper .stepper-line.active, .stepper .stepper-line.done  {
+background-color: var(--step-done-background);
+}
+/*.stepper .stepper-line.default {*/
+/*  background-color: var(--step-default-background);*/
+/*}*/
+.stepper .stepper-line.disabled {
+  background-color: var(--muted-color);
+
+}
+.stepper .stepper-line-container{
+  position: absolute; bottom: -4px; left: -90px; right: 0; width: 200px;
+}
+