diff --git a/jest.config.js b/jest.config.js
index ac8208423..efec3da84 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -31,5 +31,5 @@ module.exports = {
     },
   },
   // Uncomment this to avoid the massive amount of warnings we are getting for onSubmit and onInvalidSubmit
-  silent: true,
+  //silent: true,
 };
diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
new file mode 100644
index 000000000..c307731f6
--- /dev/null
+++ b/public/css/hop-styling.css
@@ -0,0 +1,336 @@
+.btn-group-lg > .btn {
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+  border-radius: 5px;
+}
+.btn-group-sm > .btn {
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  content: " ";
+  display: table;
+}
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
+[data-icon]:before,
+[data-icon-after]:after,
+.ico:before {
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-transform: none !important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  font-variant: normal !important;
+  font-size: 20px !important;
+  font-family: "safelite-ico" !important;
+  line-height: 20px !important;
+}
+html {
+  position: static !important;
+  height: auto !important;
+}
+html,
+body {
+  background-color: #ffffff !important;
+}
+body {
+  margin-bottom: 16px !important;
+}
+.headerlinecontainer {
+  color: #000000;
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+}
+.headerline1 {
+  display: block;
+  margin-bottom: 11.5px;
+  font-weight: 300;
+  font-size: 20px;
+  line-height: 30px;
+}
+.headerline2,
+.headerline3,
+.headerline4,
+.headerline5 {
+  margin-bottom: 11.5px;
+  font-size: 16px;
+}
+.headerline3 {
+  color: #0c7e47;
+}
+.headerline5 {
+  display: block;
+  padding: 11.5px 0;
+  color: #167cac;
+  font-style: italic;
+}
+.headerline5v2 {
+  display: block;
+  padding: 11.5px 0;
+  color: #da291c;
+  font-style: italic;
+  font-size: 12px;
+}
+.form-group {
+  margin-bottom: 10px;
+}
+.form-group .control-label {
+  display: block;
+  margin-bottom: 2px;
+}
+.form-group .form-control {
+  margin-bottom: 2px;
+}
+@media (min-width: 500px) {
+  .form-group {
+    width: 80%;
+  }
+}
+@media (min-width: 800px) {
+  .form-group {
+    width: 60%;
+  }
+}
+@media (min-width: 576px) {
+  #cardExpirationContainer .card_expirationMonth,
+  #cardExpirationContainer .card_expirationYear {
+    position: relative;
+    width: 49%;
+  }
+  #cardExpirationContainer .card_expirationMonth {
+    float: left;
+  }
+  #cardExpirationContainer .card_expirationYear {
+    float: right;
+  }
+}
+.totalContainer {
+  margin: 16px 0;
+  padding: 8px;
+  border-radius: 5px;
+  background-color: #0c7e47;
+  color: #ffffff;
+  font-size: 16px;
+}
+.totalContainer em {
+  font-weight: 500;
+}
+.totalContainer .strikeThrough {
+  padding-left: 8px;
+  text-decoration: line-through;
+  font-size: 14px;
+}
+.callerDisplayTextContainer {
+  margin: 16px 0;
+  font-style: italic;
+}
+.disclaimerContainer {
+  margin: 16px 0;
+  padding: 8px;
+  border-radius: 5px;
+  background-color: #f0f1f2;
+}
+.disclaimerContainerv2 {
+  margin: 16px 0;
+  border-radius: 5px;
+}
+.buttonContainer #sghopcancelbutton {
+  float: left;
+}
+.buttonContainer #sghopsubmitbutton {
+  float: right;
+}
+.buttonContainer #sghopsubmitbutton.creditCardSpecific {
+  float: right;
+}
+@media (max-width: 500px) {
+  .buttonContainer #sghopsubmitbutton.creditCardSpecific {
+    float: left;
+    width: 100%;
+  }
+}
+.buttonContainer #selectPaymentTypeButton {
+  float: right;
+}
+@media (max-width: 500px) {
+  .buttonContainer #selectPaymentTypeButton {
+    float: left;
+    width: 100%;
+  }
+}
+.globalMessage .message {
+  padding-left: 0;
+  line-height: 1.25;
+}
+.globalMessage .message strong {
+  color: #da291c;
+}
+.italicSmall {
+  font-weight: 300;
+  font-style: normal;
+  font-size: 15px;
+}
+#pageLoadingModal {
+  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
+}
+#pageLoadingModal .modal-content {
+  margin-top: 100px;
+}
+#paypalParentDiv {
+  margin-bottom: 20px;
+}
+#creditCardParentDiv {
+  margin-bottom: 0;
+}
+.radio .list-group.paymentSelection,
+.radio.list-group.paymentSelection {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+@media (max-width: 33.9em) {
+  .radio .list-group.paymentSelection label,
+  .radio.list-group.paymentSelection label,
+  .radio .list-group.paymentSelection a,
+  .radio.list-group.paymentSelection a {
+    max-height: 52px;
+  }
+}
+#creditCardParentLink {
+  margin-bottom: 0;
+}
+@media (max-width: 33.9em) {
+  #creditCardParentLink {
+    min-height: 57px;
+  }
+}
+#creditCardImages,
+#paypalImageSpan {
+  padding-right: 0;
+}
+@media (max-width: 33.9em) {
+  .paymentOptionText {
+    padding-left: 5px;
+  }
+}
+.extraPaddingTop {
+  padding-top: 20px;
+}
+.extraPaddingBottom {
+  padding-bottom: 20px;
+}
+@media (min-width: 33.9em) {
+  #paypalImage {
+    max-width: 22%;
+  }
+}
+@media (max-width: 33.9em) {
+  #paypalImage {
+    max-width: 55px;
+  }
+}
+label.centerme {
+  position: inherit;
+  display: table-cell;
+  width: 9999px !important;
+  /*This is kind of a hack*/
+  vertical-align: middle;
+}
+input[name="rdioCreditCard"] {
+  display: block;
+}
+@media (min-width: 33.9em) {
+  input[name="rdioCreditCard"] {
+    margin-top: 10px;
+  }
+}
+@media (min-width: 33.9em) {
+  span.paymentOptionText {
+    margin-top: 6px;
+  }
+}
+.headerline1.safelitehop {
+  margin-top: 20px;
+}
+@media (max-width: 499px) {
+  #buttonContainer {
+    width: 100%;
+  }
+}
+.has-success .control-label {
+  color: #4d4e53;
+}
+#thm_fp {
+  display: block;
+}
+#paypalParentLink label,
+#creditCardParentLink label {
+  padding-top: 9px;
+  padding-bottom: 9px;
+}
+#paypalParentLink label .paymentOptionText,
+#creditCardParentLink label .paymentOptionText {
+  padding-left: 20px;
+  text-align: left;
+}
+#paypalParentLink {
+  margin-top: 12px;
+}
+html #creditCardParentLink.list-group-item {
+  border-radius: 48px;
+  text-align: center;
+}
+.optional-label span {
+  display: none;
+}
+.optional-label::after {
+  content: " (optional)";
+  font-weight: 300;
+  font-style: normal;
+  font-size: 15px;
+}
+.creditCardSpecific {
+  display: none;
+}
+@media (max-width: 500px) {
+  .buy-backdrop.afterpay-checkout-wrapper {
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+}
\ No newline at end of file
diff --git a/public/css/site-2020Styling.css b/public/css/site-2020Styling.css
new file mode 100644
index 000000000..b8ddac246
--- /dev/null
+++ b/public/css/site-2020Styling.css
@@ -0,0 +1,7763 @@
+@charset "UTF-8";
+/* BEGIN Import Bootstrap components */
+/* _bootstrap_overrides.less: variables */
+/* _bootstrap_overrides.less: mixins */
+/* _bootstrap_overrides.less: normalize */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: 500;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+mark {
+  background: #ff0;
+  color: #000;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: 500;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
+/* _bootstrap_overrides.less: print */
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    background: transparent !important;
+    color: #000 !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  select {
+    background: #fff !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+  .label {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important;
+  }
+}
+/* _bootstrap_overrides.less: glyphicons */
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url('/Shared/fonts/glyphicons-halflings-regular.eot');
+  src: url('/Shared/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Shared/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/Shared/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Shared/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Shared/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.glyphicon-asterisk:before {
+  content: "\2a";
+}
+.glyphicon-plus:before {
+  content: "\2b";
+}
+.glyphicon-euro:before,
+.glyphicon-eur:before {
+  content: "\20ac";
+}
+.glyphicon-minus:before {
+  content: "\2212";
+}
+.glyphicon-cloud:before {
+  content: "\2601";
+}
+.glyphicon-envelope:before {
+  content: "\2709";
+}
+.glyphicon-pencil:before {
+  content: "\270f";
+}
+.glyphicon-glass:before {
+  content: "\e001";
+}
+.glyphicon-music:before {
+  content: "\e002";
+}
+.glyphicon-search:before {
+  content: "\e003";
+}
+.glyphicon-heart:before {
+  content: "\e005";
+}
+.glyphicon-star:before {
+  content: "\e006";
+}
+.glyphicon-star-empty:before {
+  content: "\e007";
+}
+.glyphicon-user:before {
+  content: "\e008";
+}
+.glyphicon-film:before {
+  content: "\e009";
+}
+.glyphicon-th-large:before {
+  content: "\e010";
+}
+.glyphicon-th:before {
+  content: "\e011";
+}
+.glyphicon-th-list:before {
+  content: "\e012";
+}
+.glyphicon-ok:before {
+  content: "\e013";
+}
+.glyphicon-remove:before {
+  content: "\e014";
+}
+.glyphicon-zoom-in:before {
+  content: "\e015";
+}
+.glyphicon-zoom-out:before {
+  content: "\e016";
+}
+.glyphicon-off:before {
+  content: "\e017";
+}
+.glyphicon-signal:before {
+  content: "\e018";
+}
+.glyphicon-cog:before {
+  content: "\e019";
+}
+.glyphicon-trash:before {
+  content: "\e020";
+}
+.glyphicon-home:before {
+  content: "\e021";
+}
+.glyphicon-file:before {
+  content: "\e022";
+}
+.glyphicon-time:before {
+  content: "\e023";
+}
+.glyphicon-road:before {
+  content: "\e024";
+}
+.glyphicon-download-alt:before {
+  content: "\e025";
+}
+.glyphicon-download:before {
+  content: "\e026";
+}
+.glyphicon-upload:before {
+  content: "\e027";
+}
+.glyphicon-inbox:before {
+  content: "\e028";
+}
+.glyphicon-play-circle:before {
+  content: "\e029";
+}
+.glyphicon-repeat:before {
+  content: "\e030";
+}
+.glyphicon-refresh:before {
+  content: "\e031";
+}
+.glyphicon-list-alt:before {
+  content: "\e032";
+}
+.glyphicon-lock:before {
+  content: "\e033";
+}
+.glyphicon-flag:before {
+  content: "\e034";
+}
+.glyphicon-headphones:before {
+  content: "\e035";
+}
+.glyphicon-volume-off:before {
+  content: "\e036";
+}
+.glyphicon-volume-down:before {
+  content: "\e037";
+}
+.glyphicon-volume-up:before {
+  content: "\e038";
+}
+.glyphicon-qrcode:before {
+  content: "\e039";
+}
+.glyphicon-barcode:before {
+  content: "\e040";
+}
+.glyphicon-tag:before {
+  content: "\e041";
+}
+.glyphicon-tags:before {
+  content: "\e042";
+}
+.glyphicon-book:before {
+  content: "\e043";
+}
+.glyphicon-bookmark:before {
+  content: "\e044";
+}
+.glyphicon-print:before {
+  content: "\e045";
+}
+.glyphicon-camera:before {
+  content: "\e046";
+}
+.glyphicon-font:before {
+  content: "\e047";
+}
+.glyphicon-bold:before {
+  content: "\e048";
+}
+.glyphicon-italic:before {
+  content: "\e049";
+}
+.glyphicon-text-height:before {
+  content: "\e050";
+}
+.glyphicon-text-width:before {
+  content: "\e051";
+}
+.glyphicon-align-left:before {
+  content: "\e052";
+}
+.glyphicon-align-center:before {
+  content: "\e053";
+}
+.glyphicon-align-right:before {
+  content: "\e054";
+}
+.glyphicon-align-justify:before {
+  content: "\e055";
+}
+.glyphicon-list:before {
+  content: "\e056";
+}
+.glyphicon-indent-left:before {
+  content: "\e057";
+}
+.glyphicon-indent-right:before {
+  content: "\e058";
+}
+.glyphicon-facetime-video:before {
+  content: "\e059";
+}
+.glyphicon-picture:before {
+  content: "\e060";
+}
+.glyphicon-map-marker:before {
+  content: "\e062";
+}
+.glyphicon-adjust:before {
+  content: "\e063";
+}
+.glyphicon-tint:before {
+  content: "\e064";
+}
+.glyphicon-edit:before {
+  content: "\e065";
+}
+.glyphicon-share:before {
+  content: "\e066";
+}
+.glyphicon-check:before {
+  content: "\e067";
+}
+.glyphicon-move:before {
+  content: "\e068";
+}
+.glyphicon-step-backward:before {
+  content: "\e069";
+}
+.glyphicon-fast-backward:before {
+  content: "\e070";
+}
+.glyphicon-backward:before {
+  content: "\e071";
+}
+.glyphicon-play:before {
+  content: "\e072";
+}
+.glyphicon-pause:before {
+  content: "\e073";
+}
+.glyphicon-stop:before {
+  content: "\e074";
+}
+.glyphicon-forward:before {
+  content: "\e075";
+}
+.glyphicon-fast-forward:before {
+  content: "\e076";
+}
+.glyphicon-step-forward:before {
+  content: "\e077";
+}
+.glyphicon-eject:before {
+  content: "\e078";
+}
+.glyphicon-chevron-left:before {
+  content: "\e079";
+}
+.glyphicon-chevron-right:before {
+  content: "\e080";
+}
+.glyphicon-plus-sign:before {
+  content: "\e081";
+}
+.glyphicon-minus-sign:before {
+  content: "\e082";
+}
+.glyphicon-remove-sign:before {
+  content: "\e083";
+}
+.glyphicon-ok-sign:before {
+  content: "\e084";
+}
+.glyphicon-question-sign:before {
+  content: "\e085";
+}
+.glyphicon-info-sign:before {
+  content: "\e086";
+}
+.glyphicon-screenshot:before {
+  content: "\e087";
+}
+.glyphicon-remove-circle:before {
+  content: "\e088";
+}
+.glyphicon-ok-circle:before {
+  content: "\e089";
+}
+.glyphicon-ban-circle:before {
+  content: "\e090";
+}
+.glyphicon-arrow-left:before {
+  content: "\e091";
+}
+.glyphicon-arrow-right:before {
+  content: "\e092";
+}
+.glyphicon-arrow-up:before {
+  content: "\e093";
+}
+.glyphicon-arrow-down:before {
+  content: "\e094";
+}
+.glyphicon-share-alt:before {
+  content: "\e095";
+}
+.glyphicon-resize-full:before {
+  content: "\e096";
+}
+.glyphicon-resize-small:before {
+  content: "\e097";
+}
+.glyphicon-exclamation-sign:before {
+  content: "\e101";
+}
+.glyphicon-gift:before {
+  content: "\e102";
+}
+.glyphicon-leaf:before {
+  content: "\e103";
+}
+.glyphicon-fire:before {
+  content: "\e104";
+}
+.glyphicon-eye-open:before {
+  content: "\e105";
+}
+.glyphicon-eye-close:before {
+  content: "\e106";
+}
+.glyphicon-warning-sign:before {
+  content: "\e107";
+}
+.glyphicon-plane:before {
+  content: "\e108";
+}
+.glyphicon-calendar:before {
+  content: "\e109";
+}
+.glyphicon-random:before {
+  content: "\e110";
+}
+.glyphicon-comment:before {
+  content: "\e111";
+}
+.glyphicon-magnet:before {
+  content: "\e112";
+}
+.glyphicon-chevron-up:before {
+  content: "\e113";
+}
+.glyphicon-chevron-down:before {
+  content: "\e114";
+}
+.glyphicon-retweet:before {
+  content: "\e115";
+}
+.glyphicon-shopping-cart:before {
+  content: "\e116";
+}
+.glyphicon-folder-close:before {
+  content: "\e117";
+}
+.glyphicon-folder-open:before {
+  content: "\e118";
+}
+.glyphicon-resize-vertical:before {
+  content: "\e119";
+}
+.glyphicon-resize-horizontal:before {
+  content: "\e120";
+}
+.glyphicon-hdd:before {
+  content: "\e121";
+}
+.glyphicon-bullhorn:before {
+  content: "\e122";
+}
+.glyphicon-bell:before {
+  content: "\e123";
+}
+.glyphicon-certificate:before {
+  content: "\e124";
+}
+.glyphicon-thumbs-up:before {
+  content: "\e125";
+}
+.glyphicon-thumbs-down:before {
+  content: "\e126";
+}
+.glyphicon-hand-right:before {
+  content: "\e127";
+}
+.glyphicon-hand-left:before {
+  content: "\e128";
+}
+.glyphicon-hand-up:before {
+  content: "\e129";
+}
+.glyphicon-hand-down:before {
+  content: "\e130";
+}
+.glyphicon-circle-arrow-right:before {
+  content: "\e131";
+}
+.glyphicon-circle-arrow-left:before {
+  content: "\e132";
+}
+.glyphicon-circle-arrow-up:before {
+  content: "\e133";
+}
+.glyphicon-circle-arrow-down:before {
+  content: "\e134";
+}
+.glyphicon-globe:before {
+  content: "\e135";
+}
+.glyphicon-wrench:before {
+  content: "\e136";
+}
+.glyphicon-tasks:before {
+  content: "\e137";
+}
+.glyphicon-filter:before {
+  content: "\e138";
+}
+.glyphicon-briefcase:before {
+  content: "\e139";
+}
+.glyphicon-fullscreen:before {
+  content: "\e140";
+}
+.glyphicon-dashboard:before {
+  content: "\e141";
+}
+.glyphicon-paperclip:before {
+  content: "\e142";
+}
+.glyphicon-heart-empty:before {
+  content: "\e143";
+}
+.glyphicon-link:before {
+  content: "\e144";
+}
+.glyphicon-phone:before {
+  content: "\e145";
+}
+.glyphicon-pushpin:before {
+  content: "\e146";
+}
+.glyphicon-usd:before {
+  content: "\e148";
+}
+.glyphicon-gbp:before {
+  content: "\e149";
+}
+.glyphicon-sort:before {
+  content: "\e150";
+}
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151";
+}
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152";
+}
+.glyphicon-sort-by-order:before {
+  content: "\e153";
+}
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154";
+}
+.glyphicon-sort-by-attributes:before {
+  content: "\e155";
+}
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156";
+}
+.glyphicon-unchecked:before {
+  content: "\e157";
+}
+.glyphicon-expand:before {
+  content: "\e158";
+}
+.glyphicon-collapse-down:before {
+  content: "\e159";
+}
+.glyphicon-collapse-up:before {
+  content: "\e160";
+}
+.glyphicon-log-in:before {
+  content: "\e161";
+}
+.glyphicon-flash:before {
+  content: "\e162";
+}
+.glyphicon-log-out:before {
+  content: "\e163";
+}
+.glyphicon-new-window:before {
+  content: "\e164";
+}
+.glyphicon-record:before {
+  content: "\e165";
+}
+.glyphicon-save:before {
+  content: "\e166";
+}
+.glyphicon-open:before {
+  content: "\e167";
+}
+.glyphicon-saved:before {
+  content: "\e168";
+}
+.glyphicon-import:before {
+  content: "\e169";
+}
+.glyphicon-export:before {
+  content: "\e170";
+}
+.glyphicon-send:before {
+  content: "\e171";
+}
+.glyphicon-floppy-disk:before {
+  content: "\e172";
+}
+.glyphicon-floppy-saved:before {
+  content: "\e173";
+}
+.glyphicon-floppy-remove:before {
+  content: "\e174";
+}
+.glyphicon-floppy-save:before {
+  content: "\e175";
+}
+.glyphicon-floppy-open:before {
+  content: "\e176";
+}
+.glyphicon-credit-card:before {
+  content: "\e177";
+}
+.glyphicon-transfer:before {
+  content: "\e178";
+}
+.glyphicon-cutlery:before {
+  content: "\e179";
+}
+.glyphicon-header:before {
+  content: "\e180";
+}
+.glyphicon-compressed:before {
+  content: "\e181";
+}
+.glyphicon-earphone:before {
+  content: "\e182";
+}
+.glyphicon-phone-alt:before {
+  content: "\e183";
+}
+.glyphicon-tower:before {
+  content: "\e184";
+}
+.glyphicon-stats:before {
+  content: "\e185";
+}
+.glyphicon-sd-video:before {
+  content: "\e186";
+}
+.glyphicon-hd-video:before {
+  content: "\e187";
+}
+.glyphicon-subtitles:before {
+  content: "\e188";
+}
+.glyphicon-sound-stereo:before {
+  content: "\e189";
+}
+.glyphicon-sound-dolby:before {
+  content: "\e190";
+}
+.glyphicon-sound-5-1:before {
+  content: "\e191";
+}
+.glyphicon-sound-6-1:before {
+  content: "\e192";
+}
+.glyphicon-sound-7-1:before {
+  content: "\e193";
+}
+.glyphicon-copyright-mark:before {
+  content: "\e194";
+}
+.glyphicon-registration-mark:before {
+  content: "\e195";
+}
+.glyphicon-cloud-download:before {
+  content: "\e197";
+}
+.glyphicon-cloud-upload:before {
+  content: "\e198";
+}
+.glyphicon-tree-conifer:before {
+  content: "\e199";
+}
+.glyphicon-tree-deciduous:before {
+  content: "\e200";
+}
+.glyphicon-cd:before {
+  content: "\e201";
+}
+.glyphicon-save-file:before {
+  content: "\e202";
+}
+.glyphicon-open-file:before {
+  content: "\e203";
+}
+.glyphicon-level-up:before {
+  content: "\e204";
+}
+.glyphicon-copy:before {
+  content: "\e205";
+}
+.glyphicon-paste:before {
+  content: "\e206";
+}
+.glyphicon-alert:before {
+  content: "\e209";
+}
+.glyphicon-equalizer:before {
+  content: "\e210";
+}
+.glyphicon-king:before {
+  content: "\e211";
+}
+.glyphicon-queen:before {
+  content: "\e212";
+}
+.glyphicon-pawn:before {
+  content: "\e213";
+}
+.glyphicon-bishop:before {
+  content: "\e214";
+}
+.glyphicon-knight:before {
+  content: "\e215";
+}
+.glyphicon-baby-formula:before {
+  content: "\e216";
+}
+.glyphicon-tent:before {
+  content: "\26fa";
+}
+.glyphicon-blackboard:before {
+  content: "\e218";
+}
+.glyphicon-bed:before {
+  content: "\e219";
+}
+.glyphicon-apple:before {
+  content: "\f8ff";
+}
+.glyphicon-erase:before {
+  content: "\e221";
+}
+.glyphicon-hourglass:before {
+  content: "\231b";
+}
+.glyphicon-lamp:before {
+  content: "\e223";
+}
+.glyphicon-duplicate:before {
+  content: "\e224";
+}
+.glyphicon-piggy-bank:before {
+  content: "\e225";
+}
+.glyphicon-scissors:before {
+  content: "\e226";
+}
+.glyphicon-bitcoin:before {
+  content: "\e227";
+}
+.glyphicon-yen:before {
+  content: "\00a5";
+}
+.glyphicon-ruble:before {
+  content: "\20bd";
+}
+.glyphicon-scale:before {
+  content: "\e230";
+}
+.glyphicon-ice-lolly:before {
+  content: "\e231";
+}
+.glyphicon-ice-lolly-tasted:before {
+  content: "\e232";
+}
+.glyphicon-education:before {
+  content: "\e233";
+}
+.glyphicon-option-horizontal:before {
+  content: "\e234";
+}
+.glyphicon-option-vertical:before {
+  content: "\e235";
+}
+.glyphicon-menu-hamburger:before {
+  content: "\e236";
+}
+.glyphicon-modal-window:before {
+  content: "\e237";
+}
+.glyphicon-oil:before {
+  content: "\e238";
+}
+.glyphicon-grain:before {
+  content: "\e239";
+}
+.glyphicon-sunglasses:before {
+  content: "\e240";
+}
+.glyphicon-text-size:before {
+  content: "\e241";
+}
+.glyphicon-text-color:before {
+  content: "\e242";
+}
+.glyphicon-text-background:before {
+  content: "\e243";
+}
+.glyphicon-object-align-top:before {
+  content: "\e244";
+}
+.glyphicon-object-align-bottom:before {
+  content: "\e245";
+}
+.glyphicon-object-align-horizontal:before {
+  content: "\e246";
+}
+.glyphicon-object-align-left:before {
+  content: "\e247";
+}
+.glyphicon-object-align-vertical:before {
+  content: "\e248";
+}
+.glyphicon-object-align-right:before {
+  content: "\e249";
+}
+.glyphicon-triangle-right:before {
+  content: "\e250";
+}
+.glyphicon-triangle-left:before {
+  content: "\e251";
+}
+.glyphicon-triangle-bottom:before {
+  content: "\e252";
+}
+.glyphicon-triangle-top:before {
+  content: "\e253";
+}
+.glyphicon-console:before {
+  content: "\e254";
+}
+.glyphicon-superscript:before {
+  content: "\e255";
+}
+.glyphicon-subscript:before {
+  content: "\e256";
+}
+.glyphicon-menu-left:before {
+  content: "\e257";
+}
+.glyphicon-menu-right:before {
+  content: "\e258";
+}
+.glyphicon-menu-down:before {
+  content: "\e259";
+}
+.glyphicon-menu-up:before {
+  content: "\e260";
+}
+/* _bootstrap_overrides.less: scaffolding */
+* {
+  box-sizing: border-box;
+}
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+  font-size: 16px;
+  line-height: 25px;
+  color: #525656;
+  background-color: #ffffff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #1574A1;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #0d4b68;
+  text-decoration: underline;
+}
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+.img-responsive {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+@media (max-width: 768px) {
+  .img-responsive-mobile {
+    display: inline-block;
+    width: 144px;
+    height: 48px;
+  }
+}
+.img-rounded {
+  border-radius: 5px;
+}
+.img-thumbnail {
+  padding: 4px;
+  line-height: 25px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 5px;
+  transition: all 0.2s ease-in-out;
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+}
+.img-circle {
+  border-radius: 50%;
+}
+hr {
+  margin-top: 23px;
+  margin-bottom: 23px;
+  border: 0;
+  border-top: 1px solid #d4d6d8;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+/* _bootstrap_overrides.less: type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+  font-weight: 500;
+  line-height: 22px;
+  color: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #f0f1f2;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 23px;
+  margin-bottom: 11.5px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+  font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: 11.5px;
+  margin-bottom: 11.5px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+  font-size: 75%;
+}
+h1,
+.h1 {
+  font-size: 20px;
+}
+h2,
+.h2 {
+  font-size: 20px;
+}
+h3,
+.h3 {
+  font-size: 16px;
+}
+h4,
+.h4 {
+  font-size: 14px;
+}
+h5,
+.h5 {
+  font-size: 14px;
+}
+h6,
+.h6 {
+  font-size: 13px;
+}
+p {
+  margin: 0 0 11.5px;
+}
+.lead {
+  margin-bottom: 23px;
+  font-size: 18px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 24px;
+  }
+}
+small,
+.small {
+  font-size: 81%;
+}
+mark,
+.mark {
+  background-color: #fef6e8;
+  padding: .2em;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-nowrap {
+  white-space: nowrap;
+}
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-capitalize {
+  text-transform: capitalize;
+}
+.text-muted {
+  color: #f0f1f2;
+}
+.text-primary {
+  color: #167cac;
+}
+a.text-primary:hover {
+  color: #105b7f;
+}
+.text-success {
+  color: #cacbcc;
+}
+a.text-success:hover {
+  color: #b0b2b3;
+}
+.text-info {
+  color: #125b7e;
+}
+a.text-info:hover {
+  color: #0c3b51;
+}
+.text-warning {
+  color: #f8af1c;
+}
+a.text-warning:hover {
+  color: #da9407;
+}
+.text-danger {
+  color: #da291c;
+}
+a.text-danger:hover {
+  color: #ad2116;
+}
+.bg-primary {
+  color: #fff;
+  background-color: #167cac;
+}
+a.bg-primary:hover {
+  background-color: #105b7f;
+}
+.bg-success {
+  background-color: #e6f2ec;
+}
+a.bg-success:hover {
+  background-color: #c4e1d3;
+}
+.bg-info {
+  background-color: #e7f1f6;
+}
+a.bg-info:hover {
+  background-color: #c2dbe8;
+}
+.bg-warning {
+  background-color: #fef6e8;
+}
+a.bg-warning:hover {
+  background-color: #fce3b7;
+}
+.bg-danger {
+  background-color: #fbe9e8;
+}
+a.bg-danger:hover {
+  background-color: #f3bfbd;
+}
+.page-header {
+  padding-bottom: 10.5px;
+  margin: 46px 0 23px;
+  border-bottom: 1px solid #ffffff;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 11.5px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+  margin-left: -5px;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 23px;
+}
+dt,
+dd {
+  line-height: 25px;
+}
+dt {
+  font-weight: 500;
+}
+dd {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    clear: left;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #f0f1f2;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 11.5px 23px;
+  margin: 0 0 23px;
+  font-size: 20px;
+  border-left: 5px solid #ffffff;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 25px;
+  color: #f0f1f2;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+  content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #ffffff;
+  border-left: 0;
+  text-align: right;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+  content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+  content: '\00A0 \2014';
+}
+address {
+  margin-bottom: 23px;
+  font-style: normal;
+  line-height: 25px;
+}
+/* _bootstrap_overrides.less: code */
+code,
+kbd,
+pre,
+samp {
+  font-family: Monaco, Consolas, Menlo, Courier, monospace;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 5px;
+}
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #ffffff;
+  background-color: #333333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 500;
+  box-shadow: none;
+}
+pre {
+  display: block;
+  padding: 11px;
+  margin: 0 0 11.5px;
+  font-size: 15px;
+  line-height: 25px;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: #4d4e53;
+  background-color: #f5f5f5;
+  border: 1px solid #cccccc;
+  border-radius: 5px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+/* _bootstrap_overrides.less: grid */
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 14.99px;
+  padding-right: 14.99px;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 740px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1020px;
+  }
+}
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 14.99px;
+  padding-right: 14.99px;
+}
+.row {
+  margin-left: -14.99px;
+  margin-right: -14.99px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 14.99px;
+  padding-right: 14.99px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666667%;
+}
+.col-xs-10 {
+  width: 83.33333333%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666667%;
+}
+.col-xs-7 {
+  width: 58.33333333%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666667%;
+}
+.col-xs-4 {
+  width: 33.33333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.66666667%;
+}
+.col-xs-1 {
+  width: 8.33333333%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+.col-xs-pull-0 {
+  right: auto;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+.col-xs-push-0 {
+  left: auto;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+  margin-left: 0%;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-sm-pull-0 {
+    right: auto;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+  .col-sm-push-0 {
+    left: auto;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-md-pull-0 {
+    right: auto;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+  .col-md-push-0 {
+    left: auto;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-lg-pull-0 {
+    right: auto;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+  .col-lg-push-0 {
+    left: auto;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0%;
+  }
+}
+/* _bootstrap_overrides.less: tables */
+table {
+  background-color: transparent;
+}
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #f0f1f2;
+  text-align: left;
+}
+th {
+  text-align: left;
+}
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 23px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px;
+  line-height: 25px;
+  vertical-align: top;
+  border-top: 1px solid #9aa1a3;
+}
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #9aa1a3;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+  border-top: 0;
+}
+.table > tbody + tbody {
+  border-top: 2px solid #9aa1a3;
+}
+.table .table {
+  background-color: #ffffff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+  padding: 5px;
+}
+.table-bordered {
+  border: 1px solid #9aa1a3;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #9aa1a3;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+  border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f0f1f2;
+}
+.table-hover > tbody > tr:hover {
+  background-color: #58bbea;
+}
+table col[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-column;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-cell;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+  background-color: #58bbea;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #41b2e7;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+  background-color: #e6f2ec;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
+  background-color: #d5e9df;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #e7f1f6;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #d4e6ef;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+  background-color: #fef6e8;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
+  background-color: #fdecd0;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #fbe9e8;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #f7d4d2;
+}
+.table-responsive {
+  overflow-x: auto;
+  min-height: 0.01%;
+}
+@media screen and (max-width: 767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 17.25px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #9aa1a3;
+  }
+  .table-responsive > .table {
+    margin-bottom: 0;
+  }
+  .table-responsive > .table > thead > tr > th,
+  .table-responsive > .table > tbody > tr > th,
+  .table-responsive > .table > tfoot > tr > th,
+  .table-responsive > .table > thead > tr > td,
+  .table-responsive > .table > tbody > tr > td,
+  .table-responsive > .table > tfoot > tr > td {
+    white-space: nowrap;
+  }
+  .table-responsive > .table-bordered {
+    border: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0;
+  }
+  .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+  .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+    border-bottom: 0;
+  }
+}
+/* _bootstrap_overrides.less: forms */
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  min-width: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 23px;
+  font-size: 24px;
+  line-height: inherit;
+  color: #4d4e53;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: 500;
+  color: #000000;
+}
+input[type="search"] {
+  box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal;
+}
+input[type="file"] {
+  display: block;
+}
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+output {
+  display: block;
+  padding-top: 8px;
+  font-size: 16px;
+  line-height: 25px;
+  color: #525656;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: 39px;
+  padding: 7px 15px;
+  font-size: 16px;
+  line-height: 25px;
+  color: #525656;
+  background-color: #ffffff;
+  background-image: none;
+  border: 1px solid #cacbcc;
+  border-radius: 0;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+  border-color: #167cac;
+  outline: 0;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 124, 172, 0.6);
+}
+.form-control::-moz-placeholder {
+  color: #8b8d8e;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #8b8d8e;
+}
+.form-control::-webkit-input-placeholder {
+  color: #8b8d8e;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+  background-color: #f4f4f4;
+  opacity: 1;
+}
+textarea.form-control {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: none;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"],
+  input[type="time"],
+  input[type="datetime-local"],
+  input[type="month"] {
+    line-height: 39px;
+  }
+  input[type="date"].input-sm,
+  input[type="time"].input-sm,
+  input[type="datetime-local"].input-sm,
+  input[type="month"].input-sm,
+  .input-group-sm input[type="date"],
+  .input-group-sm input[type="time"],
+  .input-group-sm input[type="datetime-local"],
+  .input-group-sm input[type="month"] {
+    line-height: 27px;
+  }
+  input[type="date"].input-lg,
+  input[type="time"].input-lg,
+  input[type="datetime-local"].input-lg,
+  input[type="month"].input-lg,
+  .input-group-lg input[type="date"],
+  .input-group-lg input[type="time"],
+  .input-group-lg input[type="datetime-local"],
+  .input-group-lg input[type="month"] {
+    line-height: 48px;
+  }
+}
+.form-group {
+  margin-bottom: 15px;
+}
+.radio,
+.checkbox,
+.form-group.checkbox .list-group,
+.form-group.checkbox .list-group,
+.form-group.radio .list-group,
+.form-group.radio .list-group,
+.checkbox.list-group,
+.checkbox.list-group,
+.radio.list-group,
+.radio.list-group {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.radio label,
+.checkbox label {
+  min-height: 23px;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  cursor: pointer;
+  color: #525656;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-left: -20px;
+  margin-top: 4px \9;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+  cursor: not-allowed;
+}
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
+.form-control-static {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  margin-bottom: 0;
+}
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-left: 0;
+  padding-right: 0;
+}
+.input-sm {
+  height: 27px;
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-sm {
+  height: 27px;
+  line-height: 27px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.form-group-sm .form-control {
+  height: 27px;
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.form-group-sm .form-control {
+  height: 27px;
+  line-height: 27px;
+}
+textarea.form-group-sm .form-control,
+select[multiple].form-group-sm .form-control {
+  height: auto;
+}
+.form-group-sm .form-control-static {
+  height: 27px;
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+.input-lg {
+  height: 48px;
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+  border-radius: 5px;
+}
+select.input-lg {
+  height: 48px;
+  line-height: 48px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.form-group-lg .form-control {
+  height: 48px;
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+  border-radius: 5px;
+}
+select.form-group-lg .form-control {
+  height: 48px;
+  line-height: 48px;
+}
+textarea.form-group-lg .form-control,
+select[multiple].form-group-lg .form-control {
+  height: auto;
+}
+.form-group-lg .form-control-static {
+  height: 48px;
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: 48.75px;
+}
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 39px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  pointer-events: none;
+}
+.input-lg + .form-control-feedback {
+  width: 48px;
+  height: 48px;
+  line-height: 48px;
+}
+.input-sm + .form-control-feedback {
+  width: 27px;
+  height: 27px;
+  line-height: 27px;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+  color: #cacbcc;
+}
+.has-success .form-control {
+  border-color: #cacbcc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-success .form-control:focus {
+  border-color: #b0b2b3;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fefefe;
+}
+.has-success .input-group-addon {
+  color: #cacbcc;
+  border-color: #cacbcc;
+  background-color: #e6f2ec;
+}
+.has-success .form-control-feedback {
+  color: #cacbcc;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+  color: #f8af1c;
+}
+.has-warning .form-control {
+  border-color: #f8af1c;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-warning .form-control:focus {
+  border-color: #da9407;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbd27f;
+}
+.has-warning .input-group-addon {
+  color: #f8af1c;
+  border-color: #f8af1c;
+  background-color: #fef6e8;
+}
+.has-warning .form-control-feedback {
+  color: #f8af1c;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+  color: #da291c;
+}
+.has-error .form-control {
+  border-color: #da291c;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-error .form-control:focus {
+  border-color: #ad2116;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed786f;
+}
+.has-error .input-group-addon {
+  color: #da291c;
+  border-color: #da291c;
+  background-color: #fbe9e8;
+}
+.has-error .form-control-feedback {
+  color: #da291c;
+}
+.has-feedback label ~ .form-control-feedback {
+  top: 28px;
+}
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0;
+}
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #919696;
+}
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 8px;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 31px;
+}
+.form-horizontal .form-group {
+  margin-left: -14.99px;
+  margin-right: -14.99px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    text-align: right;
+    margin-bottom: 0;
+    padding-top: 8px;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 14.99px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 14px;
+  }
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 4px;
+  }
+}
+/* _bootstrap_overrides.less: buttons */
+.btn {
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: 500;
+  text-align: center;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 7px 15px;
+  font-size: 16px;
+  line-height: 15px;
+  border-radius: 5px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus,
+.btn.focus {
+  color: #4d4e53;
+  text-decoration: none;
+}
+.btn:active,
+.btn.active {
+  outline: 0;
+  background-image: none;
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  box-shadow: none;
+}
+.btn-default {
+  color: #4d4e53;
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default.focus,
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  color: #4d4e53;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+.btn-default .badge {
+  color: #ffffff;
+  background-color: #4d4e53;
+}
+.btn-primary,
+.btn-success {
+  color: #ffffff;
+  background-color: #167cac;
+  border-color: #136c95;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary.focus,
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  color: #ffffff;
+  background-color: #105b7f;
+  border-color: #0c455f;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #167cac;
+  border-color: #136c95;
+}
+.btn-primary .badge {
+  color: #167cac;
+  background-color: #ffffff;
+}
+.btn-success {
+  color: #ffffff;
+  background-color: #da291c;
+  border-color: #af2117;
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success.focus,
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  color: #ffffff;
+  background-color: #ad2116;
+  border-color: #791710;
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #da291c;
+  border-color: #af2117;
+}
+.btn-success .badge {
+  color: #da291c;
+  background-color: #ffffff;
+}
+.btn-info {
+  color: #167cac;
+  background-color: #ffffff;
+  border-color: #136c95;
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info.focus,
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  color: #167cac;
+  background-color: #e6e6e6;
+  border-color: #0c455f;
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #ffffff;
+  border-color: #136c95;
+}
+.btn-info .badge {
+  color: #ffffff;
+  background-color: #167cac;
+}
+.btn-warning {
+  color: #ffffff;
+  background-color: #af2117;
+  border-color: #981d14;
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning.focus,
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  color: #ffffff;
+  background-color: #821811;
+  border-color: #62130d;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #af2117;
+  border-color: #981d14;
+}
+.btn-warning .badge {
+  color: #af2117;
+  background-color: #ffffff;
+}
+.btn-danger {
+  color: #ffffff;
+  background-color: #da291c;
+  border-color: #c32519;
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger.focus,
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  color: #ffffff;
+  background-color: #ad2116;
+  border-color: #8d1b12;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #da291c;
+  border-color: #c32519;
+}
+.btn-danger .badge {
+  color: #da291c;
+  background-color: #ffffff;
+}
+.btn-link {
+  color: #167cac;
+  font-weight: normal;
+  border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #0d4b68;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #f0f1f2;
+  text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+  border-radius: 5px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+/* _bootstrap_overrides.less: component-animations */
+.fade {
+  opacity: 0;
+  transition: opacity 0.15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+  visibility: hidden;
+}
+.collapse.in {
+  display: block;
+  visibility: visible;
+}
+tr.collapse.in {
+  display: table-row;
+}
+tbody.collapse.in {
+  display: table-row-group;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition-property: height, visibility;
+  transition-duration: 0.35s;
+  transition-timing-function: ease;
+}
+/* _bootstrap_overrides.less: button-groups */
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+  z-index: 2;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px;
+}
+.btn-toolbar {
+  margin-left: -5px;
+}
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+  margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.btn-group.open .dropdown-toggle {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+  box-shadow: none;
+}
+.btn .caret {
+  margin-left: 0;
+}
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-bottom-left-radius: 5px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+  float: none;
+  display: table-cell;
+  width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
+.btn-group-justified > .btn-group .dropdown-menu {
+  left: auto;
+}
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+/* _bootstrap_overrides.less: input-groups */
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 48px;
+  padding: 10px 20px;
+  font-size: 20px;
+  line-height: 1.3;
+  border-radius: 5px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+  height: 48px;
+  line-height: 48px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 27px;
+  padding: 3px 6px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+  height: 27px;
+  line-height: 27px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: 7px 15px;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1;
+  color: #525656;
+  text-align: center;
+  background-color: #ffffff;
+  border: 1px solid #cacbcc;
+  border-radius: 5px;
+}
+.input-group-addon.input-sm {
+  padding: 3px 6px;
+  font-size: 13px;
+  border-radius: 3px;
+}
+.input-group-addon.input-lg {
+  padding: 10px 20px;
+  font-size: 20px;
+  border-radius: 5px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+  margin-left: -1px;
+}
+/* _bootstrap_overrides.less: labels */
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: 500;
+  line-height: 1;
+  color: #ffffff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+a.label:hover,
+a.label:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label:empty {
+  display: none;
+}
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #f0f1f2;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+  background-color: #d5d8da;
+}
+.label-primary {
+  background-color: #167cac;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+  background-color: #105b7f;
+}
+.label-success {
+  background-color: #0c7e47;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+  background-color: #084f2d;
+}
+.label-info {
+  background-color: #125b7e;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+  background-color: #0c3b51;
+}
+.label-warning {
+  background-color: #af2117;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+  background-color: #821811;
+}
+.label-danger {
+  background-color: #da291c;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+  background-color: #ad2116;
+}
+/* _bootstrap_overrides.less: alerts */
+.alert {
+  padding: 15px;
+  margin-bottom: 23px;
+  border: 1px solid transparent;
+  border-radius: 5px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: 500;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  background-color: #e6f2ec;
+  border-color: #0c7e47;
+  color: #cacbcc;
+}
+.alert-success hr {
+  border-top-color: #0a673a;
+}
+.alert-success .alert-link {
+  color: #b0b2b3;
+}
+.alert-info {
+  background-color: #e7f1f6;
+  border-color: #167cac;
+  color: #125b7e;
+}
+.alert-info hr {
+  border-top-color: #136c95;
+}
+.alert-info .alert-link {
+  color: #0c3b51;
+}
+.alert-warning {
+  background-color: #fef6e8;
+  border-color: #f8af1c;
+  color: #f8af1c;
+}
+.alert-warning hr {
+  border-top-color: #f3a507;
+}
+.alert-warning .alert-link {
+  color: #da9407;
+}
+.alert-danger {
+  background-color: #fbe9e8;
+  border-color: #da291c;
+  color: #da291c;
+}
+.alert-danger hr {
+  border-top-color: #c32519;
+}
+.alert-danger .alert-link {
+  color: #ad2116;
+}
+/* _bootstrap_overrides.less: progress-bars */
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  overflow: hidden;
+  height: 23px;
+  margin-bottom: 23px;
+  background-color: #f5f5f5;
+  border-radius: 5px;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 13px;
+  line-height: 23px;
+  color: #ffffff;
+  text-align: center;
+  background-color: #167cac;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  transition: width 0.6s ease;
+}
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 40px 40px;
+}
+.progress.active .progress-bar,
+.progress-bar.active {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+  background-color: #0c7e47;
+}
+.progress-striped .progress-bar-success {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+  background-color: #125b7e;
+}
+.progress-striped .progress-bar-info {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #af2117;
+}
+.progress-striped .progress-bar-warning {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #da291c;
+}
+.progress-striped .progress-bar-danger {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/* _bootstrap_overrides.less: media */
+.media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media,
+.media-body {
+  zoom: 1;
+  overflow: hidden;
+}
+.media-body {
+  width: 10000px;
+}
+.media-object {
+  display: block;
+}
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+/* _bootstrap_overrides.less: list-group */
+.list-group {
+  margin-bottom: 20px;
+  padding-left: 0;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+}
+.list-group-item:first-child {
+  border-top-right-radius: 5px;
+  border-top-left-radius: 5px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+a.list-group-item {
+  color: #555555;
+}
+a.list-group-item .list-group-item-heading {
+  color: #333333;
+}
+a.list-group-item:hover,
+a.list-group-item:focus {
+  text-decoration: none;
+  color: #555555;
+  background-color: #f5f5f5;
+}
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
+  background-color: #f0f1f2;
+  color: #9aa1a3;
+  cursor: not-allowed;
+}
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+  color: inherit;
+}
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+  color: #9aa1a3;
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  z-index: 2;
+  color: #ffffff;
+  background-color: #167cac;
+  border-color: #167cac;
+}
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:hover .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+  color: inherit;
+}
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+  color: #9cd7f2;
+}
+.list-group-item-success {
+  color: #cacbcc;
+  background-color: #e6f2ec;
+}
+a.list-group-item-success {
+  color: #cacbcc;
+}
+a.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+a.list-group-item-success:focus {
+  color: #cacbcc;
+  background-color: #d5e9df;
+}
+a.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #cacbcc;
+  border-color: #cacbcc;
+}
+.list-group-item-info {
+  color: #125b7e;
+  background-color: #e7f1f6;
+}
+a.list-group-item-info {
+  color: #125b7e;
+}
+a.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+a.list-group-item-info:focus {
+  color: #125b7e;
+  background-color: #d4e6ef;
+}
+a.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #125b7e;
+  border-color: #125b7e;
+}
+.list-group-item-warning {
+  color: #f8af1c;
+  background-color: #fef6e8;
+}
+a.list-group-item-warning {
+  color: #f8af1c;
+}
+a.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+a.list-group-item-warning:focus {
+  color: #f8af1c;
+  background-color: #fdecd0;
+}
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #f8af1c;
+  border-color: #f8af1c;
+}
+.list-group-item-danger {
+  color: #da291c;
+  background-color: #fbe9e8;
+}
+a.list-group-item-danger {
+  color: #da291c;
+}
+a.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+a.list-group-item-danger:focus {
+  color: #da291c;
+  background-color: #f7d4d2;
+}
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #da291c;
+  border-color: #da291c;
+}
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+/* _bootstrap_overrides.less: panels */
+.panel {
+  margin-bottom: 23px;
+  background-color: #ffffff;
+  border: 1px solid transparent;
+  border-radius: 5px;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.panel-body {
+  padding: 20px;
+}
+.panel-heading {
+  padding: 10px 20px;
+  border-bottom: 1px solid transparent;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 18px;
+  color: inherit;
+}
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+  color: inherit;
+}
+.panel-footer {
+  padding: 10px 20px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #dddddd;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+  border-top: 0;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+  border-bottom: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 4px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 4px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 4px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 4px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #9aa1a3;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
+.panel-group {
+  margin-bottom: 23px;
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 5px;
+}
+.panel-group .panel + .panel {
+  margin-top: 5px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #dddddd;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #dddddd;
+}
+.panel-default {
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading {
+  color: #4d4e53;
+  background-color: #f5f5f5;
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #dddddd;
+}
+.panel-default > .panel-heading .badge {
+  color: #f5f5f5;
+  background-color: #4d4e53;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #dddddd;
+}
+.panel-primary {
+  border-color: #167cac;
+}
+.panel-primary > .panel-heading {
+  color: #ffffff;
+  background-color: #167cac;
+  border-color: #167cac;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #167cac;
+}
+.panel-primary > .panel-heading .badge {
+  color: #167cac;
+  background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #167cac;
+}
+.panel-success {
+  border-color: #0c7e47;
+}
+.panel-success > .panel-heading {
+  color: #cacbcc;
+  background-color: #e6f2ec;
+  border-color: #0c7e47;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #0c7e47;
+}
+.panel-success > .panel-heading .badge {
+  color: #e6f2ec;
+  background-color: #cacbcc;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #0c7e47;
+}
+.panel-info {
+  border-color: #167cac;
+}
+.panel-info > .panel-heading {
+  color: #125b7e;
+  background-color: #e7f1f6;
+  border-color: #167cac;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #167cac;
+}
+.panel-info > .panel-heading .badge {
+  color: #e7f1f6;
+  background-color: #125b7e;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #167cac;
+}
+.panel-warning {
+  border-color: #f8af1c;
+}
+.panel-warning > .panel-heading {
+  color: #f8af1c;
+  background-color: #fef6e8;
+  border-color: #f8af1c;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #f8af1c;
+}
+.panel-warning > .panel-heading .badge {
+  color: #fef6e8;
+  background-color: #f8af1c;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #f8af1c;
+}
+.panel-danger {
+  border-color: #da291c;
+}
+.panel-danger > .panel-heading {
+  color: #da291c;
+  background-color: #fbe9e8;
+  border-color: #da291c;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #da291c;
+}
+.panel-danger > .panel-heading .badge {
+  color: #fbe9e8;
+  background-color: #da291c;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #da291c;
+}
+/* _bootstrap_overrides.less: responsive-embed */
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: 100%;
+  width: 100%;
+  border: 0;
+}
+.embed-responsive.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+.embed-responsive.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+/* _bootstrap_overrides.less: close */
+.close {
+  float: right;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 1;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+/* _bootstrap_overrides.less: modals */
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  -webkit-transform: translate(0, -25%);
+  -ms-transform: translate(0, -25%);
+  transform: translate(0, -25%);
+  transition: -webkit-transform 0.3s ease-out;
+  transition: transform 0.3s ease-out;
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: #ffffff;
+  border: 1px solid #999999;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  background-clip: padding-box;
+  outline: 0;
+}
+.modal-backdrop {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.modal-backdrop.in {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+.modal-header {
+  padding: 8px;
+  border-bottom: 1px solid #e5e5e5;
+  min-height: 33px;
+}
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-title {
+  margin: 0;
+  line-height: 25px;
+}
+.modal-body {
+  position: relative;
+  padding: 8px;
+}
+.modal-footer {
+  padding: 8px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+/* _bootstrap_overrides.less: utilities */
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+.affix {
+  position: fixed;
+}
+/* _bootstrap_overrides.less: responsive-utilities */
+@-ms-viewport {
+  width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+  table.visible-xs {
+    display: table;
+  }
+  tr.visible-xs {
+    display: table-row !important;
+  }
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important;
+  }
+  table.visible-sm {
+    display: table;
+  }
+  tr.visible-sm {
+    display: table-row !important;
+  }
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important;
+  }
+  table.visible-md {
+    display: table;
+  }
+  tr.visible-md {
+    display: table-row !important;
+  }
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important;
+  }
+  table.visible-lg {
+    display: table;
+  }
+  tr.visible-lg {
+    display: table-row !important;
+  }
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-block {
+    display: block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: block !important;
+  }
+  table.visible-print {
+    display: table;
+  }
+  tr.visible-print {
+    display: table-row !important;
+  }
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important;
+  }
+}
+.visible-print-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-block {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline-block {
+    display: inline-block !important;
+  }
+}
+@media print {
+  .hidden-print {
+    display: none !important;
+  }
+}
+/* END Import Bootstrap components */
+/* BEGIN Manual override of Bootstrap classes */
+.btn-success,
+.btn-link {
+  font-weight: 500;
+}
+.btn-info:hover,
+.btn-info:active,
+.btn-info:active:focus,
+.btn-info:focus {
+  outline: 0 none;
+  background-color: #167cac;
+  color: #ffffff;
+  text-decoration: none;
+  box-shadow: none;
+}
+.alert {
+  color: #525656;
+}
+.alert h3 {
+  margin-top: 0;
+}
+.input-group-btn > .btn {
+  margin-left: 5px !important;
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+/* END Manual override of Bootstrap classes */
+/* BEGIN custom mixins */
+.simple-global-error {
+  background: url("../images/icon-white-circle-bang.png") no-repeat 8px 50% #da291c;
+  color: #FFFFFF !important;
+}
+.ul-inline li {
+  display: inline-block;
+  padding: 0 2em 0 0;
+  list-style-type: none;
+  list-style-image: none;
+  line-height: 20px;
+}
+.focus-outline {
+  box-shadow: 0 0 1px 1px #167cac;
+}
+/* END custom mixins */
+/***
+  title: Custom Icon font
+  section: Base
+  description: The unicode character equivalent of the below classes can be represented and manipulated with hex format "" in HTML and as "\ue002" in javascript
+  example: |
+    <span class="ico cancel-square"></span><span class="ico cancel-cir"></span><span class="ico plus-cir"></span><span class="ico minus-cir"></span><span class="ico down-tri"></span><span class="ico play-cir"></span><span class="ico cancel"></span><span class="ico chat"></span><span class="ico search"></span><span class="ico edit"></span><span class="ico youtube-play"></span><span class="ico twitter-squ"></span><span class="ico facebook-squ"></span><span class="ico linkedin-squ"></span><span class="ico star"></span><span class="ico star-line"></span><span class="ico question"></span><span class="ico pin-map"></span><span class="ico check"></span><span class="ico check-cir-line"></span><span class="ico question-cir-line"></span><span class="ico warning-cir-outline"></span><span class="ico warning-cir"></span><span class="ico plus-cir-line"></span><span class="ico minus-cir-line"></span><span class="ico cancel-cir-line"></span>
+***/
+/* 'safelite-ico' custom icon font - To edit, open http://app.fontastic.me/#publish/font/zgKBi9ciBAZoSLuDdcQkoZ */
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "safelite-ico";
+  src: url("/Shared/fonts/safelite-ico.eot");
+  src: url("/Shared/fonts/safelite-ico.eot?#iefix") format("embedded-opentype"), url("/Shared/fonts/safelite-ico.woff") format("woff"), url("/Shared/fonts/safelite-ico.ttf") format("truetype"), url("/Shared/fonts/safelite-ico.svg#safelite-ico") format("svg");
+}
+.icon-font,
+[data-icon]:before,
+[data-icon-after]:after,
+.ico:before {
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-transform: none !important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  font-variant: normal !important;
+  font-size: 20px !important;
+  font-family: "safelite-ico" !important;
+  line-height: 20px !important;
+}
+[data-icon]:before {
+  content: attr(data-icon);
+}
+[data-icon-after]:after {
+  content: attr(data-icon-after);
+}
+.ico:before {
+  vertical-align: middle;
+}
+/* The unicode character equivalent of the below classes can be represented and manipulated with hex format "&#xe002;" in HTML and as "\ue002" in javascript */
+.ico {
+  padding: 2px 8px;
+  color: #167cac;
+}
+.ico.cancel-square:before {
+  content: "\e000";
+}
+.ico.cancel-cir:before {
+  content: "\e001";
+}
+.ico.plus-cir:before {
+  content: "\e002";
+}
+.ico.minus-cir:before {
+  content: "\e003";
+}
+.ico.down-tri:before {
+  content: "\e004";
+}
+.ico.play-cir:before {
+  content: "\e005";
+}
+.ico.cancel:before {
+  content: "\e006";
+}
+.ico.chat:before {
+  content: "\e007";
+}
+.ico.search:before {
+  content: "\e008";
+}
+.ico.edit:before {
+  content: "\e009";
+}
+.ico.youtube-play:before {
+  content: "\e00a";
+}
+.ico.twitter-squ:before {
+  content: "\e00b";
+}
+.ico.facebook-squ:before {
+  content: "\e00c";
+}
+.ico.linkedin-squ:before {
+  content: "\e00d";
+}
+.ico.star:before {
+  content: "\e00e";
+}
+.ico.star-line:before {
+  content: "\e00f";
+}
+.ico.question:before {
+  content: "\e010";
+}
+.ico.pin-map:before {
+  content: "\e011";
+}
+.ico.check:before {
+  content: "\e012";
+}
+.ico.check-cir-line:before {
+  content: "\e013";
+}
+.ico.question-cir-line:before {
+  content: "\e014";
+}
+.ico.warning-cir-outline:before {
+  content: "\e015";
+}
+.ico.warning-cir:before {
+  content: "\e016";
+}
+.ico.plus-cir-line:before {
+  content: "\e017";
+}
+.ico.minus-cir-line:before {
+  content: "\e018";
+}
+.ico.cancel-cir-line:before {
+  content: "\e019";
+}
+/* END Custom icon font */
+/*
+    STRUCTURE
+    - From "Categorizing CSS Rules", https://smacss.com/book/categorizing
+
+  title: Base HTML elements
+  section: Base
+  description: Base rules are the defaults.
+
+  title: Layout elements
+  section: Layout
+  description: Layout rules divide the page into sections. Layouts hold one or more modules together.
+
+  title: Modules
+  section: Modules
+  description: The reusable, modular parts of our design. Atoms, molecules, organisms, templates, pages
+
+  title: State
+  section: State
+  description: A state is something that augments and overrides all other styles.
+
+  title: Themes
+  section: Themes
+  description: How modules or layouts might look for differenct clients. (This should NOT go in this global styling sheet.)
+*/
+/* ************************************************************************* *
+ *                        Base HTML elements                                 *
+ * ************************************************************************* */
+/***
+  title: Headings
+  section: Base
+  description: Basic styles for core HTML elements
+  example: |
+    <h1>Heading 1 Example</h1>
+    <h2>Heading 2 Example</h2>
+    <h3>Heading 3 Example</h3>
+    <h4>Heading 4 Example</h4>
+    <h5>Heading 5 Example</h5>
+***/
+/***
+  title: Paragraph
+  section: Base
+  description: 
+  example: |
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non congue metus, ut posuere orci. Proin sit amet consectetur lacus. Etiam non dui metus. Donec purus urna, dictum sed dui in, blandit feugiat quam. Etiam nisl lectus, pharetra cursus accumsan nec, ultrices non felis. Suspendisse eleifend tellus vel lectus vestibulum, et euismod sapien dapibus. Sed scelerisque congue consectetur. Vivamus quis sem aliquam, porttitor diam tristique, mattis diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non congue metus, ut posuere orci. Proin sit amet consectetur lacus. Etiam non dui metus. Donec purus urna, dictum sed dui in, blandit feugiat quam. Etiam nisl lectus, pharetra cursus accumsan nec, ultrices non felis. Suspendisse eleifend tellus vel lectus vestibulum, et euismod sapien dapibus. Sed scelerisque congue consectetur. Vivamus quis sem aliquam, porttitor diam tristique, mattis diam.</p>
+***/
+html {
+  position: relative;
+  overflow-y: scroll;
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+}
+body {
+  padding-right: 0 !important;
+}
+h1 {
+  color: #000000;
+  font-weight: normal;
+  margin-bottom: 12px;
+  margin-top: 11px;
+  line-height: 30px;
+}
+@media (min-width: 768px) {
+  h1 {
+    margin-top: 27px;
+  }
+}
+h2 {
+  color: #000000;
+  font-weight: 400;
+  margin-bottom: 12px;
+  margin-top: 20px;
+  line-height: 30px;
+}
+h3 {
+  color: #525656;
+  font-weight: 500;
+  margin-bottom: 12px;
+  line-height: 25px;
+}
+ol {
+  list-style-type: none;
+  margin-bottom: 0;
+  padding: 0;
+}
+ol li {
+  min-height: 26px;
+  padding-left: 40px;
+  padding-top: 2px;
+  position: relative;
+}
+ol li + li {
+  margin-top: 15px;
+}
+ol li img {
+  position: absolute;
+  left: 0;
+}
+p {
+  margin: 0;
+}
+p + p {
+  margin-top: 1em;
+}
+h2 + ol {
+  margin-top: 17px;
+}
+strong {
+  font-weight: 500;
+  color: #000000;
+}
+a {
+  text-decoration: none;
+  font-weight: 500;
+}
+a.disabled {
+  cursor: default;
+  pointer-events: none;
+}
+a:visited {
+  text-decoration: underline;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+textarea {
+  resize: none;
+}
+textarea.form-control {
+  border-radius: 5px;
+}
+.form-control {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  -webkit-appearance: none;
+}
+.form-control#ServiceState {
+  border-radius: 5px;
+}
+.form-control-feedback.glyphicon-ok {
+  display: none;
+}
+.form-control-feedback.glyphicon-remove {
+  display: none;
+}
+.has-feedback.has-success input:focus {
+  box-shadow: 0 0 0 5px #b9d7e6;
+  border-color: #cacbcc;
+}
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+*::-ms-clear {
+  display: none;
+}
+hr {
+  border-color: #d4d6d8;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+/***
+  title: Form Validation Decoration
+  section: State
+  description: Form element with feedback (Automatically added by validation framework)
+  example: |
+    <div class="form-group has-feedback">
+        <label class="control-label" for="FirstName">First name<em class="validation-info">*</em></label>
+        <input type="text" name="FirstName" id="FirstName" class="required form-control" aria-required="true">
+        <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+    </div>
+
+    <div class="form-group has-feedback has-error">
+        <label class="control-label" for="FirstName">First name<em class="validation-info">*</em></label>
+        <input type="text" name="FirstName" id="FirstName" class="required form-control" data-bind="value: viewModel.FirstName" aria-required="true" aria-invalid="true"><small for="FirstName" class="help-block">First name is required.</small>
+        <span class="glyphicon form-control-feedback glyphicon-remove" aria-hidden="true"></span>
+    </div>
+
+    <div class="form-group has-feedback has-success">
+        <label class="control-label" for="FirstName">First name<em class="validation-info">*</em></label>
+        <input type="text" name="FirstName" id="FirstName" class="required form-control" data-bind="value: viewModel.FirstName" aria-required="true" aria-invalid="false"><small for="FirstName" class="help-block"></small>
+        <span class="glyphicon form-control-feedback glyphicon-ok" aria-hidden="true"></span>
+    </div>
+***/
+.help-block {
+  margin-top: 6px;
+  font-size: 16px;
+  line-height: 25px;
+}
+.help-text {
+  font-size: 16px;
+  line-height: 25px;
+}
+input.calendar {
+  background: url("../images/calendar-button.png") no-repeat 100% #ffffff;
+}
+.glyphicon-remove::before {
+  content: "";
+}
+select,
+select.form-control {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: url("/Shared/images/chev-ablue-down2.png") no-repeat 100% #ffffff;
+  background-position-x: 98%;
+  text-indent: 0.01px;
+  text-overflow: "";
+  cursor: pointer;
+  border-radius: 5px;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  background-size: 15px 9px;
+}
+select:-webkit-autofill,
+select.form-control:-webkit-autofill {
+  -webkit-appearance: menulist-button !important;
+}
+select::-ms-expand,
+select.form-control::-ms-expand {
+  display: none;
+}
+select:-moz-focusring,
+select.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #000000;
+}
+.has-feedback.has-error select,
+.has-feedback.has-error select.form-control {
+  background-image: url("/Shared/images/chev-ablue-down2.png");
+}
+.has-feedback.has-error select ~ .form-control-feedback,
+.has-feedback.has-error select.form-control ~ .form-control-feedback {
+  display: none;
+}
+.has-feedback.has-success select,
+.has-feedback.has-success select.form-control {
+  background-image: url("/Shared/images/chev-ablue-down2.png");
+  background-position-x: 98%;
+  border-color: #cacbcc;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.has-feedback.has-success select:focus,
+.has-feedback.has-success select.form-control:focus {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.has-feedback.has-success select ~ .form-control-feedback,
+.has-feedback.has-success select.form-control ~ .form-control-feedback {
+  display: none;
+}
+.has-feedback.has-success select,
+.has-feedback.has-success select.form-control[disabled] {
+  background-image: url("/Shared/images/chev-agrey-down2.png");
+}
+.has-feedback.has-error select,
+.has-feedback.has-error select.form-control[disabled] {
+  background-image: url("/Shared/images/chev-agrey-down2.png");
+}
+.form-group.has-error .form-control:focus,
+.form-group.has-error .input-group-comp .form-control:focus {
+  box-shadow: 0 0 0 5px #f3beba;
+}
+.form-group.has-success .form-control:focus,
+.form-group.has-success .input-group-comp .form-control:focus {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.form-group .input-group-comp .form-control:focus {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.form-group .form-control:focus {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.no-rgba select,
+.no-matchmedialistener select,
+.no-rgba select.form-control,
+.no-matchmedialistener select.form-control {
+  background-image: none !important;
+  padding-right: 0;
+}
+.no-rgba .has-feedback .form-control,
+.no-matchmedialistener .has-feedback .form-control {
+  padding-right: 0;
+}
+/***
+  title: Radio/checkbox groups
+  section: Base
+  example: |
+    <ul class="list-group radio">
+        <li class="list-group-item active">
+            <label for="option1">
+                <input type="radio" id="option1" checked="checked">
+                Option 1
+            </label>
+        </li>
+        <li class="list-group-item">
+            <label for="option2">
+                <input type="radio" id="option2">
+                Option 2
+            </label>
+        </li>
+        <li class="list-group-item">
+            <label for="option3">
+                <input type="radio" id="option3">
+                Option 3
+            </label> 
+        </li>
+    </ul>
+***/
+.form-group.checkbox,
+.form-group.radio {
+  margin-top: 0;
+}
+.form-group.checkbox .control-label,
+.form-group.radio .control-label {
+  padding-left: 0px;
+  font-weight: 500;
+  cursor: default;
+}
+.form-group.checkbox.has-success .active label,
+.form-group.radio.has-success .active label,
+.form-group.checkbox.has-error .active label,
+.form-group.radio.has-error .active label {
+  color: #000000;
+}
+.form-group.checkbox.has-success label,
+.form-group.radio.has-success label,
+.form-group.checkbox.has-error label,
+.form-group.radio.has-error label {
+  color: #4d4e53;
+}
+.form-group.checkbox.has-success label.control-label,
+.form-group.radio.has-success label.control-label,
+.form-group.checkbox.has-error label.control-label,
+.form-group.radio.has-error label.control-label {
+  color: #000000;
+}
+.form-group.checkbox.has-success.has-error .control-label,
+.form-group.radio.has-success.has-error .control-label,
+.form-group.checkbox.has-error.has-error .control-label,
+.form-group.radio.has-error.has-error .control-label {
+  color: #da291c;
+}
+.form-group.checkbox.has-success.has-error .list-group .list-group-item,
+.form-group.radio.has-success.has-error .list-group .list-group-item,
+.form-group.checkbox.has-error.has-error .list-group .list-group-item,
+.form-group.radio.has-error.has-error .list-group .list-group-item,
+.form-group.checkbox.has-success.has-error .list-group .list-group-item > label,
+.form-group.radio.has-success.has-error .list-group .list-group-item > label,
+.form-group.checkbox.has-error.has-error .list-group .list-group-item > label,
+.form-group.radio.has-error.has-error .list-group .list-group-item > label {
+  border-color: #da291c;
+}
+.form-group.checkbox.has-success .list-group small.help-block,
+.form-group.radio.has-success .list-group small.help-block,
+.form-group.checkbox.has-error .list-group small.help-block,
+.form-group.radio.has-error .list-group small.help-block {
+  display: none !important;
+}
+.form-group.checkbox label + .list-group,
+.form-group.radio label + .list-group,
+label + .checkbox.list-group,
+label + .radio.list-group {
+  margin-top: 0;
+}
+.form-group.checkbox .list-group,
+.form-group.radio .list-group,
+.checkbox.list-group,
+.radio.list-group {
+  margin-top: 12px;
+}
+.form-group.checkbox .list-group .list-group-item,
+.form-group.radio .list-group .list-group-item,
+.checkbox.list-group .list-group-item,
+.radio.list-group .list-group-item {
+  margin-bottom: 12px;
+  border-width: 1px;
+  border-color: #cacbcc;
+  border-radius: 5px;
+  padding: 0;
+}
+.form-group.checkbox .list-group .list-group-item.active,
+.form-group.radio .list-group .list-group-item.active,
+.checkbox.list-group .list-group-item.active,
+.radio.list-group .list-group-item.active {
+  background-color: #e7f1f6;
+  color: #000000;
+}
+.form-group.checkbox .list-group .list-group-item.active > label,
+.form-group.radio .list-group .list-group-item.active > label,
+.checkbox.list-group .list-group-item.active > label,
+.radio.list-group .list-group-item.active > label {
+  font-weight: 500;
+  color: #000000;
+}
+.form-group.checkbox .list-group .list-group-item.active .line-label,
+.form-group.radio .list-group .list-group-item.active .line-label,
+.checkbox.list-group .list-group-item.active .line-label,
+.radio.list-group .list-group-item.active .line-label {
+  border-left: solid 2px #167cac;
+}
+.form-group.checkbox .list-group .list-group-item.active .mile-label,
+.form-group.radio .list-group .list-group-item.active .mile-label,
+.checkbox.list-group .list-group-item.active .mile-label,
+.radio.list-group .list-group-item.active .mile-label {
+  font-weight: normal !important;
+  color: #4d4e53;
+}
+.form-group.checkbox .list-group .list-group-item.focused,
+.form-group.radio .list-group .list-group-item.focused,
+.checkbox.list-group .list-group-item.focused,
+.radio.list-group .list-group-item.focused {
+  border-color: #167cac;
+}
+.form-group.checkbox .list-group .list-group-item > label,
+.form-group.radio .list-group .list-group-item > label,
+.checkbox.list-group .list-group-item > label,
+.radio.list-group .list-group-item > label {
+  margin-bottom: initial;
+  width: 100%;
+  font-weight: normal;
+  padding: 12px 27px 12px 33px;
+  color: #525656;
+}
+.form-group.checkbox .list-group .list-group-item .checkbox .list-group,
+.form-group.radio .list-group .list-group-item .checkbox .list-group,
+.checkbox.list-group .list-group-item .checkbox .list-group,
+.radio.list-group .list-group-item .checkbox .list-group,
+.form-group.checkbox .list-group .list-group-item .radio .list-group,
+.form-group.radio .list-group .list-group-item .radio .list-group,
+.checkbox.list-group .list-group-item .radio .list-group,
+.radio.list-group .list-group-item .radio .list-group,
+.form-group.checkbox .list-group .list-group-item .checkbox.list-group,
+.form-group.radio .list-group .list-group-item .checkbox.list-group,
+.checkbox.list-group .list-group-item .checkbox.list-group,
+.radio.list-group .list-group-item .checkbox.list-group,
+.form-group.checkbox .list-group .list-group-item .radio.list-group,
+.form-group.radio .list-group .list-group-item .radio.list-group,
+.checkbox.list-group .list-group-item .radio.list-group,
+.radio.list-group .list-group-item .radio.list-group {
+  border-top: 1px solid #d4d6d8;
+  margin: 0 0 14px 0;
+  padding: 0;
+}
+.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item,
+.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item,
+.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item,
+.radio.list-group .list-group-item .checkbox .list-group .list-group-item,
+.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item,
+.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item,
+.checkbox.list-group .list-group-item .radio .list-group .list-group-item,
+.radio.list-group .list-group-item .radio .list-group .list-group-item,
+.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item,
+.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item,
+.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item,
+.radio.list-group .list-group-item .checkbox.list-group .list-group-item,
+.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item,
+.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item,
+.checkbox.list-group .list-group-item .radio.list-group .list-group-item,
+.radio.list-group .list-group-item .radio.list-group .list-group-item {
+  margin: 0;
+  border-color: #cacbcc;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  border-radius: 0;
+  color: #4d4e53;
+  box-shadow: none;
+}
+.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item.active,
+.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item.active,
+.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item.active,
+.radio.list-group .list-group-item .checkbox .list-group .list-group-item.active,
+.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item.active,
+.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item.active,
+.checkbox.list-group .list-group-item .radio .list-group .list-group-item.active,
+.radio.list-group .list-group-item .radio .list-group .list-group-item.active,
+.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item.active,
+.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item.active,
+.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item.active,
+.radio.list-group .list-group-item .checkbox.list-group .list-group-item.active,
+.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item.active,
+.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item.active,
+.checkbox.list-group .list-group-item .radio.list-group .list-group-item.active,
+.radio.list-group .list-group-item .radio.list-group .list-group-item.active {
+  color: #000000;
+}
+.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item label,
+.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item label,
+.radio.list-group .list-group-item .checkbox .list-group .list-group-item label,
+.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item label,
+.checkbox.list-group .list-group-item .radio .list-group .list-group-item label,
+.radio.list-group .list-group-item .radio .list-group .list-group-item label,
+.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item label,
+.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item label,
+.radio.list-group .list-group-item .checkbox.list-group .list-group-item label,
+.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item label,
+.checkbox.list-group .list-group-item .radio.list-group .list-group-item label,
+.radio.list-group .list-group-item .radio.list-group .list-group-item label {
+  padding-left: 55px;
+}
+.form-group.checkbox .list-group .list-group-item > *,
+.form-group.radio .list-group .list-group-item > *,
+.checkbox.list-group .list-group-item > *,
+.radio.list-group .list-group-item > * {
+  padding: 10px 15px;
+}
+html ul input[type="radio"] {
+  visibility: hidden;
+}
+html a input[type="radio"] {
+  display: none;
+}
+.form-group.radio .list-group .list-group-item {
+  border-radius: 22px;
+  text-align: center;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.form-group.radio .list-group .list-group-item .radio .list-group,
+.form-group.radio .list-group .list-group-item .radio.list-group {
+  margin: 0 0 22px 0;
+}
+.form-group.radio .list-group .list-group-item > label {
+  padding: 10px 32px 10px 32px;
+}
+.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item label,
+.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item label {
+  padding-left: 55px;
+}
+.list-group.radio .list-group-item {
+  border-radius: 22px;
+  text-align: center;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.list-group.radio .list-group-item .radio .list-group,
+.list-group.radio .list-group-item .radio.list-group {
+  margin: 0 0 22px 0;
+}
+.list-group.radio .list-group-item > label {
+  padding: 10px 32px 10px 32px;
+}
+@media (max-width: 992px) {
+  .list-group.radio .list-group-item > label {
+    padding: 12px 20px 12px 20px;
+  }
+}
+.list-group.radio .list-group-item:focus {
+  border: 2.5px solid #167cac;
+}
+html .list-group .list-group-item .list-group.radio .list-group-item {
+  text-align: left;
+  border-radius: 0;
+}
+html .list-group .list-group-item .list-group.radio .list-group-item input[type="radio"] {
+  visibility: visible;
+}
+html .in-shop.vspacing .list-group.radio.vspacing .list-group-item {
+  border-radius: 48px;
+}
+.row > .form-group > .glyphicon {
+  right: 15px;
+}
+.has-success .help-block {
+  margin: 0;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  margin-left: -21px;
+}
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus + label:before,
+input[type="radio"]:focus + label:before {
+  outline: 5px auto #167cac;
+  outline-offset: -2px;
+}
+.btn {
+  width: 100%;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn,
+.btn.disabled:hover,
+.btn[disabled]:hover,
+fieldset[disabled] .btn:hover,
+.btn.disabled:focus,
+.btn[disabled]:focus,
+fieldset[disabled] .btn:focus,
+.btn.disabled.focus,
+.btn[disabled].focus,
+fieldset[disabled] .btn.focus,
+.btn.disabled:active,
+.btn[disabled]:active,
+fieldset[disabled] .btn:active,
+.btn.disabled.active,
+.btn[disabled].active,
+fieldset[disabled] .btn.active {
+  background-color: #d4d6d8;
+  border-color: #d4d6d8;
+  opacity: 1;
+}
+.btn.btn-link {
+  width: auto;
+  /*
+            Strip non-essential rules with .pare. Similar to a reset. Mixin
+            with other classes to specify what gets reset.
+        */
+}
+.btn.btn-link.pare {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  color: #1574a1;
+  font-weight: normal;
+}
+.btn.btn-link.pare:hover,
+.btn.btn-link.pare:active:focus,
+.btn.btn-link.pare:focus {
+  color: #125b7e;
+  text-decoration: none;
+}
+.btn-success {
+  border-radius: 22.5px;
+}
+.btn-success:focus,
+.btn-success:active,
+.btn-success:active:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px #fff, 0 0 0 5.5px #da291c;
+  background-color: #da291c;
+  border-color: #da291c;
+}
+.btn-primary,
+.btn-success {
+  padding-left: 39px;
+  padding-right: 39px;
+}
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary:active:focus {
+  outline: none;
+  background-color: #167cac;
+  border-color: #136c95;
+  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5.5px #167cac;
+}
+.btn-success,
+.btn-link {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+#pageNavigation .btn.btn-success-experiment {
+  width: 145px;
+}
+#navNext.btn-success-experiment {
+  width: 145px;
+}
+.btn-link {
+  font-weight: normal;
+  border-radius: 0;
+  font-weight: 500;
+  border-left-style: none;
+  border-right-style: none;
+  color: #167cac;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #0d4b68;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #f0f1f2;
+  text-decoration: none;
+}
+.btn-link:hover,
+.btn-link:active:focus,
+.btn-link:focus {
+  color: #125b7e;
+  text-decoration: none;
+}
+.callout-panel {
+  border: none;
+  background-color: #f0f1f2;
+}
+.callout-panel.bordered {
+  border: 1px solid #d4d6d8;
+}
+.callout-panel .panel-footer {
+  border-top: none;
+  background-color: inherit;
+}
+.callout-panel h2,
+.callout-panel h3 {
+  margin-top: 0;
+}
+.panel-primary .panel-body {
+  padding: 20px;
+}
+ul.small-checks,
+ul.small-checks-taller {
+  padding-left: 20px;
+  list-style-image: url("/Shared/images/icons/GreenCheckIcon.svg");
+}
+ul.small-checks li,
+ul.small-checks-taller li {
+  padding-bottom: .5em;
+}
+ul.small-checks-taller {
+  margin-top: 1em;
+}
+ul.small-checks-taller li {
+  padding-bottom: 1em;
+}
+.edit-controls {
+  float: right;
+}
+.content-group {
+  margin-bottom: 20px;
+}
+.content-section {
+  padding-top: 15px;
+  border-top: 1px solid #f0f1f2;
+}
+.content-section h2 {
+  margin-top: 11px;
+}
+div#switchToPaypal > div.content-section {
+  border-top: none;
+}
+.pageInstructions {
+  margin-bottom: 20px;
+}
+@media (max-width: 768px) {
+  .ProductPageInstructions {
+    margin-top: 27px;
+  }
+}
+.rain-defense-header {
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 30px;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
+.fine-print,
+.footnote {
+  color: #525656;
+  font-weight: 300;
+  font-size: 13px;
+  line-height: 20px;
+}
+.message-and-data-rate {
+  color: #525656;
+  font-style: normal;
+  font-size: 14px;
+  line-height: 25px;
+}
+.footnote {
+  padding-left: 8px;
+  position: relative;
+  font-weight: 300;
+}
+.footnote div {
+  position: absolute;
+  left: 0;
+}
+.note {
+  margin-top: 20px;
+  font-style: italic;
+  font-size: 13px;
+}
+.form-group {
+  margin-bottom: 20px;
+}
+.form-group .control-label {
+  color: #000000;
+  font-size: 16px;
+  margin-bottom: 4px;
+}
+.form-group input[type=text],
+.form-group input[type=tel],
+.form-group input[type=time] {
+  border-radius: 5px;
+}
+.has-warning .control-label {
+  color: #525656;
+}
+.validation-info {
+  color: #da291c;
+  display: block;
+  font-size: 14px;
+  margin-bottom: 12px;
+  white-space: nowrap;
+}
+.control-label .validation-info {
+  display: inline;
+  margin-bottom: 0;
+}
+.strikeThrough {
+  text-decoration: line-through;
+}
+/* ************************************************************************* *
+ *                             Layout elements                               *
+ * ************************************************************************* */
+@media (max-width: 768px) {
+  .mobile-overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1040;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg==");
+    background-repeat: repeat;
+    z-index: 1042;
+  }
+}
+#pageLoadingModal,
+#coverageLoadingModal {
+  padding-right: 20px;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg==");
+  background-repeat: repeat;
+}
+/***
+  title: Progress Modal
+  section: Modules
+  description: Form element with feedback
+  example: |
+    <div id="pageLoadingModal" class="progress-modal">
+        <div class="modal-content">
+            <p>Loading...</p>
+            <img src="/Shared/images/spiffygif_122x122_blue.gif" />
+        </div>
+    </div>
+***/
+.progress-modal {
+  z-index: 1041 !important;
+}
+.progress-modal .modal-content {
+  margin: 29.98px auto;
+  padding: 14.99px 0;
+  width: 240px;
+  height: 240px;
+  color: #1574a1;
+  text-align: center;
+  font-weight: 500;
+}
+.progress-modal .modal-content img {
+  position: absolute;
+  left: 58px;
+  top: 58px;
+}
+.progress-modal .modal-content-type-two {
+  margin: 29.98px auto;
+  padding: 14.99px 0;
+  width: 240px;
+  height: 175px;
+  color: #125b7e;
+  text-align: center;
+  font-weight: 500;
+}
+.progress-modal .modal-content-type-two .modal-icon-container {
+  position: relative;
+  width: 75px;
+  height: 75px;
+  margin: 15px auto;
+}
+.progress-modal .modal-content-type-two .modal-icon-container img {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.progress-modal .modal-content-type-two .modal-icon-container img.loader-gif {
+  width: 75px;
+  height: 75px;
+}
+.progress-modal .modal-content-type-two .loader-text {
+  font-weight: normal;
+  color: #525656;
+}
+.progress-modal .modal-content-type-one {
+  margin: 29.98px auto;
+  padding: 0;
+  width: 240px;
+  height: 195px;
+  color: #125b7e;
+  text-align: center;
+  font-weight: 500;
+}
+.progress-modal .modal-content-type-one img {
+  position: absolute;
+  left: 58px;
+  top: 58px;
+}
+.progress-modal .modal-content-type-one .loader-text {
+  font-weight: normal;
+  color: #525656;
+}
+.progress-modal .modal-content-type-one .loader-position {
+  position: relative;
+  top: 0px;
+  left: 0px;
+  z-index: 1;
+  margin: 30px 70px 0px 70px;
+}
+/***
+  title: Static Modal
+  section: Modules
+  description: Used in Customer Portal
+  example: |
+    <div class="static-modal">
+        <div class="modal-content">
+            <div class="static-modal-header">
+                <h2>HEADER</h2>
+            </div>
+            <div class="static-modal-body">
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum odio ex, luctus finibus pretium id, tincidunt sed turpis. Phasellus at enim eget erat hendrerit efficitur a eu eros. Ut luctus, diam a pellentesque eleifend, risus ipsum rutrum justo, eu molestie tellus orci faucibus neque. Donec rhoncus dignissim pellentesque.</p>
+            </div>
+        </div>
+        <div class="static-modal-nav">
+            <button name="navNext" id="navNext" type="submit" class="btn btn-success pull-right">Continue</button>
+            <button name="navBack" id="navBack" type="submit" class="btn btn-link cancel">Back</button>
+        </div>
+    </div>
+***/
+.btn-modal-cancel {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 22px;
+  border: 0 none;
+  background-color: rgba(0, 0, 0, 0);
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+  font-weight: 500;
+  font-family: "Glyphicons Halflings";
+  cursor: pointer;
+  color: #297599;
+}
+.btn-modal-cancel:before {
+  content: "\e014";
+}
+.modal.omni .btn {
+  width: auto;
+}
+.modal.omni .modal-footer {
+  border-width: 0;
+  margin: 32px 0;
+}
+.modal.omni .modal-footer.center {
+  margin: 12px 0 20px 0;
+  text-align: center;
+}
+.modal.omni .modal-footer.center .or-divider-2 {
+  background-repeat: repeat-x;
+}
+.modal.omni .modal-footer.center .btn {
+  width: 100%;
+  font-weight: 500;
+  border-radius: 22.5px;
+}
+.modal.omni .modal-footer.center .btn:active,
+.modal.omni .modal-footer.center .btn:focus,
+.modal.omni .modal-footer.center .btn:active:focus,
+.modal.omni .modal-footer.center .btn:hover {
+  outline: none;
+  box-shadow: 0 0 1px 1px #167cac;
+}
+.static-modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  overflow: scroll;
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg==");
+  background-repeat: repeat;
+  position: absolute;
+}
+.static-modal .modal-content {
+  margin: 24px 10px 89.94px;
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0;
+  vertical-align: top;
+  text-align: left;
+}
+.static-modal .modal-content .globalMessage {
+  display: block !important;
+}
+.static-modal .modal-content .globalMessage.alert {
+  margin: 24px 0 -8px;
+}
+.static-modal .static-modal-header {
+  padding-top: 24px;
+  padding-bottom: 17px;
+  box-shadow: 0 12px 20px -6px #f0f1f2;
+}
+.static-modal .static-modal-body {
+  margin-bottom: 44.97px;
+  padding: 0 10px;
+}
+@media (min-width: 768px) {
+  .static-modal .static-modal-body {
+    padding: 0 29.98px;
+  }
+}
+.static-modal .static-modal-nav {
+  padding: 0 10px 29.98px 10px;
+  border-bottom: 7px solid #167cac;
+}
+@media (min-width: 768px) {
+  .static-modal .static-modal-nav {
+    padding: 0 29.98px 29.98px 29.98px;
+  }
+  .static-modal .static-modal-nav #navBack {
+    float: right;
+    margin-right: 10px;
+  }
+}
+@media (min-width: 768px) {
+  .static-modal .modal-content {
+    margin-top: 59.96px;
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 768px;
+  }
+  .static-modal .static-modal-header,
+  .static-modal .static-modal-body,
+  .static-modal .static-modal-nav {
+    padding-right: 59.96px;
+    padding-left: 59.96px;
+  }
+}
+#primaryContent {
+  padding-bottom: 50px;
+}
+#pageNavigation {
+  padding-right: 0;
+  padding-left: 0;
+}
+#pageNavigation a {
+  font-weight: normal;
+  margin: 24px 0;
+}
+#pageNavigation button {
+  margin: 0 0 24px 0;
+}
+#pageNavigation .btn {
+  width: auto;
+}
+.alert b {
+  color: #000000;
+}
+@media (max-width: 767px) {
+  .row > [class^="col-"] > .btn {
+    margin-bottom: 14.99px;
+  }
+}
+@media (min-width: 768px) {
+  .equal-col-heights {
+    display: table;
+    height: 100%;
+    width: 100%;
+  }
+  .equal-col-heights > div {
+    height: 100%;
+    float: none;
+    display: table-cell;
+    vertical-align: top;
+  }
+  .equal-col-heights > div.or-divider-2 {
+    vertical-align: middle;
+  }
+}
+/* ************************************************************************* *
+ *                              Global modules                               *
+ * ************************************************************************* */
+.video-mobile {
+  display: inline-block;
+  padding-top: 20px;
+  padding-left: 80px;
+  min-height: 70px;
+  background: url("../images/video-thumb-mobile.jpg") no-repeat;
+  font-weight: 500;
+}
+.video-repair {
+  display: inline-block;
+  padding-top: 20px;
+  padding-left: 80px;
+  min-height: 70px;
+  background: url("../images/video-thumb-repair.jpg") no-repeat;
+  font-weight: 500;
+}
+.video-replace {
+  display: inline-block;
+  padding-top: 20px;
+  padding-left: 80px;
+  min-height: 70px;
+  background: url("../images/video-thumb-replace.jpg") no-repeat;
+  font-weight: 500;
+}
+.video-replace-other {
+  display: inline-block;
+  padding-top: 20px;
+  padding-left: 80px;
+  min-height: 70px;
+  background: url("../images/video-thumb-other.jpg") no-repeat;
+  font-weight: 500;
+}
+#trustmarkContainer a {
+  display: block;
+  float: right;
+  margin-top: 16px;
+  margin-right: 2px;
+  margin-bottom: 16px;
+  width: 115px;
+  height: 32px;
+}
+.globalMessage {
+  position: relative;
+}
+.globalMessage.alert {
+  margin-top: 16px;
+  margin-bottom: auto;
+}
+.globalMessage span.ico {
+  position: absolute;
+  top: -4px;
+  left: -2px;
+  padding: 15px;
+  color: inherit;
+}
+.globalMessage .message {
+  padding: 0 16px 0 32px;
+  width: 100%;
+  line-height: 1.1;
+}
+.flex-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.error-container {
+  padding-left: 15px;
+  padding-right: 10px;
+}
+.error-flex-col1 {
+  -ms-flex-preferred-size: 20px;
+      flex-basis: 20px;
+  -webkit-box-flex: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.error-flex-col2 {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding-right: 15px;
+}
+.clear-background-alert {
+  border: solid 1px #da291c;
+  border-radius: 5px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #da291c;
+  font-weight: 500;
+}
+@media (min-width: 621px) {
+  .clear-background-alert {
+    margin-top: 20px;
+  }
+}
+@media (max-width: 620px) {
+  .clear-background-alert {
+    margin-top: 5px;
+  }
+}
+.divider {
+  width: 100%;
+  border-top-width: 0;
+  border-bottom: solid 1px #d4d6d8;
+  position: relative;
+  color: #d4d6d8;
+}
+.divider span {
+  position: absolute;
+  background-color: #ffffff;
+  content: " or ";
+  font-weight: 500;
+}
+.or-divider-2 {
+  height: 100%;
+  background-image: url('../../Shared/images/grey-pixel.png');
+  background-position: center center;
+  margin-left: 14.99px;
+  margin-right: 14.99px;
+  background-repeat: repeat-x;
+  text-align: center;
+  color: #525656;
+}
+@media (min-width: 768px) {
+  .or-divider-2 {
+    margin-left: 0;
+    margin-right: 0;
+    background-repeat: repeat-y;
+  }
+}
+.or-divider-2 span {
+  padding: 8px;
+  background-color: white;
+  display: inline-block;
+  font-weight: normal;
+}
+@media (min-width: 768px) {
+  .or-divider-2 span {
+    padding: 6px;
+    line-height: 1;
+  }
+}
+.or-divider {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 16px;
+  border-bottom: solid 1px #9aa1a3;
+  position: relative;
+  color: #525656;
+}
+.or-divider span {
+  top: 4px;
+  left: 45%;
+  padding: 0 12px;
+}
+.or-divider span {
+  position: absolute;
+  background-color: #ffffff;
+  content: " or ";
+  font-weight: 500;
+}
+.or-divider.green {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 16px;
+  border-bottom: solid 1px #0c7e47;
+  position: relative;
+  color: #0c7e47;
+}
+.or-divider.green span {
+  top: 4px;
+  left: 45%;
+  padding: 0 12px;
+}
+.or-divider.green span {
+  position: absolute;
+  background-color: #ffffff;
+  content: " or ";
+  font-weight: 500;
+}
+@media (min-width: 768px) {
+  .or-divider.vertical {
+    margin: 0 40%;
+    min-width: 2em;
+    width: 0;
+    height: 2.5em;
+    border-bottom: none;
+    border-left: solid 1px #9aa1a3;
+    position: relative;
+    color: #525656;
+  }
+  .or-divider.vertical span {
+    top: 0.75em;
+    left: -0.5em;
+    padding: 0;
+    line-height: 1.1;
+  }
+  .or-divider.vertical span {
+    position: absolute;
+    background-color: #ffffff;
+    content: " or ";
+    font-weight: 500;
+  }
+}
+#waitingModal {
+  overflow: hidden;
+}
+#waitingModal .waiting-modal-extended-wait {
+  display: none;
+  padding-top: 136px;
+}
+#waitingModal .waiting-modal-extended-wait span {
+  display: block;
+  margin: auto;
+  width: 210px;
+  height: 40px;
+  font-size: 15px;
+  font-weight: 300;
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+  color: #525656;
+  line-height: 1.54;
+}
+#waitingModal .waiting-modal-extended-wait span.extended-wait-title {
+  height: 20px;
+  font-weight: 500;
+  color: #000000;
+}
+#waitingModal .waiting-modal-extended-wait span.extended-wait-desc {
+  padding-top: 5px;
+}
+#waitingModal .modal-content.extended-wait .waiting-modal-extended-wait {
+  display: block;
+}
+#waitingModal .modal-content.extended-wait img {
+  top: 20px;
+}
+/***
+  title: V8 Progress bar
+  section: Modules
+  example: |
+    <div class="progress-area percent-37-completed">
+        <div class="empty-bar"></div>
+        <div class="full-bar-outer"></div>
+        <div class="container">
+            <div class="padded-area">
+                <div class="full-bar-inner"></div>
+                <div class="milestone percent-25"><div></div></div>
+                <div class="milestone percent-50"><div></div></div>
+                <div class="milestone percent-75"><div></div></div>
+                <div class="milestone percent-100"><div></div></div>
+            </div>
+        </div>
+    </div>
+***/
+.progress-area {
+  position: relative;
+  height: 14px;
+}
+.progress-area .empty-bar {
+  position: absolute;
+  top: 6px;
+  width: 100%;
+  border-top: 2px solid #d4d6d8;
+}
+.progress-area .full-bar-outer,
+.progress-area .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  border-top: 2px solid #0c7e47;
+}
+@media (max-width: 767px) {
+  .progress-area .full-bar-inner {
+    display: none;
+  }
+}
+@media (min-width: 768px) {
+  .progress-area .full-bar-outer {
+    display: none;
+  }
+}
+.progress-area .padded-area {
+  position: relative;
+}
+.progress-area .padded-area .milestone {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #d4d6d8;
+  border-radius: 7px;
+  background-color: #ffffff;
+}
+.progress-area .padded-area .milestone.percent-25 {
+  left: 16.295%;
+}
+.progress-area .padded-area .milestone.percent-50 {
+  left: 42.585%;
+}
+.progress-area .padded-area .milestone.percent-75 {
+  left: 68.875%;
+}
+@media (min-width: 768px) {
+  .progress-area .padded-area .milestone.percent-25 {
+    left: 24%;
+  }
+  .progress-area .padded-area .milestone.percent-50 {
+    left: 49%;
+  }
+  .progress-area .padded-area .milestone.percent-75 {
+    left: 74%;
+  }
+}
+.progress-area .padded-area .milestone.percent-100 {
+  right: 0;
+  background-image: url("/Shared/images/checkbox-gray.png");
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.progress-area.percent-12-completed .full-bar-outer,
+.progress-area.percent-12-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 12%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-12-completed .full-bar-outer {
+  width: 6%;
+}
+.progress-area.percent-24-completed .full-bar-outer,
+.progress-area.percent-24-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 24%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-24-completed .full-bar-outer {
+  width: 18%;
+}
+.progress-area.percent-25-completed .full-bar-outer,
+.progress-area.percent-25-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 25%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-25-completed .full-bar-outer {
+  width: 19%;
+}
+.progress-area.percent-25-completed .milestone.percent-25.percent-25,
+.progress-area.percent-25-completed .milestone.percent-25.percent-50,
+.progress-area.percent-25-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-25-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-37-completed .full-bar-outer,
+.progress-area.percent-37-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 37%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-37-completed .full-bar-outer {
+  width: 31%;
+}
+.progress-area.percent-37-completed .milestone.percent-25.percent-25,
+.progress-area.percent-37-completed .milestone.percent-25.percent-50,
+.progress-area.percent-37-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-37-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-49-completed .full-bar-outer,
+.progress-area.percent-49-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 49%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-49-completed .full-bar-outer {
+  width: 43%;
+}
+.progress-area.percent-49-completed .milestone.percent-25.percent-25,
+.progress-area.percent-49-completed .milestone.percent-25.percent-50,
+.progress-area.percent-49-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-49-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-50-completed .full-bar-outer,
+.progress-area.percent-50-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 50%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-50-completed .full-bar-outer {
+  width: 44%;
+}
+.progress-area.percent-50-completed .milestone.percent-25.percent-25,
+.progress-area.percent-50-completed .milestone.percent-25.percent-50,
+.progress-area.percent-50-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-50-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-50-completed .milestone.percent-50.percent-25,
+.progress-area.percent-50-completed .milestone.percent-50.percent-50,
+.progress-area.percent-50-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-50-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-62-completed .full-bar-outer,
+.progress-area.percent-62-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 62%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-62-completed .full-bar-outer {
+  width: 56%;
+}
+.progress-area.percent-62-completed .full-bar-outer {
+  width: 57%;
+}
+.progress-area.percent-62-completed .milestone.percent-25.percent-25,
+.progress-area.percent-62-completed .milestone.percent-25.percent-50,
+.progress-area.percent-62-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-62-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-62-completed .milestone.percent-50.percent-25,
+.progress-area.percent-62-completed .milestone.percent-50.percent-50,
+.progress-area.percent-62-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-62-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-70-completed .full-bar-outer,
+.progress-area.percent-70-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 70%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-70-completed .full-bar-outer {
+  width: 64%;
+}
+.progress-area.percent-70-completed .full-bar-outer {
+  width: 65%;
+}
+.progress-area.percent-70-completed .milestone.percent-25.percent-25,
+.progress-area.percent-70-completed .milestone.percent-25.percent-50,
+.progress-area.percent-70-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-70-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-70-completed .milestone.percent-50.percent-25,
+.progress-area.percent-70-completed .milestone.percent-50.percent-50,
+.progress-area.percent-70-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-70-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-74-completed .full-bar-outer,
+.progress-area.percent-74-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 74%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-74-completed .full-bar-outer {
+  width: 68%;
+}
+.progress-area.percent-74-completed .full-bar-outer {
+  width: 69%;
+}
+.progress-area.percent-74-completed .milestone.percent-25.percent-25,
+.progress-area.percent-74-completed .milestone.percent-25.percent-50,
+.progress-area.percent-74-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-74-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-74-completed .milestone.percent-50.percent-25,
+.progress-area.percent-74-completed .milestone.percent-50.percent-50,
+.progress-area.percent-74-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-74-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-75-completed .full-bar-outer,
+.progress-area.percent-75-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 75%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-75-completed .full-bar-outer {
+  width: 69%;
+}
+.progress-area.percent-75-completed .full-bar-outer {
+  width: 70%;
+}
+.progress-area.percent-75-completed .milestone.percent-25.percent-25,
+.progress-area.percent-75-completed .milestone.percent-25.percent-50,
+.progress-area.percent-75-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-75-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-75-completed .milestone.percent-50.percent-25,
+.progress-area.percent-75-completed .milestone.percent-50.percent-50,
+.progress-area.percent-75-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-75-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-75-completed .milestone.percent-75.percent-25,
+.progress-area.percent-75-completed .milestone.percent-75.percent-50,
+.progress-area.percent-75-completed .milestone.percent-75.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-75-completed .milestone.percent-75.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-87-completed .full-bar-outer,
+.progress-area.percent-87-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 87%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-87-completed .full-bar-outer {
+  width: 81%;
+}
+.progress-area.percent-87-completed .full-bar-outer {
+  width: 82%;
+}
+.progress-area.percent-87-completed .full-bar-outer {
+  width: 83%;
+}
+@media (min-width: 500px) {
+  .progress-area.percent-87-completed .full-bar-outer {
+    width: 85%;
+  }
+}
+.progress-area.percent-87-completed .milestone.percent-25.percent-25,
+.progress-area.percent-87-completed .milestone.percent-25.percent-50,
+.progress-area.percent-87-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-87-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-87-completed .milestone.percent-50.percent-25,
+.progress-area.percent-87-completed .milestone.percent-50.percent-50,
+.progress-area.percent-87-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-87-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-87-completed .milestone.percent-75.percent-25,
+.progress-area.percent-87-completed .milestone.percent-75.percent-50,
+.progress-area.percent-87-completed .milestone.percent-75.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-87-completed .milestone.percent-75.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-99-completed .full-bar-outer,
+.progress-area.percent-99-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 99%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-99-completed .full-bar-outer {
+  width: 93%;
+}
+.progress-area.percent-99-completed .full-bar-outer {
+  width: 94%;
+}
+.progress-area.percent-99-completed .full-bar-outer {
+  width: 95%;
+}
+@media (min-width: 500px) {
+  .progress-area.percent-99-completed .full-bar-outer {
+    width: 97%;
+  }
+}
+.progress-area.percent-99-completed .milestone.percent-25.percent-25,
+.progress-area.percent-99-completed .milestone.percent-25.percent-50,
+.progress-area.percent-99-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-99-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-99-completed .milestone.percent-50.percent-25,
+.progress-area.percent-99-completed .milestone.percent-50.percent-50,
+.progress-area.percent-99-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-99-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-99-completed .milestone.percent-75.percent-25,
+.progress-area.percent-99-completed .milestone.percent-75.percent-50,
+.progress-area.percent-99-completed .milestone.percent-75.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-99-completed .milestone.percent-75.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-100-completed .full-bar-outer,
+.progress-area.percent-100-completed .full-bar-inner {
+  position: absolute;
+  top: 6px;
+  width: 100%;
+  border-top: 2px solid #0c7e47;
+}
+.progress-area.percent-100-completed .full-bar-outer {
+  width: 94%;
+}
+.progress-area.percent-100-completed .full-bar-outer {
+  width: 95%;
+}
+.progress-area.percent-100-completed .full-bar-outer {
+  width: 96%;
+}
+@media (min-width: 500px) {
+  .progress-area.percent-100-completed .full-bar-outer {
+    width: 98%;
+  }
+}
+.progress-area.percent-100-completed .full-bar-outer {
+  width: 100%;
+}
+.progress-area.percent-100-completed .milestone.percent-25.percent-25,
+.progress-area.percent-100-completed .milestone.percent-25.percent-50,
+.progress-area.percent-100-completed .milestone.percent-25.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-100-completed .milestone.percent-25.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-100-completed .milestone.percent-50.percent-25,
+.progress-area.percent-100-completed .milestone.percent-50.percent-50,
+.progress-area.percent-100-completed .milestone.percent-50.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-100-completed .milestone.percent-50.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-100-completed .milestone.percent-75.percent-25,
+.progress-area.percent-100-completed .milestone.percent-75.percent-50,
+.progress-area.percent-100-completed .milestone.percent-75.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-100-completed .milestone.percent-75.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+.progress-area.percent-100-completed .milestone.percent-100.percent-25,
+.progress-area.percent-100-completed .milestone.percent-100.percent-50,
+.progress-area.percent-100-completed .milestone.percent-100.percent-75 {
+  background-color: #0c7e47;
+}
+.progress-area.percent-100-completed .milestone.percent-100.percent-100 {
+  background-color: #0c7e47;
+  background-image: url("/Shared/images/checkbox-white.png");
+}
+/***
+  title: Web Chat
+  section: Modules
+  description: Body element gets a special class when web chat is enabled
+***/
+@media (min-width: 768px) {
+  body.webchatEnabled .smallChatButton {
+    display: block;
+    float: right;
+    width: 72px;
+    height: 36px;
+    background-image: url("/Shared/images/ChatButton-horizontal.png");
+    background-size: 72px 36px;
+    cursor: pointer;
+  }
+}
+@media (min-width: 768px) and (max-width: 360px) {
+  body.webchatEnabled #siteHeader .brand-logo {
+    margin-top: 10%;
+  }
+}
+/***
+  title: Shared omni styling
+  section: Modules
+  description: Omni is included on multiple pages and does not have a separate styling file (requires refactoring)
+***/
+omni-cookie .margin-top-xl {
+  display: block;
+  font-weight: 500;
+}
+/* ************************************************************************* *
+ *            Atomic Styles, or, The Code Has to Go Somewhere                *
+ *            http://acss.io/frequently-asked-questions.html                 *
+ * ************************************************************************* */
+.margin-bottom-xl {
+  margin-bottom: 32px;
+}
+.margin-bottom-lg {
+  margin-bottom: 20px;
+}
+.margin-bottom-md {
+  margin-bottom: 12px;
+}
+.margin-bottom-sm {
+  margin-bottom: 8px;
+}
+.margin-bottom-tiny {
+  margin-bottom: 4px;
+}
+.margin-top-xl {
+  margin-top: 32px;
+}
+.margin-top-lg {
+  margin-top: 20px;
+}
+.margin-top-md {
+  margin-top: 12px;
+}
+.margin-top-sm {
+  margin-top: 8px;
+}
+.margin-top-tiny {
+  margin-top: 4px;
+}
+.margin-none {
+  margin-top: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+}
+.bottom-element {
+  margin-bottom: 0 !important;
+}
+@media (max-width: 768px) {
+  .bottom-element-mobile {
+    margin-bottom: 0 !important;
+  }
+}
+.isSaveProgresssError {
+  color: #d4281c;
+  font-weight: 500;
+}
+.inErrorText {
+  color: #da291c;
+}
+.alert-smaller {
+  padding: 7px 15px;
+}
+.alert-smaller .glyphicon.glyphicon-ok {
+  color: #0c7e47;
+  margin-right: 10px;
+}
+.text-underline {
+  text-decoration: underline;
+}
+.no-outline {
+  outline: none !important;
+}
+.focus-outline {
+  box-shadow: 0 0 1px 1px #167cac;
+}
+.focus-outline-error {
+  box-shadow: 0 0 1px 1px #da291c;
+}
+/* ************************************************************** *
+ *                         Master Page                            *
+ * ************************************************************** */
+body {
+  margin-bottom: 0;
+  -ms-overflow-style: scrollbar;
+}
+body #siteHeader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+body #siteHeader .brand-logo {
+  margin: 10px 0;
+  width: 284px;
+}
+@media (min-width: 768px) {
+  body #siteHeader .brand-logo {
+    margin: 20px 0;
+  }
+}
+body #siteHeader #siteHeaderMenu {
+  margin: auto;
+}
+body #siteHeader #siteHeaderMenu a {
+  white-space: nowrap;
+}
+body #siteHeader #progress-bar-container {
+  margin: auto;
+}
+@media (min-width: 768px) {
+  body #siteHeader #progress-bar-container {
+    margin: auto 0 20px;
+  }
+}
+body #siteHeader #rightHeaderContent {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+  margin-left: auto;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity .5s;
+}
+@media (min-width: 768px) {
+  body #siteHeader #rightHeaderContent {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+}
+body #coverageLoadingModal {
+  text-align: center;
+}
+body #coverageLoadingModal .modal-content {
+  margin: 140px 10px 89.94px;
+  display: block;
+  padding: 20px;
+  width: 100%;
+  height: auto;
+  border-top: 0;
+  border-right: 0;
+  border-left: 0;
+  padding: 0 40px;
+  color: #000000;
+  border-radius: 0;
+  border-bottom: 7px solid #167cac;
+}
+@media (min-width: 768px) {
+  body #coverageLoadingModal .modal-content {
+    display: inline-block;
+    margin: 140px auto;
+    padding: 0 57px;
+    width: auto;
+  }
+}
+body #coverageLoadingModal .modal-content p {
+  font-size: 20px;
+  max-width: 300px;
+  margin-top: 0;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 47px;
+}
+@media (min-width: 768px) {
+  body #coverageLoadingModal .modal-content p {
+    margin-bottom: 90px;
+  }
+}
+body #coverageLoadingModal .modal-content img {
+  position: relative;
+  left: auto;
+  top: auto;
+  margin-top: 50px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 25px;
+}
+body .hero-container {
+  overflow: hidden;
+  max-height: 450px;
+  width: 100%;
+  text-align: center;
+}
+body .hero-container .img-responsive {
+  margin: 0 auto;
+}
+body #pageFooter {
+  width: 100%;
+  height: 137px;
+  background-color: #ffffff;
+  border-top: 1px solid #d4d6d8;
+}
+body #pageFooter ul {
+  padding-left: 0;
+}
+body #pageFooter ul:first-child {
+  padding-left: 14.99px;
+}
+body #pageFooter ul li {
+  color: #525656;
+  list-style-type: none;
+  list-style-image: none;
+}
+body #pageFooter ul li a {
+  color: #525656;
+  font-weight: 300;
+}
+body #pageFooter .container {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+body #pageFooter #footer-bottom {
+  margin: 16px 0;
+  text-align: center;
+  font-style: normal;
+  font-size: 13px;
+  font-weight: 300;
+}
+body #pageFooter #footer-bottom li {
+  display: inline-block;
+  padding: 0 2em 0 0;
+  list-style-type: none;
+  list-style-image: none;
+  line-height: 20px;
+}
+@media (min-width: 768px) {
+  body #pageFooter .container {
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  body #pageFooter #footer-bottom {
+    text-align: none;
+  }
+}
+body a:hover {
+  color: #125b7e;
+}
+.section-summary {
+  margin-top: 6px;
+  padding: 16px 20px 16px 10px;
+  border-width: 1px;
+  border-color: #d4d6d8;
+  border-top-style: solid;
+  border-bottom-style: solid;
+}
+.section-summary .edit-controls {
+  color: #167cac;
+  cursor: pointer;
+  margin-top: 15px;
+  font-weight: 500;
+}
+.section-summary .edit-controls img {
+  display: block;
+  margin: 7px auto 0 auto;
+  width: 19px;
+}
+.horizontal-pills {
+  overflow: hidden;
+  margin: 0 0 20px 0;
+  border: 1px solid #cacbcc;
+  border-radius: 5px;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.horizontal-pills ul {
+  display: table;
+  margin: 0;
+  padding: 0;
+  width: 101%;
+  list-style-type: none;
+}
+.horizontal-pills ul li {
+  position: relative;
+  display: table-cell;
+  margin: 0;
+  padding: 0;
+  width: 50%;
+  vertical-align: middle;
+  text-align: center;
+}
+.horizontal-pills ul li:first-child {
+  border-right: 1px solid #cacbcc;
+}
+.horizontal-pills ul li.active {
+  background-image: url("/Shared/images/red-bar-btm.png");
+  background-position: center bottom;
+  background-repeat: repeat-x;
+}
+.horizontal-pills ul li.active label,
+.horizontal-pills ul li.active a {
+  color: black;
+  font-weight: 500;
+}
+.horizontal-pills ul li label,
+.horizontal-pills ul li a {
+  color: #525656;
+  text-decoration: none;
+  display: block;
+  margin: 0 auto;
+  padding: 12px 12px 14px 12px;
+  font-weight: normal;
+  cursor: pointer;
+}
+.horizontal-pills ul li label input[type="radio"],
+.horizontal-pills ul li a input[type="radio"] {
+  display: none;
+}
+.horizontal-pills ul li.disabled a {
+  cursor: default;
+}
+.horizontal-pills ul li.disabled:not(.active) a {
+  color: #d4d6d8;
+}
+.pill-boxes-tab li {
+  border: none;
+  background-color: transparent !important;
+}
+.pill-boxes-tab li input[type=radio] {
+  position: absolute;
+  visibility: visible;
+  opacity: 0;
+}
+.pill-boxes-tab li input[type=radio]:focus ~ label {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.pill-boxes-tab li label {
+  border: 1px solid #d4d6d8;
+  border-radius: 22px;
+}
+.pill-boxes-tab li.active input[type=radio]:focus ~ label {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+}
+.pill-boxes-tab li.active label {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+  border: 2.5px solid #167cac;
+  background-color: #e7f1f6;
+}
+.pill-boxes-tab li.disabled label {
+  cursor: default;
+  background-color: #f4f4f4;
+  color: #b3b4b5 !important;
+}
+.has-error .pill-boxes-tab li input[type=radio]:focus ~ label {
+  box-shadow: 0 0 1px 1px #da291c;
+}
+.information_icon {
+  display: inline-block;
+  margin-left: 3px;
+  width: 17px;
+  height: 17px;
+  border-radius: 10px;
+  background-color: #167cac;
+  color: white;
+  text-align: center;
+  font-weight: 500;
+  font-style: italic;
+  font-size: 14px;
+  font-family: serif;
+  line-height: 17px;
+}
+html.android input:focus,
+html.android button:focus,
+html.android [tabindex="0"]:focus,
+html.android a:focus {
+  outline-color: #0c7e47;
+}
+body a:hover,
+body a:focus {
+  text-decoration: underline;
+}
+body .btn-link {
+  color: #1574a1;
+}
+body .btn-link:hover,
+body .btn-link:focus {
+  text-decoration: underline;
+}
+body #smallContainer {
+  display: none;
+}
+body #siteHeader .brand-logo.img-responsive {
+  width: 100px;
+  height: 37px;
+}
+@media (min-width: 768px) {
+  body #siteHeader .brand-logo.img-responsive {
+    display: inline-block;
+    width: 165px;
+    height: 61px;
+  }
+}
+@media (min-width: 768px) {
+  body #siteHeader.container-without-margin {
+    padding-right: 0;
+  }
+}
+body #horizontalBar {
+  width: 100%;
+  height: 1px;
+  border-top: 1px solid #d4d6d8;
+}
+.form-control {
+  height: 45px;
+}
+.replace-required span {
+  display: none;
+}
+.replace-requiredinfo span {
+  display: none;
+}
+.replace-required::after {
+  content: "";
+}
+.replace-requiredinfo::after {
+  content: "";
+}
+.control-label .validation-info {
+  visibility: hidden;
+}
+.control-label .validation-info::before {
+  visibility: visible;
+  content: "";
+}
+.headerlinecontainer .headerline5v2 {
+  display: none;
+}
+.headerlinecontainer .headerline5v2::before {
+  visibility: visible;
+  content: "";
+}
+input.form-control.txtPromoCodeBox.showSection {
+  border-top-left-radius: 22.5px;
+  border-bottom-left-radius: 22.5px;
+}
+.sticky-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1000;
+  background-color: #ffffff;
+  transition: box-shadow 0.3s ease-in-out;
+}
+.addTransition {
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+}
+.header-height {
+  height: 55px;
+}
+@media (min-width: 768px) {
+  .header-height {
+    height: 100px;
+  }
+}
+.header-spacer {
+  padding-bottom: 70px;
+}
+@media (min-width: 768px) {
+  .header-spacer {
+    padding-bottom: 100px;
+  }
+}
+body.webchatEnabled #smallContainer {
+  display: block;
+}
+body.webchatEnabled .chatButton {
+  display: block;
+  width: 36px;
+  height: 72px;
+  background-image: url("../../Shared/images/ChatButton.png");
+  background-size: 36px 72px;
+  cursor: pointer;
+}
+body.webchatEnabled .smallChatButton {
+  display: block;
+  float: right;
+  width: 72px;
+  height: 36px;
+  background-image: url("../../Shared/images/ChatButton-horizontal.png");
+  background-size: 72px 36px;
+  cursor: pointer;
+}
+@media (max-width: 360px) {
+  body.webchatEnabled #siteHeader .brand-logo {
+    margin-top: 10%;
+  }
+}
+@media (max-width: 400px) {
+  body.webchatEnabled #smallContainer {
+    display: none;
+  }
+}
+#omniSearchQuoteForm .inErrorText,
+#omniSaveQuoteForm .inErrorText {
+  font-size: 15px;
+  line-height: 25px;
+}
+#omniSearchQuoteForm .btn-success-omni:focus,
+#omniSaveQuoteForm .btn-success-omni:focus {
+  color: #ffffff;
+}
+.omniSaveQuoteForm .btn {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  border-radius: 22.5px;
+  font-weight: 500;
+}
+.omniSaveQuoteForm small {
+  display: block;
+  font-weight: 300;
+  font-size: 13px;
+  line-height: 1.54;
+}
+.omniSaveQuoteForm small a {
+  font-weight: 300;
+}
+.omniSaveQuoteForm a {
+  color: #1574a1;
+  font-weight: 500;
+}
+.omniSaveQuoteForm a:hover,
+.omniSaveQuoteForm a:focus,
+.omniSaveQuoteForm a:active {
+  color: #167cac;
+}
+.omniSaveQuoteForm .margin-bottom-10 {
+  margin-bottom: 10px;
+}
+.omniSaveQuoteForm #omni-save-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 20px;
+  cursor: pointer;
+}
+.omniSaveQuoteForm #omni-save-title #clock-icon {
+  display: none;
+}
+.omniSaveQuoteForm #omni-save-title #chevron {
+  display: inherit;
+  margin-left: auto;
+}
+.omniSaveQuoteForm #omni-save-title #chevron img {
+  margin-left: 15px;
+  width: 25px;
+  height: 25px;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+}
+.omniSaveQuoteForm #omni-save-title #chevron img.expanded {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.omniSaveQuoteForm #omni-save-body {
+  margin: 0 15px 20px;
+}
+.omniSaveQuoteForm #omni-save-body hr {
+  margin-top: 0;
+}
+.omniSaveQuoteForm div.jqv-err-msg.isSaveProgresssError {
+  margin-top: 5px;
+}
+#pageNavigation #navBack {
+  font-weight: 500;
+}
+#pageNavigation #navBack:hover,
+#pageNavigation #navBack:focus {
+  text-decoration: underline;
+}
+#pageNavigation #navCancel,
+#pageNavigation #navBack {
+  line-height: 15px;
+}
+.choose-wipers {
+  border-radius: 22.5px;
+}
+.btn-success-omni {
+  background-color: #167cac;
+  color: #ffffff;
+}
+small {
+  line-height: 1.2;
+}
+.small {
+  font-weight: 300;
+}
+.no-m-t {
+  margin-top: 0;
+}
+.alert-danger {
+  background-color: #fbe9e8;
+}
+.alert-success {
+  background-color: #e6f2ec;
+}
+.alert-warning {
+  background-color: #fef6e8;
+}
+.alert-warning .ico.warning-cir {
+  color: #f8af1c;
+}
+#schedule-box.has-error li.list-group-item label {
+  color: initial;
+}
+#schedule-box.has-error h2 {
+  color: #da291c;
+}
+.input-group-comp {
+  border-radius: 22.5px;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.has-success input.form-control,
+.has-error input.form-control {
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.tosmessage {
+  height: 16px;
+  color: #737e81;
+  letter-spacing: normal;
+  font-weight: 300;
+  font-style: italic;
+  font-stretch: normal;
+  font-size: 12px;
+  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;
+  line-height: 1.33;
+}
+.has-error .form-control:focus {
+  border-color: #da291c;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #da291c;
+}
+.iPhoneScroll {
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+@-moz-document url-prefix() {
+  .firefoxFocus.btn-modal-cancel.cancel:focus {
+    outline: 1px dotted black;
+  }
+}
+.paymentError .btn {
+  border-radius: 22.5px;
+}
+.rounded-button {
+  border-radius: 22.5px;
+}
+.optional-label {
+  font-weight: 300;
+  font-style: normal;
+  font-size: 15px;
+}
+.red-card-container {
+  padding-bottom: 40px;
+}
+.red-bottom-card {
+  padding: 20px 28px 25px 30px;
+  border-radius: 5px;
+  background-image: url("/Shared/images/red-bar-btm.png");
+  background-position: center bottom;
+  background-repeat: repeat-x;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  text-align: center;
+}
+.red-bottom-card-5px {
+  padding: 20px 28px 25px 30px;
+  border-radius: 5px;
+  background-image: url("/Shared/images/red-bar-btm5px.png");
+  background-position: center bottom;
+  background-repeat: repeat-x;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  text-align: center;
+}
+.red-card-headline {
+  color: #000000;
+  font-weight: 500;
+}
+.red-card-content {
+  color: #525656;
+}
+.red-card-image {
+  padding-top: 20px;
+  padding-bottom: 10px;
+}
+.red-card-fixed-height {
+  height: 235px;
+}
+.list-group-item.tprGlass {
+  position: relative;
+  display: block;
+  margin-bottom: -1px;
+  padding: 10px 15px;
+  border: none !important;
+  background-color: #ffffff;
+}
+#stepByStepProgressButton {
+  margin: 30px 0 0 30px;
+  padding: 8px 16px;
+  max-height: 40px;
+  width: 100%;
+  border-style: none;
+  border-color: white;
+  border-radius: 20px;
+  background-color: #ffffff;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  color: #167cac;
+  letter-spacing: normal;
+  font-weight: 500;
+  font-style: normal;
+  font-stretch: normal;
+  font-size: 16px;
+  font-family: Roboto;
+  line-height: 1.5;
+}
+@media (max-width: 767px) {
+  #stepByStepProgressButton {
+    margin: auto 0 auto 15px;
+    padding: 4px 10px;
+    min-width: 112px;
+    max-height: 32px;
+    font-size: 14px;
+    line-height: 1.71;
+  }
+}
+#stepByStepProgressButton:active {
+  border-color: none !important;
+}
+.iconsmenu {
+  margin: 2px 0 2px 8px;
+  width: 16px;
+  height: 20px;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+@media (min-width: 768px) {
+  #closeProgressButton {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin: 30px 0 0 30px;
+    padding: 8px 16px;
+    width: 96px;
+    height: 40px;
+    border-style: none;
+    border-color: white;
+    border-radius: 20px;
+    background-color: #ffffff;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+    color: #167cac;
+    letter-spacing: normal;
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+    font-size: 16px;
+    font-family: Roboto;
+    line-height: 1.5;
+  }
+}
+@media (max-width: 767px) {
+  #closeProgressButton {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin: auto 0 auto 15px;
+    padding: 4px 10px;
+    border-style: none;
+    border-color: white;
+    border-radius: 20px;
+    background-color: #ffffff;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+    color: #167cac;
+    letter-spacing: normal;
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+    font-size: 14px;
+    font-family: Roboto;
+    line-height: 1.71;
+  }
+}
+.iconClose {
+  margin: 4px 0 5px 8px;
+  width: 15px;
+  height: 15px;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.masterHeaderShadow {
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 768px) {
+  .progressBarExperimentWebChatBtn {
+    margin: 35px 0 !important;
+  }
+}
+@media (max-width: 767px) {
+  .progressBarExperimentWebChatBtn {
+    margin: 10px 0 0 auto !important;
+  }
+}
+.progressBarExperimentRightHeaderContent {
+  -webkit-box-orient: horizontal !important;
+  -webkit-box-direction: normal !important;
+      -ms-flex-direction: row !important;
+          flex-direction: row !important;
+}
\ No newline at end of file
diff --git a/src/constants/application-config.js b/src/constants/application-config.js
index b4c0d9a1e..b5233d170 100644
--- a/src/constants/application-config.js
+++ b/src/constants/application-config.js
@@ -11,16 +11,20 @@ const applicationConfig = {
     SITE_ENTRY_TRIGGER_VALUE: "FixMyGlass",
     CASH_PARENT_ACCOUNT_NUMBER: 167132,
     MY_ACCOUNT: process.env.VUE_APP_MY_ACCOUNT,
-    PAYPAL_SUCCESS_URL:
+    PIA_RESPONSE_URL:
         location.protocol +
         "//" +
         location.host +
         "/fmg/?fmgPage=payment-pia-return&src=concept-funnel",
-    PAYPAL_CANCEL_URL:
+    PIA_CANCEL_URL:
         location.protocol +
         "//" +
         location.host +
         "/fmg/?fmgPage=payment-method&src=concept-funnel",
+    GOOGLE_CALENDAR: "https://www.google.com/calendar/render?action=TEMPLATE",
+    YAHOO_CALENDAR: "https://calendar.yahoo.com/?v=60",
+    OUTLOOK_CALENDAR:
+        "https://outlook.office.com/calendar/deeplink/compose?path=/calendar/action/compose&rru=addevent",
 };
 
 export { applicationConfig };
diff --git a/src/constants/payment-method-constants.js b/src/constants/payment-method-constants.js
index 807e44c0e..0799f2b2a 100644
--- a/src/constants/payment-method-constants.js
+++ b/src/constants/payment-method-constants.js
@@ -5,9 +5,3 @@ export const paymentMethods = {
     PAYPAL: "Paypal",
     AFTERPAY: "Afterpay",
 };
-
-export const paymentTimes = {
-    NONE: null,
-    ADVANCE: "Advance",
-    LATER: "Later",
-};
diff --git a/src/constants/query-strings.js b/src/constants/query-strings.js
index 1bff7bf46..40f3a2242 100644
--- a/src/constants/query-strings.js
+++ b/src/constants/query-strings.js
@@ -1,3 +1,4 @@
+// Note: querystring-helper will change all keys to lowercase so make sure they are here as well
 const queryStrings = {
     FMG_PAGE: "fmgPage",
     START_TYPE: "start_type",
@@ -6,6 +7,18 @@ const queryStrings = {
     ERROR: "error",
     TOKEN: "token",
     PAYERID: "payerid",
+    SUBSCRIPTIONID: "subscriptionid",
+    REFERRAL_SEQ_NUM: "referralseqnum",
+    CARD_EXPIRATION_MONTH: "card_expirationmonth",
+    CARD_EXPIRATION_YEAR: "card_expirationyear",
+    CARD_TYPE: "sgcardtype",
+    BILL_TO_POSTAL_CODE: "billto_postalcode",
+    BILL_TO_FIRST_NAME: "billto_firstname",
+    BILL_TO_LAST_NAME: "billto_lastname",
+    REFERENCE_NUMBER: "req_reference_number",
+    AUTH_CODE: "auth_code",
+    TRANSACTION_ID: "transaction_id",
+    TRANS_REFERENCE_NUMBER: "auth_trans_ref_no",
 };
 
 export { queryStrings };
diff --git a/src/constants/service-type.js b/src/constants/service-type.js
new file mode 100644
index 000000000..5cb6a277a
--- /dev/null
+++ b/src/constants/service-type.js
@@ -0,0 +1,6 @@
+const serviceType = {
+    REPLACEMENT: "replacement",
+    REPAIR: "repair",
+    REPLACEMENT_AND_RECALIBRATION: "replacement and recalibration",
+};
+export { serviceType };
diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index 5620612bb..64e6df3aa 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -80,7 +80,7 @@ const storeActions = {
     SAVE_MOLDING_QUESTION_ANSWERS: "saveMoldingQuestionAnswers",
     SAVE_CAPABILITY_QUESTION_ANSWERS: "saveCapabilityQuestionAnswers",
     SAVE_PAYMENT_TYPE: "savePaymentType",
-    SAVE_PAY_NOW_TYPE: "savePayNowType",
+    SAVE_PAYMENT_METHOD_CHOICE: "savePaymentMethodChoice",
     SAVE_PARENT_ACCOUNT_NUMBER: "saveParentAccountNumber",
     SAVE_SUPPORTING_ITEMS: "saveSupportingItems",
     SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING:
@@ -92,6 +92,8 @@ const storeActions = {
     SAVE_WORK_ORDER_FLAG: "saveWorkOrderFlag",
     SAVE_PIA_ERROR_CODE: "savePiaErrorCode",
     SAVE_PIA_WORK_ORDER: "savePiaWorkOrder",
+    SAVE_CCTOKEN: "saveCCToken",
+    SAVE_PAYPAL_TOKEN: "savePaypalToken",
 };
 
 export { storeActions };
diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js
index af3a0a5ad..9e2e30a14 100644
--- a/src/constants/store-mutations.js
+++ b/src/constants/store-mutations.js
@@ -1,7 +1,10 @@
 const storeMutations = {
+    // PAYMENT MUTATIONS
     UPDATE_WORK_ORDER_FLAG: "updateWorkOrderFlag",
     UPDATE_PIA_ERROR_CODE: "updatePiaErrorCode",
     UPDATE_PIA_WORK_ORDER: "updatePiaWorkOrder",
+    UPDATE_CCTOKEN: "updateCCToken",
+    UPDATE_PAYPAL_TOKEN: "updatePaypalToken",
 
     // VEHICLE MUTATIONS
     UPDATE_YEAR: "updateYear",
@@ -50,7 +53,8 @@ const storeMutations = {
     UPDATE_IS_INSURANCE: "updateIsInsurance",
     UPDATE_SAVED_SESSION_ID: "updateSavedSessionId",
     UPDATE_CRM_CUSTOMER_ID: "updateCrmCustomerId",
-    UPDATE_PAY_NOW_TYPE: "updatePayNowType",
+    UPDATE_IS_PIA: "updateIsPia",
+    UPDATE_PIA_TYPE: "updatePiaType",
     WORK_ORDER_NUMBER: "updateWorkOrderNumber",
 
     // EVENT BUS MUTATIONS
@@ -68,6 +72,7 @@ const storeMutations = {
     RESET_SERVICE_LOCATION_PROVIDER: "resetServiceLocationProvider",
     RESET_SERVICE_LOCATION_MOBILE_ADDRESS: "resetServiceLocationMobileAddress",
     RESET_SCHEDULE: "resetSchedule",
+    RESET_PAYMENT_METHOD_CHOICE: "resetPaymentMethodChoice",
 
     // OTHER MUTATIONS
     UPDATE_PAGE_DATA: "updatePageData",
diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index cec014712..9fc13e2fe 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -72,7 +72,10 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
                 </div>
             </fieldset>
         </div>
-        <div class="row form-test-error">
+        <div
+            id="form-test-error"
+            class="row form-test-error"
+            :class="isErrorCentered ? 'text-center' : ''">
             <error-message
                 role="comment"
                 aria-atomic="true"
@@ -227,8 +230,18 @@ export default {
                 classes += " two-list-card-width";
             }
 
+            if (this.buttonTypeString == "listCard" && this.buttonsInfo.length === 1) {
+                classes += " one-list-card-width";
+            }
+
             return classes;
         },
+        isErrorCentered() {
+            if (this.buttonTypeString == "listCard" && this.buttonsInfo.length <= 2) {
+                return true;
+            }
+            return false;
+        },
         buttonsInfo() {
             return (Array.isArray(this.answers) ? this.answers : [])?.map((answer) => ({
                 buttonLabel: answer.buttonLabel ?? answer.Text ?? answer,
diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index 50245d025..6d3777210 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -1,16 +1,18 @@
 <template>
     <!-- Checkbox groups MUST be wrapped in a <fieldset> and <legend> tag -->
-    <div class="form-check ui-checkbox" :class="[hasError ? 'has-error' : '']">
-        <input
-            v-model="value"
-            class="form-check-input"
-            type="checkbox"
-            aria-checked="false"
-            :name="checkboxName"
-            :id="buttonID"
-            :tabindex="tabIndex"
-            :aria-required="isRequired" />
+    <div
+        class="form-check ui-checkbox d-flex align-items-center"
+        :class="[hasError ? 'has-error' : '']">
         <label class="d-flex align-items-start" :for="buttonID">
+            <input
+                v-model="value"
+                class="form-check-input me-2"
+                type="checkbox"
+                aria-checked="false"
+                :name="checkboxName"
+                :id="buttonID"
+                :tabindex="tabIndex"
+                :aria-required="isRequired" />
             <p v-html="checkboxLabelCopy" class="m-0"></p>
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>
diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index e0353829c..67eca497a 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -22,7 +22,7 @@
                         @mousedown="closeModal"
                         aria-label="Close"></button>
                 </div>
-                <div class="modal-body ps-5 pe-5 pb-4 pt-0">
+                <div class="modal-body ps-5 pe-5 pb-4 pt-1">
                     <slot></slot>
                 </div>
                 <div class="modal-footer px-5 py-4">
@@ -179,7 +179,7 @@ export default {
                         }
                     }
                     @include media-breakpoint-up(md) {
-                        overflow: scroll;
+                        overflow: auto;
                         flex: none;
                     }
                 }
@@ -198,10 +198,6 @@ export default {
             button {
                 margin: 0;
             }
-            @include media-breakpoint-up(md) {
-                position: relative;
-                background-color: transparent;
-            }
         }
     }
     &.show .modal-dialog {
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index f8fad8779..11f232135 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -67,7 +67,7 @@
         </div>
         <div v-show="errorMessage" class="row form-test-error">
             <span
-                class="d-inline-flex small my-1"
+                class="d-inline-flex small mt-1"
                 aria-atomic="true"
                 aria-live="polite"
                 :class="[centerErrorMessage ? 'center-error-message' : '']"
diff --git a/src/fmg-components/add-vaps-modal-buttons/add-vaps-modal-buttons.vue b/src/fmg-components/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
index d894f2ee8..05ea8504b 100644
--- a/src/fmg-components/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
+++ b/src/fmg-components/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
@@ -44,13 +44,13 @@ export default {
         showAddRainDefense() {
             // if not found in the cart
             return !this.cartItems.some((vap) => {
-                return vap.partType === "RAIN DEFENSE";
+                return vap?.partType === "RAIN DEFENSE";
             });
         },
         showAddWipers() {
             // if not found in the cart
             return !this.cartItems.some((vap) => {
-                return vap.partType.includes(" WIPER");
+                return vap?.partType?.includes(" WIPER");
             });
         },
         rainDefensePrice() {
@@ -59,7 +59,7 @@ export default {
                 return item.partType === "RAIN DEFENSE";
             });
 
-            const price = lineItem.laborAmount + lineItem.sellingPrice + lineItem.kitPrice;
+            const price = lineItem?.laborAmount + lineItem?.sellingPrice + lineItem?.kitPrice;
             return parseFloat(price).toFixed(2);
         },
         wipersPrice() {
@@ -68,7 +68,7 @@ export default {
                 return item.partType.includes(" WIPER");
             });
             lineItems?.forEach((item) => {
-                price += item.laborAmount + item.sellingPrice + item.kitPrice;
+                price += item?.laborAmount + item?.sellingPrice + item?.kitPrice;
             });
             return parseFloat(price).toFixed(2);
         },
@@ -87,12 +87,13 @@ export default {
             };
 
             if (this.showAddWipers) {
-                const answer = getAnswer("ADD WIPER BLADES", this.answersCmsData);
+                const answer = getAnswer("WipersModal", this.answersCmsData);
                 answer.SubText = "+$" + this.wipersPrice;
                 answers.push(answer);
             }
+
             if (this.showAddRainDefense) {
-                const answer = getAnswer("ADD RAIN DEFENSE", this.answersCmsData);
+                const answer = getAnswer("RainDefenseModal", this.answersCmsData);
                 answer.SubText = "+$" + this.rainDefensePrice;
                 answers.push(answer);
             }
diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 7107e64e8..cca06cbca 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -7,12 +7,14 @@
                 @click="toggleClass()">
                 <div class="col d-flex justify-content-between">
                     <span class="label">Amount Due</span
-                    ><span class="label amount-due">{{ amountDue }}</span>
+                    ><span class="label amount-due">{{ currencyFormatter.format(amountDue) }}</span>
                 </div>
             </div>
             <div class="price-table">
                 <div class="service-type" :class="{ packageWithVAPS: packageWithVAPS }">
-                    <textBlock :cmsWidgetName="packageNameWidget" /><span>{{ packagePrice }}</span>
+                    <textBlock :cmsWidgetName="packageNameWidget" /><span>{{
+                        currencyFormatter.format(packagePrice)
+                    }}</span>
                 </div>
                 <div
                     v-for="(lineItem, i) in displayedPackageLineItems"
@@ -22,7 +24,7 @@
                     <textLink
                         ref="removeLink"
                         linkType="text"
-                        text="showMoreShopsLinkText"
+                        text="removeLinkText"
                         href="#!"
                         @click-event="removeItem(lineItem)" />
                 </div>
@@ -35,7 +37,7 @@
                     <textLink
                         ref="removeLink"
                         linkType="text"
-                        text="showMoreShopsLinkText"
+                        text="removeLinkText"
                         href="#!"
                         @click-event="removeItem(lineItem)" />
                     <span>{{ lineItem.price }}</span>
@@ -45,9 +47,15 @@
                     ><span>{{ recycleFee }}</span>
                 </div>
                 <!-- Sub total, sales tax, total columns -->
-                <div class="sub-total"><span>Subtotal</span><span>$320</span></div>
-                <div class="sales-tax"><span>Sales tax</span><span>$1</span></div>
-                <div class="amount-due"><span>Amount due</span><span>$321</span></div>
+                <div class="sub-total">
+                    <span>Subtotal</span><span>{{ currencyFormatter.format(subTotal) }}</span>
+                </div>
+                <div class="sales-tax">
+                    <span>Sales tax</span><span>{{ currencyFormatter.format(salesTax) }}</span>
+                </div>
+                <div class="amount-due">
+                    <span>Amount due</span><span>{{ currencyFormatter.format(amountDue) }}</span>
+                </div>
             </div>
         </div>
     </div>
@@ -76,28 +84,16 @@ export default {
         return {
             isActive: false,
             packageWithVAPS: false,
-            amountDue: this.getAmountDue(),
+            currencyFormatter: new Intl.NumberFormat("en-US", {
+                style: "currency",
+                currency: "USD",
+            }),
         };
     },
     methods: {
         toggleClass: function (event) {
             this.isActive = !this.isActive;
         },
-        getPackagePriceString(packageName) {
-            const formattedPriceFloat = parseFloat(this.getPackagePrice(packageName)).toFixed(2);
-            return (this.isInsuranceSelected ? "As little as $" : "$") + formattedPriceFloat;
-        },
-        getPackagePrice(packageName) {
-            let priceFloat = this.isInsuranceSelected
-                ? 0
-                : baseMixin.methods.getTierOnePackagePrice(
-                      baseMixin.methods.filterOutFees(this.availableLineItems)
-                  );
-
-            priceFloat += this.getVapsPrice(packageName);
-
-            return priceFloat;
-        },
         getVapsPrice(packageName) {
             const vapsItems = this.getVapsLineItemsForSelectedPackage(packageName);
 
@@ -157,19 +153,24 @@ export default {
                 this.isRepair,
                 this.vaps
             );
+
             return tier;
         },
         packagePrice() {
-            let packagePriceString;
-            if (this.packageLevel.length > 0) {
-                packagePriceString = this.getPackagePriceString(this.packageLevel);
-            }
-            return packagePriceString;
-            // return (packagePriceString.length > 0) ? packagePriceString : "Test String";
+            let packagePrice = this.isInsuranceSelected
+                ? 0
+                : baseMixin.methods.getTierOnePackagePrice(
+                      baseMixin.methods.filterOutFees(this.availableLineItems)
+                  );
+
+            packagePrice += this.getVapsPrice(this.packageLevel);
+
+            return packagePrice;
         },
         displayedPackageLineItems() {
             const displayedPackageLineItems = [];
             const packageLineItems = this.getVapsLineItemsForSelectedPackage(this.packageLevel);
+
             // TODO Determine if we could get the same list from this.lineItems?
             packageLineItems?.forEach((item) => {
                 let price = item.sellingPrice + item.kitPrice + item.laborAmount;
@@ -181,6 +182,7 @@ export default {
                 };
                 displayedPackageLineItems.push(packageLineItem);
             });
+
             return displayedPackageLineItems;
         },
         displayedNonPackageLineItems() {
@@ -229,6 +231,9 @@ export default {
             const supportingItems = this.lineItems?.supportingItems;
             return supportingItems?.length > 0 ? supportingItems : [];
         },
+        removeLinkText() {
+            return "Remove"; // TODO: get from CMS
+        },
         recycleLabel() {
             return "Recycling";
         },
@@ -244,6 +249,29 @@ export default {
             // }
             return true;
         },
+        subTotal() {
+            let subTotal = 0;
+
+            this.lineItems.forEach((lineItem) => {
+                subTotal +=
+                    (lineItem.kitPrice ?? 0) +
+                    (lineItem.laborAmount ?? 0) +
+                    (lineItem.sellingPrice ?? 0);
+            });
+
+            return subTotal;
+        },
+        salesTax() {
+            let salesTax = 0;
+            this.lineItems.forEach((lineItem) => {
+                salesTax += lineItem.salesTax;
+            });
+
+            return salesTax;
+        },
+        amountDue() {
+            return this.subTotal + this.salesTax;
+        },
     },
     components: {
         textBlock,
diff --git a/src/fmg-components/content-group-modal/content-group-modal.vue b/src/fmg-components/content-group-modal/content-group-modal.vue
index d9d9da937..a64d10fa3 100644
--- a/src/fmg-components/content-group-modal/content-group-modal.vue
+++ b/src/fmg-components/content-group-modal/content-group-modal.vue
@@ -12,6 +12,7 @@
             class="my-4 caption modal-sub-body"
             v-if="ModalSubBodyText"
             v-html="ModalSubBodyText"></p>
+        <slot></slot>
     </modal>
 </template>
 
@@ -22,6 +23,10 @@ export default {
     name: "content-group-modal",
     props: {
         cmsWidgetName: String,
+        footerButtonActionName: {
+            type: String,
+            default: null,
+        },
     },
     computed: {
         ModalName() {
@@ -50,10 +55,16 @@ export default {
         openModal() {
             this.$refs[this.ModalName].openModal();
         },
-
-        footerButtonClick() {
+        closeModal() {
             this.$refs[this.ModalName].closeModal();
         },
+        footerButtonClick() {
+            if (this.footerButtonActionName) {
+                this.$emit(this.footerButtonActionName, this.ModalName);
+            } else {
+                this.closeModal();
+            }
+        },
     },
     components: {
         modal,
diff --git a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
index 638094e05..0bacf3f01 100644
--- a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
+++ b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
@@ -7,14 +7,17 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
-                <div class="col-md-6">
+            <div class="row justify-content-center">
+                <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
                         :displayGenericVehicleImage="false" />
 
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
-
+                </div>
+            </div>
+            <div class="row justify-content-center">
+                <div class="col-md-6 col-xl-4">
                     <alert
                         ref="alertFewMoreQuestions"
                         cmsWidgetName="alertWidget"
@@ -25,7 +28,7 @@
                         v-bind:isDismissible="false" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <div v-for="(questionsDatum, i) in questionsData" :key="questionsDatum.key">
                         <questionChain
diff --git a/src/fmg-components/nav-bar/nav-bar.vue b/src/fmg-components/nav-bar/nav-bar.vue
index 9cf918785..aba6897cc 100644
--- a/src/fmg-components/nav-bar/nav-bar.vue
+++ b/src/fmg-components/nav-bar/nav-bar.vue
@@ -16,7 +16,8 @@
                     @click-event="buttonClick"
                     data-bs-target="#footerModal"
                     data-test-id="nav-bar-main-button"
-                    data-bs-dismiss="modal" />
+                    data-bs-dismiss="modal"
+                    v-if="!isSubmitHidden" />
             </div>
             <div v-if="!isBackButtonHidden" class="col-auto link-col py-1 text-break">
                 <textLink
@@ -44,6 +45,7 @@ export default {
         isBackButtonHidden: { type: Boolean, default: false },
         cmsWidgetName: String,
         buttonSize: { type: Boolean, default: false },
+        isSubmitHidden: { type: Boolean, default: false },
     },
     components: {
         textLink,
diff --git a/src/fmg-components/vehicle-banner/vehicle-banner.vue b/src/fmg-components/vehicle-banner/vehicle-banner.vue
index 8bff4e9e2..e88f5b719 100644
--- a/src/fmg-components/vehicle-banner/vehicle-banner.vue
+++ b/src/fmg-components/vehicle-banner/vehicle-banner.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="vehicle_banner mb-3 text-center">
+    <div class="vehicle_banner mb-4 text-center">
         <img class="vehicle-image img-fluid" :src="vehicleImageToDisplay" alt="" />
     </div>
 </template>
diff --git a/src/helpers/date-helper.js b/src/helpers/date-helper.js
index d42ad326f..756863765 100644
--- a/src/helpers/date-helper.js
+++ b/src/helpers/date-helper.js
@@ -7,22 +7,6 @@ export function getDateDifferenceInDays(startDate, endDate) {
     // Convert milliseconds to days and return the result
     return difference / (1000 * 3600 * 24);
 }
-export function getFullDayName(date) {
-    // Use a ternary operator to check if the input is a valid date object
-    return date instanceof Date
-        ? // Use the built-in method toLocaleDateString() to get the full day name in the current locale
-          date.toLocaleDateString(undefined, { weekday: "long" })
-        : // Return undefined if the input is not a valid date object
-          undefined;
-}
-export function getFullMonthName(date) {
-    // Use a ternary operator to check if the input is a valid date object
-    return date instanceof Date
-        ? // Use the built-in method toLocaleDateString() to get the full month name in the current locale
-          date.toLocaleDateString(undefined, { month: "long" })
-        : // Return undefined if the input is not a valid date object
-          undefined;
-}
 export function get12HourTimeFormat(time) {
     // Check correct time format and split into components
     time = time.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)?$/) || [time];
@@ -112,7 +96,7 @@ export function shortTimeString(date) {
     // Use a ternary operator to check if the input is a valid date object
     return date instanceof Date
         ? // Use the built-in method toLocaleTimeString() to get the short time string in the current locale
-          date.toLocaleTimeString(undefined, { hour: "numeric", minute: "numeric", hour12: true })
+          date.toLocaleTimeString("en-us", { hour: "numeric", minute: "numeric", hour12: true })
         : // Return undefined if the input is not a valid date object
           undefined;
 }
diff --git a/src/helpers/date-helper.spec.js b/src/helpers/date-helper.spec.js
index 257c423e5..a61af9977 100644
--- a/src/helpers/date-helper.spec.js
+++ b/src/helpers/date-helper.spec.js
@@ -1,6 +1,4 @@
 import {
-    getFullDayName,
-    getFullMonthName,
     get12HourTimeFormat,
     get12HourTimeMobileFormat,
     getDateFormat,
@@ -52,33 +50,17 @@ describe("date-helper.js", () => {
         }
     });
 
-    // it("getFullMonthName should return full month format.", () => {
-    //     // Arrange / Act
-    //     const date = new Date("2023-10-01");
-    //     const monthName = getFullMonthName(date);
+    it("getDateFormat should return date in the given format.", () => {
+        // Arrange / Act
+        const dateString = "2023-10-01";
+        const dateParts = dateString.split("-");
+        const date = new Date(dateParts[0], parseInt(dateParts[1]) - 1, dateParts[2]);
+        const format = "yyyy-MM-dd";
+        const formattedDate = getDateFormat(date, format);
 
-    //     // Assert
-    //     expect(monthName).toEqual("October");
-    // });
-
-    // it("getFullDayName should return full Day Name format.", () => {
-    //     // Arrange / Act
-    //     const date = new Date("2023-10-01");
-    //     const dayName = getFullDayName(date);
-
-    //     // Assert
-    //     expect(dayName).toEqual("Sunday");
-    // });
-
-    // it("getDateFormat should return date in the given format.", () => {
-    //     // Arrange / Act
-    //     const date = new Date("2023-10-01");
-    //     const format = "yyyy-MM-dd";
-    //     const formattedDate = getDateFormat(date, format);
-
-    //     // Assert
-    //     expect(formattedDate).toEqual("2023-10-01");
-    // });
+        // Assert
+        expect(formattedDate).toEqual("2023-10-01");
+    });
 
     it("should return the correct difference in days", function () {
         // Define some sample dates and their expected differences
diff --git a/src/helpers/service-package-helper.js b/src/helpers/service-package-helper.js
index 089e2e596..cab883cc6 100644
--- a/src/helpers/service-package-helper.js
+++ b/src/helpers/service-package-helper.js
@@ -39,12 +39,14 @@ export function getAvailablePackages(glassToReplace, availableLineItems, isRepai
         isRepair,
         packageNames.TIER_ONE
     );
+
     let tierTwoVaps = getPackageContents(
         glassToReplace,
         availableLineItems,
         isRepair,
         packageNames.TIER_TWO
     );
+
     let tierThreeVaps = getPackageContents(
         glassToReplace,
         availableLineItems,
@@ -87,9 +89,11 @@ export function getPackageContents(glassToReplace, availableLineItems, isRepair,
     if (shouldFrontWipersBeAvailable(glassToReplace, availableLineItems, isRepair, targetTier)) {
         vaps.push(partTypeStrings.FRONT_WIPER);
     }
+
     if (shouldRearWipersBeAvailable(glassToReplace, availableLineItems, isRepair, targetTier)) {
         vaps.push(partTypeStrings.REAR_WIPER);
     }
+
     if (shouldRainDefenseBeAvailable(glassToReplace, availableLineItems, isRepair, targetTier)) {
         vaps.push(partTypeStrings.RAIN_DEFENSE);
     }
@@ -107,6 +111,7 @@ export function shouldFrontWipersBeAvailable(
         partTypeStrings.FRONT_WIPER,
         availableLineItems
     );
+
     const isFrontWindshieldTask =
         isRepair || containsGlassPieceWithLocation(glassLocations.WINDSHIELD, glassToReplace);
 
diff --git a/src/layouts/add-to-calendar/add-to-calendar.spec.js b/src/layouts/add-to-calendar/add-to-calendar.spec.js
deleted file mode 100644
index 1e3e5ae4e..000000000
--- a/src/layouts/add-to-calendar/add-to-calendar.spec.js
+++ /dev/null
@@ -1,250 +0,0 @@
-// Components
-import addToCalendar from "@/layouts/add-to-calendar/add-to-calendar.vue";
-import { calendarOptions } from "@/constants/calendar-options";
-import { AppointmentTypeStrings, RouteCodeFlags } from "@/constants/schedule-constants";
-
-// Supporting Files
-import { shallowMount } from "@vue/test-utils";
-import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import store from "@/store";
-
-beforeEach(() => {
-    jest.restoreAllMocks();
-    jest.clearAllMocks();
-    store.getters = {
-        order: {
-            schedule: {
-                date: "2019-01-01",
-                startTime: "09:00",
-                endTime: "10:00",
-                routeCode: "000",
-            },
-            lineItems: {
-                glassParts: [
-                    {
-                        partNumber: "ABC123",
-                    },
-                ],
-                supportingItems: [],
-            },
-            serviceLocation: {
-                address: "",
-                address2: null,
-                city: "",
-                state: "AZ",
-                appointmentType: "Inshop",
-                zipCode: "12345",
-                zipCodeCtu: "01234",
-                provider: {
-                    providerNumber: "123",
-                    address: {
-                        streetAddress: "test1",
-                        city: "test",
-                        state: "AZ",
-                        zipCode: "12345",
-                        zipCodeCtu: "01234",
-                    },
-                },
-            },
-            damage: {
-                isRepair: false,
-            },
-            referralNumber: "1234567",
-        },
-        payment: {
-            isInsurance: true,
-        },
-        lineItems: {
-            glassParts: [],
-            supportingItems: [],
-        },
-    };
-});
-afterEach(() => {
-    store.getters = {};
-    jest.restoreAllMocks();
-    jest.clearAllMocks();
-});
-
-describe("Add-to-calendar methods...", () => {
-    test("Add-to-calendar should trigger openModal method", () => {
-        //Arrange
-        const { wrapper } = setupMocks({});
-
-        //Act
-        wrapper.vm.openCalendarModal();
-
-        //Assert
-        expect(wrapper.vm.$refs.calendarModalQuestion.openModal).toBeCalled();
-    });
-    test("serviceType should return 'replacement and recalibration' when isRepair and funnelHasRecalibrationPart true.", () => {
-        //Arrange
-        store.getters.order.damage.isRepair = true;
-        store.getters.funnelHasRecalibrationPart = true;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.serviceType();
-
-        //Assert
-        expect(testValue).toEqual("replacement and recalibration");
-    });
-    test("serviceType should return 'replacement' when isRepair is true and funnelHasRecalibrationPart is false.", () => {
-        //Arrange
-        store.getters.order.damage.isRepair = true;
-        store.getters.funnelHasRecalibrationPart = false;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.serviceType();
-
-        //Assert
-        expect(testValue).toEqual("replacement");
-    });
-    test("serviceType should return 'repair' when isRepair is false.", () => {
-        //Arrange
-        store.getters.order.damage.isRepair = false;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.serviceType();
-
-        //Assert
-        expect(testValue).toEqual("repair");
-    });
-    test("getCalendarData should return expected model value.", () => {
-        //Arrange
-        const type = calendarOptions.OUTLOOKCOM;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getCalendarData(type);
-
-        //Assert
-        expect(testValue.name).toEqual(calendarOptions.OUTLOOKCOM);
-    });
-    test("getappointmentData should return expected model value for appointmentType mobile.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.MOBILE;
-        store.getters.order.damage.isRepair = true;
-        store.getters.funnelHasRecalibrationPart = true;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Safelite replacement and recalibration appointment");
-    });
-    test("getappointmentData should return expected model value for appointmentType DROP_OFF and OVERNIGHT_DROP_OFF.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.DROP_OFF;
-        store.getters.order.schedule.routeCode = RouteCodeFlags.OVERNIGHT_DROP_OFF;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Drop off your vehicle by 5:30 PM");
-    });
-    test("getappointmentData should return expected model value for appointmentType DROP_OFF and ALL_DAY_DROP_OFF and isSameDayDropOff.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.DROP_OFF;
-        store.getters.order.schedule.routeCode = RouteCodeFlags.ALL_DAY_DROP_OFF;
-        store.getters.order.schedule.date = new Date().toISOString().split("T")[0];
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Drop off your vehicle in the next 30 - 60 minutes");
-    });
-    test("getappointmentData should return expected model value for appointmentType DROP_OFF and ALL_DAY_DROP_OFF.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.DROP_OFF;
-        store.getters.order.schedule.routeCode = RouteCodeFlags.ALL_DAY_DROP_OFF;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Drop off your vehicle between 9:00 AM - 11:00 AM");
-    });
-    test("getappointmentData should return expected model value for appointmentType DROP_OFF.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.DROP_OFF;
-        store.getters.order.damage.isRepair = false;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Safelite repair appointment");
-    });
-    test("getappointmentData should return expected model value for appointmentType IN_SHOP.", () => {
-        //Arrange
-        store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.IN_SHOP;
-        store.getters.order.damage.isRepair = false;
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.getappointmentData();
-
-        //Assert
-        expect(testValue.Subject).toEqual("Safelite repair appointment");
-    });
-    test("isSameDayDropOff should return true for current schedule date.", () => {
-        //Arrange
-        store.getters.order.schedule.date = new Date().toISOString().split("T")[0];
-        const { wrapper } = setupMocks({});
-
-        //Act
-        const testValue = wrapper.vm.isSameDayDropOff();
-
-        //Assert
-        expect(testValue).toEqual(true);
-    });
-    test("setCalendarAppointment should call getAppointment method for iCAL and Outlook.", () => {
-        //Arrange
-        const newValue = { name: calendarOptions.OUTLOOK };
-        const { wrapper } = setupMocks({});
-        wrapper.vm.getAppointment = jest.fn();
-        //Act
-        wrapper.vm.setCalendarAppointment(newValue);
-
-        //Assert
-        expect(wrapper.vm.getAppointment).toHaveBeenCalled();
-    });
-    test("setCalendarAppointment should call window.open for Google, yahoo and Outlook.com.", () => {
-        //Arrange
-        const newValue = { name: calendarOptions.GOOGLE };
-        const { wrapper } = setupMocks({});
-        window.open = jest.fn();
-
-        //Act
-        wrapper.vm.setCalendarAppointment(newValue);
-
-        //Assert
-        expect(window.open).toHaveBeenCalledTimes(1);
-    });
-});
-
-function setupMocks({ customMountOptions }) {
-    const mountOptions = getMountOptions({
-        ...customMountOptions,
-    });
-
-    const wrapper = shallowMount(addToCalendar, mountOptions);
-
-    //wrapper.vm.setCmsContent = jest.fn();
-    //wrapper.vm.$refs.datePicker.initializeComponent = jest.fn();
-    //wrapper.vm.$refs.locationAlerts.initializeComponent = jest.fn();
-    //wrapper.vm.$refs.funnelFooter.updateButtonText = jest.fn();
-    wrapper.vm.$refs.calendarModalQuestion.openModal = jest.fn();
-
-    return { wrapper };
-}
diff --git a/src/layouts/add-to-calendar/add-to-calendar.vue b/src/layouts/add-to-calendar/add-to-calendar.vue
deleted file mode 100644
index b0306b5d0..000000000
--- a/src/layouts/add-to-calendar/add-to-calendar.vue
+++ /dev/null
@@ -1,300 +0,0 @@
-<template>
-    <div class="calendar-section">
-        <div class="add-to-calendar">
-            <button v-on:click="openCalendarModal">
-                <span class="add-to-calendar-span">
-                    <img src="@/assets/img/icons/add-to-calendar.svg" class="add-to-calendar-img" />
-                    <span class="add-to-calendar-text">Add to calendar</span></span
-                >
-            </button>
-        </div>
-        <calendarModalQuestion
-            ref="calendarModalQuestion"
-            customComponentId="calendarModalQuestion"
-            cmsWidgetName="CalendarModalQuestion"
-            @calendar-modal-closed="calendarModalClosed"
-            :calendarOptionsData="calendarValues"
-            v-model="selectedCalendarOption">
-        </calendarModalQuestion>
-    </div>
-</template>
-<script>
-import { calendarOptions } from "@/constants/calendar-options";
-import { calendarStatus } from "@/constants/calendar-status";
-import calendarModalQuestion from "@/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question";
-import {
-    getDateFormat,
-    calculateDuration,
-    combineDateAndTime,
-    shortTimeString,
-    addMinutes,
-} from "@/helpers/date-helper";
-import { getCalendarFile, download } from "@/helpers/add-to-calendar-helper";
-import { AppointmentTypeStrings, RouteCodeFlags } from "@/constants/schedule-constants";
-import store from "@/store";
-
-export default {
-    name: "add-to-calendar",
-    components: {
-        calendarModalQuestion,
-    },
-    data() {
-        return {
-            appointment: this.getappointmentData(),
-            selectedCalendarOption: null,
-        };
-    },
-    computed: {
-        calendarValues: {
-            get: function () {
-                var obj = [];
-                const options = Object.values(calendarOptions);
-                for (var i = 0; i < options.length; i++) {
-                    obj[i] = this.getCalendarData(options[i]);
-                }
-                return obj;
-            },
-        },
-    },
-    watch: {
-        selectedCalendarOption(newValue) {
-            if (newValue) {
-                this.setCalendarAppointment(newValue);
-            }
-        },
-    },
-
-    methods: {
-        setCalendarAppointment(calendarOption) {
-            if (
-                calendarOption.name.includes(calendarOptions.ICAL) ||
-                calendarOption.name.includes(calendarOptions.OUTLOOK)
-            ) {
-                this.getAppointment();
-            } else {
-                window.open(calendarOption.url);
-            }
-        },
-        calendarModalClosed() {
-            // Clear the selectedOption if close the modal
-            this.selectedCalendarOption = null;
-        },
-        openCalendarModal() {
-            this.$refs["calendarModalQuestion"].openModal();
-        },
-        scheduleDate() {
-            return store.getters.order.schedule.date;
-        },
-        scheduleStartTime() {
-            return store.getters.order.schedule.startTime;
-        },
-        scheduleEndTime() {
-            return store.getters.order.schedule.endTime;
-        },
-        serviceLocationAddress() {
-            return store.getters.order.serviceLocation.address;
-        },
-        ServiceLocationAddress2() {
-            return store.getters.order.serviceLocation.address2;
-        },
-        serviceLocationCity() {
-            return store.getters.order.serviceLocation.city;
-        },
-        serviceLocationState() {
-            return store.getters.order.serviceLocation.state;
-        },
-        serviceLocationZipCode() {
-            return store.getters.order.serviceLocation.zipCode;
-        },
-        providerAddress() {
-            return store.getters.order.serviceLocation.provider.address.streetAddress;
-        },
-        providerCity() {
-            return store.getters.order.serviceLocation.provider.address.city;
-        },
-        providerState() {
-            return store.getters.order.serviceLocation.provider.address.state;
-        },
-        providerZipCode() {
-            return store.getters.order.serviceLocation.provider.address.zipCode;
-        },
-        appointmentType() {
-            return store.getters.order.serviceLocation.appointmentType;
-        },
-        uniqueId() {
-            return store.getters.order.referralNumber?.toString();
-        },
-        serviceType() {
-            const isRepair = store.getters.order.damage.isRepair;
-            const funnelHasRecalibrationPart = store.getters.funnelHasRecalibrationPart;
-            if (isRepair) {
-                if (funnelHasRecalibrationPart) {
-                    return "replacement and recalibration";
-                } else {
-                    return "replacement";
-                }
-            }
-            return "repair";
-        },
-        routeCode() {
-            return store.getters.order.schedule.routeCode;
-        },
-        isSameDayDropOff() {
-            const todaysDate = new Date().toISOString().split("T")[0];
-            return this.scheduleDate() === todaysDate;
-        },
-        getCalendarData(type) {
-            var URL = "";
-            const dateFormat = "yyyyMMddTHHmmss";
-            const outlookComTimeSpanFormat = "yyyy-MM-ddTHH:mm:ss";
-            if (type == calendarOptions.OUTLOOKCOM) {
-                URL = `https://outlook.office.com/calendar/deeplink/compose?path=/calendar/action/compose&rru=addevent&startdt=${encodeURIComponent(
-                    getDateFormat(this.appointment.StartDate, outlookComTimeSpanFormat)
-                )}&enddt=${encodeURIComponent(
-                    getDateFormat(this.appointment.EndDate, outlookComTimeSpanFormat)
-                )}&subject=${encodeURIComponent(
-                    this.appointment.Subject
-                )}&body=${encodeURIComponent(this.appointment.Body)}&location=${encodeURIComponent(
-                    this.appointment.Location
-                )}`;
-            }
-            if (type == calendarOptions.GOOGLE) {
-                URL = `https://www.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent(
-                    this.appointment.Subject
-                )}&dates=${encodeURIComponent(
-                    getDateFormat(this.appointment.StartDate, dateFormat)
-                )}/${encodeURIComponent(
-                    getDateFormat(this.appointment.EndDate, dateFormat)
-                )}&details=${encodeURIComponent(
-                    this.appointment.Body
-                )}&location=${encodeURIComponent(this.appointment.Location)}&sf=true&output=xml`;
-            }
-            if (type == calendarOptions.YAHOO) {
-                URL = `https://calendar.yahoo.com/?v=60&TITLE=${encodeURIComponent(
-                    this.appointment.Subject
-                )}&DESC=${encodeURIComponent(this.appointment.Body)}&ST=${encodeURIComponent(
-                    getDateFormat(this.appointment.StartDate, dateFormat)
-                )}&DUR=${this.appointment.Duration}&in_loc=${encodeURIComponent(
-                    this.appointment.Location
-                )}`;
-            }
-            return {
-                url: URL,
-                name: type,
-                icon: require(`@/assets/img/icons/${type}.svg`),
-            };
-        },
-        getappointmentData() {
-            var subject = "";
-            var location = "";
-            var startDateTime = combineDateAndTime(this.scheduleDate(), this.scheduleStartTime());
-            var endDateTime = combineDateAndTime(this.scheduleDate(), this.scheduleEndTime());
-            var body = "";
-            var isHTML = false;
-            var duration = "";
-
-            if (this.appointmentType() === AppointmentTypeStrings.MOBILE) {
-                location = `${
-                    this.ServiceLocationAddress2() ? this.ServiceLocationAddress2() + ", " : ""
-                }${this.serviceLocationAddress()}, ${this.serviceLocationCity()}, ${this.serviceLocationState()} ${this.serviceLocationZipCode()}`;
-                subject = `Safelite ${this.serviceType()} appointment`;
-
-                body =
-                    "Your safety is our top priority, so we'll let you know who's coming to you and your tech will reach out to let you know when they're on the way.";
-            } else {
-                location = `${this.providerAddress()}, ${this.providerCity()}, ${this.providerState()} ${this.providerZipCode()}`;
-                if (this.appointmentType() === AppointmentTypeStrings.DROP_OFF) {
-                    if (this.routeCode().includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
-                        subject = "Drop off your vehicle by 5:30 PM";
-
-                        body =
-                            "Drop off your vehicle by 5:30 PM the night of your scheduled appointment. The shop will work with you on a convenient pick-up time.";
-                    } else if (this.routeCode().includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
-                        if (this.isSameDayDropOff()) {
-                            subject = "Drop off your vehicle in the next 30 - 60 minutes";
-                            endDateTime = addMinutes(startDateTime, 120);
-                            body =
-                                "Drop your vehicle off in the next 30 - 60 minutes. We'll work your vehicle into our day's schedule. The shop will work with you on a convenient pick-up time.";
-                        } else {
-                            endDateTime = addMinutes(startDateTime, 120);
-                            subject =
-                                "Drop off your vehicle between " +
-                                shortTimeString(startDateTime) +
-                                " - " +
-                                shortTimeString(endDateTime);
-
-                            body = `Drop off your vehicle by ${shortTimeString(
-                                endDateTime
-                            )} and pick it up later in the day. When you arrive, park in an open space and follow the key drop instructions. We'll text you when your vehicle is ready.`;
-                        }
-                    } //normal time slot
-                    else {
-                        subject = `Safelite ${this.serviceType()} appointment`;
-                        body = "Just a reminder that you're coming to us at " + location + ".";
-                    }
-                } else {
-                    subject = `Safelite ${this.serviceType()} appointment`;
-                    body = "Just a reminder that you're coming to us at " + location + ".";
-                }
-                duration = calculateDuration(startDateTime, endDateTime);
-            }
-            return {
-                Subject: subject,
-                Location: location,
-                StartDate: startDateTime,
-                EndDate: endDateTime,
-                RefrrlSeqNum: this.uniqueId(),
-                Body: body,
-                IsHTML: isHTML,
-                Duration: duration,
-            };
-        },
-
-        getAppointment() {
-            let body = this.appointment.Body;
-            body = body.replace("|", "<").replace("~", ">");
-
-            const calFile = {
-                Location: this.appointment.Location,
-                Body: body,
-                IsHTML: this.appointment.IsHTML,
-                UniqueId: this.appointment.RefrrlSeqNum,
-                Subject: this.appointment.Subject,
-                StartDate: this.appointment.StartDate,
-                EndDate: this.appointment.EndDate,
-                Status: calendarStatus.BUSY,
-            };
-            var calBody = getCalendarFile(calFile);
-            download("SafeliteAppointment.ics", calBody);
-        },
-    },
-};
-</script>
-<style scoped>
-.add-to-calendar-text {
-    margin: 0 0 0 7px;
-    color: #1574a1;
-    vertical-align: middle;
-    font-weight: 500;
-    font-family: "Roboto";
-}
-.add-to-calendar button {
-    border: 0;
-    background-color: #fff;
-}
-.calendar-section {
-    display: table;
-    position: relative;
-    margin: 0 auto;
-}
-.calendar-section .add-to-calendar {
-    padding-top: 15px;
-}
-.calendar-section .add-to-calendar .add-to-calendar-span {
-    cursor: pointer;
-}
-.calendar-section .add-to-calendar .add-to-calendar-img {
-    display: inline;
-    width: 20px;
-}
-</style>
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 08833dc2c..de0e8d5aa 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -11,7 +11,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index eb6a6eccd..88d182980 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -6,7 +6,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
diff --git a/src/layouts/confirmation/add-to-calendar/add-to-calendar.spec.js b/src/layouts/confirmation/add-to-calendar/add-to-calendar.spec.js
new file mode 100644
index 000000000..c55b170cd
--- /dev/null
+++ b/src/layouts/confirmation/add-to-calendar/add-to-calendar.spec.js
@@ -0,0 +1,196 @@
+// Components
+import addToCalendar from "@/layouts/confirmation/add-to-calendar/add-to-calendar.vue";
+import { calendarOptions } from "@/constants/calendar-options";
+import { AppointmentTypeStrings, RouteCodeFlags } from "@/constants/schedule-constants";
+
+// Supporting Files
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import store from "@/store";
+
+beforeEach(() => {
+    jest.restoreAllMocks();
+    jest.clearAllMocks();
+    store.getters = {
+        order: {
+            schedule: {
+                date: "2019-01-01",
+                startTime: "09:00",
+                endTime: "10:00",
+                routeCode: "000",
+            },
+            lineItems: {
+                glassParts: [
+                    {
+                        partNumber: "ABC123",
+                    },
+                ],
+                supportingItems: [],
+            },
+            serviceLocation: {
+                address: "",
+                address2: null,
+                city: "",
+                state: "AZ",
+                appointmentType: "Inshop",
+                zipCode: "12345",
+                zipCodeCtu: "01234",
+                provider: {
+                    providerNumber: "123",
+                    address: {
+                        streetAddress: "test1",
+                        city: "test",
+                        state: "AZ",
+                        zipCode: "12345",
+                        zipCodeCtu: "01234",
+                    },
+                },
+            },
+            damage: {
+                isRepair: false,
+            },
+            referralNumber: "1234567",
+        },
+        payment: {
+            isInsurance: true,
+        },
+        lineItems: {
+            glassParts: [],
+            supportingItems: [],
+        },
+    };
+});
+afterEach(() => {
+    store.getters = {};
+    jest.restoreAllMocks();
+    jest.clearAllMocks();
+});
+
+describe("Add-to-calendar methods...", () => {
+    test("Add-to-calendar should trigger openModal method", () => {
+        //Arrange
+
+        const { wrapper } = setupMocks({
+            customMountOptions: {
+                propsData: {
+                    appointment: {
+                        RefrrlSeqNum: "123456",
+                        StartDate: new Date(2023, 9, 11, 12, 0, 0),
+                        EndDate: new Date(2023, 9, 11, 13, 0, 0),
+                        Subject: "Meeting with John",
+                        Location: "Conference Room",
+                        Body: "Discuss the project progress",
+                        IsHTML: true,
+                        Duration: "1220",
+                    },
+                },
+            },
+        });
+
+        //Act
+        wrapper.vm.openCalendarModal();
+
+        //Assert
+        expect(wrapper.vm.$refs.calendarModalQuestion.openModal).toBeCalled();
+    });
+
+    test("getCalendarData should return expected model value.", () => {
+        //Arrange
+        const type = calendarOptions.OUTLOOKCOM;
+        const { wrapper } = setupMocks({
+            customMountOptions: {
+                propsData: {
+                    appointment: {
+                        RefrrlSeqNum: "123456",
+                        StartDate: new Date(2023, 9, 11, 12, 0, 0),
+                        EndDate: new Date(2023, 9, 11, 13, 0, 0),
+                        Subject: "Meeting with John",
+                        Location: "Conference Room",
+                        Body: "Discuss the project progress",
+                        IsHTML: true,
+                        Duration: "1220",
+                    },
+                },
+            },
+        });
+
+        //Act
+        const testValue = wrapper.vm.getCalendarData(type);
+
+        //Assert
+        expect(testValue.name).toEqual(calendarOptions.OUTLOOKCOM);
+    });
+
+    test("setCalendarAppointment should call getAppointment method for iCAL and Outlook.", () => {
+        //Arrange
+        const newValue = { name: calendarOptions.OUTLOOK };
+        const { wrapper } = setupMocks({
+            customMountOptions: {
+                propsData: {
+                    appointment: {
+                        RefrrlSeqNum: "123456",
+                        StartDate: new Date(2023, 9, 11, 12, 0, 0),
+                        EndDate: new Date(2023, 9, 11, 13, 0, 0),
+                        Subject: "Meeting with John",
+                        Location: "Conference Room",
+                        Body: "Discuss the project progress",
+                        IsHTML: true,
+                        Duration: "1220",
+                    },
+                },
+            },
+        });
+        wrapper.vm.getAppointment = jest.fn();
+        //Act
+        wrapper.vm.setCalendarAppointment(newValue);
+
+        //Assert
+        expect(wrapper.vm.getAppointment).toHaveBeenCalled();
+    });
+    test("setCalendarAppointment should call window.open for Google, yahoo and Outlook.com.", () => {
+        //Arrange
+        const newValue = { name: calendarOptions.GOOGLE };
+        const { wrapper } = setupMocks({
+            customMountOptions: {
+                propsData: {
+                    appointment: {
+                        RefrrlSeqNum: "123456",
+                        StartDate: new Date(2023, 9, 11, 12, 0, 0),
+                        EndDate: new Date(2023, 9, 11, 13, 0, 0),
+                        Subject: "Meeting with John",
+                        Location: "Conference Room",
+                        Body: "Discuss the project progress",
+                        IsHTML: true,
+                        Duration: "1220",
+                    },
+                },
+            },
+        });
+        window.open = jest.fn();
+
+        //Act
+        wrapper.vm.setCalendarAppointment(newValue);
+
+        //Assert
+        expect(window.open).toHaveBeenCalledTimes(1);
+    });
+});
+
+var appointmentText = "Appointment content";
+function setupMocks({ customMountOptions }) {
+    const mountOptions = getMountOptions({
+        ...customMountOptions,
+    });
+    mountOptions.mixins = [
+        {
+            methods: {
+                getCmsContent: jest.fn().mockImplementation(() => {
+                    return appointmentText;
+                }),
+            },
+        },
+    ];
+    const wrapper = shallowMount(addToCalendar, mountOptions);
+    wrapper.vm.$refs.calendarModalQuestion.openModal = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue b/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue
new file mode 100644
index 000000000..24427b2d5
--- /dev/null
+++ b/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue
@@ -0,0 +1,314 @@
+<template>
+    <div class="calendar-section">
+        <div class="add-to-calendar">
+            <button v-on:click="openCalendarModal">
+                <span class="add-to-calendar-span">
+                    <img src="@/assets/img/icons/add-to-calendar.svg" class="add-to-calendar-img" />
+                    <span class="add-to-calendar-text">Add to calendar</span></span
+                >
+            </button>
+        </div>
+        <calendarModalQuestion
+            ref="calendarModalQuestion"
+            customComponentId="calendarModalQuestion"
+            cmsWidgetName="CalendarModalQuestion"
+            @calendar-modal-closed="calendarModalClosed"
+            :calendarOptionsData="calendarValues"
+            v-model="selectedCalendarOption">
+        </calendarModalQuestion>
+    </div>
+</template>
+<script>
+import { calendarOptions } from "@/constants/calendar-options";
+import { calendarStatus } from "@/constants/calendar-status";
+import calendarModalQuestion from "@/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question";
+import { getDateFormat } from "@/helpers/date-helper";
+import { AppointmentTypeStrings, RouteCodeFlags } from "@/constants/schedule-constants";
+import { getCalendarFile, download } from "@/helpers/add-to-calendar-helper";
+import {
+    calculateDuration,
+    combineDateAndTime,
+    shortTimeString,
+    addMinutes,
+} from "@/helpers/date-helper";
+import store from "@/store";
+import { serviceType } from "@/constants/service-type";
+import { applicationConfig } from "@/constants/application-config.js";
+export default {
+    name: "add-to-calendar",
+    components: {
+        calendarModalQuestion,
+    },
+    props: {
+        mobileWidgetName: String,
+        inShopWidgetName: String,
+        dropOffWidgetName: String,
+        overnightDropOffWidgetName: String,
+        allDayDropOffWidgetName: String,
+        sameDayDropOffWidgetName: String,
+        serviceLocationFullAddress: String,
+        providerFullAddress: String,
+        appointmentType: String,
+        scheduleDate: String,
+        scheduleStartTime: String,
+        scheduleEndTime: String,
+    },
+    data() {
+        return {
+            selectedCalendarOption: null,
+        };
+    },
+    computed: {
+        calendarValues: {
+            get: function () {
+                var obj = [];
+                const options = Object.values(calendarOptions);
+                for (var i = 0; i < options.length; i++) {
+                    obj[i] = this.getCalendarData(options[i]);
+                }
+                return obj;
+            },
+        },
+        IsSameDayDropOff() {
+            const todaysDate = new Date().toISOString().split("T")[0];
+            return this.scheduleDate === todaysDate;
+        },
+        AddToCalendar_Mobile_Subject() {
+            return this.getCmsContent(this.mobileWidgetName, "HeaderText");
+        },
+        AddToCalendar_Mobile_Body() {
+            return this.getCmsContent(this.mobileWidgetName, "BodyText");
+        },
+        AddToCalendar_InShop_Subject() {
+            return this.getCmsContent(this.inShopWidgetName, "HeaderText");
+        },
+        AddToCalendar_InShop_Body() {
+            return this.getCmsContent(this.inShopWidgetName, "BodyText");
+        },
+        AddToCalendar_DropOff_Subject() {
+            return this.getCmsContent(this.dropOffWidgetName, "HeaderText");
+        },
+        AddToCalendar_DropOff_Body() {
+            return this.getCmsContent(this.dropOffWidgetName, "BodyText");
+        },
+        AddToCalendar_OvernightDropOff_Subject() {
+            return this.getCmsContent(this.overnightDropOffWidgetName, "HeaderText");
+        },
+        AddToCalendar_OvernightDropOff_Body() {
+            return this.getCmsContent(this.overnightDropOffWidgetName, "BodyText");
+        },
+        AddToCalendar_AllDayDropOff_Subject() {
+            return this.getCmsContent(this.allDayDropOffWidgetName, "HeaderText");
+        },
+        AddToCalendar_AllDayDropOff_Body() {
+            return this.getCmsContent(this.allDayDropOffWidgetName, "BodyText");
+        },
+        AddToCalendar_SameDayDropOff_Subject() {
+            return this.getCmsContent(this.sameDayDropOffWidgetName, "HeaderText");
+        },
+        AddToCalendar_SameDayDropOff_Body() {
+            return this.getCmsContent(this.sameDayDropOffWidgetName, "BodyText");
+        },
+        UniqueId() {
+            return store.getters.order.referralNumber?.toString();
+        },
+        ServiceType() {
+            const isRepair = store.getters.order.damage.isRepair;
+            const funnelHasRecalibrationPart = store.getters.funnelHasRecalibrationPart;
+            if (!isRepair) {
+                if (funnelHasRecalibrationPart) {
+                    return serviceType.REPLACEMENT_AND_RECALIBRATION;
+                } else {
+                    return serviceType.REPLACEMENT;
+                }
+            }
+            return serviceType.REPAIR;
+        },
+        RouteCode() {
+            return store.getters.order.schedule.routeCode;
+        },
+        Appointment() {
+            var subject = "";
+            var location = "";
+            var startDateTime = combineDateAndTime(this.scheduleDate, this.scheduleStartTime);
+            var endDateTime = combineDateAndTime(this.scheduleDate, this.scheduleEndTime);
+            var body = "";
+            var isHTML = false;
+            var duration = "";
+
+            if (this.appointmentType === AppointmentTypeStrings.MOBILE) {
+                location = this.serviceLocationFullAddress?.replace("<br/>", "");
+                subject = this.AddToCalendar_Mobile_Subject?.replace(
+                    "{custom:SERVICETYPE}",
+                    this.ServiceType
+                );
+                body = this.AddToCalendar_Mobile_Body;
+            } else {
+                location = this.providerFullAddress?.replace("<br/>", "");
+                if (this.appointmentType === AppointmentTypeStrings.DROP_OFF) {
+                    if (this.RouteCode.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
+                        subject = this.AddToCalendar_OvernightDropOff_Subject;
+                        body = this.AddToCalendar_OvernightDropOff_Body;
+                    } else if (this.RouteCode.includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
+                        if (this.IsSameDayDropOff) {
+                            subject = this.AddToCalendar_SameDayDropOff_Subject;
+                            endDateTime = addMinutes(startDateTime, 120);
+                            body = this.AddToCalendar_SameDayDropOff_Body;
+                        } else {
+                            endDateTime = addMinutes(startDateTime, 120);
+                            subject = this.AddToCalendar_AllDayDropOff_Subject?.replace(
+                                "{custom:STARTDATETIME}",
+                                shortTimeString(startDateTime)
+                            ).replace("{custom:ENDDATETIME}", shortTimeString(endDateTime));
+                            body = this.AddToCalendar_AllDayDropOff_Body?.replace(
+                                "{custom:ENDDATETIME}",
+                                shortTimeString(endDateTime)
+                            );
+                        }
+                    } //normal time slot
+                    else {
+                        subject = this.AddToCalendar_DropOff_Subject?.replace(
+                            "{custom:SERVICETYPE}",
+                            this.ServiceType
+                        );
+                        body = this.AddToCalendar_DropOff_Body?.replace(
+                            "{custom:ADDRESS}",
+                            location
+                        );
+                    }
+                } else {
+                    subject = this.AddToCalendar_InShop_Subject?.replace(
+                        "{custom:SERVICETYPE}",
+                        this.ServiceType
+                    );
+                    body = this.AddToCalendar_InShop_Body?.replace("{custom:ADDRESS}", location);
+                }
+                duration = calculateDuration(startDateTime, endDateTime);
+            }
+            return {
+                Subject: subject,
+                Location: location,
+                StartDate: startDateTime,
+                EndDate: endDateTime,
+                RefrrlSeqNum: this.UniqueId,
+                Body: body,
+                IsHTML: isHTML,
+                Duration: duration,
+            };
+        },
+    },
+    watch: {
+        selectedCalendarOption(newValue) {
+            if (newValue) {
+                this.setCalendarAppointment(newValue);
+            }
+        },
+    },
+
+    methods: {
+        setCalendarAppointment(calendarOption) {
+            if (
+                calendarOption.name == calendarOptions.ICAL ||
+                calendarOption.name == calendarOptions.OUTLOOK
+            ) {
+                this.getAppointment();
+            } else {
+                window.open(calendarOption.url);
+            }
+        },
+        calendarModalClosed() {
+            // Clear the selectedOption if close the modal
+            this.selectedCalendarOption = null;
+        },
+        openCalendarModal() {
+            this.$refs["calendarModalQuestion"].openModal();
+        },
+        getCalendarData(type) {
+            var URL = "";
+            const dateFormat = "yyyyMMddTHHmmss";
+            const outlookComTimeSpanFormat = "yyyy-MM-ddTHH:mm:ss";
+            if (type == calendarOptions.OUTLOOKCOM) {
+                URL = `${applicationConfig.OUTLOOK_CALENDAR}&startdt=${encodeURIComponent(
+                    getDateFormat(this.Appointment.StartDate, outlookComTimeSpanFormat)
+                )}&enddt=${encodeURIComponent(
+                    getDateFormat(this.Appointment.EndDate, outlookComTimeSpanFormat)
+                )}&subject=${encodeURIComponent(
+                    this.Appointment.Subject
+                )}&body=${encodeURIComponent(this.Appointment.Body)}&location=${encodeURIComponent(
+                    this.Appointment.Location
+                )}`;
+            }
+            if (type == calendarOptions.GOOGLE) {
+                URL = `${applicationConfig.GOOGLE_CALENDAR}&text=${encodeURIComponent(
+                    this.Appointment.Subject
+                )}&dates=${encodeURIComponent(
+                    getDateFormat(this.Appointment.StartDate, dateFormat)
+                )}/${encodeURIComponent(
+                    getDateFormat(this.Appointment.EndDate, dateFormat)
+                )}&details=${encodeURIComponent(
+                    this.Appointment.Body
+                )}&location=${encodeURIComponent(this.Appointment.Location)}&sf=true&output=xml`;
+            }
+            if (type == calendarOptions.YAHOO) {
+                URL = `${applicationConfig.YAHOO_CALENDAR}&TITLE=${encodeURIComponent(
+                    this.Appointment.Subject
+                )}&DESC=${encodeURIComponent(this.Appointment.Body)}&ST=${encodeURIComponent(
+                    getDateFormat(this.Appointment.StartDate, dateFormat)
+                )}&DUR=${this.Appointment.Duration}&in_loc=${encodeURIComponent(
+                    this.Appointment.Location
+                )}`;
+            }
+            return {
+                url: URL,
+                name: type,
+                icon: require(`@/assets/img/icons/${type}.svg`),
+            };
+        },
+        getAppointment() {
+            let body = this.Appointment.Body;
+            body = body?.replace("|", "<").replace("~", ">");
+
+            const calFile = {
+                Location: this.Appointment.Location,
+                Body: body,
+                IsHTML: this.Appointment.IsHTML,
+                UniqueId: this.Appointment.RefrrlSeqNum,
+                Subject: this.Appointment.Subject,
+                StartDate: this.Appointment.StartDate,
+                EndDate: this.Appointment.EndDate,
+                Status: calendarStatus.BUSY,
+            };
+            var calBody = getCalendarFile(calFile);
+            download("SafeliteAppointment.ics", calBody);
+        },
+    },
+};
+</script>
+<style scoped>
+.add-to-calendar-text {
+    margin: 0 0 0 7px;
+    color: #1574a1;
+    vertical-align: middle;
+    font-weight: 500;
+    font-family: "Roboto";
+}
+.add-to-calendar button {
+    border: 0;
+    background-color: #fff;
+}
+.calendar-section {
+    display: table;
+    position: relative;
+    margin: 0 auto;
+}
+.calendar-section .add-to-calendar {
+    padding-top: 15px;
+}
+.calendar-section .add-to-calendar .add-to-calendar-span {
+    cursor: pointer;
+}
+.calendar-section .add-to-calendar .add-to-calendar-img {
+    display: inline;
+    width: 20px;
+}
+</style>
diff --git a/src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-list-button/calendar-modal-list-button.vue b/src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-list-button/calendar-modal-list-button.vue
similarity index 100%
rename from src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-list-button/calendar-modal-list-button.vue
rename to src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-list-button/calendar-modal-list-button.vue
diff --git a/src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js b/src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js
similarity index 92%
rename from src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js
rename to src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js
index d28c2442f..2f0a51a33 100644
--- a/src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js
+++ b/src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.spec.js
@@ -1,6 +1,6 @@
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import calendarModalQuestion from "@/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.vue";
+import calendarModalQuestion from "@/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.vue";
 
 describe("calendar-modal-question.vue", () => {
     test("When selected calendar option is changed, a correctly selectedCalendarOption should be emitted", async () => {
diff --git a/src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.vue b/src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.vue
similarity index 100%
rename from src/layouts/add-to-calendar/calendar-modal-question/calendar-modal-question.vue
rename to src/layouts/confirmation/add-to-calendar/calendar-modal-question/calendar-modal-question.vue
diff --git a/src/layouts/confirmation/confirmation.spec.js b/src/layouts/confirmation/confirmation.spec.js
index eb77afcb1..4bef5f8a3 100644
--- a/src/layouts/confirmation/confirmation.spec.js
+++ b/src/layouts/confirmation/confirmation.spec.js
@@ -115,16 +115,16 @@ describe("confirmation.vue", () => {
     });
 });
 describe("computed properties...", () => {
-    // test("ScheduleDateFormatted should return date in expected format.", () => {
-    //     //Arrange
-    //     const { wrapper } = setupMocks({});
+    test("ScheduleDateFormatted should return date in expected format.", () => {
+        //Arrange
+        const { wrapper } = setupMocks({});
 
-    //     // Act
-    //     const testValue = wrapper.vm.ScheduleDateFormatted;
+        // Act
+        const testValue = wrapper.vm.ScheduleDateFormatted;
 
-    //     // Assert
-    //     expect(testValue).toEqual("Sunday, January 1");
-    // });
+        // Assert
+        expect(testValue).toEqual("Sunday, January 1");
+    });
     test("ScheduleTimeFormatted should return mobile time in expected format.", () => {
         //Arrange
         store.getters.order.serviceLocation.appointmentType = AppointmentTypeStrings.MOBILE;
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index cb7ca43c1..5adcc5613 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -4,16 +4,12 @@
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <div>
                 <div class="container-fluid pb-2">
-                    <div class="row justify-content-md-center">
+                    <div class="row justify-content-center">
                         <div class="col-md-6 col-xl-4">
                             <div class="header-container">
                                 <img :src="ScheduleConfirmationImage" />
                                 <span v-html="ScheduleConfirmationText"></span>
                             </div>
-                            <div
-                                class="appoinmenttext"
-                                v-html="this.getAppointmentWordingText"></div>
-
                             <div class="main">
                                 <div>
                                     <vehicleBanner
@@ -21,16 +17,26 @@
                                         :displayGenericVehicleImage="false" />
                                 </div>
                                 <div class="scheduleText">
-                                    <p>{{ this.ScheduleDateFormatted }}</p>
-                                    <p>{{ this.ScheduleTimeFormatted }}</p>
+                                    <p>{{ ScheduleDateFormatted }}</p>
+                                    <p>{{ ScheduleTimeFormatted }}</p>
                                 </div>
-                                <addToCalendar></addToCalendar>
+                                <addToCalendar
+                                    mobileWidgetName="AddToCalendar_Mobile"
+                                    inShopWidgetName="AddToCalendar_InShop"
+                                    dropOffWidgetName="AddToCalendar_DropOff"
+                                    overnightDropOffWidgetName="AddToCalendar_OvernightDropOff"
+                                    allDayDropOffWidgetName="AddToCalendar_AllDayDropOff"
+                                    sameDayDropOffWidgetName="AddToCalendar_SameDayDropOff"
+                                    :serviceLocationFullAddress="ServiceLocationFullAddress"
+                                    :providerFullAddress="ProviderFullAddress"
+                                    :appointmentType="AppointmentType"
+                                    :scheduleDate="ScheduleDate"
+                                    :scheduleStartTime="ScheduleStartTime"
+                                    :scheduleEndTime="ScheduleEndTime" />
 
-                                <div
-                                    class="appoinmenttext"
-                                    v-html="this.AppointmentWordingText"></div>
+                                <div class="appoinmenttext" v-html="AppointmentWordingText"></div>
                             </div>
-                            <div class="emailtext" v-html="this.ConfirmationEmailText"></div>
+                            <div class="emailtext" v-html="ConfirmationEmailText"></div>
                             <navbar
                                 cmsWidgetName="FunnelFooterWidget"
                                 ref="navbar"
@@ -49,21 +55,18 @@
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import navbar from "@/fmg-components/nav-bar/nav-bar";
-import addToCalendar from "@/layouts/add-to-calendar/add-to-calendar";
+import addToCalendar from "@/layouts/confirmation/add-to-calendar/add-to-calendar";
 //Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { applicationConfig } from "@/constants/application-config.js";
+import { convertDateStringToDate } from "@/layouts/schedule/helpers/schedule-helper";
+
 import { Form } from "vee-validate";
 import store from "@/store";
 
-import {
-    getFullDayName,
-    getFullMonthName,
-    get12HourTimeFormat,
-    get12HourTimeMobileFormat,
-} from "@/helpers/date-helper";
+import { get12HourTimeFormat, get12HourTimeMobileFormat } from "@/helpers/date-helper";
 export default {
     name: "confirmation",
     async beforeRouteEnter(to, from, next) {
@@ -93,9 +96,9 @@ export default {
         },
         ConfirmationEmailText() {
             return this.getCmsContent("ConfirmationEmailWidget", "BodyText")
-                .replaceAll("{custom:MY_ACCOUNT_URL}", applicationConfig.MY_ACCOUNT)
-                .replaceAll("&lt;", "<")
-                .replaceAll("&gt;", ">");
+                ?.replaceAll("{custom:MY_ACCOUNT_URL}", applicationConfig.MY_ACCOUNT)
+                ?.replaceAll("&lt;", "<")
+                ?.replaceAll("&gt;", ">");
         },
         ScheduleDate() {
             return store.getters.order.schedule.date;
@@ -147,17 +150,17 @@ export default {
         },
         AppointmentWordingText() {
             if (this.AppointmentType == AppointmentTypeStrings.MOBILE) {
-                return this.MobileWordingText.replaceAll(
+                return this.MobileWordingText?.replaceAll(
                     "{custom:ADDRESS}",
                     this.ServiceLocationFullAddress
                 );
             } else if (this.AppointmentType == AppointmentTypeStrings.DROP_OFF) {
-                return this.DropOffWordingText.replaceAll(
+                return this.DropOffWordingText?.replaceAll(
                     "{custom:ADDRESS}",
                     this.ProviderFullAddress
                 );
             } else {
-                return this.InShopWordingText.replaceAll(
+                return this.InShopWordingText?.replaceAll(
                     "{custom:ADDRESS}",
                     this.ProviderFullAddress
                 );
@@ -174,10 +177,14 @@ export default {
             return `${this.ProviderAddress},<br/> ${this.ProviderCity}, ${this.ProviderState} ${this.ProviderZipCode}`;
         },
         ScheduleDateFormatted() {
-            const scheduleDate = new Date(this.ScheduleDate);
-            return `${getFullDayName(scheduleDate)}, ${getFullMonthName(
-                scheduleDate
-            )} ${scheduleDate.getDate()}`;
+            // This conversion ensures we don't get get GMT induced date changes
+            const dateObject = convertDateStringToDate(this.ScheduleDate);
+            // Ex: Tuesday, April 22
+            return dateObject.toLocaleDateString("en-us", {
+                weekday: "long",
+                month: "long",
+                day: "numeric",
+            });
         },
         ScheduleTimeFormatted() {
             if (this.AppointmentType == AppointmentTypeStrings.MOBILE) {
@@ -191,11 +198,6 @@ export default {
             }
         },
     },
-    data() {
-        return {
-            workOrderNumber: store.getters.order.workOrderNumber,
-        };
-    },
     methods: {
         arePagePrerequisitesValid() {
             // Service Location
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 9568b2a13..cd6cc17b0 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -6,9 +6,9 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" />
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4 mb-5" />
                     <textboxQuestion
                         class="mb-4"
                         cmsWidgetName="FirstNameWidget"
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 4fc6a1bc1..00bea471f 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -7,7 +7,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
                     <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
@@ -33,12 +33,13 @@
 
                     <div v-else>
                         <alert
-                            class="my-4"
+                            class="mt-4 mb-4"
                             :cmsWidgetName="alertInfo"
                             alertClass="alert-info"
                             v-bind:isDismissible="false" />
 
                         <textboxQuestion
+                            class="mb-4"
                             cmsWidgetName="ServiceZipQuestionWidget"
                             v-model="serviceZipCode"
                             inputId="serviceZipCode"
@@ -47,6 +48,7 @@
                             validationRules="zip-required|zip-format" />
 
                         <textboxQuestion
+                            class="mb-0"
                             cmsWidgetName="EmailAddressQuestionWidget"
                             v-model="emailAddress"
                             inputId="emailAddress"
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index ac167cae9..fc3756b6d 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -6,7 +6,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
diff --git a/src/fmg-components/add-vaps-modal-buttons/add-vaps-button/add-vaps-button.vue b/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-button/add-vaps-button.vue
similarity index 100%
rename from src/fmg-components/add-vaps-modal-buttons/add-vaps-button/add-vaps-button.vue
rename to src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-button/add-vaps-button.vue
diff --git a/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue b/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
new file mode 100644
index 000000000..3fc426d63
--- /dev/null
+++ b/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
@@ -0,0 +1,164 @@
+<template>
+    <transition name="fade" mode="out-in">
+        <div class="add-vaps-buttons" aria-live="polite">
+            <buttonQuestion
+                ref="buttonQuestion"
+                :answers="answersToDisplay"
+                groupName="addVaps"
+                v-model="answersToDisplay"
+                buttonTypeString="addVapsButton"
+                :buttonTypeObject="addVapsButton"
+                :isWide="answersToDisplay.length > 1 ? false : true"
+                @update:modelValue="openModal" />
+
+            <contentGroupModal
+                ref="RainDefenseModal"
+                cmsWidgetName="RainDefenseModal"
+                v-if="rainDefenseItem"
+                @footer-button-action="addToCart('RainDefenseModal', rainDefenseItem)"
+                footerButtonActionName="footer-button-action">
+                <p class="price">{{ rainDefenseItem.listPrice }}</p>
+            </contentGroupModal>
+
+            <contentGroupModal
+                ref="WipersModal"
+                cmsWidgetName="WipersModal"
+                v-if="wipersItem"
+                @footer-button-action="addToCart('WipersModal', wipersItem)"
+                footerButtonActionName="footer-button-action">
+                <p class="price">{{ wipersItem.listPrice }}</p>
+            </contentGroupModal>
+        </div>
+    </transition>
+</template>
+
+<script>
+import buttonQuestion from "@/digital-components/button-question/button-question";
+import addVapsButton from "./add-vaps-button/add-vaps-button";
+import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal";
+
+export default {
+    name: "add-vaps-modal-buttons",
+    props: {
+        vapsTilesCmsName: String,
+        availableLineItems: Object,
+        modelValue: Object,
+    },
+    data() {
+        return {
+            addVapsButton: addVapsButton,
+        };
+    },
+    methods: {
+        openModal(modalName) {
+            this.$refs[modalName].openModal();
+        },
+        addToCart(modalName, part) {
+            const vapsItems = this.currentCartItems.vaps;
+            const alreadyInVaps = vapsItems.some((item) => {
+                return item.partType === part.partType;
+            });
+            if (!alreadyInVaps) {
+                if (part.subItems) {
+                    // for wipers, a "combined" part (w/ subItems)
+                    part.subItems.forEach((part) => {
+                        this.currentCartItems.vaps.push(part);
+                    });
+                } else {
+                    // for rain defense, a "single" part (w/o subItems)
+                    this.currentCartItems.vaps.push(part);
+                }
+            }
+            this.$refs[modalName].closeModal();
+        },
+    },
+    computed: {
+        currentCartItems() {
+            return this.modelValue;
+        },
+        showAddRainDefense() {
+            // show if not in cart
+            return !this.currentCartItems.vaps?.some((vap) => {
+                return vap?.partType === "RAIN DEFENSE";
+            });
+        },
+        showAddWipers() {
+            // show if not in cart
+            if (this.currentCartItems && this.currentCartItems.vaps) {
+                return !this.currentCartItems.vaps.some((vap) => {
+                    return vap?.partType?.includes(" WIPER");
+                });
+            } else {
+                return false;
+            }
+        },
+        rainDefenseItem() {
+            const lineItem = this.availableLineItems.find((item) => {
+                return item.partType === "RAIN DEFENSE";
+            });
+            if (lineItem)
+                lineItem.listPrice = parseFloat(
+                    lineItem?.laborAmount + lineItem?.sellingPrice + lineItem?.kitPrice
+                ).toFixed(2);
+            return lineItem;
+        },
+        wipersItem() {
+            const wiperLineItems = this.availableLineItems.filter((item) => {
+                return item.partType.includes("WIPER");
+            });
+            let wiperLineItem;
+            if (wiperLineItems.length === 1) {
+                wiperLineItem = wiperLineItems[0];
+                wiperLineItem.listPrice = parseFloat(
+                    wiperLineItem.laborAmount + wiperLineItem.sellingPrice + wiperLineItem.kitPrice
+                ).toFixed(2);
+                return wiperLineItem;
+            } else if (wiperLineItems.length > 1) {
+                let combinedPrice = 0;
+                wiperLineItems?.forEach((item) => {
+                    combinedPrice += item?.laborAmount + item?.sellingPrice + item?.kitPrice;
+                });
+                wiperLineItem = {
+                    description: "COMBINED ITEM",
+                    partType: "WIPERS",
+                    subItems: [],
+                    listPrice: parseFloat(combinedPrice).toFixed(2),
+                };
+                wiperLineItems?.forEach((item) => {
+                    wiperLineItem.subItems.push(item);
+                });
+                return wiperLineItem;
+            }
+            return [];
+        },
+        answersCmsData() {
+            return this.getCmsContent(this.vapsTilesCmsName, "Answers");
+        },
+        answersToDisplay() {
+            const answers = [];
+            if (!this.answersCmsData) return answers;
+            const getAnswer = (name, answers) => {
+                const answerIndex = answers.findIndex((answer) => {
+                    return answer.Name === name;
+                });
+                return answers[answerIndex];
+            };
+            if (this.showAddWipers) {
+                const answer = getAnswer("WipersModal", this.answersCmsData);
+                answer.SubText = "+$" + this.wipersItem.listPrice;
+                answers.push(answer);
+            }
+            if (this.showAddRainDefense) {
+                const answer = getAnswer("RainDefenseModal", this.answersCmsData);
+                answer.SubText = "+$" + this.rainDefenseItem.listPrice;
+                answers.push(answer);
+            }
+            return answers;
+        },
+    },
+    components: {
+        buttonQuestion,
+        contentGroupModal,
+    },
+};
+</script>
diff --git a/src/layouts/payment-method/payment-method-question/payment-method-question.vue b/src/layouts/payment-method/payment-method-question/payment-method-question.vue
index 473e36114..1544cede7 100644
--- a/src/layouts/payment-method/payment-method-question/payment-method-question.vue
+++ b/src/layouts/payment-method/payment-method-question/payment-method-question.vue
@@ -8,6 +8,7 @@
             :questionText="paymentMethodQuestionText"
             :answers="paymentMethodAnswerData"
             isRequired
+            :validationRules="validationRules"
             v-model="selectedMethod"
             textPosition="text-start" />
     </div>
@@ -27,6 +28,7 @@ export default {
     },
     props: {
         modelValue: String,
+        validationRules: String,
     },
     methods: {
         getAnswersNullSafe(widgetName) {
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 99e59d713..08ee3565e 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -7,42 +7,49 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
                         :displayGenericVehicleImage="false" />
 
-                    <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
+                    <funnelSubHeader
+                        class="mb-5 mt-4"
+                        cmsWidgetName="FunnelSubHeaderWidget"
+                        leftAlignHeader />
+
+                    <p v-if="isPiaDisabled" class="fw-normal no-pia-disclaimer">
+                        <span>{{ noPiaDisclaimer }}</span>
+                    </p>
+
+                    <hr />
 
                     <cart
                         :damage="damageInfo"
                         :availableLineItems="availableLineItems"
-                        :lineItems="lineItems"
+                        :lineItems="taxedLineItems"
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         @cart-remove="cartRemove" />
 
                     <div>
                         <alert
-                            ref="paypalErrorAlert"
+                            ref="piaErrorAlert"
                             class="my-4"
-                            v-if="displayPaypalAlert"
-                            cmsWidgetName="PaypalErrorAlertWidget"
+                            v-if="displayPiaAlert"
+                            cmsWidgetName="PIAErrorAlertWidget"
                             alertClass="alert-danger"
                             v-bind:isDismissible="false" />
                     </div>
 
                     <add-vaps-modal-buttons
-                        :cartItems="cartItems"
+                        v-model="lineItems"
                         :availableLineItems="availableLineItems"
-                        vapsTilesCmsName="VapsProductTiles"
-                        v-on="{ 'buttonEvent.openModal': openModal }" />
+                        vapsTilesCmsName="VapsProductTiles" />
 
-                    <button @click="openModal('RainDefenseModal')">OPEN MODAL</button>
-                    <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <paymentMethodQuestion
                         v-if="!isPiaDisabled"
-                        v-model="paymentMethodInternalModel" />
+                        v-model="paymentMethodInternalModel"
+                        validationRules="option-required" />
 
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
@@ -65,11 +72,11 @@ import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-heade
 import paymentMethodQuestion from "@/layouts/payment-method/payment-method-question/payment-method-question";
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 import cart from "@/fmg-components/cart/cart";
-import addVapsModalButtons from "@/fmg-components/add-vaps-modal-buttons/add-vaps-modal-buttons";
-import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal";
+import addVapsModalButtons from "./add-vaps-modal-buttons/add-vaps-modal-buttons";
 import { submitWorkOrder } from "@/helpers/heritage-integration/order-helper.js";
 import alert from "@/ux-components/alert/alert";
 
+// Supporting Items
 import baseMixin from "@/mixins/base-mixin.js";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
@@ -79,8 +86,13 @@ import { paymentMethods } from "@/constants/payment-method-constants";
 import { experimentSettings } from "@/constants/experiments";
 
 import { Form } from "vee-validate";
+import { defineRule } from "vee-validate";
+import { required } from "@/helpers/validation-rules";
+import { errorMessages } from "@/constants/error-messages";
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 
+defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
+
 export default {
     name: "paymentMethod",
     async beforeRouteEnter(to, from, next) {
@@ -97,7 +109,6 @@ export default {
             null,
             "payment-method"
         );
-        console.log("rainDefensePromise: ", rainDefensePromise);
 
         const supportingItemsPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_SUPPORTING_ITEMS,
@@ -126,7 +137,7 @@ export default {
 
         const resultMap = await settleAllPromises(promiseResultMap);
 
-        const glassParts = (await store.getters.order.lineItems.glassParts) ?? [];
+        const glassParts = store.getters.order.lineItems.glassParts ?? [];
 
         const availableLineItems = [
             resultMap.rainDefense,
@@ -143,16 +154,35 @@ export default {
             "payment-method",
             false
         );
-        const lineItems = store.getters.lineItems;
 
-        const cartItems = [...glassParts, ...lineItems.supportingItems, ...lineItems.vaps]; // TOBEREMOVED BY AJC IN CSR-1384
+        const lineItems = store.getters.order.lineItems;
+
+        const combinedLineItems = [];
+        combinedLineItems.push(lineItems.glassParts ?? []);
+        combinedLineItems.push(lineItems.supportingItems ?? []);
+        combinedLineItems.push(lineItems.vaps ?? []);
+
+        const taxedLineItems = await baseMixin.methods.dispatchStoreActionWithLogging(
+            storeActions.TAX_ORDER_ITEMS_AND_SAVE_SERVER_DATA,
+            {
+                billToAccountNumber: "87291",
+                providerNumber: store.getters.order.serviceLocation.provider.providerNumber,
+                appointmentType: store.getters.order.serviceLocation.appointmentType,
+                serviceLocationState: store.getters.order.serviceLocation.state,
+                serviceLocationZipCode: store.getters.order.serviceLocation.zipCode,
+                pricedLineItems: combinedLineItems,
+            },
+            "payment-method",
+            false
+        );
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
-            vm.cartItems = cartItems; // TOBEREMOVED BY AJC IN CSR-1384
+            vm.cartItems = combinedLineItems; // TOBEREMOVED BY AJC IN CSR-1384
 
             vm.setCmsContent(resultMap.cmsContent);
             vm.availableLineItems = pricedAvailableLineItems;
+            vm.taxedLineItems = taxedLineItems;
             vm.lineItems = lineItems;
         });
     },
@@ -161,9 +191,10 @@ export default {
             cartItems: [], // TOBEREMOVED BY AJC IN CSR-1384
 
             lineItems: [],
+            taxedLineItems: [], // temporary, for use by cart.vue
             availableLineItems: [],
-            displayPaypalAlert: this.getPaypalAlert(),
-            paymentMethodInternalModel: null,
+            paymentMethodInternalModel: this.getPaymentMethodFromStore(),
+            displayPiaAlert: this.getPiaAlert(),
         };
     },
     methods: {
@@ -219,19 +250,22 @@ export default {
                 packageReqs && serviceLocationReqs && isInsuranceSet && scheduleReqs && customerReqs
             );
         },
-        openModal(modalName) {
-            this.$refs[modalName].openModal();
-        },
-        getPaypalAlert() {
+        getPiaAlert() {
             return store.getters.order.payment.piaErrorCode ? true : false;
         },
-        vapsItemsSelectedAction(vapsItemsSelected) {
-            this.cartItems = vapsItemsSelected;
+        getPaymentMethodFromStore() {
+            const isPia = store.getters.order.payment.isPia;
+
+            if (isPia === null || isPia === undefined) {
+                return null;
+            }
+
+            if (isPia) {
+                return store.getters.order.payment.piaType;
+            } else {
+                return paymentMethods.LATER;
+            }
         },
-        // TODO (as part of CSR-1384) enable adding to the cart
-        // vapsItemsSelectedAction(vapsItemsSelected) {
-        //     this.cartItems = vapsItemsSelected;
-        // },
         cartRemove(item) {
             const matchedIndices = [];
             this.cartItems.forEach((cartItem, i) => {
@@ -249,15 +283,25 @@ export default {
             this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
         },
         async forwardButtonAction() {
+            await this.dispatchStoreAction(
+                storeActions.SAVE_PAYMENT_METHOD_CHOICE,
+                this.paymentMethod,
+                false
+            );
+
+            await this.dispatchStoreAction(storeActions.SAVE_VAPS, this.lineItems.vaps, false);
+
+            await this.dispatchStoreAction(storeActions.SAVE_PROMOS, this.lineItems.promos, false);
+
             switch (this.paymentMethod) {
                 case paymentMethods.CREDIT_CARD:
-                    this.piaSetup("cc");
+                    this.piaSetup(this.paymentMethod);
                     break;
                 case paymentMethods.PAYPAL:
-                    this.piaSetup("pp");
+                    this.piaSetup(this.paymentMethod);
                     break;
                 case paymentMethods.AFTERPAY:
-                    this.piaSetup("ap");
+                    this.piaSetup(this.paymentMethod);
                     break;
                 default:
                     this.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, null, false);
@@ -269,21 +313,11 @@ export default {
                     );
             }
         },
-        async ccdPayment() {
-            this.piaSetup("cc");
-        },
-        async paypal() {
-            this.piaSetup("pp");
-        },
-        async afterpay() {
-            this.piaSetup("ap");
-        },
         async piaSetup(payNowType) {
             this.$refs.loadingModal.showModal();
 
             // since we're leaving the site for pia, clear any save session promises that we will not be able to resolve when we return
             await this.dispatchStoreAction(storeActions.RESET_SAVE_SESSION_PROMISE);
-            await this.dispatchStoreAction(storeActions.SAVE_PAY_NOW_TYPE, payNowType, false);
 
             // make sure pia error codes are reset
             this.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, null, false);
@@ -303,9 +337,11 @@ export default {
     },
     computed: {
         damageInfo() {
-            // console.log("this.$store.getters.damage ", this.$store.getters.damage)
             return this.$store.getters.damage;
         },
+        noPiaDisclaimer() {
+            return this.getCmsContent("NoPiaDisclaimerWidget", "Text");
+        },
         customCtaCopy() {
             switch (this.paymentMethod) {
                 case paymentMethods.CREDIT_CARD:
@@ -349,8 +385,14 @@ export default {
         cart,
         alert,
         addVapsModalButtons,
-        contentGroupModal,
         paymentMethodQuestion,
     },
 };
 </script>
+
+<style lang="scss" scoped>
+.no-pia-disclaimer {
+    color: $gray-550;
+    margin: 0;
+}
+</style>
diff --git a/src/layouts/payment-pia-return/payment-pia-return.vue b/src/layouts/payment-pia-return/payment-pia-return.vue
index 8d547cd34..aa9340995 100644
--- a/src/layouts/payment-pia-return/payment-pia-return.vue
+++ b/src/layouts/payment-pia-return/payment-pia-return.vue
@@ -9,19 +9,20 @@ import { submitWorkOrder } from "@/helpers/heritage-integration/order-helper.js"
 import { queryStrings } from "@/constants/query-strings";
 import { getQuerystringParameter } from "@/helpers/querystring-helper";
 import { storeActions } from "@/constants/store-actions";
+import store from "@/store";
 import baseMixin from "@/mixins/base-mixin.js";
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 import { Form } from "vee-validate";
+import { paymentMethods } from "@/constants/payment-method-constants";
 
 export default {
     name: "payment-pia-return",
     async mounted() {
         this.$refs.loadingModal.showModal();
         const piaError = getQuerystringParameter(queryStrings.ERROR);
-        const token = getQuerystringParameter(queryStrings.TOKEN);
-        const payerId = getQuerystringParameter(queryStrings.PAYERID);
 
         if (piaError) {
+            console.log("Error during payment: " + piaError);
             baseMixin.methods.dispatchStoreAction(
                 storeActions.SAVE_PIA_ERROR_CODE,
                 piaError,
@@ -29,33 +30,26 @@ export default {
             );
             this.$router.navigateWithoutSaving(this.navigationScenarios.PIA_ERROR, this.$route);
         } else {
-            if (token && payerId) {
-                baseMixin.methods.dispatchStoreAction(
-                    storeActions.SAVE_PIA_ERROR_CODE,
-                    null,
-                    false
-                );
-                baseMixin.methods.dispatchStoreAction(
-                    storeActions.SAVE_WORK_ORDER_FLAG,
-                    true,
-                    false
-                );
-
-                // Final work order submit after returning from PIA.
-                await this.dispatchStoreAction(storeActions.RESET_SAVE_SESSION_PROMISE);
-                await submitWorkOrder({ pageNameToLog: "payment-pia-return" });
-                this.$refs.loadingModal.isModalVisible = false;
-                this.$router.navigateWithoutSaving(
-                    this.navigationScenarios.PIA_SUCCESS,
-                    this.$route
-                );
-            } else {
-                baseMixin.methods.dispatchStoreAction(
-                    storeActions.SAVE_PIA_ERROR_CODE,
-                    piaError,
-                    false
-                );
-                this.$router.navigateWithoutSaving(this.navigationScenarios.PIA_ERROR, this.$route);
+            switch (store.getters.order.payment.piaType) {
+                case paymentMethods.CREDIT_CARD:
+                case paymentMethods.AFTERPAY:
+                    await this.processCreditCardResponse();
+                    break;
+                case paymentMethods.PAYPAL:
+                    await this.processPaypalResponse();
+                    break;
+                default:
+                    var msg = "Unknown Pia type: " + store.getters.order.payment.piaType;
+                    console.log(msg);
+                    baseMixin.methods.dispatchStoreAction(
+                        storeActions.SAVE_PIA_ERROR_CODE,
+                        msg,
+                        false
+                    );
+                    this.$router.navigateWithoutSaving(
+                        this.navigationScenarios.PIA_ERROR,
+                        this.$route
+                    );
             }
         }
     },
@@ -63,6 +57,72 @@ export default {
         arePagePrerequisitesValid() {
             return true;
         },
+        async processPaypalResponse() {
+            const token = getQuerystringParameter(queryStrings.TOKEN);
+            const payerId = getQuerystringParameter(queryStrings.PAYERID);
+            baseMixin.methods.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, null, false);
+            baseMixin.methods.dispatchStoreAction(storeActions.SAVE_WORK_ORDER_FLAG, true, false);
+            baseMixin.methods.dispatchStoreAction(storeActions.SAVE_PAYPAL_TOKEN, token, false);
+
+            await this.saveAndSubmitWorkOrder();
+        },
+        async processCreditCardResponse() {
+            const subscriptionID = getQuerystringParameter(queryStrings.SUBSCRIPTIONID);
+            baseMixin.methods.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, null, false);
+            baseMixin.methods.dispatchStoreAction(storeActions.SAVE_WORK_ORDER_FLAG, true, false);
+
+            const referralSeqNum = getQuerystringParameter(queryStrings.REFERRAL_SEQ_NUM);
+            if (referralSeqNum != store.getters.order.referralSequenceNumber) {
+                console.log(
+                    "error: unknown ref:" +
+                        referralSeqNum +
+                        " " +
+                        store.getters.order.referralSequenceNumber
+                );
+                baseMixin.methods.dispatchStoreAction(
+                    storeActions.SAVE_PIA_ERROR_CODE,
+                    "unknown error",
+                    false
+                );
+                this.$router.navigateWithoutSaving(this.navigationScenarios.PIA_ERROR, this.$route);
+            } else {
+                const expMonth = getQuerystringParameter(queryStrings.CARD_EXPIRATION_MONTH);
+                const expYear = getQuerystringParameter(queryStrings.CARD_EXPIRATION_YEAR);
+                const cardType = getQuerystringParameter(queryStrings.CARD_TYPE);
+                const billToPostalCode = getQuerystringParameter(queryStrings.BILL_TO_POSTAL_CODE);
+                const billToFirstName = getQuerystringParameter(queryStrings.BILL_TO_FIRST_NAME);
+                const billToLastName = getQuerystringParameter(queryStrings.BILL_TO_LAST_NAME);
+                const referenceNumber = getQuerystringParameter(queryStrings.REFERENCE_NUMBER);
+                const authCode = getQuerystringParameter(queryStrings.AUTH_CODE);
+                const transactionId = getQuerystringParameter(queryStrings.TRANSACTION_ID);
+                const transReferenceNumber = getQuerystringParameter(
+                    queryStrings.TRANS_REFERENCE_NUMBER
+                );
+
+                var ccToken = {
+                    subscriptionId: subscriptionID,
+                    expMonth: expMonth,
+                    expYear: expYear,
+                    cardType: cardType,
+                    billToPostalCode: billToPostalCode,
+                    billToFirstName: billToFirstName,
+                    billToLastName: billToLastName,
+                    referenceNumber: referenceNumber,
+                    authCode: authCode,
+                    transactionId: transactionId,
+                    transReferenceNumber: transReferenceNumber,
+                };
+                baseMixin.methods.dispatchStoreAction(storeActions.SAVE_CCTOKEN, ccToken, false);
+                await this.saveAndSubmitWorkOrder();
+            }
+        },
+        async saveAndSubmitWorkOrder() {
+            // Final work order submit after returning from PIA.
+            await this.dispatchStoreAction(storeActions.RESET_SAVE_SESSION_PROMISE);
+            await submitWorkOrder({ pageNameToLog: "payment-pia-return" });
+            this.$refs.loadingModal.isModalVisible = false;
+            this.$router.navigateWithoutSaving(this.navigationScenarios.PIA_SUCCESS, this.$route);
+        },
         forwardButtonAction() {
             this.$router.navigateWithoutSaving(this.navigationScenarios.PIA_SUCCESS, this.$route);
         },
diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue
index 914a51df2..098f2a521 100644
--- a/src/layouts/payment/payment.vue
+++ b/src/layouts/payment/payment.vue
@@ -1,31 +1,35 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal notFullScreen ref="loadingModal" />
-        <div class="page-container-grouped-styles">
-            <funnelHeader cmsWidgetName="FunnelHeaderWidget" v-if="!isPaypal" />
-            <funnelSubHeader
-                class="mb-5"
-                cmsWidgetName="FunnelSubHeaderWidget"
-                leftAlignHeader
-                v-if="!isPaypal" />
-            <hr class="mt-0" />
-            <div id="card-container">
-                <iframe
-                    ref="paymentFrame"
-                    class="hop-iframe payment-iframe"
-                    name="card-frame"
-                    id="card-frame"
-                    seamless
-                    scrolling="no">
-                </iframe>
+        <div class="container-fluid page-container-grouped-styles">
+            <div class="row justify-content-center">
+                <div class="col-md-6">
+                    <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
+                </div>
             </div>
-            <div class="fade-on-route-transition sub-container make-tall">
-                <navbar
-                    cmsWidgetName="FunnelFooterWidget"
-                    :isForwardActionDisabled="!meta.valid"
-                    :isBackButtonHidden="shouldHideBackButton"
-                    @back-clicked="backButtonAction"
-                    @ForwardClicked="forwardButtonAction" />
+
+            <div class="row justify-content-center">
+                <div class="col-md-6 col-xl-4">
+                    <div id="card-container">
+                        <iframe
+                            ref="paymentFrame"
+                            class="hop-iframe payment-iframe"
+                            name="card-frame"
+                            id="card-frame"
+                            seamless
+                            scrolling="no">
+                        </iframe>
+                    </div>
+                    <div class="fade-on-route-transition sub-container make-tall">
+                        <navbar
+                            cmsWidgetName="FunnelFooterWidget"
+                            :isForwardActionDisabled="!meta.valid"
+                            :isBackButtonHidden="shouldHideBackButton"
+                            isSubmitHidden="true"
+                            @back-clicked="backButtonAction"
+                            @ForwardClicked="forwardButtonAction" />
+                    </div>
+                </div>
             </div>
         </div>
     </Form>
@@ -51,27 +55,12 @@
         <input type="hidden" name="sgNoKeystrokeProcessing" value="false" />
 
         <input type="hidden" name="maskCharacter" value="*" />
-        <input
-            type="hidden"
-            name="styleSheetCode"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/css/experiments/site-2020Styling.css" />
-        <input
-            type="hidden"
-            name="styleSheetCode2"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/css/experiments/SLHop-2020Styling.css" />
+        <input type="hidden" name="styleSheetCode" :value="dynamicCSSUrl" />
+        <input type="hidden" name="styleSheetCode2" :value="dynamicHopCSSUrl" />
 
-        <input
-            type="hidden"
-            name="sgReceiptResponseURL"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/Payment/Success.aspx" />
-        <input
-            type="hidden"
-            name="sgDeclineResponseURL"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/Payment/Cancel.aspx" />
-        <input
-            type="hidden"
-            name="sgErrorResponseURL"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/Payment/Error.aspx" />
+        <input type="hidden" name="sgReceiptResponseURL" :value="piaResponseUrl" />
+        <input type="hidden" name="sgDeclineResponseURL" :value="piaResponseUrl" />
+        <input type="hidden" name="sgErrorResponseURL" :value="piaResponseUrl" />
 
         <input type="hidden" name="sgheaderline1" :value="sgHeaderline1" />
         <input type="hidden" name="sgHeader1subtitle" value="" />
@@ -139,20 +128,14 @@
         <input type="hidden" name="sgWorkOrder" :value="workOrderNumber" />
         <input type="hidden" name="sgEmailAddress" :value="emailAddress" />
         <input type="hidden" name="paypalInvoiceNumber" :value="invoiceNumber" />
-        <input type="hidden" name="payPalSuccessUrl" :value="payPalSuccessUrl" />
-        <input type="hidden" name="paypalCancelUrl" :value="payPalCancelUrl" />
+        <input type="hidden" name="paypalSuccessUrl" :value="piaResponseUrl" />
+        <input type="hidden" name="paypalCancelUrl" :value="piaCancelUrl" />
 
-        <input
-            type="hidden"
-            name="sgCCDeclineURL"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/Payment.aspx?error=ccDecline" />
-        <input
-            type="hidden"
-            name="sgCCTimeoutURL"
-            value="https://fixmyglasstest.safelite.com/FixMyGlass/Payment.aspx?error=ccTimeout" />
+        <input type="hidden" name="sgCCDeclineURL" :value="piaCancelUrl" />
+        <input type="hidden" name="sgCCTimeoutURL" :value="piaCancelUrl" />
 
         <input type="hidden" name="sgTransactionType" value="authorization" />
-        <input type="hidden" name="amount" :value="amountDue" />
+        <input type="hidden" name="amount" :value="totalAmount" />
         <input type="hidden" name="ctu" :value="ctu" />
         <input type="hidden" name="orderNumber" :value="workOrderNumber" />
 
@@ -177,7 +160,6 @@
 // Components
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import navbar from "@/fmg-components/nav-bar/nav-bar";
-import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 
 import { storeActions } from "@/constants/store-actions";
@@ -186,6 +168,7 @@ import { externalUrls } from "@/router/router-constants/externalUrl-values";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { applicationConfig } from "@/constants/application-config";
+import { paymentMethods } from "@/constants/payment-method-constants";
 import baseMixin from "@/mixins/base-mixin.js";
 
 // Validation
@@ -196,8 +179,8 @@ export default {
     data() {
         return {
             checkoutUrl: externalUrls.SAFELITE_HOP,
-            payPalSuccessUrl: applicationConfig.PAYPAL_SUCCESS_URL,
-            payPalCancelUrl: applicationConfig.PAYPAL_CANCEL_URL,
+            piaResponseUrl: applicationConfig.PIA_RESPONSE_URL,
+            piaCancelUrl: applicationConfig.PIA_CANCEL_URL,
             paymentType: this.getPaymentType(),
             authToken: "",
             authSignature: "",
@@ -244,6 +227,16 @@ export default {
             vm.fetchSignatureInfo();
         });
     },
+    computed: {
+        dynamicCSSUrl() {
+            const { protocol, hostname, port } = window.location;
+            return `${protocol}//${hostname}:${port}/fmg/css/site-2020Styling.css`;
+        },
+        dynamicHopCSSUrl() {
+            const { protocol, hostname, port } = window.location;
+            return `${protocol}//${hostname}:${port}/fmg/css/hop-styling.css`;
+        },
+    },
     methods: {
         arePagePrerequisitesValid() {
             // TODO
@@ -257,7 +250,7 @@ export default {
 
             // no work order, set pia error and return
             this.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, "NO WORK ORDER", false);
-            this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
+            this.backButtonAction();
         },
         getInvoiceNumber() {
             if (store.getters.order.workOrderNumber) {
@@ -266,7 +259,7 @@ export default {
 
             // no work order, set pia error and return
             this.dispatchStoreAction(storeActions.SAVE_PIA_ERROR_CODE, "NO WORK ORDER", false);
-            this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
+            this.backButtonAction();
         },
         getAddress1() {
             return store.getters.order.serviceLocation.address
@@ -294,7 +287,16 @@ export default {
                 : store.getters.order.serviceLocation.provider.address.zipCode;
         },
         getPaymentType() {
-            return store.getters.order.payment.payNowType;
+            switch (store.getters.order.payment.piaType) {
+                case paymentMethods.AFTERPAY:
+                    return "ap";
+                case paymentMethods.CREDIT_CARD:
+                    return "cc";
+                case paymentMethods.PAYPAL:
+                    return "pp";
+                default:
+                    return store.getters.payment.piaType;
+            }
         },
         getHeaderLine1() {
             if (!this.isPaypal()) {
@@ -324,10 +326,12 @@ export default {
             return itemsForPia;
         },
         getAmountDue() {
-            return baseMixin.methods.getAmountDue(store.getters.order.lineItems);
+            return 350.0;
+            //return baseMixin.methods.getAmountDue(store.getters.order.lineItems);
         },
         getDisplayAmountDue() {
-            return baseMixin.methods.getDisplayAmountDue(store.getters.order.lineItems);
+            return "$350.00";
+            //return baseMixin.methods.getDisplayAmountDue(store.getters.order.lineItems);
         },
         isPaypal() {
             if (this.getPaymentType() == "pp") {
@@ -367,7 +371,6 @@ export default {
     components: {
         funnelHeader,
         navbar,
-        funnelSubHeader,
         Form,
         loadingModal,
     },
@@ -375,13 +378,9 @@ export default {
 </script>
 
 <style lang="scss">
-.payment-iframe {
-    height: 100%;
-}
-
 .hop-iframe {
     position: relative;
-    min-height: 1300px;
+    min-height: 1350px;
     width: 100%;
     border: 0 none;
 }
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 4773938d0..5b05cf961 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -7,7 +7,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index a5f6eca7c..f77e2b193 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -30,7 +30,7 @@
                         isPrimary
                         :buttonText="forwardButtonText"
                         loaderColor="white"
-                        class="mb-2"
+                        class="mb-2 w-100"
                         @click-event="forwardButtonAction" />
 
                     <div>
diff --git a/src/layouts/schedule/location-alerts/location-alerts.vue b/src/layouts/schedule/location-alerts/location-alerts.vue
index 66f26e263..80d7a5b00 100644
--- a/src/layouts/schedule/location-alerts/location-alerts.vue
+++ b/src/layouts/schedule/location-alerts/location-alerts.vue
@@ -3,7 +3,7 @@
         v-for="alert in prefixedAlertReasons"
         :key="alert.cmsWidgetName"
         :ref="alert.cmsWidgetName"
-        class="mt-2 mb-3"
+        class="mt-5 mb-4"
         :cmsWidgetName="alert.cmsWidgetName"
         alertClass="alert-warning" />
 </template>
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index fccef82e1..ff1961465 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -7,9 +7,9 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
                     <template v-if="ChangeShopLink.length">
                         <textBlock
                             cmsWidgetName="ChangeShopLink"
@@ -439,16 +439,16 @@ export default {
                 this.appointmentType === AppointmentTypeStrings.MOBILE &&
                 this.selectedTimeSlotInfo?.isPremiumAppointment
             ) {
-                const earlyBirdIndex = supportingItems.findIndex(
+                const premiumFeeIndex = supportingItems.findIndex(
                     (item) => item.partType == PREMIUM_FEE_PART_TYPE
                 );
 
-                if (earlyBirdIndex >= 0) {
-                    supportingItems[earlyBirdIndex].laborAmount =
+                if (premiumFeeIndex >= 0) {
+                    supportingItems[premiumFeeIndex].laborAmount =
                         this.mobilePremiumAppointmentFee.laborAmount;
-                    supportingItems[earlyBirdIndex].selingPrice =
-                        this.mobilePremiumAppointmentFee.selingPrice;
-                    supportingItems[earlyBirdIndex].kitPrice =
+                    supportingItems[premiumFeeIndex].sellingPrice =
+                        this.mobilePremiumAppointmentFee.sellingPrice;
+                    supportingItems[premiumFeeIndex].kitPrice =
                         this.mobilePremiumAppointmentFee.kitPrice;
                 } else {
                     supportingItems.push(this.mobilePremiumAppointmentFee);
@@ -461,12 +461,12 @@ export default {
                 );
             } else {
                 // if it's not a mobile and/or premium early bird, then make sure we remove any that may have been added
-                const removeEarlyBirdIndex = supportingItems.findIndex(
+                const removePremiumFeeIndex = supportingItems.findIndex(
                     (item) => item.partType == PREMIUM_FEE_PART_TYPE
                 );
 
-                if (removeEarlyBirdIndex >= 0) {
-                    supportingItems.splice(removeEarlyBirdIndex, 1);
+                if (removePremiumFeeIndex >= 0) {
+                    supportingItems.splice(removePremiumFeeIndex, 1);
                     this.dispatchStoreAction(
                         this.storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
                         supportingItems,
diff --git a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
index cb4c06100..26f2e6962 100644
--- a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
+++ b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
@@ -46,6 +46,18 @@ export async function getServiceabilityDetails(serviceZipCode, lineItems, pageNa
     return Promise.resolve(serviceabilityDetails);
 }
 
+export async function getShopProviderData(serviceZipCode) {
+    const shopProviderData = await baseMixin.methods.dispatchStoreActionWithLogging(
+        storeActions.GET_PROVIDERS,
+        {
+            serviceZipCode: serviceZipCode,
+        },
+        "service-location"
+    );
+
+    return Promise.resolve(shopProviderData);
+}
+
 export async function getAvailabilityRating(
     startDate,
     endDate,
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
index 58420ce3a..8bac8dbb4 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
@@ -145,9 +145,6 @@ export default {
         alertInvalidZipWidgetName: String,
         customComponentId: String,
         validationRules: String,
-        onZipUpdateCallback: {
-            type: Function,
-        },
     },
     computed: {
         mobileLocationLinkPromptText() {
@@ -256,10 +253,7 @@ export default {
                     this.$emit("updated-serviceability", serviceabilityDetails.data);
                     this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase);
 
-                    if (this.onZipUpdateCallback) {
-                        await this.onZipUpdateCallback(serviceZipCode);
-                    }
-                    // Update the page level model
+                    // update the page level model
                     this.$emit("update:modelValue", this.internalModel);
 
                     this.closeModal();
diff --git a/src/layouts/service-location/service-location.spec.js b/src/layouts/service-location/service-location.spec.js
index 6cd3bc2f1..55ca775c4 100644
--- a/src/layouts/service-location/service-location.spec.js
+++ b/src/layouts/service-location/service-location.spec.js
@@ -7,10 +7,6 @@ import { getMountOptions } from "@/helpers/unit-test-helper";
 
 import store from "@/store";
 import baseMixin from "@/mixins/base-mixin";
-import {
-    getServiceabilityDetails,
-    Provider,
-} from "@/layouts/service-location/helpers/service-location-helper/service-location-helper";
 
 // Define Mocks
 jest.mock("@/helpers/cms-content-helper", () => ({
@@ -21,7 +17,7 @@ jest.mock("@/helpers/cms-content-helper", () => ({
 
 jest.mock("./classes/provider");
 
-const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
+let mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     let mobileFeePart = {};
 
     if (mockServiceZipCode === "43235") {
@@ -38,7 +34,7 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
-const mockGetServiceabilityDetails = (mockServiceZipCode) => {
+let mockGetServiceabilityDetails = (mockServiceZipCode) => {
     const serviceabilityDetails = {
         isGlassServiceableInshop: true,
         isRecalibrationServiceableInshop: true,
@@ -49,6 +45,17 @@ const mockGetServiceabilityDetails = (mockServiceZipCode) => {
     return Promise.resolve(serviceabilityDetails);
 };
 
+let mockGetShopProviderData = (mockServiceZipCode) => {
+    const result = {
+        data: {
+            mobileProviderNumber: "001820",
+            shopProviders: [{}],
+        },
+    };
+
+    return Promise.resolve(result);
+};
+
 jest.mock(
     "@/layouts/service-location/helpers/service-location-helper/service-location-helper",
     () => ({
@@ -58,6 +65,9 @@ jest.mock(
         getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
             return mockGetServiceabilityDetails(mockServiceZipCode);
         }),
+        getShopProviderData: jest.fn((mockServiceZipCode) => {
+            return mockGetShopProviderData(mockServiceZipCode);
+        }),
     })
 );
 
@@ -401,6 +411,9 @@ describe("service-location.vue", () => {
             const { wrapper } = setupMocks({});
 
             await wrapper.setData({
+                shopProviderData: {
+                    mobileProviderNumber: "001820",
+                },
                 selectedAppointmentType: "Mobile",
                 providerData: { mobileProviderNumber: "01820" },
             });
@@ -453,6 +466,9 @@ describe("service-location.vue", () => {
             const { wrapper } = setupMocks({});
 
             await wrapper.setData({
+                shopProviderData: {
+                    mobileProviderNumber: "001820",
+                },
                 selectedAppointmentType: "Mobile",
                 providerData: { mobileProviderNumber: "01820" },
             });
@@ -517,6 +533,9 @@ describe("service-location.vue", () => {
             const { wrapper } = setupMocks({});
 
             await wrapper.setData({
+                shopProviderData: {
+                    mobileProviderNumber: "001820",
+                },
                 selectedAppointmentType: "Mobile",
                 providerData: { mobileProviderNumber: "01820" },
             });
@@ -554,14 +573,13 @@ describe("service-location.vue", () => {
         describe("should be logical AND when recalibration is defined.", () => {
             test("T & T => T", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -582,14 +600,13 @@ describe("service-location.vue", () => {
 
             test("T & F => F", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -610,14 +627,13 @@ describe("service-location.vue", () => {
 
             test("F & T => F", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -638,14 +654,13 @@ describe("service-location.vue", () => {
 
             test("F & F => F", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -666,14 +681,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be true if mobile is true and inshop is false.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -695,14 +709,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be false if mobile is false.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -724,14 +737,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be false if inShop is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -753,14 +765,13 @@ describe("service-location.vue", () => {
 
             test("displayNoShopsAlert should be true if inShop is false and mobile is false", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -782,14 +793,13 @@ describe("service-location.vue", () => {
 
             test("displayNoShopsAlert should be false if inShop is true and mobile is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -811,14 +821,13 @@ describe("service-location.vue", () => {
 
             test("displayNoShopsAlert should be false if inShop is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -840,14 +849,13 @@ describe("service-location.vue", () => {
 
             test("displayNoShopsAlert should be false if mobile is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -869,14 +877,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableInshopOnly should be true if inshop is true and mobile is false", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -898,14 +905,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableInshopOnly should be false if inshop is false", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -927,14 +933,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableInshopOnly should be false if mobile is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -956,14 +961,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableInshopOnly should be false in the dual/static recalibration scenario", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -988,14 +992,13 @@ describe("service-location.vue", () => {
         describe("should be based only on glass serviceability if recalibration is not defined.", () => {
             test("Should return true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1016,14 +1019,13 @@ describe("service-location.vue", () => {
 
             test("Should return false", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1044,14 +1046,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be true if mobile is true and inshop is false.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1073,14 +1074,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be false if mobile is false", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1102,14 +1102,13 @@ describe("service-location.vue", () => {
 
             test("displayServiceableMobileOnly should be false if inShop is true", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1131,14 +1130,13 @@ describe("service-location.vue", () => {
 
             test("requiresInshopRecalibration should not be true if recalibration info is null.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: null,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: null,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1162,14 +1160,13 @@ describe("service-location.vue", () => {
         describe("should properly display alerts.", () => {
             test("Should show mobile-only error if only mobile is available.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1191,14 +1188,13 @@ describe("service-location.vue", () => {
 
             test("Should not show mobile-only error if not mobile-only.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1220,14 +1216,13 @@ describe("service-location.vue", () => {
 
             test("Should show no-shop error if no shops are available.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1249,14 +1244,13 @@ describe("service-location.vue", () => {
 
             test("Should not show no-shop error if shops are available.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1278,14 +1272,13 @@ describe("service-location.vue", () => {
 
             test("Should show inshop-only error if only inshop is available", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1307,14 +1300,13 @@ describe("service-location.vue", () => {
 
             test("Should not show inshop-only error if not inshop-only", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: false,
                         isRecalibrationServiceableInshop: false,
                         isGlassServiceableMobile: false,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1336,14 +1328,13 @@ describe("service-location.vue", () => {
 
             test("Should not show inshop-only error if dual or static recalibration, but should show that error instead.", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: false,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
@@ -1367,14 +1358,13 @@ describe("service-location.vue", () => {
 
             test("Should not show dual/static recalibration error if not those recalibration types", async () => {
                 // Arrange
-                getServiceabilityDetails.mockImplementation(() =>
+                mockGetServiceabilityDetails = () =>
                     Promise.resolve({
                         isGlassServiceableInshop: true,
                         isRecalibrationServiceableInshop: true,
                         isGlassServiceableMobile: true,
                         isRecalibrationServiceableMobile: true,
-                    })
-                );
+                    });
 
                 const { wrapper } = setupMocks({});
 
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 674c47409..2a17766f9 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -7,7 +7,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
 
@@ -19,8 +19,7 @@
                         @updated-serviceability="setServiceabilityDetails"
                         @updated-contains-military-base="setContainsMilitaryBase"
                         linkWidgetName="ServiceZipLinkWidget"
-                        modalWidgetName="ServiceZipModalWidget"
-                        :onZipUpdateCallback="reloadShopData" />
+                        modalWidgetName="ServiceZipModalWidget" />
 
                     <alert
                         ref="alertMilitaryBaseZip"
@@ -59,7 +58,7 @@
                         alertClass="alert-warning" />
                 </div>
             </div>
-            <div class="row justify-content-md-center appointment-type">
+            <div class="row justify-content-center appointment-type">
                 <div class="col-md-6">
                     <appointmentTypeQuestion
                         v-model="selectedAppointmentType"
@@ -73,7 +72,7 @@
                         validationRules="option-required" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <mobileLocationModalQuestions
                         customComponentId="mobileLocationQuestions"
@@ -86,16 +85,15 @@
                         validationRules="mobile-location-required"
                         ref="mobileLocationQuestions"
                         linkWidgetName="MobileLocationLinkWidget"
-                        modalWidgetName="MobileLocationModalWidget"
-                        :onZipUpdateCallback="reloadShopData" />
+                        modalWidgetName="MobileLocationModalWidget" />
 
                     <shopQuestion
                         ref="shopQuestion"
                         v-show="isShopQuestionDisplayed"
                         v-model="selectedProvider"
                         :selectedAppointmentType="selectedAppointmentType"
+                        :shopProviderData="shopProviderData"
                         :isDisplayed="isShopQuestionDisplayed"
-                        @updated-shop-list="setUpdatedShopList"
                         cmsWidgetName="ShopQuestionWidget" />
 
                     <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
@@ -135,6 +133,7 @@ import { settleAllPromises } from "@/helpers/layout-helper";
 import {
     getPricedMobileFeePart,
     getServiceabilityDetails,
+    getShopProviderData,
 } from "@/layouts/service-location/helpers/service-location-helper/service-location-helper";
 
 import { Provider } from "@/layouts/service-location/classes/provider";
@@ -180,7 +179,7 @@ export default {
             mobileFeePart: null,
             zipContainsMilitaryBase: false,
             zipCodeCtu: null,
-            providerData: null,
+            shopProviderData: null,
         };
     },
     async beforeRouteEnter(to, from, next) {
@@ -188,7 +187,10 @@ export default {
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
 
         const serviceZipCode = store.getters.order.serviceLocation.zipCode;
-        const getZipCodeData = baseMixin.methods.getZipCodeData(serviceZipCode, "service-location");
+        const zipCodeDataPromise = baseMixin.methods.getZipCodeData(
+            serviceZipCode,
+            "service-location"
+        );
 
         const serviceabilityDetailsPromise = getServiceabilityDetails(
             serviceZipCode,
@@ -198,7 +200,7 @@ export default {
 
         const mobileFeePartPromise = getPricedMobileFeePart(serviceZipCode, "service-location");
 
-        const shopQuestionInitialDataPromise = shopQuestion.methods.loadInitialData(serviceZipCode);
+        const shopProviderDataPromise = getShopProviderData(serviceZipCode); // shopQuestion.methods.loadInitialData(serviceZipCode);
 
         // Settle promises and get results
         const promiseResultMap = [
@@ -206,6 +208,10 @@ export default {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "zipCodeData",
+                promise: zipCodeDataPromise,
+            },
             {
                 resultKey: "mobileFeePart",
                 promise: mobileFeePartPromise,
@@ -215,12 +221,8 @@ export default {
                 promise: serviceabilityDetailsPromise,
             },
             {
-                resultKey: "zipCodeData",
-                promise: getZipCodeData,
-            },
-            {
-                resultKey: "shopQuestionInitialData",
-                promise: shopQuestionInitialDataPromise,
+                resultKey: "shopProviderData",
+                promise: shopProviderDataPromise,
             },
         ];
 
@@ -232,14 +234,9 @@ export default {
             vm.setData(
                 resultMap.zipCodeData,
                 resultMap.serviceabilityDetails,
-                resultMap.mobileFeePart
+                resultMap.mobileFeePart,
+                resultMap.shopProviderData
             );
-
-            // Initialize the Shop Question component
-            vm.$refs.shopQuestion.initializeComponent(resultMap.shopQuestionInitialData);
-
-            // Initialize the page level shop data
-            vm.providerData = resultMap.shopQuestionInitialData;
         });
     },
     computed: {
@@ -254,7 +251,7 @@ export default {
                 if (newValue.zipCode !== this.zipCode) {
                     this.resetMobileLocation();
                     this.selectedAppointmentType = null;
-                    this.selectedProvider = null;
+                    this.selectedProvider = new Provider();
                 }
 
                 this.state = newValue.state;
@@ -277,20 +274,16 @@ export default {
                 };
             },
             set: function (newValue) {
-                this.streetAddress = newValue.addressQuestions.streetAddress;
-                this.apartmentNumberOrBusinessName =
-                    newValue.addressQuestions.apartmentNumberOrBusinessName;
-                this.city = newValue.addressQuestions.city;
-                this.state = newValue.addressQuestions.state;
-                this.zipCode = newValue.addressQuestions.zipCode;
-                this.isVehicleProtected = newValue.isVehicleProtected;
-
-                if (newValue.zipCode !== this.zipCode) {
-                    if (!this.selectedAppointmentType == "Mobile") {
-                        this.selectedAppointmentType = null;
-                    }
-                    this.selectedProvider = null;
+                if (newValue.addressQuestions.zipCode !== this.zipCode) {
+                    getShopProviderData(newValue.addressQuestions.zipCode).then((result) => {
+                        this.shopProviderData = result.data;
+                        this.selectedProvider = new Provider(
+                            this.shopProviderData.mobileProviderNumber
+                        );
+                    });
                 }
+
+                this.setMobileLocation(newValue);
             },
         },
         isServiceableMobile() {
@@ -355,7 +348,7 @@ export default {
                 store.getters.payment.isInsurance !== null
             );
         },
-        setData(zipCodeData, serviceabilityDetails, mobileFeePart) {
+        setData(zipCodeData, serviceabilityDetails, mobileFeePart, shopProviderData) {
             if (zipCodeData) {
                 this.zipContainsMilitaryBase = zipCodeData.containsMilitaryBase;
                 this.zipCodeCtu = zipCodeData.zipCodeCtu;
@@ -368,6 +361,10 @@ export default {
             if (mobileFeePart) {
                 this.mobileFeePart = mobileFeePart;
             }
+
+            if (shopProviderData) {
+                this.shopProviderData = shopProviderData;
+            }
         },
         setContainsMilitaryBase(val) {
             if (this.zipContainsMilitaryBase !== val) {
@@ -416,12 +413,18 @@ export default {
             this.isRecalibrationServiceableMobile =
                 serviceabilityDetails.isRecalibrationServiceableMobile;
         },
+        setMobileLocation(mobileLocation) {
+            this.streetAddress = mobileLocation.addressQuestions.streetAddress;
+            this.apartmentNumberOrBusinessName =
+                mobileLocation.addressQuestions.apartmentNumberOrBusinessName;
+            this.city = mobileLocation.addressQuestions.city;
+            this.state = mobileLocation.addressQuestions.state;
+            this.zipCode = mobileLocation.addressQuestions.zipCode;
+            this.isVehicleProtected = mobileLocation.isVehicleProtected;
+        },
         async reloadShopData(zipCode) {
             await this.$refs.shopQuestion.reloadShopData(zipCode);
         },
-        setUpdatedShopList(providerData) {
-            this.providerData = providerData;
-        },
         openRecalibrationInformationModal() {
             this.recalibrationInformationModal.openModal();
         },
@@ -438,7 +441,7 @@ export default {
                 // If it already exists, update the price with latest data
                 if (mobileFeeIndex >= 0) {
                     supportingItems[mobileFeeIndex].laborAmount = this.mobileFeePart.laborAmount;
-                    supportingItems[mobileFeeIndex].selingPrice = this.mobileFeePart.selingPrice;
+                    supportingItems[mobileFeeIndex].sellingPrice = this.mobileFeePart.sellingPrice;
                     supportingItems[mobileFeeIndex].kitPrice = this.mobileFeePart.kitPrice;
                 } else {
                     supportingItems.push(this.mobileFeePart);
@@ -494,21 +497,31 @@ export default {
             this.updateAndSaveSupportingItems();
             this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD, this.$route);
         },
+        openModalAction(modalName) {
+            this.$refs[modalName].openModal();
+        },
     },
     watch: {
+        zipCode: {
+            handler(newValue) {
+                getShopProviderData(this.zipCode).then(async (result) => {
+                    this.shopProviderData = result.data;
+                    if (this.selectedAppointmentType === "Mobile") {
+                        this.selectedProvider = new Provider(
+                            this.shopProviderData.mobileProviderNumber
+                        );
+                    } else {
+                        this.selectedProvider = new Provider();
+                    }
+                });
+            },
+        },
         selectedAppointmentType: {
             handler(newValue) {
                 if (newValue === "Mobile") {
-                    this.selectedProvider = new Provider(this.providerData.mobileProviderNumber);
-                } else {
-                    this.selectedProvider = new Provider();
-                }
-            },
-        },
-        providerData: {
-            handler(newValue) {
-                if (newValue === "Mobile") {
-                    this.selectedProvider = new Provider(this.providerData.mobileProviderNumber);
+                    this.selectedProvider = new Provider(
+                        this.shopProviderData.mobileProviderNumber
+                    );
                 } else {
                     this.selectedProvider = new Provider();
                 }
@@ -535,7 +548,6 @@ export default {
 .appointment-type-question {
     .button-question {
         .col {
-            padding: 0 0.5rem;
             @include media-breakpoint-up(md) {
                 padding: 0 0.75rem;
             }
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index 34a3d23c1..35276228d 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -68,9 +68,6 @@ export default {
         },
         linkWidgetName: String,
         modalWidgetName: String,
-        onZipUpdateCallback: {
-            type: Function,
-        },
     },
     computed: {
         serviceZipLinkText() {
@@ -164,13 +161,9 @@ export default {
                     this.$emit("updated-serviceability", serviceabilityDetails.data);
                     this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase);
 
-                    // Update the page level model
+                    // update the page level model
                     this.$emit("update:modelValue", this.internalModel);
 
-                    if (this.onZipUpdateCallback) {
-                        await this.onZipUpdateCallback(serviceZipCode);
-                    }
-
                     this.closeModal();
                 }
             } else {
diff --git a/src/layouts/service-location/shop-question/shop-question.spec.js b/src/layouts/service-location/shop-question/shop-question.spec.js
index 2904af1a9..82e48d470 100644
--- a/src/layouts/service-location/shop-question/shop-question.spec.js
+++ b/src/layouts/service-location/shop-question/shop-question.spec.js
@@ -61,6 +61,7 @@ const mockCmsContent = {
 
 const cmsWidgetName = "ShopQuestionWidget";
 const shopQuestionInitialData = {
+    mobileProviderNumber: "001820",
     shopProviders: [
         {
             address: {
@@ -162,15 +163,18 @@ describe("shop-question.vue", () => {
                 selectedAppointmentType: "Dropoff",
                 cmsWidgetName: cmsWidgetName,
                 isDisplayed: true,
+                shopProviderData: null,
             },
             mountOptions: {
                 attachTo: document.body,
             },
         });
 
-        // Act
-        wrapper.vm.initializeComponent(shopQuestionInitialData);
+        await wrapper.setProps({
+            shopProviderData: shopQuestionInitialData,
+        });
 
+        // Act
         await wrapper.vm.$nextTick();
         await wrapper.vm.$nextTick();
 
@@ -199,47 +203,6 @@ describe("shop-question.vue", () => {
     });
 
     it("Should display the 'Show more locations' link when there are more than three locations to chose from", async () => {
-        // Arrange
-        const { wrapper } = setupMocks({
-            mixins: [mockMixin],
-            props: {
-                modelValue: {
-                    address: {
-                        city: "POWELL",
-                        country: "US",
-                        state: "OH",
-                        streetAddress: "3938 POWELL RD",
-                        zipCode: "43065",
-                    },
-                    distanceInMiles: 16.2690495685233,
-                    providerNumber: "003341",
-                },
-                serviceZipCode: "43081",
-                selectedAppointmentType: "Dropoff",
-                cmsWidgetName: cmsWidgetName,
-                isDisplayed: true,
-            },
-            mountOptions: {
-                attachTo: document.body,
-            },
-        });
-
-        // Act
-        wrapper.vm.initializeComponent(shopQuestionInitialData);
-
-        await wrapper.vm.$nextTick();
-        await wrapper.vm.$nextTick();
-        await wrapper.vm.$nextTick();
-        await wrapper.vm.$nextTick();
-
-        const showMoreShopsLink = wrapper.findComponent({ ref: "showMoreShopsLink" });
-
-        // Assert
-        expect(showMoreShopsLink.exists()).toBe(true);
-        expect(showMoreShopsLink.isVisible()).toBe(true);
-    });
-
-    it("Should not display the 'Show more locations' link when there are fewer than three locations to chose from", async () => {
         // Arrange
         const alsoShopQuestionInitialData = {
             shopProviders: [
@@ -276,6 +239,17 @@ describe("shop-question.vue", () => {
                     distanceInMiles: 11.738869544543,
                     providerNumber: "003343",
                 },
+                {
+                    address: {
+                        city: "COLUMBUS",
+                        country: "US",
+                        state: "OH",
+                        streetAddress: "1670 HARMON AVE",
+                        zipCode: "43223",
+                    },
+                    distanceInMiles: 15.9727889297435,
+                    providerNumber: "006747",
+                },
             ],
         };
 
@@ -297,6 +271,7 @@ describe("shop-question.vue", () => {
                 selectedAppointmentType: "Dropoff",
                 cmsWidgetName: cmsWidgetName,
                 isDisplayed: true,
+                shopProviderData: null,
             },
             mountOptions: {
                 attachTo: document.body,
@@ -304,17 +279,94 @@ describe("shop-question.vue", () => {
         });
 
         // Act
-        wrapper.vm.initializeComponent(alsoShopQuestionInitialData);
+        await wrapper.setProps({
+            shopProviderData: alsoShopQuestionInitialData,
+        });
 
+        await wrapper.vm.$nextTick();
+        await wrapper.vm.$nextTick();
+        await wrapper.vm.$nextTick();
         await wrapper.vm.$nextTick();
 
         const showMoreShopsLink = wrapper.findComponent({ ref: "showMoreShopsLink" });
 
         // Assert
-        expect(showMoreShopsLink.exists()).toBe(false);
+        expect(showMoreShopsLink.exists()).toBeTruthy();
+        expect(showMoreShopsLink.isVisible()).toBeTruthy();
     });
 
-    it("Should display the next three shops when the 'Show more location' link is clicked", async () => {
+    it("Should not display the 'Show more locations' link when there are fewer than three locations to chose from", async () => {
+        // Arrange
+        const alsoShopQuestionInitialData = {
+            shopProviders: [
+                {
+                    address: {
+                        city: "WESTERVILLE",
+                        country: "US",
+                        state: "OH",
+                        streetAddress: "4403 EXECUTIVE PKWY",
+                        zipCode: "43081",
+                    },
+                    distanceInMiles: 5.16769294095201,
+                    providerNumber: "003335",
+                },
+                {
+                    address: {
+                        city: "WORTHINGTON",
+                        country: "US",
+                        state: "OH",
+                        streetAddress: "760 DEARBORN PARK LN",
+                        zipCode: "43085",
+                    },
+                    distanceInMiles: 10.5865432478478,
+                    providerNumber: "001820",
+                },
+            ],
+        };
+
+        const { wrapper } = setupMocks({
+            mixins: [mockMixin],
+            props: {
+                modelValue: {
+                    address: {
+                        city: "POWELL",
+                        country: "US",
+                        state: "OH",
+                        streetAddress: "3938 POWELL RD",
+                        zipCode: "43065",
+                    },
+                    distanceInMiles: 16.2690495685233,
+                    providerNumber: "003341",
+                },
+                serviceZipCode: "43081",
+                selectedAppointmentType: "Dropoff",
+                cmsWidgetName: cmsWidgetName,
+                isDisplayed: true,
+                shopProviderData: null,
+            },
+            mountOptions: {
+                attachTo: document.body,
+            },
+        });
+
+        // Act
+        await wrapper.setProps({
+            shopProviderData: alsoShopQuestionInitialData,
+        });
+
+        await wrapper.vm.$nextTick();
+
+        const showMoreShopsLink = wrapper.findComponent({ ref: "showMoreShopsLink" });
+
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(showMoreShopsLink.exists()).toBeFalsy();
+    });
+
+    //TODO: Add test to ensure the "Show more locations" link is not visible when all the existing shops are displayed.
+
+    it("Should display the next three shops when the 'Show more locations' link is clicked", async () => {
         // Arrange
         const displayedAnswers = [
             {
@@ -355,6 +407,7 @@ describe("shop-question.vue", () => {
                 selectedAppointmentType: "Dropoff",
                 cmsWidgetName: cmsWidgetName,
                 isDisplayed: true,
+                shopProviderData: null,
             },
             mountOptions: {
                 attachTo: document.body,
@@ -362,7 +415,9 @@ describe("shop-question.vue", () => {
         });
 
         // Act
-        wrapper.vm.initializeComponent(shopQuestionInitialData);
+        await wrapper.setProps({
+            shopProviderData: shopQuestionInitialData,
+        });
 
         await wrapper.vm.$nextTick();
 
@@ -384,7 +439,7 @@ describe("shop-question.vue", () => {
 
         await wrapper.vm.$nextTick();
 
-        showMoreShopsLink.trigger("click");
+        showMoreShopsLink.trigger("click-event");
 
         await wrapper.vm.$nextTick();
 
@@ -443,6 +498,7 @@ describe("shop-question.vue", () => {
                 serviceZipCode: "43081",
                 selectedAppointmentType: "Dropoff",
                 cmsWidgetName: cmsWidgetName,
+                shopProviderData: null,
             },
             mountOptions: {
                 attachTo: document.body,
@@ -450,7 +506,9 @@ describe("shop-question.vue", () => {
         });
 
         // Act
-        wrapper.vm.initializeComponent(shopQuestionInitialData);
+        await wrapper.setProps({
+            shopProviderData: shopQuestionInitialData,
+        });
 
         await wrapper.vm.$nextTick();
         await wrapper.vm.$nextTick();
@@ -468,15 +526,18 @@ describe("shop-question.vue", () => {
                 modelValue: null,
                 selectedAppointmentType: "Dropoff",
                 cmsWidgetName: cmsWidgetName,
+                shopProviderData: null,
             },
             mountOptions: {
                 attachTo: document.body,
             },
         });
 
-        // Act
-        await wrapper.vm.initializeComponent(shopQuestionInitialData);
+        await wrapper.setProps({
+            shopProviderData: shopQuestionInitialData,
+        });
 
+        // Act
         await wrapper.vm.$nextTick();
 
         expect(wrapper.vm.answers.length).toEqual(3);
diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index c3f31c68d..57702f841 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/src/layouts/service-location/shop-question/shop-question.vue
@@ -30,7 +30,7 @@
                 linkType="text"
                 :text="showMoreShopsLinkText"
                 href="#!"
-                @click-event="getNextShopsFromList"
+                @click-event="getNextShopsFromList(3)"
                 :aria-label="showMoreShopsLinkText" />
         </div>
     </transition>
@@ -43,8 +43,6 @@ import buttonQuestion from "@/digital-components/button-question/button-question
 import shopListButton from "./shop-list-button/shop-list-button";
 import textLink from "@/ux-components/text-link/text-link";
 
-import { storeActions } from "@/constants/store-actions.js";
-
 // Supporting files
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
@@ -63,7 +61,6 @@ export default {
     mixins: [baseMixin],
     data() {
         return {
-            shopProviders: [],
             shopListButton: shopListButton,
             answers: [],
             shopIndex: 0,
@@ -76,6 +73,7 @@ export default {
             default: () => null,
         },
         selectedAppointmentType: String,
+        shopProviderData: Object,
         cmsWidgetName: String,
         validationRules: String,
         isDisplayed: Boolean,
@@ -84,6 +82,9 @@ export default {
         questionText() {
             return this.getCmsContent(this.cmsWidgetName, "QuestionText");
         },
+        shopProviders() {
+            return this.shopProviderData?.shopProviders ?? [];
+        },
         selectedValue: {
             get: function () {
                 return this.modelValue;
@@ -124,22 +125,6 @@ export default {
         },
     },
     methods: {
-        loadInitialData(serviceZipCode) {
-            return this.loadData(serviceZipCode);
-        },
-        loadData(serviceZipCode) {
-            return baseMixin.methods.dispatchStoreActionWithLogging(
-                storeActions.GET_PROVIDERS,
-                {
-                    serviceZipCode: serviceZipCode,
-                },
-                "service-location"
-            );
-        },
-        initializeComponent(shopQuestionInitialData) {
-            this.shopProviders = shopQuestionInitialData.shopProviders;
-            this.$emit("updated-shop-list", shopQuestionInitialData);
-        },
         async getNextShopsFromList(numberToGet = 3) {
             const shopIterator = (array, n) => {
                 const l = array.length;
@@ -199,15 +184,6 @@ export default {
             this.answers = [];
             this.shopIndex = 0;
         },
-        async reloadShopData(serviceZipCode) {
-            const result = await this.loadData(serviceZipCode);
-            this.initializeComponent(result.data);
-
-            this.resetAnswers();
-
-            await nextTick();
-            await this.getNextShopsFromList();
-        },
         getSelectedProviderObject(providerNumber) {
             const provider =
                 this.shopProviders?.find((provider) => provider.providerNumber == providerNumber) ??
@@ -238,20 +214,19 @@ export default {
         },
         shopProviders: {
             async handler(newValue) {
+                this.resetAnswers();
+
                 await nextTick();
+                const selectedShopIndex = this.getSelectedProviderIndex(
+                    newValue,
+                    this.selectedProviderNumber
+                );
 
-                if (this.selectedAppointmentType) {
-                    const selectedShopIndex = this.getSelectedProviderIndex(
-                        newValue,
-                        this.selectedProviderNumber
-                    );
-
-                    if (selectedShopIndex >= 3) {
-                        await this.getNextShopsFromList(selectedShopIndex + 1);
-                    } else {
-                        await this.getNextShopsFromList();
-                        await nextTick();
-                    }
+                if (selectedShopIndex >= 3) {
+                    await this.getNextShopsFromList(selectedShopIndex + 1);
+                } else {
+                    await this.getNextShopsFromList();
+                    await nextTick();
                 }
             },
         },
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 353ad63df..e4c1d44ed 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -6,7 +6,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
@@ -23,7 +23,7 @@
                         :isDismissible="false" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6">
                     <damageLocationQuestion
                         ref="damageLocation"
@@ -32,7 +32,7 @@
                         groupName="DamageLocationQuestion" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <windshieldOptions
                         class="windshield-options"
@@ -66,7 +66,7 @@
                         validationRules="replace-options-required" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
@@ -551,9 +551,19 @@ export default {
 
 <style lang="scss">
 .replace-options-question {
+    .question-text {
+        margin: 1rem 0 0 0;
+        @include media-breakpoint-up(md) {
+            margin: 1rem 0;
+        }
+    }
     .two-list-card-width {
         width: 100%;
         flex: 0 auto;
+        margin-top: 0.5rem;
+        &:first-child {
+            margin-top: 1rem;
+        }
     }
 }
 </style>
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 08432bab9..3ce2cee18 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -8,8 +8,8 @@
                         <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                     </div>
                 </div>
-                <div class="row justify-content-md-center">
-                    <div class="col-md-6 col-lg-4">
+                <div class="row justify-content-center">
+                    <div class="col-md-6 col-xl-4">
                         <vehicleBanner
                             ref="vehicleBanner"
                             cmsWidgetName="VehicleBannerWidget"
@@ -17,20 +17,18 @@
                         <funnelSubHeader
                             ref="funnelSubHeader"
                             cmsWidgetName="FunnelSubHeaderWidget" />
-                        <div class="prevent-squish my-5">
-                            <div class="row">
-                                <div class="col pb-0">
-                                    <alert
-                                        class="rounded border-0 shadow-sm"
-                                        alertClass="alert-warning"
-                                        cmsWidgetName="AlertWidget"
-                                        :isDismissible="false" />
-                                </div>
-                            </div>
-                        </div>
                     </div>
                 </div>
-                <div class="row justify-content-md-center">
+                <div class="row justify-content-center">
+                    <div class="col-md-6 col-xl-4 my-5">
+                        <alert
+                            class="rounded border-0 shadow-sm"
+                            alertClass="alert-warning"
+                            cmsWidgetName="AlertWidget"
+                            :isDismissible="false" />
+                    </div>
+                </div>
+                <div class="row justify-content-center">
                     <div class="col-md-6 col-xl-4">
                         <div v-for="(item, i) in PartsOrQuestions" :key="i">
                             <!-- Render horizontal lines if there is multi-glass (aka if i > 0) -->
diff --git a/src/layouts/vehicle/vehicle.spec.js b/src/layouts/vehicle/vehicle.spec.js
index 56b46292d..74d29071a 100644
--- a/src/layouts/vehicle/vehicle.spec.js
+++ b/src/layouts/vehicle/vehicle.spec.js
@@ -5,12 +5,19 @@ import vehicle from "@/layouts/vehicle/vehicle.vue";
 import { shallowMount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import baseMixin from "../../mixins/base-mixin";
 
 // Mock our module for promises.
 jest.mock("@/helpers/layout-helper.js", () => ({
     settleAllPromises: jest.fn(),
 }));
 
+// Mock fetchCmsContentForPage
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: jest.fn(),
+}));
+
 describe("vehicle.vue", () => {
     test("arePagePrerequisitesValid should be true ", async () => {
         //Arrange
@@ -40,17 +47,24 @@ describe("vehicle.vue", () => {
 });
 
 function setupMocks() {
-    const wrapper = shallowMount(
-        vehicle,
-        getMountOptions({
-            router: {
-                navigate: jest.fn(),
-                navigate: jest.fn(),
-                navigateWithSaving: jest.fn(),
-                navigateWithoutSaving: jest.fn(),
-            },
-        })
-    );
+    const mountOptions = getMountOptions({
+        router: {
+            navigate: jest.fn(),
+            navigate: jest.fn(),
+            navigateWithSaving: jest.fn(),
+            navigateWithoutSaving: jest.fn(),
+        },
+    });
+
+    //Mock props
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn(),
+        },
+    };
+
+    mountOptions.mixins = [mockMixin];
+    const wrapper = shallowMount(vehicle, mountOptions);
 
     return { wrapper };
 }
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index e064250bd..1754a3a91 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -9,6 +9,10 @@
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
+                    <div
+                        cmsWidgetName="FindYourVehicleCopyWidget"
+                        v-html="this.findYourVehicleCopy"
+                        class="mt-2 mb-4 small"></div>
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"
@@ -294,6 +298,9 @@ export default {
             else if (this.imageUrl == null && this.carId !== null) return false;
             else return true;
         },
+        findYourVehicleCopy() {
+            return this.getCmsContent("FindYourVehicleCopyWidget", "QuestionText");
+        },
     },
     methods: {
         getVehicle(year, make, model, style) {
@@ -430,6 +437,6 @@ export default {
 }
 .siteSubHeader {
     margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
+    margin-bottom: 0;
 }
 </style>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 1f79182a6..e28359724 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -7,7 +7,7 @@
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
                 </div>
             </div>
-            <div class="row justify-content-md-center">
+            <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
                         cmsWidgetName="VehicleBannerWidget"
@@ -16,7 +16,7 @@
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
 
                     <textboxQuestion
-                        class="mb-4 mt-5"
+                        class="mb-2 mt-5"
                         cmsWidgetName="VinNumberQuestionWidget"
                         v-model="vin"
                         customInputId="vin"
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index df03693ee..c33715c2b 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -88,6 +88,7 @@ export default {
                     lineItem.partType != partTypeStrings.RAIN_DEFENSE
                 );
             });
+
             let totalPrice = this.getTotalPriceOfAllLineItemsAndChildParts(lineItemsToPrice);
             return totalPrice;
         },
diff --git a/src/store/index.js b/src/store/index.js
index 094421f0d..7f4cb956d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -22,6 +22,7 @@ import {
     militaryToTwelveHourTime,
     getDisplayTextForDurationLength,
 } from "@/layouts/schedule/helpers/schedule-helper";
+import { paymentMethods } from "@/constants/payment-method-constants";
 
 import { getDateDifferenceInDays } from "@/helpers/date-helper";
 // Export State
@@ -94,9 +95,24 @@ const getDefaultState = () => {
                     coverageStatus: null,
                 },
                 parentAccountNumber: 0,
-                payNowType: "cc",
+                isPia: null,
+                piaType: null,
                 piaErrorCode: null,
                 inactivePromos: null,
+                paypalToken: null,
+                ccToken: {
+                    subscriptionId: null,
+                    expMonth: null,
+                    expYear: null,
+                    cardType: null,
+                    billToPostalCode: null,
+                    billToFirstName: null,
+                    billToLastName: null,
+                    referenceNumber: null,
+                    authCode: null,
+                    transactionId: null,
+                    transReferenceNumber: null,
+                },
             },
             schedule: {
                 date: null,
@@ -227,8 +243,11 @@ export const mutations = {
     updateIsInsurance(state, isInsurance) {
         state.order.payment.isInsurance = isInsurance;
     },
-    updatePayNowType(state, payNowType) {
-        state.order.payment.payNowType = payNowType;
+    updateIsPia(state, isPia) {
+        state.order.payment.isPia = isPia;
+    },
+    updatePiaType(state, piaType) {
+        state.order.payment.piaType = piaType;
     },
     updatePiaErrorCode(state, piaErrorCode) {
         state.order.payment.piaErrorCode = piaErrorCode;
@@ -239,6 +258,22 @@ export const mutations = {
     updateWorkOrderNumber(state, workOrderNumber) {
         state.order.workOrderNumber = workOrderNumber;
     },
+    updateCCToken(state, ccToken) {
+        state.order.payment.ccToken.subscriptionId = ccToken.subscriptionId;
+        state.order.payment.ccToken.expMonth = ccToken.expMonth;
+        state.order.payment.ccToken.expYear = ccToken.expYear;
+        state.order.payment.ccToken.cardType = ccToken.cardType;
+        state.order.payment.ccToken.billToPostalCode = ccToken.billToPostalCode;
+        state.order.payment.ccToken.billToFirstName = ccToken.billToFirstName;
+        state.order.payment.ccToken.billToLastName = ccToken.billToLastName;
+        state.order.payment.ccToken.referenceNumber = ccToken.referenceNumber;
+        state.order.payment.ccToken.authCode = ccToken.authCode;
+        state.order.payment.ccToken.transactionId = ccToken.transactionId;
+        state.order.payment.ccToken.transReferenceNumber = ccToken.transReferenceNumber;
+    },
+    updatePaypalToken(state, ppToken) {
+        state.order.payment.paypalToken = ppToken;
+    },
     updateInsuranceVerifiedStatus(state, isVerified) {
         state.order.payment.insuranceCoverage.isVerified = isVerified;
     },
@@ -418,6 +453,10 @@ export const mutations = {
         state.order.serviceLocation.state = null;
         state.order.serviceLocation.isVehicleProtected = null;
     },
+    resetPaymentMethodChoice(state) {
+        state.order.payment.isPia = null;
+        state.order.payment.piaType = null;
+    },
     // Misc Mutations
     updateStateWithOrderInformation(state, sessionInformation) {
         state.order.referralNumber = sessionInformation.order.referralNumber;
@@ -672,7 +711,10 @@ function getTimeSlotsAdditionalEventData(
 ) {
     var numberOfDays = null;
     if (firstAvailableAppointmentDateString)
-        numberOfDays = getDateDifferenceInDays(new Date(), firstAvailableAppointmentDateString);
+        numberOfDays = getDateDifferenceInDays(
+            new Date().toISOString().split("T")[0],
+            firstAvailableAppointmentDateString
+        );
 
     if (shopAppointmentType)
         return `FirstAvailableAppointment:${numberOfDays},Zip:${zipCode},ShopAppointmentType:${shopAppointmentType},ProvisionalTriggers:${provisionalTriggers.join(
@@ -885,6 +927,7 @@ export const actions = {
         context.commit(storeMutations.RESET_SERVICE_LOCATION_PROVIDER);
 
         context.commit(storeMutations.RESET_SCHEDULE);
+        context.commit(storeMutations.RESET_PAYMENT_METHOD_CHOICE);
     },
 
     resetState(context) {
@@ -1550,6 +1593,7 @@ export const actions = {
             endpoint: endpoints.SaveSession.url,
             payload: {
                 submitAfterSave: context.state.submitAfterSave,
+                userAgent: navigator.userAgent,
                 applicationUser: {
                     crmCustomerId: applicationUser.crmCustomerId,
                     experiments: applicationUser.experiments,
@@ -1604,6 +1648,24 @@ export const actions = {
                         isInsurance: order.payment.isInsurance,
                         parentAccountNumber: order.payment.parentAccountNumber,
                         inactivePromos: order.payment.inactivePromos,
+                        isCreditCard:
+                            order.payment.piaType == paymentMethods.CREDIT_CARD ? true : false,
+                        isPaypal: order.payment.piaType == paymentMethods.PAYPAL ? true : false,
+                        isAfterPay: order.payment.piaType == paymentMethods.AFTERPAY ? true : false,
+                        paypalToken: order.payment.paypalToken,
+                        ccToken: {
+                            subscriptionId: order.payment.ccToken.subscriptionId,
+                            expMonth: order.payment.ccToken.expMonth,
+                            expYear: order.payment.ccToken.expYear,
+                            cardType: order.payment.ccToken.cardType,
+                            billToPostalCode: order.payment.ccToken.billToPostalCode,
+                            billToFirstName: order.payment.ccToken.billToFirstName,
+                            billToLastName: order.payment.ccToken.billToLastName,
+                            referenceNumber: order.payment.ccToken.referenceNumber,
+                            authCode: order.payment.ccToken.authCode,
+                            transactionId: order.payment.ccToken.transactionId,
+                            transReferenceNumber: order.payment.ccToken.transReferenceNumber,
+                        },
                     },
                     serviceLocation: {
                         streetAddress: order.serviceLocation.address,
@@ -1721,6 +1783,12 @@ export const actions = {
     savePiaWorkOrder(context, piaWorkOrder) {
         context.commit(storeMutations.UPDATE_PIA_WORK_ORDER, piaWorkOrder);
     },
+    saveCCToken(context, ccToken) {
+        context.commit(storeMutations.UPDATE_CCTOKEN, ccToken);
+    },
+    savePaypalToken(context, ppToken) {
+        context.commit(storeMutations.UPDATE_PAYPAL_TOKEN, ppToken);
+    },
 
     // Business domain actions
 
@@ -2007,11 +2075,19 @@ export const actions = {
     },
 
     savePaymentType(context, isInsurance) {
+        if (isInsurance !== context.getters.payment.isInsurance) {
+            context.commit(storeMutations.RESET_PAYMENT_METHOD_CHOICE);
+        }
+
         context.commit(storeMutations.UPDATE_IS_INSURANCE, isInsurance);
     },
 
-    savePayNowType(context, payNowType) {
-        context.commit(storeMutations.UPDATE_PAY_NOW_TYPE, payNowType);
+    savePaymentMethodChoice(context, paymentMethod) {
+        const isPia = paymentMethod !== paymentMethods.LATER;
+
+        context.commit(storeMutations.UPDATE_IS_PIA, isPia);
+
+        context.commit(storeMutations.UPDATE_PIA_TYPE, isPia ? paymentMethod : null);
     },
 
     saveParentAccountNumber(context, parentAccountNumber) {
@@ -2111,14 +2187,13 @@ export const actions = {
             pageNameToLog,
         }
     ) {
-        const flattenedLineItemsWithChildParts =
-            getFlattenedArrayOfLineItemsWithChildParts(pricedLineItems);
-
-        const lineItemsWithOnlyPriceInfo = flattenedLineItemsWithChildParts.map((lineItem) => ({
+        // const flattenedLineItemsWithChildParts =
+        //     getFlattenedArrayOfLineItemsWithChildParts(pricedLineItems);
+        const lineItemsWithOnlyPriceInfo = pricedLineItems.map((lineItem) => ({
             partNumber: lineItem.partNumber,
-            laborAmount: lineItem.laborAmount,
-            kitPrice: lineItem.kitPrice,
-            sellingPrice: lineItem.sellingPrice,
+            laborAmount: lineItem.laborAmount ?? 0,
+            kitPrice: lineItem.kitPrice ?? 0,
+            sellingPrice: lineItem.sellingPrice ?? 0,
         }));
 
         const pricedLineItemsFormattedForRequest =
@@ -2281,6 +2356,7 @@ export const actions = {
                     context.state.order.serviceLocation.appointmentType
             ) {
                 context.commit(storeMutations.RESET_SCHEDULE);
+                context.commit(storeMutations.RESET_PAYMENT_METHOD_CHOICE);
             }
         }
 
@@ -2452,8 +2528,7 @@ function convertGlassPieceNamingFromApi(glassArray) {
 }
 
 function addPricesToLineItems(lineItems, pricingLineItems) {
-    const pricedLineItems = deepClone(lineItems);
-    pricedLineItems.forEach((lineItem) => {
+    lineItems.forEach((lineItem) => {
         let lineItemIndex = pricingLineItems.findIndex(
             (pricingLineItem) => pricingLineItem.partNumber === lineItem.partNumber
         );
@@ -2466,13 +2541,15 @@ function addPricesToLineItems(lineItems, pricingLineItems) {
         lineItem.laborAmount = pricedLineItem.laborAmount;
         lineItem.sellingPrice = pricedLineItem.sellingPrice;
         lineItem.kitPrice = pricedLineItem.kitPrice;
+        lineItem.salesTax = pricedLineItem.salesTax;
     });
 
-    return pricedLineItems;
+    return lineItems;
 }
 
 function addTaxesToPricedLineItems(lineItems, taxingLineItems) {
-    lineItems.forEach((lineItem) => {
+    const taxedLineItems = deepClone(lineItems);
+    taxedLineItems.forEach((lineItem) => {
         let lineItemIndex = taxingLineItems.findIndex(
             (taxingLineItem) => taxingLineItem.partNumber === lineItem.partNumber
         );
@@ -2482,10 +2559,10 @@ function addTaxesToPricedLineItems(lineItems, taxingLineItems) {
         }
 
         let taxedLineItem = taxingLineItems.splice(lineItemIndex, 1)[0];
-        lineItem.SalesTax = taxedLineItem.SalesTax;
+        lineItem.salesTax = taxedLineItem.salesTax;
     });
 
-    return lineItems;
+    return taxedLineItems;
 }
 
 function getArrayOfAllLineItems(lineItems) {
diff --git a/src/store/store.spec.js b/src/store/store.spec.js
index 1c9a5e92b..b0cd5154a 100644
--- a/src/store/store.spec.js
+++ b/src/store/store.spec.js
@@ -753,6 +753,19 @@ describe("Actions", () => {
                         isVerified: false,
                     },
                     isInsurance: false,
+                    ccToken: {
+                        subscriptionId: null,
+                        expMonth: null,
+                        expYear: null,
+                        cardType: null,
+                        billToPostalCode: null,
+                        billToFirstName: null,
+                        billToLastName: null,
+                        referenceNumber: null,
+                        authCode: null,
+                        transactionId: null,
+                        transReferenceNumber: null,
+                    },
                 },
                 serviceLocation: {},
                 customer: {},
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 6bb1bd64c..197655db1 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -14,6 +14,30 @@ body {
             display: flex;
             flex-direction: column;
         }
+        // Set max-width on columns to prevent overly-wide
+        // components on extra wide screens.
+        .col-md-6 {
+            max-width: 472px;
+            @include media-breakpoint-up(xl) {
+                max-width: 708px;
+            }
+            .col {
+                max-width: 236px;
+                &.one-list-card-width {
+                    max-width: 472px;
+                    @include media-breakpoint-up(xl) {
+                        max-width: 66.6666666%;
+                    }
+                }
+            }
+        }
+        .col-xl-4 {
+            max-width: 472px;
+            .col {
+                max-width: 100%;
+            }
+        }
+        //END set max-width on columns
     }
     .pointer {
         cursor: pointer;
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 951f1c0ec..ce4e6b60f 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="alert fade show text-center mb-0 py-2 px-4"
+        class="alert fade show text-center mb-0 py-2 px-4 border-0"
         role="alert"
         :class="[
             isDismissible ? 'alert-dismissible' : '',