diff --git a/src/pages/Parent/parents.vue b/src/pages/Parent/parents.vue
index 76f0da6..87ca6e8 100644
--- a/src/pages/Parent/parents.vue
+++ b/src/pages/Parent/parents.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="body-color">
     <v-dialog v-model="editParentDilaog" max-width="600px" scrollable persistent>
-      <v-card flat class="card-style pa-2" dark>
+      <v-card flat class="Card-style pa-2">
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Parents Details</label>
@@ -302,7 +302,7 @@
 
     <!-- ****** RESET Parents MPIN ******  -->
     <v-dialog v-model="resetParentMpin" max-width="500px" scrollable persistent>
-      <v-card class="card-style pa-2" dark>
+      <v-card class="Card-style pa-2">
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Reset Mpin</label>
@@ -345,7 +345,7 @@
     <!-- ****** PROFILE VIEW Parents DEATILS ******  -->
 
     <v-dialog v-model="profileParentDialog" max-width="700px" persistent>
-      <v-card class="card-style pa-2" dark>
+      <v-card class="Card-style pa-2">
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">View Parent Details</label>
@@ -597,7 +597,7 @@
 
     <!-- ******DIALOG BOX -  ADD PARENTS DETAILS****** -->
     <v-dialog v-model="addParentDialog" max-width="1100px" v-if="addParentDialog" persistent>
-      <v-card flat class="card-style pa-2" dark>
+      <v-card flat class="Card-style pa-2">
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Parent</label>
diff --git a/static/css/custom.css b/static/css/custom.css
index 82e5382..846ba28 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -309,14 +309,6 @@ table.v-table {
     text-transform: none !important;
 }
 
-.add-button {
-    background: #feb83c !important;
-    border-color: #feb83c !important;
-    text-transform: none !important;
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
-}
-
 table.v-table thead th {
     font-size: 14px !important;
 }
@@ -382,11 +374,47 @@ table.v-table thead th {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+.add-button {
+    background: #7f62f8 !important;
+    border-color: #7f62f8 !important;
+    text-transform: none !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
 
 .card-styles {
     background: #7f62f8 !important;
     border-color: #7f62f8 !important;
 }
+.Card-style {
+  background: #fff !important;
+  border-color: #fff !important;
+  border-radius: 12px;
+  text-align: center !important;
+  padding-top: 10px !important;
+}
+/* .clear-btn {
+  background: #7ac29a !important;
+  border-color: #7ac29a !important;
+  text-transform: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.add-btn {
+  background: #409eff !important;
+  border-color: #409eff !important;
+  text-transform: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+} */
+.cancel-btn {
+  background: #71d9ea !important;
+  border-color: #71d9ea !important;
+  text-transform: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
 
 
 /* Side Scroll Bar */