diff --git a/admin-dev/themes/default/css/admin-theme.css b/admin-dev/themes/default/css/admin-theme.css
index 27619834c..07bb59a5c 100644
--- a/admin-dev/themes/default/css/admin-theme.css
+++ b/admin-dev/themes/default/css/admin-theme.css
@@ -8888,29 +8888,29 @@ textarea {
   -webkit-font-smoothing: antialiased;
   *margin-right: 0.3em; }
 
-/* line 11, admin-theme/_admin-date-range-picker.sass */
+/* line 18, admin-theme/_admin-date-range-picker.sass */
 #datepicker {
   padding: 6px;
   background-color: #1585b8; }
-/* line 15, admin-theme/_admin-date-range-picker.sass */
+/* line 21, admin-theme/_admin-date-range-picker.sass */
 #datepicker .input-selected {
   margin: 0; }
-/* line 17, admin-theme/_admin-date-range-picker.sass */
+/* line 23, admin-theme/_admin-date-range-picker.sass */
 #datepicker #date-start.input-selected {
   border: solid 3px #0d5373; }
-/* line 19, admin-theme/_admin-date-range-picker.sass */
+/* line 25, admin-theme/_admin-date-range-picker.sass */
 #datepicker #date-end.input-selected {
   border: solid 3px #0d5373; }
-/* line 22, admin-theme/_admin-date-range-picker.sass */
+/* line 28, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form #date-range .form-date-heading {
   background-color: #1896cf; }
-/* line 24, admin-theme/_admin-date-range-picker.sass */
+/* line 30, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form #date-compare .form-date-heading {
   background-color: #dd7d5b; }
-/* line 26, admin-theme/_admin-date-range-picker.sass */
+/* line 32, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-heading {
   padding: 6px; }
-/* line 28, admin-theme/_admin-date-range-picker.sass */
+/* line 34, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-heading .title, #datepicker div#datepicker-form .form-date-heading .checkbox-title label {
   font-family: "Josefin Sans", sans-serif;
   font-size: 1.15em;
@@ -8918,23 +8918,23 @@ textarea {
   font-weight: 200;
   text-transform: uppercase;
   line-height: 2em; }
-/* line 35, admin-theme/_admin-date-range-picker.sass */
+/* line 41, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-heading .btn-default {
   background-color: rgba(255, 255, 255, 0.3);
   font-weight: 700;
   color: white;
   border: none; }
-/* line 40, admin-theme/_admin-date-range-picker.sass */
+/* line 46, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-body, #datepicker div#datepicker-form .form-date-actions {
   width: 100%;
   padding: 10px;
   background-color: white;
   display: inline-block; }
-/* line 45, admin-theme/_admin-date-range-picker.sass */
+/* line 51, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-group {
   width: 100%;
   margin: 0 auto; }
-/* line 48, admin-theme/_admin-date-range-picker.sass */
+/* line 54, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-group label {
   font-family: "Josefin Sans", sans-serif;
   font-size: 0.8em;
@@ -8943,14 +8943,14 @@ textarea {
   color: #666666;
   line-height: 3.2em;
   margin-bottom: 0; }
-/* line 56, admin-theme/_admin-date-range-picker.sass */
+/* line 62, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-group label, #datepicker div#datepicker-form .form-date-group input {
   float: left;
   margin-right: 6px; }
-/* line 59, admin-theme/_admin-date-range-picker.sass */
+/* line 65, admin-theme/_admin-date-range-picker.sass */
 #datepicker div#datepicker-form .form-date-group input[type='text'] {
   width: 35%; }
-/* line 62, admin-theme/_admin-date-range-picker.sass */
+/* line 68, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker {
   position: relative;
   margin: 0 0 8px 0;
@@ -8959,17 +8959,17 @@ textarea {
   font-family: "Josefin Sans", sans-serif;
   font-size: 14px;
   height: 16.8em; }
-/* line 70, admin-theme/_admin-date-range-picker.sass */
+/* line 76, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker table {
   width: 100%;
   margin: 0; }
-/* line 74, admin-theme/_admin-date-range-picker.sass */
+/* line 80, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker thead tr th:after {
   content: "";
   border-top: 1px solid #1585b8;
   width: 100%;
   display: block; }
-/* line 79, admin-theme/_admin-date-range-picker.sass */
+/* line 85, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker thead tr th {
   background-color: #1896cf;
   color: #8dd3f2;
@@ -8977,13 +8977,13 @@ textarea {
   font-weight: 700;
   border-bottom: solid 1px #3bb3e9;
   text-transform: uppercase; }
-/* line 86, admin-theme/_admin-date-range-picker.sass */
+/* line 92, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker thead tr:first-child th {
   background-color: white;
   font-weight: 200;
   font-size: 1.4em;
   color: #0d5373; }
-/* line 91, admin-theme/_admin-date-range-picker.sass */
+/* line 97, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td, #datepicker .datepicker th {
   text-align: center;
   height: 2em;
@@ -8991,12 +8991,12 @@ textarea {
   padding: 0;
   color: white;
   position: relative; }
-/* line 98, admin-theme/_admin-date-range-picker.sass */
+/* line 104, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td {
   font-weight: 400;
   padding: 0 10px;
   border-bottom: solid 1px #1ba6e5; }
-/* line 102, admin-theme/_admin-date-range-picker.sass */
+/* line 108, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.day:after {
   content: "";
   position: absolute;
@@ -9007,28 +9007,28 @@ textarea {
   height: 100%;
   z-index: 0;
   background-color: transparent; }
-/* line 112, admin-theme/_admin-date-range-picker.sass */
+/* line 118, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.day:hover {
   cursor: pointer; }
-/* line 114, admin-theme/_admin-date-range-picker.sass */
+/* line 120, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.day.disabled {
   color: #1275a1; }
-/* line 116, admin-theme/_admin-date-range-picker.sass */
+/* line 122, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.old, #datepicker .datepicker td.new {
   color: #1275a1; }
-/* line 118, admin-theme/_admin-date-range-picker.sass */
+/* line 124, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected) {
   font-weight: 700;
   background-color: #0d5373;
   border-bottom-left-radius: 15px;
   border-top-left-radius: 15px; }
-/* line 123, admin-theme/_admin-date-range-picker.sass */
+/* line 129, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) {
   font-weight: 700;
   background-color: #0d5373;
   border-bottom-right-radius: 15px;
   border-top-right-radius: 15px; }
-/* line 128, admin-theme/_admin-date-range-picker.sass */
+/* line 134, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.end-selected.start-selected {
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
@@ -9037,14 +9037,27 @@ textarea {
   border-radius: 15px;
   font-weight: 700;
   background-color: #0d5373; }
-/* line 132, admin-theme/_admin-date-range-picker.sass */
+/* line 138, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker td.start-selected-compare:not(.old):not(.new):not(.end-selected-compare) {
+  background-color: #ad4924; }
+/* line 140, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker td.end-selected-compare:not(.old):not(.new):not(.start-selected-compare) {
+  background-color: #ad4924; }
+/* line 142, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker td.end-selected-compare.start-selected-compare {
+  background-color: #ad4924; }
+/* line 144, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.range {
   color: #77caef;
   background-color: #1275a1; }
-/* line 135, admin-theme/_admin-date-range-picker.sass */
+/* line 147, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker td.range-compare {
+  color: #f3d1c4;
+  background-color: #d45c31; }
+/* line 150, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td.today {
   background-color: white; }
-/* line 138, admin-theme/_admin-date-range-picker.sass */
+/* line 153, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td span {
   padding: 0;
   display: block;
@@ -9055,31 +9068,60 @@ textarea {
   float: left;
   text-transform: uppercase;
   cursor: pointer; }
-/* line 148, admin-theme/_admin-date-range-picker.sass */
+/* line 163, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td span:hover {
   background-color: #0d5373; }
-/* line 150, admin-theme/_admin-date-range-picker.sass */
+/* line 165, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td span.active {
   background-color: #0d5373;
   color: white; }
-/* line 153, admin-theme/_admin-date-range-picker.sass */
+/* line 168, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker td span.old {
   color: #1275a1; }
-/* line 156, admin-theme/_admin-date-range-picker.sass */
+/* line 171, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker th.switch {
   width: 145px; }
-/* line 158, admin-theme/_admin-date-range-picker.sass */
+/* line 173, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker th.next, #datepicker .datepicker th.prev {
   font-size: 1.3em; }
-/* line 160, admin-theme/_admin-date-range-picker.sass */
+/* line 175, admin-theme/_admin-date-range-picker.sass */
 #datepicker .datepicker thead tr:first-child th {
   cursor: pointer; }
+/* line 178, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare {
+  background-color: #e18e70; }
+/* line 181, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare thead tr th:after {
+  border-top: 1px solid #d86d46; }
+/* line 183, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare thead tr th {
+  background-color: #dd7d5b;
+  color: #f7e1d9;
+  border-bottom: solid 1px #e7a58e; }
+/* line 187, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare thead tr:first-child th {
+  color: #ad4924; }
+/* line 189, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare td {
+  border-bottom: solid 1px #e18e70; }
+/* line 191, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare td.day.disabled {
+  color: #d45c31; }
+/* line 193, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare td.old, #datepicker .datepicker.datepicker-compare td.new {
+  color: #d45c31; }
+/* line 197, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare td span:hover, #datepicker .datepicker.datepicker-compare td span.active {
+  background-color: #ad4924; }
+/* line 199, admin-theme/_admin-date-range-picker.sass */
+#datepicker .datepicker.datepicker-compare td span.old {
+  color: #d45c31; }
 
-/* line 164, admin-theme/_admin-date-range-picker.sass */
+/* line 202, admin-theme/_admin-date-range-picker.sass */
 .chevron-left, #datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected), .chevron-right, #datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) {
   position: relative; }
 
-/* line 166, admin-theme/_admin-date-range-picker.sass */
+/* line 204, admin-theme/_admin-date-range-picker.sass */
 .chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before, .chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before {
   display: block;
   content: "";
@@ -9088,7 +9130,7 @@ textarea {
   border-style: solid;
   position: absolute; }
 
-/* line 173, admin-theme/_admin-date-range-picker.sass */
+/* line 211, admin-theme/_admin-date-range-picker.sass */
 .chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before {
   right: 0px;
   top: 0;
@@ -9096,7 +9138,7 @@ textarea {
   border-color: transparent transparent transparent #0d5373;
   background-color: #1275a1; }
 
-/* line 179, admin-theme/_admin-date-range-picker.sass */
+/* line 217, admin-theme/_admin-date-range-picker.sass */
 .chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before {
   left: 0px;
   top: 0;
@@ -9104,7 +9146,7 @@ textarea {
   border-color: transparent transparent transparent #1275a1;
   background-color: #0d5373; }
 
-/* line 186, admin-theme/_admin-date-range-picker.sass */
+/* line 224, admin-theme/_admin-date-range-picker.sass */
 .input-complete {
   -webkit-animation: one 0.2s ease-in-out;
   -moz-animation: one 0.2s ease-in-out;
@@ -9113,21 +9155,21 @@ textarea {
   animation: one 0.2s ease-in-out; }
 
 @-webkit-keyframes one {
-  /* line 194, admin-theme/_admin-date-range-picker.sass */
+  /* line 232, admin-theme/_admin-date-range-picker.sass */
   0% {
     background-color: #1ba6e5; }
 
-  /* line 196, admin-theme/_admin-date-range-picker.sass */
+  /* line 234, admin-theme/_admin-date-range-picker.sass */
   100% {
     background-color: white; } }
 
 @-webkit-keyframes two {
-  /* line 200, admin-theme/_admin-date-range-picker.sass */
+  /* line 238, admin-theme/_admin-date-range-picker.sass */
   0% {
     -webkit-box-shadow: #1ba6e5 0 0 0 20px inset;
     box-shadow: #1ba6e5 0 0 0 20px inset; }
 
-  /* line 202, admin-theme/_admin-date-range-picker.sass */
+  /* line 240, admin-theme/_admin-date-range-picker.sass */
   100% {
     -webkit-box-shadow: #1ba6e5 0 0 0 inset;
     box-shadow: #1ba6e5 0 0 0 inset; } }
diff --git a/admin-dev/themes/default/css/admin-theme/_admin-date-range-picker.sass b/admin-dev/themes/default/css/admin-theme/_admin-date-range-picker.sass
index a727fad04..5122b8395 100644
--- a/admin-dev/themes/default/css/admin-theme/_admin-date-range-picker.sass
+++ b/admin-dev/themes/default/css/admin-theme/_admin-date-range-picker.sass
@@ -1,15 +1,21 @@
 $color-bright: white
 $font-family: 'Josefin Sans', sans-serif
-$color-calendar: $brand-primary
 
+$color-calendar: $brand-primary
 $color-calendar-compare: #E18E70
+
 $color-calendar-day: $color-bright
+
 $color-calendar-outrange: darken($color-calendar,15%)
+$color-calendar-outrange-compare: darken($color-calendar-compare,15%)
+
 $color-calendar-day-selected: darken($color-calendar,25%)
+$color-calendar-day-selected-compare: darken($color-calendar-compare,25%)
+
 $color-calendar-range: darken($color-calendar,15%)
+$color-calendar-range-compare: darken($color-calendar-compare,15%)
 
 #datepicker
-	input[type="text"]
 	padding: 6px
 	background-color: darken($color-calendar,10%)
 	.input-selected
@@ -129,9 +135,18 @@ $color-calendar-range: darken($color-calendar,15%)
 				+border-radius(15px)
 				font-weight: 700
 				background-color: $color-calendar-day-selected
+			&.start-selected-compare:not(.old):not(.new):not(.end-selected-compare)
+				background-color: $color-calendar-day-selected-compare
+			&.end-selected-compare:not(.old):not(.new):not(.start-selected-compare)
+				background-color: $color-calendar-day-selected-compare
+			&.end-selected-compare.start-selected-compare
+				background-color: $color-calendar-day-selected-compare
 			&.range
 				color: lighten($color-calendar-range,35%)
 				background-color: $color-calendar-range
+			&.range-compare
+				color: lighten($color-calendar-range-compare,35%)
+				background-color: $color-calendar-range-compare
 			&.today
 				background-color: $color-bright
 
@@ -160,6 +175,29 @@ $color-calendar-range: darken($color-calendar,15%)
 		thead tr:first-child th
 			cursor: pointer
 
+	.datepicker.datepicker-compare
+		background-color: $color-calendar-compare
+		thead
+			tr th:after
+				border-top: 1px solid darken($color-calendar-compare,10%)
+			tr th
+				background-color: darken($color-calendar-compare,5%)
+				color: lighten($color-calendar-compare,25%)
+				border-bottom: solid 1px lighten($color-calendar-compare,7%)
+			tr:first-child th
+				color: $color-calendar-day-selected-compare
+		td
+			border-bottom: solid 1px $color-calendar-compare
+			&.day.disabled
+				color: $color-calendar-outrange-compare
+			&.old, &.new
+				color: $color-calendar-outrange-compare
+
+			span
+				&:hover, &.active
+					background-color: $color-calendar-day-selected-compare
+				&.old
+					color: $color-calendar-outrange-compare
 
 .chevron-left, .chevron-right
 	position: relative