update addorder

app/assets/stylesheets/addorder.scss

@@ -4,20 +4,26 @@
 @import "jquery-ui";
 @import "bootstrap-datepicker3";
 
-.card-head{
+.custom-card-head{
     height: 40px;
     background-color: #54A5AF;
     padding:5px;
     color :#fff;
-  }
-  .instance_box{
-  margin-bottom:10px;
-  }
-  .card-block {
+}
+
+.custom-card {
+    border: 2px solid rgba(0, 0, 0, 0.125) !important;
+}
+.custom-card-footer{
+   padding:0.35rem 1.25rem !important;
+}
+  
+.custom-card-block {
     padding: 0.3rem !important;
-  }
+}
+  
   @media (min-width: 34em) {
-    .card-columns {
+    .custom-card-columns {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
@@ -25,7 +31,7 @@
   }
 
   @media (min-width: 48em) {
-    .card-columns {
+    .custom-card-columns {
       -webkit-column-count: 3;
       -moz-column-count: 3;
       column-count: 3;
@@ -33,7 +39,7 @@
   }
 
   @media (min-width: 62em) {
-    .card-columns {
+    .custom-card-columns {
       -webkit-column-count: 4;
       -moz-column-count: 4;
       column-count: 4;
@@ -41,7 +47,7 @@
   }
 
   @media (min-width: 75em) {
-    .card-columns {
+    .custom-card-columns {
       -webkit-column-count: 4;
       -moz-column-count: 4;
       column-count: 4;
@@ -67,7 +73,7 @@
     border-color: #fff #fff #fff #54A5AF;
 }
 
-.modal-dialog {
+.custom-modal-dialog {
     left:auto;
     right: auto;
     width: 100%;
@@ -76,9 +82,7 @@
 element.style {
     padding-top: 0px !important;
 }
-.item-modal{
 
-}
 .selected-attribute {
   color: #fff !important;
   background-color: green !important;
@@ -87,25 +91,19 @@ element.style {
   color: #fff !important;
   background-color: green !important;
 }
-.card {
- border: 2px solid rgba(0, 0, 0, 0.125) !important;
-  }
+
 .selected-instance {
   border: 2px solid #7a62d3 !important;
 }
 
 .attribute_btn {
   white-space: normal !important;
-  
-  /*width: 80px;*/
   margin-bottom: 5px;
   margin-right: 5px;
 }
 
 .option_btn {
   white-space: normal !important;
-  
-  /*width: 80px;*/
   margin-bottom: 5px;
   margin-right: 5px;
 } 
@@ -123,9 +121,8 @@ element.style {
     border: 1px solid #54A5AF;
     padding: 10px;
 }
-
-.card-footer{
-  padding:0.35rem 1.25rem !important;
+.instance_box{
+  margin-bottom:10px;
 }
 
 /*Loading gif for payment*/