From 4d8198ee43757b13c30274ffed3513ec7bcb9d38 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Fri, 15 May 2020 15:44:01 +0530
Subject: [PATCH] implement pdf funtionality view mark and orgress report

---
 src/pages/Mark/viewMark.vue             |  90 +++++--
 src/pages/Report/progressCardReport.vue | 453 ++++++++++++++++++--------------
 2 files changed, 324 insertions(+), 219 deletions(-)

diff --git a/src/pages/Mark/viewMark.vue b/src/pages/Mark/viewMark.vue
index 8db4d32..ed9da6a 100644
--- a/src/pages/Mark/viewMark.vue
+++ b/src/pages/Mark/viewMark.vue
@@ -24,7 +24,7 @@
         <!-- ****** TABLE DATA MARK  ****** -->
         <v-flex xs12 sm12 md12>
           <v-layout>
-            <v-flex xs12 sm12 md12 class="text-xs-center">
+            <v-flex xs12 sm12 md12 style="text-align:center">
               <!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->
               <v-avatar>
                 <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
@@ -33,15 +33,31 @@
                   v-else-if="!userData.schoolLogoUrl"
                 />
               </v-avatar>
-              <p class="title">{{ userData.name }}</p>
-              <p>{{ userData.address }}</p>
+              <p
+                style="    
+                 font-size: 20px !important;
+                 font-weight: 500;
+                 line-height: 2 !important;
+                 letter-spacing: 0.02em !important;"
+              >{{ userData.name }}</p>
+              <p style="margin-bottom: 16px;">{{ userData.address }}</p>
             </v-flex>
           </v-layout>
           <v-layout wrap>
-            <v-flex xs12 sm12 md4>
-              <v-card>
-                <v-layout class="py-4">
-                  <v-avatar class="mx-auto" size="70">
+            <v-flex xs12 sm12 md3>
+              <v-card
+                style="
+               margin:auto 4px;
+               padding:20px;
+               background-color: #fff;
+               border-color: #fff;
+               color: rgba(0,0,0,0.87);
+               border: 1px solid rgb(226, 231, 235);
+               -webkit-box-shadow:inherit !important;
+               box-shadow: inherit !important;"
+              >
+                <v-layout style="padding:20px;">
+                  <v-avatar size="80" style="margin:10px auto;">
                     <img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />
                     <img
                       :src="markData[0].studentId.profilePicUrl"
@@ -49,44 +65,64 @@
                     />
                   </v-avatar>
                 </v-layout>
-                <v-layout class="pa-2">
+                <v-layout
+                  style="
+                    margin-bottom: -1px;
+                    border: 1px solid #ddd;
+                    margin: 0px;"
+                >
                   <v-flex xs6 sm6>
-                    <h4 class="right">
+                    <h4 style="float:right;margin: 4px 0px;">
                       <b>Name :</b>
                     </h4>
                   </v-flex>
                   <v-flex sm6 xs6>
-                    <h4>{{ markData[0].studentId.name }}</h4>
+                    <h4 style="float:left;margin: 4px 0px;">{{ markData[0].studentId.name }}</h4>
                   </v-flex>
                 </v-layout>
-                <v-layout class="pa-2">
+                <v-layout
+                  style="
+                    margin-bottom: -1px;
+                    border: 1px solid #ddd;
+                    margin: 0px;"
+                >
                   <v-flex xs6 sm6>
-                    <h4 class="right">
+                    <h4 style="float:right;margin: 4px 0px;">
                       <b>Class :</b>
                     </h4>
                   </v-flex>
                   <v-flex sm6 xs6>
-                    <h4>{{ markData[0].classId.classNum }}</h4>
+                    <h4 style="float:left;margin: 4px 0px;">{{ markData[0].classId.classNum }}</h4>
                   </v-flex>
                 </v-layout>
-                <v-layout class="pa-2">
+                <v-layout
+                  style="
+                    margin-bottom: -1px;
+                    border: 1px solid #ddd;
+                    margin: 0px;"
+                >
                   <v-flex xs6 sm6>
-                    <h4 class="right">
+                    <h4 style="float:right;margin: 4px 0px;">
                       <b>Section :</b>
                     </h4>
                   </v-flex>
                   <v-flex sm6 xs6>
-                    <h4>{{ markData[0].sectionId.name }}</h4>
+                    <h4 style="float:left;margin: 4px 0px;">{{ markData[0].sectionId.name }}</h4>
                   </v-flex>
                 </v-layout>
-                <v-layout class="pa-2">
+                <v-layout
+                  style="
+                    margin-bottom: -1px;
+                    border: 1px solid #ddd;
+                    margin: 0px;"
+                >
                   <v-flex xs6 sm6>
-                    <h4 class="right">
+                    <h4 style="float:right;margin: 4px 0px;">
                       <b>Roll No :</b>
                     </h4>
                   </v-flex>
                   <v-flex sm6 xs6>
-                    <h4>{{ markData[0].studentId.rollNo }}</h4>
+                    <h4 style="float:left;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</h4>
                   </v-flex>
                 </v-layout>
                 <!-- <p
@@ -103,9 +139,18 @@
                 >Roll No : {{ markData[0].studentId.rollNo }}</p>-->
               </v-card>
             </v-flex>
-            <v-flex xs12 sm12 md8 v-show="showMark">
-              <v-card>
-                <div style="overflow-x:auto;">
+            <v-flex xs12 sm12 md9 v-show="showMark">
+              <v-card
+                style="  margin:auto 14px;
+               padding:20px 0px;
+               background-color: #fff;
+               border: 1px solid lightgrey;
+               color: rgba(0,0,0,0.87);
+               border: 1px solid rgb(226, 231, 235);
+               -webkit-box-shadow:inherit !important;
+               box-shadow: inherit !important;"
+              >
+                <div>
                   <table
                     v-for="(value, id) in filterData"
                     :key="id"
@@ -123,7 +168,6 @@
                                 border-top: inherit;
                                 padding:14px;"
                       >{{value[0].examId.examName}}</td>
-                      <!-- </tr>   -->
                       <tr style="border: 1px solid lightgrey !important;">
                         <td
                           rowspan="2"
diff --git a/src/pages/Report/progressCardReport.vue b/src/pages/Report/progressCardReport.vue
index cd26639..c6604b9 100644
--- a/src/pages/Report/progressCardReport.vue
+++ b/src/pages/Report/progressCardReport.vue
@@ -81,7 +81,7 @@
       <v-flex xs12>
         <v-card class="transparent elevation-0">
           <v-container grid-list-md class="report">
-            <v-flex xs12 sm12 id="printMe">
+            <v-flex xs12 sm12>
               <v-layout wrap>
                 <!-- ****** TABLE DATA MARK  ****** -->
                 <v-flex xs12 sm12 md12>
@@ -93,220 +93,281 @@
                       </v-btn>
                     </v-flex>
                   </v-layout>
-                  <v-flex xs12 v-for="(value, id, Index) in filterData" :key="Index" flat>
-                    <!-- {{value}}---{{id}}---{{index}} -->
-                    <v-card
-                      class="ma-3"
-                      style="border: 1px solid lightgrey;margin-bottom:14px;padding:20px"
-                    >
-                      <v-layout>
-                        <v-flex xs12 sm12 md12>
-                          <div>
-                            <div class="school-logo">
-                              <v-avatar>
-                                <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
-                                <img
-                                  src="/static/schoolIcons/INTRACK_White.png"
-                                  v-else-if="!userData.schoolLogoUrl"
-                                />
-                              </v-avatar>
-                            </div>
-                            <div class="school-name">
-                              <h2>{{ userData.name }}</h2>
-                            </div>
-                          </div>
-                          <hr
-                            style="border:1px solid #ddd;
-                          overflow: hidden;
-                          vertical-align: middle;
-                          margin: 10px; 0px;"
-                          />
-                          <!-- Profile School -->
-                          <div class="school-info">
-                            <v-layout>
-                              <v-flex xs5 class="pl-3">
-                                <p style="font-size:20px;">{{ userData.name }}</p>
-                                <p
-                                  style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                >{{ userData.address }}</p>
-                                <p
-                                  style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                >{{ userData.mobile }}</p>
-                                <p
-                                  style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                >{{ userData.email }}</p>
-                              </v-flex>
-                              <!-- Profile Student Report Card-->
-                              <v-flex xs5>
-                                <div v-for="(studentMark,i,index) in value" :key="index">
-                                  <p
-                                    v-if="index == 0"
-                                    style="font-size:20px;"
-                                  >{{ studentMark[0].studentId.name }}</p>
-                                  <p
-                                    v-if="index == 0"
-                                    style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                  >
-                                    Class :
-                                    <b>{{ studentMark[0].classId.classNum }}</b>
-                                  </p>
-                                  <p
-                                    v-if="index == 0"
-                                    style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                  >
-                                    Section :
-                                    <b>{{ studentMark[0].sectionId.name }}</b>
-                                  </p>
-                                  <p
-                                    v-if="index == 0"
-                                    style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
-                                  >
-                                    Roll NO :
-                                    <b>{{ studentMark[0].studentId.rollNo }}</b>
-                                  </p>
-                                </div>
-                              </v-flex>
-                              <v-flex xs2>
-                                <div v-for="(studentMark,i,index) in value" :key="index">
-                                  <v-avatar size="100" style="padding-top:20px" v-if="index == 0">
-                                    <img
-                                      src="/static/icon/user.png"
-                                      v-if="!studentMark[0].studentId.profilePicUrl"
-                                    />
-                                    <img
-                                      :src="studentMark[0].studentId.profilePicUrl"
-                                      v-else-if="studentMark[0].studentId.profilePicUrl"
-                                    />
-                                  </v-avatar>
-                                </div>
-                              </v-flex>
-                            </v-layout>
-                          </div>
-                        </v-flex>
-                      </v-layout>
+                  <div>
+                    <card class="elevation-0" v-for="(value, id, Index) in filterData" :key="Index">
+                      <!-- <v-flex xs12  flat> -->
+                      <!-- {{value}}---{{id}}---{{index}} -->
                       <v-card
-                        v-for="studentMarks in value"
-                        :key="studentMarks"
-                        class="my-4 elevation-0"
+                        id="printMe"
+                        class="ma-3"
+                        style="
+                        border: 1px solid lightgrey;
+                        margin-bottom:14px;
+                        padding:20px"
                       >
-                        <!-- {{studentMark}} -->
-                        <div
+                        <div style="border: 1px solid lightgray;">
+                          <v-layout>
+                            <v-flex xs12 sm12 md12>
+                              <div
+                                style="    
+                              border-bottom: 1px solid #ddd;
+                              overflow: hidden;
+                              vertical-align: middle;
+                              margin: 10px;
+                              padding-bottom: 10px;"
+                              >
+                                <v-flex xs12 sm12 md12>
+                                  <v-layout>
+                                    <div class="school-logo">
+                                      <v-avatar>
+                                        <img
+                                          :src="userData.schoolLogoUrl"
+                                          v-if="userData.schoolLogoUrl"
+                                        />
+                                        <img
+                                          src="/static/schoolIcons/INTRACK_White.png"
+                                          v-else-if="!userData.schoolLogoUrl"
+                                        />
+                                      </v-avatar>
+                                    </div>
+                                    <div class="school-name">
+                                      <h2>{{ userData.name }}</h2>
+                                    </div>
+                                  </v-layout>
+                                </v-flex>
+                              </div>
+                              <!-- Profile School -->
+                              <div class="school-info">
+                                <v-layout>
+                                  <v-flex
+                                    xs5
+                                    style="padding: 4px;    
+                                    padding-left: 16px !important;"
+                                  >
+                                    <p
+                                      style="font-size:20px;margin-bottom: 16px;"
+                                    >{{ userData.name }}</p>
+                                    <p
+                                      style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                    >{{ userData.address }}</p>
+                                    <p
+                                      style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                    >{{ userData.mobile }}</p>
+                                    <p
+                                      style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                    >{{ userData.email }}</p>
+                                  </v-flex>
+                                  <!-- Profile Student Report Card-->
+                                  <v-flex xs5>
+                                    <div v-for="(studentMark,i,index) in value" :key="index">
+                                      <p
+                                        v-if="index == 0"
+                                        style="font-size:20px;margin-bottom: 16px;"
+                                      >{{ studentMark[0].studentId.name }}</p>
+                                      <p
+                                        v-if="index == 0"
+                                        style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                      >
+                                        Class :
+                                        <b>{{ studentMark[0].classId.classNum }}</b>
+                                      </p>
+                                      <p
+                                        v-if="index == 0"
+                                        style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                      >
+                                        Section :
+                                        <b>{{ studentMark[0].sectionId.name }}</b>
+                                      </p>
+                                      <p
+                                        v-if="index == 0"
+                                        style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
+                                      >
+                                        Roll NO :
+                                        <b>{{ studentMark[0].studentId.rollNo }}</b>
+                                      </p>
+                                    </div>
+                                  </v-flex>
+                                  <v-flex xs2>
+                                    <div v-for="(studentMark,i,index) in value" :key="index">
+                                      <v-avatar
+                                        size="100"
+                                        style="margin-top:16px"
+                                        v-if="index == 0"
+                                      >
+                                        <img
+                                          src="/static/icon/user.png"
+                                          v-if="!studentMark[0].studentId.profilePicUrl"
+                                        />
+                                        <img
+                                          :src="studentMark[0].studentId.profilePicUrl"
+                                          v-else-if="studentMark[0].studentId.profilePicUrl"
+                                        />
+                                      </v-avatar>
+                                    </div>
+                                  </v-flex>
+                                </v-layout>
+                              </div>
+                            </v-flex>
+                          </v-layout>
+                          <v-card
+                            v-for="studentMarks in value"
+                            :key="studentMarks"
+                            style="    
+                         background-color: #fff;
+                         border-color: #fff;
+                         color: rgba(0,0,0,0.87);
+                         webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;
+                         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"
+                          >
+                            <!-- {{studentMark}} -->
+                            <!-- <div
                           style="overflow-x:auto;    
                         border: 1px solid lightgrey !important;"
-                        >
-                          <table
-                            v-for="(studentMark,key) in studentMarks"
-                            :key="key"
-                            class="tableRsponsive feeTypeTable subheading"
-                            style="border: 1px solid black;
+                            >-->
+                            <table
+                              v-for="(studentMark,key) in studentMarks"
+                              :key="key"
+                              class="tableRsponsive feeTypeTable subheading"
+                              style="border: 1px solid black;
                              border-collapse: collapse;!important
                              table-layout: auto !important;
                              width: 100% !important;
                              overflow: hidden;"
-                          >
-                            <thead style="border: 1px solid transparent !important" v-if="key == 0">
-                              <tr style="border: 1px solid transparent !important">
-                                <td
-                                  colspan="4"
-                                  style="text-align: inherit !important;
+                            >
+                              <thead
+                                style="border: 1px solid transparent !important"
+                                v-if="key == 0"
+                              >
+                                <tr style="border: 1px solid transparent !important">
+                                  <td
+                                    colspan="4"
+                                    style="text-align: inherit !important;
                                     border-right: inherit;
                                     border-top: inherit;
                                     padding:14px;"
-                                >{{studentMark.examId.examName}}</td>
-                              </tr>
-                              <tr style="border: 1px solid lightgrey !important;padding:4px;">
-                                <td
-                                  rowspan="2"
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                >Subject</td>
-                                <template>
+                                  >{{studentMark.examId.examName}}</td>
+                                </tr>
+                                <tr style="border: 1px solid lightgrey !important;padding:4px;">
+                                  <td
+                                    rowspan="2"
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >Subject</td>
+                                  <template>
+                                    <td
+                                      v-for="(studentMarkData,i) in studentMark.studentsMarks"
+                                      :key="i"
+                                      colspan="2"
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >{{studentMarkData.markDistributionId.distributionType}}</td>
+                                    <td
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >Total Marks</td>
+                                  </template>
+                                </tr>
+                                <tr style="border: 1px solid lightgrey !important;">
+                                  <template v-for="(exam, ind) in studentMark.studentsMarks">
+                                    <td
+                                      :key="ind"
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >Marks</td>
+                                    <td
+                                      :key="ind"
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >Highest Marks</td>
+                                  </template>
+                                </tr>
+                              </thead>
+                              <tbody
+                                style="border: 1px solid lightgrey !important;"
+                                v-if="key == 0"
+                              >
+                                <tr v-for="studentMark in studentMarks" :key="studentMark">
+                                  <td
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >{{studentMark.subjectName}}</td>
+                                  <template v-for="(exam, index) in  studentMark.studentsMarks">
+                                    <td
+                                      :key="index"
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >{{exam.marksScored}}</td>
+                                    <td
+                                      :key="index"
+                                      style="border: 1px solid lightgrey !important;padding: 6px;"
+                                    >{{exam.markDistributionId.markValue}}</td>
+                                  </template>
                                   <td
-                                    v-for="(studentMarkData,i) in studentMark.studentsMarks"
-                                    :key="i"
-                                    colspan="2"
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
-                                  >{{studentMarkData.markDistributionId.distributionType}}</td>
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >{{studentMark.totalMarks}}</td>
+                                </tr>
+                              </tbody>
+                              <tfoot v-if="key == studentMarks.length - 1">
+                                <tr style="border: 1px solid lightgrey !important;">
                                   <td
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
+                                    colspan="5"
+                                    class="subheding"
+                                    style="    
+                                    border: 1px solid #e2e7eb;
+                                    text-align:center
+                                    padding: 6px;"
                                   >Total Marks</td>
-                                </template>
-                              </tr>
-                              <tr style="border: 1px solid lightgrey !important;">
-                                <template v-for="(exam, ind) in studentMark.studentsMarks">
                                   <td
-                                    :key="ind"
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
-                                  >Marks</td>
+                                    colspan="7"
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >{{ studentMark.allSubjectTotalMarks }}</td>
+                                </tr>
+                                <tr>
+                                  <td
+                                    colspan="5"
+                                    class="subheding"
+                                    style="    
+                                    border: 1px solid #e2e7eb;
+                                    text-align:center
+                                    padding: 6px;"
+                                  >Grade</td>
+                                  <td
+                                    colspan="7"
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >{{ studentMark.grade ? studentMark.grade : "-" }}</td>
+                                </tr>
+                                <tr>
+                                  <td
+                                    colspan="5"
+                                    style="
+                                     border: 1px solid #e2e7eb;
+                                    text-align:center
+                                    padding: 6px;"
+                                    class="subheding"
+                                  >Average Mark</td>
                                   <td
-                                    :key="ind"
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
-                                  >Highest Marks</td>
-                                </template>
-                              </tr>
-                            </thead>
-                            <tbody style="border: 1px solid lightgrey !important;" v-if="key == 0">
-                              <tr v-for="studentMark in studentMarks" :key="studentMark">
-                                <td
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                >{{studentMark.subjectName}}</td>
-                                <template v-for="(exam, index) in  studentMark.studentsMarks">
+                                    colspan="7"
+                                    style="border: 1px solid lightgrey !important;padding: 6px;"
+                                  >-</td>
+                                </tr>
+                                <tr>
                                   <td
-                                    :key="index"
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
-                                  >{{exam.marksScored}}</td>
+                                    colspan="5"
+                                    style="
+                                    border: 1px solid #e2e7eb;
+                                    text-align:center
+                                    padding: 6px; !important;
+                                    font-size: 16px !important;"
+                                    class="subheding"
+                                  >GPA</td>
                                   <td
-                                    :key="index"
-                                    style="border: 1px solid lightgrey !important;padding: 10px;"
-                                  >{{exam.markDistributionId.markValue}}</td>
-                                </template>
-                                <td
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                >{{studentMark.totalMarks}}</td>
-                              </tr>
-                            </tbody>
-                            <tfoot v-if="key == studentMarks.length - 1">
-                              <tr style="border: 1px solid lightgrey !important;">
-                                <td
-                                  colspan="5"
-                                  style="text-align:center"
-                                  class="subheding"
-                                >Total Marks</td>
-                                <td
-                                  colspan="7"
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                >{{ studentMark.allSubjectTotalMarks }}</td>
-                              </tr>
-                              <tr>
-                                <td colspan="5" style="text-align:center" class="subheding">Grade</td>
-                                <td
-                                  colspan="7"
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                >{{ studentMark.grade }}</td>
-                              </tr>
-                              <tr>
-                                <td
-                                  colspan="5"
-                                  style="text-align:center"
-                                  class="subheding"
-                                >Average Mark</td>
-                                <td
-                                  colspan="7"
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                ></td>
-                              </tr>
-                              <tr>
-                                <td colspan="5" style="text-align:center" class="subheding">GPA</td>
-                                <td
-                                  colspan="7"
-                                  style="border: 1px solid lightgrey !important;padding: 10px;"
-                                ></td>
-                              </tr>
-                            </tfoot>
-                          </table>
+                                    colspan="7"
+                                    style="border: 1px solid lightgrey !important;padding: 6px !important;font-size: 16px !important;"
+                                  >-</td>
+                                </tr>
+                              </tfoot>
+                            </table>
+                            <!-- </div> -->
+                          </v-card>
                         </div>
                       </v-card>
-                    </v-card>
-                  </v-flex>
+                      <!-- </v-flex> -->
+                    </card>
+                  </div>
+                  <p style="page-break-after: always;">&nbsp;</p>
                 </v-flex>
               </v-layout>
             </v-flex>
@@ -543,7 +604,7 @@ table {
 th,
 td {
   border: 1px solid #e2e7eb;
-  padding: 10px;
+  padding: 6px;
   text-align: center;
 }
 table.feeTypeTable {
-- 
2.0.0