[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / catalog / add-catalog-dialogs / new-catalog.modal.less
index b98289e..5568ca8 100644 (file)
-.new-catalog-modal {\r
-  height: 430px;\r
-\r
-  .user-catalog-roles{\r
-    .title{\r
-      //.n18r;\r
-      .dGray18r;  //AT&T Dark Gray\r
-      border-bottom: @portalDBlue 3px solid;\r
-    }\r
-    \r
-       input:not([type="button"]) {\r
-    height: 13px;\r
-} \r
-    .display-userApp-Catalog-Roles\r
-    {\r
-    padding-left: 16px;\r
-    padding-top: 10px;\r
-    font-family: Omnes-ECOMP-W02,Arial;\r
-    font-size: 18px;\r
-    color: #5a5a5a;\r
-    }\r
-       \r
-       #pending-checkbox{      \r
-       font-family: Omnes-ECOMP-W02,Arial;\r
-       font-size: 15px; \r
-       color: #5a5a5a;\r
-       }\r
-    .app-catalog-roles-list{\r
-      height: 286px;\r
-      \r
-      \r
-      .app-catalog-item{\r
-        border: 1px solid @portalLGray;\r
-        border-radius: 2px;\r
-        background-color: @funcBkgGray;\r
-\r
-        padding: 10px;\r
-        margin-top: 8px;\r
-        //margin-right: 6px;\r
-        //margin-left: 6px;\r
-\r
-        .app-catalog-item-left{\r
-          padding-top: 0;\r
-          line-height: 30px;\r
-          height: 30px;\r
-          vertical-align: middle;\r
-          display:inline-block;\r
-          width: 45%;\r
-          border-radius: 2px;\r
-          border: 1px solid @portalLGray;\r
-          margin-right: 10px;\r
-          padding-left: 4px;\r
-          background: @portalWhite;\r
-          white-space: nowrap;\r
-\r
-        }\r
-        .app-catalog-item-right{\r
-          display:inline-block;\r
-          width: 45%;\r
-          border-radius: 2px;\r
-          border: 1px solid @portalLGray;\r
-          background: @portalWhite;\r
-          vertical-align: middle;\r
-        }\r
-\r
-        .app-catalog-item-right-error{\r
-          .portalRed;\r
-          padding: 7px 7px 7px 7px;\r
-          display:inline-block;\r
-          width: 45%;\r
-          border-radius: 2px;\r
-          border: 1px solid @portalLGray;\r
-          background: @portalWhite;\r
-          vertical-align: middle;\r
-        }\r
-\r
-        .app-catalog-item-right-contacting{\r
-          .portalGreen;\r
-          padding: 7px 7px 7px 7px;\r
-          display:inline-block;\r
-          width: 45%;\r
-          border-radius: 2px;\r
-          border: 1px solid @portalLGray;\r
-          background: @portalWhite;\r
-          vertical-align: middle;\r
-        }\r
-\r
-        .app-select-left{\r
-          width: 45%;\r
-          margin-right: 10px;\r
-          vertical-align: middle;\r
-\r
-\r
-          .select-field{\r
-            padding-top: 0;\r
-            line-height: 30px;\r
-            height: 30px;\r
-            vertical-align: middle;\r
-            border-radius: 2px;\r
-            border: 1px solid @portalLGray;\r
-            margin-right: 10px;\r
-            padding-left: 4px;\r
-            background: @portalWhite;\r
-            display:inline-block;\r
-          }\r
-        }\r
-\r
-\r
-        .app-item-delete{\r
-          .ico_trash_default;\r
-          display: inline-block;\r
-          vertical-align: 2px;\r
-          cursor: pointer;\r
-          position: relative;\r
-          top: 6px;\r
-          color: transparent;\r
-          margin-left: 8px;\r
-\r
-        }\r
-\r
-      }\r
-    }\r
-\r
-  }\r
-}\r
+.new-catalog-modal {
+  height: 430px;
+
+  .user-catalog-roles{
+    .title{
+      //.n18r;
+      .dGray18r;  //AT&T Dark Gray
+      border-bottom: @portalDBlue 3px solid;
+    }
+    
+       input:not([type="button"]) {
+    height: 13px;
+} 
+    .display-userApp-Catalog-Roles
+    {
+    padding-left: 16px;
+    padding-top: 10px;
+    font-family: Omnes-ECOMP-W02,Arial;
+    font-size: 18px;
+    color: #5a5a5a;
+    }
+       
+       #pending-checkbox{      
+       font-family: Omnes-ECOMP-W02,Arial;
+       font-size: 15px; 
+       color: #5a5a5a;
+       }
+    .app-catalog-roles-list{
+      height: 286px;
+      
+      
+      .app-catalog-item{
+        border: 1px solid @portalLGray;
+        border-radius: 2px;
+        background-color: @funcBkgGray;
+
+        padding: 10px;
+        margin-top: 8px;
+        //margin-right: 6px;
+        //margin-left: 6px;
+
+        .app-catalog-item-left{
+          padding-top: 0;
+          line-height: 30px;
+          height: 30px;
+          vertical-align: middle;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid @portalLGray;
+          margin-right: 10px;
+          padding-left: 4px;
+          background: @portalWhite;
+          white-space: nowrap;
+
+        }
+        .app-catalog-item-right{
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid @portalLGray;
+          background: @portalWhite;
+          vertical-align: middle;
+        }
+
+        .app-catalog-item-right-error{
+          .portalRed;
+          padding: 7px 7px 7px 7px;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid @portalLGray;
+          background: @portalWhite;
+          vertical-align: middle;
+        }
+
+        .app-catalog-item-right-contacting{
+          .portalGreen;
+          padding: 7px 7px 7px 7px;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid @portalLGray;
+          background: @portalWhite;
+          vertical-align: middle;
+        }
+
+        .app-select-left{
+          width: 45%;
+          margin-right: 10px;
+          vertical-align: middle;
+
+
+          .select-field{
+            padding-top: 0;
+            line-height: 30px;
+            height: 30px;
+            vertical-align: middle;
+            border-radius: 2px;
+            border: 1px solid @portalLGray;
+            margin-right: 10px;
+            padding-left: 4px;
+            background: @portalWhite;
+            display:inline-block;
+          }
+        }
+
+
+        .app-item-delete{
+          .ico_trash_default;
+          display: inline-block;
+          vertical-align: 2px;
+          cursor: pointer;
+          position: relative;
+          top: 6px;
+          color: transparent;
+          margin-left: 8px;
+
+        }
+
+      }
+    }
+
+  }
+}