1 files changed, 132 insertions, 0 deletions
diff --git a/ecomp-portal-FE-os/client/src/styles/ecomp-abs.less b/ecomp-portal-FE-os/client/src/styles/ecomp-abs.less
new file mode 100644
index 00000000..1562375c
--- /dev/null
+++ b/ecomp-portal-FE-os/client/src/styles/ecomp-abs.less
@@ -0,0 +1,132 @@
+//portal abs table component
+.c-ecomp-portal-abs-table{
+    width: 100%;
+    height: 600px;
+    overflow-x: auto;
+    overflow-y: auto;
+    background-color: @portalLightGray;
+
+    .tablesorter-default {
+        //border: 1px solid @q;
+
+        th,
+        thead td {
+            .dGray16m;
+            color: #333333;
+            background-color: @portalLightGray;
+            border-collapse: collapse;
+            //border-top-style: none;
+            border: 1px solid @q;
+            padding: 0;
+            font-weight: 700;
+            height: 38px;
+        }
+
+        tbody tr td {
+            .dGray16m;
+            border-left: 1px solid @portalLGray;
+            background-color: @portalWhite;
+            border-bottom: 1px solid @portalLGray;
+            height: 32px;
+            div {
+                line-height: 32px;
+            }
+        }
+
+        .td-first {
+            border-left: none;
+        }
+
+        .tablesorter-search-highlight {
+            font-weight: bold;
+        }
+
+
+        tr:first-child {
+            border-bottom: 1px solid @portalLGray;
+        }
+
+        th:first-child{
+            border-right: 1px solid @portalLGray;
+        }
+        th:nth-child(2){
+            border-right: 1px solid @portalLGray;
+        }
+        th:nth-child(3){
+            border-right: 1px solid @portalLGray;
+        }
+
+        tr:last-child {
+            td {
+                border-bottom-style:  none;
+            }
+        }
+
+
+    }
+}
+
+//portal abs select component
+.c-ecomp-portal-abs-select{
+    width: @select-width;
+    display: inline-block;
+    margin-right: 10px;
+    .select2-chosen{
+        width: @select-width;
+        line-height: 20px;
+    }
+    .select2-container .select2-choice {
+        width: @select-width;
+        border-radius: 6px;
+        border-color: @portalLGray;
+    }
+
+  .select2-results {
+    width: @select-width;
+    background-color: @portalWhite;
+  }
+
+    .form-field, .form-field-input-container {
+        width: @select-width;
+    }
+}
+
+// styles needed on Edit Functional Menu jqtree template
+.dropdown-menu{
+	position:absolute;
+	top:100%;
+	left:0;
+	z-index:1000;
+	display:none;
+	float:left;
+	min-width:160px;
+	padding:5px 0;
+	margin:2px 0 0;
+	list-style:none;
+	font-size:14px;
+	background-color:#fff;
+	border:1px solid #ccc;
+	border:1px solid rgba(0,0,0,.15);
+	border-radius:6px;
+	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
+	box-shadow:0 6px 12px rgba(0,0,0,.175);
+	background-clip:padding-box
+}
+
+.dropdown-menu .divider {
+    height: 1px;
+    margin: 9px 0;
+    overflow: hidden;
+    background-color: #e5e5e5;
+}
+
+.dropdown-menu>li>a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: 400;
+    line-height: 1.428571429;
+    color: #333;
+    white-space: nowrap;
+}
+