3 files changed, 86 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/_modules.scss b/openecomp-ui/resources/scss/_modules.scss
index ad33275b6d..6668f4c61b 100644
--- a/openecomp-ui/resources/scss/_modules.scss
+++ b/openecomp-ui/resources/scss/_modules.scss
@@ -27,3 +27,5 @@
 @import 'modules/softwareProductDeployment';
 @import 'modules/versionsPage';
 @import 'modules/mergeEditor';
+@import "modules/_softwareProductValidationPage";
+@import "modules/_softwareProductValidationResultsPage";
diff --git a/openecomp-ui/resources/scss/modules/_softwareProductValidationPage.scss b/openecomp-ui/resources/scss/modules/_softwareProductValidationPage.scss
new file mode 100644
index 0000000000..3f944057cd
--- /dev/null
+++ b/openecomp-ui/resources/scss/modules/_softwareProductValidationPage.scss
@@ -0,0 +1,80 @@
+
+.vsp-validation-view {
+  position: relative;
+  .validation-tabs {
+    .sdc-tabs-list {
+      padding-left: 28px;
+      background-color: $tlv-gray;
+      box-shadow: none;
+      border-bottom: 1px solid $light-gray;
+      .sdc-tab {
+          @extend .heading-2;
+        padding-top: 10px;
+        margin-top: 0;
+        &.sdc-tab-active {
+          color: $blue;
+          font-weight: bold;
+        }
+      }
+    }
+    .sdc-tab-content {
+      margin-top: 0;
+    }
+  }
+
+  .validation-view-title {
+    padding-bottom: 5px;
+    font-size: 16px;
+  }
+
+  .validation-view-tab {
+    padding: 30px 60px 70px 60px;
+  }
+
+  .validation-setup-checkbox-tree-section {
+    //height: 260px;
+    clear: both;
+  }
+
+  .validation-setup-selected-tests {
+    height: 160px;
+    width: 100%;
+    border: solid;
+  }
+
+  .validation-setup-available-tests-section {
+    height: 160px;
+    width: 100%;
+    overflow: auto;
+    clear: both;
+    border: solid;
+  }
+
+  .validation-setup-available-tests-section::-webkit-scrollbar {
+    height: 8px;
+    width: 14px;
+  }
+
+  .div-clear-both {
+    clear: both;
+  }
+
+  .validation-view-controllers {
+    position: absolute;
+    right: 40px;
+    top: 10px;
+    display: flex;
+
+    .proceed-to-validation-results-btn {
+      margin-right: 30px;
+    }
+    .change-tabs-btn {
+      width: 191px;
+      margin-right: 36px;
+      height: 36px;
+    }
+  }
+  .validation-setup-checkbox-tree-section label {
+    margin-bottom: 0px;
+  }
+}
diff --git a/openecomp-ui/resources/scss/modules/_softwareProductValidationResultsPage.scss b/openecomp-ui/resources/scss/modules/_softwareProductValidationResultsPage.scss
new file mode 100644
index 0000000000..9ff3696dcb
--- /dev/null
+++ b/openecomp-ui/resources/scss/modules/_softwareProductValidationResultsPage.scss
@@ -0,0 +1,4 @@
+
+.validation-results-test-result-label {
+  padding-left: 10px
+}