diff --git a/src/style/main.scss b/src/style/main.scss
index c124b2278..d03d89d95 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -66,247 +66,247 @@
 
 
 @media only screen and (min-width: 1024px) {
-    // overflow
-    .v-application-md .overflow-md-auto {overflow: auto !important;}
-    .overflow-md-hidden {overflow: hidden !important;}
-    .overflow-md-visible {overflow: visible !important;}
-    .overflow-md-x-auto {overflow-x: auto !important;}
-    .overflow-md-x-hidden {overflow-x: hidden !important;}
-    .overflow-md-y-auto {overflow-y: auto !important;}
-    .overflow-md-y-hidden {overflow-y: hidden !important;}
-    //display
-    .d-md-flex {display: flex !important;}
-    .d-md-inline-flex {display: inline-flex !important;}
-    .d-md-none {display: none !important;}
-    .d-md-inline {display: inline !important;}
-    .d-md-inline-block {display: inline-block !important;}
-    .d-md-block {display: block !important;}
-    .d-md-table {display: table !important;}
-    .d-md-table-row {display: table-row !important;}
-    .d-md-table-cell {display: table-cell !important;}
-    .d-md-flex {display: flex !important;}
-    .d-md-inline-flex {display: inline-flex !important;}
-    //float
-    .float-md-none {float: none !important;}
-    .float-md-left {float: left !important;}
-    .float-md-right {float: right !important;}
-    //flex
-    .flex-md-fill {flex: 1 1 auto !important;}
-    .flex-md-row {flex-direction: row !important;}
-    .flex-md-column {flex-direction: column !important;}
-    .flex-md-row-reverse {flex-direction: row-reverse !important;}
-    .flex-md-column-reverse {flex-direction: column-reverse !important;}
-    .flex-md-grow-0 {flex-grow: 0 !important;}
-    .flex-md-grow-1 {flex-grow: 1 !important;}
-    .flex-md-1{ flex: 1;}
-    .flex-md-0{ flex: 0;}
-    .flex-md-shrink-0 {flex-shrink: 0 !important;}
-    .flex-md-shrink-1 {flex-shrink: 1 !important;}
-    .flex-md-wrap {flex-wrap: wrap !important;}
-    .flex-md-nowrap {flex-wrap: nowrap !important;}
-    .flex-md-wrap-reverse {flex-wrap: wrap-reverse !important;}
-    // justify
-    .justify-md-end{  justify-content: flex-end !important;}
-    .justify-md-center{ justify-content: flex-start !important;}
-    .justify-md-space-between{ justify-content: space-between !important;}
-    .justify-md-space-around{ justify-content: space-around !important;}
-    // align
-    .align-md-start{ align-items: flex-start !important;}
-    .align-md-end{align-items: flex-end !important;}
-    .align-md-center{ align-items: center !important;}
-    .align-md-baseline{ align-items: baseline !important;}
-    .align-md-stretch{align-items: stretch !important;}
-    // .align-self
-    .align-self-md-start{ align-self: flex-start !important;}
-    .align-self-md-end{ align-self: flex-end !important;}
-    .align-self-md-center{ align-self: center !important;}
-    .align-self-md-baseline{ align-self: baseline !important;}
-    .align-self-md-auto{ align-self: auto !important;}
-    .align-self-md-stretch{ align-self: stretch !important; }
-    // flex wrap
-    .flex-md-nowrap{   flex-wrap: nowrap !important;}
-    .flex-md-wrap{  flex-wrap: wrap !important;}
-    .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important;}
-    // align content
-    .align-md-content-start{  align-content: flex-start !important;}
-    .align-md-content-end{  align-content: flex-end !important;}
-    .align-md-content-center{ align-content: center !important;}
-    .align-md-content-space-between{ align-content: space-between !important;}
-    .align-md-content-space-around{ align-content: space-around !important;}
-    .align-md-content-stretch{ align-content: stretch !important;}
+  // overflow
+  .v-application-md .overflow-md-auto {overflow: auto !important;}
+  .overflow-md-hidden {overflow: hidden !important;}
+  .overflow-md-visible {overflow: visible !important;}
+  .overflow-md-x-auto {overflow-x: auto !important;}
+  .overflow-md-x-hidden {overflow-x: hidden !important;}
+  .overflow-md-y-auto {overflow-y: auto !important;}
+  .overflow-md-y-hidden {overflow-y: hidden !important;}
+  //display
+  .d-md-flex {display: flex !important;}
+  .d-md-inline-flex {display: inline-flex !important;}
+  .d-md-none {display: none !important;}
+  .d-md-inline {display: inline !important;}
+  .d-md-inline-block {display: inline-block !important;}
+  .d-md-block {display: block !important;}
+  .d-md-table {display: table !important;}
+  .d-md-table-row {display: table-row !important;}
+  .d-md-table-cell {display: table-cell !important;}
+  .d-md-flex {display: flex !important;}
+  .d-md-inline-flex {display: inline-flex !important;}
+  //float
+  .float-md-none {float: none !important;}
+  .float-md-left {float: left !important;}
+  .float-md-right {float: right !important;}
+  //flex
+  .flex-md-fill {flex: 1 1 auto !important;}
+  .flex-md-row {flex-direction: row !important;}
+  .flex-md-column {flex-direction: column !important;}
+  .flex-md-row-reverse {flex-direction: row-reverse !important;}
+  .flex-md-column-reverse {flex-direction: column-reverse !important;}
+  .flex-md-grow-0 {flex-grow: 0 !important;}
+  .flex-md-grow-1 {flex-grow: 1 !important;}
+  .flex-md-1{ flex: 1;}
+  .flex-md-0{ flex: 0;}
+  .flex-md-shrink-0 {flex-shrink: 0 !important;}
+  .flex-md-shrink-1 {flex-shrink: 1 !important;}
+  .flex-md-wrap {flex-wrap: wrap !important;}
+  .flex-md-nowrap {flex-wrap: nowrap !important;}
+  .flex-md-wrap-reverse {flex-wrap: wrap-reverse !important;}
+  // justify
+  .justify-md-end{  justify-content: flex-end !important;}
+  .justify-md-center{ justify-content: flex-start !important;}
+  .justify-md-space-between{ justify-content: space-between !important;}
+  .justify-md-space-around{ justify-content: space-around !important;}
+  // align
+  .align-md-start{ align-items: flex-start !important;}
+  .align-md-end{align-items: flex-end !important;}
+  .align-md-center{ align-items: center !important;}
+  .align-md-baseline{ align-items: baseline !important;}
+  .align-md-stretch{align-items: stretch !important;}
+  // .align-self
+  .align-self-md-start{ align-self: flex-start !important;}
+  .align-self-md-end{ align-self: flex-end !important;}
+  .align-self-md-center{ align-self: center !important;}
+  .align-self-md-baseline{ align-self: baseline !important;}
+  .align-self-md-auto{ align-self: auto !important;}
+  .align-self-md-stretch{ align-self: stretch !important; }
+  // flex wrap
+  .flex-md-nowrap{   flex-wrap: nowrap !important;}
+  .flex-md-wrap{  flex-wrap: wrap !important;}
+  .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important;}
+  // align content
+  .align-md-content-start{  align-content: flex-start !important;}
+  .align-md-content-end{  align-content: flex-end !important;}
+  .align-md-content-center{ align-content: center !important;}
+  .align-md-content-space-between{ align-content: space-between !important;}
+  .align-md-content-space-around{ align-content: space-around !important;}
+  .align-md-content-stretch{ align-content: stretch !important;}
 
-    @for $i from 0 through 50 {
-        .font-md-#{$i} {
-            font-size: #{$i}px ;
-        }
-    }
-    @for $i from 0 through 10 {
+  @for $i from 0 through 50 {
+      .font-md-#{$i} {
+          font-size: #{$i}px ;
+      }
+  }
+  @for $i from 0 through 10 {
 
-        $size: $i * 5;
-        
-        $properties:
-          "margin" "m",
-          "padding" "p";
-      
-        @each $property, $short in $properties {
-          // all directions
-          .#{$short}-md-a-#{$size} {
-            #{$property}-left: #{$size}px !important; 
-            #{$property}-right: #{$size}px !important;
-            #{$property}-top: #{$size}px !important; 
-            #{$property}-bottom: #{$size}px !important;
-          }
-          // top
-          .#{$short}-md-t-#{$size} {
-            #{$property}-top: #{$size}px !important
-          }
-          // bottom
-          .#{$short}-md-b-#{$size} {
-            #{$property}-bottom: #{$size}px !important
-          }
-          // left
-          .#{$short}-md-l-#{$size} {
-            #{$property}-left: #{$size}px!important
-          }
-          // right
-          .#{$short}-md-r-#{$size} {
-            #{$property}-right: #{$size}px!important
-          }
-          // left and right
-          .#{$short}-md-x-#{$size} {
-            #{$property}-left: #{$size}px!important;
-            #{$property}-right: #{$size}px!important;
-          }
-          // top and bottom
-          .#{$short}-md-y-#{$size} {
-            #{$property}-top: #{$size}px !important;
-            #{$property}-bottom: #{$size}px !important;
-          }
+      $size: $i * 5;
       
+      $properties:
+        "margin" "m",
+        "padding" "p";
+    
+      @each $property, $short in $properties {
+        // all directions
+        .#{$short}-md-a-#{$size} {
+          #{$property}-left: #{$size}px !important; 
+          #{$property}-right: #{$size}px !important;
+          #{$property}-top: #{$size}px !important; 
+          #{$property}-bottom: #{$size}px !important;
         }
-    }
+        // top
+        .#{$short}-md-t-#{$size} {
+          #{$property}-top: #{$size}px !important
+        }
+        // bottom
+        .#{$short}-md-b-#{$size} {
+          #{$property}-bottom: #{$size}px !important
+        }
+        // left
+        .#{$short}-md-l-#{$size} {
+          #{$property}-left: #{$size}px!important
+        }
+        // right
+        .#{$short}-md-r-#{$size} {
+          #{$property}-right: #{$size}px!important
+        }
+        // left and right
+        .#{$short}-md-x-#{$size} {
+          #{$property}-left: #{$size}px!important;
+          #{$property}-right: #{$size}px!important;
+        }
+        // top and bottom
+        .#{$short}-md-y-#{$size} {
+          #{$property}-top: #{$size}px !important;
+          #{$property}-bottom: #{$size}px !important;
+        }
+    
+      }
+  }
 }
 
 @media only screen and (min-width: 1366px) {
-    // overflow
-    .v-application-lg .overflow-md-auto {overflow: auto !important;}
-    .overflow-lg-hidden {overflow: hidden !important;}
-    .overflow-lg-visible {overflow: visible !important;}
-    .overflow-lg-x-auto {overflow-x: auto !important;}
-    .overflow-lg-x-hidden {overflow-x: hidden !important;}
-    .overflow-lg-y-auto {overflow-y: auto !important;}
-    .overflow-lg-y-hidden {overflow-y: hidden !important;}
-    //display
-    .d-lg-flex {display: flex !important;}
-    .d-lg-inline-flex {display: inline-flex !important;}
-    .d-lg-none {display: none !important;}
-    .d-lg-inline {display: inline !important;}
-    .d-lg-inline-block {display: inline-block !important;}
-    .d-lg-block {display: block !important;}
-    .d-lg-table {display: table !important;}
-    .d-lg-table-row {display: table-row !important;}
-    .d-lg-table-cell {display: table-cell !important;}
-    .d-lg-flex {display: flex !important;}
-    .d-lg-inline-flex {display: inline-flex !important;}
-    //float
-    .float-lg-none {float: none !important;}
-    .float-lg-left {float: left !important;}
-    .float-lg-right {float: right !important;}
-    //flex
-    .flex-lg-fill {flex: 1 1 auto !important;}
-    .flex-lg-row {flex-direction: row !important;}
-    .flex-lg-column {flex-direction: column !important;}
-    .flex-lg-row-reverse {flex-direction: row-reverse !important;}
-    .flex-lg-column-reverse {flex-direction: column-reverse !important;}
-    .flex-lg-grow-0 {flex-grow: 0 !important;}
-    .flex-lg-grow-1 {flex-grow: 1 !important;}
-    .flex-lg-1{ flex: 1;}
-    .flex-lg-0{ flex: 0;}
-    .flex-lg-shrink-0 {flex-shrink: 0 !important;}
-    .flex-lg-shrink-1 {flex-shrink: 1 !important;}
-    .flex-lg-wrap {flex-wrap: wrap !important;}
-    .flex-lg-nowrap {flex-wrap: nowrap !important;}
-    .flex-lg-wrap-reverse {flex-wrap: wrap-reverse !important;}
-    // justify
-    .justify-lg-end{  justify-content: flex-end !important;}
-    .justify-lg-center{ justify-content: flex-start !important;}
-    .justify-lg-space-between{ justify-content: space-between !important;}
-    .justify-lg-space-around{ justify-content: space-around !important;}
-    // align
-    .align-lg-start{ align-items: flex-start !important;}
-    .align-lg-end{align-items: flex-end !important;}
-    .align-lg-center{ align-items: center !important;}
-    .align-lg-baseline{ align-items: baseline !important;}
-    .align-lg-stretch{align-items: stretch !important;}
-    // .align-self
-    .align-self-lg-start{ align-self: flex-start !important;}
-    .align-self-lg-end{ align-self: flex-end !important;}
-    .align-self-lg-center{ align-self: center !important;}
-    .align-self-lg-baseline{ align-self: baseline !important;}
-    .align-self-lg-auto{ align-self: auto !important;}
-    .align-self-lg-stretch{ align-self: stretch !important; }
-    // flex wrap
-    .flex-lg-nowrap{   flex-wrap: nowrap !important;}
-    .flex-lg-wrap{  flex-wrap: wrap !important;}
-    .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important;}
-    // align content
-    .align-lg-content-start{  align-content: flex-start !important;}
-    .align-lg-content-end{  align-content: flex-end !important;}
-    .align-lg-content-center{ align-content: center !important;}
-    .align-lg-content-space-between{ align-content: space-between !important;}
-    .align-lg-content-space-around{ align-content: space-around !important;}
-    .align-lg-content-stretch{ align-content: stretch !important;}
+  // overflow
+  .v-application-lg .overflow-md-auto {overflow: auto !important;}
+  .overflow-lg-hidden {overflow: hidden !important;}
+  .overflow-lg-visible {overflow: visible !important;}
+  .overflow-lg-x-auto {overflow-x: auto !important;}
+  .overflow-lg-x-hidden {overflow-x: hidden !important;}
+  .overflow-lg-y-auto {overflow-y: auto !important;}
+  .overflow-lg-y-hidden {overflow-y: hidden !important;}
+  //display
+  .d-lg-flex {display: flex !important;}
+  .d-lg-inline-flex {display: inline-flex !important;}
+  .d-lg-none {display: none !important;}
+  .d-lg-inline {display: inline !important;}
+  .d-lg-inline-block {display: inline-block !important;}
+  .d-lg-block {display: block !important;}
+  .d-lg-table {display: table !important;}
+  .d-lg-table-row {display: table-row !important;}
+  .d-lg-table-cell {display: table-cell !important;}
+  .d-lg-flex {display: flex !important;}
+  .d-lg-inline-flex {display: inline-flex !important;}
+  //float
+  .float-lg-none {float: none !important;}
+  .float-lg-left {float: left !important;}
+  .float-lg-right {float: right !important;}
+  //flex
+  .flex-lg-fill {flex: 1 1 auto !important;}
+  .flex-lg-row {flex-direction: row !important;}
+  .flex-lg-column {flex-direction: column !important;}
+  .flex-lg-row-reverse {flex-direction: row-reverse !important;}
+  .flex-lg-column-reverse {flex-direction: column-reverse !important;}
+  .flex-lg-grow-0 {flex-grow: 0 !important;}
+  .flex-lg-grow-1 {flex-grow: 1 !important;}
+  .flex-lg-1{ flex: 1;}
+  .flex-lg-0{ flex: 0;}
+  .flex-lg-shrink-0 {flex-shrink: 0 !important;}
+  .flex-lg-shrink-1 {flex-shrink: 1 !important;}
+  .flex-lg-wrap {flex-wrap: wrap !important;}
+  .flex-lg-nowrap {flex-wrap: nowrap !important;}
+  .flex-lg-wrap-reverse {flex-wrap: wrap-reverse !important;}
+  // justify
+  .justify-lg-end{  justify-content: flex-end !important;}
+  .justify-lg-center{ justify-content: flex-start !important;}
+  .justify-lg-space-between{ justify-content: space-between !important;}
+  .justify-lg-space-around{ justify-content: space-around !important;}
+  // align
+  .align-lg-start{ align-items: flex-start !important;}
+  .align-lg-end{align-items: flex-end !important;}
+  .align-lg-center{ align-items: center !important;}
+  .align-lg-baseline{ align-items: baseline !important;}
+  .align-lg-stretch{align-items: stretch !important;}
+  // .align-self
+  .align-self-lg-start{ align-self: flex-start !important;}
+  .align-self-lg-end{ align-self: flex-end !important;}
+  .align-self-lg-center{ align-self: center !important;}
+  .align-self-lg-baseline{ align-self: baseline !important;}
+  .align-self-lg-auto{ align-self: auto !important;}
+  .align-self-lg-stretch{ align-self: stretch !important; }
+  // flex wrap
+  .flex-lg-nowrap{   flex-wrap: nowrap !important;}
+  .flex-lg-wrap{  flex-wrap: wrap !important;}
+  .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important;}
+  // align content
+  .align-lg-content-start{  align-content: flex-start !important;}
+  .align-lg-content-end{  align-content: flex-end !important;}
+  .align-lg-content-center{ align-content: center !important;}
+  .align-lg-content-space-between{ align-content: space-between !important;}
+  .align-lg-content-space-around{ align-content: space-around !important;}
+  .align-lg-content-stretch{ align-content: stretch !important;}
 
-    @for $i from 0 through 50 {
-        .font-lg-#{$i} {
-            font-size: #{$i}px ;
-        }
-    }
-    @for $i from 0 through 10 {
+  @for $i from 0 through 50 {
+      .font-lg-#{$i} {
+          font-size: #{$i}px ;
+      }
+  }
+  @for $i from 0 through 10 {
 
-        $size: $i * 5;
-        
-        $properties:
-          "margin" "m",
-          "padding" "p";
-      
-        @each $property, $short in $properties {
-          // all directions
-          .#{$short}-lg-a-#{$size} {
-            #{$property}-left: #{$size}px !important; 
-            #{$property}-right: #{$size}px !important;
-            #{$property}-top: #{$size}px !important; 
-            #{$property}-bottom: #{$size}px !important;
-          }
-          // top
-          .#{$short}-lg-t-#{$size} {
-            #{$property}-top: #{$size}px !important
-          }
-          // bottom
-          .#{$short}-lg-b-#{$size} {
-            #{$property}-bottom: #{$size}px !important
-          }
-          // left
-          .#{$short}-lg-l-#{$size} {
-            #{$property}-left: #{$size}px!important
-          }
-          // right
-          .#{$short}-lg-r-#{$size} {
-            #{$property}-right: #{$size}px!important
-          }
-          // left and right
-          .#{$short}-lg-x-#{$size} {
-            #{$property}-left: #{$size}px!important;
-            #{$property}-right: #{$size}px!important;
-          }
-          // top and bottom
-          .#{$short}-lg-y-#{$size} {
-            #{$property}-top: #{$size}px !important;
-            #{$property}-bottom: #{$size}px !important;
-          }
+      $size: $i * 5;
       
+      $properties:
+        "margin" "m",
+        "padding" "p";
+    
+      @each $property, $short in $properties {
+        // all directions
+        .#{$short}-lg-a-#{$size} {
+          #{$property}-left: #{$size}px !important; 
+          #{$property}-right: #{$size}px !important;
+          #{$property}-top: #{$size}px !important; 
+          #{$property}-bottom: #{$size}px !important;
         }
-    }
+        // top
+        .#{$short}-lg-t-#{$size} {
+          #{$property}-top: #{$size}px !important
+        }
+        // bottom
+        .#{$short}-lg-b-#{$size} {
+          #{$property}-bottom: #{$size}px !important
+        }
+        // left
+        .#{$short}-lg-l-#{$size} {
+          #{$property}-left: #{$size}px!important
+        }
+        // right
+        .#{$short}-lg-r-#{$size} {
+          #{$property}-right: #{$size}px!important
+        }
+        // left and right
+        .#{$short}-lg-x-#{$size} {
+          #{$property}-left: #{$size}px!important;
+          #{$property}-right: #{$size}px!important;
+        }
+        // top and bottom
+        .#{$short}-lg-y-#{$size} {
+          #{$property}-top: #{$size}px !important;
+          #{$property}-bottom: #{$size}px !important;
+        }
+    
+      }
+  }
 }
 
 .m-l-auto {margin-left: auto;}