@charset "UTF-8";

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

.scania-noe .s-main-content.dish-content {
  margin-top: 89px; }

.c-dish-smart-questions {
  float: left;
  width: 100%;
  background-color: #fff;
 }
  .c-dish-smart-questions .inner-container {
    width: 760px;
    margin: 0 auto; }
  .c-dish-smart-questions .show-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
    .c-dish-smart-questions .show-loader img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }
  .c-dish-smart-questions .icon-container {
    display: table-cell; }
  .c-dish-smart-questions .description {
    margin: 0;
    padding: 10px 0 0 20px;
    font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    display: table; }
  .c-dish-smart-questions .grid-main-container {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    text-align: center; }
    .c-dish-smart-questions .grid-main-container:last-child {
      margin-bottom: 10px; }
    .c-dish-smart-questions .grid-main-container.guiding-images {
      margin-bottom: 50px; }
      .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three {
        width: 370px; }
        .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three img:hover {
          cursor: default; }
    .c-dish-smart-questions .grid-main-container .grid-container-three {
      display: inline-table;
      width: 396px;
      height: 270px;
      margin-right: 40px;
      padding: 5px; }
      .c-dish-smart-questions .grid-main-container .grid-container-three img {
        width: 100%; }
        .c-dish-smart-questions .grid-main-container .grid-container-three img:hover {
          cursor: pointer; }
      .c-dish-smart-questions .grid-main-container .grid-container-three .img-container {
        width: 377px;
        height: 212px;
        position: relative;
        overflow: hidden; }
        .c-dish-smart-questions .grid-main-container .grid-container-three .img-container .cover {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          min-width: 100%;
          min-height: 100%;
          overflow-x: hidden; }
      .c-dish-smart-questions .grid-main-container .grid-container-three:last-child {
        margin-right: 0; }
      .c-dish-smart-questions .grid-main-container .grid-container-three.active {
        outline: 3px solid #041e42; }
      .c-dish-smart-questions .grid-main-container .grid-container-three.prevactive {
        outline: 3px solid #041e42; }
    .c-dish-smart-questions .grid-main-container .grid-container-four {
      display: inline-table;
      width: 292px;
      height: 210px;
      margin-right: 30px;
      padding: 5px; }
      .c-dish-smart-questions .grid-main-container .grid-container-four img {
        width: 100%; }
        .c-dish-smart-questions .grid-main-container .grid-container-four img:hover {
          cursor: pointer; }
      .c-dish-smart-questions .grid-main-container .grid-container-four:last-child {
        margin-right: 0; }
      .c-dish-smart-questions .grid-main-container .grid-container-four.active {
        outline: 3px solid #041e42; }
      .c-dish-smart-questions .grid-main-container .grid-container-four.prevactive {
        outline: 3px solid #041e42; }
  .c-dish-smart-questions .question-type-3 .grid-main-container .grid-container-four {
    margin-bottom: 20px; }
  .c-dish-smart-questions .smart-question {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    background-color: #fff; }
    .c-dish-smart-questions .smart-question h4 {
      float: left;
      width: 100%;
      margin: 100px 0 92px 0;
      font-family: "ScaniaSansHeadlineBold", Helvetica, Arial, sans-serif;
      font-size: 36px;
      text-align: center;
      line-height: 100%; }
  .c-dish-smart-questions .progress-bar {
    float: left;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    background-color: #fff; }
    .c-dish-smart-questions .progress-bar ul {
      display: table;
      margin: 0 auto;
      padding: 0;
      list-style-type: none; }
      .c-dish-smart-questions .progress-bar ul li {
        display: table-cell;
        padding: 19px 0 15px 94px;
        font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 100%;
        text-transform: uppercase; }
        .c-dish-smart-questions .progress-bar ul li:first-child {
          padding-left: 0; }
        .c-dish-smart-questions .progress-bar ul li.completed {
          font-family: "ScaniaSansBold", Helvetica, Arial, sans-serif;
          border-bottom: 4px solid #c50918; }
      .c-dish-smart-questions .progress-bar ul.ten-question li {
        padding: 19px 0 15px 50px; }
        .c-dish-smart-questions .progress-bar ul.ten-question li:first-child {
          padding-left: 0; }
  .c-dish-smart-questions .button-container {
    float: left;
    width: 100%;
    padding: 0 0 90px 0;
    text-align: center;
    background-color: #fff; }
    .c-dish-smart-questions .button-container .back-btn {
      float: left;
      margin-top: 20px;
      padding: 0;
      font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
      font-size: 16px;
      color: #041e42;
      text-transform: capitalize;
      text-decoration: underline; }
    .c-dish-smart-questions .button-container a.btn.disabled.next-btn, .c-dish-smart-questions .button-container .scania-noe .c-tiled-display.variation-1 .c-tiled-display-cta-wrapper a.disabled.next-btn.c-tiled-display-btn-lg, .scania-noe .c-tiled-display.variation-1 .c-tiled-display-cta-wrapper .c-dish-smart-questions .button-container a.disabled.next-btn.c-tiled-display-btn-lg, .c-dish-smart-questions .button-container .scania-noe .c-tiled-display.variation-2 .c-tiled-display-cta-wrapper a.disabled.next-btn.c-tiled-display-btn-lg, .scania-noe .c-tiled-display.variation-2 .c-tiled-display-cta-wrapper .c-dish-smart-questions .button-container a.disabled.next-btn.c-tiled-display-btn-lg, .c-dish-smart-questions .button-container .scania-noe .c-tiled-display.variation-3 .c-tiled-display-desc-wrapper .c-tiled-display-cta-wrapper a.disabled.next-btn.c-tiled-display-btn-lg, .scania-noe .c-tiled-display.variation-3 .c-tiled-display-desc-wrapper .c-tiled-display-cta-wrapper .c-dish-smart-questions .button-container a.disabled.next-btn.c-tiled-display-btn-lg, .c-dish-smart-questions .button-container .scania-noe .c-tiled-display.variation-3 .c-tiled-display-img-desc:nth-child(even) .c-tiled-display-cta-wrapper a.disabled.next-btn.c-tiled-display-btn-lg, .scania-noe .c-tiled-display.variation-3 .c-tiled-display-img-desc:nth-child(even) .c-tiled-display-cta-wrapper .c-dish-smart-questions .button-container a.disabled.next-btn.c-tiled-display-btn-lg, .c-dish-smart-questions .button-container .scania-noe .c-richTextTable .ui-dialog .ui-dialog-titlebar a.disabled.next-btn.ui-dialog-titlebar-close, .scania-noe .c-richTextTable .ui-dialog .ui-dialog-titlebar .c-dish-smart-questions .button-container a.disabled.next-btn.ui-dialog-titlebar-close, .c-dish-smart-questions .button-container .scania-noe .c-social-media-content a.disabled.next-btn.c-grid-cta, .scania-noe .c-social-media-content .c-dish-smart-questions .button-container a.disabled.next-btn.c-grid-cta {
      color: #fff; }
    .c-dish-smart-questions .button-container .next-btn {
      padding: 20px 53px;
      font-family: "ScaniaSansBold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-align: center;
      position: relative; }
      .c-dish-smart-questions .button-container .next-btn:hover {
        color: #041e42; }
    .c-dish-smart-questions .button-container .back-btn + .next-btn {
      left: -30px; }
    .c-dish-smart-questions .button-container .hidden-form {
      display: none; }
  .c-dish-smart-questions .overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(223, 224, 223, 0.9); }
    .c-dish-smart-questions .overlay .modal {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 100;
      width: 900px;
      height: 560px;
      margin-left: -450px;
      margin-top: -235px;
      padding: 0;
      background-color: #fff;
      transform: none;
      outline: 9999px solid rgba(0, 0, 0, 0.5);
      opacity: 1; }
    .c-dish-smart-questions .overlay .close-btn {
      float: left;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: right; }
    .c-dish-smart-questions .overlay .scania-icon-close-small {
      float: right;
      margin: 30px 30px 0;
      font-size: 30px;
      font-weight: bold;
      color: #000; }
      .c-dish-smart-questions .overlay .scania-icon-close-small:hover {
        cursor: pointer; }
    .c-dish-smart-questions .overlay .main-container {
      float: left;
      width: 100%;
      padding: 0 60px 60px; }
      .c-dish-smart-questions .overlay .main-container .container-left {
        height: 472px;
        padding: 0 40px 0 0; }
      .c-dish-smart-questions .overlay .main-container .container-right {
        padding: 0; }
        .c-dish-smart-questions .overlay .main-container .container-right img {
          width: 100%; }
    .c-dish-smart-questions .overlay h5 {
      font-family: "ScaniaSansHeadlineBold", Helvetica, Arial, sans-serif;
      font-size: 22px;
      margin-top: 20px;
      margin-bottom: 35px; }
    .c-dish-smart-questions .overlay .inner-container {
      width: 100%;
      margin: 0;
      max-height: 372px;
      overflow: auto; }
      .c-dish-smart-questions .overlay .inner-container p {
        font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 180%;
        margin: 0; }
  .c-dish-smart-questions .smart-question-heading {
    width: 720px;
    margin: 0 auto;
    padding: 0; }
    .c-dish-smart-questions .smart-question-heading h4 {
      float: left;
      width: 100%;
      margin-top: 100px;
      margin-bottom: 50px;
      font-family: "ScaniaSansHeadlineBold", Helvetica, Arial, sans-serif;
      font-size: 36px;
      text-align: center;
      letter-spacing: 3.5px;
      line-height: 100%; }
    .c-dish-smart-questions .smart-question-heading p {
      margin: 0 0 78px 0;
      font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 150%;
      text-align: center; }
  .c-dish-smart-questions .smart-question-5 .question,
  .c-dish-smart-questions .smart-question-6 .question,
  .c-dish-smart-questions .smart-question-7 .question,
  .c-dish-smart-questions .smart-question-8 .question,
  .c-dish-smart-questions .smart-question-9 .question,
  .c-dish-smart-questions .smart-question-10 .question {
    margin: 0;
    font-family: "ScaniaSansBold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center; }
  .c-dish-smart-questions .smart-question-5 .answer,
  .c-dish-smart-questions .smart-question-6 .answer,
  .c-dish-smart-questions .smart-question-7 .answer,
  .c-dish-smart-questions .smart-question-8 .answer,
  .c-dish-smart-questions .smart-question-9 .answer,
  .c-dish-smart-questions .smart-question-10 .answer {
    margin: 30px 0 0;
    font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center; }
    .c-dish-smart-questions .smart-question-5 .answer input,
    .c-dish-smart-questions .smart-question-6 .answer input,
    .c-dish-smart-questions .smart-question-7 .answer input,
    .c-dish-smart-questions .smart-question-8 .answer input,
    .c-dish-smart-questions .smart-question-9 .answer input,
    .c-dish-smart-questions .smart-question-10 .answer input {
      width: 80px;
      height: 50px;
      margin-right: 15px;
      padding-left: 10px;
      border: 1px solid #989a9c; }
  .c-dish-smart-questions .smart-question-5 .error-msg,
  .c-dish-smart-questions .smart-question-6 .error-msg,
  .c-dish-smart-questions .smart-question-7 .error-msg,
  .c-dish-smart-questions .smart-question-8 .error-msg,
  .c-dish-smart-questions .smart-question-9 .error-msg,
  .c-dish-smart-questions .smart-question-10 .error-msg {
    text-align: center;
    color: #d6001c;
    margin-bottom: 90px;
    visibility: hidden; }
    .c-dish-smart-questions .smart-question-5 .error-msg.visible,
    .c-dish-smart-questions .smart-question-6 .error-msg.visible,
    .c-dish-smart-questions .smart-question-7 .error-msg.visible,
    .c-dish-smart-questions .smart-question-8 .error-msg.visible,
    .c-dish-smart-questions .smart-question-9 .error-msg.visible,
    .c-dish-smart-questions .smart-question-10 .error-msg.visible {
      visibility: visible; }
  .c-dish-smart-questions .smart-question-6 .answer,
  .c-dish-smart-questions .smart-question-8 .answer,
  .c-dish-smart-questions .smart-question-9 .answer {
    margin: 30px 0 0; }
  .c-dish-smart-questions .smart-question-6 .error-msg,
  .c-dish-smart-questions .smart-question-8 .error-msg,
  .c-dish-smart-questions .smart-question-9 .error-msg {
    text-align: center;
    color: #d6001c;
    margin-bottom: 35px;
    visibility: hidden; }
  .c-dish-smart-questions input[type=number]::-webkit-inner-spin-button,
  .c-dish-smart-questions input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  .c-dish-smart-questions input[type=number] {
    -moz-appearance: textfield; }
  .c-dish-smart-questions .smart-question-6 {
    width: 916px;
    margin: -20px auto 0;
    padding: 0; }
    .c-dish-smart-questions .smart-question-6 .heading {
      margin: 0 0 50px 0;
      font-family: "ScaniaSansHeadlineBold", Helvetica, Arial, sans-serif;
      font-size: 24px;
      text-align: center;
      letter-spacing: 2px; }
    .c-dish-smart-questions .smart-question-6 .description {
      margin: 0 0 50px 0;
      padding: 0 30px;
      font-family: "ScaniaSansRegular", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 150%;
      text-align: center; }

.scania-noe.cookie-show .c-dish-smart-questions .overlay .modal {
  height: 480px;
  margin-top: -155px; }

.scania-noe.cookie-show .c-dish-smart-questions .overlay .main-container .container-left {
  height: 420px; }

.scania-noe.cookie-show .c-dish-smart-questions .overlay .inner-container {
  max-height: 310px; }

.scania-noe.cookie-show .c-dish-smart-questions .overlay h5 {
  margin-bottom: 25px; }

@media (max-width: 991px) {
  .scania-noe.cookie-show .c-dish-smart-questions .overlay {
    z-index: 1001; }
    .scania-noe.cookie-show .c-dish-smart-questions .overlay .modal {
      top: 0;
      height: 100%;
      margin-top: 0; }
    .scania-noe.cookie-show .c-dish-smart-questions .overlay .main-container .container-left {
      height: auto; }
    .scania-noe.cookie-show .c-dish-smart-questions .overlay .main-container .inner-container {
      max-height: 100%; }

  .c-dish-smart-questions .grid-container-four .description {
    max-width: 282px; }
  .c-dish-smart-questions .smart-question h4 {
    margin: 50px 0 32px 0;
    font-size: 28px; }
  .c-dish-smart-questions .summary-container {
    width: auto;
    padding: 0 20px; }
  .c-dish-smart-questions .smart-question-heading {
    width: auto;
    padding: 0 20px; }
  .c-dish-smart-questions .smart-question-6 {
    width: auto;
    padding: 0 20px; }
  .c-dish-smart-questions .line-break {
    display: none; }
  .c-dish-smart-questions .button-container {
    padding: 0 20px 50px; }
    .c-dish-smart-questions .button-container .inner-container {
      width: auto; }
  .c-dish-smart-questions .overlay .modal {
    top: 64px;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    overflow: auto; }
    .c-dish-smart-questions .overlay .modal img {
      width: 100%;
      margin-top: 30px; }
  .c-dish-smart-questions .overlay .main-container {
    padding: 0 30px 60px; }
    .c-dish-smart-questions .overlay .main-container .container-left {
      height: auto;
      padding: 0; }
    .c-dish-smart-questions .overlay .main-container .inner-container {
      max-height: 100%; }
  .c-dish-smart-questions .question-type-3 .grid-main-container .grid-container-four {
    margin-bottom: 0; }
  .c-dish-smart-questions .grid-main-container {
    margin-bottom: 0; }
    .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three {
      width: auto; }
    .c-dish-smart-questions .grid-main-container .grid-container-three {
      display: inline-table;
      width: auto;
      height: 100%;
      margin: 10px;
      padding: 5px; }
      .c-dish-smart-questions .grid-main-container .grid-container-three img {
        width: 100%; }
        .c-dish-smart-questions .grid-main-container .grid-container-three img:hover {
          cursor: pointer; }
      .c-dish-smart-questions .grid-main-container .grid-container-three .img-container {
        width: auto;
        height: 100%;
        position: relative;
        overflow: hidden; }
        .c-dish-smart-questions .grid-main-container .grid-container-three .img-container .cover {
          position: static;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          min-width: 100%;
          min-height: 100%;
          overflow-x: hidden; }
      .c-dish-smart-questions .grid-main-container .grid-container-three:last-child {
        margin-right: 10px; }
    .c-dish-smart-questions .grid-main-container .grid-container-four {
      display: inline-table;
      width: auto;
      height: 100%;
      margin: 20px;
      padding: 5px; }
      .c-dish-smart-questions .grid-main-container .grid-container-four:last-child {
        margin-right: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .c-dish-smart-questions .progress-bar ul li {
    padding: 19px 0 15px 0; } }
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .c-dish-smart-questions .grid-main-container .grid-container-four {
    width: 220px;
    margin-right: 20px; }
  .c-dish-smart-questions .grid-main-container .grid-container-three {
    width: 280px;
    margin-right: 20px; }
  .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three {
    width: 280px; } }
@media only screen and (min-width: 1101px) and (max-width: 1215px) {
  .c-dish-smart-questions .grid-main-container .grid-container-four {
    width: 249px;
    margin-right: 20px; }
  .c-dish-smart-questions .grid-main-container .grid-container-three {
    width: 320px;
    margin-right: 20px; }
  .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three {
    width: 320px; } }
@media only screen and (min-width: 1216px) and (max-width: 1300px) {
  .c-dish-smart-questions .grid-main-container .grid-container-four {
    width: 278px;
    margin-right: 20px; }
  .c-dish-smart-questions .grid-main-container.guiding-images .grid-container-three {
    width: 320px; } }
@media (max-width: 991px) {
  .c-dish-smart-questions .progress-bar ul {
    display: inline;
    margin: 0; }
    .c-dish-smart-questions .progress-bar ul li {
      display: none;
      padding: 19px 0 15px 0; }
      .c-dish-smart-questions .progress-bar ul li.completed.active {
        display: block; }
    .c-dish-smart-questions .progress-bar ul.ten-question li {
      padding: 19px 0 15px 0; }
      .c-dish-smart-questions .progress-bar ul.ten-question li:first-child {
        padding-left: 0; } }
@media (max-width: 991px) {
  .scania-noe .s-main-content.dish-content {
    margin-top: 0 !important;  }

  .dish-configure-template-page .scania-noe::before {
    height: 0;
    padding: 0; } }
.s-main-content.dish-content .product-carousel.parbase.section::before {
  content: " ";
  display: table; }

.s-main-content.dish-content .product-carousel.parbase.section::after {
  content: " ";
  display: table; }

/*# sourceMappingURL=main.css.map */