1 files changed, 14 insertions, 29 deletions
diff --git a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.css b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.css
index 23ea9d7a..81b727c8 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.css
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.css
@@ -25,14 +25,13 @@ hr {
     margin-bottom: 10px;
 }
 .model {
-    background-color: #F7F8FC;
-    /*height: 100%;*/
+    background-color: #F7F8FC;   
     overflow-y: auto;
 }
 .creation-model{
     position: relative;
 }
-.top-title{ /*2019.01.22 add*/
+.top-title{ 
     width: 100%;
     padding: 20px;
     position: relative;
@@ -49,8 +48,7 @@ hr {
     background-size: 100%!important;
     border-radius:4px;
     color: #D7D7D7;
-    cursor: pointer;
-    /*border: 1px solid #ffffff;*/
+    cursor: pointer;    
 }
 .model .back:hover{
     background: url("../../assets/images/Return-icon-active.png")!important;
@@ -63,8 +61,7 @@ hr {
     font-family:ArialMT;
     color:#3C4F8C;
     line-height:35px;
-    display: inline-block;
-    /*top:10px;*/
+    display: inline-block;   
 
 }
 .model .submit{
@@ -75,20 +72,17 @@ hr {
     right: 85px;
     color: #fff;
     font-size: 18px;
-    background:#0DA9E2;
-    /*background:linear-gradient(90deg,rgba(99,194,246,1) 0%,rgba(62,155,255,1) 100%) !important;*/
+    background:#0DA9E2;   
     border-radius:4px;
     border: none!important;
     border-color:rgba(0,0,0,0)!important;
 }
 .model .submit:hover{
-    background:#09C6E2;
-    /*background:linear-gradient(90deg, rgb(103, 207, 246) 0%, rgb(69, 175, 255) 100%) !important;*/
+    background:#09C6E2;    
     border: none;
 }
 .model .creation {
-    width: 100%;
-    /*height: 60vh;*/
+    width: 100%;    
     overflow-y: auto;
     border-radius: 5px;
     padding: 15px;
@@ -138,9 +132,7 @@ hr {
     left: 50px;
     top: 60px;
     background-color: #fff;
-    /*box-shadow: 0px 0px 20px #000;*/
-    width:1500px;
-    /*width:1300px;px*/
+    width:1500px;   
     height: 81%;
     border-radius:2px;
     overflow:auto;
@@ -158,11 +150,8 @@ hr {
     line-height: 35px;
     font-size: 18px;
     font-weight: 500;
-    margin: 10px auto;
-    /*padding-left: 10px;*/
-    color: #06A7E2;
-    /*color: #ffffff;*/
-    /*background:linear-gradient(90deg,rgba(7,169,225,1) 0%,rgba(48,217,196,1) 100%);*/
+    margin: 10px auto;   
+    color: #06A7E2;   
     border-bottom: 2px solid;
     border-image: -webkit-linear-gradient(#07A9E1,#30D9C4) 100 100;
     border-image: -moz-linear-gradient(#07A9E1,#30D9C4) 100 100;
@@ -221,13 +210,11 @@ hr {
     font-size: 16px;
     margin: 0 15px;
 }
-.model .sitemodel .action button:nth-child(2),.model .sotnnpnmodel .action button:nth-child(2){
-    /*background:linear-gradient(310deg,rgba(30,158,255,1) 0%,rgba(99,200,255,1) 100%);*/
+.model .sitemodel .action button:nth-child(2),.model .sotnnpnmodel .action button:nth-child(2){   
     background: #0DA9E2;
     color: #fff;
 }
-.model .sitemodel .action button:nth-child(2):hover,.model .sotnnpnmodel .action button:nth-child(2):hover{
-    /*background:linear-gradient(90deg, rgb(103, 207, 246) 0%, rgb(69, 175, 255) 100%) !important;*/
+.model .sitemodel .action button:nth-child(2):hover,.model .sotnnpnmodel .action button:nth-child(2):hover{    
     background:#09C6E2;
 }
 
@@ -279,15 +266,13 @@ hr {
 /* chart */
 .model .chart {
     width: 98%;
-    padding: 10px;
-    /*height: 30vh;*/
+    padding: 10px;   
     margin: 0 auto;
     color: #06A7E2;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 30px;
-    background: #EEF9FF;
-    /*background:linear-gradient(180deg,rgba(183, 230, 247, 1) 0%,rgba(214, 240, 254, 1) 100%);*/
+    background: #EEF9FF;   
     border-radius:4px;
 }
 .model .chart #createChart {