/* FF Mark Regular */
@font-face {
    font-family: font1;
    src: url(https://assets.kampyle.com/clients/nebula/Vanguard/Fonts/universLTStd.otf);
  }
  
  @font-face {
      font-family: "MarkProRegular";
      src: url('../../../../../../../../assets/MarkProRegular.woff2') format("woff2");
      font-weight: 400;
      font-style: normal;
  }
  
  /* FF Mark Regular Italic */
  @font-face {
      font-family: "MarkProItalic";
      src: url('../../../../../../../../assets/MarkProItalic.woff2') format("woff2");
      font-weight: 400;
      font-style: italic;
  }
  
  /* FF Mark Bold */
  @font-face {
      font-family: "MarkProBold";
      src: url('../../../../../../../../assets/MarkProBold.woff2') format("woff2");
      font-weight: 700;
      font-style: normal;
  }
  
  /* FF Mark Bold Italic */
  @font-face {
      font-family: "MarkProItalic";
      src: url('../../../../../../../../assets/MarkProBoldItalic.woff2') format("woff2");
      font-weight: 700;
      font-style: italic;
  }
  
  :root {
      --palette-core-primary: #000000 !important;
      --palette-typography-headline: #1A1A1A;
      --palette-typography-body: #1E1E1E;
      --palette-action-hover: transparent;
      --palette-action-active: transparent;
      --palette-rating-number-text-hover: white !important;
      --survey-footer-buttons-justify: right;
      --survey-footer-buttons-gap: 20px;
      --palette-group-mark-background: #5081ff;
      --typography-fontFamily: font1 !important;
      --thank-you-page-image-spacing: 0px;
      --thank-you-page-text-spacing: 0px;
      --rating-1to5-width: 300px;
      --powered-by-justify: right;
  }

  
  /* survey-wrapper */
  #survey-wrapper {
      background-color: #ffffff;
      height: auto !important;
  }
  
  main {
      padding: 0 !important;
      font-family: font1 !important;
      color: #1A1A1A;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin: 0;
      position: inherit !important;
  }

main [data-aut^="component-"] [class*="requiredMark"] {
    color: #BE0406 !important;
}
  
  /* spacing */
  main [data-aut^="component-"] {
      padding: 0 50px 30px 50px;
  }
  
  /* image component in thank you page*/
  [data-aut^="component-image"],
  ._2HCegihyidYXE6c3Ak2Vua {
      padding: 10px 0 20px 0 !important;
      max-width: none;
      max-height: none;
  }

/* image component */
  [data-aut^="component-image"] img {
      padding-left: 50px;
  }
  
  
  /* component-grading - Rating */
  
  [data-aut^="component-grading"] label p {
      color: #1A1A1A;
      font-family: font1 !important;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
      padding-bottom: 6px;
  }

 [data-aut^="component-grading"] [role="radiogroup"] {
      display: flex;
      flex-flow: row;
  }


div[data-value] {
    width: 35px !important;
    height: 35px !important;
}

  [data-aut^="component-grading"]
  .ratingMinLabel,
  .ratingMaxLabel {
      color: #666666;
      font-family: font1 !important;
      font-style: normal;
      font-weight: 400;
      line-height: 1px;
      min-width: 150px;
  }
  
  [data-aut^="component-grading"] .ratingMinLabel {
      font-size: 12px;
  }
  
  [data-aut^="component-grading"] .ratingMaxLabel {
      font-size: 12px;
      min-width: 150px;
  }

/* Rating hover css changes*/

div[data-value]:hover {
    background-color: #3152A5;
    box-shadow: none !important;
    outline: 1px dashed #595959 !important;
    outline-offset: 2px !important;
}


  
/* Component checkbox */
[data-aut^="component-checkbox"] label p {
    padding-bottom: 0;
}

[data-aut^="component-checkbox"] span {
   color: #1E1E1E !important;
   font-size: 13px;
}


/* Component dropdown select */
[data-aut^="component-select"] label p {
      color: #1A1A1A;
      font-family: font1 !important;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
}


  /* component-textArea */

  [data-aut^="component-textArea"] label p {
      color: #1A1A1A;
      font-family: font1 !important;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
  }
  
  [data-aut^="component-textArea"] textarea {
      resize: horizontal;
  }

  /* component-textArea focus */

  [data-aut^="component-textArea"] textarea:focus {
    background-color: #F8F8F8 !important;  
    outline: 1px dashed #595959 !important;
    outline-offset: 2px !important;
}

/* component-textInput */

[data-aut^="component-textInput"] label p {
      color: #1A1A1A;
      font-family: font1 !important;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
  }
 
  [data-aut^="component-textInput"] input:focus {
    background-color: #F8F8F8 !important;  
    outline: 1px dashed #595959 !important;
    outline-offset: 2px !important;
}


/* The below two remove/edit border, padding and margins from both radio buttons and checkboxes*/

[class^="group"] span:first-of-type {
      margin: 0 20px 0 15px;
  }
  
 [class^="group"] div {
      border: 0 !important;
      color: #595959 !important;
      margin: 0 !important;
      padding-bottom: 2px;
  }
  
  /* Footer */

footer {
    padding-right: 50px !important;
}

  .surveyBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 2.5rem !important;
    cursor: auto !important;
    font-weight: 800 !important;
  } 

/*
.surveyBtn.surveyBtn_submit:hover{
    background-color: white !important;
    color: #040505 !important;
}

.surveyBtn.surveyBtn_close:hover{
    background-color: #040505 !important;
    color: white !important;
} */
  

  
  /* Error Message */
  label#error_35835:before, label._1uqW4fgFyIVhP6g8vY_KHc:before {
      display: inline-block;
      padding-right: 3px;
      vertical-align: bottom;
      font-weight: 900;
      content: url(/pkg/1.0.0/web/INTL_external_libs/wdceuprem/35287/resource-library/image/1695375900657_alert_triangle.png);
      font-size: 24px;
      height: 24px !important;
      width: 24px;
      position: abo;
      transform: scale(0.3);
  }
  
  
  
  /* component-radio */
  
  
  [data-aut^="component-radio"] label p {
      color: #1A1A1A;
      font-family: font1 !important;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
  }
  
  [data-aut^="component-radio"] span {
      color: #595959 !important;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

@media screen and (max-width: 500px) {

     main [data-aut^="component-"] {
      padding: 0 15px 20px 15px;
  }

     [data-aut^="component-image"] img {
      padding-left: 15px;
  }

    footer {
    padding-right: 15px !important;
}
    
[data-aut^="component-grading"] .ratingMinLabel, .ratingMaxLabel {
    min-width: 0px !important;
}

    div[data-value] {
    width: 25px !important;
    height: 25px !important;
   }

}