add orders css to mvc app

Author: Quique Fernandez

src/Web/WebMVC/wwwroot/css/app.css

@@ -10,7 +10,7 @@
 
 html,
 body {
-  font-family: Montserrat,sans-serif;
+  font-family: Montserrat, sans-serif;
   font-size: 16px;
   font-weight: 400;
   z-index: 10; }
@@ -20,6 +20,43 @@ body {
 *::before {
   box-sizing: border-box; }
 
+.preloading {
+  color: #00A69C;
+  display: block;
+  font-size: 1.5rem;
+  left: 50%;
+  position: fixed;
+  top: 50%;
+  transform: translate(-50%, -50%); }
+
+select::-ms-expand {
+  display: none; }
+
+@media screen and (min-width: 992px) {
+  .form-input {
+    max-width: 360px;
+    width: 360px; } }
+
+.form-input {
+  border-radius: 0;
+  height: 45px;
+  padding: 10px; }
+
+.form-input-small {
+  max-width: 100px !important; }
+
+.form-input-medium {
+  width: 150px !important; }
+
+.alert {
+  padding-left: 0; }
+
+.alert-danger {
+  background-color: transparent;
+  border: 0;
+  color: #FB0D0D;
+  font-size: 12px; }
+
 a,
 a:active,
 a:hover,
@@ -33,16 +70,4 @@ a:hover,
 a:active {
     color: #75B918;
     transition: color 0.35s;
-}
-
-.preloading {
-  color: #00A69C;
-  display: block;
-  font-size: 1.5rem;
-  left: 50%;
-  position: fixed;
-  top: 50%;
-  transform: translate(-50%, -50%); }
-
-select::-ms-expand {
-  display: none; }
+}

src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css

@@ -6,8 +6,8 @@
   .esh-orders_new-back {
     color: rgba(255, 255, 255, 0.4);
     line-height: 4rem;
-    text-transform: uppercase;
     text-decoration: none;
+    text-transform: uppercase;
     transition: color 0.35s; }
     .esh-orders_new-back:hover {
       color: #FFFFFF;
@@ -17,21 +17,21 @@
     .esh-orders_new-section--right {
       text-align: right; }
   .esh-orders_new-placeOrder {
-    float: right;
-    margin-top: 40px;
-    margin-bottom: 40px;
-    background-color: #83d01b;
-    color: #fff;
-    padding: 10px 20px 10px 20px;
+    background-color: #83D01B;
+    border: 0;
     border-radius: 0;
-    border: none;
-    width: 255px;
+    color: #FFFFFF;
     display: inline-block;
+    font-size: 1rem;
+    font-weight: 400;
+    margin-top: 1rem;
+    padding: 1rem 1.5rem;
     text-align: center;
     text-transform: uppercase;
-    height: 45px;
-    font-size: 16px;
-    font-weight: normal; }
+    transition: all 0.35s; }
+    .esh-orders_new-placeOrder:hover {
+      background-color: #4a760f;
+      transition: all 0.35s; }
   .esh-orders_new-titles {
     padding-bottom: 1rem;
     padding-top: 2rem; }
@@ -54,28 +54,3 @@
       color: #83D01B; }
   .esh-orders_new-image {
     height: 8rem; }
-
-@media screen and (min-width: 992px) {
-  .form-input {
-    width: 360px;
-    max-width: 360px; } }
-
-.form-input {
-  border-radius: 0;
-  padding: 10px;
-  height: 45px; }
-
-.form-input-small {
-  max-width: 100px !important; }
-
-.form-input-medium {
-  width: 150px !important; }
-
-.alert {
-  padding-left: 0px; }
-
-.alert-danger {
-  background-color: transparent;
-  border: none;
-  color: #fb0d0d;
-  font-size: 12px; }