1 files changed, 45 insertions, 7 deletions
diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index 1506be07d..f24b5f9ec 100644
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -2,7 +2,7 @@ html, body{
   height: 100%;
 }
 body{
-  background: #FAFAFA !important;
+  background: #FAFAFA !important; /*FDFDFD*/
   /* background-image: linear-gradient(-45deg, #000 10%, #fff 0);
   background-size: 6px 6px; */
   margin: 0;
@@ -21,6 +21,11 @@ button:focus{
   outline: 0 !important;
 }
 /*Bootstrap*/
+.form-control[readonly]{
+  background-color: inherit !important;
+  opacity: .85 !important;
+  font-weight: bold;
+}
 .custom-control-input:checked ~ .custom-control-label::before{
   border-color: transparent !important;
 }
@@ -57,7 +62,10 @@ button:focus{
   height: 18px !important;
   border-radius: 50% !important;
 }
-
+.readonlyTxt{
+  color: #BABBC3; 
+  font-size: 11px;
+}
 .reuiredInput .custom-control-label::after{
   content: "_";
   color: #C4CEDB !important;
@@ -1590,6 +1598,9 @@ ul.package-contributers{
   font-size: 14px;
   font-weight: bold;
 }
+.icon-action-close::before{
+  font-size: 13px;
+}
 .createActionModal .modal-body{
   padding-top: 0 !important;
   padding-bottom: 10px !important;
@@ -2433,6 +2444,9 @@ padding-left: 20px !important;
 .single-custom-key{
   width: 100%;
 }
+.single-custom-key:last-child{
+  margin-bottom: 20px;
+}
 .single-line-custom-key{
   width: 45%;
   display: inline-block;
@@ -2528,7 +2542,7 @@ hr{
 }
 .action-button i.icon-discard-sm{
   font-size: 11px;
-  color: #C3CDDB;
+  color: #BABBC3;
 }
 /* .action-button.save{
   color: #1273EB !important;
@@ -2536,8 +2550,16 @@ hr{
 .action-button.save:hover{
   opacity: .9;
 } */
-
-
+.action-button.save:disabled{
+  color: #C3CDDB !important;
+}
+.action-button.save:disabled i{
+  background-color: #C3CDDB;
+  animation: none;
+}
+.action-button.save:disabled i::before{
+  color: #fff;
+}
 .action-button.save{
   color: #66BB00 !important;
 }
@@ -3286,6 +3308,11 @@ margin-right: 5px;
   padding: 4px 20px;
   font-size: 13px;
 }
+.template-mapping-action .btn-primary:disabled{
+  background:#C3CDDB !important ;
+  border-color:#C3CDDB !important ;
+  color: #fff !important ;
+}
 .template-mapping-action .btn-primary{
   background:#66BB00 !important ;
   border-color:#66BB00 !important ;
@@ -3353,9 +3380,15 @@ tr.mat-header-row{
 .mat-form-field-appearance-legacy .mat-form-field-wrapper{
   padding-bottom: 0;
 }
+.mat-paginator-page-size-select{
+  margin-top: 12px;
+}
 .mat-paginator-page-size-select .mat-form-field-wrapper{
   padding-bottom: 14px;
 }
+.mat-paginator-range-label{
+  margin-right: 8px;
+}
 .mat-form-field-infix,
 .dataTables_filter input{
   color: #1B3E6F;
@@ -3367,10 +3400,10 @@ tr.mat-header-row{
   border-bottom: 0 !important;
 }
 .tableFilter{
-  margin-top: 9px;
+  margin-top: 12px;
 }
 .tableFilter .mat-form-field-wrapper{
-  padding-bottom: 0;
+  padding-bottom: 0 !important;
 }
 .tableFilter .mat-form-field-infix{
   background: url(../src/assets/img/icon-search.svg) 9px center no-repeat;
@@ -3425,6 +3458,11 @@ table.dataTable.no-footer{
 .mat-paginator-container{
   padding-right: 0;
 }
+.mappingSelectedAtt{
+  padding-left: 3px;
+  line-height: 35px;
+  font-size: 10px;
+}
 .dataTables_info{
   padding-top: 12px;
   color: #1B3E6F !important;