@import url('../../css/Customer-Resets/reset-customer-header.css');
@import url('../../css/Customer-Resets/reset-customer-progress.css');
@import url('../../css/Customer-Resets/reset-customer-body-content.css');
#headerwrap.survey-layout {
  position: static;
}
#headerwrap.survey-layout div.banner {
  width: 100vw;
  max-width: 100%;
  left: 0;
  top: 79px;
  background-image: url('/content/branding/jct600-seat/images/banner-survey.jpg');
}
@media only screen and (min-width: 768px) {
  #headerwrap.survey-layout div.banner {
    top: 90px;
  }
}
.body-content.survey-layout {
  width: 100%;
  max-width: 1150px;
  margin: 149px auto 0 auto;
  border: none;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout {
    margin-top: 399px;
  }
}
.body-content.survey-layout h1 {
  background-color: #ffffff;
  color: #333333;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout h1 {
    position: absolute;
    top: 396px;
    margin: 0;
    width: 50%;
    left: auto;
    right: 0;
    padding: 5px 15px;
  }
}
.body-content.survey-layout h2 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold !important;
  font-weight: normal;
  background-color: #ffffff;
  color: #727677;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout h2 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
  }
}
.body-content.survey-layout .csi-wrapper {
  position: static;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout .csi-wrapper {
    width: 66%;
    max-width: 1150px;
    margin: 0 auto;
    float: none;
  }
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five {
  /* 1-5 starred answers */
  margin-top: 40px;
  margin-bottom: 80px;
  text-align: center;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five div.star:before {
  font-family: Arial;
  content: '☆';
  color: #b0b6b8;
  font-size: 30px !important;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five div.star.hover:before {
  font-family: Arial;
  content: '★';
  color: #d7122b !important;
  font-size: 30px !important;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five input:checked + div.star:before,
.body-content.survey-layout .csi-wrapper div.question.one-to-five div.star.on:before {
  font-family: Arial;
  content: '★';
  color: #d7122b;
  font-size: 30px !important;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five div.star {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 21px;
  margin-right: 11px;
  font-size: 16px;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five div.star:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  border-radius: 10px;
}
.body-content.survey-layout .csi-wrapper div.question.one-to-five input[type=radio] {
  display: none;
  -webkit-appearance: none;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no {
  /* Yes/No answers */
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no p {
  padding-bottom: 30px;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no div.btn-group {
  width: 100%;
  text-align: center;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no label {
  width: calc(80px) !important;
  color: #b0b6b8;
  background-color: #ffffff;
  font-size: 0.9em;
  margin: 0 10px;
  border-color: #b0b6b8;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no label:hover {
  background-color: #d7122b !important;
  color: #ffffff;
  border-color: #d7122b !important;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no label.active {
  background-color: #d7122b;
  color: #ffffff;
  border-color: #d7122b;
}
.body-content.survey-layout .csi-wrapper div.question.yes-no label.btn {
  float: none;
}
.body-content.survey-layout .csi-wrapper div.question.text {
  /* Text based answers */
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
}
.body-content.survey-layout .csi-wrapper div.question.text p {
  padding-bottom: 30px;
}
.body-content.survey-layout .csi-wrapper div.question.text textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border-radius: 5px;
  color: #101010;
  padding: 10px;
  font-size: 1.1em;
  border: 2px solid #d7122b;
}
.body-content.survey-layout .csi-wrapper div.question p {
  text-align: center;
  margin-bottom: 0px;
  font-size: 1.6em;
}
.body-content.survey-layout .csi-wrapper .btn-primary:hover {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
.body-content.survey-layout .csi-wrapper .dealership-services {
  max-width: 1150px;
  width: 100%;
  margin-top: 15px;
}
.body-content.survey-layout .csi-wrapper .dealership-services h4.blocked-sub-heading {
  display: block;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout .csi-wrapper .dealership-services {
    position: absolute;
    left: 0;
    top: 645px;
    left: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1050px) {
  .body-content.survey-layout .csi-wrapper .dealership-services {
    left: calc(((100vw - 1150px) / 2) );
  }
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout .csi-wrapper .dealership-services > div {
    width: calc(66% - 50px);
  }
}
.body-content.survey-layout div.dealership-services {
  width: 100% !important;
  background-color: #e5eaee;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-services {
    width: calc(66% - 50px) !important;
    margin-right: 50px;
  }
}
.body-content.survey-layout div.dealership-services h2 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.body-content.survey-layout div.dealership-services .row {
  margin: 0;
}
.body-content.survey-layout div.dealership-details-wrapper {
  position: static !important;
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper {
    position: relative !important;
    padding: 0;
  }
}
.body-content.survey-layout div.dealership-details-wrapper h2 {
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper h2 {
    position: absolute;
    top: 200px;
    margin: 16px 0 0 0;
  }
}
.body-content.survey-layout div.dealership-details-wrapper .dealership-details {
  margin-top: 0px;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper .dealership-details {
    margin-top: 230px;
  }
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper .dealership-details .opening-hours-wrapper {
    top: 258px;
  }
}
.body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper {
  display: none;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper {
    display: block;
  }
}
.body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper .dealership-photo,
.body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper .dealership-holding-photo {
  top: -151px;
}
@media only screen and (min-width: 768px) {
  .body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper .dealership-photo,
  .body-content.survey-layout div.dealership-details-wrapper .dealership-photo-wrapper .dealership-holding-photo {
    top: 0;
  }
}
/*.body-content.survey-layout-thankyou {

    div.dealership-services {
        position: static !important;
        width: 100%;

        div.row {
            width: 100% !important;
        }
    }
}*/

/*.csi-thankyou .csi-wrapper {
    text-align: left;
}

.csi-already-completed {
    @media only screen and (min-width:768px) {
        width: 75%;
        max-width: 1140px;
        margin: 0 auto;
        float: none;
    }
}*/

/* Mixins */

.font-default {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
}
.font-heading {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  margin: 16px auto;
}
@media only screen and (min-width: 768px) {
  .font-heading {
    font-size: 26px;
    line-height: 32px;
    margin: 34px auto;
  }
}
.font-breadcrumbs {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  color: #b0b6b8;
}
.font-subheading {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
}
.blocked-sub-heading {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.font-awesome {
  font: normal normal normal 14px/1 FontAwesome;
}
.button-hover {
  background-color: #ffffff !important;
  color: #333333;
  border-color: #ffffff !important;
  opacity: 1;
}
.button-hover-grey {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
.left-align-absolutely {
  left: calc(((100vw - 1150px) / 2) );
}
.left-align-heading-absolutely {
  position: absolute !important;
  top: 144px;
  left: 10px;
  display: block !important;
}
.hidden-bodyshop-templates {
  display: none !important;
}
.body-content-breakout {
  max-width: 1150px;
  width: 100%;
  margin-top: 15px;
}
.body-content-breakout h4.blocked-sub-heading {
  display: block;
}
@media only screen and (min-width: 768px) {
  .body-content-breakout {
    position: absolute;
    left: 0;
    top: 645px;
    left: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1050px) {
  .body-content-breakout {
    left: calc(((100vw - 1150px) / 2) );
  }
}
@media only screen and (min-width: 768px) {
  .body-content-breakout > div {
    width: calc(66% - 50px);
  }
}
div.customer-progress-wrapper {
  width: 100vw;
  max-width: 100%;
  margin: 0 auto;
  float: none;
  border-top: 1px solid #e5eaee;
  border-bottom: 1px solid #e5eaee;
  position: absolute;
  left: 0;
  right: unset;
  top: auto;
}
@media only screen and (min-width: 768px) {
  
}
ul.customer-progress {
  display: block;
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  ul.customer-progress {
    max-width: 1150px;
    padding: 0 10px;
    margin: 0 auto;
  }
}
ul.customer-progress li,
ul.customer-progress li.active {
  float: left;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  
}
@media screen and (min-width: 0\0) {
  ul.customer-progress li,
  ul.customer-progress li.active {
    width: auto !important;
    background-color: #ffffff !important;
  }
}
ul.customer-progress li.completed {
  background-color: #ffffff;
}
ul.customer-progress li:first-child:before {
  font-size: 10px;
  display: inline-block;
  content: '\00a0\00a0>\00a0\00a0';
  color: #b0b6b8;
}
@media screen and (min-width: 0\0) {
  ul.customer-progress li:first-child:before {
    content: ' ';
  }
}
ul.customer-progress li div {
  display: inline !important;
}
ul.customer-progress li div span {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  color: #b0b6b8;
  line-height: 50px;
  color: #b0b6b8 !important;
}
ul.customer-progress li div span:nth-child(1) {
  visibility: visible;
  display: inline !important;
  padding: 0 !important;
}
ul.customer-progress li div span:nth-child(2) {
  padding: 0;
}
ul.customer-progress li div span:nth-child(2):after {
  display: inline;
  margin: 0;
  content: '\00a0\00a0>\00a0\00a0';
  color: #b0b6b8 !important;
}
ul.customer-progress li div span:nth-child(3) {
  visibility: visible;
  display: none;
}
@media only screen and (min-width: 768px) {
  ul.customer-progress li div span:nth-child(2):after {
    margin: 0;
    content: '';
  }
  ul.customer-progress li div span:nth-child(3):after {
    display: inline;
    margin: 0;
    content: '\00a0\00a0>\00a0\00a0';
    color: #b0b6b8 !important;
  }
  ul.customer-progress li div span:nth-child(3) {
    display: inline;
  }
}
ul.customer-progress li.active div span {
  color: #d7122b !important;
}
ul.customer-progress li:last-child span:nth-child(2):after,
ul.customer-progress li:last-child span:nth-child(3):after {
  content: '';
  margin: 0;
}
ul.customer-progress:before {
  line-height: 50px;
  float: left;
  font-size: 10px;
  display: inline-block !important;
  content: 'Begin';
  color: #333333;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  ul.customer-progress:before {
    content: 'Get started';
  }
}
@media screen and (min-width: 0\0) {
  ul.customer-progress:before {
    content: 'Get started\00a0\00a0>\00a0\00a0';
  }
}
ul.step-GetStarted:before {
  color: #d7122b !important;
}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
  
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
  
}
.img-wrap {
  background: none;
  background-color: #e5eaee;
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .img-wrap {
    margin-top: 50px;
  }
}
img.img-quarter-width {
  float: left;
  margin: 10px;
  width: calc(25% - 20px);
}
img.img-quarter-width {
  margin-left: 0;
  margin-right: 26px;
}
img.img-quarter-width:nth-child(4) {
  margin-right: 0 !important;
}
.img-wrap i.fa {
  position: absolute;
  top: auto;
  bottom: 15px;
  left: 20px;
  margin: 0;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .img-wrap i.fa {
    left: 5px;
  }
}
.img-wrap ul {
  padding: 15px 15px 15px 0;
  list-style: square;
  list-style-position: inside;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .img-wrap ul {
    padding: 15px 15px 15px 15px;
  }
}
.img-wrap ul li {
  line-height: 26px;
  font-size: 12px;
}
.photos-container {
  background-color: #ffffff;
  /*border-top: 1px solid @color-medium-grey;*/
  border-top: none;
  position: relative;
  margin: 0 -15px 0 -15px;
  width: calc(100% + 30px);
}
@media only screen and (min-width: 768px) {
  .photos-container {
    margin-top: 15px;
  }
}
.photos-container button[type="submit"]:hover {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
.photos {
  border: none;
  background: none;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 768px) {
  .photos {
    border-left: none;
    border-right: none;
    max-width: 960px;
    width: 100%;
  }
}
.photos h4 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
  margin: -10px -15px 15px -15px;
}
@media only screen and (min-width: 768px) {
  .photos h4 {
    margin: -10px -10px 15px -10px;
    width: calc(100% + 20px);
  }
}
.photos div.img-thumbnail-wrapper i {
  color: #d7122b;
  font-size: 18px;
}
.photos a.btn-submenu {
  margin-top: -2px;
  background-color: none !important;
  border-color: #e5eaee;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0.5;
}
.photos a.btn-submenu:hover {
  border-color: #e5eaee;
}
.photos a.btn-submenu.active {
  opacity: 0.85;
}
.photos a.btn-submenu.active:hover {
  border-color: #ffffff !important;
  cursor: pointer;
}
.photos a.btn-submenu i {
  color: #ffffff;
}
.photos a.close {
  display: none !important;
}
.photos .btn-file {
  position: absolute;
  top: 57px;
  left: 20px;
  padding: 0;
  background-color: #ffffff;
  border-color: #e5eaee;
  height: 0;
  max-width: 25%;
  min-width: unset !important;
  border: 2px dashed #b0b6b8;
  border-radius: 10px;
  width: calc(25% - 14px);
  padding-top: calc(25% - 18px);
}
@media only screen and (min-width: 768px) {
  .photos .btn-file {
    width: calc(25% - 10px);
    padding-top: calc(25% - 14px);
    left: 10px;
  }
}
@media screen and (min-width: 0\0) {
  .photos .btn-file {
    min-width: calc(25% - 10px) !important;
  }
}
.photos .btn-file input {
  z-index: 10 !important;
}
.photos .btn-file span {
  visibility: hidden;
}
@media screen and (min-width: 0\0) {
  .photos .btn-file span {
    visibility: visible;
  }
}
.photos .btn-file span:before {
  display: block;
  position: absolute;
  font-family: FontAwesome;
  content: "\f067";
  color: #b0b6b8;
  visibility: visible;
  top: 20%;
  left: calc(50% - 6px);
  z-index: 0;
}
.photos .btn-file span:after {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  bottom: 0;
  display: block;
  visibility: visible;
  width: 65px;
  content: 'Upload photograph';
  text-align: center;
  white-space: normal;
  font-size: 9px;
  color: #b0b6b8;
  z-index: 0;
  width: 100%;
}
.photos .btn-file:hover {
  background-color: #ffffff;
  border-color: #727677 !important;
}
.photos .btn-file:hover span:before,
.photos .btn-file:hover span:after {
  color: #727677;
}
.photos small.black {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
}
.photos #PhotoTarget {
  width: calc(100%);
  min-height: 75px;
  /*a.img {
            transform: rotate(-90deg);

            @media screen and (min-width:0\0) {
                transform: rotate(0deg);
            }
        }*/

}
.photos #PhotoTarget .img-thumbnail-wrapper:first-child {
  margin-left: calc(25% );
}
@media only screen and (min-width: 768px) {
  .photos #PhotoTarget .img-thumbnail-wrapper:first-child {
    margin-left: calc(25% + 5px);
  }
}
.photos #PhotoTarget .img-thumbnail-wrapper:nth-child(4) {
  margin-top: calc(((100% / 4) - 5px) - ((100% / 4) - 5px) * 2);
}
.photos #PhotoTarget .img-thumbnail-wrapper:before {
  padding-top: 100%;
}
.photos #PhotoTarget .img-thumbnail-wrapper {
  width: calc((100% / 4) - 5px);
  /*padding-top:25%;*/

}
.photos footer {
  border: none !important;
  width: 100%;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .photos footer {
    padding-top: 10px;
  }
}
.photos.hidden {
  display: block !important;
  visibility: visible !important;
}
.approve-photos-layout .photos.approve {
  height: 140px;
  position: relative;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .approve-photos-layout .photos.approve {
    width: calc(50% - 25px) !important;
    float: left !important;
    height: 200px;
  }
}
.approve-photos-layout .photos.approve header {
  border-bottom: 1px solid #b0b6b8 !important;
  display: inline-block;
  font-weight: bold;
}
.approve-photos-layout .photos.approve header.checkbox.has-error {
  color: #d7122b;
}
.approve-photos-layout .photos.approve header.checkbox.has-error label span.cr {
  border-color: #d7122b;
  margin-left: 30px;
}
.approve-photos-layout .photos.approve header.checkbox.has-error::after {
  right: unset !important;
  left: 0;
  line-height: 34px;
}
.approve-photos-layout .photos.approve .images {
  border: none !important;
}
.approve-photos-layout .photos.approve .images div.img-thumbnail-wrapper {
  height: 0;
  width: calc(25% - 15px);
  padding: 0;
  padding-top: calc(25% - 15px);
  position: relative;
  border: none;
  border-radius: 0;
  margin: 10px 20px 0 0;
  background-position: center center;
  background-size: cover;
  /*@media screen and (min-width:0\0) {
                    transform: rotate(0deg);
                }*/

}
.approve-photos-layout .photos.approve .images div.img-thumbnail-wrapper img {
  display: none;
}
.approve-photos-layout .photos.approve .images div.img-thumbnail-wrapper:nth-child(4n) {
  margin-right: 0;
}
.approve-photos-layout .photos.approve footer {
  height: 0;
}
.approve-photos-layout .photos.approve footer a {
  position: absolute;
  top: 15px;
  right: 5px;
  color: #b0b6b8 !important;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .approve-photos-layout .photos.approve:nth-child(2n+1) {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .approve-photos-layout .photos.approve-close-up-photos::after {
    display: block;
    width: 100% !important;
    float: left;
    content: 'Once you\'re happy with the photo\'s please click finish to send them to our approved repairer.';
    border: 2px dashed #727677;
    background-color: #e5eaee;
    border-radius: 10px;
    height: 200px;
    padding: 15px 30px;
    color: #727677;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    left: calc(100% + 50px);
    top: 0;
    z-index: 1;
    margin: 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  .approve-photos-layout .btn-approve {
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 100;
    font-size: 18px;
    margin-right: calc(25% - 50px);
    margin-top: 100px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .approve-photos-layout .btn-approve:hover {
    background-color: #e5eaee !important;
    color: #333333;
    border-color: #e5eaee !important;
    opacity: 1;
  }
}
.approve-photos-layout .btn-approve::before {
  display: inline-block;
  content: "\f00c";
  padding-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
}
.dealership-details-wrapper {
  background: none !important;
  color: #333333;
  border: none !important;
  position: static;
  padding: 0;
  top: 0;
  right: 0;
  margin: 0 !important;
}
@media only screen and (min-width: 768px) {
  .dealership-details-wrapper {
    position: absolute;
    width: calc(33%) !important;
    margin-top: 20px !important;
    /*top:245px !important;*/
  
  }
  .dealership-details-wrapper div.col-md-6.col-lg-6,
  .dealership-details-wrapper .row {
    position: static;
  }
}
.dealership-details-wrapper h2 {
  margin-bottom: 0;
  font-size: 16px;
  color: #333333;
}
@media only screen and (min-width: 768px) {
  .dealership-details-wrapper h2 {
    margin-top: 215px;
  }
}
.dealership-details-wrapper h3,
.dealership-details-wrapper p.dealer-name {
  display: none;
}
.dealership-details-wrapper .dealership-photo,
.dealership-details-wrapper .dealership-holding-photo {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .dealership-details-wrapper .dealership-photo,
  .dealership-details-wrapper .dealership-holding-photo {
    height: 200px;
  }
}
.dealership-details-wrapper .dealership-holding-photo {
  background-image: url('images/holding-image.jpg');
  background-size: cover;
}
.dealership-details-wrapper .dealership-photo-wrapper {
  display: block !important;
  position: static !important;
}
.dealership-details-wrapper .dealership-details {
  width: 100%;
  position: relative;
}
.dealership-details-wrapper .dealership-details .address-wrapper,
.dealership-details-wrapper .dealership-details .contact-details-wrapper {
  width: 40%;
  margin-right: 60%;
}
.dealership-details-wrapper .dealership-details .address-wrapper p.dealer-address br,
.dealership-details-wrapper .dealership-details .contact-details-wrapper p.dealer-address br {
  display: none;
}
.dealership-details-wrapper .opening-hours-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 150px;
  padding: 0 0 0 15px;
}
@media only screen and (min-width: 768px) {
  .dealership-details-wrapper .opening-hours-wrapper {
    top: 247px;
  }
}
.dealership-details-wrapper .opening-hours-wrapper .row {
  width: 100%;
  float: right;
}
.dealership-details-wrapper .opening-hours-wrapper table tr td:nth-child(2) {
  text-align: right;
}
/*.google-map-wrapper .google-map {
    height:400px;
}*/

.view-estimate-layout div.customer-progress-wrapper,
.view-estimate-layout-thankyou div.customer-progress-wrapper {
  display: block !important;
  visibility: visible !important;
}
.view-estimate-layout div.Estimate,
.view-estimate-layout-thankyou div.Estimate {
  margin-bottom: 44px;
}
.view-estimate-layout div.Estimate > h1,
.view-estimate-layout-thankyou div.Estimate > h1 {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout div.Estimate > h1,
  .view-estimate-layout-thankyou div.Estimate > h1,
  .view-estimate-layout div.Estimate > p,
  .view-estimate-layout-thankyou div.Estimate > p {
    position: absolute !important;
    top: 144px;
    left: 10px;
    display: block !important;
  }
}
@media only screen and (min-width: 1150px) {
  .view-estimate-layout div.Estimate > h1,
  .view-estimate-layout-thankyou div.Estimate > h1,
  .view-estimate-layout div.Estimate > p,
  .view-estimate-layout-thankyou div.Estimate > p {
    left: calc(((100vw - 1150px) / 2) );
  }
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout div.Estimate > p,
  .view-estimate-layout-thankyou div.Estimate > p {
    color: #727677;
    width: calc(66% - 50px);
    top: 208px;
  }
}
.view-estimate-layout .estimate-download,
.view-estimate-layout-thankyou .estimate-download {
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout .estimate-download,
  .view-estimate-layout-thankyou .estimate-download {
    margin: 0;
    position: absolute;
    top: auto;
    left: auto;
    z-index: 100;
  }
}
.view-estimate-layout .estimate-download i,
.view-estimate-layout-thankyou .estimate-download i {
  color: #ffffff;
  background: none !important;
}
.view-estimate-layout .estimate-download a,
.view-estimate-layout-thankyou .estimate-download a {
  font-size: 12px;
}
.view-estimate-layout .estimate-download a:hover,
.view-estimate-layout-thankyou .estimate-download a:hover {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
.view-estimate-layout .estimate-download a:hover i,
.view-estimate-layout-thankyou .estimate-download a:hover i {
  color: #333333;
}
.view-estimate-layout .estimate-details,
.view-estimate-layout-thankyou .estimate-details {
  padding: 10px !important;
  margin: -10px -10px 0 -10px !important;
  max-width: unset;
  width: calc(100% + 20px) !important;
  position: relative;
  top: 20px;
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout .estimate-details,
  .view-estimate-layout-thankyou .estimate-details {
    position: static;
  }
}
.view-estimate-layout .estimate-details h3,
.view-estimate-layout-thankyou .estimate-details h3 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.view-estimate-layout .estimate-details p span.title,
.view-estimate-layout-thankyou .estimate-details p span.title {
  font-weight: bold;
}
.view-estimate-layout .estimate-details p.estimate-number,
.view-estimate-layout-thankyou .estimate-details p.estimate-number,
.view-estimate-layout .estimate-details p.estimate-date,
.view-estimate-layout-thankyou .estimate-details p.estimate-date {
  margin: 0;
  font-size: 10px;
  color: #727677;
  line-height: 20px;
}
.view-estimate-layout .estimate-details p.estimate-description:before,
.view-estimate-layout-thankyou .estimate-details p.estimate-description:before {
  display: block;
  content: 'Description';
  font-weight: bold;
  margin-top: 10px;
}
.view-estimate-layout .estimate-details table,
.view-estimate-layout-thankyou .estimate-details table {
  width: 80%;
  max-width: 300px;
  margin: 20px auto;
}
.view-estimate-layout .estimate-details table td,
.view-estimate-layout-thankyou .estimate-details table td {
  text-align: right;
  line-height: 1.75em;
}
.view-estimate-layout .estimate-details table tbody tr:last-child th,
.view-estimate-layout-thankyou .estimate-details table tbody tr:last-child th {
  border-top: 1px dotted #b0b6b8;
}
.view-estimate-layout .estimate-details table th,
.view-estimate-layout-thankyou .estimate-details table th {
  text-align: right;
  line-height: 1.75em;
}
.view-estimate-layout .estimate-details .estimate-download.with-estimate-details,
.view-estimate-layout-thankyou .estimate-details .estimate-download.with-estimate-details {
  width: 80%;
  max-width: 500px;
  margin: 0 auto 0 auto;
  text-align: center;
}
.view-estimate-layout .estimate-response,
.view-estimate-layout-thankyou .estimate-response {
  max-width: 1150px;
  width: 100%;
  margin-top: 15px;
  margin-top: 15px !important;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  z-index: 1;
}
.view-estimate-layout .estimate-response h4.blocked-sub-heading,
.view-estimate-layout-thankyou .estimate-response h4.blocked-sub-heading {
  display: block;
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout .estimate-response,
  .view-estimate-layout-thankyou .estimate-response {
    position: absolute;
    left: 0;
    top: 645px;
    left: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1050px) {
  .view-estimate-layout .estimate-response,
  .view-estimate-layout-thankyou .estimate-response {
    left: calc(((100vw - 1150px) / 2) );
  }
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout .estimate-response > div,
  .view-estimate-layout-thankyou .estimate-response > div {
    width: calc(66% - 50px);
  }
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout .estimate-response,
  .view-estimate-layout-thankyou .estimate-response {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.view-estimate-layout .estimate-response > div,
.view-estimate-layout-thankyou .estimate-response > div {
  background-color: #e5eaee;
  padding: 15px;
}
.view-estimate-layout .estimate-response h2,
.view-estimate-layout-thankyou .estimate-response h2 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.view-estimate-layout .estimate-response div.question.radio-list,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list {
  text-align: left;
}
.view-estimate-layout .estimate-response div.question.radio-list p,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list p {
  padding-bottom: 30px;
}
.view-estimate-layout .estimate-response div.question.radio-list label,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list label {
  display: inline-block;
  width: unset;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  color: #333333;
  font-size: 0.9em;
  margin: 0 10px;
}
.view-estimate-layout .estimate-response div.question.radio-list label:before,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  content: "\f096";
  font-size: 16px;
  position: absolute;
  top: 5px;
  left: 0px;
}
.view-estimate-layout .estimate-response div.question.radio-list label.active,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list label.active {
  color: #333333;
  opacity: 1;
  border-color: #d7122b;
}
.view-estimate-layout .estimate-response div.question.radio-list label.active:before,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list label.active:before {
  content: "\f046";
}
.view-estimate-layout .estimate-response div.question.radio-list label:hover,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list label:hover {
  color: #d7122b;
}
.view-estimate-layout .estimate-response div.question.radio-list input,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list input {
  visibility: hidden;
}
.view-estimate-layout .estimate-response div.question.radio-list.Accept label,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Accept label {
  padding: 10px 10px 0px 20px;
  margin-left: 0;
  border-radius: 5px;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.025em;
}
.view-estimate-layout .estimate-response div.question.radio-list.Accept label:hover,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Accept label:hover {
  color: #d7122b;
}
.view-estimate-layout .estimate-response div.question.radio-list.Accept label:before,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Accept label:before {
  content: "\f096";
  font-size: 24px;
  top: 10px;
  left: 10px;
}
.view-estimate-layout .estimate-response div.question.radio-list.Accept label.active,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Accept label.active {
  color: #333333;
}
.view-estimate-layout .estimate-response div.question.radio-list.Accept label.active:before,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Accept label.active:before {
  content: "\f046";
}
.view-estimate-layout .estimate-response div.question.radio-list.Discuss,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Discuss {
  margin-top: 30px;
}
.view-estimate-layout .estimate-response div.question.radio-list.Discuss input[type="text"],
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Discuss input[type="text"] {
  max-width: 200px;
  visibility: visible;
  margin: 0;
  text-align: left;
}
.view-estimate-layout .estimate-response div.question.radio-list.Discuss .contact-details,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Discuss .contact-details {
  margin: 0 0 30px 0;
}
.view-estimate-layout .estimate-response div.question.radio-list.Reject,
.view-estimate-layout-thankyou .estimate-response div.question.radio-list.Reject {
  margin-top: 10px;
}
.view-estimate-layout-thankyou div.Estimate {
  margin-bottom: 0;
}
.view-estimate-layout-thankyou div.Estimate div > h1 {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .view-estimate-layout-thankyou div.Estimate div > h1 {
    position: absolute !important;
    top: 144px;
    left: 10px;
    display: block !important;
  }
}
@media only screen and (min-width: 1150px) {
  .view-estimate-layout-thankyou div.Estimate div > h1 {
    left: calc(((100vw - 1150px) / 2) );
  }
}
body {
  font-family: "Arial", sans-serif;
  background-color: #ffffff;
  color: #333333;
  font-size: 12px;
}
footer {
  background-color: #ffffff;
  color: #ffffff;
}
p {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 5px;
}
i,
header.checkbox i.cr-icon {
  color: #d7122b;
}
h1 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  margin: 16px auto;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 26px;
    line-height: 32px;
    margin: 34px auto;
  }
}
h2 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  margin: 16px auto;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 26px;
    line-height: 32px;
    margin: 34px auto;
  }
}
h3 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: 0;
  text-align: left;
}
h4 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px dotted #d7122b;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
h4.blocked-sub-heading {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
a {
  color: #d7122b;
  text-decoration: none;
}
a.btn,
a.btn:visited,
.btn-primary {
  background-color: #d7122b;
  border-color: #d7122b;
  background-image: none !important;
}
a.btn:hover {
  background-color: #d7122b;
  border-color: #d7122b;
  background-image: none !important;
}
a.btn:active {
  background-color: #e3e4e4;
  border-color: #e3e4e4;
  background-image: none !important;
  color: #333333;
}
hr.divider {
  margin-top: 40px;
  margin-bottom: 40px;
  border-color: #d7122b;
}
.shroud i {
  font-size: 6em;
  margin: -36px 0 0 -36px;
}
.btn-center {
  display: block;
  margin: 0 auto;
}
.btn-file.take-photo {
  background-color: #ffffff !important;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .btn-file.take-photo {
    right: calc((100% - 1070px) /2);
    top: 5px;
    left: unset;
    font-size: 30px;
  }
}
.btn-file.take-photo span {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  color: #e5eaee;
  display: none;
}
.btn-file.take-photo i {
  color: #e5eaee;
}
.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #d7122b;
  border-color: #d7122b;
  color: #ffffff;
  box-shadow: none;
  text-decoration: none;
  padding-left: 12px;
}
.btn-primary:hover,
.btn-file:hover {
  background-color: #ffffff !important;
  color: #333333;
  border-color: #ffffff !important;
  opacity: 1;
}
.btn-primary [disabled="disabled"],
.btn-primary[disabled=""],
.btn-primary[disabled="disabled"]:focus,
.btn-primary[disabled=""]:focus {
  opacity: 0.3;
  background-color: #d7122b !important;
  border-color: #d7122b !important;
  color: #ffffff !important;
}
.btn-primary [disabled="disabled"] i,
.btn-primary[disabled=""] i,
.btn-primary[disabled="disabled"]:focus i,
.btn-primary[disabled=""]:focus i {
  color: #ffffff !important;
}
#headerwrap {
  width: unset;
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
}
#headerwrap .wrapper {
  margin-top: 0 !important;
  border-top: none !important;
  background: #ffffff;
}
#headerwrap div.logo {
  background-image: url('images/logo.png') !important;
  height: 50px;
  padding: 0;
  width: 140px;
  margin: 0 auto;
  top: -96px;
  background-color: #ffffff;
  position: static;
  float: none;
  margin: 15px auto 15px auto !important;
}
@media only screen and (min-width: 768px) {
  #headerwrap div.logo {
    height: 60px;
    width: 100%;
    max-width: 1170px;
    background-position: left top;
  }
}
@media only screen and (min-width: 768px) {
  #headerwrap .row {
    margin-top: 60px !important;
  }
}
#headerwrap div.banner {
  background-image: url('/content/branding/jct600-seat/images/banner-1.jpg');
  background-position: center center;
  margin-bottom: 0;
  margin-top: 0;
  height: 150px;
  position: absolute;
  left: 0px;
  top: 118px;
}
@media only screen and (min-width: 768px) {
  #headerwrap div.banner {
    height: 400px;
    top: 230px;
    left: 10px;
    width: calc(66% - 50px);
  }
}
#headerwrap div.banner div.content-wrapper {
  display: none;
  /*a.info:hover span {
                color: #d5001c !important;
            }*/

}
#headerwrap div.banner div.content-wrapper .info {
  display: block;
  color: #333333;
  position: unset;
  padding: 0;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #headerwrap div.banner div.content-wrapper .info {
    color: #333333;
  }
}
#headerwrap div.banner div.content-wrapper .info span.head {
  background: none !important;
  font-size: 32px;
  letter-spacing: 1.8px;
  line-height: 70px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  #headerwrap div.banner div.content-wrapper .info span.head {
    background: none;
  }
}
#headerwrap div.banner div.content-wrapper .info span.content {
  display: none !important;
}
#headerwrap div.banner.RearPhotos {
  background-image: url('/content/branding/jct600-seat/images/banner-2.jpg');
}
#headerwrap div.banner.SidePhotos {
  background-image: url('/content/branding/jct600-seat/images/banner-3.jpg');
}
#headerwrap div.banner.DashboardPhotos {
  background-image: url('/content/branding/jct600-seat/images/banner-4.jpg');
}
#headerwrap div.banner.CloseUpPhotos {
  background-image: url('/content/branding/jct600-seat/images/banner-5.jpg');
}
#headerwrap div.banner.default-layout {
  display: none;
}
#headerwrap div.banner.view-estimate-layout,
#headerwrap div.banner.view-estimate-layout-thankyou {
  background-image: url('/content/branding/jct600-seat/images/banner-estimate.jpg');
}
.container {
  max-width: 1170px;
  width: unset;
}
@media only screen and (min-width: 768px) {
  body > .container {
    min-height: 600px;
  }
}
.body-content {
  margin-top: 202px;
  padding: 10px;
  /*@media only screen and (min-width: 1150px) {
        form > h1, form > p.sub-heading {
            .left-align-absolutely()
        }
    }*/

}
.body-content form > h1 {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .body-content form > h1,
  .body-content form > p.sub-heading {
    position: absolute !important;
    top: 144px;
    left: 10px;
    display: block !important;
  }
}
@media only screen and (min-width: 1150px) {
  .body-content form > h1,
  .body-content form > p.sub-heading {
    left: calc(((100vw - 1150px) / 2) );
  }
}
.body-content h4.blocked-sub-heading {
  display: none;
}
@media only screen and (min-width: 768px) {
  .body-content {
    margin: 154px 0 70px 0;
    margin-left: calc(66% + 10px);
    padding: 0;
    width: calc(33% - 40px);
    float: none;
    position: static;
    border: 1px solid #b0b6b8;
    padding: 15px;
  }
  .body-content form > p.sub-heading {
    color: #727677;
    width: calc(66% - 50px);
    top: 208px;
  }
  .body-content h4.blocked-sub-heading {
    display: block;
  }
}
.body-content .body-content-breakout {
  max-width: 1150px;
  width: 100%;
  margin-top: 15px;
}
.body-content .body-content-breakout h4.blocked-sub-heading {
  display: block;
}
@media only screen and (min-width: 768px) {
  .body-content .body-content-breakout {
    position: absolute;
    left: 0;
    top: 645px;
    left: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1050px) {
  .body-content .body-content-breakout {
    left: calc(((100vw - 1150px) / 2) );
  }
}
@media only screen and (min-width: 768px) {
  .body-content .body-content-breakout > div {
    width: calc(66% - 50px);
  }
}
.body-content.default-layout {
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  border: none !important;
  /*@media only screen and (min-width: 768px) {
        margin-top: 50px;
    }*/
  position: absolute;
  margin-top: 0 !important;
  /* top: 52px;*/
  top: 133px;
  padding: 10px;
  /*
        This rule is particlaurly used for:
        div.thankyou-text,
        div.dealership-services

    */

}
@media only screen and (min-width: 768px) {
  .body-content.default-layout {
    top: 144px;
    padding: 0 15px;
  }
}
.body-content.default-layout form > div,
.body-content.default-layout div.thankyou-text,
.body-content.default-layout div.intro-text {
  width: 100%;
  /*margin-top: 150px;*/

}
@media only screen and (min-width: 768px) {
  .body-content.default-layout form > div,
  .body-content.default-layout div.thankyou-text,
  .body-content.default-layout div.intro-text {
    width: calc(66% - 50px);
    margin-top: 0;
  }
}
.body-content.default-layout form > div h1,
.body-content.default-layout div.thankyou-text h1,
.body-content.default-layout div.intro-text h1 {
  display: block !important;
  padding-top: 20px;
  margin-top: 0px;
}
@media only screen and (min-width: 768px) {
  .body-content.default-layout form > div h1,
  .body-content.default-layout div.thankyou-text h1,
  .body-content.default-layout div.intro-text h1 {
    padding-top: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .body-content.default-layout form > div p.sub-heading,
  .body-content.default-layout div.thankyou-text p.sub-heading,
  .body-content.default-layout div.intro-text p.sub-heading {
    color: #727677;
    position: relative;
    top: -30px;
  }
}
.validation-summary-errors {
  background-color: #d7122b;
  width: auto !important;
}
@media only screen and (min-width: 768px) {
  .validation-summary-errors {
    top: 15px;
    bottom: unset !important;
  }
}
@media screen and (min-width: 0\0) {
  .validation-summary-errors {
    bottom: auto !important;
  }
}
.field-validation-error {
  color: #d7122b;
  display: block;
  font-weight: bold;
}
.has-error .text {
  color: #d7122b;
}
.shroud i {
  color: #d7122b;
}
.shroud span.progress-indicator {
  color: #d7122b;
}
footer.page-footer {
  /* position:static;*/
  background-color: #e5eaee;
}
footer.photo-upload-layout,
footer.approve-photos-layout,
footer.optional-services-layout,
footer.view-estimate-layout,
footer.survey-layout-thankyou {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-top: 1px solid #e5eaee;
  background-color: #e5eaee;
  height: 71px;
  margin: 30px 0 0 0;
  width: 100vw;
  max-width: 100%;
  margin: 0;
}
footer.approve-photos-layout {
  float: none;
}
@media only screen and (min-width: 768px) {
  footer.unsubscribe-layout {
    margin-top: 190px;
  }
}
.body-content.optional-services-layout {
  top: 133px;
  padding: 10px;
  padding-top: 160px;
  /*position: absolute;
    margin-top: 0 !important;*/

  /*top: 133px;
    padding: 10px;

    @media only screen and (min-width:768px) {
        top: 144px;
        padding: 0 15px;
    }

    div.thankyou-text,
    div.dealership-services {
        width: 100%;
        margin-top: 150px;

        @media only screen and (min-width:768px) {
            width: ~"calc(66% - 50px)";
            margin-top: 0;
        }

        h1 {
            display: block !important;
            padding-top: 20px;
            margin-top: 0px;

            @media only screen and (min-width:768px) {
                padding-top: 0;
                margin-top: 20px;
            }
        }

        p.sub-heading {
            @media only screen and (min-width:768px) {
                color: @color-dark-grey;
                position: relative;
                top: -30px;
            }
        }
    }*/

}
@media only screen and (min-width: 768px) {
  .body-content.optional-services-layout {
    top: 144px;
    padding: 0 15px;
  }
}
.body-content.optional-services-layout div.dealership-services {
  background-color: #e5eaee;
  margin: 30px -10px 15px -10px;
  padding: 10px;
  width: calc(100% + 20px);
}
@media only screen and (min-width: 768px) {
  .body-content.optional-services-layout div.dealership-services {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 15px;
    width: calc(66% - 50px);
  }
}
.body-content.optional-services-layout div.dealership-services h2 {
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.body-content.optional-services-layout div.dealership-services .row {
  margin: 0;
}
#headerwrap.get-started-layout {
  position: static;
}
#headerwrap.get-started-layout div.banner.get-started-layout {
  top: 133px;
  left: 0;
  width: 100vw !important;
  max-width: 100%;
  background-image: url('/content/branding/jct600-seat/images/banner-get-started.jpg');
}
@media only screen and (min-width: 768px) {
  #headerwrap.get-started-layout div.banner.get-started-layout {
    top: 144px;
  }
}
.body-content.get-started-layout {
  width: 100%;
  max-width: 1150px;
  margin: 203px auto 0 auto;
  border: none;
}
@media only screen and (min-width: 768px) {
  .body-content.get-started-layout {
    margin-top: 453px;
  }
}
.body-content.get-started-layout h1 {
  background-color: #ffffff;
  color: #333333;
}
@media only screen and (min-width: 768px) {
  .body-content.get-started-layout h1 {
    top: 450px;
    margin: 0;
    width: 66%;
    left: auto;
    right: 0;
    padding: 5px 15px;
  }
}
.body-content.get-started-layout h2 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold !important;
  font-weight: normal;
  background-color: #ffffff;
  color: #727677;
}
@media only screen and (min-width: 768px) {
  .body-content.get-started-layout h2 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
  }
}
.body-content.get-started-layout div.text span {
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  background-color: #ffffff;
  color: #333333;
  margin: 0;
  text-align: left;
}
.body-content.get-started-layout button.btn-primary {
  font-size: 16px;
  margin-top: 30px;
}
.body-content.get-started-layout button.btn-primary:hover {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
#headerwrap.unsubscribe-layout {
  position: static;
}
#headerwrap.unsubscribe-layout div.banner {
  width: 100vw;
  max-width: 100%;
  left: 0;
  top: 79px;
  background-image: url('/content/branding/jct600-seat/images/banner-unsubscribe.jpg');
}
@media only screen and (min-width: 768px) {
  #headerwrap.unsubscribe-layout div.banner {
    top: 90px;
  }
}
.body-content.unsubscribe-layout {
  width: 100%;
  max-width: 1150px;
  margin: 149px auto 0 auto;
  border: none;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout {
    margin-top: 399px;
  }
}
.body-content.unsubscribe-layout h1 {
  background-color: #ffffff;
  color: #333333;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout h1 {
    top: 396px;
    margin: 0;
    width: 50%;
    left: auto;
    right: 0;
    padding: 5px 15px;
  }
}
.body-content.unsubscribe-layout h2 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold !important;
  font-weight: normal;
  background-color: #ffffff;
  color: #727677;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout h2 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
  }
}
.body-content.unsubscribe-layout .unsubscribe-wrapper,
.body-content.unsubscribe-layout .unsubscribe-wrapper-complete {
  position: static;
  background-color: #e5eaee;
  margin-top: 67px;
  /*h1 {
            @media only screen and (max-width:767px) {
                .blocked-sub-heading();
            }
        }*/

}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .unsubscribe-wrapper,
  .body-content.unsubscribe-layout .unsubscribe-wrapper-complete {
    width: calc(66% - 50px);
    max-width: 1150px;
    margin-top: 35px;
    margin-right: 50px;
  }
}
.body-content.unsubscribe-layout .unsubscribe-wrapper-complete {
  margin-top: 97px;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .unsubscribe-wrapper-complete {
    margin-top: 35px;
  }
}
.body-content.unsubscribe-layout .unsubscribe-wrapper:before,
.body-content.unsubscribe-layout .unsubscribe-wrapper-complete:before {
  display: block;
  content: 'Unsubscribe';
  font-size: 10px;
  line-height: 16px;
  font-family: "Arial", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: 1px solid #727677;
  margin: -15px -15px 15px -15px;
  width: calc(100% + 30px);
  padding: 10px 15px;
  text-align: left;
  color: #ffffff;
  background-color: #727677;
}
.body-content.unsubscribe-layout .dealership-details-outer-wrapper,
.body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete {
    width: 33%;
  }
}
.body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper,
.body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper h2,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper h2 {
    position: absolute;
    top: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper .dealership-details,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper .dealership-details {
    margin-top: 215px;
  }
}
.body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper .dealership-photo,
.body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper .dealership-photo,
.body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper .dealership-holding-photo,
.body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper .dealership-holding-photo {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper .dealership-photo,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper .dealership-photo,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper div.dealership-details-wrapper .dealership-holding-photo,
  .body-content.unsubscribe-layout .dealership-details-outer-wrapper-complete div.dealership-details-wrapper .dealership-holding-photo {
    display: block !important;
  }
}
#headerwrap.login-layout {
  position: static;
}
#headerwrap.login-layout div.banner {
  width: 100vw;
  max-width: 100%;
  left: 0;
  top: 79px;
  background-image: url('/content/branding/jct600-seat/images/banner-login.jpg');
}
@media only screen and (min-width: 768px) {
  #headerwrap.login-layout div.banner {
    top: 90px;
  }
}
.body-content.login-layout {
  width: 100%;
  max-width: 1150px;
  margin: 211px auto 0 auto;
  border: none;
}
@media only screen and (min-width: 768px) {
  .body-content.login-layout {
    margin-top: 399px;
    width: 66%;
  }
}
.body-content.login-layout h1 {
  background-color: #ffffff;
  color: #333333;
  position: absolute;
  top: -63px;
}
@media only screen and (min-width: 768px) {
  .body-content.login-layout h1 {
    top: 396px;
    margin: 0;
    width: 50%;
    left: auto;
    right: 0;
    padding: 5px 15px;
  }
}
.body-content.login-layout label label {
  width: 100%;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  .body-content.login-layout label label {
    width: 250px;
  }
}
.body-content.login-layout label label input {
  font-size: 12px;
}
.body-content.login-layout label .btn-primary:hover {
  background-color: #e5eaee !important;
  color: #333333;
  border-color: #e5eaee !important;
  opacity: 1;
}
body.create-job #headerwrap {
  position: static;
}
body.create-job #headerwrap div.banner.create-job-layout {
  top: 82px;
  left: 0;
  width: 100vw !important;
  max-width: 100%;
  background-image: url('/content/branding/_generic/generic/images/website/banner-create-job.jpg');
}
@media only screen and (min-width: 768px) {
  body.create-job #headerwrap div.banner.create-job-layout {
    top: 93px;
  }
}
body.create-job #headerwrap div.logo {
  background-image: none !important;
}
body.create-job #headerwrap div.logo a {
  display: block;
  height: 0;
  padding-top: 60px;
  background-image: url('images/Logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
body.create-job .body-content {
  width: 100%;
  /*max-width: 1150px;*/
  margin: 152px auto 0 auto;
  border: none;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content {
    margin-top: 402px;
  }
}
body.create-job .body-content .create-job-layout {
  position: static;
  float: none;
  padding: 0;
}
body.create-job .body-content .create-job-layout h1 {
  background-color: #ffffff;
  color: #333333;
  margin-left: 15px;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout h1 {
    position: absolute;
    display: block;
    top: 399px;
    margin: 0;
    width: 50%;
    left: auto;
    right: 0;
    padding: 5px 15px;
  }
}
body.create-job .body-content .create-job-layout h2 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold !important;
  font-weight: normal;
  background-color: #ffffff;
  color: #727677;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout h2 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .form-inner-wrapper,
  body.create-job .body-content .create-job-layout .main-text-container {
    float: left;
    width: calc(66% - 30px);
  }
}
body.create-job .body-content .create-job-layout .form-inner-wrapper label,
body.create-job .body-content .create-job-layout .main-text-container label {
  display: block;
  margin-top: 30px;
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .form-inner-wrapper label,
  body.create-job .body-content .create-job-layout .main-text-container label {
    width: calc(50% - 15px);
    margin-right: 15px;
    /*margin:30px 30px 0 30px;*/
    float: left;
  }
}
body.create-job .body-content .create-job-layout .form-inner-wrapper label.registration-wrapper,
body.create-job .body-content .create-job-layout .main-text-container label.registration-wrapper {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .form-inner-wrapper label:nth-child(2n+1),
  body.create-job .body-content .create-job-layout .main-text-container label:nth-child(2n+1) {
    margin-right: 0;
    margin-left: 15px;
  }
}
body.create-job .body-content .create-job-layout .form-inner-wrapper label input#VehicleRegistration.hidden,
body.create-job .body-content .create-job-layout .main-text-container label input#VehicleRegistration.hidden {
  display: block !important;
  visibility: visible !important;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper label textarea,
body.create-job .body-content .create-job-layout .main-text-container label textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border-radius: 5px;
  color: #101010;
  padding: 10px;
  font-size: 1.1em;
  border: 1px solid #cccccc;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper label.width-100,
body.create-job .body-content .create-job-layout .main-text-container label.width-100 {
  width: 100%;
  float: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper {
  position: relative;
  padding-bottom: 30px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper a.forgotten,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper a.forgotten {
  display: block;
  position: absolute;
  top: 100px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper a.forgotten:hover,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper a.forgotten:hover {
  color: #d7122b !important;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper {
  float: left;
  border: 1px dotted #727677;
  border-radius: 3px;
  width: 100% !important;
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  background-color: #e5eaee;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper,
  body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper {
    width: calc(50% - 15px) !important;
    margin-left: 15px;
  }
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper h3,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper h3 {
  font-size: 12px;
  border-bottom-style: dotted;
  margin-bottom: 10px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.search,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.search {
  display: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.forgotten,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.forgotten {
  position: static;
  display: block;
  border-top: 1px dotted #727677;
  padding-top: 5px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.forgotten:hover,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper a.forgotten:hover {
  color: #d7122b !important;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper.vehicle-not-found a.forgotten,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .vehicle-wrapper.vehicle-not-found a.forgotten {
  border: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox {
  padding: 0;
  min-height: 40px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox h3,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox h3 {
  border: none;
  font-size: 12px;
  padding: 0;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox label,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox label {
  width: 100%;
  display: block;
  margin: 0;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox label:after,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper div.checkbox label:after {
  clear: both;
  display: block;
  content: '';
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper.searching,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper.searching {
  display: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper h3,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper h3 {
  font-size: 12px;
  border-bottom-style: dotted;
  margin-bottom: 10px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper {
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement {
  border: 1px solid #b0b6b8;
  border-radius: 4px;
  width: 100%;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement .fstToggleBtn,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement .fstToggleBtn {
  padding: 6px 12px;
  font-size: 12px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement .fstControls,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .outer-vehicle-wrapper .forgotten-vehicle-wrapper div.dropdown-wrapper .fstElement .fstControls {
  padding: 6px 12px;
  font-size: 12px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .icon-loading,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .icon-loading {
  position: absolute;
  top: 62px;
  left: calc(100% - 48px);
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .icon-loading,
  body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .icon-loading {
    left: calc(50% - 48px);
  }
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .vehicle-lookup-outerwrapper .icon-loading i,
body.create-job .body-content .create-job-layout .main-text-container .vehicle-lookup-outerwrapper .icon-loading i {
  font-size: 1.5em;
  color: #b0b6b8 !important;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .field-validation-valid,
body.create-job .body-content .create-job-layout .main-text-container .field-validation-valid {
  display: none;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .customer-photos-wrapper,
body.create-job .body-content .create-job-layout .main-text-container .customer-photos-wrapper {
  margin-top: 30px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .data-protection-wrapper,
body.create-job .body-content .create-job-layout .main-text-container .data-protection-wrapper {
  margin-bottom: 30px;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .data-protection-wrapper div.checkbox,
body.create-job .body-content .create-job-layout .main-text-container .data-protection-wrapper div.checkbox,
body.create-job .body-content .create-job-layout .form-inner-wrapper .customer-photos-wrapper div.checkbox,
body.create-job .body-content .create-job-layout .main-text-container .customer-photos-wrapper div.checkbox {
  padding-left: 0;
}
body.create-job .body-content .create-job-layout .form-inner-wrapper .data-protection-wrapper div.checkbox label,
body.create-job .body-content .create-job-layout .main-text-container .data-protection-wrapper div.checkbox label,
body.create-job .body-content .create-job-layout .form-inner-wrapper .customer-photos-wrapper div.checkbox label,
body.create-job .body-content .create-job-layout .main-text-container .customer-photos-wrapper div.checkbox label {
  margin-left: 0;
  width: 100%;
}
body.create-job .body-content .create-job-layout .organisation-details {
  display: none;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout .organisation-details {
    display: block;
    float: left;
    margin-left: 40px;
    width: calc(33% - 40px);
  }
}
body.create-job .body-content .create-job-layout .organisation-details .dealership-details-wrapper .dealership-holding-photo {
  display: none !important;
}
body.create-job .body-content .create-job-layout .organisation-details .dealership-details-wrapper .google-map-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.create-job .body-content .create-job-layout .organisation-details .dealership-details-wrapper .google-map-wrapper .google-map {
  height: 300px;
}
body.create-job .body-content .create-job-layout .organisation-details .dealership-details-wrapper .opening-hours-wrapper {
  top: 361px;
}
body.create-job .body-content .create-job-layout .organisation-details .dealership-details-wrapper.hidden-bodyshop-templates {
  display: block !important;
  position: relative;
  width: 100% !important;
  padding-top: 320px !important;
}
body.create-job .body-content .create-job-layout .organisation-details .contact-details-wrapper {
  width: unset !important;
  margin: unset !important;
}
body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details {
  display: block;
}
body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details .dealership-details-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px) {
  body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details .dealership-details-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details .dealership-details-wrapper .google-map-wrapper {
  display: none;
}
body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details .dealership-details-wrapper .opening-hours-wrapper {
  top: 41px;
}
body.create-job .body-content .create-job-layout.create-job-layout-success .organisation-details .dealership-details-wrapper.hidden-bodyshop-templates {
  padding-top: 0 !important;
}
body.create-job footer .container {
  width: 100%;
  max-width: unset;
  margin: 0;
}
body.create-job footer .container div.padding-top.padding-bottom {
  padding: 0;
}
body.create-job footer .container footer div.padding-top.padding-bottom {
  padding: 20px 0;
}