Removed unused styles. Fix tooltip position

css/src/main.css

@@ -866,10 +866,13 @@ ul.pagination li.current a:hover, ul.pagination li.current a:focus {
 .tooltip.tip-left>.nub {
   border-color:transparent transparent transparent #16A085;
 }
+.tooltip.tip-bottom>.nub {
+  border-color:transparent transparent #16A085 transparent;
+}
 
 .has-tip {
+  border-bottom: none;
   color: #7A8C9E;
-  border-color: #7A8C9E;
   cursor: inherit;
 }
 
@@ -1313,31 +1316,6 @@ a.text-warning:hover {color: #FD7262;}
   text-align: center;
 }
 
-.joyride-tip-guide {
-  width: 150px;
-  background: #213140;
-  top: -20px !important;
-  left: 50px !important;
-  -moz-box-shadow:    1px 1px 3px 0px rgba(0,0,0,0.40);
-  box-shadow:         1px 1px 3px 0px rgba(0,0,0,0.40);
-}
-
-.joyride-tip-guide .joyride-nub.left {
-  border-color: #213140 !important;
-  border-top-color: transparent !important;
-  border-left-color: transparent !important;
-  border-bottom-color: transparent !important;
-}
-
-.joyride-content-wrapper {
-  padding: 0.8rem
-}
-
-.joyride-tip-guide p {
-  margin: 0;
-  color: #8597A7;
-}
-
 .panel qrcode {
   background-color: white;
 }

views/includes/sidebar.html

@@ -38,7 +38,9 @@
     <span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
     <span ng-if="$root.wallet && !$root.updatingBalance" class="text-gray"><b>{{lockedBalance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}} </b> - {{lockedBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}
     </span>
-    <i class="fi-info medium right text-gray size-14" tooltip="{{'Balance locked in pending transaction proposals'|translate}}" tooltip-placement="bottom"></i>
+    <i class="fi-info medium right text-gray size-14" 
+      tooltip="{{'Balance locked in pending transaction proposals'|translate}}"
+    tooltip-placement="left"></i>
 
   </div>