2 files changed, 137 insertions, 0 deletions
diff --git a/ecomp-portal-FE-common/client/app/views/applications/application-details-dialog/application-details.modal.less b/ecomp-portal-FE-common/client/app/views/applications/application-details-dialog/application-details.modal.less
new file mode 100644
index 00000000..1c8ae297
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/applications/application-details-dialog/application-details.modal.less
@@ -0,0 +1,106 @@
+.application-details-modal {
+  height: 700px;
+
+  .title {
+    //.n18r;
+    .dGray18r;  //AT&T Dark Gray
+    border-bottom: @blue-active 3px solid;
+
+  }
+  .app-properties-main{
+    padding-left: 16px;
+    padding-top: 16px;
+    padding-bottom: 16px;
+    height: 630px;
+    overflow-y: auto;
+
+
+    .left-container{
+      display: inline-block;
+      width: 48%;
+
+    }
+    .right-container{
+      display: inline-block;
+      width: 48%;
+      float: right;
+	  margin-right:10px;
+
+    }
+
+    .property{
+      position: relative;
+      margin-bottom: 18px;
+      .property-label{
+        .dGray14r;
+      }
+      .checkbox-label{
+        display: inline-block;
+        padding-left: 3px;
+      }
+      .checkbox-field{
+        padding: 0;
+        margin: 0;
+        vertical-align: middle;
+        position: relative;
+        top: -1px;
+      }
+      .preview{
+        width: 220px;
+        margin-top: 22px;
+        display: block;
+
+        .left-label{
+          display:inline-block;
+          float: left;
+        }
+        .remove{
+          cursor: pointer;
+          display: inline-block;
+          float: right;
+          .blue14r;
+        }
+      }
+
+      .input-field{
+        .custom-input-field;
+        width: 220px;
+      }
+
+      .input-file-field{
+        width: 220px;
+        border: 0px solid #d2d2d2;
+		box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
+		padding-left: 2px;
+      }
+      .select-field {
+        .custom-select-field;
+      }
+
+      .image-preview{
+        background: @funcBkgGray;
+        background-size: cover;
+        width: 220px;
+        height: 184px;
+        margin-top: 10px;
+        border: 2px solid #e8e8e8;
+        border-radius: 4px;
+      }
+
+      .error-container{
+        position: absolute;
+        width: 220px;
+        display: block;
+        height: 12px;
+        line-height: 12px;
+
+        .err-message{
+          color: @funcRed;
+          font-size: 10px;
+        }
+      }
+    }
+
+  }
+
+}
diff --git a/ecomp-portal-FE-common/client/app/views/applications/applications.less b/ecomp-portal-FE-common/client/app/views/applications/applications.less
new file mode 100644
index 00000000..60b9d81b
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/applications/applications.less
@@ -0,0 +1,31 @@
+.applications-page-main{
+ .bg_portalWhite;//white for 1702
+    position: @page-main-position;
+    top: @page-main-top;
+    left: @page-main-left;
+    right: @page-main-right;
+    bottom: @page-main-bottom;
+    padding-top: @padding-top;
+    overflow-y: @page-main-overflow-y;
+    padding-left: @padding-left-side;
+	#input-table-search::-webkit-input-placeholder,
+	{
+	font-style: italic;
+	  color:    #D7D7D7;
+	}
+    .apps-table {
+        width: @table-width;
+        //margin-left: @table-margin-left;
+        //margin: @table-margin;
+		margin:auto;
+        .delete-app{
+            .ico_trash_default;
+        }
+        .small-thumbnail{
+            width: 72px;
+            height: 60px;
+            border: 1px solid @portalLGray;
+            border-radius: 2px;
+        }
+    }
+}