Handle wiaas documents

frontend/src/containers/cart/style/CartUploadDocumentsContainer.scss

@@ -6,19 +6,37 @@
 
     .upload-file-drop-zone {
         width: 100%;
-        border: 3px dashed $borderColor;
-        margin-top: 1rem;
-        height: 5rem;
+        border: 1px dashed $borderColor;
+        margin: 1rem 0;
+        padding: 1rem;
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        &:hover {
+            background-color: $lightHoverColor;
+        }
+        color: $font-light-color;
+        &.pending-upload {
+            border: 1px dashed $accentColor;
+
+            .drop-zone-icon, .drop-zone-text {
+                color: $accentColor;
+            }
+        }
+
     }
 
     .drop-zone-text {
         text-align: center;
-        padding: 1.3rem 0.5rem;
+        color: $font-light-color;
+        padding: 0;
+        font-size: $font-size-small;
     }
 
-    .uploaded {
-        color: #155724;
+    .drop-zone-icon {
+        color: #b3b3b3;
     }
 
     .next-btn {
@@ -28,18 +46,33 @@
         color: $darkGreyColor;
     }
 
+    .cart-template {
+        margin: 1rem 0;
+        .cart-subtitle {
+            margin-right: 1rem;
+        }
+    }
+
     .cart-subtitle {
         font-weight: $font-weight;
+        color: $font-light-color;
+        font-size: $font-size-small;
         padding-top: 0.3rem;
     }
 }
 
 .upload-layer{
     background: $whiteColor;
-    padding-bottom: 1rem;
+    padding: 1rem;
+    color: $title-color;
+
+    .upload-layer {
+        color: $title-color;
+    }
 
     .document-link{
         cursor: pointer;
+        color: #2b6279;
     }
 }