Added trend panel, moved index calculation to service, made chart backgrounds transparent

common/css/bootstrap.dark.min.css

@@ -226,7 +226,7 @@ body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 21px;
-  color: #c8c8c8;
+  color: #ddd;
   background-color: #272b30;
 }
 
@@ -1096,7 +1096,7 @@ input[type="color"],
   margin-bottom: 10.5px;
   font-size: 14px;
   line-height: 21px;
-  color: #c8c8c8;
+  color: #fff;
   vertical-align: middle;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
@@ -1129,8 +1129,8 @@ input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input {
-  background-color: #222;
-  border: 1px solid #333;
+  background-color: #666;
+  border: 1px solid #666;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@@ -1197,8 +1197,8 @@ input[type="file"] {
 
 select {
   width: 220px;
-  background-color: #222;
-  border: 1px solid #333;
+  background-color: #666;
+  border: 1px solid #666;
 }
 
 select[multiple],
@@ -5201,8 +5201,8 @@ input[type="submit"].btn.btn-mini {
   top: 10%;
   left: 50%;
   z-index: 1050;
-  width: 560px;
-  margin-left: -280px;
+  width: 760px;
+  margin-left: -380px;
   background-color: #ffffff;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, 0.3);
@@ -5228,7 +5228,7 @@ input[type="submit"].btn.btn-mini {
 }
 
 .modal.fade.in {
-  top: 10%;
+  top: 10px;
 }
 
 .modal-header {
@@ -5247,7 +5247,7 @@ input[type="submit"].btn.btn-mini {
 
 .modal-body {
   position: relative;
-  max-height: 400px;
+  max-height: 500px;
   padding: 15px;
   overflow-y: auto;
 }