Aligned the position colours on the ballot pop-over with the ballot grid colours.

 - Legacy-Id: 9469

Author: levkowetz

bootstrap/dist/css/bootstrap.css

@@ -67,6 +67,9 @@
 .btn-success {
   .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
 }
+.btn-pass {
+  .button-variant(@btn-pass-color; @btn-pass-bg; @btn-pass-border);
+}
 // Info appears as blue-green
 .btn-info {
   .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);

bootstrap/dist/css/bootstrap.css.map

@@ -51,6 +51,10 @@
   .label-variant(@label-success-bg);
 }
 
+.label-pass {
+  .label-variant(@label-pass-bg);
+}
+
 .label-info {
   .label-variant(@label-info-bg);
 }

bootstrap/dist/css/bootstrap.min.css

@@ -254,6 +254,9 @@
 .panel-success {
   .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
 }
+.panel-pass {
+  .panel-variant(@panel-pass-border; @panel-pass-text; @panel-pass-heading-bg; @panel-pass-border);
+}
 .panel-info {
   .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
 }

bootstrap/less/buttons.less

@@ -190,6 +190,10 @@
 @btn-success-bg:                 @brand-success;
 @btn-success-border:             darken(@btn-success-bg, 5%);
 
+@btn-pass-color:                 #fff;
+@btn-pass-bg:                    lighten(desaturate(@brand-success, 30%), 20%);
+@btn-pass-border:                darken(@btn-pass-bg, 5%);
+
 @btn-info-color:                 #fff;
 @btn-info-bg:                    @brand-info;
 @btn-info-border:                darken(@btn-info-bg, 5%);
@@ -598,6 +602,8 @@
 @label-primary-bg:            lighten(@brand-primary, 20%);
 //** Success label background color
 @label-success-bg:            @brand-success;
+@label-pass-bg:		      lighten(desaturate(@brand-success, 30%), 20%);
+
 //** Info label background color
 @label-info-bg:               darken(saturate(@brand-info, 5%), 12%);
 //** Warning label background color
@@ -752,6 +758,10 @@
 @panel-success-border:        @state-success-border;
 @panel-success-heading-bg:    @state-success-bg;
 
+@panel-pass-text:             @state-success-text;
+@panel-pass-border:           lighten(desaturate(@brand-success, 30%), 20%);
+@panel-pass-heading-bg:       @state-success-bg;
+
 @panel-info-text:             @state-info-text;
 @panel-info-border:           @state-info-border;
 @panel-info-heading-bg:       @state-info-bg;