1 files changed, 118 insertions, 0 deletions
diff --git a/catalog-ui/src/app/view-models/admin-dashboard/category-management/category-management.less b/catalog-ui/src/app/view-models/admin-dashboard/category-management/category-management.less
new file mode 100644
index 0000000000..011122c9e8
--- /dev/null
+++ b/catalog-ui/src/app/view-models/admin-dashboard/category-management/category-management.less
@@ -0,0 +1,118 @@
+
+.category-management {
+
+    .row {
+        display: table;
+        width: 70%;
+        min-width: 800px;
+        margin: auto;
+
+        [class*="col-"] {
+            float: none;
+            display: table-cell;
+            vertical-align: top;
+            background-color: white;
+            border: 1px solid #c1c1c1;
+            padding: 0;
+
+            &:not(:last-child) {
+                border-right: none;
+            }
+
+            h4 {
+                float:left;
+                color:white;
+                background-color: rgb(155,168,176);
+                margin: 0;
+                padding: 0px 0px 0px 16px;
+                width: 100%;
+                height: 31px;
+                font-size: 15px;
+
+                span{
+                    display: inline-block;
+                    line-height: 30px;
+                    margin-right: 5px;
+                    padding: 0 7px;
+
+                    &.selected {
+                        border-bottom: 2px #067ab4 solid;
+                    }
+                }
+            }
+            h4+span{
+                .hand;
+                float:right;
+                display: inline-block;
+                background-color: rgb(59,124,156);
+                text-align: center;
+                padding: 5.5px 0px;
+                width: 60px;
+                color: white;
+                position: absolute;
+                top: 0;
+                right: 0;
+                z-index: 1;
+                color: white;
+            }
+
+
+            .perfect-scrollbar {
+                width: 100%;
+                height: 500px;
+                margin-top: 40px;
+                margin-bottom: 15px;
+            }
+
+            ul {
+                clear: both;
+                margin: 5px 0 10px 0;
+                list-style-type: none;
+                padding: 0;
+                position: relative;
+
+                li{
+                    .hand;
+                    padding: 0 8px;
+                    text-indent: 9px;
+                    font-size: 13px;
+                    line-height: 25px;
+                    border: 1px solid white;
+                    border-right: none;
+                    border-left: none;
+                    margin-right: 5px;
+
+                    button {
+                        background-color: transparent;
+                        border: none;
+                        float: right;
+                        margin: 5px 3px;
+                        display: none;
+                    }
+
+                    &:hover {
+                        background-color: #d9e6ec;
+                        color: #3b7b9b;
+                        border-color: #d9e6ec;
+
+                        button {
+                            display: inline-block;
+                        }
+                    }
+                    &.selected {
+                        background-color: rgb(219,230,236);
+                        color: #3b7b9b;
+                        border-color: rgba(59, 123, 155, 0.42);
+
+                        &.gray {
+                            background-color:  rgba(155, 168, 176, 0.09);
+                            border-color: white;
+                        }
+                    }
+
+                }
+            }
+        }
+    }
+
+}