big update

prof.css

@@ -9,7 +9,6 @@ body {
   padding: 0;
   height: 100%;
   width: 100%;
-
 }
 div.profTitle {
   padding-top: 5px;
@@ -21,11 +20,60 @@ div.profTitle {
   font-family: 'Dosis', sans-serif;
   z-index: 10;
 }
+.sbreak {
+  margin-top: 10px;
+  padding: 150px 0 150px 0;
+  border-right: 1px solid #45d7e8;
+  color: grey;
+  font-size: 70px;
+  text-align: right;
+  font-family: 'Dosis', sans-serif;
+}
 #piechart {
   padding: 0;
-  height: 800px;
-  width: 100%;
-  overflow: hidden;
-  margin-top: -100px;
-  margin-left: 100px;
+  height: 940px;
+  margin-top: -175px;
+}
+div.firstchart {
+  overflow: hidden;
+  height: 500px;
+}
+
+div.text {
+  border-top: 1px solid #45d7e8;
+}
+
+div.trans {
+  font-size:70px;
+  color: grey;
+  font-family: 'Dosis', sans-serif;
+  padding-top: 15px;
+  text-align: left;
+}
+div.total {
+  font-size:35px;
+  color: green;
+  font-family: 'Dosis', sans-serif;
+  margin-top:50px;
+  text-align: right;
+}
+
+div.catRow {
+  margin: 30px 0 30px 0;
+}
+.totalamt {
+  font-size: 25px;
+  font-family: 'Dosis', sans-serif;
+  text-align: right;
+  color: green;
+  margin: 0;
+}
+.btn {
+  width: 400px;
+  font-family: 'Dosis', sans-serif;
+}
+.col-xs-3 {
+  font-family: 'Dosis', sans-serif;
+  font-size: 20px;
+  text-align: right;
 }