1 files changed, 21 insertions, 35 deletions

diff --git a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
index 959a99663a..3a2168aeb0 100644
--- a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
+++ b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
@@ -2,59 +2,52 @@
 
 @circle_size: 13px;
 
-.custom-modal {
+.custom-modal{
   font-family: @font-opensans-regular;
 }
 
-/deep/ .multi-steps-wizard {
+/deep/ multi-steps-wizard {
   display: none;
 }
 
-.ng2-modal-header {
+.ng2-modal-header{
   border: none !important;
 }
 
-.ng2-modal-body {
+.ng2-modal-body{
   padding-top: 0 !important;
 }
 
-header {
+header{
   margin-bottom: 10px;
-
-  .dynamic-header-container {
+  .dynamic-header-container{
     position: relative;
     top: -9px;
   }
-
-  .steps-header {
+  .steps-header{
     display: flex;
-
-    .step-title {
+    .step-title{
       flex: 1;
-
-      .title-text {
+      .title-text{
         width: 100%;
         text-align: center;
         line-height: 40px;
         background-color: @tlv_color_u;
         font-size: 13px;
       }
-
-      .line {
+      .line{
         width: calc(~'100% - @{circle_size}');
         position: relative;
         left: calc(~'(100% - @{circle_size})/2 * (-1)');
         float: left;
         height: 2px;
-
-        .inner-line {
+        .inner-line{
           background-color: @main_color_a;
           height: 100%;
         }
       }
-
-      .circle {
-        margin: 0 auto;
+      .circle{
+        margin:0 auto;
         border: @main_color_o solid 1px;
         height: @circle_size;
         width: @circle_size;
@@ -64,17 +57,14 @@ header {
         background-color: @main_color_p;
         z-index: 1;
       }
-
-      .full-circle {
+      .full-circle{
         border-color: @main_color_a;
         background-color: @main_color_a;
       }
-
-      &.active {
+      &.active{
         color: @main_color_a;
         font-family: @font-opensans-medium;
-
-        .circle {
+        .circle{
           border-color: @main_color_a;
         }
       }
@@ -82,21 +72,17 @@ header {
   }
 }
 
-.navigation-buttons {
+.navigation-buttons{
   padding-left: 6px;
   border-left: 1px solid @main_color_a;
-
-  .navigation-button {
+  .navigation-button{
     padding: 0 8px;
-
-    .navigation-icon {
+    .navigation-icon{
       margin: 3px 0;
-
-      &.blue-arrow-back {
+      &.blue-arrow-back{
         float: left;
       }
-
-      &.white-arrow-next {
+      &.white-arrow-next{
         float: right;
       }
     }