/**
* CONTENTS
*
* SETTINGS
* GLOBAL..............Global variables
*/

/*----------------------------*\
# Global
/*----------------------------*/

/* fonts */

@font-face {
    font-family: "RubikRegular";
    src: url("/content/dam/psoriasis/fonts/rubik/Rubik-Regular.woff2") format("woff2"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Regular.woff") format("woff"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "RubikMedium";
    src: url("/content/dam/psoriasis/fonts/rubik/Rubik-Medium.woff2") format("woff2"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Medium.woff") format("woff"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "RubikBold";
    src: url("/content/dam/psoriasis/fonts/rubik/Rubik-Bold.woff2") format("woff2"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Bold.woff") format("woff"), url("/content/dam/psoriasis/fonts/rubik/Rubik-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "KarlaRegular";
    src: url("/content/dam/psoriasis/fonts/karla/Karla-Regular.woff2") format("woff2"), url("/content/dam/psoriasis/fonts/karla/Karla-Regular.woff") format("woff"), url("/content/dam/psoriasis/fonts/karla/Karla-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "KarlaBold";
    src: url("/content/dam/psoriasis/fonts/karla/Karla-Bold.woff2") format("woff2"), url("/content/dam/psoriasis/fonts/karla/Karla-Bold.woff") format("woff"), url("/content/dam/psoriasis/fonts/karla/Karla-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "psoriasisIcons";
    src: url("/content/dam/psoriasis/fonts/psoriasisIcons/abv-psoriasisIconFont.eot") format("embedded-opentype"), url("/content/dam/psoriasis/fonts/psoriasisIcons/abv-psoriasisIconFont.woff") format("woff"), url("/content/dam/psoriasis/fonts/psoriasisIcons/abv-psoriasisIconFont.ttf") format("truetype"), url("/content/dam/psoriasis/fonts/psoriasisIcons/abv-psoriasisIconFont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  html,
  body {
    color: #17264a;
    font-family: "KarlaRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    overflow: hidden;
  }

  .guideFieldNode p {
    font-size: 16px;
    line-height: 22px;
  }
  
  p,
  .guidePanelDescription {
    color: #17264a;
  }
  
  .step.mobileLayout {
    display: none;
  }
  
  /* Titles*/

  .step-title {
    background-color: #fafafb;
    padding: 29px 0 5px 24px;
  }

  .Question4.abbv-question4 .step-title {
    padding: 29px 0 5px;
  }
  
  .step-title p {
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
  }
  
  .step-title p b {
    font-family: "KarlaBold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 23px !important;
    font-weight: 700;
    color: #17264a;
  }
  
  /* texts */
  .guideTextDraw {
    /*font-family: "Univers LT W01_45 Light1475944", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';*/
    font-family: "KarlaRegular";
    font-size: 18px;
  }
  
  .guideTextDraw p b {
    font-family: "KarlaBold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  
  /* Checkboxes */
  
  .guideCheckBoxItem {
    align-items: center;
    cursor: auto;
    display: inline-flex;
  }
  
  .guideCheckBoxItem .XfaCheckBox::before {
    background: rgba(255,255,255,0.5);
    height: 29px;
    width: 30px;
    border-radius: 8px;
  }

  .body-parts-container > .gridFluidLayout > .guideGridFluidLayout > .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .body-parts-container .guideCheckBoxItem .XfaCheckBox::before {
    border-radius: 0;
  }

  .body-parts-container .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before,
  .body-parts-container .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before {
    background: #EF8F6F;
    border-color: #ccc;
  }
  
  .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before,
  .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before {
    background: #0076AF;
    border-color: #0076AF;
    height: 30px;
    width: 30px;
  }
  
  .guideCheckBoxItem.guideItemSelected .XfaCheckBox::after {
    top: 3px;
    left: 12px;
  }
  
  .guideCheckBoxItem .guideWidgetLabel {
    width: auto;
  }
  
  .guideCheckBoxItem .guideWidgetLabel label {
    color: #4F525C !important;
    font-size: 18px;
    float: none;
  }
  
  .ddgQuiz .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw) {
    margin-top: 0.25rem;
    padding-left: 0rem;
    padding-right: 0rem;
    border: none;
    padding-top: 0.5rem;
    margin-bottom: 0.25rem;
    margin-left: auto;
  }
  
  
  /* Radio Buttons */
  .guideRadioButtonItem {
    margin-bottom: 10px;
    cursor: auto;
  }
  
  .guideRadioButtonItem:last-of-type {
    margin-bottom: 0;
  }
  
  
  .guideRadioButtonItem .guideWidgetLabel {
    width: auto;
  }
  
  .guideRadioButtonItem .guideWidgetLabel label {
    color: #17264a !important;
    font-size: 18px;
  }
  
  .guideRadioButtonGroupItems .guideWidgetLabel.right label {
    margin: 11px 30px 3px 0;
    margin-right: 0;
    padding-right: 0;
    max-width: 100%;
  }
  
  .guideRadioButtonItem.guideItemSelected .XfaCheckBox::before,
  .guideRadioButtonItem.guideItemSelected .XfaCheckBox:hover::before {
    background-color: #FF8266;
    border: solid 1px #FF8266;
  }
  
  .guideRadioButtonItem.guideItemSelected .XfaCheckBox::after {
    left: 8px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -6px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
  }
  
  /* Buttons */
  
  .toolbar {
    border-top: 1px solid #efefef;
    padding-top: 61px;
    margin: 38px 0;
  }
  
  .toolbar .toolbar {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
  
  .ddgQuiz button.moveNext,
  .ddgQuiz button.moveNext:active {
    min-width: 123px;
    /*max-width: 200px;*/
    max-width: unset;
    font-family: "RubikBold","KarlaBold","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 5px;
    color: #fff;
    background: #007297;
    box-shadow: 4px 4px 0 0 #b8dfec;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 7px 0 8px 0;
    border: none;
    font-weight: bold;
    min-height: 39px;
  }

  .ddgQuiz button.moveNext .iconButton-label {
    font-size: 16px;
  }
  
  .ddgQuiz button.moveNext:hover {
    color: #007297;
    background: #fff;
    transition: background 0.3s linear;
    cursor: pointer;
    text-decoration: none;
  }
  
  .ddgQuiz button.moveNext .iconButton-label::first-letter {
    text-transform: uppercase;
  }
  
  .ddgQuiz button.movePrev {
    color: #007297;
    font-family: "Univers LT W01_65 Bold1475968", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';
    font-size: 20px;
    margin-top: 28px;
    text-transform: capitalize;
    background: transparent!important;
    align-items: center;
    display: flex;
    padding: 0;
  }
  
  .ddgQuiz button.movePrev:hover,
  .ddgQuiz button.movePrev:focus,
  .ddgQuiz button.movePrev:active {
    background: transparent;
    color: #007297;
    text-decoration: none;
  }
  
  .ddgQuiz button.movePrev:hover span,
  .ddgQuiz button.movePrev:focus span,
  .ddgQuiz button.movePrev:active span{
    border-bottom: 0;
    text-decoration: none;
  }
  
  .ddgQuiz .link-button[data-disabled="true"],
  .ddgQuiz .next-button[data-disabled="true"] {
    background: transparent;
    opacity: 1!important;
  }
  
  .ddgQuiz .link-button.ddgQuiz-back-button[data-disabled="true"] {
    margin-left: 0;
  }

  .ddgQuiz .link-button[data-disabled="true"]
  .ddgQuiz button.movePrev .iconButton-icon {
    display: none !important;
  }
  
  .ddgQuiz button.movePrev:before {
    content: "➜";
    color: #007297;
    display: block;
    font-size: 19px;
    height: 18px;
    line-height: 18px;
    width: 18px;
    transform: scale(-1,1);
  }
  
  .ddgQuiz button.Button {
    background: transparent;
    border: 2px solid #007297;
    border-radius: 22px;
    color: #007297;
    font-family: "Univers LT W01_65 Bold1475968", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';
    font-size: 16px;
    min-width: 96px;
  }
  
  .ddgQuiz button.Button:hover,
  .ddgQuiz button.Button:focus,
  .ddgQuiz button.Button:active {
    background: transparent;
    border: 2px solid #962E69;
    color: #962E69;
    text-decoration: none;
  }
  
  .ddgQuiz .changeanswersbutton button.Button {
    border: 0;
    padding: 0;
    margin: auto;
    text-align: center;
    display: block;
  }
  
  .ddgQuiz .DownloadPDF {
    text-align: center;
  }
  
  .ddgQuiz .DownloadPDF button.Button {
    border: 0;
    padding: 0;
    max-width: 90%;
    margin: auto;
    text-align: center;
  }

  .ddgQuiz .DownloadPDF button.Button .iconButton-label {
    color: #007297;
    font-family: "KarlaBold";
    font-size: 16px;
    text-decoration: underline;
    position: relative;
    margin-left: 10px
  }

  .ddgQuiz .DownloadPDF button.Button .iconButton-icon {
    background: transparent;
    display: inline-flex;
    margin-right: 12px;
  }

  .ddgQuiz .DownloadPDF button.Button .iconButton-icon:before {
    content: "Or";
    color: #17264a;
    font-size: 20px;
    line-height: 24px;
    font-family: "KarlaRegular";
    margin-right: 12px;
    display: inline-block;
  }
  
  .ddgQuiz .DownloadPDF button.Button .iconButton-icon:after {
    content: "\e415";
    color: #007297;
    display: block;
    font-size: 20px;
    font-family: 'abbv-iconFont' !important;
    margin-top: 2px;
  }
  
  .ddgQuiz .link-button:hover span, .link-button button:hover span {
    border-bottom: 0;
  }

  .link-button.left-arrow button.movePrev span:first-of-type {
    display: none;
  }
  
  
  /*----------------------------*\
      # Navigator
  /*----------------------------*/
  .PanelContainer.afWizardPanel {
    padding-left: 0 !important;
    padding-bottom: 0;
  }
  
  .ddgQuiz .wizard .col-md-10.col-sm-10 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .ddgQuiz .wizard .guideLayout .col-md-12 .col-md-10.col-sm-10 {
    display: flex;
    justify-content: center;
  }
  
  .ddgQuiz .wizard-navigators {
    margin-bottom: 68px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    width: 88%;
    padding-left: 0;
  }
  
  .ddgQuiz .wizard-navigators:before {
    content: " ";
    display: block;
    height: 5px;
    width: 95%;
    position: absolute;
    background: #D8D8D8;
    top: 31px;
  }
  
  .ddgQuiz .wizard-navigators>li>a {
    margin: 0;
  }
  
  .ddgQuiz .wizard-navigators>li>a::before {
    border: 4px solid white;
    color: #D8D8D8 !important;
    background-color: #D8D8D8;
    left: 2px;
    content: " ";
    border-radius: 28px !important;
    top: 3px !important;
    height: 17px;
    width: 17px;
  }
  
  .ddgQuiz .wizard-navigators>li.active>a::before {
    box-shadow: 0 0px 0 1px #ff8266;
    border: 2px solid #fff !important;
    background-color: #FF8266 !important;
    color: #FF8266 !important;
    outline: 2px;
    font-weight: 600;
    top: 16px !important;
    height: 17px;
    width: 17px;
  }

  .ddgQuiz .wizard-navigators>li.active>a span {
    margin-left: -2.7vw;
    font-size: 10px !important;
    color: #FF8266;
    font-family: "KarlaBold","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: block;
    top: 46px;
  }

  .ddgQuiz .wizard-navigators>li.active:last-of-type>a span {
    margin-left: -11vw;
    left: 15px;
  }
  
  .ddgQuiz .wizard-navigators>li>a>span,
  .ddgQuiz .wizard-navigators>li .progress {
    display: none;
  }
  
  .ddgQuiz .wizard-navigators>li.stepped>a::before {
    box-shadow: 0 0px 0 1px #ff8266;
    border: 2px solid #fff !important;
    background-color: #FF8266 !important;
    color: #FF8266 !important;
    outline: 2px;
    font-weight: 600;
    top: 16px !important;
    height: 17px;
    width: 17px;
    background: none;
  }

  .ddgQuiz .wizard-navigators>li.stepped>a span {
    margin-left: -2.7vw;
    font-size: 10px;
    color: #FF8266;
    font-family: "KarlaBold","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: block;
    top: 46px;
  }
  
  .ddgQuiz .wizard-navigators>li.stepped.active>a::before {
    background: #00A3DF;
    border: 0;
    color: #fff;
  }
  
  /*hidding last step for sumbmission
  .ddgQuiz .wizard-navigators>li:last-of-type a:before {
    content: "";
    background: url(/content/dam/skyrizi/images/homepage/talk-to-dermatologist/how-to-talk-to-your-doctor/plane-icon-desktop-r2.svg) center no-repeat #D8D8D8;
  }
  
  .ddgQuiz .wizard-navigators>li:last-of-type.active a:before {
    content: "";
    background: url(/content/dam/skyrizi/images/homepage/talk-to-dermatologist/how-to-talk-to-your-doctor/plane-icon-desktop-r2.svg) center no-repeat #00A3DF;
  }*/
  
  /*----------------------------*\
      # body selector
  /*----------------------------*/
  
  .body-parts-container {
    min-height: 394px;
    position: relative;
    margin: 50px auto;
    max-width: 610px;
  }
  
  /* .body-parts-container:after {
    bottom: -50px;
    content: "SKYRIZI is not indicated to treat a specific location of the body for plaque psoriasis.";
    color: #4F525C;
    display: block;
    font-family: "Univers LT W01_67 Bold_1476016", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';
    font-size: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 80%;
  } */
  
  .body-parts-container .guideCheckBoxItem label {
    display: none;
  }
  
  .body-parts-container .guideCheckBoxGroup {
    position: absolute;
    height: 30px;
    width: 30px;
  }
  
  .back-btn, .front-btn {
    position: absolute;
    top: -60px;
    left: 0;
    font-size: 0;
  }
  
  .ddgQuiz .back-btn button, .ddgQuiz .front-btn button {
    border: 0;
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/back-button_r3_mobile.png) no-repeat;
    background-size: 100% auto;
    width: 72px;
    height: 128px;
    padding: 0;
    min-width: 60px;
  }


  .ddgQuiz .front-btn button {
    border: 0;
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/front-button_r3_mobile.png) no-repeat;
    background-size: 100% auto;
    width: 72px;
    height: 128px;
    padding: 0;
    min-width: 60px;
  }
  
  .ddgQuiz .back-btn .iconButton-label,
  .ddgQuiz .front-btn .iconButton-label {
    display: none;
  }
  
  .frontPanel,
  .backPanel {
    left: -5px;
    position: relative;
    min-height: 394px;
    margin: auto;
    width: 280px;
  }
  
  .backPanel, .inactive-side {
    display: none;
  }
  
  .active-side {
    display: block;
  }
  
  .frontPanel {
    background: url('/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/psoriasis-severity-tool-front_r3_all_views.png') no-repeat center;
    background-size: 100%;
  }
  
  .frontPanel:before {
    content: "Front";
    color: #000000;
    font-family: "KarlaBold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -22px;
    text-align: center;
  }
  
  .backPanel {
    background: url('/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/psoriasis-severity-tool-back_r3_all_views.png') no-repeat center;
    background-size: 100%;
  }
  
  .backPanel:before {
    content: "Back";
    color: #000000;
    font-family: "KarlaBold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -22px;
    text-align: center;
  }
  
  /* body checkboxes selection */
  .guideItemSelected.q1a1OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-head-look_r3_2x_all_views.png) no-repeat;
    background-size: 100%;
    width: 38px;
    height: 55px;
    position: absolute;
    left: -2px;
    top: 3px;
    transform: scale(1.26);
  }

  .body-parts-container .guideCheckBoxItem.guideItemSelected .XfaCheckBox::after {
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/checkmark_r3_mobile.png) no-repeat;
    width: 17px;
    height: 17px;
    border: none;
    background-size: 100%;
    top: 5px;
    left: 8px;
    transform: rotate(0);
  }
  
  .guideItemSelected.q1a3OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-upper-arm_r3_2x_all_views.png) no-repeat;
    width: 58px;
    height: 127px;
    position: absolute;
    left: -15px;
    top: -8px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a4OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/torso-front_r3_2x_all_views.png) no-repeat;
    width: 221px;
    height: 333px;
    position: absolute;
    left: -91px;
    top: -133px;
    transform: scale(.49);
  }
  
  .guideItemSelected.q1a5OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-upper-arm_r3_2x_all_views.png) no-repeat;
    width: 66px;
    height: 124px;
    position: absolute;
    left: -16px;
    top: -12px;
    transform: scale(1.2);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a6OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-mid-arm_r3_2x_all_views.png) no-repeat;
    width: 36px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 2px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a7OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-mid-arm_r3_2x_all_views.png) no-repeat;
    width: 66px;
    height: 67px;
    position: absolute;
    left: -14px;
    top: -13px;
    transform: scale(.85);
    background-size: 100%;;
  }
  
  .guideItemSelected.q1a8OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-lower-arm_r3_2x_all_views.png) no-repeat;
    width: 89px;
    height: 99px;
    position: absolute;
    left: -15px;
    top: -29px;
    transform: scale(1.3);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a9OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-lower-arm_r3_2x_all_views.png) no-repeat;
    width: 66px;
    height: 120px;
    position: absolute;
    left: -27px;
    top: 2px;
    transform: scale(1.5);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a10OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/groin_r3_2x_all_views.png) no-repeat;
    width: 140px;
    height: 120px;
    position: absolute;
    left: -13px;
    top: -44px;
    background-size: 100%;
    transform: scale(1, .88);
  }
  
  .guideItemSelected.q1a11OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-thigh_r3_2x_all_views.png) no-repeat;
    width: 49px;
    height: 95px;
    position: absolute;
    left: -5px;
    top: -34px;
    transform: scale(1.3);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a12OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-thigh_r3_2x_all_views.png) no-repeat;
    width: 50px;
    height: 99px;
    position: absolute;
    left: -17px;
    top: -31px;
    transform: scale(1.26);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a13OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-calf_r3_2x_all_views.png) no-repeat;
    width: 34px;
    height: 70px;
    position: absolute;
    left: -2px;
    top: -13px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a14OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-calf_r3_2x_all_views.png) no-repeat;
    width: 33px;
    height: 72px;
    position: absolute;
    left: -3px;
    top: -6px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a15OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-foot_r3_2x_all_views.png) no-repeat;
    width: 33px;
    height: 68px;
    position: absolute;
    left: -4px;
    top: -17px;
    background-size: 100%;
  }
  
  .guideItemSelected.q1a16OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-foot_r3_2x_all_views.png) no-repeat;
    width: 33px;
    height: 78px;
    position: absolute;
    left: -3px;
    top: -19px;
    background-size: 100%;
  }
  
  .guideItemSelected:before {
    pointer-events: none;
  }
  
  /* back parts selected*/
  
  .guideItemSelected.q1a18OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-head-look_r3_2x_all_views.png) no-repeat;
    background-size: 100%;
    width: 38px;
    height: 56px;
    position: absolute;
    left: -5px;
    top: 4px;
    transform: scale(1.25);
  }
  
  
  .guideItemSelected.q1a19OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-upper-arm_r3_2x_all_views.png) no-repeat;
    width: 58px;
    height: 71px;
    position: absolute;
    left: -15px;
    top: -18px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a20OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/torso-back_r3_2x_all_views.png) no-repeat;
    width: 80px;
    height: 126px;
    position: absolute;
    left: -24px;
    top: -32px;
    transform: scale(1.3);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a21OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-upper-arm_r3_2x_all_views.png) no-repeat;
    width: 62px;
    height: 60px;
    position: absolute;
    left: -14px;
    top: -19px;
    transform: scale(1.3);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a22OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-mid-arm_r3_2x_all_views.png) no-repeat;
    width: 36px;
    height: 38px;
    position: absolute;
    left: -2px;
    top: 3px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a23OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-mid-arm_r3_2x_all_views.png) no-repeat;
    width: 41px;
    height: 40px;
    position: absolute;
    left: -5px;
    top: -3px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a24OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-lower-arm_r3_2x_all_views.png) no-repeat;
    width: 89px;
    height: 85px;
    position: absolute;
    left: -13px;
    top: -36px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a25OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-lower-arm_r3_2x_all_views.png) no-repeat;
    width: 79px;
    height: 74px;
    position: absolute;
    left: -34px;
    top: -20px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a26OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/groin_r3_2x_all_views.png) no-repeat;
    width: 141px;
    height: 117px;
    position: absolute;
    left: -14px;
    top: -45px;
    background-size: 100%;
    transform: scale(1, .88);
  }
  
  .guideItemSelected.q1a27OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-thigh_r3_2x_all_views.png) no-repeat;
    width: 49px;
    height: 96px;
    position: absolute;
    left: -5px;
    top: -36px;
    transform: scale(1.29);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a28OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-thigh_r3_2x_all_views.png) no-repeat;
    width: 50px;
    height: 97px;
    position: absolute;
    left: -18px;
    top: -33px;
    transform: scale(1.25);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a29OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-calf_r3_2x_all_views.png) no-repeat;
    width: 34px;
    height: 70px;
    position: absolute;
    left: -2px;
    top: -15px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a30OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-calf_r3_2x_all_views.png) no-repeat;
    width: 34px;
    height: 72px;
    position: absolute;
    left: -3px;
    top: -9px;
    transform: scale(1.35);
    background-size: 100%;
  }
  
  .guideItemSelected.q1a31OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/l-foot_r3_2x_all_views.png) no-repeat;
    width: 33px;
    height: 77px;
    position: absolute;
    left: -4px;
    top: -18px;
    background-size: 100%;
  }
  
  .guideItemSelected.q1a32OptionsCheckbox:before {
    content: "";
    background: url(/content/dam/psoriasis/images/homepage/psoriasis-treatment-doctor/questions-to-ask-your-doctor/r-foot_r3_2x_all_views.png) no-repeat;
    width: 33px;
    height: 82px;
    position: absolute;
    left: -3px;
    top: -20px;
    background-size: 100%;
  }
  
  .q1a1OptionsCheckbox {
    top: -3px;
    left: 126px;
    transform: scale(.87);
  }
  
  .q1a2OptionsCheckbox, .q1a17OptionsCheckbox  {
    display: none;
  }

  .q1a18OptionsCheckbox {
    top: -5px;
    left: 126px;
    transform: scale(.87);
  }
  
  .q1a3OptionsCheckbox,
  .q1a19OptionsCheckbox {
    top: 59px;
    left: 79px;
    transform: scale(0.75);
  }
  
  .q1a4OptionsCheckbox,
  .q1a20OptionsCheckbox {
    top: 65px;
    left: 125px;
    transform: scale(0.75);
  }
  
  .q1a5OptionsCheckbox,
  .q1a21OptionsCheckbox {
    top: 56px;
    left: 173px;
    transform: scale(0.75);
  }
  
  .q1a6OptionsCheckbox,
  .q1a22OptionsCheckbox {
    top: 76px;
    left: 52px;
    transform: scale(0.75);
  }
  
  .q1a7OptionsCheckbox,
  .q1a23OptionsCheckbox {
    top: 77px;
    left: 202px;
    transform: scale(0.75);
  }
  
  .q1a8OptionsCheckbox,
  .q1a24OptionsCheckbox {
    top: 114px;
    left: 8px;
    transform: scale(0.75);
  }
  
  .q1a9OptionsCheckbox,
  .q1a25OptionsCheckbox {
    top: 108px;
    left: 239px;
    transform: scale(0.75);
  }
  
  .q1a10OptionsCheckbox,
  .q1a26OptionsCheckbox {
    top: 142px;
    right: 155px;
    height: 70px;
    width: 110px;
    transform: scale(.75,.79);
    z-index: 1;
  }
  
  .q1a10OptionsCheckbox .guideCheckBoxItem .XfaCheckBox::before,
  .q1a10OptionsCheckbox .guideCheckBoxItem .XfaCheckBox input[type='checkbox'],
  .q1a26OptionsCheckbox .guideCheckBoxItem .XfaCheckBox::before,
  .q1a26OptionsCheckbox .guideCheckBoxItem .XfaCheckBox input[type='checkbox'],
  .q1a10OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before, .q1a10OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before,
  .q1a26OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before, .q1a26OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before {
    height: 70px;
    width: 110px;
  }
  
  .q1a10OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::after,
  .q1a26OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::after {
    top: 4px;
    left: 31px;
    width: 50px;
    height: 55px;
  }
  
  .q1a11OptionsCheckbox,
  .q1a27OptionsCheckbox {
    top: 203px;
    left: 102px;
    transform: scale(0.75);
  }
  
  .q1a12OptionsCheckbox,
  .q1a28OptionsCheckbox {
    top: 201px;
    left: 150px;
    transform: scale(0.75);
  }
  
  .q1a13OptionsCheckbox,
  .q1a29OptionsCheckbox {
    top: 254px;
    left: 102px;
    transform: scale(0.75);
  }
  
  .q1a14OptionsCheckbox,
  .q1a30OptionsCheckbox {
    top: 253px;
    left: 149px;
    transform: scale(0.75);
  }
  
  .q1a15OptionsCheckbox,
  .q1a31OptionsCheckbox {
    top: 314px;
    left: 98px;
  }
  
  .q1a16OptionsCheckbox,
  .q1a32OptionsCheckbox {
    top: 313px;
    left: 157px;
  }
  
  .ddgQuiz .default-button.center {
    text-align: center;
  }

  .ddgQuiz .goalstatementbutton.default-button .guideFieldWidget {
    display: flex;
    justify-content: center;
  }

  .ddgQuiz .default-button button {
    max-width: 244px;
    font-family: "RubikBold","KarlaBold","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 5px;
    color: #fff;
    background: #007297 !important;
    box-shadow: 4px 4px 0 0 #b8dfec;
    display: inline-block;
    text-align: center;
    font-size: 1.6px;
    padding: 15px 37px 13px 29px;
    border: none;
    font-weight: bold;
    height: auto;
    text-transform: uppercase;
  }

  .ddgQuiz .default-button button .iconButton-label {
    font-size: 16px;
    line-height: normal;
  }
  
.ddgQuiz .default-button button:hover,
.ddgQuiz .default-button button:focus,
.ddgQuiz .default-button button:active {
  color: #007297;
  background: white !important;
  transition: background 0.3s linear;
  cursor: pointer;
  text-decoration: none;
  border: none;
}

  /*----------------------------*\
      # Blue container
  /*----------------------------*/
  
  .blue-bg-container {
    background-color: rgba(184, 223, 236, 0.3);
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  
  .blue-bg-container p {
    font-size: 16px;
    line-height: 22px;
  }
  
  .blue-bg-container p b {
    font-size: 16px;
    line-height: 22px;
  }
  
  .blue-bg-container .guideseparator {
    border-top: 1px solid #0076AF;
  }
  
  .blue-bg-container .guideseparator .separator {
    display: none;
  }
  
  .blue-bg-container p.severity-description,
  .blue-bg-container p.footnote {
    font-size: 12px;
  }
  
  .blue-bg-container p.severity-description {
    display: none;
  }
  
  .blue-bg-container p.footnote {
    font-family: "Univers LT W01_67 Bold_1476016", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';
  }
  
  
  .mildpsoriasisPanel,
  .moderatepsoriasispanel,
  .severepsoriasispanel {
    margin: auto;
    width: 70%;
  }
  
  .mildpsoriasisPanel img,
  .moderatepsoriasispanel img,
  .severepsoriasispanel img {
    max-height: 135px;
    width: auto;
  }
  
  .mildpsoriasisPanel .row,
  .moderatepsoriasispanel .row,
  .severepsoriasispanel .row {
    display: flex;
    align-items: center;
  }
  
  .answer3panel img {
    max-height: 40px;
    width: auto;
  }
  
  /*.answer4panel img,
  .answer5panel img,
  .answer6panel img,
  .answer7panel img,
  .goalquestionpanel img,
  .Question4TopPanel img {
    max-height: 68px;
    width: auto;
  }*/
  
  .question3radio .guideFieldLabel label:before {
    content: "3.";
    /*font-family: "Univers LT W01_67 Bold_1476016", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';*/
    display: inline-block;
    margin-right: 2px;
  }
  
  .question3radio .guideFieldLabel label {
    color: #4F525C !important;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  
  .question6radio .guideFieldLabel label:before {
    content: "1.";
    /*font-family: "Univers LT W01_67 Bold_1476016", Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, 'abbv-iconFont';*/
    display: inline-block;
    margin-right: 2px;
  }
  
  .question6radio .guideFieldLabel label {
    color: #4F525C !important;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  
  .Question4Summary3text p {
    text-align: center;
  }
  
  .abbv-question4.Question4 .guideFieldLabel label {
    line-height: 22px;
    font-size: 16px;
  }

  /*----------------------------*\
      #  Email panel
  /*----------------------------*/
  .guidePanelNode.summary-email {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
  }
  .ddgQuiz .guidePanelNode.summary-email .default-button .guideFieldButtonWidget {
    text-align: center;
  }
  .ddgQuiz .guidePanelNode.summary-email .default-button button {
    width: 100%;
    max-width: 200px;
  }
  .guidePanelNode.summary-email .guideTextDraw p b {
    font-family: "RubikRegular";
  }
  .ddgQuiz .guidePanelNode.summary-email p.center {
    text-align: center;
  }
  .guidePanelNode.summary-email a.download-pdf {
    color: #007297;
    font-family: "KarlaBold";
    font-size: 16px;
    text-decoration: underline;
    position: relative;
    padding-left: 22px;
    margin-left: 10px;
  }
  .guidePanelNode.summary-email a.download-pdf:before {
    content: "\e415";
    color: #007297;
    font-size: 16px;
    font-family: 'abbv-iconFont' !important;
    position: absolute;
    left: 0;
  }
  .summarytextpanel h2 {
    color: #17264A;
    font-size: 28px;
    font-family: "KarlaBold";
    margin: 30px 0 20px 0;
  }
  
  .emailtextpanel button {
    display: block;
    margin: auto;
  }
  
  /*--------------------------------------------*\
      #  Question 1 third radio -  hidding word
  /*--------------------------------------------*/
  .question2panel .abbv-quizddg-question2:nth-child(3) label {
    overflow: hidden;
  }

  .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield {
    background-color: #fafafb;
    padding: 14px 27px 17px 24px;
  }

  .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield .question1text p {
    font-size: 16px;
    line-height: 22px;
  }

  .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield .question1text p:first-child {
    margin-top: 0;
    padding-top: 12px;
  }

  .Question1Panel .guidePanelNode.question1panel .row .col-md-6 .guideimage {
    height: 100%;
    align-items: center;
  }

  .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row, 
  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row {
    display: flex;
    flex-direction: column;
  }

  .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:first-child, 
  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:first-child,
  .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:last-child, 
  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:last-child {
    width: 100%;
  }

  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row:nth-child(2) .col-md-6 {
    width: 100%;
  }

  .Question1Panel .guidePanelNode.question1panel .severitypannel1a .guidetextdraw.guidefield, 
  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .guidetextdraw.guidefield {
    padding: 0;
    background-color: transparent;
  }

  .guidePanelNode .col-2-30-70 .row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .guidePanelNode .col-2-30-70.rows-2 .row {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .guidePanelNode .col-2-30-70 .row > div:nth-child(1) {
    width: 100%;
  }
  .guidePanelNode .col-2-30-70 .row > div:nth-child(2) {
    width: 100%;
  }
  .guidePanelNode .col-2-30-70.rows-2 .row:nth-child(2) > div {
    width: 100%;
  }

  .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:first-child .guideimage img,
  .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:first-child .guideimage img {
    width: auto;
    max-width: 100%;
  }

  /*--------------------------------------------*\
      #  Question 1 step 2
  /*--------------------------------------------*/
  
  .guidePanelNode.Question1 .question1panel .body-parts-container {
    padding-top: 60px;
  }

  .guidePanelNode.Question1 .step1-last {
    margin-bottom: 34px;
  }

  .guidePanelNode.question2panel .guideLayout .row:nth-child(2) {
    padding: 26px 27px 23px 24px;
  }

  .guidePanelNode.question2panel .guideFieldNode.question2text p {
    font-size: 16px;
    line-height: 22px;
  }

  .guidePanelNode.question2panel .guideFieldNode.question2text p:nth-child(2) {
    margin-bottom: 3px;
  }

  .guidePanelNode.answer2panel.blue-bg-container {
    margin-top: 0;
  }

  .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row {
    background-color: transparent;
    padding: 0;
  }

  .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row .col-md-6:first-child,
  .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row .col-md-6:last-child {
    width: 100%;
  }

  /*--------------------------------------------*\
      #  Question 2 step 1
  /*--------------------------------------------*/

  .guidePanelNode.q2 {
    margin-bottom: 40px;
  }

  .question6panel.abbv-quizddg-qtoken-q6.guidePanelNode.q2 {
    margin-bottom: 24px;
  }

  .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row {
    width: 100%;
    background-color: #fafafb;
    padding-left: 30px;
    padding-right: 30px;
  }

  .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child {
    background-color: #E9F5F9;
    margin-top: 30px;
  }

  .abbv-question2.Question2 .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child {
    margin-top: 0;
  }

  .abbv-question2.Question2 .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child,
  .Question3.abbv-question3 .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child {
    margin-top: 0;
  }

  .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child .guideTextDraw p b {
    /*color: #FF8266;*/
    font-family: "KarlaBold";
  }

  .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row .guideCheckBox {
    padding-bottom: 15px;
  }

  .guideFieldNode.guideCheckBox.question3radiobutton .guideRadioButtonGroupItems {
    display: flex;
    flex-direction: column;
  }

  .answer3panel.blue-bg-container {
    margin-top: 0;
  }

  .checkbox-group .guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch) {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-group .guideCheckBoxGroupItems > div {
    width: 100%;
    margin: 0;
  }

  /*--------------------------------------------*\
      #  Question 4
  /*--------------------------------------------*/

  .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row > div:nth-child(1) {
    width: 100%;
  }
  .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row > div:nth-child(2) {
    width: 100%;
  }

  .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
    display: flex;
    flex-direction: column;
  }

  .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).question12textbox {
    margin-bottom: 40px;
  }
  
  .question12textbox input[type="text"]::placeholder {
    color: #9b9b9b; 
  }

  .question12textbox input[type="text"]:-ms-input-placeholder {
    color: #9b9b9b; 
  }

  .question12textbox input[type="text"]::-ms-input-placeholder {
    color: #9b9b9b;
  }

  .treatmentgoalstext p.hide-mobile {
    display: none;
  }

  /*----------------------------*\
      # Media Queries
  /*----------------------------*/
  
  @media (max-width: 767px) {
    [id$="_guide-item-container"] {
      overflow: initial;
    }

    .ddgQuiz .defaultToolbarLayout.gridFluidLayout .guidetoolbar {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .ddgQuiz button.moveNext,
    .ddgQuiz button.moveNext:active {
      padding: 7px 20px 8px 20px;
    }
  }
  
  @media (min-width: 601px) {

    .ddgQuiz .wizard-navigators>li.stepped>a::before {
      box-shadow: 0 0px 0 2px #ff8266;
      border: 3px solid #fff !important;
      color: #FF8266 !important;
      top: 18px !important;
      height: 23px;
      width: 23px;
    }
  
    /* buttons*/

    .ddgQuiz .default-button button {
      padding: 12px 25px 13px 25px;
    }

    .ddgQuiz .goalstatementbutton.default-button .guideFieldWidget {
      display: flex;
      justify-content: flex-start;
    }
  
    .ddgQuiz .DownloadPDF {
      text-align: center;
    }
  
    .ddgQuiz .DownloadPDF button.Button {
      max-width: 100%;
      margin: 0;
      text-align: left;
    }

    .ddgQuiz .link-button.ddgQuiz-back-button[data-disabled="true"] {
      margin-left: 85px;
    }

    .ddgQuiz button.moveNext,
    .ddgQuiz button.moveNext:active {
      min-width: 133px;
      font-size: 20px;
      height: 46px;
      padding: 7px 37px 8px 29px;
    }

    .ddgQuiz button.moveNext .iconButton-label {
      font-size: 20px;
    }

    .ddgQuiz button.moveNext .iconButton-label {
      font-size: 20px;
    }

    .ddgQuiz button.movePrev {
      margin-top: 31px;
    }
  
    .ddgQuiz .default-button button .iconButton-label {
      font-size: 20px;
    }

    .ddgQuiz .default-button button {
      max-width: 361px;
    }
  
    /*radio buttons*/
    .guideRadioButtonGroupItems {
      display: flex !important;
      flex-wrap: wrap;
    }
    .guideRadioButtonItem {
      margin-bottom: 0;
    }
  
    .guideRadioButtonGroupItems .guideRadioButtonItem {
      flex: 0 0 19%;
    }

    .question2radiobutton .guideRadioButtonGroupItems .guideRadioButtonItem {
      flex: 0 0 30%;
    }

    .question2radiobutton .guideRadioButtonGroupItems .guideRadioButtonItem:nth-child(2) {
      flex: 0 0 25%;
    }

    .guideRadioButtonGroupItems .guideRadioButtonItem.question5radiobutton {
      flex: 0 0 32%;
    }

    .guideRadioButtonGroupItems .guideRadioButtonItem.question5radiobutton:nth-child(1),
    .guideRadioButtonGroupItems .guideRadioButtonItem.question5radiobutton:nth-child(2) {
      max-width: 200px;
    }
  
    .question6radio .guideRadioButtonGroupItems .guideRadioButtonItem {
      flex: auto;
    }
  
    .question6radio .guideRadioButtonGroupItems .guideRadioButtonItem:last-of-type {
      margin-bottom: 20px;
    }
  
    .blue-bg-container p.severity-description {
      display: none;
    }
  
    .mildpsoriasisPanel,
    .moderatepsoriasispanel,
    .severepsoriasispanel {
      width: 100%;
    }
  
    .answer3panel,
    .answer4panel,
    .answer5panel,
    .answer6panel,
    .answer7panel,
    .goalquestionpanel,
    .Question4TopPanel {
      padding: 10px 0;
    }
  
    .answer3panel .col-md-6:first-of-type,
    .answer4panel .col-md-6:first-of-type,
    .answer5panel .col-md-6:first-of-type,
    .answer6panel .col-md-6:first-of-type,
    .answer7panel .col-md-6:first-of-type,
    .goalquestionpanel .col-md-6:first-of-type,
    .Question4TopPanel .col-md-6:first-of-type {
      width: 22%;
    }
  
    .answer3panel .col-md-6:last-of-type,
    .answer4panel .col-md-6:last-of-type,
    .answer5panel .col-md-6:last-of-type,
    .answer7panel .col-md-6:last-of-type,
    .goalquestionpanel .col-md-6:last-of-type,
    .Question4TopPanel .col-md-6:last-of-type {
      width: 78%;
    }
  
    .answer3panel .row,
    .answer4panel .row,
    .answer5panel .row,
    .answer6panel .row,
    .answer7panel .row,
    .goalquestionpanel .row,
    .Question4TopPanel .row {
      display: flex;
      align-items: center;
    }
  
    .goalquestionpanel {
      position: relative;
      top: -20px;
      margin-bottom: -5px;
    }
  
    .Question4SummaryPanel {
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child {
      margin-top: 0;
    }

    .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row:last-child .Question4SummaryPanel .guideTextDraw p b {
      color: #17264A;
    }
  
    /*----------------------------*\
      # body selector
      /*----------------------------*/
  
    .back-btn, .front-btn {
      display: none;
    }
  
    .frontPanel,
    .backPanel {
      display: block!important;
      width: 310px;
      background-size: 95%;
    }

    .body-parts-container > .gridFluidLayout > .guideGridFluidLayout > .row {
      display: flex;
      flex-direction: row;
    }

    .guidePanelNode.Question1 .question1panel .body-parts-container {
      margin-top: 25px;
    }

    /* body checkboxes selection */
  
    .q1a10OptionsCheckbox .guideCheckBoxItem .XfaCheckBox::before, 
    .q1a10OptionsCheckbox .guideCheckBoxItem .XfaCheckBox input[type='checkbox'], 
    .q1a26OptionsCheckbox .guideCheckBoxItem .XfaCheckBox::before, 
    .q1a26OptionsCheckbox .guideCheckBoxItem .XfaCheckBox input[type='checkbox'], 
    .q1a10OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before, 
    .q1a10OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before, 
    .q1a26OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox::before, 
    .q1a26OptionsCheckbox .guideCheckBoxItem.guideItemSelected .XfaCheckBox:hover::before {
      height: 65px;
      width: 101px;
    }
  
    .guideItemSelected.q1a1OptionsCheckbox:before {
      left: -3px;
      top: 2px;
      background-size: 100%;
      transform: scale(1);
    }
    
    .guideItemSelected.q1a3OptionsCheckbox:before {
      left: -17px;
      top: -7px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a4OptionsCheckbox:before {
      left: -35px;
      top: -44px;
      width: 101px;
      height: 163px;
      background-size: 100%;
      transform: scale(1.07);
    }
    
    .guideItemSelected.q1a5OptionsCheckbox:before {
      left: -14px;
      top: -8px;
      background-size: 100%;
      width: 62px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a6OptionsCheckbox:before {
      left: -3px;
      top: 3px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a7OptionsCheckbox:before {
      left: -5px;
      top: 6px;
      background-size: 100%;
      width: 41px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a8OptionsCheckbox:before {
      left: -13px;
      top: -29px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a9OptionsCheckbox:before {
      left: -36px;
      top: -14px;
      width: 79px;
      height: 114px;
      background-size: 100%;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a10OptionsCheckbox:before {
      left: -19px;
      top: -46px;
      transform: scale(1.05, .91);
    }
    
    .guideItemSelected.q1a11OptionsCheckbox:before {
      left: -2px;
      top: -40px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a12OptionsCheckbox:before {
      left: -18px;
      top: -38px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a13OptionsCheckbox:before {
      left: -1px;
      top: -15px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a14OptionsCheckbox:before {
      left: -3px;
      top: -9px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a15OptionsCheckbox:before {
      left: -3px;
      top: -16px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a16OptionsCheckbox:before {
      left: -2px;
      top: -19px;
      background-size: 100%;
    }
    
    /* back parts selected*/
    
    .guideItemSelected.q1a18OptionsCheckbox:before {
      left: -5px;
      top: 1px;
      background-size: 100%;
      transform: scale(1);
    }
    
    
    .guideItemSelected.q1a19OptionsCheckbox:before {
      left: -17px;
      top: -18px;
    }
    
    .guideItemSelected.q1a20OptionsCheckbox:before {
      left: -24px;
      top: -29px;
      background-size: 100%;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a21OptionsCheckbox:before {
      left: -15px;
      top: -18px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a22OptionsCheckbox:before {
      left: -4px;
      top: 2px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a23OptionsCheckbox:before {
      left: -5px;
      top: 0px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a24OptionsCheckbox:before {
      left: -15px;
      top: -30px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a25OptionsCheckbox:before {
      left: -37px;
      top: -20px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a26OptionsCheckbox:before {
      left: -23px;
      top: -49px;
      transform: scale(1.05, .91);
    }
    
    .guideItemSelected.q1a27OptionsCheckbox:before {
      left: -3px;
      top: -32px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a28OptionsCheckbox:before {
      left: -20px;
      top: -31px;
      transform: scale(1.35);
    }
    
    .guideItemSelected.q1a29OptionsCheckbox:before {
      left: -1px;
      top: -13px;
    }
    
    .guideItemSelected.q1a30OptionsCheckbox:before {
      left: -3px;
      top: -10px;
    }
    
    .guideItemSelected.q1a31OptionsCheckbox:before {
      left: -2px;
      top: -17px;
      background-size: 100%;
    }
    
    .guideItemSelected.q1a32OptionsCheckbox:before {
      left: 1px;
      top: -21px;
      background-size: 100%;
    }
   
    .q1a1OptionsCheckbox {
      top: -15px;
      left: 142px;
      transform: scale(1);
    }
  
    .q1a17OptionsCheckbox {
      top: 72px;
      left: 158px;
    }
  
    .q1a2OptionsCheckbox {
      top: 72px;
      left: 122px;
    }
  
    .q1a18OptionsCheckbox {
      top: -15px;
      left: 142px;
      transform: scale(1);
    }
  
    .q1a3OptionsCheckbox,
    .q1a19OptionsCheckbox {
      top: 53px;
      left: 93px;
    }
  
    .q1a4OptionsCheckbox {
      top: 58px;
      left: 141px;
    }
  
    .q1a20OptionsCheckbox {
      top: 59px;
      left: 140px;
    }
  
    .q1a5OptionsCheckbox {
      top: 50px;
      left: 191px;
    }
  
    .q1a21OptionsCheckbox {
      top: 50px;
      left: 191px;
    }
  
    .q1a6OptionsCheckbox {
      top: 72px;
      left: 65px;
    }
  
    .q1a22OptionsCheckbox {
      top: 72px;
      left: 65px;
    }
  
    .q1a7OptionsCheckbox {
      top: 71px;
      left: 222px;
    }
  
    .q1a23OptionsCheckbox {
      top: 71px;
      left: 221px;
    }
  
    .q1a8OptionsCheckbox {
      top: 107px;
      left: 21px;
    }
  
    .q1a24OptionsCheckbox {
      top: 109px;
      left: 18px;
    }
  
    .q1a9OptionsCheckbox {
      top: 105px;
      left: 261px;
    }
  
    .q1a25OptionsCheckbox {
      top: 105px;
      left: 262px;
    }
  
    .q1a10OptionsCheckbox {
      top: 142px;
      left: -53px;
      right: 0;
      margin: auto;
    }
  
    .q1a26OptionsCheckbox {
      top: 143px;
      left: -48px;
      right: 0;
      margin: auto;
    }
  
    .q1a11OptionsCheckbox {
      top: 208px;
      left: 115px;
    }
  
    .q1a27OptionsCheckbox {
      top: 203px;
      left: 115px;
    }
  
    .q1a12OptionsCheckbox {
      top: 207px;
      left: 167px;
    }
  
    .q1a28OptionsCheckbox {
      top: 202px;
      left: 168px;
    }
  
    .q1a13OptionsCheckbox {
      top: 260px;
      left: 116px;
    }
  
    .q1a29OptionsCheckbox {
      top: 258px;
      left: 116px;
    }
  
    .q1a14OptionsCheckbox {
      top: 259px;
      left: 166px;
    }
  
    .q1a30OptionsCheckbox {
      top: 258px;
      left: 165px;
    }
  
    .q1a15OptionsCheckbox {
      top: 321px;
      left: 112px;
    }
  
    .q1a31OptionsCheckbox {
      top: 320px;
      left: 110px;
    }
  
    .q1a16OptionsCheckbox {
      top: 321px;
      left: 173px;
    }
  
    .q1a32OptionsCheckbox {
      top: 321px;
      left: 170px;
    }

    /* Body parts title */ 
    .backPanel:before,
    .frontPanel:before {
      top: -45px;
      font-size: 21px;
    }
  
    /* question 4 checkboxes*/
  
    .question4panel .row:not(:first-of-type) {
      display: inline-block;
      vertical-align: top;
      width: 32.5%;
    }
  
    .question5panel .row:nth-child(2),
    .question5panel .row:nth-child(4) {
      display: inline-block;
      vertical-align: top;
      width: 32.5%;
    }
  
    .question5panel .row:nth-child(3),
    .question5panel .row:nth-child(5) {
      display: inline-block;
      vertical-align: top;
      width: 50%;
    }
  
    .question5panel .row:nth-child(3) .guideWidgetLabel.right label,
    .question5panel .row:nth-child(5) .guideWidgetLabel.right label {
      max-width: 152px;
    }
  
    /*.question7panel .row:nth-child(3),
    .question7panel .row:nth-child(4),
    .question7panel .row:nth-child(5),
    .question7panel .row:nth-child(6) {
      display: inline-block;
      vertical-align: top;
      width: 49%;
    }*/
  
    .question4panel .guideWidgetLabel.right label,
    .question5panel .guideWidgetLabel.right label {
      margin-right: 0;
    }
  
    .TextboxQuestionPanel input {
      max-width: 415px;
    }
  
    /*----------------------------*\
      #  Email panel
  /*----------------------------*/
    .emailtextpanel .col-md-6:first-of-type {
      width: 70%;
    }
  
    .emailtextpanel input[type="text"] {
      width: 90%;
    }
  
    .emailtextpanel .col-md-6:last-of-type {
      width: 30%;
    }
  
    .emailtextpanel button {
      width: 100%;
    }
  
    .guideImage img {
      margin-left: 0;
      margin-top: 0;
    }
  
      /*----------------------------*\
      #  Blue container
  /*----------------------------*/
  
    .blue-bg-container .guideseparator {
      margin-bottom: 20px;
    }

    .step-title {
      padding: 25px 30px 5px;
    }
    .step-title.no-padd-side {
      padding-right: 0;
      padding-left: 0;
    }

    .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield {
      padding: 0 30px 30px;
    }

    .step-title p b {
      font-size: 28px !important;
    }

    .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield .question1text p {
      font-size: 20px;
      line-height: 24px;
    }

    .guidePanelNode.question2panel .guideFieldNode.question2text p {
      font-size: 20px;
      line-height: 24px;
    }

    .ddgQuiz .wizard-navigators {
      margin-bottom: 140px;
      width: calc(100% - 52px);
      margin-right: 26px;
      margin-left: 26px;
    }

    .ddgQuiz .wizard-navigators>li.active>a::before {
      box-shadow: 0 0px 0 2px #ff8266;
      border: 3px solid #fff !important;
      height: 23px;
      width: 23px;
      top: 18px !important;
    }

    .ddgQuiz .wizard-navigators>li>a::before {
      top: 0 !important;
      height: 28px;
      width: 28px;
    }

    .ddgQuiz .wizard-navigators>li.active>a span {
      font-size: 16px !important;
    }

    .ddgQuiz .wizard-navigators>li.active:last-of-type>a span {
      margin-left: -2.7vw;
      left: 0;
    }

    .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row, 
    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row {
      flex-direction: row;
    }

    .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:first-child, 
    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:first-child {
      width: 32%;
    }
  
    .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:last-child, 
    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:last-child {
      width: 100%;
    }

    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row:first-child .col-md-6:last-child {
      width: 69%;
    }

    .Question1Panel .guidePanelNode.question1panel .severitypannel1a .row .col-md-6:first-child .guideimage img,
    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:first-child .guideimage img {
      margin-right: 0;
      margin-left: 8px;
    }

    .Question1Panel .guidePanelNode.question1panel .severitypannel1b .row .col-md-6:first-child .guideimage img {
      margin-left: 0;
    }

    .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row .col-md-6:first-child {
      width: 31%;
    }
  
    .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row .col-md-6:last-child {
      width: 63%;
    }
  
    .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row .col-md-6:first-child .guideimage img {
      padding-left: 33px;
    }

    .blue-bg-container p {
      font-size: 20px;
      line-height: 24px;
      font-family: "KarlaRegular";
    }
    
    .blue-bg-container p b {
      font-size: 20px;
      line-height: 24px;
    }

    .guidePanelNode.question2panel .guidePanelNode.answer2panel.blue-bg-container .guideLayout .row {
      padding: 21px 54px 21px 11px;
    }

    .guideFieldNode p {
      font-size: 20px;
      line-height: 24px;
      font-family: "KarlaRegular";
    }

    /*--------------------------------------------*\
      #  Question 1 step 2
    /*--------------------------------------------*/

    .guidePanelNode.Question1 .step1-last {
      margin-bottom: 175px;
    }

    /*--------------------------------------------*\
      #  Question 2 step 1
    /*--------------------------------------------*/
    .guideFieldNode.guideCheckBox.question3radiobutton .guideRadioButtonGroupItems {
      flex-direction: row;
    }

    .frontPanel,
    .backPanel {
      min-height: 394px;
    }

    .question6panel.abbv-quizddg-qtoken-q6.guidePanelNode.q2 {
      margin-bottom: 40px;
    }

    .abbv-question4.Question4 .guideFieldLabel label {
      line-height: 24px;
      font-size: 20px;
    }

    .treatmentgoalstext p.hide-mobile {
      display: block;
    }
  }

  @media (min-width: 900px) {
    .ddgQuiz .wizard-navigators>li.stepped>a span {
      font-size: 16px;
    }
    .step-title {
      padding: 25px 80px 5px;
    }
    .guidePanelNode.q2 > .gridFluidLayout > .guideLayout > .row {
      padding-left: 80px;
      padding-right: 80px;
    }
    .Question1Panel .guidePanelNode.question1panel .guidetextdraw.guidefield {
      padding: 0 80px 30px;
    }
    .blue-bg-container {
      padding: 15px 80px;
    }
    .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
      display: flex!important;
      flex-direction: row;
    }

    .guidePanelNode .col-2-30-70 .row > div:nth-child(1) {
      width: 30%;
    }
    .guidePanelNode .col-2-30-70 .row > div:nth-child(2) {
      width: 70%;
    }
    .guidePanelNode .col-2-30-70.rows-2 .row:nth-child(2) > div {
      width: 100%;
    }
    .guideTextDraw p b {
      font-size: 20px;
    }
    .checkbox-group .guideCheckBoxGroupItems {
      margin-bottom: 30px;
    }
    .checkbox-group .guideCheckBoxGroupItems > div {
      width: 33.3%;
    }
    .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row {
      padding-left: 60px;
      padding-right: 60px;
    }
    .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row > div:nth-child(1) {
      width: 30%;
    }
    .guidePanelNode.Question4 > .gridFluidLayout > .guideLayout > .row:nth-child(3) .panel .row > div:nth-child(2) {
      width: 70%;
    }
    .question8textbox .guideFieldLabel label {
      line-height: 24px;
      font-size: 20px;
    }
    .ddgQuiz .default-button button {
      height: 46px;
    }
    .guidePanelNode.summary-email {
      width: 60%;
      margin: 0 auto 50px;
      text-align: left;
    }
    .guidePanelNode.summary-email a.download-pdf,
    .ddgQuiz .DownloadPDF button.Button .iconButton-label {
      font-size: 20px;
    }
    .guidePanelNode.summary-email a.download-pdf:before {
      font-size: 20px;
    }
  }

  .ddgQuiz .PanelContainer.afWizardPanel #guideContainer-rootPanel-panel___guide-item-container >div:nth-child(10).active + .toolbar {
    display: none;
  }